:root {
	--display-font-family: Roboto;
	--body-font-family: PT Sans;

	--font-size: 15px

	--logo-padding: 5px;
	--logo-height: 50px;

	--header-width: 1366px;
	--header-border-position: bottom;
	--header-border-size: 0;
	--header-bg-color: 236 251 255;
	--header-border-color: 60 59 59;

	--brand-color: 196 71 8;
	--brand-color-inverted: 236 251 255;

	--background-color: 255 15 ;
	--text-color: 61 61 61;
	--link-color: 229 82 9;

	--action-color: 196 71 8;
	--action-color-inverted: 236 251 255;

	--announcement-bar-bg-color: 255 15 ;
	--announcement-bar-text-color: 61 61 61;
	--announcement-bar-link-color: 61 61 61;

	--main-navigation-bg-color: 236 251 255;
	--main-navigation-link-color: 0 0 0;
	--main-navigation-link-color-hover: 173 62 7;
	--main-navigation-link-bg-color: 44 81 112;
	--main-navigation-link-font-size: 14px;
	--main-navigation-link-alignment: center;

	--auxiliary-bg-color: transparent;
	--auxiliary-border-color: transparent;
	--auxiliary-link-color: transparent;

	--order-status-bg-color: 37 118 149;
	--order-status-color: 37 118 149;

	--store-menu-bg_color: 248 248 248;
	--store-menu-color: 119 7 ;

	--footer-bg-color: 37 118 149;
	--footer-color: 255 15 ;
	--footer-link-color: 255 15 ;
}

/*Custom Styles*/
/* New CSS: Line 275 */

/*main menu header change*/

.storeSearch__input--vertical {
    background-color: #DADADA;
}
.storeSearch__button--vertical {
    background-color: #DADADA;
}
.siteHeader__container {
    margin: 0px;
    margin-left:0%;
    display: flex;
    justify-content: flex-start;
}
/*.auxiliaryMenu {*/
/*    margin-bottom: -36px;*/
/*}*/

/*<div class="siteHeader__container siteHeader__container--style4">*/
.siteHeader__container {
    margin-top: -30px;
}

@media only screen and (max-width: 600px) {
    .siteHeader__container {
        margin-top: 0px;
    }
}
@media only screen and (max-width: 800px) {
    .siteHeader__container {
        margin-top: 0px;
    }
}
.dropdown-toggle {
    /*margin-left:-10px;
    margin-right: -10px;*/
}
.logo__img {
    margin-right: 20px;
    margin-left: 40px;
}
.dropdown-menu {
    font-size: 14px;
}
.menu-item a:hover {
    /*font-weight: 900;*/
}



/*Top Navbar, cart + Sign in links*/

.auxiliaryMenu > li > a {
    color: black;
}

.instructions {
    color: blue;
}





/*mobile styling*/

.orderStatus_mobileToggle {
    display: none
}
.orderStatus__mobileToggle {
    display: none;
}








/*styling education home page*/

