/* General */


body {font-family:'Alice', Arial; font-weight:normal;}
/* strong { font-family:''; font-weight:normal; } */
a {color:inherit;}

strong, th {font-family:"Avenir LT W01_85 Heavy1475544"; font-weight: normal;}

.btn {
	display: inline-block;	border: 3px solid #e0ab85;	background: #e0ab85;	padding: 10px 35px;	font-family: 'gilroy-extrabold';	font-size: 22px;	line-height: 1;	color: #ab473c !important;	text-decoration: none;
}

.button-group a, .button-group input {display: inline-block; margin-right: 15px !important;}

.btn.outline { background:none; border:3px solid #ab473c;color: #ab473c !important;}
.btn.sml { padding:9px 33px; font-size:22px;}
.hide { display:none;}
.grecaptcha-badge { opacity:0;}

#mapContact { height:400px;}
#menu:not( .mm-menu ) { 
  display: none; 
}
.button {
  display:inline-block;
  border:3px solid #ab473c;
  background:#ab473c;
  padding:20px 35px;
  font-family:'gilroy-extrabold';
  font-size:21px;
  line-height:1;
  color:#fff !important;
  text-decoration:none;
}

.button-link {background: url(../images/right-arw.png) no-repeat right center ; border-left:none; border-right:none; border-top:none; border-bottom: 1px solid #d0bcb3; padding: 0px 20px 7px 0; font-family:'gilroy-extrabold'; font-size:18px; color: #ab473c; text-decoration: none; outline: none; display: inline-block;}
.button-link:hover {border-color: #ab473c}
.horse-bg {background:url('../images/horse-border.jpg') no-repeat bottom center; padding-bottom: 20rem; position: relative;}
.horse-bg.line {border-top: 2px solid #eee}
.charity-logo {position: absolute; bottom: 0; width: 100%; text-align: right}
.charity-logo img {float: right; margin-bottom: 30px;}

.flex-row {display: -webkit-flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: space-between;

   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;

   -webkit-align-content: flex-end;
   align-content: flex-end;}

.flex-row.top {align-items: flex-start !important;}

.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width:20%;
  float:left;
  box-sizing:border-box;
  margin-bottom:25px !important;
  margin-top:5px;
}
.container.two {
  width:100%;
  float:none;
}
.container input {
  position: absolute;
  opacity: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}
.container:hover input ~ .checkmark {
  background-color: #ccc;
}
.container input:checked ~ .checkmark {
  background-color: #131430;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container input:checked ~ .checkmark:after {
  display: block;
}
.container .checkmark:after {
  top: 8px;
  left: 8px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ab473c;
}
.container.highlight-form-label {
  color:#ab473c;
}


/* Wrappers */

.wrapper {
  max-width:1500px;
  width:100%;
  margin:0 auto;
  position:relative;
}
.wrapper-sml {
  max-width:1295px;
  width:100%;
  margin:0 auto;
  position:relative;
}
.wrapper-x-sml {
  max-width:930px;
  width:100%;
  margin:0 auto;
  position:relative;
}


/* Header & Navigation */

header {  position:relative;  padding:0;}
header figure { max-width:261px;  float:left; margin-top: 20px;}
header nav { position:relative; width:60%; margin:0 auto; padding:0px; text-align:center;}
header nav ul {  margin-left:0px;}
header nav > ul > li { display:inline-block; font-size:22px; line-height:1; color:#131430; margin:0px 13px;}
header nav ul li:hover { color:#ab473c;}
header nav ul li:hover .container-drop {display: block;}
header nav ul li:first-child { padding-left:0px; margin-left:0px;}
header nav ul li:last-child { padding-right:0px; margin-right:0px;}
header nav > ul > li::after { display:inline-block; content:''; width:18px; height:10px; background:url('../images/dropdown.png') no-repeat; margin-left:10px;}

header nav ul li a { color:inherit; text-decoration:none;}
header nav > ul > li > a {display: inline-block; padding: 50px 0}
header .account-links {position: absolute; right: 0; top: 50px; max-width:260px; width:100%;}
header .account-links ul { margin-left:0px; list-style:none;  text-align:right;}
header .account-links ul li { display:inline-block; font-family:'gilroy-extrabold'; font-size:22px; line-height:1; color:#97979f; margin:0px 11px;}
header .account-links ul li:hover {color:#f0ac87;}
header .account-links ul li a {color:inherit;text-decoration:none;}
header .account-links .minicart i {font-size:22px;}

header .minicart {display:block; float:left; position:relative; color:#97979f; text-decoration:none;}
header .minicart span {position:absolute; top:-15px; right:-15px; border-radius:50%; background:#ab473c; color:#fff; padding:0; text-align: center; line-height: 20px; font-family:'gilroy-extrabold';  font-size: 12px; width: 20px; height:20px}

.sectionheader {display: block; width: 100% !important}
.container-drop ul {display: -webkit-flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: space-between;

   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;

   -webkit-align-content: flex-end;
   align-content: flex-end; text-align:left;}

.container-drop ul li {margin:10px 0; width: 45%}
.container-drop ul li a {background: url(../images/right-arw.png) no-repeat right center;
    border-bottom: 1px solid #d0bcb3;
    padding: 0px 20px 7px 0;
    font-family: 'gilroy-extrabold';
    font-size: 18px;
    color: #ab473c;
    text-decoration: none;
    outline: none;
    display: block; }

.container-drop ul li a:hover {color: #3d201c;}
.col-sm { width: 250px !important; }
.container-drop h2 {font-family:'gilroy-extrabold'; color: #3d201c; margin-bottom: 20px; font-size: 36px;}

    /* Drop Column Navigation */

.container-drop { width:100%; position: absolute; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; left: auto; right: 0; top: 122px; display: none; background: #ede8e6; padding: 0px; box-shadow: 0 2px 3px rgba(0,0,0,0.1); overflow: hidden; /* border-top: 4px solid #5a5b5d; */ z-index: 999; }
.inner { padding: 30px 45px; display: block; overflow: hidden }

.nav > ul > li > div {  }
.nav > ul > li:hover > a { }
.nav > ul > li:hover > div { display: block; }


/* Banner Styles */

#banner {position:relative; overflow: hidden; display: flex;
align-items: flex-start | flex-end | center | baseline | stretch;
flex-wrap: wrap; justify-content: center; align-items: center;
background:#1c1a1a; opacity:0;
}

#banner .col-left {width:70%;}

#banner .overlay { position:absolute; top:50%; left:10%; transform:translate(-0%, -50%); -webkit-transform:translate(-0%, -50%); -moz-transform:translate(-0%, -50%); z-index:999;}
#banner .overlay h1 {font-family:'gilroy-extrabold'; font-size:50px; line-height:62px; color:#ab473c; margin-bottom:35px;}
#banner .overlay h1 span {color:#fff;s}
#banner .overlay .btn.outline {margin-right:5px;}
#banner .col-right {width:30%; background:#1c1a1a; display: table; overflow: hidden; }
#banner .col-right section {padding:0 8%;}
#banner .col-right img { width:auto; display:block; margin:0 auto 20px;}
#banner .col-right h2 { font-size:42px; line-height:45px; color:#fff;  text-align:center;  margin-bottom:30px;}
#banner .col-right .links { text-align:center;}
#banner .col-right .links a {
  display:inline-block;
  font-family:'gilroy-extrabold';
  font-size:24px;
  color:#f0ac87;
  text-decoration:none;
  padding:0px 24px;

}
#banner .col-right .links .line {
  display:inline-block;
  width:3px;
  height:50px;
  background:#b16357;
  margin-bottom:-18px;
}


/* Homepage Content Styles */

#homepage-content { position:relative;  padding:35px 0px 0px;}
#homepage-content .wrapper { background:url('../images/save-horse-img.jpg') no-repeat bottom right;}
#homepage-content .col-6:first-child section {padding:95px 95px 95px 140px;}
#homepage-content .intro h2 { font-size:40px; line-height:44px; color:#3d201c; padding-left:20px; position: relative;}
#homepage-content .intro h2 span {content: ' '; color: #f0ac87; text-transform: uppercase; position: absolute; left: 0px; transform: rotate(90deg); transform-origin: left top 0; 
top: 10px; letter-spacing: 2px; font-family:'gilroy-extrabold'; font-size: 14px; height: 100%}
#homepage-content .intro h2 hr {background: #f0ac87; width: 1px; height: 35px; border:0; position: absolute; bottom: 5px; left: -22px}


/* Homepage Feature Boxes Styles */

#feature-boxes { position:relative; max-height: 605px; overflow: hidden;}
#feature-boxes div { position:relative;}
#feature-boxes h2 {
  position:absolute;
  top:50px;
  left:58px;
  font-family:'gilroy-extrabold';
  font-size:36px;
  line-height:33px;
  color:#fff;
  z-index:999;
}
#feature-boxes a {
  position:relative;
  display:block;
  z-index:9999;
}
#feature-boxes .hello-bubble {
  position:absolute;
  top:35%;
  left:14%;
  width:72px;
  height:63px;
  box-sizing:border-box;
  font-size:24px;
  line-height:1;
  color:#fff;
  background:url('../images/hello-bubble.png') no-repeat;
  padding:15px 0px 0px 14px;
  z-index:999;
  font-family: 'Patrick Hand', cursive;
  -webkit-font-smoothing: antialiased;
}

#feature-boxes .name-bubble {
  position:absolute;
  top:28%;
  right:5%;
  width:129px;
  height:112px;
  box-sizing:border-box;
  font-size:21px;
  line-height:18px;
  color:#d75a4a;
  letter-spacing:-0.01em;
  background:url('../images/name-bubble.png') no-repeat;
  padding:24px 0px 0px 16px;
  z-index:999;
  font-family: 'Patrick Hand', cursive;
  
}

#feature-boxes .flexslider .slides img {width: 250%; height: 100%; max-width: none;}


/* Homepage Latest News Styles */

.news-items {margin:0 40px; position: relative;}
.date-stamp {font-size: 14px; color: #afafb2; font-family: 'gilroy-light'; text-transform: uppercase; letter-spacing: 2px; transform: rotate(90deg);
  transform-origin: left top 0; position: absolute;}
#latest-news .item:nth-child(1) .date-stamp {left: -25px;}
#latest-news .item:nth-child(2) .date-stamp {position: absolute; right: -21%}

#latest-news {position:relative; padding:35px 0;}
#latest-news a {text-decoration:none;}
#latest-news .item {position:relative; box-sizing:border-box; width:50%;}
#latest-news .item:nth-child(1) {border-right: 1px solid #eee}
#latest-news article {max-width: 83%}
#latest-news .item:nth-child(2) article {float:right;}
#latest-news h2 {font-family:'gilroy-extrabold'; font-size:30px; line-height:1; color:#3d201c;text-align:center;text-transform:uppercase; margin-bottom:25px;}
#latest-news h4, #NewsPostDetailDate { font-family:"Avenir LT W01_45 Book1475508"; font-size:18px; line-height:1; color:#f0ac87; margin-bottom:15px;}
#latest-news p {font-family:"Avenir LT W01_45 Book1475508"; font-size:30px; line-height:48px;color:#3d201c; letter-spacing:0.01em;}
#latest-news figure { margin-bottom:50px; max-height: 307px; overflow: hidden;}


/* Content Pages Styles */

.content-banner {border-radius: 10px; overflow: hidden; margin-bottom: 30px; position: relative;}
.content-banner figure {max-height: 580px; overflow: hidden;}
.content-banner figure img {width: 100%}
.content-banner article {position: absolute; color: #fff; left: 0; max-width: 35%; top: 35%; padding: 0 10% !important }
.content-banner article h1 {font-family:'gilroy-extrabold'; font-size: 60px; line-height: 60px; margin-bottom: 10px;}
.content-banner.content article p {font-family:"Avenir LT W01_45 Book1475508"; font-size: 30px; line-height: 42px;}
.content-section-dark {border-radius: 10px; overflow: hidden; background: #ab473c; margin-bottom: 30px;}
.content-section-light {background: #ede8e6; border-radius: 10px; overflow: hidden; margin-bottom: 30px;}
.content-section-white.content article {text-align: center; padding:5rem 10%; max-width: 45%; margin:0 auto;}
.content-section-white.content article h2 {font-size: 60px; color: #ab473c; line-height: 60px;  font-family:"Avenir LT W01_65 Medium1475532";}
.content-section-white.content article h2:after {width: 80px; height: 3px; background: #ede8e6; margin:25px auto; display: block; content: ' '}
.content-section-white.content article p {font-size: 28px; color: #471913; line-height: 45px;}
.content-section-white.content .button {margin-top: 30px; background: #fff; color: #ab473c !important; border-bottom: 3px solid #ab473c;}
.content-section-white.content .button:hover {background: #ab473c; color: #fff !important}
.content-section.content.columns {max-width: 80%; margin:0 auto;}
.content article {padding: 10rem 10%; max-width: 35%}
.content-section-light.content > div {width: 50%}
.content-section-light.content article {padding: 10rem 15% 10rem 0; max-width: 100%;}
.content article p strong {font-family:"Avenir LT W01_85 Heavy1475544"; font-weight: normal;}
.content.basic.columns article {padding: 5rem 0; width: 45%}
.content.basic article {padding: 5rem 10%; max-width: 100%; text-align: left}
.content.basic article h2 {color: #3d201c}
.content.basic article h4 {color: #ab473c; font-size: 24px; margin:10px 0; line-height: 36px;}
.content.basic article p {margin-bottom: 20px; line-height: 30px;}

.content.basic .button, .content.basic .button-link {margin: 20px 0;}

.content article blockquote:before {content: ' '; display: block; width: 100%; position: absolute; height: 100%; background: url(../images/quote-bg.jpg) right top; z-index: 1; opacity: 0.5}
.content article blockquote {max-width: 70%; margin:40px auto; position: relative; height: auto;}
.content article blockquote p, .content.basic article blockquote p {font-family:'Alice', Arial; text-align: center; font-size: 40px; line-height: 47px; position: relative; z-index: 500; padding: 45px 0 25px; display: block; color: #ab473c}
.content h5 {font-family: 'Patrick Hand', cursive; color: #d75a4a; font-size: 21px; margin:10px 0;}

.content p a, .content li a, .content article h3 a {text-decoration: none; border-bottom: 2px solid #ab473c; font-family:"Avenir LT W01_85 Heavy1475544"; color: #ab473c}

.content article h2 {font-family:'gilroy-extrabold'; font-size:48px; line-height: 48px; margin-bottom: 10px;}
.content article h3 {font-size: 30px; line-height: 42px; font-family:"Avenir LT W01_45 Book1475508"; margin-bottom: 20px; color: #471913}
.content article h3 a {}
.content article p {font-family:"Avenir LT W01_45 Book1475508"; font-size: 18px; line-height: 30px; margin-bottom: 15px;}
.content article h4 {font-size: 60px; color: #3d201c; line-height: 60px;  font-family:"Avenir LT W01_65 Medium1475532"; margin-bottom: 0}
.content article small {color: #ab473c; text-transform: uppercase;  font-family:"Avenir LT W01_65 Medium1475532";}
.content-section-light.content h3 {font-size: 28px;}

.content ul {list-style: none; margin:0 30px 30px; padding: 0; font-family:"Avenir LT W01_45 Book1475508"; font-size: 18px; line-height: 30px;}
.content ul li {position: relative; margin-bottom: 5px;}
.content ul li:before {content: ' '; background: url(../images/right-arw.png) no-repeat left; width: 20px; height: 10px; display: inline-block; position: absolute; left: -20px; top: 10px;}
.content li strong {font-family:"Avenir LT W01_85 Heavy1475544"; font-weight: normal;}

.content-section-dark.horse-faded {background: url(../images/horse-bg-faded.jpg) right top no-repeat #ab473c; background-size: contain; min-height: 500px;}
.content-section-dark.content h2,.content-section-dark.content h3, .content-section-dark.content p {color: #fff;}
.content-section-dark.horse-faded .button-link {color: #fff; background: url(../images/right-arrow.svg) no-repeat right 40%; background-size: 13px; padding-right: 30px; border-bottom: 2px solid #722f25}
.content-section-light.content .button {margin-right: 30px;}

.content-section .media {}
.content-section .media i {font-size:45px; margin-right:30px; color:#131430;}

.boxes-grid > div {width: 19%; background:#ab473c; border-radius: 10px; margin-bottom: 15px;}
.boxes-grid > div:hover {background: #722f25}
.content.basic .boxes-grid > div h2 {color: #f0ac87; font-size: 36px; line-height: 36px; }
.content.basic .boxes-grid article {padding: 50px; min-height: 270px; position: relative;}
.content.basic .boxes-grid > div h2:after {background:#b16357; margin:20px 0;}
.boxes-grid a {text-decoration: none; color: inherit;}
.more {font-family:'gilroy-extrabold'; color: #fff; text-align: left; display: block; font-size: 18px; background: url(../images/right-arrow.svg) right no-repeat; width: 50%; position: absolute; bottom: 50px;}

#accordion h4 {cursor: pointer; margin:0; border-bottom: 2px solid #eee; display:block; padding: 25px 50px 25px 0; line-height:24px; cursor:pointer; position: relative}
#accordion h4:after { content: ' '; background: url(../images/right-arrow.svg) no-repeat; position: absolute; right:0; top:35%; width: 30px; height: 30px;  -webkit-transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;}
#accordion h4:hover:after {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
#accordion > div {padding: 30px 0}
#accordion ul {}

#accordian {
  
  margin: 0;
  color: white;
  /*Some cool shadow and glow effect*/
  
}

/*list items*/
#accordian li {
  list-style-type: none;
}
/*links*/
#accordian ul ul li a {
  
  transition: all 0.15s;
}
/*hover effect on links*/
#accordian ul ul li a:hover {
  
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
  display: none;
}
#accordian li.active ul {
  display: block;
}

.supporter-logos p {display:flex; flex-wrap:wrap; justify-content:space-between; position:relative;}
.supporter-logos a {position:relative; display:block; width:24%; padding:40px; border:1px solid #eee; margin-bottom:20px; box-sizing:border-box; transition:ease 0.8s; border-radius: 10px;}
.supporter-logos a:hover {border-color:#ccc;}
.supporter-logos img {display:block; width:auto;  height:auto; max-height:140px; margin:0 auto; transition:all 0.8s ease-in-out; -webkit-filter: none; -moz-filter: none; -o-filter: none; -ms-filter: none; filter: none; opacity:1;}
.supporter-logos a:hover img {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); opacity:0.4;}
.supporter-logos a::after {content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); width:49px; height:35px; opacity:0; transition:ease 0.8s;z-index:9999;}
.supporter-logos a:hover::after {opacity:1;}


/* Horses Styles */

#heading {background:#ab473c; padding:38px 0px; text-align:center;}
#heading h1 {position:relative; display:inline-block; font-size:60px; font-family: 'Avenir LT W01_95 Black1475556'; line-height:1; color:#fff;}
#heading h1::before {content:''; display:block; position:absolute; left:-72px; top:8px; background:url('../images/big-heart.png') no-repeat center center; background-size:100%; width:47px; height:45px;}
#heading p {margin-top:15px; color:#fff; padding:0 20%;}
#heading .btn {font-size:18px; padding:10px 25px; margin:0px 5px; border-radius:6px;}

#content.horses {padding:45px 0px 100px;}

#content.horses .full {padding-bottom:40px; background:url('../images/save-horse-img-sml.jpg') no-repeat bottom right;}
#content.horses .text {max-width:50%;}
#content.horses h2 {font-family:'Avenir LT W01_95 Black1475556'; font-size:24px; line-height:1; color:#d75a4a; margin-bottom:20px;}
#content.horses h2::before {display:inline-block; content:''; height:20px; width:21px; margin-right:10px; background:url('../images/heart.png') no-repeat center center; background-size:cover;}
#content.horses h3 {font-family:'Avenir LT W01_45 Book1475508'; font-size:30px; line-height:42px; color:#131430;}
#content.horses .text p {font-family:'Avenir LT W01_45 Book1475508'; font-size:15px; line-height:24px; margin-bottom:10px;}
#content.horses p.results {font-size:30px; margin:0 auto; text-align:center;}

#content.horses .grey-bg {background:#f1f1f1; border-radius:5px;}
#content.horses .grey-bg .inside {padding:65px;}

#content.horses .horse {position:relative; width:19%; margin-bottom:40px;}
#content.horses .horse figure {position:relative; width:212px; height:212px; overflow:hidden; border-radius:20%; margin:0 auto 30px;}
#content.horses .horse img {position:absolute; top:50%; left:50%; max-width:150%; min-width:100%; min-height:100%; margin:0px auto 25px; transition:all 0.4s ease-in-out; -webkit-filter: none; -moz-filter: none; -o-filter: none; -ms-filter: none; filter: none; opacity:1; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}
#content.horses .horse:hover img {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); opacity:0.4;}
#content.horses .horse figure::after {content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); width:49px; height:35px; background:url('../images/right-arw-blue.png') no-repeat center center; opacity:0; transition:ease 0.6s;z-index:9999;}
#content.horses .horse:hover figure::after {opacity:1;}
#content.horses .horse a {text-decoration:none;}
#content.horses .horse h4 {font-family:'Avenir LT W01_85 Heavy1475544'; font-size:20px; line-height:1; color:#3d201c; text-align:center; margin-bottom:8px;}
#content.horses .horse p {font-family:'Avenir LT W01_45 Book1475508'; font-size:16px; line-height:1; color:#515154; text-align:center; text-transform:uppercase;}

#success-story {position:relative; padding:100px 0px;}
#success-story .wrapper-x-sml {display:flex; justify-content:space-between;}
#success-story .image {width:30%;}
#success-story .image figure {border-radius:50%; overflow:hidden; height:285px; box-shadow:0px 10px 25px 0px rgba(0, 0, 0, 0.2);}
#success-story .image figure img {height:100%; max-width:250%;}
#success-story .story {width:65%;}
#success-story .story h2 {font-family:'Avenir LT W01_45 Book1475508'; font-size:60px; line-height:1; color:#d75a4a; margin-bottom:10px;}
#success-story .story h3 {font-family:'Avenir LT W01_65 Medium1475532'; font-size:16px; line-height:1; color:#f0ac87; text-transform:uppercase; letter-spacing:0.025em; margin-bottom:30px;}
#success-story .story p {font-family:'Avenir LT W01_35 Light1475496'; font-size:36px; line-height:46px; color:#131430; margin-bottom:18px;}
#success-story .story .btn {border:2px solid #d75a4a; background:#d75a4a; font-family:'Avenir LT W01_95 Black1475556'; font-size:21px; line-height:1; color:#fff; letter-spacing:-0.025em; padding:22px 28px;}
#success-story .story .view {position:relative; display:inline-block; font-family:'Avenir LT W01_95 Black1475556'; font-size:18px; line-height:1; color:#131430; text-decoration:none; padding-bottom:8px; border-bottom:1px solid #d5e2f2; margin-left:20px;}
#success-story .story .view::after {position:relative; display:inline-block; content:''; height:11px; width:13px; background:url('../images/right-arw.png') no-repeat center center; margin-left:12px;}

.horse-wrapper {max-height: 500px; overflow: hidden;}

.horse-image {width: 50%}
.horse-gallery {margin-bottom: 40px; margin-left: -5px; margin-right: -5px; overflow: hidden;}
.horse-gallery > div {margin: 5px; float: left;}
.horse-gallery img {display: inline-block; width: auto; height: 200px; border-radius: 10px; margin-right: 10px;}
.content.basic article .horse-info {}
.content.basic article .horse-info p {margin-bottom: 5px;}
.horse-one {width: 50%;}
.horse-two {width: 40%; background: #ab473c; border-radius: 10px; color: #fff}
#content .horse-two h3 {color: #f0ac87; font-family: 'Patrick Hand', cursive;}
.horse-info {padding: 40px;}
#content .horse-one h2 {font-size: 46px; color: #3d201c; letter-spacing: -1px}
#content .horse-one h2:before {display: none}

.horse-wrapper h1 {font-size: 80px; color: #3d201c; line-height: 80px;  font-family:"Avenir LT W01_65 Medium1475532"; margin-bottom: 20px}
.horse-intro {width: 50%;}
.horse-intro article {padding: 4rem; }
.horse-intro p {line-height: 42px;
    font-family: "Avenir LT W01_45 Book1475508";
    margin-bottom: 20px;
    color: #471913; font-size: 28px;}


hr.line {height: 2px; background:#eee; border:0; margin:30px 0;}

/* Shop Styles */

.submenu {background: #ab473c; text-align: center;}
.submenu ul {list-style: none; margin-left:0px;}
.submenu li {display: inline-block;}
.submenu li a  {font-family: 'gilroy-extrabold'; font-size: 18px; line-height: 24px; color: #fff; padding: 30px 20px; display: block; text-decoration: none}

#content.catalogue {padding:50px 0px;}
#content.catalogue h2 {font-family: 'gilroy-extrabold'; font-size:45px; color:#722f25; line-height:1; margin-bottom:10px;}
#content.catalogue h3 {font-family:"Avenir LT W01_45 Book1475508"; font-size:26px; color:#ab473c; line-height:1; margin-bottom:10px;}
#content.catalogue p {font-family:"Avenir LT W01_45 Book1475508"; font-size:16px; line-height:22px; margin-bottom:20px;}

#content.catalogue .product-box {max-width:24%; padding:40px; box-sizing:border-box; border:1px solid #eee; text-align:center; border-radius: 10px;}
#content.catalogue .product-box a {text-decoration:none; color:inherit;}
#content.catalogue .product-box h2 {font-family:'Avenir LT W01_45 Book1475508'; font-size:24px; line-height:26px; color:#722f25; margin-top: 25px;}
#content.catalogue .product-box p {font-family:'Avenir LT W01_45 Book1475508'; font-size:18px; line-height:1; color:#ab473c; text-transform:uppercase; margin-top:15px;}

#content.catalogue .col-5 section {padding:50px;}
#content.catalogue #product_cart .qty {width: 15%}
#content.catalogue #product_cart .select {width: 80%}
#content.catalogue #product_cart .flex-row {margin-bottom: 25px;}
#content.catalogue #product_cart .flex-row > div {}
#content.catalogue #product_cart .qtyFields {text-indent:initial; text-align:center;}
#content.catalogue #product_cart select {margin-bottom:0px; text-indent:15px; text-align:left; background:url('../images/dropdown.png') no-repeat 90% center; cursor:pointer;}
#content.catalogue #product_cart .select select {max-width: none}


#pagination {position:relative; padding:55px 0px; border-bottom:1px solid #eee;}
#pagination ul {margin-left:0px; text-align:center;}
#pagination ul li {display:inline-block; font-family:'Avenir LT W01_95 Black1475556'; font-size:32px; line-height:1; color:#93939a; margin:0px 20px;}
#pagination ul li:hover, #pagination ul li.active {color:#3d201c;}
#pagination ul li a {color:inherit; text-decoration:none;}
#pagination ul li.next {color:#d75a4a;}

/* Cart Styles */

#content.cart {padding:50px 0px;}
.cart .flex {display:flex; justify-content:space-between;}

.membership-alert {display: block;margin:10px; background:#eee; padding: 10px; text-align: center; font-size: 24px; font-family:"Avenir LT W01_85 Heavy1475544";}
.membership-alert .button {display: inline-block; padding: 7px 15px; font-size: 18px; margin-left: 20px;}
.membership-alert strong {font-weight: normal; color: #722f25}

.no-items {max-width: 400px; margin:0 auto; padding: 5rem 0 2rem}
.no-items p {font-size: 24px; margin-bottom: 30px; text-align: center;}
.no-items .button {text-align: center;}

.cart-bx {width: 30%}
.cart-bx h3 { font-family:'Avenir LT W01_95 Black1475556'; color: #722f25; padding-bottom: 10px; font-size: 20px;}
.cart-bx > article {border-top: 2px solid #722f25; width: 100%; padding-top: 15px;}
.cart-bx form {padding:0px;}

.cart-row {border-bottom: 1px solid #ccc; padding: 20px 0}
.cart-row figure {max-width: 95px;}
.cart-row article {width: 67%; font-size: 14px; font-family: "Avenir LT W01_45 Book1475508";}
.cart-row article strong { font-family:"Avenir LT W01_85 Heavy1475544";font-size: 18px; line-height: 23px; display: block; color: #131430; text-transform: none }
.cart-row article strong a {text-decoration: none; color: inherit;}
.cart-row article p {text-transform: uppercase; line-height: 21px;}
.cart-row article p.gift-info {text-transform: none;}
.cart-row article p.gift-info strong {font-size:14px; line-height:20px; display:inline;}

.cart-qty {font-size: 16px; margin-top: 15px;}
.cart-qty .quantity {width: 105px !important}
.cart-qty a {width: 57%; font-size: 18px; line-height: 40px; display: block;}
.cart-qty a:hover {color: #131430}
.cart-qty span.price {display: block; line-height: 45px; color: #131430}


.quantity {position: relative;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{-webkit-appearance: none; margin: 0;}

input[type=number]
{-moz-appearance: textfield;}

.quantity input { width: 65px;height: 42px; line-height: 1.65; float: left; display: block;  padding: 0; margin: 0; padding-left: 20px; border: 1px solid #eee; font: 400 11px system-ui;}
.quantity input:focus {outline: 0;}
.quantity-nav { float: left; position: relative; height: 42px;}

.quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #eee;
  width: 20px;
  text-align: center;
  color: #333;
  font-size: 13px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 1.7;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;outline: none
}

.quantity-button.quantity-up {position: absolute; height: 50%;  top: 0; border-bottom: 1px solid #eee;}
.quantity-button.quantity-down {position: absolute; bottom: 0px; height: 50%; line-height: 19px;}

.cart-bx .form-bx {padding:15px 0; text-align: left;}
.cart-bx .form-bx .field label {top: -15px;}
.cart-bx .form-bx input {margin-bottom: 18px;}
.forgot {text-decoration: none; border-bottom: 1px solid #909090; color: #909090; font-size: 14px; text-align:center;}
.cart-bx h5 {font-weight: 700; font-family: "sofia-pro",sans-serif; color: #131430; font-size: 22px; margin-bottom: 10px;}
.guest h5 {margin-top: 25px;}
.cart-bx h6 {font-family:'Avenir LT W01_95 Black1475556'; text-transform: uppercase; margin:0 0 20px 0; letter-spacing: 3px; font-weight: normal; color: #ab473c; text-align:center;}
.guest p {font-size: 16px; font-family: "Avenir LT W01_45 Book1475508"; line-height: 21px;}
.guest .button {font-size: 16px; padding: 15px 0; background: #3f6bad}

.order-bx, .delivery-bx, .pay-bx {border: 2px solid #d4d6d7; margin-top: 15px; padding: 20px 25px;}
.order-bx > div {width: 50%; line-height: 30px; }
.order-bx strong, .delivery-bx strong {font-weight: 700; font-family: "sofia-pro",sans-serif; color: #131430; margin-top: 10px; display: block;}
.delivery-bx strong {margin-top: 0}
.delivery-bx {position: relative; margin-bottom:20px;}
.delivery-bx p {line-height: 24px;}
.delivery-bx .edit {position: absolute; text-transform: uppercase; font-weight: 900; font-family: "sofia-pro",sans-serif; right: 14px; top: 8px; text-decoration: none; color: #888; font-size: 15px;}
.delivery-bx .edit:hover {color: #131430;}
.text-right {text-align:right;}

form .field textarea {border:2px solid #d4d6d7;}

.pay-bx {padding:0; border-color: #3d201c }
.pay-bx label {text-align: center; display: block; padding:10px 0; text-transform: uppercase; font-weight: 700; font-family: "sofia-pro",sans-serif; color: #fff; background: #3d201c; margin-bottom:0px;}
.pay-bx label.container {margin:0; margin-bottom:0px !important; background: none; padding: 20px 0 10px;}
.pay-bx label.container.highlight-form-label .checkmark {background:rgba(171, 71, 60, 0.08); border:1px solid #ab473c;}
.pay-bx .border-bx {margin:0 -1px -1px; border-color: #3d201c}
.pay-bx .border-bx .checkmark {left: 20px; top: 20px;}
.pay-bx .paypal {margin-left: 55px;}
.pay-bx .stripe {margin-left: 55px;}

.border-bx {border:1px solid #eee;}
.border-bx .container:hover {background: #eee;}
.border-bx .container:hover img {mix-blend-mode: multiply;}
.border-bx > label {width: 50%; text-align: center; margin: 0; padding: 20px 20px 15px 20px;}
.border-bx > .first {border-right: 1px solid #eee}
.border-bx .checkmark {position: absolute; top: 20px; left: 20px;}

#paymentForm .paypal {margin-left:40px;}
#paymentForm .stripe {margin-left:35px;}

.button.secure {border:0; text-align: center; width: 100%; font-size: 21px; margin-top: 15px;}
.terms {text-align: center; font-size: 14px; padding: 15px 0; line-height: 21px; color: #888; }

.form-bx select {border-width: 2px; margin-bottom: 18px;}
.form-bx .field .cd-filter-block {margin-top: 10px; margin-bottom: 2.6em;}
.form-bx .field .cd-filter-block label {left:0; padding-left: 40px; letter-spacing: 0; text-transform: none;}

.paypal {display: inline-block; width: 90px; margin-top: -2px; margin-left: 5px;}
.stripe {display: inline-block; width: 80px; margin-top: -3px;}

label.container { font-size: 18px; text-align:left;}

.coupon-field {position: relative; margin-top: 15px;}
.coupon-field input[type="submit"] {position: absolute; width: auto; bottom:0; padding: 0 20px; background: #d4d6d7; border:0; color: #131430; letter-spacing: 1px; text-indent: 0; right: 0; text-align: center; height: 57px; font-size: 13px; text-transform: uppercase; font-weight: 700; font-family: "sofia-pro",sans-serif;}
.coupon-field input {border-width: 2px !important;}
.coupon-field:hover input {border-color: #131430}
.coupon-field:hover input[type="submit"] {background: #131430; color: #fff;}

#cart_container .button {margin-top: 25px;}

.columns-2 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    align-self: flex-start;
}

#news {display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left:-2rem;}
#news article {padding:2rem 10%;}
#news a {text-decoration:none;}
#news .item {width:33%; box-sizing:border-box;}
#news .item .date {display:block; font-size: 14px; color: #afafb2; font-family: 'gilroy-light'; text-transform: uppercase; letter-spacing: 2px; margin-top:20px;}



/* Table Styles */

.table {border-top:2px solid #ab473c;}
.table th { font-size:20px; line-height:20px; color:#242525;}
.table th, .table td { padding:8px 12px; border-bottom: 1px solid #eee}
.content.basic article .table td p {margin-bottom: 0}


/* Forms */
.content.basic article.mini-wrapper {max-width: 700px; margin: 0 auto}
form { padding:20px 0 0 0; }
form .flex > div {width: 49%; margin-bottom: 5px; position: relative;}
form .wide {width: 100%; display: block; margin-bottom: 5px; position: relative;}
form label, .coupon-field label {display: block; font-size: 14px; margin-bottom: 7px; font-family: "Avenir LT W01_85 Heavy1475544"; color: #3d201c; font-size: 16px;}
form input, .coupon-field input {border:1px solid #d4d6d7; padding: 15px 0; text-indent: 15px; width: 100%;     font-family: "Avenir LT W01_45 Book1475508"; font-size: 16px; box-sizing:border-box;}
form textarea {border:1px solid #d4d6d7; padding: 15px 0; text-indent: 15px; width: 100%;     font-family: "Avenir LT W01_45 Book1475508"; font-size: 16px; height: 80px;}
form select {border:1px solid #d4d6d7; padding: 15px 0; text-indent: 15px; width: 100%;     font-family: "Avenir LT W01_45 Book1475508"; font-size: 16px; border-radius: 0; background: #fff url(../images/dropdown.png) 95% 50% no-repeat; color: #53595e;}

.form .btn {margin-top: 20px;}

.form {
  position:relative;
  display:block;
}
.form label {
  display:block;
  font-size:18px;
  margin-bottom:8px; font-family: 'gilroy-extrabold'; color: #131430
}
.form .combined {
  width:50%;
  float:left;
}
.form input[type=text], .form input[type=password], .form input[type=email], .form  textarea, .form select {
  width:100%;
  padding:15px 0;
  text-indent: 15px;
  border:1px solid #ccc;
  margin-bottom:20px;
  font-family:"Avenir LT W01_45 Book1475508";
  font-size:18px;
  line-height:1;
}

.form input:focus {border-color: #ab473c}


.form textarea {min-height: 150px;}

.form .combined input[type=text], .form .combined input[type=password], .form .combined input[type=email], .form .combined  textarea, .form .combined select {
  width:92%;
  padding:10px 4%;
}
.form select {
  width:100%;
}
.form .check {
  margin:20px 0px;
}
.form .check label {
  float:left;
}
.form .check input[type=checkbox], .form .check input[type=radio] {
  float:left;
  margin: 3px 10px 0px 0px;
}
.form input.submit {
  margin-top:20px;
}

.form .flex-row > div {width: 49%}

#adoption-form .check {float:left; width:20%;}
#adoption-form .check input {width:auto;}
#adoption-form {max-width: 900px; margin:0 auto;}
#adoption-form label.container {width: auto; margin-right: 25px; font-family: "Avenir LT W01_45 Book1475508";}
.field-note {font-size: 14px !important; margin-top: -20px; background: #ab473c; color: #fff; padding: 7px 20px; line-height: 18px !important}

/* Validation Styles */


#newsletter-signup {}
#newsMessage {color:#fff;}
#newsMessage.highlight_message {margin-top:10px;}


/* Footer */

footer {position:relative; background:#1c1a1a;}
footer p.highlight { font-family:'gilroy-extrabold'; font-size:18px; line-height:24px; color:#fff; padding: 50px 0; text-align:center; border-bottom: 1px solid #b55b51; -webkit-font-smoothing: antialiased;}
footer p.copyright {font-family:"Avenir LT W01_45 Book1475508"; font-size:15px; color:#ca746b; padding:20px 0px;text-align:right;}
footer p.copyright a {text-decoration: none}

footer h2 {
  font-family:'gilroy-extrabold';
  font-size:30px;
  line-height:1;
  color:#fff;
  margin-top:65px;
}
footer h2 img {
  display:inline-block;
  margin-right:10px;
}

footer .flex { display: flex;}

footer .flex > ul {
 
  margin-left:0px;
  float:left;
  list-style:none;
  margin:50px 90px 50px 0;
}
footer ul li {
  font-family:"Avenir LT W01_45 Book1475508";
  font-size:16px;
  line-height:1;
  color:#fff;
  margin-bottom:13px;
}
footer ul li a {
  color:inherit;
  text-decoration:none;
}

footer ul li a:hover {color: #ca746b}

footer .links {border-top: 1px solid #b55b51;}
footer .links ul {width: 100%; margin:0; padding: 0}
footer .links > div {
  width:50%;
}

.links li {
  display:inline-block;
  padding-right:30px;
  font-size:15px; margin:0;
  color: #ca746b
}

.links li.legal { font-family:'gilroy-extrabold'; font-size: 17px; color: #fff; -webkit-font-smoothing: antialiased;}

footer .links a {color: #ca746b}
footer .media {
  margin-top:50px;
}
footer .media i {
  font-size:40px;
  color:#fff;
  margin:0px 13px;
}

footer .media a:hover i {color: #f0ac87}
footer hr {
  border:none;
  width:100%;
  height:1px;
  background:#a25b50;
  
}
footer form {
  margin-top:10px;
  border-bottom:3px solid #722f25;
  display: flex
}
footer form input {
  width:40%;
  background:none;
  border:none !important;
  font-family:"Avenir LT W01_45 Book1475508";
  font-size:15px;
  color:#fff;
  padding:15px 0;
}
footer form button {
  float:right;
}

.newsletter .btn {position: absolute; right: 0; font-size: 15px; padding: 7px 10px; line-height: 1}

/* Error Styles */

#systemMessage {
  background:#ab473c;
  font-size:18px;
  
  line-height:1;
  color:#fff;
  
  text-align:center;
  letter-spacing:0;
  
}
#systemMessage.highlight_message {
  margin-bottom:20px;
  padding:8px 20px;
}
.highlight-form-field {
  border:1px solid #ab473c !important;
  color:#ab473c !important;
  background:rgba(171, 71, 60, 0.08);
}
.highlight-form-label {
  color:#ab473c;
}

#newsletter-signup .highlight-form-field {
  color:#722f25 !important;
}

::-webkit-input-placeholder {color: #ca746b;}
::-moz-placeholder {color: #ca746b;}
:-ms-input-placeholder {color: #ca746b;}
:-moz-placeholder {color: #ca746b;}


.highlight-form-field::-webkit-input-placeholder {color: #ab473c;}
.highlight-form-field::-moz-placeholder {color: #ab473c;}
.highlight-form-field:-ms-input-placeholder {color: #ab473c;}
.highlight-form-field:-moz-placeholder {color: #ab473c;}

#newsletter-signup .highlight-form-field::-webkit-input-placeholder {color: #722f25;}
#newsletter-signup .highlight-form-field::-moz-placeholder {color: #722f25;}
#newsletter-signup .highlight-form-field:-ms-input-placeholder {color: #722f25;}
#newsletter-signup .highlight-form-field:-moz-placeholder {color: #722f25;}



/* Mobile Menu */

.mobmenu {
  display: none;
  background-color: #ab473c; 
  color: #fff; 
  padding: 5px 10px; 
  font-size: 16px; 
  margin-top:28px;
  margin-bottom: 0px; 
  float:right;
}
#page { 
  display: block; 
  background-color: #fff; 
}
a.menu-icon { 
  font-size: 30px; 
  color: #fff; 
  text-decoration:none;
}


/* Responsive */

@media screen and (max-width:1500px) {
  
  .wrapper {width:95%;}
  
  header nav > ul > li {font-size:15px; margin:0px 8px;}
  header nav > ul > li::after {width: 14px; height: 8px; background-size:100%;}
  .container-drop {top:115px;}
  
  #banner .overlay h1 {font-size:50px; line-height:52px;}
  #banner .col-right h2 {font-size:32px; line-height:35px;}
  #banner .col-right .links a {font-size:20px; padding:0px 14px;}
  #banner .col-right .links .line {margin-bottom:-25px;}
  
  #feature-boxes {max-height:500px;}
  #feature-boxes > div {width: 100%}
  
  #pagination ul li {font-size:28px;}
  
}


@media screen and (max-width:1350px) {
  
  #homepage-content .col-6:first-child section {padding:100px 40px;}
  
  #feature-boxes {max-height:450px;}
  
  #content.horses .horse {width:25%;}
  
}

@media screen and (max-width:1280px) {
  
  .content-banner article {top:25%; max-width:45%;}
  
}

@media screen and (max-width:1100px) {
  
  nav:not(.mm-menu) {display:none;}
  .mobmenu {display:block;}
  
  header figure {margin:20px 0px 20px;}
  header .account-links {top:40px; right:60px;}
  
  #banner .col-right img {width:50px;}
  #banner .col-right h2 {font-size:25px; line-height:30px;}
  
  .content article {padding:5%; max-width:65%;}
  .content-banner article  {padding:0px 5% !important; top:15%;}
  
  .content.basic .boxes-grid article {padding:30px;}
  .content.basic .boxes-grid > div h2 {font-size:25px; line-height:1;}
  
  .more {width:70%;}
  
  #content.horses .horse {width:33%;}
  
}


@media screen and (max-width:800px) {
  
  header figure {float:none; margin:20px auto 0px;}
  header .account-links {position:relative; top:auto; left:auto; right:auto; padding:40px 0px;}
  header .account-links {float:left; width:75%;}
  header .account-links ul li {font-size:16px;}
  
  #banner .col-left, #banner .col-right {width:100%;}
  #banner .overlay h1 {font-size:20px; line-height:25px; margin-bottom:20px;}
  #banner .overlay .btn {font-size:12px; padding:10px 20px;}
  #banner .col-right section {padding:40px 30px;}
  #banner .col-right h2 {font-size:22px; line-height:26px;}
  #banner .col-right .links a {font-size:15px; padding:0px 10px;}
  #banner .col-right .links .line {width: 2px; height: 30px; margin-bottom: -10px;}
  
  .content article blockquote {max-width:100%;}
  .content article blockquote::before {background-size:100%;}
  .content article blockquote p, .content.basic article blockquote p {font-size:30px; line-height:35px;}
  
  #content.horses .horse {width:50%;}
  
}

@media screen and (max-width:750px) and (min-width:450px) {
  
  .pay-bx .border-bx {display:block;}
  .pay-bx label.container {float:none; width:100%;}
  .border-bx > .first {border-right:none; border-bottom:1px solid #eee;}
  .pay-bx .border-bx .checkmark {margin-left:0px !important;}
  
}


@media screen and (max-width:450px) {
  
  .wrapper {width:90%;}
  
  #homepage-content .wrapper {background:none;}
  #homepage-content .col-6:first-child section {padding:20px 0px 40px;}
  #homepage-content .intro h2 {font-size:30px; line-height:35px; padding:0px;}
  #homepage-content .intro h2 span {display:none;}
  .content article h2 {font-size:40px; line-height:1;}
  
  #feature-boxes {max-height:initial;}
  
  #latest-news .item {width:100%; margin-bottom:20px;}
  #latest-news .item:nth-child(1) {border:none;}
  #latest-news article {max-width:90%;}
  #latest-news p {font-size:25px; line-height:35px;}
  #latest-news figure {margin-bottom:20px;}
  #latest-news .item:nth-child(2) article {float:none;}
  #latest-news .item:nth-child(2) .date-stamp {right:auto; left:-10%;}
  .news-items {margin: 0 0px 0px 40px;}
  
  .submenu li {display:block;}
  .submenu li a {padding:15px 0px;}
  
  #heading h1 {font-size:40px;}
  
  .content article {padding: 2rem; max-width: 100%;}
  
  .content-section-light.flex-row {display:block;}
  .content-section-light.content article {padding:2rem;}
  .content-section-light.content > div {width:100%;}
  .content-section-white.content article {padding:2rem; max-width:100%;}
  
  .content-banner article {max-width:95%; top:15%;}
  .content-banner article h1 {font-size:40px; line-height:1;}
  .content-section.content.columns {max-width:100%; display:block;}
  .content.basic.columns article {width:100%; padding:2rem 0;}
  .content.basic article {padding:2rem 0px;}
  
  #content.horses .grey-bg .inside {padding: 40px 30px; display: block;}
  #content.horses .horse {width:100%;}
  
  .horse-wrapper h1 {font-size:50px; line-height:1;}
  .horse-intro article {padding:2rem;}
  .horse-one, .horse-two, .horse-image, .horse-intro {width:100%;}
  .horse-one .btn {margin-bottom:20px;}
  
  #content.catalogue .product-box {max-width:49%; padding:20px;}
  #content.catalogue .product-box h2 {font-size:15px; line-height:22px;}
  #content.catalogue .col-5 section {padding:40px 0px;}
  #content.catalogue h2 {font-size:40px;}
  
  .cart .flex {display:block;}
  .cart-qty.flex {display:flex;}
  .cart-bx {width:100%; margin-bottom:40px;}
  
  .pay-bx .border-bx .checkmark {left:10px;}
  .pay-bx .paypal, .pay-bx .stripe {margin-left:45px;}
  .pay-bx .border-bx {display:flex;}
  
  footer .flex > ul {margin:20px 10px;}
  footer ul li {font-size:11px;}
  footer h2 {font-size:20px; margin-top:30px;}
  footer .media {margin:30px 0px;}
  footer .media i {font-size:30px;}
  footer .links > div {width: 100%;}
  footer .links ul {margin-top:20px;}
  footer p.copyright {text-align:center;}
  footer form input {font-size:10px;}
  .newsletter .btn {font-size:10px;}
  footer p.highlight {padding:30px 0px;}
  
  .btn {font-size:20px;}
  
  .boxes-grid > div {width:48%;}
  .content.basic .boxes-grid > div h2 {font-size:20px;}
  .content.basic .boxes-grid article {min-height:150px;}
  .more {font-size:14px;}
  
  .content-banner article h1 {font-size:20px;}
  .content-banner.content article p {font-size:14px; line-height:1.1;}
}


@media screen and (max-width:350px) {
}


.box-loadong {
   width: 100%; height: 100%;  position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.5);   z-index: 99995;
}

.box-loadong .b {
  border-radius: 50%;
  border-left: 4px solid;
  border-right: 4px solid;
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ro 2s infinite;
}

.box-loadong .b1 {
  border-color: #b55b51;
  width: 120px;
  height: 120px;
}

.box-loadong .b2 {
  border-color: #3d201c;
  width: 100px;
  height: 100px;
  animation-delay: 0.2s;
}

.box-loadong .b3 {
  border-color: #131430;
  width: 80px;
  height: 80px;
  animation-delay: 0.4s;
}

.box-loadong .b4 {
  border-color: #FFFFFF;
  width: 60px;
  height: 60px;
  animation-delay: 0.6s;
}

@keyframes ro {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  
  50% {
    transform: translate(-50%, -50%) rotate(-180deg);
  }
  
  100% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
}



/* MODAL */
.white-content {background-color: #fff;position:relative;border-radius: 2px; margin:10px; padding: 10px; box-sizing: border-box;-webkit-box-shadow: -1px 10px 26px -9px rgba(0,0,0,0.2); -moz-box-shadow: -1px 10px 26px -9px rgba(0,0,0,0.2); box-shadow: -1px 10px 26px -9px rgba(0,0,0,0.2);}
.modal-background{display:none;position: fixed;background: #000;opacity: 0.7;width: 100%;height: 100%;z-index: 90;top:0;left:0;}
.modal-content {display:none;max-width: 700px;position: absolute;top:25%;left:0 ;right: 0;z-index: 99;margin: 0 auto;padding: 50px; box-sizing: border-box; text-align: center;}
.modal-content .title { text-align: center; font-size: 25px; margin-bottom: 0px; }
.modal-content p {margin-bottom: 30px;}
.modal-content .button {margin:0 5px 0;}
.modal-content .close { position: relative; margin-top:-80px; margin-right: -80px; width: 20px;float: right; }
.modal-content.show, .modal-background.show{display: block; position: fixed;}



@keyframes circle-rotate {
  from {
    transform: rotate(0deg);
  }
  
  to {
    transform: rotate(360deg);
  }
}
@keyframes circle-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.loading-icon {
  width: 50px;
  height: 50px;
  right: 0;
  left: 0;
  margin:10px auto 40px;
}
.loading-icon .icon {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: 4px solid #e5e6e2;
  border-radius: 50%;
  position: relative;
  z-index: 5;
}
.loading-icon .icon:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  border-top: 4px solid transparent;
  border-right: 4px solid #ab473c;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  left: -4px;
  animation: circle-rotate .75s both linear infinite;
}
header nav > ul > li::after{display:none;}
header nav > ul > li.first_child ::after{display:block;}