/* IMPORT SITE CUSTOM STYLES */
/* common mix-ins */
/* ROUNDED CORNERS */
/* Implementation */
#RoundedCornerExample {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
/* SHADOW */
#ShadowExample {
  -webkit-box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.3);
}
/* TRANSITION */
/* Implementation */
#TransitionExample {
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
#TransitionExample:hover {
  opacity: 0;
}
/* GRADIENT */
/* Implementation */
#GradientExample {
  background-color: #663333;
  background-image: -webkit-linear-gradient(left, #663333, #333333);
  background-image: -moz-linear-gradient(left, #663333, #333333);
  background-image: -o-linear-gradient(left, #663333, #333333);
  background-image: -ms-linear-gradient(left, #663333, #333333);
  background-image: linear-gradient(left, #663333, #333333);
}
/* QUICK GRADIENT	 */
/* Implementation */
#QuickGradientExample {
  background-color: #BADA55;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
}
/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

Made by Justin Aguilar

www.justinaguilar.com/animations/

Questions, comments, concerns, love letters:
justin@justinaguilar.com
==============================================
*/
/*
==============================================
slideDown
==============================================
*/
.slideDown {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(8%);
  }
  65% {
    transform: translateY(-4%);
  }
  80% {
    transform: translateY(4%);
  }
  95% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
  }
  50% {
    -webkit-transform: translateY(8%);
  }
  65% {
    -webkit-transform: translateY(-4%);
  }
  80% {
    -webkit-transform: translateY(4%);
  }
  95% {
    -webkit-transform: translateY(-2%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
/*
==============================================
slideUp
==============================================
*/
.slideUp {
  animation-name: slideUp;
  -webkit-animation-name: slideUp;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}
@keyframes slideUp {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(-8%);
  }
  65% {
    transform: translateY(4%);
  }
  80% {
    transform: translateY(-4%);
  }
  95% {
    transform: translateY(2%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%);
  }
  50% {
    -webkit-transform: translateY(-8%);
  }
  65% {
    -webkit-transform: translateY(4%);
  }
  80% {
    -webkit-transform: translateY(-4%);
  }
  95% {
    -webkit-transform: translateY(2%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
/*
==============================================
slideLeft
==============================================
*/
.slideLeft {
  animation-name: slideLeft;
  -webkit-animation-name: slideLeft;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}
@keyframes slideLeft {
  0% {
    transform: translateX(150%);
  }
  50% {
    transform: translateX(-8%);
  }
  65% {
    transform: translateX(4%);
  }
  80% {
    transform: translateX(-4%);
  }
  95% {
    transform: translateX(2%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(150%);
  }
  50% {
    -webkit-transform: translateX(-8%);
  }
  65% {
    -webkit-transform: translateX(4%);
  }
  80% {
    -webkit-transform: translateX(-4%);
  }
  95% {
    -webkit-transform: translateX(2%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
/*
==============================================
slideRight
==============================================
*/
.slideRight {
  animation-name: slideRight;
  -webkit-animation-name: slideRight;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}
@keyframes slideRight {
  0% {
    transform: translateX(-150%);
  }
  50% {
    transform: translateX(8%);
  }
  65% {
    transform: translateX(-4%);
  }
  80% {
    transform: translateX(4%);
  }
  95% {
    transform: translateX(-2%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-150%);
  }
  50% {
    -webkit-transform: translateX(8%);
  }
  65% {
    -webkit-transform: translateX(-4%);
  }
  80% {
    -webkit-transform: translateX(4%);
  }
  95% {
    -webkit-transform: translateX(-2%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
/*
==============================================
slideExpandUp
==============================================
*/
.slideExpandUp {
  animation-name: slideExpandUp;
  -webkit-animation-name: slideExpandUp;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease -out;
  visibility: visible !important;
}
@keyframes slideExpandUp {
  0% {
    transform: translateY(100%) scaleX(0.5);
  }
  30% {
    transform: translateY(-8%) scaleX(0.5);
  }
  40% {
    transform: translateY(2%) scaleX(0.5);
  }
  50% {
    transform: translateY(0%) scaleX(1.1);
  }
  60% {
    transform: translateY(0%) scaleX(0.9);
  }
  70% {
    transform: translateY(0%) scaleX(1.05);
  }
  80% {
    transform: translateY(0%) scaleX(0.95);
  }
  90% {
    transform: translateY(0%) scaleX(1.02);
  }
  100% {
    transform: translateY(0%) scaleX(1);
  }
}
@-webkit-keyframes slideExpandUp {
  0% {
    -webkit-transform: translateY(100%) scaleX(0.5);
  }
  30% {
    -webkit-transform: translateY(-8%) scaleX(0.5);
  }
  40% {
    -webkit-transform: translateY(2%) scaleX(0.5);
  }
  50% {
    -webkit-transform: translateY(0%) scaleX(1.1);
  }
  60% {
    -webkit-transform: translateY(0%) scaleX(0.9);
  }
  70% {
    -webkit-transform: translateY(0%) scaleX(1.05);
  }
  80% {
    -webkit-transform: translateY(0%) scaleX(0.95);
  }
  90% {
    -webkit-transform: translateY(0%) scaleX(1.02);
  }
  100% {
    -webkit-transform: translateY(0%) scaleX(1);
  }
}
/*
==============================================
expandUp
==============================================
*/
.expandUp {
  animation-name: expandUp;
  -webkit-animation-name: expandUp;
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}
@keyframes expandUp {
  0% {
    transform: translateY(100%) scale(0.6) scaleY(0.5);
  }
  60% {
    transform: translateY(-7%) scaleY(1.12);
  }
  75% {
    transform: translateY(3%);
  }
  100% {
    transform: translateY(0%) scale(1) scaleY(1);
  }
}
@-webkit-keyframes expandUp {
  0% {
    -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
  }
  60% {
    -webkit-transform: translateY(-7%) scaleY(1.12);
  }
  75% {
    -webkit-transform: translateY(3%);
  }
  100% {
    -webkit-transform: translateY(0%) scale(1) scaleY(1);
  }
}
/*
==============================================
fadeIn
==============================================
*/
.fadeIn {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}
@keyframes fadeIn {
  0% {
    transform: scale(0);
    opacity: 0.0;
  }
  60% {
    transform: scale(1.1);
  }
  80% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
  }
  60% {
    -webkit-transform: scale(1.1);
  }
  80% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
/*
==============================================
expandOpen
==============================================
*/
.expandOpen {
  animation-name: expandOpen;
  -webkit-animation-name: expandOpen;
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important;
}
@keyframes expandOpen {
  0% {
    transform: scale(1.8);
  }
  50% {
    transform: scale(0.95);
  }
  80% {
    transform: scale(1.05);
  }
  90% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes expandOpen {
  0% {
    -webkit-transform: scale(1.8);
  }
  50% {
    -webkit-transform: scale(0.95);
  }
  80% {
    -webkit-transform: scale(1.05);
  }
  90% {
    -webkit-transform: scale(0.98);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
/*
==============================================
bigEntrance
==============================================
*/
.bigEntrance {
  animation-name: bigEntrance;
  -webkit-animation-name: bigEntrance;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important;
}
@keyframes bigEntrance {
  0% {
    transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1;
  }
  45% {
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  75% {
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  100% {
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes bigEntrance {
  0% {
    -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1;
  }
  45% {
    -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}
/*
==============================================
hatch
==============================================
*/
.hatch {
  animation-name: hatch;
  -webkit-animation-name: hatch;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  visibility: visible !important;
}
@keyframes hatch {
  0% {
    transform: rotate(0deg) scaleY(0.6);
  }
  20% {
    transform: rotate(-2deg) scaleY(1.05);
  }
  35% {
    transform: rotate(2deg) scaleY(1);
  }
  50% {
    transform: rotate(-2deg);
  }
  65% {
    transform: rotate(1deg);
  }
  80% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes hatch {
  0% {
    -webkit-transform: rotate(0deg) scaleY(0.6);
  }
  20% {
    -webkit-transform: rotate(-2deg) scaleY(1.05);
  }
  35% {
    -webkit-transform: rotate(2deg) scaleY(1);
  }
  50% {
    -webkit-transform: rotate(-2deg);
  }
  65% {
    -webkit-transform: rotate(1deg);
  }
  80% {
    -webkit-transform: rotate(-1deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
/*
==============================================
bounce
==============================================
*/
.bounce {
  animation-name: bounce;
  -webkit-animation-name: bounce;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
}
@keyframes bounce {
  0% {
    transform: translateY(0%) scaleY(0.6);
  }
  60% {
    transform: translateY(-100%) scaleY(1.1);
  }
  70% {
    transform: translateY(0%) scaleY(0.95) scaleX(1.05);
  }
  80% {
    transform: translateY(0%) scaleY(1.05) scaleX(1);
  }
  90% {
    transform: translateY(0%) scaleY(0.95) scaleX(1);
  }
  100% {
    transform: translateY(0%) scaleY(1) scaleX(1);
  }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%) scaleY(0.6);
  }
  60% {
    -webkit-transform: translateY(-100%) scaleY(1.1);
  }
  70% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
  }
  80% {
    -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
  }
  90% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
  }
  100% {
    -webkit-transform: translateY(0%) scaleY(1) scaleX(1);
  }
}
/*
==============================================
pulse
==============================================
*/
.pulse {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0.7;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 0.7;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.95);
    opacity: 0.7;
  }
}
/*
==============================================
floating
==============================================
*/
.floating {
  animation-name: floating;
  -webkit-animation-name: floating;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes floating {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(8%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(8%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
/*
==============================================
tossing
==============================================
*/
.tossing {
  animation-name: tossing;
  -webkit-animation-name: tossing;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes tossing {
  0% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(-4deg);
  }
}
@-webkit-keyframes tossing {
  0% {
    -webkit-transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(4deg);
  }
  100% {
    -webkit-transform: rotate(-4deg);
  }
}
/*
==============================================
pullUp
==============================================
*/
.pullUp {
  animation-name: pullUp;
  -webkit-animation-name: pullUp;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
}
@keyframes pullUp {
  0% {
    transform: scaleY(0.1);
  }
  40% {
    transform: scaleY(1.02);
  }
  60% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes pullUp {
  0% {
    -webkit-transform: scaleY(0.1);
  }
  40% {
    -webkit-transform: scaleY(1.02);
  }
  60% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
  }
}
/*
==============================================
pullDown
==============================================
*/
.pullDown {
  animation-name: pullDown;
  -webkit-animation-name: pullDown;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
}
@keyframes pullDown {
  0% {
    transform: scaleY(0.1);
  }
  40% {
    transform: scaleY(1.02);
  }
  60% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes pullDown {
  0% {
    -webkit-transform: scaleY(0.1);
  }
  40% {
    -webkit-transform: scaleY(1.02);
  }
  60% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
  }
}
/*
==============================================
stretchLeft
==============================================
*/
.stretchLeft {
  animation-name: stretchLeft;
  -webkit-animation-name: stretchLeft;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%;
}
@keyframes stretchLeft {
  0% {
    transform: scaleX(0.3);
  }
  40% {
    transform: scaleX(1.02);
  }
  60% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(1);
  }
}
@-webkit-keyframes stretchLeft {
  0% {
    -webkit-transform: scaleX(0.3);
  }
  40% {
    -webkit-transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}
/*
==============================================
stretchRight
==============================================
*/
.stretchRight {
  animation-name: stretchRight;
  -webkit-animation-name: stretchRight;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
}
@keyframes stretchRight {
  0% {
    transform: scaleX(0.3);
  }
  40% {
    transform: scaleX(1.02);
  }
  60% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(1);
  }
}
@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0.3);
  }
  40% {
    -webkit-transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}
body #header {
  background-color: #F6F6F6;
  box-shadow: 5px 5px rgba(99, 96, 96, 0.2);
  height: 120px;
}
@media (max-width: 540px) {
  body #header {
    height: 160px;
  }
}
@media (max-width: 370px) {
  body #header {
    height: 145px;
  }
}
body #header a.logo-hold {
  position: absolute;
  right: 0;
  left: 0;
  text-align: center;
  top: 30px;
  width: 38%;
  max-width: 520px;
  margin: 0 auto;
}
body #header a.logo-hold img {
  width: 100%;
}
@media (max-width: 991px) {
  body #header a.logo-hold {
    top: 38px;
  }
}
@media (max-width: 767px) {
  body #header a.logo-hold {
    width: 44%;
    top: 42px;
  }
}
@media (max-width: 540px) {
  body #header a.logo-hold {
    width: 100%;
    left: auto;
    right: auto;
    position: relative;
    top: 30px;
    height: 67px;
    display: block;
  }
}
@media (max-width: 485px) {
  body #header a.logo-hold {
    width: 100%;
  }
}
body #header .nav-hold {
  display: inline-block;
  height: 100px;
}
@media (max-width: 1200px) {
  body #header .nav-hold {
    margin-top: 5px;
  }
}
body #header .nav-hold .left-social-list {
  display: none;
  padding-left: 11px;
  border-left: 1px solid #d7d7d7;
  height: 70px;
  font-size: 14px;
  float: right;
  margin-left: 50px;
  margin-top: 24px;
}
body #header .nav-hold .left-social-list li {
  padding: 2px;
}
body #header .nav-hold .left-social-list li a {
  color: #464646;
}
body #header .nav-hold .left-social-list li a:hover {
  color: #005daa;
}
@media (max-width: 991px) {
  body #header .nav-hold .left-social-list {
    display: block;
  }
}
@media (max-width: 540px) {
  body #header .nav-hold .left-social-list {
    display: none;
  }
}
body #header .right {
  float: right;
  margin-top: 20px;
}
@media (max-width: 560px) {
  body #header .right {
    margin-top: 30px;
  }
}
body #header .right .social-list {
  display: inline-block;
  padding-right: 11px;
  border-right: 1px solid #d7d7d7;
  height: 90px;
}
@media (max-width: 991px) {
  body #header .right .social-list {
    display: none;
  }
}
body #header .right .social-list li {
  padding: 2px;
}
body #header .right .social-list li a {
  color: #464646;
  font-size: 14px;
}
body #header .right .social-list li a:hover {
  color: #005daa;
}
body #header .right .kentuckians {
  width: 165px;
  background-image: url('/themes/republicanleader/images/Kentuckians.jpg');
  background-size: contain;
  background-position-y: 6px;
  background-repeat: no-repeat;
  position: relative;
  height: 70px;
  margin-bottom: 6px;
  display: inline-block;
}
@media (max-width: 991px) {
  body #header .right .kentuckians {
    width: 140px;
    top: 6px;
  }
}
@media (max-width: 560px) {
  body #header .right .kentuckians {
    width: 120px;
  }
}
@media (max-width: 540px) {
  body #header .right .kentuckians {
    display: none;
  }
}
body #header .right .kentuckians:hover {
  background-image: url('/themes/republicanleader/images/KentuckiansRO.jpg');
}
body .mobile-header {
  background-color: #464646;
  width: 100%;
  padding: 5px;
  position: relative;
  top: 21px;
}
@media (max-width: 370px) {
  body .mobile-header {
    top: 6px;
  }
}
body .mobile-header a {
  color: white !important;
}
body .hidden-xss {
  display: block;
}
@media (max-width: 540px) {
  body .hidden-xss {
    display: none !important;
  }
}
body .visible-xss {
  display: none ;
}
@media (max-width: 540px) {
  body .visible-xss {
    display: inline-block;
  }
}
body .navbar {
  background-color: transparent;
  width: auto;
  display: inline-block;
}
@media (max-width: 540px) {
  body .navbar {
    width: 100%;
  }
}
body .navbar .nav-pills {
  display: block !important;
  opacity: 1 !important;
  width: auto;
  float: left;
  margin-top: 20px;
}
@media (max-width: 991px) {
  body .navbar .nav-pills {
    display: none!important;
  }
}
body .navbar .nav-pills > li {
  width: auto;
  display: block;
}
body .navbar .nav-pills > li a {
  color: #464646;
  text-align: right;
  font-size: 14px;
  padding: 3px 15px;
  font-family: 'ITC Franklin Gothic LT W01 Dm';
}
@media (max-width: 1200px) {
  body .navbar .nav-pills > li a {
    font-size: 12px;
  }
}
body .navbar .nav-pills > li .dropdown-menu {
  top: -9px;
  left: 100%;
  border: 1px solid #d7d7d7;
}
body .navbar .nav-pills > li .dropdown-menu li a {
  text-transform: uppercase;
  color: #464646;
}
body .navbar .nav-pills > li .dropdown-menu li a:hover {
  color: #005daa;
  background-color: white;
}
body .navbar .nav-pills > li .dropdown-menu:after {
  content: "";
  position: absolute;
  top: 10px;
  left: -20px;
  width: 0;
  height: 0;
  border-color: transparent white transparent transparent;
  border-style: solid;
  border-width: 10px;
}
body .navbar .nav-pills > li .dropdown-menu:before {
  content: '';
  display: block;
  position: absolute;
  top: 9px;
  left: -22px;
  width: 0;
  height: 0;
  border-color: transparent #d7d7d7 transparent transparent;
  border-style: solid;
  border-width: 11px;
}
body .navbar .nav-pills > li:hover a,
body .navbar .nav-pills > li.selected a {
  color: #005daa;
}
body .navbar .nav-pills > li:nth-child(2) li .dropdown-menu {
  top: -16px;
}
body .navbar .togglemenu {
  color: #464646;
  font-size: 21px;
  margin-left: 7px;
  top: -24px;
  position: relative;
}
@media (max-width: 540px) {
  body .navbar .togglemenu {
    top: 0px;
    left: 6px;
  }
}
body .navbar .togglemenu .menulabel {
  display: none;
}
body .navbar .srchbuttonmodal {
  position: relative;
  top: 24px;
  left: 7px;
  height: 70px;
  padding-left: 13px;
  font-size: 17px;
  float: right;
  display: table !important;
  border-left: 1px solid #d7d7d7;
}
@media (max-width: 991px) {
  body .navbar .srchbuttonmodal {
    left: 44px;
    padding-left: 0px;
    border: none;
  }
}
@media (max-width: 540px) {
  body .navbar .srchbuttonmodal {
    float: right;
    height: auto;
    color: white;
    left: auto;
    top: 3px;
    right: 6px;
  }
}
body .navbar .srchbuttonmodal span {
  display: table-cell;
  vertical-align: middle;
  color: #464646;
}
@media (max-width: 540px) {
  body .navbar .srchbuttonmodal span {
    color: white;
  }
}
body .navbar .srchbutton {
  display: none;
  position: relative;
  top: 24px;
  height: 70px;
  padding-left: 13px;
  font-size: 17px;
  border-left: 1px solid #d7d7d7;
}
body .navbar .srchbutton span {
  color: #464646;
  vertical-align: middle;
  display: table-cell;
}
body .navbar .srchbutton:hover {
  color: #005daa;
}
body .navbar #search {
  width: 0%;
  display: inline-block;
  overflow: hidden;
  position: absolute;
  left: 103%;
  top: 23px;
  padding-left: 7px;
}
body .navbar #search.showme {
  width: 100%;
}
body .navbar #search.showme #sitesearch button {
  margin-left: -4px;
}
body .navbar #search.showme #sitesearch:before {
  content: '';
  display: block;
  position: absolute;
  top: 24px;
  left: -11px;
  width: 0;
  height: 0;
  border-color: transparent #d7d7d7 transparent transparent;
  border-style: solid;
  border-width: 11px;
}
body .navbar #search.showme #sitesearch:after {
  content: "";
  position: absolute;
  top: 25px;
  left: -8px;
  width: 0;
  height: 0;
  border-color: transparent white transparent transparent;
  border-style: solid;
  border-width: 10px;
}
body .navbar #search #sitesearch #search-field {
  border: 1px solid #d7d7d7;
  outline: 0;
  padding: 4px;
}
body .navbar #search #sitesearch button {
  background-color: #ad0000;
  color: white;
  border: none;
  padding: 4px 10px;
}
body .navbar #search #sitesearch button:hover {
  background-color: #c60000;
}
body #NavMobileModal .modal-dialog .modal-content .modal-header .close {
  color: #464646;
}
body #NavMobileModal .modal-dialog .modal-content .modal-body .nav > li:last-child {
  border: none;
}
body #NavMobileModal .modal-dialog .modal-content .modal-body .nav > li > a {
  color: #464646;
  font-family: 'ITC Franklin Gothic LT W01 Dm';
  text-transform: uppercase;
  font-size: 20px;
}
body #NavMobileModal .modal-dialog .modal-content .modal-body .nav > li .dropdown-menu {
  position: relative;
  display: inline-block;
  border: none;
  background-color: transparent;
  width: 100%;
  box-shadow: none;
  font-size: 20px;
  padding-left: 35px;
  padding-bottom: 30px;
}
body #NavMobileModal .modal-dialog .modal-content .modal-body .nav > li .dropdown-menu > li > a {
  color: #464646;
  font-family: 'ITC Franklin Gothic LT W01 Dm';
  white-space: normal;
}
body #SearchModal .modal-dialog .modal-content .modal-body #sitesearch button {
  background-color: #ad0000;
}
body #ContactModal .modal-dialog .modal-content .modal-header .close,
body #NavMobileModal .modal-dialog .modal-content .modal-header .close,
body #SearchModal .modal-dialog .modal-content .modal-header .close {
  color: #464646;
}
body #ContactModal .modal-dialog .modal-content .modal-body #sitesearch input[type=search],
body #NavMobileModal .modal-dialog .modal-content .modal-body #sitesearch input[type=search],
body #SearchModal .modal-dialog .modal-content .modal-body #sitesearch input[type=search] {
  padding: 9px;
  border: 1px solid #ad0000;
}
.no-padding {
  padding: 0px;
}
.left {
  width: 100%;
}
.left-container {
  position: relative;
  height: 100%;
  width: 100%;
  display: inline-block;
  background-image: url('/themes/republicanleader/images/banner.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  /*.no-padding{
		@media (max-width: 767px) {height:auto !important;}
	}*/
}
@media (max-width: 1200px) {
  .left-container {
    background-position-x: -93px;
  }
}
@media (max-width: 991px) {
  .left-container {
    background-position-x: -143px;
  }
}
@media (max-width: 767px) {
  .left-container {
    background-size: initial;
  }
}
@media (max-width: 560px) {
  .left-container {
    background-position-x: -203px;
  }
}
@media (max-width: 420px) {
  .left-container {
    background-position-x: -257px;
  }
}
@media (max-width: 370px) {
  .left-container {
    background-position-x: -332px;
  }
}
body#home .subtitle {
  font-size: 15px;
  font-family: 'ITC Franklin Gothic LT W01 Bk';
}
body#home span.icon {
  font-size: 21px;
}
.top {
  display: inline-block;
  height: 621px;
  width: 100%;
  position: relative;
}
@media (max-width: 1330px) {
  .top {
    height: 593px;
  }
}
.top .no-padding {
  height: 100%;
  position: relative;
}
.action-button {
  width: 100%;
  text-align: center;
  font-family: 'ITC Franklin Gothic LT W01 Dm';
  font-size: 17px;
  padding: 15px;
  display: table;
  height: 105px;
}
@media (max-width: 1200px) {
  .action-button {
    height: 130px;
    padding: 15px 25px;
  }
}
@media (max-width: 991px) {
  .action-button {
    height: 124px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .action-button {
    height: 112px;
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  .action-button {
    height: 85px;
    font-size: 16px;
  }
}
@media (max-width: 365px) {
  .action-button {
    font-size: 16px;
  }
}
.action-button span {
  width: 100%;
  display: inline-block;
}
.action-button.red {
  background-color: rgba(174, 33, 37, 0.9);
  color: white;
}
.action-button.red a {
  color: white;
}
.action-button.red:hover {
  background-color: #c60000;
}
.action-button.white {
  background-color: #f9f9f7;
  color: #464646;
}
.action-button.white:hover {
  background-color: white;
}
.action-button.on-pic {
  position: absolute;
  bottom: 0px;
  padding: 25px;
}
@media (max-width: 628px) {
  .action-button.on-pic {
    padding: 11px;
  }
}
.action-button.on-pic.white {
  background-color: rgba(255, 255, 255, 0.9);
}
.action-button.on-pic.white:hover {
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .action-button.on-pic.red {
    right: 0;
    top: -111px;
  }
}
@media (max-width: 479px) {
  .action-button.on-pic.red {
    right: 0;
    top: -167px;
  }
}
@media (max-width: 767px) {
  .action-button.on-pic {
    width: 50%;
  }
}
@media (max-width: 479px) {
  .action-button.on-pic {
    width: 100%;
  }
}
.action-button .cell {
  display: table-cell;
  vertical-align: middle;
}
.action-button .cell img {
  width: 30px;
}
.top-right {
  height: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .top-right {
    display: none;
  }
}
@media (max-width: 767px) {
  .holder {
    height: 270px;
    width: 70%;
    display: inline-block;
  }
}
@media (max-width: 479px) {
  .holder {
    height: 270px;
    width: 100%;
    display: inline-block;
  }
}
.video-image {
  height: 270px;
  background-position: center center;
  text-align: center;
  display: table;
  width: 100%;
}
@media (max-width: 1200px) {
  .video-image {
    height: 230px;
  }
}
@media (max-width: 991px) {
  .video-image {
    height: 190px;
  }
}
@media (max-width: 767px) {
  .video-image {
    height: 270px;
  }
}
.video-image span {
  vertical-align: middle;
  display: table-cell;
}
.video-image span:hover img {
  filter: brightness(0.85);
  -webkit-filter: brightness(0.85);
}
.top-right .caption,
.hidden-767 .caption {
  font-family: 'ITC Franklin Gothic LT W01 Dm';
  text-align: center;
  padding: 15px 25px;
  height: 108.5px;
  display: table;
  width: 100%;
  background-color: #f9f9f7;
}
@media (max-width: 991px) {
  .top-right .caption,
  .hidden-767 .caption {
    font-size: 16px;
    padding: 15px 10px;
  }
}
.top-right .caption .video-label,
.hidden-767 .caption .video-label {
  font-size: 18px;
}
.top-right .caption .cell,
.hidden-767 .caption .cell {
  display: table-cell;
  vertical-align: middle;
}
.top-right .caption a,
.hidden-767 .caption a {
  color: #464646;
}
.top-right .caption a:hover,
.hidden-767 .caption a:hover {
  color: #ad0000;
}
@media (max-width: 767px) {
  .top-right .caption,
  .hidden-767 .caption {
    height: 270px;
    float: right;
    width: 30%;
  }
}
@media (max-width: 479px) {
  .top-right .caption,
  .hidden-767 .caption {
    height: 140px;
    float: right;
    width: 100%;
  }
}
.top-right .caption:hover,
.hidden-767 .caption:hover {
  background-color: white;
}
.top-right .caption:hover .video-label,
.hidden-767 .caption:hover .video-label {
  color: #ad0000;
}
.top-right .caption:hover a,
.hidden-767 .caption:hover a {
  color: #ad0000;
}
.featured-button {
  display: table;
  background-color: #ad0000;
  height: 108.5px;
  color: white;
  width: 100%;
  padding: 25px;
  text-align: center;
  font-family: 'ITC Franklin Gothic LT W01 Dm';
  font-size: 17px;
}
@media (max-width: 991px) {
  .featured-button {
    font-size: 16px;
  }
}
.featured-button .cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.featured-button:hover {
  background-color: #c60000;
  color: white;
}
@media (max-width: 767px) {
  .featured-button {
    margin-top: -5px;
  }
}
.action-button.white {
  position: absolute;
  bottom: 0;
  display: table;
}
.action-button.white:hover {
  color: #ad0000;
  background-color: white;
}
@media (max-width: 767px) {
  .action-button.white {
    position: relative;
  }
}
@media (max-width: 767px) {
  .action-button.white.on-pic {
    position: absolute;
  }
}
.press {
  width: 100%;
  display: inline-block;
  margin-top: -6px;
  padding-top: 50px;
  padding-bottom: 80px;
  background-color: #eeedeb;
}
@media (max-width: 991px) {
  .press {
    padding-bottom: 50px;
  }
}
.press .recent {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 30px;
  background-image: url('/themes/republicanleader/images/swash.png');
  background-size: cover;
  background-repeat: no-repeat;
  width: 245px;
  height: 110px;
  display: table;
}
.press .recent a {
  text-transform: uppercase;
  color: #ad0000;
  font-family: 'ITC Franklin Gothic LT W01 Dm';
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
}
.press .recent a:hover {
  color: #005daa;
}
@media (max-width: 991px) {
  .press .recent {
    height: 77px;
    width: 178px;
  }
}
.press .recent-press {
  margin: 0 auto;
  text-align: center;
}
.press .all-text {
  font-family: 'ITC Franklin Gothic LT W01 Dm';
  font-size: 22px;
  text-align: center;
}
@media (max-width: 1200px) {
  .press .all-text {
    font-size: 19px;
  }
}
.press .all-text a {
  color: #464646;
}
.press .all-text a:hover {
  color: #005daa;
}
@media (max-width: 767px) {
  .press .caption {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
.hidden-767 {
  display: none;
  margin-top: -6px;
}
@media (max-width: 767px) {
  .hidden-767 {
    display: block;
  }
}
.twitter-area {
  background-image: url('/themes/republicanleader/images/white_house.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 465px;
  width: 100%;
  display: table;
  color: white;
  text-align: center;
  font-size: 18px;
  margin-top: -5px;
  /*.sabon;*/
}
.twitter-area a {
  color: white;
}
.twitter-area .cell {
  display: table-cell;
  vertical-align: middle;
}
.twitter-area .tweet {
  color: white;
  font-family: 'ITC Franklin Gothic LT W01 Dm';
  padding: 0px 250px;
  text-align: center;
  font-size: 28px;
  word-break: break-word;
}
@media (max-width: 991px) {
  .twitter-area .tweet {
    padding: 0px 95px;
  }
}
@media (max-width: 560px) {
  .twitter-area .tweet {
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .twitter-area .tweet {
    padding: 0px 20px;
  }
}
.twitter-area .tweet a {
  color: white;
}
.twitter-area .tweet a:hover {
  color: #c60000;
}
.twitter-area .timePosted {
  font-family: 'ITC Franklin Gothic LT W01 Bk';
}
.twitter-area .timePosted a:hover {
  color: #ad0000;
}
@media (max-width: 767px) {
  .height-fix {
    height: auto !important;
  }
}
#myModal .modal-title a {
  color: #464646;
  font-size: 30px;
}
#myModal .modal-title a:hover {
  color: #005daa;
}
#myModal .modal-body iframe {
  width: 100%;
  height: 500px;
}
/*
default interior styles

commonly made fixes / tweaks
*/
.modal-backdrop {
  z-index: 1;
}
.modal-dialog {
  z-index: 5;
}
ul.checkmark li {
  background: url("/themes/republicanleader/images/check-mark-md.png") no-repeat 0 50%;
  padding-left: 30px;
  background-position: top left;
  margin-bottom: 23px;
}
ul.checkmark {
  list-style-type: none;
}
.main_page_title {
  margin-top: 35px;
}
body.no-maintitle .main_page_title {
  display: none;
}
body.no-maintitle img.banner {
  margin-bottom: 40px;
}
.no-breadcrumbs #breadcrumb,
.nobreadcrumbs #breadcrumb {
  display: none;
}
.no-breadcrumbs .main_page_title,
.nobreadcrumbs .main_page_title {
  margin-top: 60px;
}
article.blog_entry {
  margin-top: 30px;
}
article.blog_entry .pubdate {
  font-family: 'Sabon Next W01 Italic';
}
article.blog-entry .date {
  font-family: 'Sabon Next W01 Italic';
}
body#research .main_page_title {
  text-align: center;
  margin-bottom: 30px;
}
body#research .subtitle {
  text-align: center;
}
body#research #newscontent {
  margin-top: 60px;
}
li.next {
  margin-left: 10px;
}
#breadcrumb a {
  color: #C6c6c6;
  text-transform: uppercase;
  font-family: 'ITC Franklin Gothic LT W01 Dm';
}
#breadcrumb a:hover {
  color: #005daa;
}
.modal-content {
  border: 0;
  border-radius: 0px;
}
.video #tags {
  display: none;
}
#myModal .modal-backdrop.in {
  background-color: #464646;
  opacity: 0.9;
}
#myModal .modal-header {
  border-bottom: 0px;
  background-color: #ad0000;
  padding: 15px 42px;
}
#myModal .modal-header a {
  color: white;
  font-size: 25px;
}
#myModal .close {
  color: white;
  opacity: 1;
}
#myModal .modal-body {
  padding: 0px;
}
#myModal .modal-dialog {
  margin: 100px auto;
}
.hasbanner .one_column {
  margin-top: 25px;
}
.hasbanner img.banner {
  margin-top: -25px;
}
.hasbanner .main_page_title {
  color: white;
  position: relative;
  top: -65px;
  left: 30px;
  font-size: 36px;
  text-align: left;
  width: 100%;
  display: inline;
}
@media (max-width: 767px) {
  .hasbanner #main_column {
    padding: 0px;
  }
}
#filterbuttons {
  margin-bottom: 50px;
}
#filterbuttons a {
  background-color: white;
  color: #005daa;
  text-transform: uppercase;
  font-family: 'ITC Franklin Gothic LT W01 Dm';
  padding-left: 0px;
}
.blog-entry {
  line-height: 33px;
}
.blog-entry h2 {
  margin-bottom: 0px;
  margin-top: 10px;
}
.blog-entry .byline {
  display: none;
}
#newscontent .main_page_title {
  margin-top: 20px;
}
#newscontent .subtitle {
  font-family: 'ITC Franklin Gothic LT W01 Bk';
  font-size: 21px;
  margin-bottom: 60px;
}
#newscontent.video {
  margin-top: 30px;
}
#newsroom #newscontent.article {
  margin-top: 63px;
}
#press .date {
  font-family: 'ITC Franklin Gothic LT W01 Bk';
  color: #464646;
}
#press h2 {
  margin-top: 0px;
}
#press h2 a {
  color: #464646;
}
#press h2 a:hover {
  color: #005daa;
}
.member {
  padding: 40px;
  text-align: center;
}
.member .name {
  font-family: 'ITC Franklin Gothic LT W01 Dm';
  color: #464646;
  font-size: 22px;
}
.member .name:hover {
  color: #005daa;
}
.member .party {
  font-family: 'ITC Franklin Gothic LT W01 Bk';
  text-transform: uppercase;
  letter-spacing: 1px;
}
.member h4 {
  color: #ad0000;
  text-transform: uppercase;
}
body#resources .resources-left-container,
body#about .resources-left-container {
  background-image: url('/themes/republicanleader/images/prog_civ.jpg');
  background-position: top;
  background-size: cover;
  height: 400px;
  width: 100%;
  position: relative;
}
body#resources .resources-left-container h1,
body#about .resources-left-container h1 {
  color: white;
  position: absolute;
  bottom: 10px;
  left: 30px;
}
body#resources .table,
body#about .table {
  width: 100%;
  display: inline-block;
  text-align: center;
}
body#resources .left-button,
body#about .left-button {
  height: 210px;
  background-color: #fcfcfc;
  font-family: 'ITC Franklin Gothic LT W01 Dm';
  color: #464646;
  text-transform: uppercase;
  padding: 95px;
  margin-bottom: 0px;
  border-bottom: 2px solid #d9d9d9;
  font-size: 23px;
}
body#resources .left-button:hover,
body#about .left-button:hover {
  background-color: #f7f6f4;
}
body#resources .right-button,
body#about .right-button {
  height: 100px;
  font-family: 'ITC Franklin Gothic LT W01 Bk';
  color: #464646;
  padding: 37px;
  margin-bottom: 0px;
}
body#resources .right-button.gray,
body#about .right-button.gray {
  background-color: #f7f6f4;
}
body#resources .right-button:hover,
body#about .right-button:hover {
  background-color: #eae9e8;
}
body#resources .right-button.blue,
body#about .right-button.blue {
  height: 100px;
  padding: 35px;
  background-color: #005daa;
  color: white;
  font-family: 'Sabon Next W01 Bold';
  border-bottom: 1px solid #00448c;
  position: relative;
}
body#resources #leadership,
body#about #leadership {
  background-color: #414141;
  padding: 0;
}
body#resources #leadership h5,
body#about #leadership h5 {
  color: white;
  text-transform: uppercase;
  margin-top: 40px;
  font-size: 18px;
  font-family: 'ITC Franklin Gothic LT W01 Dm';
}
body#resources #leadership h5:after,
body#about #leadership h5:after {
  content: "";
  background: url('/themes/republicanleader/images/swash.png');
  opacity: 0.5;
  top: 7px;
  background-repeat: no-repeat;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: center;
  position: absolute;
  /* z-index: -1; */
  height: 82px;
  background-size: contain;
}
body#resources .blue-buttons,
body#about .blue-buttons {
  height: 420px;
  padding: 20px 40px;
  background-color: #005daa;
}
body#resources .blue-buttons .blue:after,
body#about .blue-buttons .blue:after {
  content: "";
  background: url('/themes/republicanleader/images/swash.png');
  opacity: 0;
  top: 7px;
  background-repeat: no-repeat;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: center;
  position: absolute;
  /* z-index: -1; */
  height: 82px;
  background-size: contain;
}
body#resources .blue-buttons .blue:hover:after,
body#about .blue-buttons .blue:hover:after {
  opacity: 0.5;
}
body#about .resources-left-container {
  background-image: url('/themes/republicanleader/images/backtowork.jpg');
  background-position: center;
}
body#about .left-button {
  height: 100px;
  padding: 40px;
  font-size: 18px;
}
body#about .right-image {
  background-image: url('/themes/republicanleader/images/about.jpg');
  background-position: center;
  background-size: cover;
  height: 400px;
  width: 100%;
  margin-top: 40px;
  position: relative;
}
body#about .bio {
  margin: 40px 10px;
}
body#about .bio p {
  margin-bottom: 25px;
  line-height: 28px;
}
body#about .first:first-letter {
  font-size: 50px;
  float: left;
  padding: 0px 10px;
  line-height: 50px;
  color: #ad0000;
  font-family: 'ITC Franklin Gothic LT W01 Dm';
}
body#about #leadership {
  position: relative;
}
body#about .quote-block {
  text-align: center;
  font-size: 30px;
  margin-bottom: 45px;
  font-family: 'ITC Franklin Gothic LT W01 Bk';
}
body#about .quote-block .block-quote {
  border-top: 1px solid black;
  width: 60%;
}
body#about .quote-block .red {
  color: #ad0000;
  font-weight: bold;
}
.quote-block {
  text-align: center;
  font-size: 30px;
  margin-bottom: 45px;
  font-family: 'ITC Franklin Gothic LT W01 Bk';
}
.quote-block .block-quote {
  border-top: 1px solid black;
  width: 60%;
}
.quote-block .red {
  color: #ad0000;
  font-weight: bold;
}
body.press-release .main_page_title {
  text-align: center;
}
body.press-release .subtitle {
  text-align: center;
}
body#committees .side-nav {
  margin-top: 80px;
  top: 0px;
  position: relative;
}
body#committees .side-nav ul {
  list-style: none;
  padding: 0;
}
body#committees .side-nav ul li {
  color: #ad0000;
  text-transform: uppercase;
  margin-bottom: 10px;
}
body#committees .side-nav ul li a {
  color: #ad0000;
  font-family: 'ITC Franklin Gothic LT W01 Dm';
}
body#committees h5 {
  color: #ad0000;
  background-image: url('/themes/republicanleader/images/swash.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  text-align: center;
  height: 80px;
  font-size: 19px;
  text-transform: uppercase;
  padding-top: 31px;
}
body#committees .committee-container {
  text-align: center;
  margin-bottom: 70px;
  margin-top: 40px;
  font-family: 'ITC Franklin Gothic LT W01 Bk';
}
body#committees h3 {
  font-family: 'ITC Franklin Gothic LT W01 Dm';
}
body#committees h3 a {
  color: #464646;
}
body#committees h3 a:hover {
  color: #005daa;
}
body.newsroom_landing #breadcrumb {
  display: none;
}
@media (max-width: 1200px) {
  body.newsroom_landing .videoiframe {
    height: 380px!important;
  }
}
@media (max-width: 991px) {
  body.newsroom_landing .videoiframe {
    height: 320px!important;
  }
}
@media (max-width: 767px) {
  body.newsroom_landing .videoiframe {
    height: 500px!important;
  }
}
@media (max-width: 690px) {
  body.newsroom_landing .videoiframe {
    height: 430px!important;
  }
}
@media (max-width: 580px) {
  body.newsroom_landing .videoiframe {
    height: 350px!important;
  }
}
@media (max-width: 480px) {
  body.newsroom_landing .videoiframe {
    height: 280px!important;
  }
}
body#newsroom #videos h2,
body#focus #videos h2 {
  margin-bottom: 40px;
}
body#newsroom .one_column,
body#focus .one_column {
  margin-top: 0px;
}
body#newsroom .side-nav,
body#focus .side-nav {
  top: 100px;
}
body#newsroom .side-nav,
body#focus .side-nav {
  margin-top: 160px;
  top: 0px;
}
body#newsroom .side-nav ul,
body#focus .side-nav ul {
  list-style: none;
}
body#newsroom .side-nav ul li,
body#focus .side-nav ul li {
  color: #ad0000;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-align: right;
}
body#newsroom .side-nav ul li a,
body#focus .side-nav ul li a {
  color: #ad0000;
  font-family: 'ITC Franklin Gothic LT W01 Dm';
}
body#newsroom .side-nav ul li.active,
body#focus .side-nav ul li.active {
  background-color: transparent;
}
body#newsroom .side-nav ul li.active a,
body#focus .side-nav ul li.active a {
  background-color: transparent;
  color: #005daa;
}
body#newsroom .side-nav ul li.active a:after,
body#focus .side-nav ul li.active a:after {
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid #ad0000;
}
body#newsroom .side-nav.affix,
body#focus .side-nav.affix {
  margin-top: 80px;
  width: 160px;
}
body#newsroom #press .date,
body#focus #press .date,
body#newsroom .date,
body#focus .date {
  color: #464646;
  font-family: 'Sabon Next W01 Italic';
}
body#newsroom .title,
body#focus .title {
  margin-top: 30px;
  margin-bottom: 0px;
}
body#newsroom .title a,
body#focus .title a {
  color: #464646;
}
body#newsroom .title a:hover,
body#focus .title a:hover {
  color: #005daa;
}
body#newsroom .summary,
body#focus .summary {
  margin-bottom: 50px;
  font-family: 'Sabon Next W01 Regular';
  line-height: 36px;
}
body#newsroom .more,
body#focus .more {
  font-size: 15px;
  color: #ad0000;
  text-transform: uppercase;
  font-family: 'ITC Franklin Gothic LT W01 Dm';
}
body#newsroom .more.no-sum,
body#focus .more.no-sum {
  margin-top: 80px;
}
body#newsroom .extra-padding,
body#focus .extra-padding {
  padding-right: 170px;
}
@media (max-width: 991px) {
  body#newsroom .extra-padding,
  body#focus .extra-padding {
    padding-right: 50px;
  }
}
.more {
  font-size: 15px;
  color: #ad0000;
  text-transform: uppercase;
  font-family: 'ITC Franklin Gothic LT W01 Dm';
}
.more.no-sum {
  margin-top: 80px;
}
.media-heading {
  background-image: url('/themes/republicanleader/images/swash.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  text-align: center;
  height: 80px;
  padding-top: 29px;
  color: #ad0000;
  font-size: 16px;
  text-transform: uppercase;
}
body#focus .one_column {
  margin-top: 25px;
}
body#focus .content-area {
  margin-top: 10px;
}
.content-area {
  margin-top: 60px;
}
#sam-leadership {
  background-color: #EEEDEB;
  padding: 10px 30px;
  margin-top: 25px;
}
#sam-leadership h3 {
  background-image: url('/themes/republicanleader/images/swash.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  text-align: center;
  height: 80px;
  padding-top: 25px;
}
#sam-leadership a {
  font-family: 'Sabon Next W01 Reg SC';
  color: #464646;
  font-size: 22px;
  margin: 10px 0px;
  display: inline-block;
}
#sam-leadership a:hover {
  color: #ad0000;
}
.back-padding {
  padding: 0 80px;
}
@media (max-width: 500px) {
  .back-padding {
    padding: 20px !important;
  }
}
.small-row {
  margin-top: 30px;
}
#video-content #media-player iframe {
  min-height: 430px;
}
@media (max-width: 479px) {
  #video-content #media-player iframe {
    min-height: 200px;
  }
}
#share-buttons #share-copy-link {
  cursor: pointer;
}
#multimedia-browser {
  margin-top: 30px;
}
#multimedia-browser form .btn {
  background-color: #ad0000 !important;
}
#multimedia-browser ul.nav-tabs {
  display: none;
  margin-top: 30px;
}
#multimedia-browser .loading div#search-results-header {
  display: none;
}
#multimedia-browser .status {
  background-color: #005daa;
}
#multimedia-browser .pagination {
  background-color: #464646;
}
body footer {
  padding: 50px 0px 30px;
}
@media (max-width: 991px) {
  body footer {
    text-align: center;
  }
}
body footer .footernav li {
  padding-right: 24px;
}
body footer .footernav li a {
  color: #464646;
  font-size: 18px;
  font-family: 'ITC Franklin Gothic LT W01 Dm';
}
body footer .footernav li a:hover {
  color: #005daa;
}
@media (max-width: 991px) {
  body footer .footernav {
    float: none!important;
  }
}
body footer .right-footer {
  float: right;
}
@media (max-width: 991px) {
  body footer .right-footer {
    float: none;
  }
}
body footer .subfooternav {
  float: left;
}
@media (max-width: 991px) {
  body footer .subfooternav {
    float: none;
  }
}
body footer .subfooternav a {
  color: #464646;
  text-transform: uppercase;
  font-size: 13px;
  font-family: 'ITC Franklin Gothic LT W01 Dm';
}
body footer .subfooternav a:hover {
  color: #005daa;
}
body footer .subfooternav li:first-child {
  border-right: 1px solid #464646;
  padding-right: 10px;
}
@media (max-width: 991px) {
  body footer .subfooternav li:first-child {
    border-right: none;
  }
}
body footer .footer-social-list {
  float: right;
}
@media (max-width: 991px) {
  body footer .footer-social-list {
    float: none;
  }
}
body footer .footer-social-list a {
  color: #464646;
  font-size: 15px;
  margin-left: 8px;
}
body footer .footer-social-list a:hover {
  color: #005daa;
}
/* collapse ------------------------------- */
#content .amend-form-container form {
  /*input[type="submit"] {
				padding: .25em .5em;
				font-size: 1.3em;
			}*/
}
.hide-on-submit {
  display: none !important;
}
/*

font-family:'Sabon Next W01 Regular';
font-family:'Sabon Next W01 Italic';
font-family:'Sabon Next W01 Demi';
font-family:'SabonNextW01-DemiItalic';
font-family:'Sabon Next W01 Bold';
font-family:'SabonNextW01-BoldItalic';
font-family:'SabonNextW01-ExtraBold';
font-family:'SabonNextW01-ExtraBoldI';
font-family:'Sabon Next W01 Black';
font-family:'SabonNextW01-BlackItali';
font-family:'Sabon Next W01 Display';
font-family:'SabonNextW01-DisplayIta';
font-family:'Sabon Next W01 Reg SC';
font-family:'Sabon Next W01 It SC';
font-family:'Sabon Next W01 Demi SC';
font-family:'SabonNextW01-DemiItSC';
font-family:'Sabon Next W01 Bd SC';
font-family:'Sabon Next W01 Bd It SC';
font-family:'Sabon Next W01 X Bd SC';
font-family:'SabonNextW01-XBdItSC';
font-family:'SabonNextW01-DisplaySC';
font-family:'SabonNextW01-DisplayItS';
font-family:'Ambassador ScriptFlourishesW90';
font-family:'AmbassadorScriptW01-Reg';
font-family:'Ambassador Script Ends IV W90';
font-family:'Ambassador Script Begs III W90';
font-family:'ITC Franklin Gothic LT W01 Bk';
font-family:'ITC Franklin Gothic LT W01BkIt';
font-family:'ITC Franklin Gothic LT W01 Md';
font-family:'ITC Franklin Gothic LT W01MdIt';
font-family:'ITC Franklin Gothic LT W01 Dm';
font-family:'ITC Franklin Gothic LT W01DmIt';
font-family:'ITC Franklin Gothic LT W01 Hv';
font-family:'ITC Franklin Gothic LT W01HvIt';
font-family:'ITC Franklin Gothic LT W01BkCn';
font-family:'ITC Franklin GothicLTW01BkCnIt';
font-family:'ITC Franklin Gothic LT W01MdCn';
font-family:'ITC Franklin GothicLTW01MdCnIt';
font-family:'ITC Franklin Gothic LT W01DmCn';
font-family:'ITC Franklin GothicLTW01DmCnIt';
font-family:'ITC Franklin Gothic LT W01BkCm';
font-family:'ITC Franklin GothicLTW01BkCmIt';
font-family:'ITC Franklin Gothic LT W01DmCm';
font-family:'ITC Franklin GothicLTW01DmCmIt';
font-family:'ITC Franklin Gothic LTW01BkXCm';
font-family:'ITC Franklin Gothic LTW01DmXCm';


paste available font families here
*/
/*define site colors here

  naming conventions
  if we have multiple shades of one color
  number each shade from 1 - n
  with 1 being the lightest and n being the darkest

  @sitecolor:#fff; //example

  @colorshade1 :#examplehex;
  @colorshade2 :#examplehex;
  @colorshade3 :#examplehex;

*/
.sabon {
  font-family: 'ITC Franklin Gothic LT W01 Bk';
}
.demi {
  font-family: 'ITC Franklin Gothic LT W01 Dm';
}
/*set up serif font quick class if we have one*/
/*set up sans-serif font quick class if we have one*/
/*body color and font*/
body {
  font-size: 18px;
}
/*header styles*/
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'ITC Franklin Gothic LT W01 Dm';
}
p {
  margin-bottom: 25px;
  line-height: 28px;
}
/*anchor stlyes*/
a:hover {
  text-decoration: none;
}
select {
  background: #fff;
  width: 55px;
  height: 28px;
  color: black;
  border: 1px solid silver;
  cursor: pointer;
  outline: none;
  position: relative;
  border-radius: 0px;
  margin: 0 auto;
  padding: 10px 10px 10px 30px;
  vertical-align: bottom;
  font-size: 16px;
}
.modal select {
  height: 40px;
}
/*button styles*/
.pager li .btn,
.btn,
.btn-defualt,
.btn:visited,
.btn-defualt:visited,
btn:focus,
.btn-default:focus,
.search-media-btn,
#main_column form .btn {
  background-color: #005daa;
  color: white;
  font-family: 'ITC Franklin Gothic LT W01 Dm';
}
.pager li .btn:hover,
.btn:hover,
.btn-defualt:hover,
.btn:visited:hover,
.btn-defualt:visited:hover,
btn:focus:hover,
.btn-default:focus:hover,
.search-media-btn:hover,
#main_column form .btn:hover {
  background-color: #054e89;
  color: white;
}
.cell {
  display: table-cell;
}
.list-btn {
  display: table;
  width: 100%;
  min-height: 120px;
  vertical-align: middle;
  text-align: center;
  font-family: 'ITC Franklin Gothic LT W01 Dm';
  font-size: 30px;
  color: white;
  margin: 10px 0px;
  background-color: #005daa;
  padding: 40px;
}
.list-btn:hover {
  background-color: #004d8c;
  color: white;
}
.list-btn.small {
  background-color: white;
  color: #464646;
  border: 1px solid #464646;
  font-size: 24px;
}
.list-btn.small:hover {
  border-color: #ad0000;
  color: #ad0000;
}
/*interior page content default styles */
@media (max-width: 767px) {
  #multimedia-browser .row .media-thumbnail {
    display: block;
    float: none !important;
    margin: 1em 0;
    width: 100%;
  }
}
.ieold .ieoldonly {
  display: block !important;
}
.ie .ieonly {
  display: block !important;
}
.ie .notie {
  display: none !important;
}
.ie7 .ie7only {
  display: block !important;
}
.ie7 .navbar-toggle {
  display: block !important;
}
@media print {
  body#newsroom #header {
    display: block !important;
    height: 80px !important;
  }
  body#newsroom #header .right,
  body#newsroom #header .nav-hold {
    display: none !important;
  }
}


