/*Video Gallery Slider*/
img {max-width: 100%;}
.arrow, .pager {position: relative; z-index: 3}
.cycle-slideshow, .cycle-slide {z-index: 1!important}
.cycle-slideshow {position:relative;}
.cycle-slide {right: 0; margin: 0 auto; display: none; }

#carousel {position: relative;  max-width: 750px; margin: 0 auto; padding: 10px 20px; }
.double .youtube-player .play {background: url('assets/images/vid-gallery-play.png'); background-size: contain; width: 80px; height: 80px;}
.double .arrow {position: absolute;
    top: 50%;
    right: 0;
    font-size: 60px;
    line-height: 0;
    transform: translateY(-50%); }
.double .arrow:hover {color: #35596a;}
.double #prev {right: auto; left: 0;}
#testimony-vids #next {left: auto; right: 0;}

#cycle-1 {max-width: 950px; margin: 20px auto; }
#cycle-1 img {width: 100%;}
#cycle-2 {max-width: 450px; margin: auto;}
#cycle-2 span {position: relative; display: block; margin: 5px; border-radius: 8px;
    overflow: hidden; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.28);}
#cycle-2 span:after { content: '';
height: 40px; z-index: 10;
    width: 40px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); 
    position: absolute;
   background: url('assets/images/vid-gallery-play.png'); background-size: contain;
}
#cycle-2 span img {width: 100%;    border-radius: 8px;}
#cycle-2 .cycle-slide span:before {content: ''; position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0;}
#cycle-2 .cycle-slide:hover span:before {-webkit-box-shadow:inset 0 0 0 2px #35596a; box-shadow:inset 0 0 0 2px #35596a;}
#cycle-2 .cycle-slide-active span:before {-webkit-box-shadow:inset 0 0 0 2px #069cda; box-shadow:inset 0 0 0 2px #069cda;}

@media(max-width: 650px) {
.double #prev {left: -10px;}
.double #next {right: -10px;}
}
@media(max-width: 550px) {
#carousel > div {text-align: center;}
   .double .arrow {position: relative; transform: none; left: auto !important; right: auto !important;}
}

