.temp-hide {
    display: none !important;
}

.header nav ul li a:not(.btn) {
    display: block;
}

.header nav ul li:not(.last) a:after {
    width: calc(100% - 27px);
    height: 3px;
    content: "";
    display: block;
    background: #995a2d;
    position: absolute;
    bottom: -33px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center left;
    transform-origin: center left;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.header nav ul li:not(.last):first-child a:after {
    width: calc(100% - 13px);
}

.header nav ul li:not(.last).nav-selected a:after,
.header nav ul li:not(.last) a:hover:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}


#video {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 margin: auto;
}

.banner .banner-text {
 bottom: 0;
 margin: auto;
 height: 299px;
 position: absolute;
}

.banner .container,
.banner .container .row,
.banner .container .row .col-sm-12 {
  height: 100%;
}



.page-title {
    background-color: #080808;
    border-top: 1px solid #2e2e2e;
    text-align: center;
    overflow: hidden;
    padding: 75px 15px;
}

.page-title h1 {
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0px;
    font-size: 82px;
    color: #ffc519;
    font-family: "mencken-std",mencken-std,sans-serif;
    line-height: 0.7;
}

.pg-content {
    padding: 80px 0;
}

.pg-content p, .pg-content li {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.5;
    margin: 0 0 30px;
}

.pg-content p:last-child, .pg-content p:last-of-type {
    margin: 0;
}

.blog-meta {
    text-align: center;
}