.eq-head{
    font-size:16px;
    height:100px;
    padding-left:2px;
    padding-right:4px;
}
.name {
  color: #404245;
  font-size: 36px;
  font-weight: 600;
  margin-top: 16px;
  text-align: center;
}
.saa-name {
    font-size:24px;
}
.product_selection {
  align-items: center;
  background-color: #f2f2f2;
  display: flex;
  font-family: "Merriweather", serif;
  flex-wrap: wrap;
  justify-content: center;
    width:1000px;
  margin-bottom: 20px;
  margin-top:20px;
}
.product {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 280px;
}
.product_container {
  margin-top:-100px;
  border-radius: 50%;
  height: 312px;
  -webkit-tap-highlight-color: transparent;
  transform: scale(0.48);
  transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 400px;
}
.product_container:after {
  background-color: #f2f2f2;
  content: "";
  height: 10px;
  position: absolute;
  top: 390px;
  width: 100%;
}
.product_container:hover {
  transform: scale(0.54);
}
.container-inner {
  clip-path: path(
    "M 390,400 C 390,504.9341 304.9341,590 200,590 95.065898,590 10,504.9341 10,400 V 10 H 200 390 Z"
  );
  position: relative;
  transform-origin: 50%;
  top: -200px;
}
.circle {
  background-color: #fee7d3;
  border-radius: 50%;
  cursor: pointer;
  height: 380px;
  left: 10px;
  pointer-events: none;
  position: absolute;
  top: 210px;
  width: 380px;
}
.img {
  pointer-events: none;
  position: relative;
  transform: translateY(20px) scale(1.15);
  transform-origin: 50% bottom;
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.product_container:hover .img {
  transform: translateY(0) scale(1.2);
}
.img1 {
  left: 22px;
  top: 164px;
  width: 340px;
}
.img2 {
  left: -46px;
  top: 174px;
  width: 444px;
}
.img3 {
  left: -16px;
  top: 144px;
  width: 466px;
}
.divider {
  background-color: #ca6060;
  height: 1px;
  width: 160px;
}
.title {
  text-align: center;
  color: #6e6e6e;
  font-family: arial;
  font-size: 14px;
  font-style: italic;
  margin-top: 4px;
}







/*homepage css*/

.home-product-link:hover {
    color: #C9583A;
    cursor: pointer;
    font-weight:600;
} 
.shop-button:hover {
    cursor: pointer;
    font-weight:600;
    border:none;
}





/*store Dropdowns*/
.saleTextColor {
    color: red;
    display: none;
}
.variantsTable {
    width: 300px;
}
.variantTitle {
    font-size: 12px;
    max-width: 300px;
}
.productListing__price--list {
    display: none;
}


.productPage__price {
   display:none; 
}

.storeIndex__sideBarList a {
    color: #3365BB;
    font-size: 18px;
}

.productListing__unitDescription--list {
    font-size:15px;
    font-weight: 500;
}
.form-control {
    /* font-size: 18px;
    height: 43px !important; */
}
.btn-brand {
    /*background-color:#C9583A !important;*/
    font-size: 18px;
}
.btn-default {
    /* background-color:#C9583A !important; */
}
.btn-default:hover {
    /* background-color:#F18062 !important; */
}
.btn-brand:hover {
    /* background-color:#F18062 !important; */
}

.productPage__ingredientsHeading {
    display:none;
}

.productPage__protocolsListItem a {
    color:green !important;
    font-weight: 900;
}


/****************************************/

/* Revised site styling */
/* Added by NW10 Design 01/2023 */

/*

01 - Global
02 - Header
03 - Navigation
    01 Auxiliary Menu
    02 Main Menu
    03 Cart Menu Bar
    04 Order Status Bar
04 - Text
05 - Page Elements
    01 Links
    02 Buttons
    03 Forms
    04 Contact Page Elements
06 - Footer
07 - Store
08 - Widgets
    01 GrazeCart Widgets
    02 Callout
    03 Banner Slideshow
    04 Testimonials Carousel
    05 Responsive YouTube Video
    06 Selector Drop List

*/

/* 01 - Global */

html {
	scroll-behavior:smooth;
}

.adminToolbar {
    /* Reposition admin bar to not intefere with header */
    font-size:12px;
    position:fixed;
    left:5px;
    bottom:5px;
    width:auto;
    background:rgba(0,0,0,0.60);
    border-radius:30px;
}

.adminToolbar:hover {
    background:rgba(0,0,0,1.0);
}

.adminToolbar__list--right {
    display:none;
}

/* 02 - Header */

.siteHeader__container {
    margin:auto;
}

.siteHeader {
    background-color: #f1f2ed;
    padding:15px 0;
    position:fixed;
    top:0;
    z-index:10;
}

.logo {
    padding:0;   
}

.logo__img {
    max-height:28px;
    position:relative;
    z-index:1;
    margin:0 0 0 35px;
}

@media (max-width: 768px) {
    
    .siteHeader {
        padding-bottom:5px;
    }
    
    .logo__img {
        max-height:25px;
        margin:0;
        left:calc(50vw - 53px);
        margin-bottom:10px;
    }
    
}

.pageWidgets {
    padding-top:75px;
}

.storeIndex,
.contactPage,
.productPage,
.cartPage,
.loginPage,
.registrationPage,
.customerProfile {
    padding-top:120px;
    padding-bottom:5px;
}

.contactPage,
.productPage,
.cartPage,
.loginPage,
.registrationPage,
.customerProfile {
    margin-top:0;
}

.siteHeader__container {
    margin-top: -50px;
}

/* Checkout Pages */

.checkoutHeader {
    padding:80px 0 20px 0;
}

.logo.logo--style1 {
    padding-top: 50px;
}

@media (max-width: 768px) {
    
    .siteHeader {
        position:relative;
    }
    
    .siteHeader__container {
        margin-top: 0;
    }
    
    .pageWidgets {
        padding-top:0;
    }
    
    .storeIndex,
    .contactPage,
    .productPage,
    .cartPage,
    .loginPage,
    .registrationPage,
    .customerProfile {
        padding-top:0;
        margin-top:30px;
    }
    
    .storeIndex {
        margin-top:0;
    }

    .checkoutHeader {
        padding:30px 0 20px 0;
    }
    
    .logo.logo--style1 {
        padding-top:5px;
    }
    
}

/* 03 - Navigation */

/* 03.01 Auxiliary Menu */

.auxiliaryMenu {
    padding:6px 35px;
}

/* Header Search Box */

.storeSearch__input--vertical {
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #ccc;
    border-right:none;
    font-size:13px;
}

.storeSearch__button--vertical {
    /* See Page Elements - Buttons for background color */
    background-color: #fff!important;
    border-radius: 0;
    border: 1px solid #ccc;
    padding-left: 6px;
    border-left: none;
    font-size:13px;
}

.storeSearch__button--vertical:hover {
    background-color: #fff;
    color:#e55209!important;
}

@media (max-width: 920px) {
    
    .storeSearch__container--vertical {
        display:none;
    }
    
}

.auxiliaryMenu .dropdown-menu {
    background:#257695;
}

.auxiliaryMenu > li > a {
    padding:12px 0;
}

.auxiliaryMenu > li > a:hover {
    color:#e55209!important;
}

.auxiliaryMenu li:nth-child(3) {
    /* Hide discrete checkout button (already in baset link) */
    display:none;
}

.js-show-cart-slider:hover,
.auxiliaryMenu li.dropdown a.dropdown-toggle:hover {
    color:#e55209;
    text-decoration:none;
}

/* 03.02 - Main Menu */

.mainNavigation, .mobileNav {
    background-color: #f1f2ed;
}

.mainNavigation__list {
    position:relative;
    z-index:1;
    padding:0 35px;
}

.mainNavigation__list > li > a:hover {
    color:#e55209;
}

.mainNavigation__list>li>a {
    background-color: #f1f2ed;
    padding:12px;
}

.mainNavigation__list>li>a:hover,
.mobileNav > li > a,
.mobileNav > li > a:hover {
    background-color: #f1f2ed;
}

.mobileNav__list .dropdown-menu {
    background-color:#aaa!important;
}

.caret, 
.fa-caret-down {
    color:#e55209;
}

.mainNavigation__list .dropdown-menu {
    background:#257695;
}

.dropdown-menu .divider {
    display:none;
}

.dropdown-menu li a {
    color:#fff;
    font-size:13px;
    padding:7px 15px;
}

.dropdown-menu li a:hover,
.dropdown-menu li a:visited {
    color:#fff!important;
    background:#c44708!important;
}

.dropdown-menu li a i,
.dropdown-menu li a:hover i {
    color:#fff!important;
}

/* 03.03 Cart Menu Bar */

.cartMenu {
    /* Cart/Checkout appears on scroll, not required with fixed-position header */
    display:none;
}

/* 03.04 Order Status Bar */

.orderStatusBar {
    display:none;
}

/* 04 - Text */

.h1, .h2, .h3, .h4, .h5, .h6, 
h1, h2, h3, h4, h5, h6, legend {
    font-family:"Poppins",sans-serif;
    font-weight:400!important;
    line-height:1.2!important;
}

@media (max-width: 768px) {
    
    .h2, h2 {
        font-size:34px!important;
    }
    
    .h3, h3 {
        font-size: 24px;
    }

}

/* h1 Font Size Overrides */
.cartPage__heading,
.registrationPage__heading,
.loginPage__heading,
.contactPage__heading,
.customerProfile__heading,
.textHeader__heading,
.tw-prose :where(h2):not(:where([class~=tw-not-prose] *)) {
    font-size:34px;
}

body, p, label, .paragraph, 
.form-control,
.storeIndex__sideBarList a {
    font-family:"Poppins",sans-serif;
    font-size:15px;
}

.text-sm {
    font-size:12px;
}

/* 05 - Page Elements */

/* 05.01 Links */

/* Return To Top Link */

.backToTopLink__container {
    display:inline-block;
    background:transparent;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 20px;
    right: 15px;
    padding:0;
}

.backToTopLink__container a {
    font-size:0;
    padding:0;
    text-decoration:none;
    display:block;
    color:rgba(0,0,0,0.30);
    border:4px solid rgba(0,0,0,0.30);
    height: 40px;
    width: 40px;
    border-radius: 50%;
    transition: all 0.4s ease;
}

.backToTopLink__container a:hover {
    color:rgba(196,71,8,1.0);
    border:4px solid rgba(196,71,8,1.0);
    transform: rotate(360deg);
}

.backToTopLink__link>i {
    font-size: 30px;
}

/* Sign In Link */

.auxiliaryMenu > li > a {
    color:#000000;
}

.auxiliaryMenu > li > a:hover {
    color:#c44708;
    text-decoration:none;
}

/* 05.02 Buttons */

.btn,
.btn-brand, 
.btn-default, 
.btn-primary,
.btn-link {
    color:#ffffff;
    background:#c44708;
    text-decoration:none;
    font-size:13px;
    border-radius:1px!important;
}

.btn:hover,
.btn-brand:hover, 
.btn-default:hover, 
.btn-primary:hover,
.btn-link:hover {
    color:#ffffff;
    background:#303030;
    text-decoration:none;
}

.btn-danger,
.btn-brand {
    background:#c44708!important;
    color:#ffffff!important;
    border-color:transparent!important;
}

.btn-danger:hover,
.btn-brand:hover,
.storeSearch__button:hover,
.form-group button:hover {
    background:#303030!important;
    color:#ffffff!important;
    border-color:transparent!important;
}

.storeSearch__button {
    height:36px;
}

.productListing__addToCart--list .btn-brand {
    padding:12px;
}

.productListing__addToCartContainer--list .productListing__addToCartInput--list {
    /* Increase add to cart quantity selector to match padded button height (above) */
    height:44px;
    border-radius:1px;
}

.cartItems__delete button {
    font-size:11px;
    margin-top:7px;
    padding:5px 10px;
    border-radius:60px!important;
}

/* 05.03 Forms */

.form-control {
    /* Input box */
    border-radius:1px;
    box-shadow:none;
}

/* 05.04 Contact Page Elements */

/* Hide address/phone since it is already in footer */

.contactPage hr,
.contactPage__address {
    display:none;
}

/* 5.05 Tables */

.tblResults {
  border-collapse: collapse;
  width: 100%;
  margin-top:20px;
}

.tblResults td, .tblResults th {
  font-size:14px;
  border: 1px solid #dddddd;
  text-align: left;
  padding: 16px 12px;
  min-width: 110px;
}

.tblResults thead {
    background: #257695;
    color: #fff;
    vertical-align:top;
}

.tblResults tr:nth-child(even) {
  background-color: #f1f2ed;
}

/* 06 - Footer */

.footerWidget__slot .textWidget {
    padding:0 20px 10px 20px;
}

.footerWidget__slot p {
    font-size:14px;
}

.copyright {
    font-size:12px;
    padding-bottom:20px;
}

.footerAccreditation {
    display:none;
}

/* 07 - Store */

.storeIndex__sideBar {
    position: sticky;
    top: 120px;
    align-self: flex-start;
}

@media (max-width: 768px) {
    .storeIndex__sideBar {
        position: relative;
        top: 0;
        align-self: auto;
    }
}

/* Store Sidebar Category List */

.storeIndex__sideBarList a {
    color:#303030;
    text-decoration:none;
    transition:all 0.3s ease;
}

.storeIndex__sideBarList a:hover {
    color:#c44708;
    text-decoration:none;
    margin-left:3px;
}

/* Add To Cart Spinner Button */

.variantAddToCartContainer input[type=number], 
.variantAddToCartContainer input[type=text] {
    height:46px;
    border-radius:0;
}

/* 08 - Custom Widgets */

/* 08.01 GrazeCart Widgets */

/* Content */

/* Section wrapper for custom html */

.contentWidgetWrapper {
    width:100%;
    max-width:1366px;
    margin:0 auto;
}

/* Text */

.textWidget {
    padding-left:35px;
    padding-right:35px;
}

@media (max-width:786px) {
    
     /* textWidget class implemented within 
    html widget to replicate 50/50 split */
    
    .textWidgetCustom-1 {
        padding-top:64px;
        padding-bottom:32px;
    }
    
    .textWidgetCustom-2 {
    /* textWidget class implemented within 
    html widget */
        padding-top:32px;
        padding-bottom:64px;
    }
    
}

@media (max-width:450px) {
    
    .textWidget {
        padding-left:20px;
        padding-right:20px;
    }
    
}

/* Text Links */

.textWidget a {
    text-decoration:none;
    transition: all 0.4s ease;
    margin-right:20px;
}

.textWidget a:hover {
    color:#000;
}

/* Text Widget Content */

/*
Text Containers
.textWidget--4: Intro paragraph
.textWidget--155: Diagnostic Products paragraph
.textWidget--153: Equine paragraph
.textWidget--158: Canine paragraph
*/

/*
Image Containers
.textWidget--148 img: Intro image
.textWidget--152 img: Diagnostic Products image
.textWidget--156 img: Equine image
.textWidget--157 img: Canine image
*/

.textWidgetCustom-1 p,
.textWidgetCustom-2 p,
.textWidgetCustom-1 .drop-select,
.textWidgetCustom-2 .drop-select,
.textWidget--184 p,
.textWidget--186 p,
.textWidget--189 p,
.textWidget--202 p,
.textWidget--208 p,
.textWidget--220 p,
.textWidget--223 p,
.textWidget--211 p,
.textWidget--217 p,
.textWidget--4 p,
.textWidget--177 p,
.textWidget--165 p,
.textWidget--169 p,
.textWidget--168 p,
.textWidget--172 p,
.textWidget--153 p,
.textWidget--155 p,
.textWidget--158 p {
    padding-top:20px;
    padding-left:40px;
}

.textWidgetCustom-1 ul,
.textWidgetCustom-2 ul,
.textWidget--186 ul,
.textWidget--223 ul,
.textWidget--177 ul,
.textWidget--165 ul,
.textWidget--168 ul,
.textWidget--172 ul,
.textWidget--153 ul,
.textWidget--158 ul {
    margin-left:20px;
}

.img-pad-left,
.textWidget--185 img,
.textWidget--190 img,
.textWidget--203 img,
.textWidget--209 img,
.textWidget--218 img,
.textWidget--221 img,
.textWidget--225 img,
.textWidget--166 img,
.textWidget--170 img,
.textWidget--148 img,
.textWidget--156 img {
    padding-left:100px;
}

.img-pad-right,
.textWidget--171 img,
.textWidget--157 img {
    padding-right:100px;
}

/* Font Awesome Bullet Styling */

.faWidget ul,
.textWidget--186 ul,
.textWidget--208 ul,
.textWidget--223 ul,
.textWidget--177 ul,
.textWidget--165 ul,
.textWidget--168 ul,
.textWidget--172 ul { 
    list-style-type: none; 
    padding: 0; 
}

.faWidget ul li,
.textWidget--186 ul li,
.textWidget--208 ul li,
.textWidget--223 ul li,
.textWidget--177 ul li,
.textWidget--165 ul li,
.textWidget--168 ul li,
.textWidget--172 ul li { 
    margin-left: 50px;
    margin-bottom:5px;
}

.faWidgetCheckcircle ul li::before,
.textWidget--186 ul li::before,
.textWidget--208 ul li::before,
.textWidget--223 ul li::before,
.textWidget--177 ul li::before,
.textWidget--165 ul li::before,
.textWidget--168 ul li::before,
.textWidget--172 ul li::before { 
    font-family: "Font Awesome 5 Free";
    color:#217696;
    margin-right: 15px; 
    margin-left: -30px;
    content: "\f058"; 
    font-weight: 900;
}

.textWidget--208 ul {
    margin-left:20px;
}

.textWidget--208 ul li::before,
.textWidget--223 ul li::before {
    color:#fff;
}

@media (max-width: 1000px) {
    
    .textWidgetCustom-1 p,
    .textWidgetCustom-2 p,
    .textWidgetCustom-1 .drop-select,
    .textWidgetCustom-2 .drop-select,
    .textWidget--184 p,
    .textWidget--186 p,
    .textWidget--189 p,
    .textWidget--202 p,
    .textWidget--208 p,
    .textWidget--211 p,
    .textWidget--217 p,
    .textWidget--220 p,
    .textWidget--223 p,
    .textWidget--177 p,
    .textWidget--165 p,
    .textWidget--169 p,
    .textWidget--168 p,
    .textWidget--172 p,
    .textWidget--153 p,
    .textWidget--155 p,
    .textWidget--158 p {
        padding-top:10px;
        padding-left:0;
    }
    
    .faWidget ul,
    .textWidgetCustom-1 ul,
    .textWidgetCustom-2 ul,
    .textWidget--186 ul,
    .textWidget--177 ul,
    .textWidget--165 ul,
    .textWidget--168 ul,
    .textWidget--172 ul,
    .textWidget--208 ul,
    .textWidget--223 ul,
    .textWidget--4 ul,
    .textWidget--153 ul,
    .textWidget--158 ul {
        margin-left:-20px;
    }
    
    .img-pad-left,
    .img-pad-right,
    .textWidget--185 img,
    .textWidget--190 img,
    .textWidget--203 img,
    .textWidget--209 img,
    .textWidget--218 img,
    .textWidget--221 img,
    .textWidget--225 img,
    .textWidget--166 img,
    .textWidget--170 img,
    .textWidget--171 img,
    .textWidget--148 img,
    .textWidget--156 img,
    .textWidget--157 img {
        padding-left:0;
        padding-right:0;
    }
    
}

/* Sections containing left column images below 
sections containing right column images need to
be modified on mobile so that images don't stack
together. Add a second, mobile-only image and
turn off the desktop image when viewport is
mobile size */ 

.img-mobile-only,
.textWidget--172 img,
.textWidget--158 img {
    /* Mobile-only canine image
    (below Canine paragraph) */
    display:none;
}

@media (max-width: 768px) {
    
    .textWidget--170,
    .textWidget--156 {
        /* Section padding for equine image */
        padding-bottom:0!important;
    }
    
    .textWidget--171,
    .textWidget--157 {
        /* Section padding for canine image */
        padding-top:0!important;
    }
    
    .img-desktop-only,
    .textWidget--171 img,
    .textWidget--157 img {
        /* Canine desktop image */
        display:none;
    }
    
    .img-mobile-only,
    .textWidget--172 img,
    .textWidget--158 img {
        /* Canine mobile image */
        display:block;
        padding-top:64px!important;
    }

}

/* 08.02 Callout */

.callout {
    max-width:620px;
    margin:0 auto;
    text-align:center;
}

.callout p {
    font-size:26px;
    line-height:1.4;
}

.callout button {
    margin-top:15px;
    padding:12px 30px;
    border:0.1em solid #fff!important;
    font-size:15px;
    background:transparent!important;
}

/* 08.03 Banner Slideshow */

/* Slides */

#slides-wrapper {
position:relative;
background: #111;
margin:0 15px;
box-sizing:border-box;
}

