form small {
  font-size: 12px;
  line-height: 14px;
  margin-top: -3px;
  margin-bottom: 2px;
  display: block;
}

form .error-message {
  background: rgba(209, 76, 76, 0.4) !important;
  color: #FFF !important;
}

.popup {
  background: url(/images/layout/bg-texture.png) repeat scroll left top #fff;
}

.popup > .cell {
  background: url(/images/layout/paws.png) no-repeat scroll right bottom transparent;
}

/*=== HEADER ===*/
.home-btn {
  display: inline-block;
  margin-right: 10px;
  font-size: 18px;
  vertical-align: middle;
  margin-top: -2px;
}

.home-btn:after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 18px;
  background: #000000;
  margin-left: 6px;
  margin-left: 9px;
  margin-bottom: -3px;
}

.home-btn .fa {
  vertical-align: middle;
}

.home-btn .fa-caret-left {
  font-size: 14px;
  margin-right: 4px;
  position: relative;
  left: 0px;
  transition: all 0.3s ease 0s;
}

.home-btn:hover .fa-caret-left {
  left: -4px;
}

.home-btn + p {
  display: inline-block;
  vertical-align: middle;
}

.login-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  z-index: 10000;
  opacity: 0;
  visibility:hidden;
  transition: all 0.3s ease 0s;
}

.login-overlay.open {
  opacity: 1;
  visibility: visible;
}

#login {
  background: url(/images/layout/bg-texture.png) repeat scroll left top #fff;
  position: absolute;
  left: 0;
  right:0;
  margin: auto;
  top: -100%;
  width:100%;
  height: 100%;
  max-width: 760px;
  max-height: 541px;
  border-radius: 20px;
  overflow: hidden;
  opacity: 0;
  
  -webkit-transform: translateY(0);
  -moz-transform:    translateY(0);
  -ms-transform:     translateY(0);
  -o-transform:      translateY(0);
  transform:         translateY(0);
  transition: all 0.3s ease 0s;
}

.open #login {
  top:50%;
  opacity: 1;
  -webkit-transform: translateY(-50%);
  -moz-transform:    translateY(-50%);
  -ms-transform:     translateY(-50%);
  -o-transform:      translateY(-50%);
  transform:         translateY(-50%); 
}

.open #login.register {
  transition: all 0.3s ease 0s !important;
  top:50%;
  max-width: 900px;
  max-height: 760px;
/*   max-height: calc(100% - 40px); use this for responsive styling */ 
}

#login .login-nav {
  height: 64px;
  background-color: #000;
}

#login .login-content {
  background: url(/images/layout/login_bg.png) no-repeat scroll right bottom transparent;
}

#login button {
  cursor: pointer;
  text-transform: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: normal;
  color: inherit;
  border: inherit;
  outline: inherit;
  background: inherit;
}

#login .login-close {
  position: absolute;
  right: 22px;
  top: 17px;
  height: 29px;
  width: 29px;
  background-color: transparent;
  color: #FFF;
  border: 3px solid #FFF;
  border-radius: 3px;
}

#login .login-close:before,
#login .login-close:after {
  content:"";
  display: block;
  height: 3px;
  width: 15px;
  background-color: #FFF;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 3px;
}

#login .login-close:before {
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  transform:         rotate(45deg);
}

#login .login-close:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform:    rotate(-45deg);
  -ms-transform:     rotate(-45deg);
  -o-transform:      rotate(-45deg);
  transform:         rotate(-45deg);
}

#login .account-btns {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-size: 0px;
}

#login .account-btns i {
  position: absolute;
  bottom:0px;
  height: 10px;
  background-color: #fec524;
  z-index: 0;
  transition: all 0.3s ease 0s;
}

#login .account-btns button {
  display: inline-block;
  font-family: 'FjallaOne-Regular';
  font-size: 22px;
  line-height: 26px;
  padding: 19px 17px;
  background: transparent;
  color: #FFF;
  position: relative;
  z-index: 1;
}

#login .account-btns button + button {
  margin-left: 29px;
}

#login h2 {
  font-family: 'FjallaOne-Regular';
  font-size: 48px;
  line-height: 52px;
  color: #00c4b4;
  text-align: center;
  margin-bottom: 34px;
}

#login .input {
  display: block;
  width: 100%;
  height: 54px;
  max-width: 340px;
  margin: 0 auto;
  text-align: center;
  border: 5px solid #000;
  border-radius: 28px;
  position: relative;
  overflow: hidden;
}

#login #form-register .input.highlight {
  background-color: rgba(251, 105, 105, 0.6) !important;
}

#login .input label {
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform:    translateY(-50%);
  -ms-transform:     translateY(-50%);
  -o-transform:      translateY(-50%);
  transform:         translateY(-50%);
  width: 100%;
  left: 0;
  z-index: 0;
  opacity: 0.5;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  padding: 0 12px;
  margin: auto;
}

