

/* --- GLOBAL STYLES --- */
body { font-size:14px; line-height:16px; font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:0 0 0 0; background:#fff url(../images/bg.gif) 0 0 repeat-x; color:#000; text-align:left;}
img { display:block; border:0; max-width: 100%;}
p { padding:0 0 15px 0; margin:0; line-height:18px;}
address { font-style:normal;}
*{box-sizing: border-box;}

/* --- GENERAL IDS --- */
/* MIN HEIGHT HACK - height:auto !important; height:1px; min-height:1px;*/
.no-bullets li{list-style: none; text-align: right; margin: 7px;}
#bottom {display: inline-block; float: right;}
#container { width:60%; margin:0 auto; display: flex; flex-direction: column;}
#header { width:100%; margin:0 auto 2px auto; height:165px; border-top:5px solid #e41760; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
#header #logo { max-width: 100%; min-width: 250px;}
#header #logo img {width: 100%;}
#header #telephone { font-size:24px; font-weight:bold; color:#e41760; background:url(../images/iconTelephone.png) 100% 0px no-repeat; padding:0px 30px 2px 0px;}
#header #email { background:url(../images/iconEmail.png) 100% 2px no-repeat; padding:0px 30px 1px 0px; }
#header #email a { font-size:14px; font-weight:bold; color:#333; text-decoration:none;}
#header #email a:hover { color:#333; text-decoration:underline; font-weight:bold;}
#header #address {  font-size:12px; font-weight:normal; color:#e41760; background:url(../images/iconAddress.png) 100% 0px no-repeat; padding:0px 30px 2px 0px; text-align:right;}
#header #address a { color:#e41760; font-weight:bold;}
#header #social { }
#header #social li { display: inline-block;}
#header #social .iconSocial { display:inline-block; margin:0 2px 0 0;}
#header #social .iconSocial.first { display:inline-block; margin:0 0 0 20px;}

#contentContainer { width:100%; margin:0 auto; background:#fff; border-radius:4px 4px 0 0;}
#contentContainer #content { width:100%; margin:0 auto; padding:20px 0 0 0;}
#contentContainer #content.internal { width:980px; margin:0 auto; padding:0 0 0 0;}

#jumpsContainer { width:100%; margin:0 auto; padding:0 0 0 0; background:#f7dae4; border-radius:4px; display: flex; flex-wrap: wrap;}
#jumpsContainer div{padding: 7px 0;}
#jumpsContainer.internal { width:980px; margin:0 auto; padding:0 0 20px 0;}
#jumpsContainer .jump {width:25%; margin:0 0 0 0; padding: 20px; display: flex; flex-direction: column; justify-content: space-between;}
#jumpsContainer div:nth-last-of-type(1) {padding-top: 0;}
#jumpsContainer .jump img { border-radius:2px; width: 100%; margin-top:0;}
#jumpsContainer .jumpTitle { font-size:20px; line-height:22px; font-weight:normal; color:#000; margin:0;}
#jumpsContainer .jumpText { color:#000;}
#jumpsContainer .jump .jumpLink { width: 65px; padding-bottom: 0; margin-top: 15px;}
#jumpsContainer a.btnMore { padding:7px 15px; color:#fff; text-decoration:none; display:block; -moz-border-radius:5px; border-radius:5px; background:#333; width: 100%; text-align: center;}
#jumpsContainer a.btnMore:hover { background:#e41760; color:#fff;}
#jumpsContainer .jump.last { margin:0 0 0 0;}

#contentContainer #rightCol { float:right; width:65%; margin:0 0 0 0;}
#contentContainer #rightCol #rightColContent {  margin:0;}
#contentContainer #rightCol #rightColContent img.picright {float:right; border-radius:4px;  width: 40%;}
#contentContainer #rightCol #rightColContent img.picright.home {width: 105%;}
#contentContainer #rightCol #rightColContent h2.pinkh2{color:#E41760;}
#contentContainer #rightCol #rightColContent h2.pinkh4{color:#E41760;font-size:16px;}
#contentContainer #rightCol #rightColContent h3.pinkh3{color:#E41760;}

#contentContainer #rightCol #rightColContent p.pinkh2{color:#E41760;}
#contentContainer #rightCol #backToTop { text-align:right; margin:0 0 15px 0;}
#contentContainer #rightCol #backToTop a { color:#333;}
#contentContainer #rightCol .logo { margin:0 11px 20px 0; float:left;}
#contentContainer #rightCol ul { list-style:none; padding:0; margin:0 0 15px 15px; }
#contentContainer #rightCol ul li { padding:0 0 6px 23px; background:url(../images/arrow.png) 0 2px no-repeat;}

#contentContainer #leftCol { float:left; width:28%; padding:0;}
#contentContainer #leftCol .box { margin:0 0 5px 0; padding:5px 0 0 0; border-bottom:2px solid #999;}
#contentContainer #leftCol .box.noline { border:none;}
#contentContainer #leftCol .box .bPadding { padding:0px 5px 0 0px;}
#contentContainer #leftCol .box h3 { color:#e41760; font-size:18px; line-height:18px;}
#contentContainer #leftCol ul { list-style:none; padding:0 0 0 0; margin:0; }
#contentContainer #leftCol ul li { padding:0 0 6px 23px; background:url(../images/arrow.png) 0 1px no-repeat;}
#contentContainer #leftCol ul li a { text-decoration:none; color:#333 !important;}
#contentContainer #leftCol ul li a:hover { text-decoration:underline; color:#e41760 !important;}
#contentContainer #leftCol #pageImage {border-radius:4px; width: 100%}
#contentContainer #leftCol .box a { text-decoration:none; color:#e41760;}
#contentContainer #leftCol #email { font-size:14px; font-weight:bold;}

/* --- GENERAL CLASSES --- */
.clear { clear:both; padding: 0 !important;}
.photo { float:right; margin:0 0 10px 10px; padding:4px; border:1px solid #ccc;}
.info { font-size:20px; font-weight:normal; color:#1f8cb5; border:1px solid #1f8cb5; text-align:center; padding:15px 0; margin:0 0 20px 0;}

/* --- HEADINGS & PARAGRAPHS --- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:12px; line-height:16px; font-weight:normal;}
h1 { color:#e41760; font-size:24px; line-height:26px;}
h2 { color:#000; font-size:20px; line-height:22px;}
h3 { color:#000; font-size:16px; line-height:20px;}
h1.h2style { color:#000; font-size:20px; line-height:22px;}
h2.h1style  { color:#e41760; font-size:24px; line-height:26px;}

/* ----- TOP NAVIGATION ----- */
.nav { width:100%; height:40px;  background:url(../images/topNavBg.gif) 0 0 repeat-x; border-radius:4px; margin: 0 auto; margin-bottom: 10px;}
.nav ul { margin:0; padding:0; list-style:none;}
.nav ul li { display:inline; float:left; margin:0; border-right:1px solid #fff; width: 12.424%;}
.nav ul li a { display:block; padding:12px 0; font-size:15px; text-align:center; width:100%; text-decoration:none; color:#fff; font-weight:normal;}
.nav ul li.last { margin:0; border-right:none;}
.nav ul li.last a {}
.nav ul li a:hover { color:#fff; background:url(../images/topNavBgActive.gif) 0 0 repeat-x;}
.nav ul li.active a { color:#fff; background:url(../images/topNavBgActive.gif) 0 0 repeat-x;}
.nav ul li.first a:hover { border-radius:4px 0 0 4px;}
.nav ul li.first.active a { border-radius:4px 0 0 4px;}
.nav ul li.last a:hover { border-radius:0 4px 4px 0;}
.nav ul li.last.active a { border-radius:0 4px 4px 0;}

/* --- FOOTER --- */
#footerContainer { width:100%;}
#footer { width:100%; margin:0 auto; border-top:5px solid #e41760;}
#footer .footerPadding { padding:20px;}
#footer ul { list-style:none; padding:0; margin:0; float:left;}
#footer ul li { float:left; padding:0 10px; border-right:1px solid #000; line-height:16px;}
#footer ul li.first { float:left; padding:0 10px 0 0; border-right:1px solid #000; line-height:16px;}
#footer ul li.last { float:left; padding:0 10px; border-right:none; line-height:16px;}
#footer ul li a { line-height:16px; color:#000; font-weight:normal; text-decoration:none;}
#footer ul li a:hover { text-decoration:underline;}
#siteBy { float:right; color:#000;}
#siteBy a { line-height:16px; color:#e41760; font-weight:normal;}

/* ----- LINKS ----- */
a { color:#e41760; font-weight:normal; text-decoration:none;}
a:hover { text-decoration:underline; }
a:focus, a:hover, a:active { outline:none;}

table { border-top:1px solid #ccc; border-left:1px solid #ccc; margin:0 0 15px 0; width: 100%;}
table td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:4px;}

table.holly td {height:45px; font-size:11px;}
table.holly2 td {height:45px; width:90px; font-size:11px;}

.links-container{display: flex; flex-direction: row; flex-wrap: wrap; width: 100%;}
.links-container .link {width: 50%; padding: 10px; display: flex; flex-direction: column; justify-content: space-between;}
.links-container .link img{}

.list-box{
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
}
.list-item{
  width: 50%;
  display: flex;
  flex-direction: column;
}
.list-box .list-item ul li.mas{
  background: none !important;
  padding: 10px 0px !important;
  font-weight: bold;
}
.list-item .list-title{
  display: block;
  padding: 15px 0px;
}

.trigger-nav{display:none;}
/* ----- MEDIA ----- */
@media only screen and (max-width: 1500px) {
  #container{width: 70%;}
}

@media only screen and (max-width: 1200px) {
  #container{width: 80%;}
}

/*laptop*/
@media only screen and (max-width: 1024px) {
  #container{width: 85%;}
  .nav ul li a { font-size: 13px;}
  #header #logo{width: 45%;}
  .no-bullets{width:60%;}
  .no-bullets li{margin:5px;}
}

@media only screen and (max-width: 904px) {
  #container{width: 90%;}
  #footer ul {float: none;}
  #footer ul li, #footer ul li.first, #siteBy, #footer ul li.last {float:none; display: block; border: none; padding-left: 0; margin-bottom: 10px;}
}

/*tablet*/
@media only screen and (max-width: 770px) {
  .nav{display:none;}
  .trigger-nav{display:block !important;}
  #container{width: 92%;}
  #logo{order: 1; align-self: flex-start; padding:12px 0;}
  #header{flex-direction: column; justify-content: flex-start; height:auto;}
  .no-bullets {width:100%; padding: 0; text-align: center; margin: 0; padding: 5px 0; border-bottom: 1px solid #e41760;}
  .no-bullets li {display:inline-block;}
  .no-bullets li#bottom, .no-bullets li#address{display: none;}
  #header #telephone {font-size: 18px;}
  .trigger-nav{display:block;}
  .trigger-nav.open-nav{ z-index: 999; position: fixed;}
  .trigger-nav.open-nav .inner .icon-bar {background: #fff;}
  .nav{
    position: fixed;
    top:0;
    left:0;
    height: 100vh;
    background: rgba(228,23,96,0.8);
  }
  .nav ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:100vh;
    width:100%;
  }
  .nav ul li a{
    font-size:20px;
    margin:7px;
  }
  .nav ul li{
    display: block;
    float:none;
    text-align: center;
    width: 100%;
  }

  .nav ul li.active a{
    background: 0;
  }

  #contentContainer #rightCol, #contentContainer #leftCol {
    width:100%;
  }

  #contentContainer #leftCol #pageImage{
    display: none;
  }
  .links-container .link{
    width: 100%;
  }
}

@media only screen and (max-width: 644px) {
  #jumpsContainer .jump{width: 50%;}

}

@media only screen and (max-width: 556px) {
  .holly, .holly2{ display:none;}
  .list-box{display:flex;}

}

@media only screen and (max-width: 492px) {
  #jumpsContainer .jump{width: 100%;}
  #header #telephone, #header #email a {font-size: 12px;}
}

@media only screen and (max-width: 405px) {
  .trigger-nav{top:105px !important;}
  .trigger-nav.open-nav{top: 19px !important;}
}
/* Mobile Nav Styling */

.trigger-nav {
	display: none;
	width: 30px;
	height: 30px;
	position:absolute;
	right: 4%;
	top: 80px;
	overflow: hidden;
	cursor: pointer;
}
.trigger-nav .inner {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -9px;
}
.trigger-nav .inner .icon-bar {
	width: 20px;
	height: 2px;
	position: absolute;
	left: 0;
	background: #e41760;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.trigger-nav .inner .icon-bar.top {
	top: 0;
}
.trigger-nav .inner .icon-bar.middle {
	top: 8px;
}
.trigger-nav .inner .icon-bar.bottom {
	bottom: 0;
}
.trigger-nav.open-nav .inner .icon-bar.middle {
	opacity: 0;
}
.trigger-nav.open-nav .inner .icon-bar.top {
	top: 8px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.trigger-nav.open-nav .inner .icon-bar.bottom {
	bottom: 8px;
	-webkit-transform: rotate(-45deg);
	 transform: rotate(-45deg);
}


#okCookie{
  background-color:#F2F2F2;
  color:#333333;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  padding:10px;
  font-family:sans-serif;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top:1px solid #ccc;
  z-index:10;
}

#okCookie p{margin:0 0 10px 0; float:left; padding:5px 0px;}

#okCookie #okClose, #okCookie #okCprivacy{
  padding:5px 20px;
  float:right;
  margin-left:10px;
  text-decoration:none;
  border-radius:3px;
  color:white;
}

#okCookie #okClose{
  background-color:#39B54A;
  text-shadow:0px 1px 1px #507F2B;
  box-shadow:inset 0px -1px 1px #507F2B;
}

#okCookie #okClose:hover{background-color:#42ce55}

#okCookie #okCprivacy{
  background-color:#8D9499;
  text-shadow:0px 1px 1px #63666B;
  box-shadow:inset 0px -1px 1px #63666B;
}

#okCookie #okCprivacy:hover{background-color:#a0a8ae}

.okcBeginAnimate{
    -webkit-animation: myfirst 2s;
    animation: myfirst 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Standard syntax */
@keyframes myfirst {
    from {opacity: 0;}
    to {opacity: 1;}
}

.table-fill{background:#fff;border-radius:3px;border-collapse:collapse;height:320px;margin:auto;padding:5px;width:100%;box-shadow:0 5px 10px rgba(0,0,0,.1);font-family:Rubik,sans-serif}th{color:#fff;background:#D05481;border-bottom:4px solid #9ea7af;border-right:1px solid #343a45;font-size:17px;font-weight:100;padding:24px;text-align:left;text-shadow:0 1px 1px rgba(0,0,0,.1);vertical-align:middle}th:first-child{border-top-left-radius:3px}th:last-child{border-top-right-radius:3px;border-right:none}tr{border-top:1px solid #c1c3d1;color:#666b85;font-size:16px;font-weight:400;text-shadow:0 1px 1px rgba(255,255,255,.1)}tr:first-child{border-top:none}tr:last-child{border-bottom:none}tr:nth-child(odd) td{background:#ebebeb}tr:last-child td:first-child{border-bottom-left-radius:3px}tr:last-child td:last-child{border-bottom-right-radius:3px}td{background:#fff;padding:20px;text-align:left;vertical-align:middle;font-weight:300;font-size:16px;text-shadow:-1px -1px 1px rgba(0,0,0,.1);border-right:1px solid #c1c3d1}td:last-child{border-right:0}th.text-left{text-align:left}th.text-center{text-align:center}th.text-right{text-align:right}td.text-left{text-align:left}td.text-center{text-align:center}td.text-right{text-align:right}

table td{
      padding: 20px 5px 20px 5px;
}