#slides {
margin:0;
}

#slides {
    position: relative;
    height: 100%;
    height: calc(100vh - 95px);
    list-style-type: none;
    background:#111;
    margin:0;
}

@media (min-width:1440px) {
    #slides {
        height: calc(85vh - 95px);
    }
}

@media (max-width:768px) {

#slides-wrapper {
margin:0;
}

#slides {
height: calc(100vh - 160px);
}

}

.slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.showing {
    opacity: 1;
    z-index: 2;
}

.slide {
    box-sizing: border-box;
    background: #333;
    color: #fff;
}

/* Overlay */

#slides-overlay {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background:rgba(0,0,0,0.45);
}


/* Caption */

.bg-fade-caption {
position: absolute;
z-index:1;
bottom:20%;
width:100%;
max-width:1365px;
left:50%;
transform:translate(-50%,0);
padding:0 35px;
box-sizing:border-box;
}

.bg-fade-caption h1 {
color:#ffffff;
font-size:40px;
font-weight:600;
margin-bottom:15px;
max-width: 480px;
}

.bg-fade-caption h1 sup {
font-size:11px;
font-weight:400;
vertical-align:text-top;
position:relative;
top:10px;
}

.bg-fade-caption p {
color:#ffffff;
font-size:32px;
line-height:1.3;
margin-top:5px;
max-width: 480px;
}