#login .input :not(label):not(i):not(span):not(br):not(strong) {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top:0px;
  padding: 12px;
  background: none !important;
  text-align: center;
  border-radius: inherit;
  box-shadow: none;
  outline: none;
  border: none;
}

#login .input + .table {
  margin-top: 42px;
}

#login .input.on label {
  opacity: 0;
}

#login #form-register .input {
  margin: 0;
  max-width: 100%;
  text-align: left;
  overflow: inherit;
  border-left: none;
  border-right: none;
  border-top: none;
  border-radius: inherit;
  position: relative;
}

#login #form-register div.strength_meter {
  display: block;
  position: absolute;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  left: -20px;
  top:0;
  bottom: 0;
  margin: auto;
  padding: 0;
  z-index: 0;
}

#login #form-register div.strength_meter > div {
  display: none;
}

#helper {
  display: inline-block !important;
  font-size: 28px;
  position: absolute !important;
  height: 24px !important;
  width: 24px !important;
  z-index: 1;
  left: -20px;
  top: 0 !important;
  bottom: 0;
  margin: auto;
  padding: 0 !important;
  line-height: 25px;
  transform: translateY(-3px);
}

#login #form-register .input-display .button_strength {
  display: inline-block;
  padding: 6px 0px 0px 0px;
  position: absolute;
  width: auto;
  right: 0;
  top: auto;
  bottom: 0;
}

#login #form-register .input * {
  text-align: left !important;
}

#login .input + .input {
  margin-top: 17px;
}

#login #form-register .input + .input {
  margin-top: 7px;
}

#login #form-register .input abbr {
  position: absolute;
  right: 1px;
  font-size: 32px;
  color: #f81e1e;
  display: inline-block !important;
  width: auto;
  top: 10px;
  padding: 0 !important;
  line-height: 30px;
}

#login abbr {
  border-bottom: none !important;
  cursor: inherit !important;
  text-decoration: none !important;
}

#login .border i {
  height: 2px;
  width: 100%;
  display: block;
  background-color: #fec524;
}

#login .btn-cell {
  width:169px;
}

#login #form-register .btn-cell {
  width: 235px;
}

#login .btn-cell .button {
  border-color: #fec524;
  border-radius: 32px;
  min-width: 0;
  width: 100%;
  display: block;
}

#login .btn-cell .button:hover {
  background-color: #fec524;
}

#login .alt-options {
  list-style: none;
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 25px;
}

#login .alt-options li {
  display: inline-block;
  font-size: 14px;
  font-family: 'Montserrat-Bold';
  vertical-align: middle;
}

#login .alt-options li + li:before {
  content: "";
  display: inline-block;
  height: 14px;
  width: 2px;
  background-color: #000000;
  margin: 0px 7px -2px;
}

#login p {
  margin: 0px !important;
  display: block;
  font-size: 14px;
  vertical-align: middle;
  background: none;
  color: inherit;
  padding: 0px;
  border-radius: inherit;
}

#login .alt-options li p {
  display: inline-block;
}

#login .login-form {
  opacity: 1;
  visibility: visible;
  position: absolute;
  top:0;
  left: 0;
  transition: all 0.4s ease 0s;
  width: 100%;
  height: 100%;
  overflow: auto;
}

#login .login-form .info { 
  margin: -20px 0 10px 0;
}

#login .login-form .info p {
/*   font-family: 'Montserrat-Bold'; */
  color: #ff0000;
}

#login .login-form .jb-form {
  padding: 57px 0 36px 0;
  position: absolute;
  top:0;
  left: 0;
  display: block;
  width: 100%;
}

#login .registration-form {

  opacity: 0;
  visibility: hidden;

  position: absolute;
  overflow: auto;
  height: 100%;
  width: 100%;
  transition: all 0.4s ease 0s;
}

#login.register .login-form {
  opacity: 0;
  visibility: hidden;
}

#login.register .registration-form {
  opacity: 1;
  visibility: visible;
}

#login .registration-form #form-register {
  display: block;
  height: auto;
  position: absolute;
  top: 0px;
  padding: 26px 0 35px;
}

#login .registration-form #form-register .form-padding {
  padding: 0 35px;
}

#login .registration-form #form-register .form-padding + section {
  margin-top: 45px;
}

#login .note {
  font-size: 14px;
  line-height: 18px;
  margin: 0 !important;
}

#login #form-register h3,
#login #form-register h3 + p {
  text-align: center;

}
#login #form-register h3 + p {
  margin-bottom: 40px !important;
}

#login #form-register .your-details h3 {
  margin-bottom: 25px;
}

#form-register section {
  display: block;
}

#form-register section + section {
  margin-top: 55px;
}

#login .space {
  width: 35px;
}
 