.blog-meta img + p {font-size: 18px;color: #000;}

.blog-meta img {
    margin: 0 0 20px;
}

.blog-meta img + p i {
    margin-right: 3px;
    color: #999;
    position: relative;
    top: -1px;
}

.blog-meta h3 {
    font-size: 25px;
    font-family: "mencken-std",mencken-std,sans-serif;
    margin: 20px 0 5px;
}

.ccm-block-share-this-page ul li a {
    background-color: #995a2d;
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 5px;
}

.ccm-block-share-this-page ul.list-inline li {
    margin: 0 !important;
}

.ccm-block-share-this-page ul li a i {
    color: #fff;
    text-align: center;
    line-height: 35px;
}

.ccm-block-share-this-page ul li a:hover {
    background-color: #333;
}

.dog-profile .dog-thumbs ul li {
    width: 24%;
    display: inline-block;
    margin: 0 0.67%;
    background-color: #ffc519;
    cursor: pointer;
    height: 80px;
    overflow: hidden;
    position: relative;
}

.dog-profile .dog-thumbs ul li:first-child {
    margin-left: 0;
}

.dog-profile .dog-thumbs ul li:last-child {
    margin-right: 0;
}

.dog-profile .dog-thumbs ul {
    margin-top: 10px;
}

.dog-profile .dog-thumbs ul li img {
    transition: all 0.3s;
    opacity: 1;
    position: absolute;
    margin: auto;
    top: -50%;
    left: -50%;
    right: -50%;
    bottom: -50%;
    height: auto;
    width: 100%;
}

.dog-profile .dog-thumbs ul li.active img,
.dog-profile .dog-thumbs ul li:hover img {
    opacity: 0.3;
}

.page-title p {
    margin-top: 38px;
    color: #fff;
    font-weight: 100;
}

.page-title p span {
    width: 1px;
    height: 12px;
    background: rgba(255,255,255,0.1);
    display: inline-block;
    margin: 0 11px;
}

.page-title p i {
    margin-right: 5px;
    position: relative;
    top: 4px;
}

.page-title p {
    margin-top: 38px;
    color: #fff;
    font-weight: 100;
}

.page-title p span {
    width: 1px;
    height: 12px;
    background: rgba(255,255,255,0.1);
    display: inline-block;
    margin: 0 11px;
}

.page-title p i {
    margin-right: 5px;
    position: relative;
    top: 4px;
}

.dog-profile h4 {
    font-weight: 100;
    font-size: 32px;
    margin-top: 40px;
}

.page-title h2 {
    font-weight: 100;
    color: #CCC;
    font-size: 22px;
    margin-top: 25px;
}

body.inner {
    background-color: #080808;
}

.blog-list-entry {
    text-align: center;
}

.blog-list-entry img {
    margin: 0 auto 10px;
}

.blog-list-entry h2 {
    font-family: "mencken-std",mencken-std,sans-serif;
}

.blog-list-entry h6 i {
    color: #999;
    margin-right: 4px;
}

.blog-list-entry h6 {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    margin: 0 0 10px;
}

.blog-list-entry {
    width: 32%;
    display: inline-block;
    margin: 40px 8px;
}

.pg-content.pg-blog {
    padding: 40px 0;
}

.blog-list-entry .ccm-block-page-list-page-entry-thumbnail {
    overflow: hidden;
    height: 250px;
    position: relative;
    margin: 0 0 15px;
}

.blog-list-entry .ccm-block-page-list-page-entry-thumbnail img {
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    margin: auto;
}

.pg-content li {
  margin: 0;
}

.pg-content.pg-contact ul {
    margin-top: 35px;
}

.pg-content.pg-contact ul li {
    margin: 0 0 15px;
    position: relative;
}

.pg-content.pg-contact ul li:last-child {
    margin: 0;
}

.pg-content.pg-contact ul li i {
    background-color: #995a2d;
    margin-right: 5px !important;
    width: 30px;
    height: 30px;
    margin: auto;
    text-align: center;
    color: #fff;
    line-height: 30px;
    display: inline-block;
    border-radius: 3px;
}

.pg-content.pg-contact ul li i.fa-envelope {
    font-size: 17px;
}

.pg-contact .gmap {
    height: 305px;
}

.single-dog {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex: 0 0 calc(50% - 15px);
    -ms-flex: 0 0 calc(50% - 15px);
    flex: 0 0 calc(50% - 15px);
    max-width: calc(50% - 15px);
    width: calc(50% - 15px);
}

.single-dog .single-dog-image {
    width: 200px;
    flex: 0 0 200px;
    margin-right: 25px;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.single-dog .single-dog-content {
    display: flex;
    flex-direction: column;
    flex: 0 0 calc(100% - 250px);
    width: calc(100% - 250px) !important;
}

.single-dog .single-dog-content .btn {
    white-space: pre-wrap;
}

.single-dog .single-dog-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-dog-content p {
    font-size: 15px;
}

.single-dog-content p i {
    position: relative;
    top: 4px;
    margin: 0 5px 0 15px;
}

.single-dog-content p i.icon-dogattr-1 {
    margin-left: 0;
}

.dog-list-parent {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 30px;
}

.pg-content.pg-dogs h2 {
    font-family: "mencken-std",mencken-std,sans-serif;
    font-size: 45px;
    border-bottom: 1px solid #EEE;
    margin: 100px 0 0;
}

.pg-content.pg-dogs h2#stud-dogs {
    margin: 0;
}

.slide {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}

.slide .slide-left {
    max-width: 600px;
    padding-right: 60px;
}

.slide .slide-right {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}

.slide-gallery {
    max-height: 355px;
    overflow: hidden;
    border: 5px solid #FFF;
    margin-right: 25px;
    max-width: 675px;
}

.slide-thumbs a {
  width: 75px;
  height: 111px;
  display: block;
  overflow: hidden;
  position: relative;
  border: 5px solid #FFF;
  margin-bottom: 11px;
}

.slide-thumbs a:hover {
  border: 5px solid #ddaf24;
}

.slide-thumbs a img {
    max-height: 100%;
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    margin: auto;
}

.slide-thumbs a.cycle-pager-active {
    display: none;
}

.slide-gallery img {
    top: -50% !important;
    left: -50% !important;
    right: -50% !important;
    bottom: -50% !important;
    margin: auto;
}


.slide-gallery p {
    display: block;
    position: relative;
    margin-top: -12.5%;
}

.slider {
  padding-top: 70px;
}

.slick-arrow.slick-prev,
.slick-arrow.slick-next {
  top: 30px;
}

.slick-arrow.slick-prev { background-image: url(../i/icon-angle-prev.svg?v=2); left: -77px; }
.slick-arrow.slick-next { background-image: url(../i/icon-angle-next.svg?v=2); right: -70px; }

#swipebox-top-bar {
    -webkit-transform: translate3d(0,0,0) !important;
    transform: translate3d(0,0,0) !important;
    top: 0 !important;
}

#swipebox-bottom-bar {
    -webkit-transform: translate3d(0,0,0) !important;
    transform: translate3d(0,0,0) !important;
    bottom: 0 !important;
}