.bg-fade-caption span {
font-size:15px;
text-transform:uppercase;
}

.bg-fade-caption button {
    padding:12px 30px;
    font-size: 15px;
    margin-top:15px;
}

@media (max-width:450px) {

.bg-fade-caption {
bottom:20%;
padding:0 20px;
}

.bg-fade-caption h1 {
font-size:32px;
}

.bg-fade-caption h1 sup {
font-size:9px;
}

.bg-fade-caption p {
color:#ffffff;
font-size:24px;
}

.bg-fade-caption span {
font-size:13px;
}

}

@media (min-width:1600px) {

.bg-fade-caption h1 {
font-size:46px;
max-width: 540px;
}

.bg-fade-caption h1 sup {
font-size:12px;
}

.bg-fade-caption p {
color:#ffffff;
font-size:36px;
max-width: 540px;
}

.bg-fade-caption span {
font-size:18px;
}

}

/* Controls (next, prev, play, pause) */

#slide-controls {
color:#ffffff;
font-size:22px;
position:absolute;
z-index:2;
bottom:15px;
left:35px;
}

@media (max-width:450px) {
    #slide-controls {
        left:20px;   
    }
}

#play, #pause, #next, #previous {
opacity:0.40;
transition:all 0.4s ease;
}

#play:hover, #pause:hover, #next:hover, #previous:hover {
cursor:pointer;
opacity:1.0;
}