/*=== HEADER ===*/
#header{
	height: 150px;
}
#dashboard #header{
	height: 0px;
}
.header-wrapper{
	position: fixed !important;
	width: 100%;
	top: 0 !important;
	z-index: 999;
	-webkit-transition: all 0.3s ease 0s;
  -moz-transition:    all 0.3s ease 0s;
  -ms-transition:     all 0.3s ease 0s;
  -o-transition:      all 0.3s ease 0s;
  transition:         all 0.3s ease 0s;
}
.top-bar{
	height: 46px;
	background: url(../images/layout/pattern-dots.png) #fec524;
}
.top-bar .container{
	max-width: 1095px;
	padding: 0;
}
.top-menu{
	color: #ffffff;
	font-family: 'Montserrat-Regular';
	font-size: 0;
}
.top-menu li {
	display: inline-block;
	vertical-align: top;
}
.top-menu li a{
	display: block;
	font-size: 16px;
	height: 46px;
	padding: 13px 20px;
	white-space: nowrap;
	text-transform: uppercase;
	cursor: pointer !important;
}
.top-menu .ico-vet{
	background: url(../images/icons/vet-sm.png) no-repeat 18px 50% #00b4aa;
	padding-left: 52px;
}

.top-menu .ico-phone{
	background: url(../images/icons/phone.png) no-repeat 20px 50% #000000;
	padding-left: 50px;
}

/*=== MAIN NAVIGATION ===*/
.logo{
	width: 100%;
	display: block;
}
.logo img{
	display: block;
}
.header-menu {
	background: url(../images/layout/bg-texture.png) repeat;
	height: 104px;
}
.header-menu .table{
	max-width: 1135px;
}
.header-menu .cell:first-child{
	width: 392px;
	padding-left: 20px;
}
.header-menu .cell:last-child{
	padding: 45px 20px 0 0 ;
}
#nav-btn,
#nav-close-btn,
.center-logo-mobile{
	display: none;
}
.main-nav, .main-nav nav, .nav-menu,
.nav-menu > li, .nav-menu li a{
  height: 100%;
}
.nav-menu{
	margin-right: -12px;
}
.nav-menu > li{
	display: inline-block;
	position: relative;
	vertical-align: middle;
/*     min-width: 110px; */
    text-align: center;
}
.nav-menu > li:last-child{
	padding-right: 0;
}
.nav-menu > li > a{
	display: inline-block;
	font-family: 'Montserrat-Regular';
	font-size: 16px;
	color: #000000;
	text-transform: uppercase;
	white-space: nowrap;
	position: relative;
	padding: 0 12px;
}
.nav-menu > li.active > a:after,
.nav-menu > li > a:after{
	content: "";
	display: block;
	height: 10px;
	background: #00b4aa;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -1px;
	opacity: 0;
	visibility: hidden;
}
.nav-menu > li.active > a:after,
.nav-menu > li:hover > a:after{
	opacity: 1;
	visibility: visible;
}
.sub-menu{
    display: block;
	background: url(../images/layout/bg-texture.png) repeat;
	color: #000000;
    text-align: left;
    list-style: none;
    padding: 15px 20px 40px;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 250px;
    z-index: 5;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
   	-webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
            transform: translateX(-50%);
   opacity: 0;
   visibility: hidden;
}
.nav-menu > li:hover .sub-menu{
	opacity: 1;
	visibility: visible;
}
.nav-menu .sub-menu a{
	display: block;
	font-size: 16px;
	padding: 6px 0;
	position: relative;
}
.nav-menu .sub-menu a:after {
	content: '';
	display: block;
	height: 10px;
	background: #00b4aa;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -1px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease 0s;
}
.nav-menu .sub-menu a:hover:after {
	opacity: 1;
	visibility: visible;
}
.close-btn {
	display: none;
	background: url(../images/icons/close-btn.png) no-repeat;
	width: 28px;
	height: 28px;
	position: absolute;
	margin: 0;
	top: 50px;
	right: 50px;
	z-index: 5;
}
/*=== FIXED & INNER HEADER STYLES ===*/