.carouselarea {
  z-index: 0;
  width: 100%
}

.carouselarea {
  position: relative;
  width: 100%;
  padding: 2rem 0;
  margin-bottom: 1rem;
}


.carouselarea #featuredCarousel {
  padding-top: 50%;
  width: 100%;
  float: none;
  margin: 0 auto;
  position: relative;
  height: 100%;
}

.carouselarea #featuredCarousel .item {
  width: 100%;
  height: 100%;
  min-height: 450px;
  top: 0;
  left: 0;
  position: absolute;
  background-size: cover;
  background-position: center top;
}

.carouselarea #featuredCarousel .carousel-inner{
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  overflow: hidden;
}


.carouselarea #featuredCarousel .item .featured-press {
  background-attachment: scroll;
  background-size: cover;
  background-position: center top
}

.carouselarea .carousel-control {
  width: 8%;
  font-size: 14px
}

.carouselarea .carousel-indicators {
  bottom: -6px
}

.carouselarea  .item {
  width: 100%;
  background-attachment: scroll;
  background-size: cover;
  background-position: center top;
  position: relative
}

.carouselarea  .item .featured-press {
  position: relative;
  height: 632px;
  background-attachment: scroll;
  background-size: cover;
  background-position: center top
}

.carouselarea  .item img {
  width: 100%;
  position: absolute
}

.carouselarea  .item a {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgb(0 0 0 / 60%);
  padding: 1.5rem 4rem;
}

.carouselarea  .item a h2 {
  color: #fff;
  font-size: 38px;
  margin: 0
}

.carouselarea  .item a:hover {
  text-decoration: none
}