#play {
display:none;
}

/* 08.04 Testimonials Carousel */

.tcontainer {
height:100%;
width:100%;
padding: 0 20px;
margin: 0 auto;
box-sizing:border-box;
}

.toverlay {
position:absolute;
top:0;
left:0;
background:rgba(5,17,20,0.75);
width:100%;
height:100%;
}

.tcontainer h1 {
color:#fff;
font-size:34px;
font-weight:400;
text-align:center;
margin:0 0 35px 0;
line-height:1.2;
position:relative;
z-index:1;
}

/* Content */

.tslide {
text-align:center;
max-width: 720px;
margin:0 auto;
}

.tslide a,
.tslide a:visited {
    color:#e55209;
}

.tslide a:hover {
    color:#ffffff;
}

.tslide img {
display: block;
width: 140px;
height: 140px;
margin: auto;
border-radius: 50%;
animation: timgscale 0.5s ease-in-out forwards;
}

.tslide h2,
.tslide h3 {
color: #ffffff;
font-weight:500;

}

.tslide h2 {
font-size: 17px;
margin: 15px 0 7px 0;
animation: tquotein .4s ease-in-out forwards;
}

.tslide h3 {
font-size: 14px;
line-height:1.7!important;
margin: 0 0 15px 0;
animation: tquotein .5s ease-in-out forwards;
}