.fixed .top-bar,
.fixed .top-bar a{
	height: 35px;
}
.fixed  .top-menu li a{
	padding-top:7px;
	padding-bottom: 7px;
}
.fixed .header-menu{
	height: 76px;
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.fixed .header-menu .cell:first-child{
	width: 280px;
}
/*
.fixed .header-menu .logo{
	width: 280px;
}
*/
.fixed .header-menu .cell:last-child{
	padding-top: 32px;
}
/*=== TOP BANNER ===*/
.main-slider{
	height: 100%;
	min-height: 100%;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.main-slider .banners {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
}

.main-slider .banners .slick-slide{
  display: block;
  height: 100%;
  width: 100%;
  background-attachment: fixed;
  background-color: transparent;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner > .cell > .relative{
	height: 100%;
	min-height: 100%;
}
.banner  .slick-list, .banner  .slick-track{
  height: 100%;
}
.slick-dotted.slick-slider{
	margin-bottom: 0;
}
.banner  .slick-slider .slick-track, .banner  .slick-slider .slick-list{
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
	transform: none !important;
	backface-visibility: hidden;
}
.banner .slider-dots{
	position: absolute;
	z-index: 9;
	text-align: right;
  bottom: 25px;
  width: 65%;
}
.banner .slick-dots{
	position: relative;
	bottom: 0;
}
.banner .slick-dots li{
	display: inline-block;
  width: 6px;
  height: 6px;
	-webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-indent: 100%;
	white-space: nowrap;
  overflow: hidden;
  margin: 0 6px 0 0;
  background: #ffffff;
}
.banner .slick-dots li:last-child{
	margin-right: 0;
}
.banner .slick-dots li:before,
.slick-dots li button::before{
    content: "";
}
.banner .slick-dots li.slick-active{
	background: #fec524;
}
.no-scroll .banner .slick-slider .slick-track,
.no-scroll .banner .slick-slider .slick-list{
	-webkit-perspective: 1000;
}
.slick-dots * {
  font-size: 0px !important;
  outline: none !important;
}
.banner{
	min-height: 580px;
}
.banner-menu{
	width: 35%;
	text-align: center;
}
.banner-content > .table > .cell:first-child{
	padding: 30px 0 103px;
}
.banner-content .cell .menu-box{
	height: 50%;
	padding: 28px;
  width: 94%;
  float: right;
}
.banner-menu .menu-box:first-child,
.banner-menu > .table > .row:first-child > .menu-box {
	background: url(../images/layout/pattern-dots.png) rgba(0, 196, 180, 0.8);
}
.banner-menu .menu-box:last-child,
.banner-menu > .table > .row:last-child > .menu-box {
	background: url(../images/layout/pattern-dots.png) rgba(254, 197, 36, 0.8);
}
.banner-menu h3{
	font: 45px/48px 'FjallaOne-Regular';
	color: #ffffff;
}
.banner-menu h3 span{
	display: block;
	font: 55px/48px 'Kalam-Regular';
	text-transform: none;
}
.banner-menu .menu-box:first-child h3{
	padding-top: 90px;
	background: url(../images/icons/family.png) 50% top no-repeat;
}
.banner-menu .menu-box:last-child h3{
	padding-top: 76px;
	background: url(../images/icons/vet.png) 50% top no-repeat;
}
.banner-content .cell .menu-box:hover{
	width: 100%;
}
.banner-menu .menu-box:first-child:hover .table,
.banner-menu > .table > .row:first-child > .menu-box:hover .table {
	background: rgba(0, 196, 180, 1);
}
.banner-menu .menu-box:last-child:hover .table,
.banner-menu > .table > .row:last-child > .menu-box:hover .table{
	background: rgba(254, 197, 36, 1);
}
.banner-content{
    position: absolute;
    z-index: 8;
    width: 100%;
    height: 100%;
}
.banner-overlay{
	background: rgba(89, 89, 89, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.banner-text{
    color: #ffffff;
	text-align: center;
}
.banner-text .large-text{
   	font: 36px/36px 'Montserrat-Regular';
    letter-spacing: -0.5px;
   	margin-bottom: 50px;
}
.banner-text .large-text span{
	display: block;
	font: 56px 'Kalam-Bold';
	line-height: 62px;
}
.banner-text .btn{
	width: auto;
}
.banner-text .btn:before{
	width: calc(50% - 115px);
}
.sub-banner{
	height: 402px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	color: #ffffff;
}
.sub-banner .banner-overlay{
	background: url(../images/layout/pattern-dots.png) rgba(89, 89, 89, 0.5);
}
.sub-banner .relative{
	height: 100%;
	z-index: 3;
}
.sub-banner .cell{
	padding-top: 30px;
}
.sub-banner  .large-text{
	font: 56px/62px 'Kalam-Bold';
	letter-spacing: -0.5px;
	text-transform: uppercase;
	position: relative;
}
.sub-banner  .large-text:after{
	content: "";
	display: block;
	vertical-align: top;
	height: 7px;
	width: 69px;
	background: #fec524;
	margin: 5px auto 0;
}
.sub-banner .signet{
	width: 277px;
    height: 277px;
    background: url(../images/layout/signet-grn.png) no-repeat;
    position: absolute;
    right: 0;
    bottom: -100px;
}

.banner-contain-relative {
  position: relative;
  width: 100%;
  height: auto;
}
/*=== BREADCRUMBS ===*/
.main-content .breadcrumbs{
    position: relative;
    margin-bottom: 55px;
}
.main-content .breadcrumbs li{
    display: inline-block;
	text-transform: capitalize;
	font-size: 14px;
}
.main-content .breadcrumbs li:after{
    content: "";
	display: inline-block;
	vertical-align: top;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
    margin: 0px 3px 0 5px;
	background: #00c4b4;
	position: relative;
    top: 6px;
}
.main-content .breadcrumbs li:last-child:after{
    content: none;
}
/*=== MAIN CONTENT ===*/
.main-content{
	padding: 30px 0 100px;
}
.main-content .col-left{
    padding-right: 50px;
}
.main-content .col-right{
    width: 310px;
    padding-top: 55px;
}
.main-content .col-left h1{
	color: #00c4b4;
	margin-bottom: 10px;
}
.main-content .col-left h1 + h2{
	font-size: 38px;
	line-height: 44px;
	color: #fec524;
	margin: 0 0 10px;
}
.main-content .col-left h2{
	font-size: 36px;
	line-height: 48px;
	padding: 10px 0;
}
.main-content .col-left a{
	color: #ffb700;
	font-family: 'Montserrat-Bold';
}
.main-content .col-left p{
	margin-bottom: 25px;
}
.col-right .img-banner{
	max-width: 310px;
	height: 310px;
	margin-bottom: 68px;
	letter-spacing: -0.5px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-align: center;
	overflow: hidden;
	-webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  display: block;
}
.col-right .img-banner:last-child{
	margin-bottom: 0;
}
.col-right .img-banner.support{
	height: 330px;
}
.col-right .img-banner .cell{
	color: #ffffff;
	background: rgba(89, 89, 89, 0.5);
	padding: 20px;
}
.col-right .img-banner h2{
	font: 38px/50px 'Kalam-Bold';
	text-transform: capitalize;
	color: #00c4b4;
}
.col-right .img-banner h3{
	margin-bottom: 10px;
}
.col-right .img-banner p{
	margin-bottom: 10px;
}
.ico-base{
	display: block;
	margin: 0 auto 5px;
	max-height: 78px;
}
.ico-wrap {
  height: 180px;
  width: 180px;
  border: 5px solid #fec524;
  border-radius: 50%;
  position: relative;
  display: block;
  margin: 0 auto 16px;
}
.ico-wrap .ico-base {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0; 
  left: 0;
  right: 0;
}
.col-right .ico-support{
	display: inline-block;
	vertical-align: top;
	width: 178px;
	height: 178px;
	background-repeat: no-repeat;
	border: 5px solid #fec524;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
	margin-bottom: 15px;
}
.col-right .img-banner .more{
	font: 24px/30px 'Kalam-Bold';
	color: #fec524;
	transition: all 0.3s ease 0s;
}
.col-right h3 {
  padding-bottom: 12px;
  vertical-align: top;
}
.col-right p span {
  line-height: 23px;
}

.col-right .img-banner:hover .more{
  color: #FFF;
}
/*=== ABOUT SECTION ===*/
.about-wrapper{
	padding: 85px 0 60px;
}
.about-wrapper .container{
	max-width: 930px;
}
.about-wrapper h1{
	position: relative;
	max-width: 550px;
	margin-bottom: 30px;
}
.about-images{
	margin-bottom: 40px;
}
.about-images .img-box{
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	-webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
			border-radius: 20px;
	width: 100%;
}
.about-images .img-box:first-child{
	max-width: 574px;
	height: 332px;
	margin-left: -20px;
}
.about-images .img-box:nth-child(2){
	max-width: 407px;
	height: 236px;
    position: absolute;
    right: 0;
    top: 116px;
}
.about-images .signet{
	width: 277px;
	height: 277px;
	background: url(../images/layout/signet.png) no-repeat;
	position: absolute;
	right: 125px;
	top: -130px;
}
.about-wrapper .cell:first-child{
	padding-right: 50px;
}
.about-wrapper .cell:last-child{
	width: 320px;
	padding-top: 20px;
}
.about-wrapper p{
	letter-spacing: -0.5px;
}
.about-wrapper .btn{
	width: 280px;
}
.about-wrapper .btn:before {
	left: inherit;
    right: 0;
    width: calc(50% - 405px);
}
/*=== QUICK LINCKS SECTION ===*/
.quick-links-wrapper{
	padding: 145px 0 45px;
	background: url(../images/banners/ql-banner.jpg) center top no-repeat;
	background-attachment: fixed;
	background-size: cover;
	color: #ffffff;
}
.quick-links-wrapper:after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	background: rgba(89, 89, 89, 0.2);
}
.quick-links-wrapper .container{
	max-width: 1030px;
	position: relative;
	z-index: 1;
}
.quick-links-wrapper h2{
	margin-bottom: 40px;
}
.quick-links-wrapper .table{
	margin-bottom: 30px;
}
.quick-links-wrapper .cell{
	padding: 0 10px;
}
.quick-links-wrapper .img-box{
	display: inline-block;
	vertical-align: top;
	width: 180px;
	height: 180px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
	border: 5px solid #fec524;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	position: relative;
}
.quick-links-wrapper .img-box:after,
.quick-links-wrapper .img-box:before{
	content: "";
	display: block;
	width: 158px;
	height: 158px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
	border: 15px solid transparent;
	position: absolute;
    left: -8px;
    top: -9px;
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	   		transform: rotate(0deg);
}
.quick-links-wrapper .cell:hover .img-box:before {
    border-top-color: #fec524;
    border-right-color: #fec524;
    border-bottom-color: #fec524;
    -webkit-transition: border-top-color 0.05s linear, border-right-color 0.1s linear 0.05s, border-bottom-color 0.05s linear 0.2s;
       -moz-transition: border-top-color 0.05s linear, border-right-color 0.1s linear 0.05s, border-bottom-color 0.05s linear 0.2s;
        -ms-transition: border-top-color 0.05s linear, border-right-color 0.1s linear 0.05s, border-bottom-color 0.05s linear 0.2s;
    		transition: border-top-color 0.05s linear, border-right-color 0.1s linear 0.05s, border-bottom-color 0.05s linear 0.2s;
}
.quick-links-wrapper .cell:hover .img-box:after{
    border-top: 15px solid #fec524;
	transform: rotate(270deg);
	-webkit-transition: transform 0.3s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.3s linear 0s;
	   -moz-transition: transform 0.3s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.3s linear 0s;
   		-ms-transition: transform 0.3s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.3s linear 0s;
			transition: transform 0.3s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.3s linear 0s;
}
.ico-pet{
	background-image: url(../images/icons/ql-pet.png);
	background-position: center 55%;
}
.ico-urn{
	background-image: url(../images/icons/ql-urn.png);
	background-position: center 50%;
}
.ico-keychain{
	background-image: url(../images/icons/ql-keychain.png);
	background-position: center 50%;
}
.ico-support{
	background-image: url(../images/icons/ql-support.png);
	background-position: center 55%;
}
.quick-links-wrapper h3{
	margin-bottom: 10px;
}
.quick-links-wrapper .more{
	font: 25px 'Kalam-Bold';
	color: #fec524;
	opacity: 0;
	visibility: hidden;
	position: relative;
	top: 20px;
}
.quick-links-wrapper .cell:hover .more{
	opacity: 1;
	visibility: visible;
	top: 0px;
}
/*=== REASONS SECTION ===*/
.reasons-wrapper{
	overflow: hidden;
}
.reasons-wrapper .bg-images{
	position: absolute;
	width: 100%;
	right: 0;
}
.reasons-wrapper .bg-images div{
	position: absolute;
}
.reasons-wrapper .bg-images div:first-child{
	width: 141px;
	height: 177px;
    left: 80px;
    top: 14px;
}
.reasons-wrapper .bg-images div:nth-child(2){
	width: 141px;
	height: 163px;
    left: 270px;
    top: -28px;
}
.reasons-wrapper .bg-images div:nth-child(3){
	width: 141px;
	height: 177px;
    left: 428px;
    top: 42px;
}
.reasons-wrapper .bg-images div:nth-child(4){
	width: 140px;
	height: 177px;
    left: 496px;
    top: 219px;
}
.reasons-wrapper .bg-images div:last-child{
	width: 495px;
	height: 438px;
	left: 0;
	top: 160px;
	z-index: -1;
}
.reasons-wrapper .table{
	height: 563px;
	position: relative;
	z-index: 1;
}
.reasons-wrapper .cell{
    background: url(../images/layout/bg-paws.png);
    background-position: 0 49px;
}
.reasons-wrapper .cell:nth-child(2){
	width: 637px;
	background: none;
}
.reasons-wrapper .relative,
.reasons-wrapper .bg-paw{
	height: 100%;
	width: 100%;
}
.reasons-wrapper .bg-paw{
	background: url(../images/layout/bg-paw.png) no-repeat;
	background-position: top right;
	position: relative;
	z-index: 1;
}
.reasons-wrapper .cell:nth-child(3){
	padding: 70px 20px 0 45px;
}
.reasons-wrapper  h2{
	position: relative;
	margin-bottom: 18px;
}
.reasons-wrapper  h2:after{
	content: "";
	display: block;
	width: 145px;
	height: 7px;
	background: #fec524;
}
.reasons-wrapper p{
	max-width: 410px;
}
ul.images-list {
	padding-left: 25px;
}
ul.images-list li{
	font-family: 'Montserrat-Bold';
    line-height: 26px;
	text-transform: uppercase;
	padding-left: 52px;
	position: relative;
	margin-bottom: 28px;
}
ul.images-list li span{
	position: absolute;
	width: 36px;
	height: 27px;
	left: 0;
}
ul.images-list li span:after{
	content: '';
	display: block;
	position: absolute;
	width: 36px;
	height: 27px;
	left: 0;
	opacity: 0;
	visibility: hidden;
}
ul.images-list a:hover span:after{
	opacity: 1;
	visibility: visible;
}
ul.images-list .ico-price{
	background: url(../images/icons/marker-price.png) 5px 0 no-repeat;
}
ul.images-list .ico-price:after{
	background: url(../images/icons/marker-price-hvr.png) 5px 0 no-repeat;
}
ul.images-list .ico-car{
	background: url(../images/icons/marker-car.png) 0 50% no-repeat;
}
ul.images-list .ico-car:after{
	background: url(../images/icons/marker-car-hvr.png) 0 50% no-repeat;
}
ul.images-list .ico-box{
	background: url(../images/icons/marker-box.png) 6px 0 no-repeat;
}
ul.images-list .ico-box:after{
	background: url(../images/icons/marker-box-hvr.png) 6px 0 no-repeat;
}
ul.images-list .ico-contract{
	background: url(../images/icons/marker-contract.png) 8px 0 no-repeat;
}
ul.images-list .ico-contract:after{
	background: url(../images/icons/marker-contract-hvr.png) 8px 0 no-repeat;
}
ul.images-list .ico-urn{
	background: url(../images/icons/marker-urn.png) 7px 0 no-repeat;
}
ul.images-list .ico-urn:after{
	background: url(../images/icons/marker-urn-hvr.png) 7px 0 no-repeat;
}
ul.images-list .ico-catalog{
	background: url(../images/icons/marker-catalog.png) 8px 0 no-repeat;
}
ul.images-list .ico-catalog:after{
	background: url(../images/icons/marker-catalog-hvr.png) 8px 0 no-repeat;
}
/*=== TESTIMONIALS SECTION ===*/
.testimonials-wrapper{
	background: url(../images/layout/bg-dog.png) right center no-repeat;
	background-size: contain;
	padding: 82px 0;
}
.tstm-box{
	background: url(../images/icons/quote.png) center top no-repeat;
	padding: 70px 0 0;
	max-width: 820px;
	width: 100%;
	margin: 0 auto;
}
.tstm-box h2{
	font: 45px/48px 'FjallaOne-Regular';
	text-transform: uppercase;
	margin-bottom: 25px;
}
.tstm-box .author{
	font: 32px/44px 'Kalam-Bold';
	color: #00c4b4;
	margin: 30px 0 50px;
}
.testimonials-wrapper .btn{
	width: 278px;
}
.testimonials-wrapper .btn:before{
	width: calc(50% - 139px);
}
/*=== CTA BANNER ===*/
.bar-callout{
	background: url(../images/layout/pattern-dots.png)  #fec524;
	padding: 45px 20px;
}
#inner .bar-callout{
	background-color: #00c4b4;
}
.callout-text{
	display: inline-block;
	vertical-align: sub;
	font: 34px/40px 'Kalam-Bold';;
}
.callout-text a{
	position: relative;
}
.callout-text a:after{
	content: '';
	display: block;
	background: #000000;
	height: 7px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
}
.callout-text a:hover:after{
	opacity: 1;
	visibility: visible;
}
/*=== SUB PAGE BOTTOM SECTION ===*/
.sub-bottom{
/* 	height: 400px; */
}
.sub-bottom .testimonials-wrapper{
	background: url(../images/layout/bg-cat.png) right center no-repeat;
	background-size: cover;
	padding: 60px 0 50px;
}
.sub-bottom .inner-box{
	max-width: 650px;
	float: right;
	padding-right: 50px;
}
.sub-bottom .testimonials-wrapper .btn{
	font-size: 22px;
    width: 170px;
    min-width: 170px;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    border-radius: 30px;
    padding: 11px 20px 8px;
}
.sub-bottom .testimonials-wrapper .btn:before{
	width: calc(50% - 435px);
}
.sub-bottom .tstm-box{
	background: url(../images/icons/quote-sm.png) center top no-repeat;
	position: relative;
	padding-top: 55px;
}
.sub-bottom .tstm-box:after{
	content: "";
	display: block;
	width: 54px;
	height: 5px;
	background: #fec524;
	position: absolute;
	top: 35px;
	left: 50%;
	margin-left: -27px;
}
.sub-bottom .tstm-box p{
	margin-bottom: 10px;
}
.sub-bottom .tstm-box .author{
	margin: 0 0 25px;
}
.sub-bottom .banner-menu{
	width: 50%;
	background: url(../images/banners/sub-btm-banner.jpg) no-repeat;
	background-size: cover;
}
.sub-bottom .menu-box {
	padding: 18px;
	text-align: left;
	height: 50%;
}
.sub-bottom  .menu-box h3 span{
	font: 30px/32px 'Kalam-Regular';
}
.sub-bottom  .menu-box:first-child h3{
	padding: 0 20px 0 130px;
	background-position: 40px 50%;
}
.sub-bottom  .menu-box:last-child h3{
	padding: 0 20px 0 140px;
	background-position: 40px 50%;
}

#home .menu-box > .table > .cell {
  text-align: center;
}
/*=== FOOTER ===*/
.footer-wrapper{
	background: #000000;
	color: #ffffff;
	padding: 38px 0 50px;
}
.footer-wrapper .container > *{
	display: inline-block;
	vertical-align: bottom;
}
.footer-logo{
	width: 65px;
	height: 66px;
	background: url(../images/layout/logo-foot.png) no-repeat;
	margin-right: 30px;
	position: relative;
	top: 7px;
}
.footer-wrapper p{
	font-size: 14px;
	margin: 0 35px 0 0;
}
.footer-wrapper ul{
	margin-right: 20px;
}
.footer-wrapper li {
	display: inline-block;
	margin: 0 30px 0 0;
}
.footer-wrapper li a{
	font-size: 14px;
	line-height: 26px;
	text-transform: uppercase;
}
.footer-wrapper li a:hover{
	color: #00c4b4;
}
.footer-wrapper .fa{
	width: 27px;
	height: 27px;
	text-align: center;
	border: 3px solid #ffffff;	
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
	font-size: 18px;
    padding-top: 5px;
    position: relative;
    top: -5px;
}
.footer-wrapper .fa:hover{
	color: #f0ba22;
	border-color: #f0ba22;
}
.jbsystem{
	display: inline-block;
	background: url(../images/icons/logo-jb-systems.png);
	width: 77px;
	height: 28px;
	text-align: right;
	float: right;
	margin-top: 33px;
}
.jbsystem span{
	font-size: 9px;
    position: relative;
    top: -11px;
    opacity: 0.8;
}
.testi > .cell{
  background: url(/images/layout/paws.png) no-repeat scroll right bottom transparent !important;
} 
.staff-content .staff {
  padding-top: 60px;
}
.staff-content .staff-member + .staff-member {
  margin: 74px 0px 0px 0px;
}
.staff-content .staff-photo {
  width: 207px;
}
.staff-content .staff-photo figure {
  display: block;
  width: 207px;
  height: 200px;
  border-radius: 6px;
  background-attachment: scroll;
  background-color: #000;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.staff-content .staff-info {
  padding-left: 37px;
}
.staff-content .staff-info header {
  display: block;
  font-family: 'Montserrat-Bold';
  font-size: 22px;
  line-height: 26px;
  color: #00c4b4;
}
.staff-content .staff-info header:after {
  content: "";
  display: block;
  width: 100%;
  max-width: 60px;
  background-color: #fec524;
  height: 7px;
  margin: 15px 0px;
}
.staff-content .staff-info header span {
  display: block;
  font-family: 'Montserrat-Regular';
  font-size: 18px;
  line-height: 20px;
  color: #000000;
  padding-top: 8px;
}

/*=== ONLINE MEMORIALS ===*/
.pet-memorials {
	margin-top: 50px;
}
.pet-memorials .cell:first-child {
	position: relative;
	width: 250px;
}
.pet-memorials .cell:last-child {
	padding: 10px 30px;
}
.pet-memorials figure {
	background-attachment: scroll;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
	display: block;
	height: 250px;
	width: 250px;
}
.pet-memorials .mem-overlay {
	background: url(../images/layout/pattern-dots.png) rgba(89, 89, 89, 0.5);
	border-radius: 20px;	
	position: absolute;
	height: 250px;
	width: 250px;
}
.pet-memorials h2 {
	color: #00c4b4;
	font: 24px/26px 'Montserrat-Bold' !important;
	padding: 0 0 6px !important;
	text-transform: uppercase;
}
.pet-memorials p {
	margin: 0 !important;
	font: 16px/26px 'Montserrat-Regular';
}
.pet-memorials p strong {
	font: bold 18px/20px 'Montserrat-Regular';
}
.pet-memorials hr {
	background-color: #fec524;
	border: none;
	text-align: left;
	margin: 15px 0;
	height: 7px;
	width: 75px;
}
.memorial {
	background: url(../images/layout/bg-texture.png) repeat;
	padding: 25px 35px;
}

.jb-form input[type="date"] {
	display: block;
	color: #333;
	font: 115%/1.2 Arial,Helvetica,sans-serif;
	margin: 0;
	width: 100%;
	padding: 0.3em 0.4em;
	background: #fefefe;
	border: 1px solid #ccc;
	border-radius: 0.3em;
	box-shadow: inset 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.1);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.jb-form p.note {
	text-align: left;
}
#memorialForm {
	text-align: center;
}
#memorialForm input[type="submit"] {
	color: #000;
}
.memorial-message {
	text-align: center;
}

.dob-dod {
	position: relative;
}
.dob-dod abbr {
	right: -15px !important;
}
datepicker {
	position: absolute;
  right: 11px;
  top: 11px;
  cursor: pointer;
  z-index: 2;
}
.datePicker {
	position: relative;
}
.datePickerLink {
	position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  background:transparent url('../images/icons/calendar.png') no-repeat center center;
  background-size: contain;
  height: 22px;
  width: 22px;
}
#datePicker {
	left: 0 !important;
	right: 0 !important;
	margin: auto;
}

.ps-reset-page {
  padding-top: 60px;
}

#thank-you-mes {
	background-color: #fff;
	padding: 25px;
}
.qty {
	display: flex;
	align-items: center;
	padding: 5px 0 15px;
}
.qty i {
	padding-right: 8px;
	font-family: 'Montserrat-Bold';
}