.gallery a {
  display: inline-block;
  position: relative;
  width: 240px;
      height: 240px;
  overflow: hidden;
  background-color: #995a2d;

}

.gallery a img {
  display: block;
  transition: all 0.3s;
  -webkit-transform-origin: center;
  transform: scale(1);
  opacity: 1;
}

.gallery a:hover img {
  transition: all 0.3s;
  -webkit-transform-origin: center;
  transform: scale(1.25);
  opacity: 0.2;
}

.gallery a i {
  color: #ffc519;
  width: 50px;
  height: 50px;
  font-size: 50px;
  margin: auto;
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
  -webkit-transform-origin: center;
  transform: scale(1.5);
  opacity: 0;
}

.gallery a:hover i {
  -webkit-transform-origin: center;
  transform: scale(1);
  opacity: 1;
}

.dog-slider {
  -webkit-background-size: cover;
  background-size: cover;
}

.rd {display: none;}

.reserve-dog {
    display: flex;
    width: 800px;
}

.reserve-dog .rdr {
    flex: 0 0 40%;
    background: #fff;
    padding: 30px;
}

.reserve-dog .rdl {
    flex: 0 0 60%;
    position: relative;
    background: #111;
    padding: 30px;
    overflow: hidden;
}

.reserve-dog .rdl p, .reserve-dog .rdl h3, .reserve-dog .rdl a {
    position: relative;
    z-index: 9;
}

.reserve-dog .rdl img {
    position: absolute;
    z-index: 1;
    top: -50%;
    left: -50%;
    right: -50%;
    bottom: -50%;
    min-height: 100%;
    width: auto;
    margin: auto;
    opacity: 0.1;
}

.reserve-dog .rdr textarea {
    height: 90px;
}

.reserve-dog label {
    margin: 0;
}

.reserve-dog label + span {
    background: #AAA;
    color: #fff !important;
    font-size: 10px;
    text-transform: uppercase;
    padding: 3px 6px;
    border-radius: 100px;
    position: relative;
    top: -2px;
}

.reserve-dog .rdl h3 {
    color: #fff;
    font-family: "mencken-std",mencken-std,sans-serif;
    font-size: 35px;
    margin-top: 140px;
}

.reserve-dog .rdl h3 span {color: #ffc519;}

.reserve-dog .rdl p {
    font-weight: 300;
    color: #ccc;
    line-height: 1.5;
    margin-top: 18px;
}

.reserve-dog .rdr .closeThis {
    background: #000;
    width: 40px;
    height: 40px;
    display: block;
    color: #fff;
    font-size: 22px;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    position: absolute;
    top: -20px;
    right: -20px;
}

.reserve-dog .rdr {
    position: relative;
}

.reserve-dog .rdr .closeThis:hover {
    background: #999;
    color: #666;
}

.page-title-lg {
    padding: 170px 0 80px;
      border-top: 1px solid #2e2e2e;
}

.page-title-lg h1 {
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0px;
    font-size: 82px;
    color: #fff;
    font-family: "mencken-std",mencken-std,sans-serif;
}

.page-title-lg h1 strong {
    color: #ffc519;
}

.page-title-lg p {
    color: #eee;
    font-weight: 100;
    font-size: 25px;
}

.pg-grey {
  background-color: #f5f5f5;
}

.bloodlines {
    background: #111;
    padding: 40px;
}

.bloodlines h3 {
    color: #fff;
    font-family: "mencken-std",mencken-std,sans-serif;
    font-size: 40px;
    letter-spacing: -1px;
    text-align: center;
    margin: 0 0 25px;
}

.bloodlines ul li {
    position: relative;
    text-align: right;
    font-size: 21px;
    font-weight: 100;
    color: #fff;
    border-bottom: 1px solid #222;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.bloodlines ul li:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.motto {
    background: #111;
    padding: 40px;
    text-align: center;
}

.motto h4 {
    font-weight: 100;
    color: #ccc;
    font-size: 16px;
}

.motto h3 {
    color: #fff;
    font-family: "mencken-std",mencken-std,sans-serif;
    font-size: 50px;
    letter-spacing: -1px;
}

.motto h3 em {
    display: block;
    font-size: 20px;
    letter-spacing: 0;
    margin: -7px 0 30px;
}

.motto p {
    font-size: 18px;
    color: #ccc;
    margin: 0 0 18px !important;
}


.motto ul li {
    position: relative;
    text-align: right;
    font-size: 18px;
    font-weight: 100;
    color: #fff;
    border-bottom: 1px solid #222;
    padding-bottom: 7px;
    margin-bottom: 7px;
}

.motto ul li:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.motto ul li i {
  color: #ffc519;
  position: absolute;
  left: 0;
  top: 5px;
}

.icon-bl-1,
.icon-bl-2,
.icon-bl-3,
.icon-bl-4,
.icon-bl-5 {
  width: 40px;
  height: 40px;
  -webkit-background-size: contain;
  background-size: contain;
}

.icon-bl-1 { background-image: url(../i/icon-bl-1.svg); }
.icon-bl-2 { background-image: url(../i/icon-bl-2.svg); }
.icon-bl-3 { background-image: url(../i/icon-bl-3.svg); }
.icon-bl-4 { background-image: url(../i/icon-bl-4.svg); }
.icon-bl-5 { background-image: url(../i/icon-bl-5.svg); }

.bloodlines ul li i {
    position: absolute;
    left: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

.pg-content-2.pg-our-facility, .pg-content-3.pg-our-facility {
    display: none;
}

html #swipebox-overlay {
    background: rgba(0,0,0,0.95) !important;
}

html #swipebox-overlay {
    background: rgba(0,0,0,0.95);
}