/* ----------------------------------------------
 * Generated by Animista on 2019-2-13 5:40:12
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes fade-in {
  0% { opacity: 0 }
  100% { opacity: 1 }
}
@keyframes fade-in {
  0% { opacity: 0 }
  100% { opacity: 1 }
}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: 0.75s }
@-webkit-keyframes flip {
  from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
  40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
  50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}
@keyframes flip {
  from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
  40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
  50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip }
@-webkit-keyframes flipInX {
  from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) }
  to { -webkit-transform: perspective(400px); transform: perspective(400px) }
}
@keyframes flipInX {
  from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) }
  to { -webkit-transform: perspective(400px); transform: perspective(400px) }
}
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX }
@-webkit-keyframes flipInY {
  from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) }
  to { -webkit-transform: perspective(400px); transform: perspective(400px) }
}
@keyframes flipInY {
  from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) }
  to { -webkit-transform: perspective(400px); transform: perspective(400px) }
}
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY }
@-webkit-keyframes fadeIn {
  from { opacity: 0 }
  to { opacity: 1 }
}
@keyframes fadeIn {
  from { opacity: 0 }
  to { opacity: 1 }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }
@-webkit-keyframes fadeInDown {
  from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
  to { opacity: 1; -webkit-transform: none; transform: none }
}
@keyframes fadeInDown {
  from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
  to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
@-webkit-keyframes fadeInUp {
  from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
  to { opacity: 1; -webkit-transform: none; transform: none }
}
@keyframes fadeInUp {
  from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
  to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }


#inner-banner #append {
  font-family: Asap;
  font-size: 48px;
  line-height: 1;
  color: #35596A;
  font-weight: 700;
  margin: 0 auto;
  text-transform: uppercase;
}
#inner-banner #interior {
  font-size: 16px;
}
@media screen and (max-width:750px){
  #inner-banner #append {font-size: 30px;}
}
#mission-dental-callout{max-width:300px;text-align:center;text-decoration:none;background-color:#a70721;line-height:1;position:absolute;z-index:9999;left:20px;top:20px;padding-top:12px;}
#mission-dental-callout p,#mobile-mission-callout p{margin:0;color:#ffc300;font-weight:700;font-size:25px;position:relative;top:-25px}
#mission-dental-callout strong,#mobile-mission-callout strong{font-size:25px;color:#fff}
#mobile-mission-callout{text-align:center;text-decoration:none;background-color:#a70721;line-height:1;padding-top:12px;}
@media (min-width:861px) and (max-width:1285px){
#mission-dental-callout{top:260px}
}
@media (max-width:860px){
#mission-dental-callout{display:none}
}
@media (min-width:861px){
#mobile-mission-callout{display:none}
}

/* FIXED TABS */
#fixed-tabs { position: fixed; right: 0; text-align: center; line-height: 1; font-size: 0; z-index: 650; }
#fixed-tabs a { position: relative; background-color: #35596A; overflow: hidden; font-size: 13px; color: #fff; font-weight: 700; text-transform: uppercase; }
#fixed-tabs i { font-size: 19px; }
#fixed-tabs i, #fixed-tabs i:before { display: block; margin: 0 auto !important; }
#fixed-tabs em { font-size: 11px; font-style: normal; margin-top: 5px; display: none; text-transform: none; }
#fixed-tabs .ra { background-color: #069cda; }
#fixed-tabs .lo { background-color: #35596A; }
#fixed-tabs .fm { background-color: #069cda; }
#fixed-tabs .fb { background-color: #4d70a8; }
#fixed-tabs .gp { background-color: #dc4e41; }
#fixed-tabs .call, #fixed-tabs .map { display: none; }
#fixed-tabs .map { background-color: #263e49; }
.side-tab { display: none; }
.side-tab { transform: rotate(90deg); top: 250px; right: -72px; background-color: #35596A; color: white; font-family: Asap; font-size: 14px; font-weight: 700; text-transform: uppercase; transition: background-color .3s; padding: 5px 5px; z-index: 700; }
.side-tab:hover { background-color: #069cda; color: #fff; }
@media (min-width:1001px) {
  #fixed-tabs { display: none; }
  .side-tab { display: block; position: absolute; }
  #fixed-tabs { position: absolute; top: 208px; }
  #fixed-tabs a { display: block; text-align: left; margin: 4px 0 0 auto; border-radius: 5px 0 0 5px; }
  #fixed-tabs a, #fixed-tabs a span:first-child { width: 35px; }
  #fixed-tabs a span { display: block; }
  #fixed-tabs a span:first-child { text-align: center; padding: 7px 0; }
  #fixed-tabs a span:last-child { position: absolute; left: 50px; top: 50%; width: 220px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: width .3s; transition: width .3s; }
  #fixed-tabs a:hover { width: 240px; }
}
@media (min-width:1200px) {
  .side-tab { position: fixed; }
  #fixed-tabs { position: fixed; top: 160px; }
  .fix-nav #fixed-tabs { top: 85px; }
  #fixed-tabs a { margin: 13px 0 0 auto; }
  #fixed-tabs a, #fixed-tabs a span:first-child { width: 67px; }
  #fixed-tabs a span:first-child { padding: 9px 0; }
  #fixed-tabs a span:last-child { left: 70px; }
  #fixed-tabs a:hover { width: 268px; }
  #fixed-tabs em { display: block; }
}
@media (max-width:1000px) {
  #fixed-tabs { bottom: 0; width: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  #fixed-tabs a { padding: 8px 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  #fixed-tabs i { font-size: 16px; }
  #fixed-tabs a span { display: inline-block; vertical-align: middle; }
  #fixed-tabs a span:last-child { margin-left: 7px; }
  #fixed-tabs a strong { display: none; }
  #fixed-tabs a.fm, #fixed-tabs a.lo { display: none; }
  footer, .mean-container .mean-nav { padding-bottom: 41px !important; }
}
@media (max-width:740px) {
 #fixed-tabs .call, #fixed-tabs .map { display: block; }
  #fixed-tabs a.fb, #fixed-tabs a.so, #fixed-tabs a.gp { display: none; }
}
/* END FIXED TABS */

/* --- Newsletter links  --- */
#da-thumbs {margin: auto;}
#page .da-thumbs { 
    max-width: 1000px;
	list-style: none;
	position: relative;
	margin: 20px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
-ms-flex-wrap: wrap;flex-wrap: wrap;
    
}
#page .da-thumbs li { float: left; margin: 10px; background: #717b88; padding: 4px; position: relative; padding: 5px;}
.da-thumbs li:before {display: none;}
.da-thumbs li a,
.da-thumbs li a img { display: block; position: relative; }
.da-thumbs li a img  {-webkit-filter: opacity(.5); filter: opacity(.8); }
.da-thumbs li a { overflow: hidden; }
.da-thumbs li a div { position: absolute; background: rgba(28, 37, 65, 0.6);; width: 100%; height: 100%; }
.da-thumbs li a span {
    z-index: 100;
    position: absolute;
    left: 0;
    right: 0;
    color: white;
    font-size: 1.5em;
    font-weight: 900;
    text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.4);
    text-align: center;
    bottom: 10px;
    line-height: 1.2;
    background: rgba(28, 37, 65, 0.4);
    bottom: 0;
    padding: 5px;
}
.da-thumbs li a span small {font-size: .65em; display: block; }
.da-thumbs li:hover a span { background: rgba(28, 37, 65, 0.75);}