.tslide p {
color: rgba(255,255,255,0.80);
font-size: 20px;
font-family:"Georgia",serif;
font-style:italic;
line-height:1.5;
margin: auto;
animation: tquotein .6s ease-in-out forwards;
}

@media (max-width: 480px) {

.tcontainer {
overflow:hidden;
}
	
.tslide h2,
.tslide h3,
.tslide p {
font-size:14px;
}

}

/* Navigation - Arrows*/

.tnavarrows-container {
text-align:center;
width:100%;
position:absolute;
z-index:2;
left:0;
margin-top:40px;
}

.tnavarrows-container a,
.tnavarrows-container a:visited {
color:#e55209;
transition: all .3s ease-in-out;
}

.tnavarrows-container a:hover {
color:#ffffff;
cursor:pointer;
}

.tnavleft,
.tnavright {
font-size:30px;
padding:10px;
}

.tnavleft {
position:relative;
left:-100px;
}

.tnavright {
position:relative;
right:-100px;
}

@media (max-width: 480px) {

.tnavleft {
position:relative;
left:-80px;
}

.tnavright {
position:relative;
right:-80px;
}

}

/* Navigation - Dots */

.tdot {
font-size:14px;
margin:0 7px;
position:relative;
top:-6px;
}

.tdot:hover {
font-size:16px;
}