html #swipebox-bottom-bar {
    background: none !important;
}


html #swipebox-arrows {
    width: auto;
    max-width: 100%;
}

html #swipebox-next.disabled, html #swipebox-prev.disabled {
    opacity: 1 !important;
}

html #swipebox-bottom-bar, #swipebox-top-bar {
    height: 100%;
}

html #swipebox-prev {
    left: 30px;
}

html #swipebox-next {
    right: 30px;
}


html #swipebox-prev, html #swipebox-next {
    float: none;
    margin: auto;
    bottom: 0;
    top: 0;
    position: absolute;
    width: 50px;
    height: 50px;
    display: block;
    transition: all 0.3s;
    opacity: 1 !important;
}

html #swipebox-close {
    right: 25px;
    top: 13px;
}

html #swipebox-prev:hover, html #swipebox-next:hover, html #swipebox-close:hover {
  opacity: 0.5 !important;
}

.pg-our-history.pg-content-1,
.pg-about-us.pg-content-2,
.pg-about-us.pg-content-3,
.pg-ready-for-you.pg-content-2,
.pg-ready-for-you.pg-content-3 {
  display: none;
}

.pg-ready-for-you h2 {
    font-family: "mencken-std",mencken-std,sans-serif;
    font-weight: 700;
    font-size: 38px;
    color: #222;
}

.header nav ul li {
    position: relative;
}

.header nav ul li ul li a:after {
    display: none !important;
}

.header nav ul li ul {
    background: #000;
    display: block;
    position: absolute;
    top: 36px;
    left: 14px;
    text-align: center;
    border: 1px solid #222;
    border-bottom: none;
    width: 200px;
    z-index: 99;
    transition: all 0.3s;
    transform-origin: top center;
    transform: scaleY(0);
}

.header nav ul li ul li {
    display: block;
    margin: 0;
    padding: 0;
}

.header nav ul li ul li:before, .header nav ul li ul li:after {
    display: none !important;
}

.header nav ul li ul li a:before {
    display: none !important;
}

.header nav ul li ul li a:not(.btn) {
    display: block;
    padding: 8px 0;
    font-size: 15px;
    border-bottom: 1px solid #222;
    top: 0;
}

.header nav ul li ul li a:not(.btn):hover {
    background: #222;
}

.header nav ul li:hover ul {
    transform: scaleY(1);
}

.pg-content.pg-dogs h2 + p {
    margin-top: 10px;
    margin-bottom: 40px;
    color: #666;
}

.single-dog.home.page.puppy {
    display: none;
    visibility: hidden;
    opacity: 0;
}

.footer p a {
    color: #fff;
}

.footer p a:hover {
    color: #999;
}

.uldogs img {
  margin: 0 auto;
}

.cntdnw {
    text-align: center;
    padding: 40px 0 0;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 7px 0;
    z-index: 99;
}