/* Newsletter Page */
body.page_meet-michelle .wrapper, body.page_meet-michelle main {margin-top:0;}
.newsletter {overflow:hidden;}
.newsletter img {display: table; margin: 0; max-width: 100%;}
.newsletter h1 {font-size: 18px; color: #35596A; margin-bottom:30px;}
.newsletter h1, .newsletter h2 {text-align: center; -webkit-box-flex: 1; -ms-flex: 1 1 450px; flex: 1 1 450px;}
.newsletter h1 strong, .newsletter h2 strong {font-size: 2em; display: block; line-height: 1.1;}
.flex-ed {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.newsletter h2 {font-size:50px;font-weight:700;margin-bottom:30px;}
.newsletter section {padding: 20px;}
.newsletter .odd figure {-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;    }
.newsletter article {flex:1 1 80%;}
.newsletter figure {/*display: table;*/ -webkit-box-flex: 0; -ms-flex: 0 1 430px; flex: 0 1 630px; margin: 0 25px;}
.newsletter .border-left { border-left: 8px solid #1c2541;}
.newsletter .border-right { border-right: 8px solid #1c2541;}
.newsletter .color-block {background-color: #fff; position: relative;}
.color-block .flex-ed figure {order:2;}
.newsletter .color-block:before {content: ''; position: absolute; left: -900px; right: -900px; top: 0; bottom: 0; background-color: #fff; z-index: -1;}
.newsletter .button-bar { position: relative; background-color: #263e49;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 10px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 900px;
    margin: auto;}
.newsletter .button-bar span {font-size: 50px; line-height: 1.2; margin-right: 10px;}
.newsletter .button-bar .btn {margin: 0;}
.newsletter .button-bar a.btn {color:#fff;}
.newsletter .button-bar:before {content: ''; position: absolute; left: -900px; right: -900px; top: 0; bottom: 0; background-color: #263e49; z-index: -1;}
.newsletter .two-col { -webkit-column-count: 2; column-count: 2; max-width: 730px; margin: auto !important;}

@media (max-width: 1030px) {
    .newsletter h2 strong {font-size: 1.5em;}
}


@media (max-width: 1000px) {
    .newsletter h1 strong, .newsletter h2 strong {font-size: 1em; display: inline;}
    .newsletter h1 {font-size:30px;}
    .color-block .flex-ed figure {order:0;}
    .newsletter section > .flex-ed { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    .newsletter section figure {-webkit-box-flex: 0;-ms-flex: 0 1 550px;flex: 0 1 550px;}
    .newsletter .odd figure {-webkit-box-ordinal-group: 1;-ms-flex-order: 0;order: 0; }
    .newsletter .button-bar {display: block;}
    .newsletter .button-bar span {font-size: 2em;}
    .newsletter .button-bar .btn { display: table; margin: 20px auto 0;}
    .newsletter .two-col { -webkit-column-count: 1; column-count: 1;}
}

@media (max-width: 600px) {
   .newsletter h1, .newsletter h2 {line-height: 1; font-size: 30px;}
   .newsletter section figure {margin: .5em; max-width: 100%;}
   .newsletter .button-bar span {font-size: 1.5em;}
}
@media screen and (max-width:400px) {
   .newsletter h1 {font-size:16px;margin-bottom:0;}
}
/*end newsletter */

/* RESPONSIVE */
@media screen and (max-width:600px) {
 	.gmap { display:none; }
}

/* TNT Videos */

#banner.playing #banner-video .controls {
	position:static;
	transform:none;
	background:#000;
	display:block; 
}

[data-player] .close,
[data-embed] .close {
	background-color: #00a5be;
	color: #fff;
	padding: 11px;
	text-transform: uppercase;
}
[data-player] .close:hover,
[data-embed] .close:hover {
	background-color: #464646;
	color: #fff;
}
[data-embed] .close {
	position: absolute;
	top: 0;
	right: 0;
}
[data-embed] .close i:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*Home Modal */
body{font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6}
.button{background:#0b76f1;padding:1em 2em;color:#fff}
.button:hover{background:#4e4e4e}
.modal{display:none;position:fixed;z-index:10000;left:0;top:0;height:100%;width:100%;overflow:auto;background-color:rgba(0,0,0,.75);animation-name:modalopen;animation-duration:1s}
.modalContent{background-image:url(assets/images/peach-pattern-bg.jpg);background-color:#fec08f;background-size:cover;margin:18% auto;text-align:center;padding:20px 0;width:550px;max-width:90%;box-shadow:0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.17);position:relative}
#simpleModal .modalContent h2{letter-spacing:15px;font-weight:200;color:#000;font-family:Cairo}
.modalContent>div{background-color:#008080;color:#fff;line-height:2px;padding:1px;margin:10px auto}
.modalContent div>p{color:#fff}
.modalContent div>p:nth-of-type(2){font-size:20px}
.modalContent div span{font-weight:700}
#modal-logo{max-width:150px;margin:0 auto}
#modal-peach{position:absolute;bottom:0;right:27px;max-width:50px}
.closeBtn{color:#000;float:right;font-size:30px;position:absolute;top:0;right:15px}
.closeBtn:focus,.closeBtn:hover{color:#fff;cursor:pointer;text-decoration:none}
@media screen and (max-width:370px){
#modal-peach{display:none}
}
@keyframes modalopen{
from{opacity:0}
to{opacity:1}
}


/* Covid Popup notice */
#simpleModal{display:none;position:fixed;z-index:9000;left:0;top:0;height:100%;width:100%;overflow:auto;background-color:rgba(0,0,0,.75);animation-name:modalopen;animation-duration:1s}
#simpleModal .modalContent{background-color:#f4f4f4;margin:8% auto;padding:0 0 30px;width:90%;max-width: 1000px; box-shadow:0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.17);position:relative}

/*Color of H2 background*/
#simpleModal .modalContent h2{background-color:#F8A31B;font-weight: 700;margin-bottom:25px;color:#fff;padding:55px 20px 15px;text-transform:uppercase;font-size:36px;text-align:center;line-height:1.2}
#simpleModal .contain {   max-width: 85%; margin: auto;}
#simpleModal .modalContent p{margin: 15px auto; line-height: 1.6; font-weight: 400;}
#simpleModal .closeBtn{color:#a5a5a5;position:absolute;right:0;top:0;z-index:10;font-size:30px;position:absolute;background-color:#e74c3c;color:#fff;padding:5px 15px 5px; line-height:1}
#simpleModal .closeBtn:focus,#simpleModal .closeBtn:hover{background-color:#c0392b;cursor:pointer;text-decoration:none}
@keyframes modalopen { from{opacity:0} to{opacity:1} }