.tdot::before {
content:"\f111";
font-family:"Font Awesome 5 Free";
font-weight:400;
}

.tdot:hover::before {
font-weight:900;
}

/* Testimonial Slide Animations */

/* Animation - Author Image Scaling */

@keyframes timgscale {

from {
opacity: 0.25;
transform: scale(0.25);
}

to {
opacity: 1;
transform: scale(1);   
}

}

/* Animation - Author/QuoteText Slide In */

@keyframes tquotein {

from {
opacity: 0;
transform: translateY(100%);
}

to {
opacity: 1;
transform: translateY(0);
}

}

/* 8.05 Responsive YouTube Video */

.container-youtube {
    position: relative;
    padding-bottom: 56.25% !important;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.container-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
}

.youtube-video {
  aspect-ratio: 16/9;
  width: 100%;
}

/* 8.06 Responsive Flex Grid */

.flex-container {
	width: 100%;
	min-height: 200px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	flex-wrap:wrap;
	column-gap:20px;
	row-gap:20px;
}

.flex-container .column {
	padding: 20px 20px 0 20px;
	background: #fff;
	border:2px solid #b3e1f3;
	border-radius:4px;
	box-sizing:border-box;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	box-sizing:border-box;
}

.flex-container .column p {
    font-size:14px;
}

