/* -----------------------------------------------------

	THE POSITIVE POOCH
	www.url.com

--------------------------------------------------------

TABLE OF CONTENTS

1.0	General
2.0	Typography
3.0	Elements
4.0 Forms
5.0 Lists
    5.1 Dots
	5.2 Checks
6.0 Navbar
7.0 Footer
8.0	Banner
9.0	Components
	9.1 About
	9.2 Dog-Training
	9.3 Congratulation-Block
	9.4 Testimonial
	9.5 Contact
10.0 Page-Specific Styles
	10.1 Internal Pages (Group)
	10.2 Group Classes Page
	10.3 Gallery Page
	10.4 Contact Page
	10.5 Sitemap
11.0 Media Queries

----------------------------------------------------- */

/* -----------------------------------------------------
1.0 GENERAL STYLES
----------------------------------------------------- */
body {
    font-size:16px;
    color:#000;
    font-family: 'Poppins', sans-serif;
}

.container-fluid {
    width:100%;
    max-width:1224px;
}

.container-fluid.sm{
	max-width:1024px;
}

a,
.btn,
a:hover,
.btn:hover,
.btn:focus {
	-webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

a:hover,
a:focus,
a.active {
    text-decoration:none;
}

img {
    max-width:100%;
}

/* Warning for out-of-date browsers */
.browser-warning {
	background-color: #fff;
	position:fixed;
	bottom:0;
	left:0;
	z-index:999;
	width:100%;
	padding:0.938rem 0 0.625rem;
	box-shadow:0 0 0.625rem 0 rgba(34,35,34,0.5);
	-webkit-box-shadow:0 0 0.625rem 0 rgba(34,35,34,0.5);
	-ms-box-shadow:0 0 0.625rem 0 rgba(34,35,34,0.5);
}

.browser-warning.hide {
	display:none;
}

.browser-warning p {
	font-size:1.25rem;
	color:#4d4d4d;
	line-height:1.5rem;
	padding:0;
	margin:0.938rem 0;
}

.browser-warning .btn {
	font-size:0.875rem;
	line-height: 1.313rem;
	padding:0.938rem 1rem;
	float:right;
	margin:0;
}

.top-message {
	width: 100%;
    background-color: #e6e6e6;
    padding: 5px;
}


@media (max-width:47.938rem) {
	.browser-warning {
		text-align:center;
	}
	.browser-warning h5,
	.browser-warning .btn {
		float:none;
	}	
}

body.overflow-y{
	overflow-y:hidden;
}
/* -----------------------------------------------------
2.0 TYPEOGRAPHY
----------------------------------------------------- */
h1,
h2,
h3,
h4,
h5{
    margin:0.938rem 0;
	color:#333333;
	font-weight: 600;
}

h1 {
    font-size:2.125rem;
}

h2 {
    font-size:2rem;
}

h3 {
    font-size:1.875rem;
}

h4 {
    font-size:1.625rem;
}

h5 {
    font-size:1.375rem;
}

p {
    font-size:1rem;
	margin-bottom:0.938rem;
	color: #4d4d4d;
	font-weight: 400;
	padding: 0.938rem 0 0;
}

.purple{
	color:#994778;
}

p.lead {
	color: #994778;
    font-size:1.25rem;
	padding:0;
}

p.lead--large {
	font-size: 1.5em;
}

.alpha {
    margin-top:0;
}

a.text-link {
	color:#337ab7;
    font-size:1rem;
	display: inline-block;
}

a.text-link.text-link--purple {
	color:#994778;
	text-transform: uppercase;
	position: relative;
}

a.text-link.text-link--purple:hover {
	color:#0596e9;
}

a.text-link.text-link--purple:before {
	position: absolute;
	content:"";
	left: 0;
	bottom: 0.125rem;
	width: 100%;
	height: 0.063rem;
	background-color: #a9668e;
}

.text-link.text-link--purple:hover::before {
    background-color: #0596e9;
}

a.text-link.text-link--gray {
	color:#666666;
	position: relative;
}

a.text-link.text-link--gray:hover{
	color:#994778;
}

a.text-link.text-link--gray:before {
	position: absolute;
	content:"";
	left: 0;
	bottom: 0.125rem;
	width: 100%;
	height: 0.125rem;
	background-color: #d0d0d0;
}

a.text-link.text-link--gray:hover:before {
	background-color: #d2aec4;
}

.btn {
    border-radius:0.125rem;
    border:0;
    font-size:0.875rem;
	font-weight: 600;
	text-transform: uppercase;
    color:#fff;
    padding:0.938rem 1.875rem 0.813rem;
    white-space:normal;
	position: relative;
	letter-spacing: 0.063rem;
	margin: 1.875rem 0.75rem 0 0;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	background-color:#0596e9;
	-webkit-box-shadow: 0 0 0.938rem 0 rgba(34,35,34,0.75);
	-moz-box-shadow: 0 0 0.938rem 0 rgba(34,35,34,0.75);
	box-shadow: 0 0 0.938rem 0 rgba(34,35,34,0.75);
}

.btn.btn__calender {
	padding-right: 0.938rem;
	padding-left: 2.625rem;
}

.btn.btn__calender:before {
	position: absolute;
	content:"\f073";
	left: 1.125rem;
	top: 0.938rem;
	width: 100%;
	height: 100%;
	text-align: left;
	font-family: fontAwesome;
}

.btn.full {
    width:100%;
}

.btn:hover,
.btn:focus {
	transform: translateY(-0.312rem);
	-webkit-transform: translateY(-0.313rem);
	-moz-transform: translateY(-0.313rem);
	-ms-transform: translateY(-0.313rem);
	color: #fff;
	box-shadow: 0 0.313rem 0.625rem 0 rgba(34, 35, 34, 0.5);
	-webkit-box-shadow: 0 0.313rem 0.625rem 0 rgba(34, 35, 34, 0.5);
	-moz-box-shadow: 0 0.313rem 0.625rem 0 rgba(34, 35, 34, 0.5);
}

.sec__heading {
	color: #333333;
	line-height: 2.5rem;
}

.sec__heading span {
	display: block;
	font-size: 1.625rem;
	font-weight: 400;
	color: #994778;
	text-transform: uppercase;
}

.sec__heading .d-inline {
	font-weight: 600;
	font-size: 2.25rem;
	padding-right: 0.313rem;
}

.arrow--shape:after {
	position: absolute;
	content: "";
	right: -0.938rem;
	top: 1.125rem;
	width: 0; 
	height: 0; 
	border-top: 0.25rem solid transparent; 
	border-left: 0.438rem solid #333333; 
	border-bottom: 0.25rem solid transparent;
}

#to-top{
	position: fixed;
	bottom: 1.25rem;
	right: 1.25rem;
	cursor: pointer;
	display: block;
	border-radius: 100%;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;	
	background-color: #0596e9;
	z-index:99;
}