.banner,
.page-title,
.page-title-lg {
    margin-top: 94px;
}

.header nav ul li:not(.last) a:after {
    bottom: -20px;
}

.dog-profile video {
    max-height: 300px;
    padding: 10px;
}

@media (max-width: 991px) {
  #ccm-layout-column-wrapper-22 div.ccm-layout-column,
  #ccm-layout-column-wrapper-22 div.ccm-layout-column {
    width: 100% !important;
  }
}

#puppies {
  margin: 0 0 clamp(133.33333333333334px, 10.416666666666666vw, 200px);
  padding-bottom: 0 !important;
}

.new-litters {
  height: clamp(400px, 31.25vw, 600px);
  position: relative;
  align-items: center;
  padding: 0 clamp(66.66666666666667px, 5.208333333333333vw, 100px);
}

.new-litters > .col-sm-12 {
  height: max-content;
}

.new-litters:after {
    content: '';
    position: absolute;
    right: clamp(66.66666666666667px, 5.208333333333333vw, 100px);
    top: 0;
    bottom: clamp(-55px, -2.8645833333333335vw, -40px);
    margin: auto 0;
    display: block;
    width: clamp(260.6666666666667px, 20.364583333333332vw, 391px);
    height: clamp(643.3333333333334px, 50.260416666666664vw, 965px);
    background-image: url(../i/puppy.png?v=1);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

/* UNCOMMENT THIS IF THERE ARE ACTIVE HOME PUPPIES */
.new-litters:after {
    bottom: clamp(-180px, -9.375vw, -120px) !important;
    width: clamp(200px, 15.625vw, 300px) !important;
    height: clamp(490px, 38.28125vw, 735px) !important;
}

.new-litters h2 {
  font-size: clamp(35px, 4.739583333333333vw, 91px);
  font-weight: 700;
  color: #FFF;
  letter-spacing: -1px;
  font-family: "mencken-std", mencken-std, sans-serif;
  line-height: 0.85;
  margin: 0 0 clamp(16.666666666666668px, 1.3020833333333333vw, 25px);
}

.new-litters h2 strong {
  display: block;
  color: #ddaf24;
  font-family:
}

.new-litters h2 + p {
  font-size: clamp(18px, 1.875vw, 36px);
  font-weight: 300;
  color: #CBCBCB;
  max-width: 650px;
  width: 100%;
  line-height: 1.3;
}

@media (max-width: 1199px) {
  .new-litters h2 + p {
    max-width: 400px;
  }
}

@media (max-width: 991px) {
  .new-litters {
    height: 400px;
  }
  .new-litters:after {
    bottom: -190px !important;
    right: 0 !important;
    width: 150px !important;
    height: 440px !important;
  }
}

@media (max-width: 767px) {
  .new-litters {
    padding: 0 30px;
    height: 300px;
  }
  .new-litters h2 + p {
    max-width: 215px;
  }
  .new-litters:after {
    right: 30px !important;
    bottom: -92px !important;
  }
}

@media (max-width: 500px) {
  .new-litters h2 {
    text-align: center;
  }
  .new-litters h2 + p {
    max-width: 100%;
    text-align: center;
  }
  .new-litters {
    align-items: flex-start;
    height: 340px;
  }
  .new-litters:after {
    bottom: -200px !important;
    width: 100px !important;
    height: 390px !important;
    left: 0;
    margin: auto;
    right: 0;
  }
  #puppies {
    margin: 0 0 50px;
  }
  .row.new-litters {
    padding-top: 40px;
  }
}

.footer .center {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.footer .center p {
    margin-top: 0 !important;
}

.footer .socials {
    display: flex;
    align-items: center;
    margin-left: 43px;
    grid-gap: 15px;
}

.footer .socials a {
    display: block;
    width: clamp(26px, 1.8229166666666667vw, 35px);
    height: clamp(26px, 1.8229166666666667vw, 35px);
    position: relative;
    top: clamp(3.3333333333333335px, 0.2604166666666667vw, 5px);
    transition: all 0.3s;
}

.footer .socials a:hover,
.footer .socials a:focus {
    opacity: 0.75;
    transition: all 0.3s;
}

.footer .socials i {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
}

.footer .socials i.icon-fb {
    background-image: url(../i/icon-fb.svg);
}