@media (max-width: 768px) {

    .flex-container .column {
        /* break into two columns (account for gutters) */
        flex:0 0 calc(50% - 10px);
    }
    
    .flex-igg-testing-2col {
        height:auto!important;
    }

}

@media (max-width: 560px) {

    .flex-container {
        flex-direction: column;
    }
    
    .flex-igg-testing {
        height:auto!important;
    }

}

/* 06 Selector Drop List */

.drop-select-default {
  background-color:#c44708;
  color: #fff;
  padding: 12px 30px;
  border: none;
  border-radius:1px;
  width:auto;
  cursor: pointer;
  box-sizing:border-box;
}

.drop-select-default::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f107";
    float: right;
    margin-left: 15px;
}

.drop-select {
  position: relative;
  z-index:2;
  display: inline-block;
  width:auto;
  box-sizing:border-box;
}

.drop-select-options {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  z-index: 1;
}

.drop-select-options a {
    font-size:13px;
  color: black;
  margin-right:0;
  padding: 8px 16px;
  text-decoration: none;
  display: block;
}

.drop-select-options a:hover {
    color:#fff;
    background-color: #c44708;
}

.drop-select:hover .drop-select-options {
  display: block;
}

.drop-select:hover .drop-select-default {
  background-color: #404040;
  color:#fff;
}