#to-top i{
	color:#fff;
	border-radius: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
	transition:all 0.4s ease;
}

}

/* -----------------------------------------------------
3.0 ELEMENTS
----------------------------------------------------- */
.section,
.section--large,
.section-medium,
.section--top-pad {
	padding: 2.5rem 0;
}

.pattern {
	background-image: url(../../images/gray-pattern.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position:relative;
	z-index:0;
}
.pattern--gradient {
	background-image: url(../../images/banner-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
/* -----------------------------------------------------
4.0 FORMS
----------------------------------------------------- */
label{
	font-size:1.125rem;
	color:#58595b;
}

.required:after{
	content:"*";
}

.form-group{
	margin-bottom:1.875rem;
}

.form-control{
	height: 3.75rem;
	border-radius:0;
	border-color:#cccecf;
	font-family: 'Poppins', sans-serif;
}

textarea.form-control{
	height:inherit;
	resize:none;
}

.styled-select { 
	background-color:transparent;
	position:relative;
	max-width:18.75rem;
}

.styled-select:before { 
	content:"\f0d7"; 
	font-family:'FontAwesome'; 
	pointer-events:none; 
	position:absolute; 
	top:0.938rem; 
	right:0.938rem; 
	z-index:2; 
	color:#0596e9; 
	font-size:1.375rem;
}

.styled-select select::-ms-expand { 
	display: none;
}

select.form-control{
	height:3.75rem !important;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

select.form-control option{
	padding-left:1.875rem;
}

.form-check{
	margin-bottom:1.875rem;
}

.btn.full{
	margin-top:0.625rem;
	cursor:pointer;
}

button, input, optgroup, select, textarea{}
/* -----------------------------------------------------
5.0 LISTS
----------------------------------------------------- */
ul{
	padding-left:0;
}

ul li{
	list-style:none;
}

/* -----------------------------------------------------
5.1 DOTS
----------------------------------------------------- */
ul.dots{
	padding:0;
	margin:0;
}

ul.dots li {
	padding:0.188rem 0.938rem 0.188rem 0.938rem;
	position:relative;
}

ul.dots li:before{
	content:"";
	background-color:#994778;
	border-radius:50%;
	width:0.313rem;
	height:0.313rem;
	position:absolute;
	top:0.688rem;
	left:0;
}

/* -----------------------------------------------------
5.2 CHECKS
----------------------------------------------------- */
ul.check-list{
	max-width:23.125rem;
	margin:0;
	padding-top:0.938rem;
}

ul.check-list li{
	padding:0.313rem 0 0.313rem 3.125rem;	
}

ul.check-list li{
	padding:0.313rem 0 0.313rem 2.188rem;
	position:relative;
}

ul.check-list li:before{
	content:"";
	background-image:url(../../images/checked.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:1.25rem;
	width:1.25rem;
	position:absolute;
	top:0.5rem;
	left:0;
}

ul.check-list li a{
	color:#333333;
	font-size:1.125rem;
}
/* -----------------------------------------------------
6.0 NAVBAR
----------------------------------------------------- */
.header {
	border-top: 0.625rem solid #e6e6e6;
	padding: 0.938rem 0 0.75rem;
}

.header .logo {
    display: inline-block;
    width: 7.5rem;
}

.nav__links {
	float: right;
}

.navbar .container-fluid {
    padding: 0;
}

.navbar-nav li {
    display: block;
}

.navbar-nav li a {
    font-size: 1.125rem;
	font-weight: 500;
	color: #333333;
	padding: 0.625rem 0;
	margin-left: 0;
	display: inline-block;
	text-transform: uppercase;
}

.navbar-nav li:last-child a {
    padding-right: 0;
	padding-left:0;
}

.navbar-nav li a img {
    margin-top: -0.313rem;
    padding-right: 0.625rem;
}

.navbar-nav li a .contact-text {
	color: #994778;
	text-transform: initial;
}

.navbar-nav li a:hover .contact-text {
	text-decoration:underline;
}

.navbar-nav li a:hover,
.navbar-nav li a:focus,
.navbar-nav li a.active {
	color: #994778
}

.navbar-nav li .fa-caret-down::before {
    font-size: 1rem;
	margin-left: 0.313rem;
	color: #994778;
	margin-top: -0.063rem;
}

li.dropdown ul.dropdown-menu li {
	display: block;
	float:none;
}

li.dropdown ul.dropdown-menu {	
	border: none;
    left: 0;
    opacity: 0;
	right: 0;
    top: 0;	
	float: none;
	padding: 0;
	position: relative;
    transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
    transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
    visibility: hidden;
}

.navbar-nav li ul.dropdown-menu li a {
	font-size: 0.938rem;
	margin: 0;
	padding: 0.5rem 0.938rem;
	color: #333333;
} 

li.dropdown.show ul.dropdown-menu, 
li.dropdown:focus ul.dropdown-menu {
    display: block;
    opacity: 1;
    transform: scale(1);
	-webkit-ransform: scale(1);
	-moz-ransform: scale(1);
	-ms-ransform: scale(1);
    transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
    visibility: visible;
}
/* -----------------------------------------------------
FULL-WIDTH-NAVIGATION-SPECIFIC STYLES
----------------------------------------------------- */
.hamburger {
	padding: 0.938rem 0;
	cursor: pointer;
	transition-property: opacity, filter;
	-webkit-transition-property: opacity, filter;
	-ms-transition-property: opacity, filter;
	-moz-transition-property: opacity, filter;
	transition-duration: 0.15s;
	-webkit-transition-duration: 0.15s;
	-moz-transition-duration: 0.15s;
	-ms-transition-duration: 0.15s;
	transition-timing-function: linear;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	overflow: visible;
	position: absolute;
	right: 0;
	top: -0.313rem;
	z-index: 999;
}
.hamburger-box {
	width: 2.5rem;
	height: 1.5rem;
	display: inline-block;
	position: relative;
}
.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -0.125rem;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 2.5rem;
	height: 0.25rem;
	background-color: #000;
	border-radius: 0.25rem;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block;
}
.hamburger-inner::before {
	top: -0.625rem;
}
.hamburger-inner::after {
	bottom: -0.625rem;
}

/* Squeeze */
.hamburger--squeeze .hamburger-inner {
	transition-duration: 0.075s;
	-webkit-transition-duration: 0.075s;
	-moz-transition-duration: 0.075s;
	-ms-transition-duration: 0.075s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-moz-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-ms-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
	transition: top 0.075s 0.12s ease, opacity 0.075s ease;
	-webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
	-moz-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
	-ms-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
	transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-webkit-transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-moz-transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-ms-transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transition-delay: 0.12s;
	-webkit-transition-delay: 0.12s;
	-moz-transition-delay: 0.12s;
	-ms-transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.075s ease, opacity 0.075s 0.12s ease;
	-webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
	-moz-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
	-ms-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	-ms-transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.navbar {
	display: block;
	position: relative;
}

.navbar-nav {
    display: block;
    margin-top: 6.25rem;
    padding-left: 10%;
    padding-top: 0;
    text-align: left;
	top: -1.875rem;
	position: relative;
	opacity: 0;
}

nav#navigation.is-active .navbar-nav {
	opacity: 1;
	top: 0;
	transition: all 0.8s ease-in-out 0s;
	-webkit-transition: all 0.8s ease-in-out 0s;
	-moz-transition: all 0.8s ease-in-out 0s;
	-ms-transition: all 0.8s ease-in-out 0s;
}

/* Cross icon */
nav#navigation {
	background-color: #fff;
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	text-align: center;
	top: 0;
	visibility: hidden;	
	width: 100%;
	z-index: 999;
	transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
}

nav#navigation.is-active {
	opacity: 1;
	visibility: visible;
	transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
}
/* -----------------------------------------------------
7.0 FOOTER
----------------------------------------------------- */
.contact__details h5 {
	margin-bottom: 1.25rem;
	font-weight: 500;
}

.contact__details {
    margin-bottom: 1.25rem;
    text-align: center;
}

.contact__details p {
	font-weight: 500;
	margin: 0;
    padding: 0 0 0.625rem;
}

.contact__details figure {
	text-align: left;
	display: inline-block;
	width: 2.5rem;
	margin:0; 
}

.contact__details figure.sm {
	width: 1.563rem;
}

.contact__details p a.text-link.text-link--purple {
	text-transform: inherit;
}

.contact__details p a.text-link.text-link--purple::before {
    background-color: #d2aec4;
    bottom: 0.125rem;
    height: 0.125rem;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.contact__details p a.text-link.text-link--purple:hover:before {
	background-color: rgba(5,150,233,0.5);
	-webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.contact__details.social__contact {
    float: none;
    text-align: center;
}

.contact__details .social__link {
	font-size: 1.375rem;
	width: 2.688rem;
	height: 2.625rem;
	background-color: #994778;
	color: #fff;
	border: 0.063rem solid transparent;
	text-align: center;
	border-radius: 3.125rem;
	line-height: 2.625rem;
	margin: 0 0.5rem;
	display: inline-block;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
}

.contact__details .social__link:hover {
	background-color: transparent;
	border: 0.063rem solid #994778;
    color: #994778;
	transform: translateY(-0.313rem);
	-webkit-transform: translateY(-0.313rem);
	-moz-transform: translateY(-0.313rem);
	-ms-transform: translateY(-0.313rem);
}

.footer__copyright {
	background-color: #f3f4f4;
	padding: 1rem 0 0;
}

.footer__copyright p {
	font-size: 0.75rem;
	font-weight: 300;
	color: #666666;	
	padding: 0;
}

.copyright__text {
	text-align: center;
}
	
.developer__text {
	text-align: center;
}

.footer__copyright .text-link.text-link--gray {
	font-size: 0.75rem;
}
/* -----------------------------------------------------
8.0 BANNER
----------------------------------------------------- */
.banner {	
	min-height: 34.375rem;
	position: relative;
}

.banner__content .btn {
	margin: 1.25rem 0 0 0;
}

.banner:before {
    background: rgba(0, 0, 0, 0.56) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.banner__content,
.banner--internal .banner__content {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
    width: 100%;
	text-align: center;
}

.banner .banner__content h1,
.banner--internal .banner__content h1 {
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0 0 0.313rem;
}

.banner .banner__content h1 span {
	font-size: 1.75rem;
	font-weight: 400;
	display: block;
	text-transform: initial;
}

.banner .banner__bg {
	min-height: 34.375rem;
	background-repeat: no-repeat;
	background-position: top right;
}
/* -----------------------------------------------------
9.0 COMPONENTS
----------------------------------------------------- */

/* -----------------------------------------------------
9.1 ABOUT
----------------------------------------------------- */
.about {
	position: relative;
}

.about__loretta {
	padding-bottom: 3.125rem;
}

.loretta__video {
	left: 0;
    bottom: 0;
    position: relative;
    right: 0;
	margin: 0 auto;
	padding: 0 0.938rem;
    top: inherit;
    max-width: 40.625rem;
	z-index:2;
}

.loretta__video a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.loretta__video a:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(217,217,217,0.15)
}

.play__btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	width: 4.375rem;
	height: 4.375rem;
	text-align: center;
	line-height: 4.75rem;
	border: 0.125rem solid #fff;
	border-radius: 50%;
	background-color: rgba(106,71,120,0.75);
}

.loretta__video .play__btn {
	top:52%;
}

.play__btn i {
	font-size: 1.875rem;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 51%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
}

.video-box:hover .play__btn{
	opacity:0.7;
}

.video-box .play__btn,
.video-box:hover .play__btn{
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}

.trainer-text {
	background-color: #994778;	
}

.trainer-text h2 {
	margin: 0;
	padding: 0.938rem 0.625rem;
	color: #fff;
}
/* -----------------------------------------------------
9.2 DOG-TRAINING
----------------------------------------------------- */
.training .row {
	margin-left: 0;
	margin-right: 0;
}

.training__block {
	padding: 0;
}

.training__block--inner {
	cursor: pointer;
	padding-top: 1.25rem;
	padding-bottom: 1.875rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}

.training__block--inner:hover {
	background-color: #fff;	
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	-webkit-box-shadow: 0 0 0.938rem 0 rgba(34,35,34,0.75);
	-moz-box-shadow: 0 0 0.938rem 0 rgba(34,35,34,0.75);
	box-shadow: 0 0 0.938rem 0 rgba(34,35,34,0.75);
}

.training__pet--info h4 {
	margin: 0.188rem 0 0;
	padding: 0.938rem 0 0.938rem 0;
	-webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;	
}

.training__block:hover .training__pet--info h4 {
	background-color: #994778;
	color: #fff;
	padding: 0.938rem 0.938rem 0.938rem 1.25rem;
	-webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.training__block p.lead{
	padding-top:0.938rem;
}

.training__pet img {
	width: 100%;
}

.training__pet--info .text-link {
	padding-top: 0.625rem;
	display: inline-block;
}
/* -----------------------------------------------------
9.3 CONGRATULATION-BLOCK
----------------------------------------------------- */
.block__content {
    padding: 0 0 3.125rem;
    text-align: center;
}
	
.congratulation__block {
	position: relative;
}

.congratulation__block h5 {
	display: inline-block;
	margin-bottom:0;
	padding: 0.5rem 0 0;
}

.congratulation__block p {
	padding: 0.5rem 0 0;
}

.congratulation__block .team {
    margin: 0 auto;
    max-width: 37.5rem;
	padding: 0 1.25rem;
}
/* -----------------------------------------------------
9.4 TESTIMONIAL
----------------------------------------------------- */
.testimonial__content {
    max-width: 55.625rem;
	margin: 0 auto;
}

.testimonial__content p:before {
	position: absolute;
	content: "";
	left: 0;
	top: -0.938rem;
	width: 4.438rem;
	height: 3.75rem;
	background-image: url(../../images/quote.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.testimonial__content h2 {
	color: #994778;
	text-transform: uppercase;
	padding: 0 0 1.875rem;
}

.testimonial__content p {
	font-size: 1rem;
	line-height: 1.75rem;
	position: relative;
}

.congratulation__text {
    background-color: #0596e9;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    height: inherit;
    padding: 1.25rem 0;
    position: relative;
    right: inherit;
    text-align: center;
    text-transform: uppercase;
    top: inherit;
	left: 0;
    transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    vertical-align: middle;
    width: 100%;
}
/* -----------------------------------------------------
9.5 CONTACT
----------------------------------------------------- */
.contact__content h2 {
	color: #fff;
	font-weight: 500;
}

/* -----------------------------------------------------
10.0 PAGE-SPECIFIC STYLES
----------------------------------------------------- */
/* -----------------------------------------------------
10.1 INTERNAL PAGES
----------------------------------------------------- */
.banner--internal .banner__content{
	text-align: center;
}

.banner--internal{
	min-height: 18.75rem;
	position: relative;;
}

.card-left--full{
	overflow:hidden;
}

.card-left--full .card-left__content{
	max-width: 100%;
	float: right;
	padding-right: 0.938rem;
	padding-left:0.938rem;
}

.card-left__content{
	padding-right:0;
}

.card-left--full .card-left__image{
	padding:0 0.938rem;
}

.card-left__image img,
.card-right__image img{
	width: 100%;
}

.card-right__image a{
	display:block;
	position:relative;
}

.card-left__image,
.card-right__image{
	margin-bottom:1.875rem;
}

.card-right__image{
	margin:3.75rem 0 -1.875rem 0;
}

.training--inner .training__pet--info h4{
	color:#994778;
}

.training--inner img{
	box-shadow:0 0 0.938rem 0 rgba(0,0,0,0.35);
	-webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.training__block:hover img{
	box-shadow:none;
	-webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.card-right--pet-sitting{
	margin-bottom:0;
	padding-bottom:12.5rem;
}

.card-right__content{
	position:relative;
}

.card-right--pet-sitting .card-right__content{
	padding-bottom:2.5rem;
}

.card-left__image--pull img{
	margin-bottom:-7.5rem;
	position:relative;
	z-index:8;
}

.card-right__content figure{
	float:none;
	padding-top:0.313rem;
	position:absolute;
	bottom:-11.25rem;
	left:0;
}

.logo-list {
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content: center;
}

.logo-list .logo-list__item {
    padding:15px;
    flex:0 0 auto;
}

.logo-list img {
    height: auto;
    max-height:120px;
    max-width:;
    width: auto;
}

/* -----------------------------------------------------
10.2 GROUP CLASSES PAGE
----------------------------------------------------- */
.card-left--classes{
	overflow:inherit;
}

.card-left--classes .row{
	margin:0;
}

.card-left--classes .card-left__image{
	position:relative;
	top:0;
	right:0;
	z-index:3;
}

.card-left--classes .card-left__image,
.card-left--classes .card-left__content{
	padding:0;
}

.schedule__box figure{
	float:none;
}

.schedule__box figure .fa{
	font-size:1.875rem;
	color:#fff;
	background-color:#0596e9;
	padding:0.938rem 1.25rem 1.125rem;
	border-radius: 0.188rem;
}

.schedule__text{
	padding-left:0;
}

.schedule__special-text {
	color:#f00;
}

.schedule__box h5{
	margin-bottom:0.5rem;
}

.schedule__box p{
	padding:0;
	margin:0;
	font-size:1.375rem;
}

.schedule {
	text-align:center;
}

.schedule__box {
	padding:1.25rem 0.938rem;
	text-align:left;
}

.schedule__box:nth-child(even){
	background-color:#f1f2f2;
}

.schedule .btn{
	margin-top:3.125rem;
	margin-right:0;
}

.schedule h2{
	margin-bottom:3.125rem;
}

/* -----------------------------------------------------
10.3 GALLERY PAGE
----------------------------------------------------- */
.gallery-section{
	text-align:center;
}

.gallery-section .nav-tabs{
	display:block;
	border:none;
	background-color:#fff;
	margin-bottom:3.75rem;
	margin-top:-6.25rem;
	box-shadow:0 0 1.25rem rgba(0,0,0,0.4);
}

.gallery-section .nav-item{
	margin:0;
	padding:0.938rem 0.625rem 0.813rem;
	display:inline-block;
}

.gallery-section .nav-link{
	border:none;
	line-height:1.125rem;
	color:#333333;
	padding:0;
	max-width:5rem;
	font-size:0.875rem;
}

.gallery-section .nav-link span{
	font-weight:600;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover{
	color:#994778;
}

.tab-content .lead{
	margin-bottom:3.125rem;
}

.gallery__grid{
	float:none;
	display:block;
	position:relative;
	max-width:18.75rem;
	margin:0 auto 0.938rem;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.gallery__grid img{
	width:100%;
}

.gallery__item{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(5,150,233,0.60);
	opacity:0;
}

.gallery__item:before{
	content:"\f002";
	font-family:'FontAwesome';
	font-size:2.5rem;
	line-height:2.5rem;
	color:#fff;
	height:2.625rem;
	width:2.5rem;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	opacity:1;
}

.gallery__item:hover{
	opacity:1;
}

.gallery-btns .prev,
.gallery-btns .next,
.gallery-btns .prev:hover,
.gallery-btns .next:hover{
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}

.gallery-btns {
	max-width:21.875rem;
	margin:0 auto;
}

.gallery-btns .prev,
.gallery-btns .next{
	font-weight:600;
	color:#333333;
	cursor:pointer;
	margin-top:1.875rem;
}

.gallery-btns .prev:hover,
.gallery-btns .next:hover{
	color:#0596e9;
}

.gallery-btns .fa{
	font-weight:bold;
	color:#0596e9;
}

.gallery-btns .prev{
	display:inline-block;
	float:left;
}

.gallery-btns .next{
	display:inline-block;
	float:right;
}
 
/* -----------------------------------------------------
10.4 CONTACT PAGE
----------------------------------------------------- */
.contact h4{
	color:#994778;
	font-size:1.5rem;
	margin-bottom:1.875rem;
}

.contact .contact__details{
	margin-bottom:3.125rem;
	text-align:left;
}

.contact .contact__details.social__contact{
	float:none;
	padding:0;
}

.contact__details div{
	margin-bottom:0.938rem;
}

.contact__details--email a.text-link{
	font-size:0.875rem;
}

.contact--form{
	margin-bottom:3.125rem;
}

/* -----------------------------------------------------
10.5 SITEMAP
----------------------------------------------------- */
.sitemap__nav li,
.sitemap__nav li a {
	font-size:1.2rem;
	color:#333333;
	margin-bottom:0.625rem;
	text-decoration:none;
}

.sitemap__nav li a:hover{
	color:#0596e9;
}

.sitemap__nav li{
	position:relative;
	padding-left:0.938rem;
}

.sitemap__subnav{
	padding-left:1.875rem;
	padding-top:0.625rem;
}

.sitemap__nav li:before{
	content:"\f105";
	font-family:'FontAwesome';
	color:#0596e9;
	line-height:1.6rem;
	position:absolute;
	top:0;
	left:0;
}

.sitemap__subnav li a,
.sitemap__subnav li:before{
	font-size:1rem;
	top:0.063rem;
}
/* -----------------------------------------------------
11.0 MEDIA QUERIES
----------------------------------------------------- */
@media screen and ( min-width: 87.5rem ) {
	.loretta__video{
		position: absolute;
		right: 0;
		top: 3.438rem;
		padding: 0;
		left: inherit;
		max-width: inherit;
		bottom: inherit;
	}
	
}

@media (min-width: 75rem) and (max-width: 87.438rem) {
	.loretta__video {
		bottom: 0;
		left: inherit;
		position: absolute;
		right: 0;
		padding: 0;
		top: inherit;
	}		
}

@media screen and ( min-width:80rem) {
	.section--large {
		padding: 9.375rem 0;
	}
	
	.banner:before {
		display: none;
	}
	
	.block__content {
    	max-width: 28.125rem;
	}		
	
	.training .row {
		margin-left: -0.938rem;
    	margin-right: -0.938rem;
	}
	
	.training__block {
		padding-top: 1.563rem;
		padding-bottom: 2.188rem;
		padding-left: 1.563rem;
		padding-right: 1.563rem;
	}
	
}

@media (min-width: 75rem) and (max-width: 79.938rem) {
	.block__content {
    	max-width: 25rem;		
	}
	
	.section--large {
		padding: 3.75rem 0;
	}
}

@media (min-width: 48rem) and (max-width: 79.938rem) {
	.section--large {
		padding: 3.75rem 0;
	}
}

@media screen and (min-width: 75rem) {
	.header {
		padding: 1.5rem 0 1.25rem;
	}
	
	.header .logo {
		width: auto;
	}
	
	.navbar-nav {
		padding-top: 2.188rem;
	}
	
	.navbar-nav li a {
		margin-left: 1.5rem;
	}
	
	.navbar-nav li:first-child a {
		margin-left: 0;
	}	
		
	li.dropdown ul.dropdown-menu {
		left: 1.5rem;
	}
	
	.about__loretta {
		padding-bottom: 0;
	}
	
	.block__content {
		text-align: left;
		padding-bottom: 0;
	}
	
	.congratulation__block .team {
		position: absolute;
		right: 0;
		top: inherit;
		bottom: 0;
		overflow: hidden;
		padding: 0;
		max-width: inherit;
	}
	
	.team img {
		padding-right: 8.063rem;
	}
	
	.congratulation__text {
		background-color: #0596e9;
		color: #fff;
		display: inline-block;
		font-size: 2.25rem;
		font-weight: 600;
		height: 8.125rem;
		padding: 2.375rem 0;
		position: absolute;
		right: -10.625rem;
		left: inherit;
		text-align: center;
		text-transform: uppercase;
		top: 10.563rem;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		vertical-align: middle;
		width: 29.375rem;
	}
	
	.testimonial__content p:before {
		left: -1.875rem;
	}
	
	.card-left--full .card-left__content{
		padding-right:3.125rem;
		max-width: 36.25rem;
	}
	
	.card-left__content{
		padding-right:3.125rem;
	}
	
	.card-left--full .card-left__image{
		padding:0;
	}
	
	.card-right__image{
		margin:3.75rem 2.5rem -3.75rem 0;
	}
}

@media (min-width: 61.938rem) and (max-width: 74.938rem) {
	.navbar-nav {
		padding-top: 1.25rem;
	}
	
	.navbar-nav li a {
		margin-left: 1.188rem;
	}	
		
	li.dropdown ul.dropdown-menu {
		left: 1.25rem;
	}
}

@media screen and ( min-width: 62rem) {
	.hamburger {
		display: none;
	}
	
	.section.section--top-pad{
		padding-top:10rem;
	}
	
	nav#navigation {
		width: auto;
		height: auto;
		visibility: visible;
		position: inherit;	
		opacity: 1;
	}

	.navbar-nav {
		margin-top: 0;
		padding-left: 0;
		opacity: 1;
		top: inherit;	
	}
	
	.navbar-nav li {
		float:left;
	}
	
	.navbar-nav li:first-child a{
		margin-left:0;		
	}
	
	.navbar-nav li a {
		padding: 0 0.313rem;
	}		
	
	li.dropdown ul.dropdown-menu {
		background-color: #0596e9;
    	border: medium none;
		position: absolute;
		display: block;
		opacity: 0;
		text-align: left;
		top: 1.875rem;
		width: 15.625rem;
		visibility: hidden;
		padding: 0.625rem 0;
	}
	
	li.dropdown:hover ul.dropdown-menu {
		display: block;
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		visibility: visible;
	}
	
	.navbar-nav li ul.dropdown-menu li a {
		color: #fff;
		display: block;
	}
	
	.contact__details.social__contact {
		float: right;
		padding-top: 0;
		text-align: left;
	}
	
	.contact__details .social__link {
		margin: 0 0.938rem 0 0;
	}

	.card-left__image,
	.card-right__image{
		margin-bottom:0;
	}
	
	.card-right__image{
		margin-bottom:-3.75rem;
	}
	
	.card-right--pet-sitting {
   		margin-bottom: 7.5rem;
		padding-bottom: 0;
	}
	
	.gallery-section .nav-item{
		display:table-cell;
		padding:1.375rem 0;
	}
	
	.gallery-section .nav-link{
		font-size:1rem;
	}
	
	.gallery__grid{
		width:24%;
		margin:0.5%;
		float:left;
	}
	
	.card-left--classes .card-left__image{
		position:absolute;
		top:1.25rem;
		right:0;
		z-index:3;
	}
	
}

@media (min-width: 48rem) and (max-width: 74.938rem) {
	.header .logo {
		width: 11.25rem;
	}
}

@media (min-width: 48rem) and (max-width: 62rem) {	
	.hamburger {
		top: 0.438rem;
	}
	
	.contact__details.social__contact {
		padding-top: 2.5rem;
	}
	
	.gallery-section .nav-tabs{
		display:table;
		width:100%;
	}
	
	.gallery-section .nav-item{
		display:table-cell;
		padding:0.938rem 0;
	}
	
	.gallery-section .nav-link{
		font-size:0.875rem;
	}
	
	.gallery__grid{
		width:32%;
		margin:0.65%;
		float:left;
	}
}

@media (min-width: 36rem) and (max-width: 61.938rem) {	
	.card-right--pet-sitting {
   		margin-bottom: 0;
		padding-bottom: 0;
	}
}

@media screen and ( min-width: 48rem) {
	.gallery-section .nav-tabs{
		display:table;
		width:100%;
	}
	
	.gallery-section .nav-item{
		display:table-cell;
	}
	
	.gallery-section .nav-link{
		max-width:6.25rem;
		margin:0 auto;
	}
	
	.section {
		padding: 3.75rem 0;
	}
	
	.section-medium {
		padding: 5.625rem 0;
	}
	
	.header {
		border-top: 0.938rem solid #e6e6e6;
	}
	
	.navbar .container-fluid {
    	padding: 0 0.938rem;
	}

	.banner__content {
		text-align: left;
	}
	
	.banner__content .btn {
		margin: 1.875rem 0.75rem 0 0;
	}
	
	.contact__details {
		margin-bottom: 0;
		text-align: left;
	}
	
	.contact__details h5 {
		margin-bottom: 2.188rem;
	}
	
	.footer__copyright p {
		padding: 0.938rem 0 0;
	}

	.footer__copyright {
		padding: 1rem 0 0.625rem;
	}
	
	.copyright__text {
		text-align: left;
	}
	
	.developer__text {
		text-align: right;
	}
	.contact--form{
		margin-bottom:0;
	}
}

@media (min-width: 36rem) and (max-width: 48rem) {
	.header {
		padding: 1.25rem 0 0.938rem;
	}
}

@media (min-width: 23.438rem) and (max-width: 48rem) {
	.gallery__grid{
		width:48%;
		margin:1%;
		float:left;
		max-width:inherit;
	}
}

@media screen and ( min-width: 36rem) {
	h1 {
		font-size:2.75rem;
	}
	
	h2 {
		font-size:2.25rem;
	} 
	
	.btn {
		font-size: 1rem;
		padding: 1.125rem 1.875rem 1.063rem;
	}
	
	.banner__content .btn {
		margin: 1.25rem 0.75rem 0 0;
	}
	
	.btn.btn__calender:before {
		top: 1.125rem;
	}
	
	.banner,
	.banner .banner__bg {
		min-height: 37.188rem;
	} 
	
	.banner .banner__content h1 span {
		font-size: 2.063rem;
	}
	
	.play__btn {
		width: 6.875rem;
		height: 6.875rem;
		line-height: 7.188rem;
	}
	
	.card-right__image--video .play__btn {
		width: 5.625rem;
		height: 5.625rem;
		line-height: 6.1rem;
	}
	
	.training__block--inner {
		padding: 0;
	}
	
	.training__block--inner:hover {
		box-shadow: none;
	}
	
	.training__block {
		cursor: pointer;
		padding-top: 1.25rem;
		padding-bottom: 1.875rem;
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		margin-top: 1.25rem;
		-webkit-transition: all 0.4s ease-in-out 0s;
		-moz-transition: all 0.4s ease-in-out 0s;
		-ms-transition: all 0.4s ease-in-out 0s;
		-o-transition: all 0.4s ease-in-out 0s;
		transition: all 0.4s ease-in-out 0s;
	}
	
	.training__block:hover {
		background-color: #fff;	
		-webkit-transition: all 0.4s ease-in-out 0s;
		-moz-transition: all 0.4s ease-in-out 0s;
		-ms-transition: all 0.4s ease-in-out 0s;
		-o-transition: all 0.4s ease-in-out 0s;
		transition: all 0.4s ease-in-out 0s;
		-webkit-box-shadow: 0 0 0.938rem 0 rgba(34,35,34,0.75);
		-moz-box-shadow: 0 0 0.938rem 0 rgba(34,35,34,0.75);
		box-shadow: 0 0 0.938rem 0 rgba(34,35,34,0.75);
	}

	.trainer-text h2 {
		padding: 1.375rem 0;
	}
	
	.congratulation__text {
		font-size: 2.25rem;
	}
	
	.testimonial__content h2 {
		padding: 0;
	}
	
	.testimonial__content p {
		font-size: 1.125rem;
		line-height: 2rem;
	}
	
	.card-right__content figure{
		float:right;
		padding-top:0.313rem;
		position:inherit;
		left:inherit;
		bottom:inherit;
	}
	
	.schedule__box figure{
		float:left;
	}
	
	.schedule__text{
		padding-left:6.25rem;
	}
	
	.contact__details--email a.text-link{
		font-size:1rem;
	}
	
	.schedule__box {
		padding:1.875rem 2.5rem;
	}
	
}

@media (min-width: 23.438rem) and (max-width: 35.938rem) {
	.banner__content .btn {
		margin: 1.25rem 0.75rem 0 0;
	}
	
	.training__block--inner {
		cursor: pointer;
		padding-top: 1.25rem;
		padding-bottom: 1.875rem;
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		width: 80%;
		margin:0 auto;
		-webkit-transition: all 0.4s ease-in-out 0s;
		-moz-transition: all 0.4s ease-in-out 0s;
		-ms-transition: all 0.4s ease-in-out 0s;
		transition: all 0.4s ease-in-out 0s;
	}
	
	.training__block--inner:hover {
		background-color: #fff;	
		-webkit-transition: all 0.4s ease-in-out 0s;
		-moz-transition: all 0.4s ease-in-out 0s;
		-ms-transition: all 0.4s ease-in-out 0s;
		transition: all 0.4s ease-in-out 0s;
		-webkit-box-shadow: 0 0 0.938rem 0 rgba(34,35,34,0.75);
		-moz-box-shadow: 0 0 0.938rem 0 rgba(34,35,34,0.75);
		box-shadow: 0 0 0.938rem 0 rgba(34,35,34,0.75);
	}
	
}

.banner__notice {
	padding:10px;
	background-color:white;
	border-radius:5px;
	font-size:24px;
	font-weight:700;
}

 .call-out{
            background-color: #994778;
            color: #fff;
            padding: 20px;
            max-width: 400px;
            margin: 20px 0;
        }
        .call-out h3, .call-out p{
            color: #fff;
        }

        .card-left__image--small{
            height: 400px;
        }

        .card-left__image--small img{
            height: 100%;
            object-fit: cover;
        }

        @media (min-width: 991px){
            .call-out{
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    z-index: 9;
            }
        }