@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 768px) {
    .hidedesktop {
        display:none;
    }
}

.text-rotator {
	width: 100%;
	height: 360px;
}

.slider {
	height: 320px;
	width: 680px;
	margin: 40px auto 0;
	overflow: visible;
	position: relative;
}

.mask {
	overflow: hidden;
	height: 320px;
}

.slider ul {
	margin: 0;
	padding: 0;
	position: relative;
}

.slider li {
	width: 680px;
	height: 320px;
	position: absolute;
	top: -325px;
	list-style: none;
}

.slider .quote {
	font-size: 35px;
	font-style: italic;
}

.slider .source {
	font-size: 20px;
	text-align: right;
}

.slider li.anim1 {
	-moz-animation: cycle 15s linear infinite;
	-webkit-animation: cycle 15s linear infinite;
	animation: cycle 15s linear infinite;
}

.slider li.anim2 {
	-moz-animation: cycle2 15s linear infinite;
	-webkit-animation: cycle2 15s linear infinite;
	animation: cycle2 15s linear infinite;
}

.slider li.anim3 {
	-moz-animation: cycle3 15s linear infinite;
	-webkit-animation: cycle3 15s linear infinite;
	animation: cycle3 15s linear infinite;
}

.slider li.anim4 {
	-moz-animation: cycle4 15s linear infinite;
	-webkit-animation: cycle4 15s linear infinite;
	animation: cycle4 15s linear infinite;
}
/**/
.slider li.anim5 {
	-moz-animation: cycle5 15s linear infinite;
	-webkit-animation: cycle5 15s linear infinite;
	animation: cycle5 15s linear infinite;
}

.slider:hover li {
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

#content {
	padding-top: 200px;
}
.dropdown-item {
	display: block;
	width: 100%;
	padding: 0.25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #fff !important;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}

.jumbotron-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
/*---------- Google Fonts ----------*/

.ham-menu { display: inline-block; position: relative; margin: 4px 0; } /* margin = (width-height)/2 */
.ham-menu, .ham-menu::before, .ham-menu::after { width: 10px; height: 2px; border-radius: 1px; background-color: black; }
.ham-menu::before, .ham-menu::after { content: ""; display: block; position: absolute; }
.ham-menu::before { bottom: 130%; } .ham-menu::after { top: 130%; }

body{
	font-family: 'Lato', sans-serif;
	background-color: #fff;
	font-family: "proxima-nova",sans-serif;
	overflow-x: hidden;
}
@-moz-keyframes cycle {
  0% {
    top: 0px;
  }
  4% {
    top: 0px;
  }
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  20% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  21% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  92% {
    top: -325px;
    opacity: 0;
    z-index: 0;
  }
  96% {
    top: -325px;
    opacity: 0;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}
@-moz-keyframes cycle2 {
  0% {
    top: -325px;
    opacity: 0;
  }
  16% {
    top: -325px;
    opacity: 0;
  }
  20% {
    top: 0px;
    opacity: 1;
  }
  24% {
    top: 0px;
    opacity: 1;
  }
  36% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  40% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@-moz-keyframes cycle3 {
  0% {
    top: -325px;
    opacity: 0;
  }
  36% {
    top: -325px;
    opacity: 0;
  }
  40% {
    top: 0px;
    opacity: 1;
  }
  44% {
    top: 0px;
    opacity: 1;
  }
  56% {
    top: 0px;
    opacity: 1;
  }
  60% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  61% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@-moz-keyframes cycle4 {
  0% {
    top: -325px;
    opacity: 0;
  }
  56% {
    top: -325px;
    opacity: 0;
  }
  60% {
    top: 0px;
    opacity: 1;
  }
  64% {
    top: 0px;
    opacity: 1;
  }
  76% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  80% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  81% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@-moz-keyframes cycle5 {
  0% {
    top: -325px;
    opacity: 0;
  }
  76% {
    top: -325px;
    opacity: 0;
  }
  80% {
    top: 0px;
    opacity: 1;
  }
  84% {
    top: 0px;
    opacity: 1;
  }
  96% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  100% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
}
@-webkit-keyframes cycle {
  0% {
    top: 0px;
  }
  4% {
    top: 0px;
  }
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  20% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  21% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  50% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  92% {
    top: -325px;
    opacity: 0;
    z-index: 0;
  }
  96% {
    top: -325px;
    opacity: 0;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}
@-webkit-keyframes cycle2 {
  0% {
    top: -325px;
    opacity: 0;
  }
  16% {
    top: -325px;
    opacity: 0;
  }
  20% {
    top: 0px;
    opacity: 1;
  }
  24% {
    top: 0px;
    opacity: 1;
  }
  36% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  40% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@-webkit-keyframes cycle3 {
  0% {
    top: -325px;
    opacity: 0;
  }
  36% {
    top: -325px;
    opacity: 0;
  }
  40% {
    top: 0px;
    opacity: 1;
  }
  44% {
    top: 0px;
    opacity: 1;
  }
  56% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  60% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  61% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@-webkit-keyframes cycle4 {
  0% {
    top: -325px;
    opacity: 0;
  }
  56% {
    top: -325px;
    opacity: 0;
  }
  60% {
    top: 0px;
    opacity: 1;
  }
  64% {
    top: 0px;
    opacity: 1;
  }
  76% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  80% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  81% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@-webkit-keyframes cycle5 {
  0% {
    top: -325px;
    opacity: 0;
  }
  76% {
    top: -325px;
    opacity: 0;
  }
  80% {
    top: 0px;
    opacity: 1;
  }
  84% {
    top: 0px;
    opacity: 1;
  }
  96% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  100% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
}

ul.ins > li
{
    color: white;
    font-size:16px;
}

.liRange {
	color: white;
	font-size: 16px;
}
a,
input,
button,
textarea { outline: none !important; }
a {
	transition: all ease-in-out 300ms;
	-webkit-transition: all ease-in-out 300ms;
	-ms-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
	text-decoration: none !important;
}
.pad-left {
	padding-left:0;
}

.pad-right {
	padding-right:0;
}

.pad-top {
	padding-top:0;
}

.pad-bottom {
	padding-bottom:0;
}

.padding {
	padding:0;
}

h1 {
	font-size: 55px;
	line-height: 55px;
	
}
h2 {
	font-size: 50px;
	line-height: 50px;
	
}
h3 {
	font-size: 40px;
	line-height: 40px;
	
}

h4 {
	font-size: 30px;
	line-height: 30px;
	
}

h5 {
	font-size: 26px;
	line-height: 26px;
	
}

h6 {
	font-size: 22px;
	line-height: 22px;
	
}

p {
	font-size: 16px;
	line-height: 22px;
	font-family: 'MaxTFLight';
}

.btn-sky {
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0.10px;
	color: #0B1A45;
	display: inline-block;
	padding: 14px 37px;
	background: #82D1F2;
	border-radius: 0;
	border: none;
	font-weight: 600;
	text-transform: uppercase;
}

.btn-sky:hover {
	background: #0B1A45;
	color: #ffffff;
}

.btn-blue {
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0.10px;
	color: #fff;
	display: inline-block;
	padding: 14px 37px;
	background: #096e84;
	border-radius: 0;
	border: none;
	font-weight: 600;
	font-family: 'MaxTFLight';
}

.btn-blue:hover {
	background: #9e0947;
	color: #ffffff;
}
.border-btn {
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0.10px;
	color: #fff;
	display: inline-block;
	padding: 14px 37px;
	background: transparent;
	border-radius: 0;
	border: none;
	font-weight: 600;
	font-family: 'MaxTFLight';
	border: 1px solid #fff;
}
.border-btn:hover {
	color: #fff;
	background: #9e0947;
	border-color: transparent;
}
.left-line {
	position: fixed;
    left: 12%;
    right: auto;
    top: 100px;
    width: 1px;
    background: #ffffff;
    bottom: 0;
    z-index: 99;
}

.right-line {
	position: fixed;
	right: 12%;
	top: 100px;
	width: 17px;
	bottom: 0;
	z-index: 99;
}
.right-line:before {
	top: 0;
	bottom: 0;
	right: 0;
	width: 1px;
	background: #ffffff;
	content: "";
	display: block;
    height: 70%;
	position: absolute;
	right: auto;
}
.right-line::after {
	top: 0;
	bottom: 0;
	right: 0;
	width: 1px;
	background: #ffffff;
	content: "";
	display: block;
	position: absolute;
    bottom: 0;
    top: auto;
    height: 80px;
	right: auto;
}
.right-line a {
	transform: rotate(90deg);
	font-size: 17px;
	line-height: 17px;
	color: #fff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    position: absolute;
    bottom: 160px;
    right: -58px;
	text-decoration: none;
}
.right-line a span {
	display: block;
    margin: 0 10px;
}
.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6 {
	font-size: 22px;
	line-height: 33px;
	color: #9e0947;
	font-family: 'MaxTFBlack';
	margin: 0;
}
.inner-title h1,
.inner-title h2,
.inner-title h3,
.inner-title h4,
.inner-title h5,
.inner-title h6 {
	font-size: 16px;
	line-height: 20px;
	color: #9e0947;
	font-family: 'MaxTF-Regular';
	margin: 0;
}
.inner-section h1,
.inner-section h2,
.inner-section h3,
.inner-section h4,
.inner-section h5,
.inner-section h6 {
	font-size: 16px;
	line-height: 20px;
	font-family: 'MaxTFBlack';
	margin: 0;
}
.content {
	margin: 204px 0 0;
	position: relative;
}
.content::before {
	position: absolute;
	content: '';
	top: -3px;
	left: 0;
	right: 0;
	width: 100%;
	height: 4px;
	box-shadow: -1px 4px 6px 0px rgba(0,0,0,0.51);
	-webkit-box-shadow: -1px 4px 6px 0px rgba(0,0,0,0.51);
	-moz-box-shadow: -1px 4px 6px 0px rgba(0,0,0,0.51);
	-ms-box-shadow: -1px 4px 6px 0px rgba(0,0,0,0.51);
	-o-box-shadow: -1px 4px 6px 0px rgba(0,0,0,0.51);
	z-index: 99;
}

.bread-crumb {
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.51);
	-webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.51);
	z-index: 99;
	margin-top: 110px;
}

.color_pink {
	background-color: #9e0947;
}
.grey_color {
	background: #959595;
}
.blue_color {
	background: #096e84;
}
.white-txt {
	color: #fff !important;
}

html,body {
	height: 100vh;
}
/* .m-image img {
	height: 100%;
} */
/*==================================================================*/
/*========== Header Start ==========*/
/*==================================================================*/
.header {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	background-color: transparent;
	z-index: 999;
}
.navbar-nav {
	margin-left: auto;
}

.header.inner-page {
	background: url(/images/header-img.jpg);
	height: 110px;
	background-repeat: no-repeat;
	background-size: cover;
}
.header.inner-page .navbar-nav::after {
	display: none;
}
.navbar .navbar-nav .nav-item {
	padding: 0 12px;
	position: relative;
}
.navbar .navbar-nav .nav-item:last-child {
	padding-right: 0;
}
.navbar .navbar-nav .nav-item:first-child {
	padding-left: 0;
}
.navbar .navbar-nav .nav-link {
	color: #fff !important;
	padding: 0;
	font-size: 14px;
	line-height: 14px;
	font-family: 'MaxTFLight';
	position: relative;
	display: block;
	text-transform: capitalize;
}
.header .navbar-nav >  li > .dropdown-menu {
    padding: 0px;
    border: none;
	margin-top: 28px !important;
}
.header .navbar-nav   li .dropdown-menu {
	padding: 0px !important;
    border: none;
	background-color: #9e0947;
}

.header .navbar-nav   li .dropdown-menu li:hover ,
.header .navbar-nav   li .dropdown-menu li.active,
.header .navbar-nav   li .dropdown-menu li:focus  {
	background-color: #096e84 !important;
}
/* header .navbar-nav  > li > .dropdown-menu > li:hover a,
.header .navbar-nav >  li > .dropdown-menu > li.active a,
.header .navbar-nav  > li > .dropdown-menu > li:focus {
	color: #000 !important;
} */
.dropdown-item:hover, .dropdown-item:focus a {
	background-color: unset;
}
.navbar .navbar-nav > li > .dropdown-menu::after {
    position: absolute;
    content: "";
    left: 20%;
    bottom: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0.5rem 0.6875rem 0.5rem;
    border-color: transparent transparent #ffffff transparent;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
	display: block;

}
.header .navbar-nav li .dropdown-menu li {
    margin: 0px;
}
.header .navbar-nav li .dropdown-menu li a {
    color: #ffffff;
	font-family: 'MaxTFLight';
	font-size: 14px;
	line-height: 14px;
	position: relative;
	padding: 10px;
}
.navbar {
	padding: 0;
}

.navbar-brand {
	padding: 0;
	margin: 0;
	background-color: #fff;
    padding: 18px 12px;
	position: relative;
	box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.50);
	-webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.50);
	-moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.50);
}

.navbar-brand img {
	width: 150px;
}

.navbar-brand:after {
	content: "";
	position: absolute;
	top: 100%;
	background: url(/images/logo-after.svg) no-repeat;
	width: 174px;
    height: 50px;
	left: 0;
	right: 0;
	z-index: -1;
}


.navbar .navbar-nav .nav-item.become .nav-link {
	background: #9e0947;
	padding: 4px 12px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.h-search-box {
    position: relative;
}
.h-search-box .form-control {
    position: absolute;
    right: 50px;
    top: 50%;
    height: 26px;
    width: 0;
    border: none;
    padding: 0;
    font-size: 14px;
    line-height: 14px;
    color: #000000;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}
.h-search-box .search-icon {
    position: relative;
    z-index: 9;
}
.h-searching-world ul li svg {
    width: 25px;
    height: 25px;
}
.h-search-box.open .form-control {
    width: 180px;
    padding: 6px 45px 6px 10px;
}
.right-nav {
	padding: 0 0 0 30px;
	margin: 0;
	list-style-type: none;
}
/* .right-nav li.h-search-box.open {
    padding-right: 0;
} */

/* .right-menu {
	display: flex;
	align-items: center;
	margin-left: auto;
} */
.right-nav li {
	display: inline-block;
	/* padding: 0 0 20px; */
}

.right-nav li a {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: #3a4a5b;
}
.right-nav li.h-search-box {
	padding-right: 20px;
}
.right-nav li.h-search-box a {
	border: 1px solid #ffffff;
	background: transparent;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	padding: 0px 8px;
	display: block;
	height: auto;
	width: auto;
	color: #ffffff;
}

.navbar-collapse {
	position: relative;
}
.navbar-nav {
	position: relative;
}
.navbar-nav::after {
	height: 1px;
	width: 6000px;
	right: 0;
	content: "";
    position: absolute;
    left: 0;
    display: block;
	background: #d2d6d8;
	bottom: -20px;
}

/*==================================================================*/
/*========== Header End ==========*/
/*==================================================================*/
.m-image {
	position:relative;
	height: 100vh;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.m-image:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.6);
} 
.slick-arrow {
	width: 20px;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	z-index: 99;
	cursor: pointer;
}

.slick-next {
	right: 48px;
}

.slick-prev {
	left: 48px;
}

.m-image img {
	width: 100%;
}

.slider-content {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	z-index: 999;
	text-align: center;
}

.m-item {
	position: relative;
}

.slider-content h2 {
	font-size: 39px;
	line-height: 39px;
	color: #ffffff;
	font-family: 'MaxTFBlack';
	margin: 0 0 20px;
}
.slider-content p {
	font-size: 21px;
	line-height: 21px;
	color: #ffffff;
	font-family: 'MaxTFLight';
}

.slick-dots {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding: 0;
	margin: 0;
}

.slick-dots li {
	display: inline-block;
	padding: 0 2px;
	margin: 0;
}

.slick-dots li button {
	text-indent: -9999px;
	height: 10px;
	width: 10px;
	background: transparent;
	border: 1px solid #fff;
	padding: 0;
	border-radius: 50%;
}

.slick-dots li.slick-active button {
	background: #fff;
}
.financial {
	background: #9e0947;
	padding: 19px 30px 17px;
}
.financial p {
	font-size: 12px;
	line-height: 33px;
	color: #fff;
	margin: 0;
}
.finan {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.find-btn {
	text-align: center;
	margin-top: 21px;
}
.slider-item img {
	width: 100%;
	/* height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'; */
}
.slider-nav .slider-item {
	padding: 0 4px;
}
.slider-nav {
	padding: 19px 62px 0; 
}
.slider-title {
	padding: 35px 0 18px;
}
.slider-section {
	margin-bottom: 60px;
}
.gallery-page {
	padding: 0 0 85px;
}
/*==================================================================*/
/*========== New Class Add Start ==========*/
/*==================================================================*/



/* welcome-rixaka section start */
.welcome-rixaka {
	padding: 35px 0 23px;
}
.welcome-block p {
	font-size: 16px;
	line-height: 20px;
	font-family: 'MaxTFLight';
	margin: 0 0 10px 0;
}
/* welcome-rixaka section end */

/* why-consider section start */
.why-consider {
	padding: 27px 0 20px;
	border-top: 1px solid #9e0947;
	border-bottom: 1px solid #9e0947;
}
.gray-block {
	background: #c7c7c7;
	padding: 15px 0 11px 13px;
}
.pink-block {
	background: #b13a6c;
	padding: 20px 0 18px 16px;
}
.gray-block h2 {
	color: #fff;
	font-size: 25px;
	line-height: 25px;
	font-family: 'MaxTFBlack';
	margin: 0;
}
.pink-block h2 {
	color: #fff;
	font-size: 13px;
	line-height: 13px;
	font-family: 'MaxTFBlack';
	margin: 0;
}
.service-detail {
	margin-bottom: 15px;
}
.dark-pink {
	background: #bb537e !important;
}
.light-pink {
	background: #c46c91 !important;
}
.pink-color {
	background: #b13a6c !important;
}
.very-light {
	background: #d89db5 !important;
}
/* why-consider section end */

/* product-range section start */
.product-range {
	padding: 34px 0 44px;
}
.product-block-main {
	margin-top: 35px;
}
.product-block-main .row {
	margin: 0 -6px;
}
.product-block-main .row [class*=col-]{
	padding: 0 6px;
}
.product-block {
	padding: 17px 33px 22px 15px;
	background: #a7225a;
	clip-path: polygon(0% 0%, 100% 0, 100% 79%, 84% 100%, 0% 100%);
	-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 79%, 84% 100%, 0% 100%);
	-ms-clip-path: polygon(0% 0%, 100% 0, 100% 79%, 84% 100%, 0% 100%);
	-o-clip-path: polygon(0% 0%, 100% 0, 100% 79%, 84% 100%, 0% 100%);
	-moz-clip-path: polygon(0% 0%, 100% 0, 100% 79%, 84% 100%, 0% 100%);
}
.product-block h3 {
	font-size: 18px;
	line-height: 12px;
	color: #fff;
	margin: 0 0 17px;
	font-family: 'MaxTFBlack';
}
.product-block p {
	font-size: 15px;
	line-height: 22px;
	color: #fff;
	font-family: 'MaxTFLight';
}

/* product-range section end */

/* claim-step section start */
.claim-step {
	padding: 32px 0 37px;
	background: #8cb0bf;
}
.step-block {
	padding: 14px 10px 15px;
	background: #9e0947;
	text-align: center;
}
.step-block h3 {
	font-size: 13px;
	line-height: 14px;
	color: #fff;
	margin: 0;
	font-family: 'MaxTFLight';
}
.step-block span {
	font-family: 'MaxTFBlack';
}
.step-block h3 a {
	color: #fff;
}
.step-block-main {
	margin-top: 23px;
}
.requirment-block-main {
	margin-top: 30px;
}
.requirment-block h2 {
	font-family: 'MaxTFBlack';
	font-size: 16px;
	line-height: 16px;
	margin: 0 0 19px;
}
.requirment-block ul {
	padding-left: 17px;
	margin: 0;
}
.requirment-block ul li, .requirment-block ul li a {
	font-size: 16px;
	line-height: 20px;
	font-family: 'MaxTFLight';
	color: #212529;
}

.requirment-block ul li a:hover {
	opacity: 0.7;
}

.download-btn {
	display: flex;
	justify-content: flex-end;
}
/* claim-step section end */

/* find-more section start */
.find-more {
	padding: 47px 0 16px;
	background: #096e84;
}
.find-more p {
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	font-family: 'MaxTFLight';
}
/* find-more section end */

/*==================================================================*/
/*========== team page start ==========*/
/*==================================================================*/

/* about team page start */
.people-img img{
	width: 100%;
}
.cooman-block {
    position: relative;
    margin: 0 0 21px;
}
.cooman-block .product-image .product-img .main-img img {
    width: 100%;
}
.cooman-block .product-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.product-section .cooman-block .product-content .details {
    padding: 0 30px 0 45px;
}
.details p {
	color: #fff;
}
.about-more {
	margin-top: 15px;
}

.about-more p {
	margin-bottom: 15px;
}

/* team-details-main start */
.team-details-main {
	padding: 25px 0 34px;
}
/* team-details-main end */

/* our motto section start  */
.our-motto-main {
	padding: 23px 0 35px;
	margin-top: 25px;
	text-align: center;
}
.our-motto-main h3 {
	color: #fff;
	font-size: 15px;
	line-height: 20px;
	font-family: 'MaxTFBlack';
	margin: 10px 0 5px;
}
.our-motto-main p {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	font-family: 'MaxTFLight';
	margin: 0;
}
.our-motto-main .section-title h2 {
	font-family: 'MaxTF-Regular';
}
.element-block  .section-title h2 {
	font-family: 'MaxTFLight';
}
.element-block h3 {
	font-size: 16px;
	line-height: 20px;
	color: #010101;
	font-family: 'MaxTFBlack';
	margin: 20px 0 0;
}
.element-block p a {
	color: #010101;
}
.element-block p a:hover {
	color: #9e0947;
}
.element-block ul {
	margin: 20px 0 0;
	padding-left: 0px;
	list-style-type: none;
}
.element-block ul li {
	font-size: 16px;
	line-height: 20px;
	color: #010101;
	font-family: 'MaxTFLight';
	position: relative;
	padding-left: 35px;
}
.element-block ul li::before {
	position: absolute;
	content: '';
	top: 8px;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	background: #000;
}
.our-values ul {
	margin: 0;
}
.our-values ul li {
	padding-left: 0;
}
.our-values ul li::before {
	display: none;
}
.our-business {
	position: relative;
	padding: 21px 0 51px;
	margin-bottom: 14px;
}
.our-business::before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	width: 6000px;
	background: #096e84;
	height: 100%;
	z-index: -1;
}
.our-brand {
	position: relative;
	margin-top: 31px;
	padding: 31px 60px 60px;
}
.our-brand p {
	color: #fd0303;
	margin: 21px 0 0;
}
.our-business.our-brand::before  {
	left: 0;
}
.our-business .section-title h2 {
	font-family: 'MaxTFLight';
}
.business-list ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.business-list h2 {
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	font-family: 'MaxTFBlack';
	margin: 20px 0 11px;
}
.business-list li {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-family: 'MaxTFLight';
	position: relative;
	padding-left: 35px;
}
.business-list li::before {
	position: absolute;
	content: '';
	top: 8px;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	background: #fff;
}
.our-brand-main .row {
	margin: 0 -30px;
}
.our-brand-main .row [class*=col-] {
	padding: 0 30px;
}
.element-block {
	padding: 21px 0 0;
}
.load-more {
	position: relative;
	z-index: 999;
	cursor: pointer;
}

.load-more input[type="checkbox"] {
	display: none;
	cursor: pointer;
}
.load-more .collapsible-content {
	max-height: 0px;
	overflow: hidden;
	transition: max-height 0.4s ease-in-out;
	-webkit-transition: max-height 0.4s ease-in-out;
	-moz-transition: max-height 0.4s ease-in-out;
	-ms-transition: max-height 0.4s ease-in-out;
	-o-transition: max-height 0.4s ease-in-out;
}

.load-more .collapsible-content.toggle-active {
	max-height: 350px;
}

.load-more label {
	cursor: pointer;
	margin-top: -10px;
	display: block;
	margin-bottom: 0;
	margin: 50px auto 0;
	text-align: center;
}
.load-more label img {
	transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	text-align: center;
}
.load-more label.toggle-active img {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
a.more-supplied {
	color: #fd0404;
	font-size: 16px;
	line-height: 20px;
	font-family: 'MaxTFBlack';
	text-transform: uppercase;
	margin-top: 45px;
	display: block;
}
.package-section {
	padding: 22px 0 0;
}
.package-block {
	margin-bottom: 18px;
}
.package-block.element-block {
	padding: 0;
}
.package-block ul {
	/* margin-left: 38px; */
	margin: 0 0 0 38px;
}
.burial p {
	color: #de0a0a;
	font-family: 'MaxTFLight';
}
/* our motto section end  */

/* Funeral/Burial  section start */
.funeral-section {
	padding: 15px 0 0;
	border-top: 1px solid #b44171;
	margin-top: 56px;
}
.odd-even .accordion .card:nth-child(even) .card-header {
	background: #b3b3b3;
}
.odd-even .accordion {
	padding: 32px 0 180px;
}
.product-details .element-block {
	padding: 0;
}
.product-details .accordion-section .accordion .card .card-body {
	padding: 17px 41px 23px;
}
/* Funeral/Burial  section end */

/*========== team page end ==========*/




/*========== product and services page start ==========*/
.service-block {
	padding: 10px 0 0;
}
.service-block .section-title h2{
	font-family: 'MaxTFLight';
}
.service-insurance ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.service-insurance ul li h2 {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	font-family: 'MaxTFBlack';
}
.service-insurance ul li {
	position: relative;
	padding-left: 35px;
}
.service-insurance ul {
	margin-bottom: 20px;
}
.service-insurance ul li::before {
	position: absolute;
    content: '';
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    background: #fff;
}
.service-insurance {
	margin-top: 35px;
}

/* product-details section start */
/* .product-details {
	padding: 25px 0 0;
} */
.product-section {
	padding: 0 0 15px;
}

.product-section p {
	margin-bottom: 22px;
}
.product-section p:last-child {
	margin-bottom: 10px;
}
.product-section .section-title h2 {
	font-family: 'MaxTFLight';
	margin: 0 0 15px;
}
.accordion-section .card {
	border: none;
	background: unset;
	border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	-moz-border-radius: 0;
	margin-bottom: 9px;
}
.accordion-section .card .card-header {
	border: none;
	padding: 0;
	background: #959595;
	position: relative;
}
.accordion-section .card .card-header i {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	font-size: 24px;
	line-height: 24px;
	padding-left: 12px;
	color: #fff;
}
.accordion-section .card .card-header .btn {
	box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	-moz-box-shadow: none;
	color: #fff;
	font-family: 'MaxTFLight';
	font-size: 19px;
	line-height: 20px;
	padding: 8px 41px 8px;
}
.accordion-section .accordion .card .card-header button::before {
    position: absolute;
   	content: "\f0d7";
    font-family: "FontAwesome";
    display: block;
    top: 50%;
    left: 15px;
    font-size: 29px;
    line-height: 29px;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: 0.2s all ease-in-out;
    -webkit-transition: 0.2s all ease-in-out;
    -ms-transition: 0.2s all ease-in-out;
    cursor: pointer;
	color: #9e0947;
}
.accordion-section .accordion .card .card-header button.collapsed::before {
	content: "\f0da";
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #fff;
}
.accordion-section .accordion .card .card-body {
	padding: 22px 54px 22px 22px;
	background: #f4f4f4;
	text-align: left;
}

.accordion-section ul li {
	font-size: 16px;
    line-height: 22px;
    font-family: 'MaxTFLight';
}

/* .accordion-section .accordion .card .card-body p {
	margin: 0;
} */
.table thead {
	/* padding: 8px; */
	/* border-top: 2px solid #b8b8b8; */
	/* border-bottom: 2px solid #b8b8b8; */
}
.accordion .card .card-body p span {
	font-family: 'MaxTFBlack';
}
.table th, .table td p {
	margin: 0;
}
.table thead th {
	border: none;
	padding: 12px 0;
	/* border-top: 2px solid #b8b8b8;
	border-bottom: 2px solid #b8b8b8; */
}
table {
	position: relative;
}
table:before {
	position: absolute;
	content: '';
	top: 0;
	height: 2px;
	width: 100%;
	background: #b8b8b8;
}
table thead {
	position: relative;
}
table thead:after {
	position: absolute;
	content: '';
	top: 40px;
	height: 2px;
	width: 100%;
	background: #b8b8b8;
}
.table td {
	padding: 6px;
	border: none;
	font-size: 14px;
	line-height: 14px;
	font-family: 'MaxTFLight';
}
.table tbody tr {
	border-bottom: 1px solid #fff;
}
.table tbody tr:last-child {
	border: none;
}
.table tbody tr td.first {
	width: 35px;
}
.table {
	margin-top: 17px;
	margin-bottom: 0;
}
/* tbody {
	padding: 20px 0 0;
	display: block;
} */
.burial a.more-supplied {
	margin: 0;
}

/* product-details section end */


/*========== product and services end ==========*/


/*========== contact us page start ==========*/

/* custom form section start */
.comman-form {
	padding: 37px 0 60px;
}
.comman-form form {
	padding: 35px 0 0;
}
.comman-form .form-group .form-control {
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    height: 32px;
    background-color: #737373;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    font-size: 16px;
    line-height: 16px;
	font-family: 'MaxTFLight';
    background-clip: unset;
    border: none;
	color: #fff;
}
.comman-form .form-group textarea.form-control {
	height: 192px;
	resize: none;
}
.comman-form .form-group {
    margin-bottom: 8px;
} 
.comman-form ::-webkit-input-placeholder { 
	color: #cdcccc;
}
.comman-form :-ms-input-placeholder { 
	color: #cdcccc;
}
  
.comman-form ::placeholder {
	color: #cdcccc !important;
}

/* custom form section end */
/* address section start */
.address-section {
	padding: 50px 0 0px;
}
.address-section .address-block:first-child {
	padding: 0;
}
.custom-map iframe {
	width: 100%;
	border: none;
	height: 390px;
}
/* address section end */
.product-details .odd-even .accordion{
	padding: 32px 0 35px;
}
/*========== contact us page end ==========*/


/*========== gallery section page start ==========*/
.slider-item img {
	width: 100%;
}
/*========== gallery section page end ==========*/


/*========== become-member page start ==========*/
.member-page .cooman-block {
	margin: 0;
}
.member-page .comman-form ::-webkit-input-placeholder { /* Edge */
	color: #fff;
  }
  
.member-page .comman-form  :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #fff;
}
  
.member-page .comman-form  ::placeholder {
	color: #fff !important;
}
.member-detail {
	padding: 56px 0 170px;
}
/*========== become-member page end ==========*/

/*==================================================================*/
/*========== Footer Start ==========*/
/*==================================================================*/
.f-top {
	padding: 48px 0;
	bottom: 0;
}
.f-block h2 {
	font-size: 16px;
	line-height: 20px;
	font-family: 'MaxTFBlack';
	margin: 0 0 8px;
}
.f-block p {
	font-size: 11px;
	line-height: 14px;
	font-family: 'MaxTFLight';
	margin: 0;
}
.f-block .right-nav {
	padding: 18px 0 0;
}
.f-block .right-nav li {
	padding: 0 5px;
}
.f-block .right-nav li:first-child {
	padding-left: 0;
}
.f-block .right-nav li:last-child {
	padding-right: 0;
}
.f-block .right-nav li a {
	background-color: #959595;
	width: 31px;
	height: 31px;
	color: #fff;
}
.f-block .right-nav li a:hover {
	background-color: #9e0947;
}
.custom-form .form-group {
	margin: 0 0 3px;
}
.custom-form .form-group .form-control {
	box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	-moz-box-shadow: none;
	height: 23px;
	background-color: #c7c7c7;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	font-size: 12px;
	line-height: 16px;
	font-family: 'MaxTFBlack';
	background-clip: unset;
	border: none;
}
.form-check-label {
	font-size: 12px;
	line-height: 16px;
	font-family: 'MaxTFLight';
}
::-webkit-input-placeholder { 
	color: #fff;
}
  
  :-ms-input-placeholder { 
	color: #fff;
}
  
  ::placeholder {
	color: #fff !important;
}
.custom-form input[type="checkbox"] {
	border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	-moz-border-radius: 0;
}
.address-block {
	padding: 21px 0 0;
}
.address-block span {
	font-family: 'MaxTFBlack';
}
.address-block p a {
	color: #464646;
}
.address-block p a:hover {
	color: #9e0947;
}
.f-bottom {
	background-color: #575656;
	padding: 13px 20px;
	text-align: center;
	bottom: 0;
	width: 100%;
	position: fixed;
}
.f-bottom ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.f-bottom ul li {
	display: inline-block;
	padding: 0 3px;
	font-size: 12px;
	line-height: 16px;
	font-family: 'MaxTFLight';
	color: #fffefe;
	position: relative;
	display: inline-block;
}
.f-bottom ul li::before {
	position: absolute;
	content: '';
	top: 0;
	left: -3px;
	bottom: 0;
	width: 1px;
	background-color: #fffefe;
	display: block;
}
.f-bottom ul li:first-child::before {
	display: none;
}
.f-bottom ul li a {
	color: #fffefe;
	display: block;
}
.custom-form .custom-checkbox {
    padding-left: 25px;
    margin: 0.625rem 0 0;
    cursor: pointer;
}
.custom-form .custom-checkbox .custom-control-input {
    height: 18px;
    width: 18px;
    border: 2px solid #b8b8b7;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    appearance: none;
    right: 0;
    bottom: 0;
    z-index: 9;
}
.custom-form .custom-checkbox .check {
    height: 18px;
    width: 18px;
    border: 2px solid #F2F2F2;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.custom-form .custom-label {
	font-size: 12px;
	line-height: 16px;
	font-family: 'MaxTFLight';
}
.custom-checkbox .check:after {
    position: absolute;
    margin: 0 auto;
    display: block;
    width: 6px;
    height: 11px;
    content: "";
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    transform: rotate(45deg);
    transition: background-color 0.2s ease-out;
}
.custom-form input[type="checkbox"]:checked ~ .check {
	background: #9e0947;
	border-color: #9e0947;
	transition: background-color 0.2s ease-out;
}
.custom-form input[type="checkbox"]:checked ~ .check::after {
	opacity: 1;
	transition: opacity 0.1s ease-out 0.25s, width 0.1s ease-out 0.5s, height 0.2s ease-out 0.3s;
}
/* .f-bottom ul li a:hover {
	color: #096e84;
} */
/*==================================================================*/
/*========== Footer End ==========*/
/*==================================================================*/
.slick-slider .slick-slide {
    outline: none;
}

.c-block .error-bg {
	position: relative;
}
/* .c-block {
	margin: 0 0 21px;
} */
.details {
	position: relative;
}
.product-details {
	padding: 21px 0 0;
}
/* .details:before {
	position:absolute;
	content:'';
	top: 0;
	left: 0;
	background: red;
	width: 100%;
	height: 100%;
} */
.details {
	position: relative;
	padding: 120px 15px 120px 0;
}
.details::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 6000px;
    background: #9e0947;
    height: 100%;
    z-index: -1;
}
.c-block .error-bg .error-img {
	background-size: cover !important;
	background-position: top center !important;
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
}
.readmore {display: none;}
/* .product-banner .error-bg .error-img {
	width: 41%;
} */


.cont {
	position: relative;
	overflow: hidden;
	height: 100vh;
	padding: 80px 70px;
}

.cont__inner {
	position: relative;
	height: 100%;
}

	.cont__inner:hover .el__bg:after {
		opacity: 1;
	}

.el {
	position: absolute;
	left: 0;
	top: 0;
	width: 19.2%;
	height: 100%;
	background: #252525;
	transition: transform 0.6s 0.7s, width 0.7s, opacity 0.6s 0.7s, z-index 0s 1.3s;
	will-change: transform, width, opacity;
}

	.el:not(.s--active) {
		cursor: pointer;
	}

.el__overflow {
	overflow: hidden;
	position: relative;
	height: 100%;
}

.el__inner {
	overflow: hidden;
	position: relative;
	height: 100%;
	transition: transform 1s;
}

.cont.s--inactive .el__inner {
	transform: translate3d(0, 100%, 0);
}

.el__bg {
	position: relative;
	width: calc(100vw - 140px);
	height: 100%;
	transition: transform 0.6s 0.7s;
	will-change: transform;
}

	.el__bg:before {
		content: "";
		position: absolute;
		left: 0;
		top: -5%;
		width: 100%;
		height: 110%;
		background-size: cover;
		background-position: center center;
		transition: transform 1s;
		transform: translate3d(0, 0, 0) scale(1);
	}

.cont.s--inactive .el__bg:before {
	transform: translate3d(0, -100%, 0) scale(1.2);
}

.el.s--active .el__bg:before {
	transition: transform 0.8s;
}

.el__bg:after {
	content: "";
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
	transition: opacity 0.5s;
}

.cont.s--el-active .el__bg:after {
	transition: opacity 0.5s 1.4s;
	opacity: 1 !important;
}

.el__preview-cont {
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s 1.2s;
}

.cont.s--inactive .el__preview-cont {
	opacity: 0;
	transform: translateY(10px);
}

.cont.s--el-active .el__preview-cont {
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.5s;
}

.el__heading {
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
}

.el__content {
	z-index: -1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 30px;
	opacity: 0;
	pointer-events: none;
	transition: all 0.1s;
}

.el.s--active .el__content {
	z-index: 2;
	opacity: 1;
	pointer-events: auto;
	transition: all 0.5s 1.4s;
}

.el__text {
	text-transform: uppercase;
	font-size: 40px;
	color: #fff;
}

.el__close-btn {
	z-index: -1;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 60px;
	height: 60px;
	opacity: 0;
	pointer-events: none;
	transition: all 0s 0.45s;
	cursor: pointer;
}

.el.s--active .el__close-btn {
	z-index: 5;
	opacity: 1;
	pointer-events: auto;
	transition: all 0s 1.4s;
}

.el__close-btn:before, .el__close-btn:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 8px;
	margin-top: -4px;
	background: #fff;
	opacity: 0;
	transition: opacity 0s;
}

.el.s--active .el__close-btn:before, .el.s--active .el__close-btn:after {
	opacity: 1;
}

.el__close-btn:before {
	transform: rotate(45deg) translateX(100%);
}

.el.s--active .el__close-btn:before {
	transition: all 0.3s 1.4s cubic-bezier(0.72, 0.09, 0.32, 1.57);
	transform: rotate(45deg) translateX(0);
}

.el__close-btn:after {
	transform: rotate(-45deg) translateX(100%);
}

.el.s--active .el__close-btn:after {
	transition: all 0.3s 1.55s cubic-bezier(0.72, 0.09, 0.32, 1.57);
	transform: rotate(-45deg) translateX(0);
}

.el__index {
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: -80px;
	width: 100%;
	height: 100%;
	min-height: 250px;
	text-align: center;
	font-size: 20vw;
	line-height: 0.85;
	font-weight: bold;
	transition: transform 0.5s, opacity 0.3s 1.4s;
	transform: translate3d(0, 1vw, 0);
}

.el:hover .el__index {
	transform: translate3d(0, 0, 0);
}

.cont.s--el-active .el__index {
	transition: transform 0.5s, opacity 0.3s;
	opacity: 0;
}

.el__index-back, .el__index-front {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.el__index-back {
	color: #2f3840;
	opacity: 0;
	transition: opacity 0.25s 0.25s;
}

.el:hover .el__index-back {
	transition: opacity 0.25s;
	opacity: 1;
}

.el__index-overlay {
	overflow: hidden;
	position: relative;
	transform: translate3d(0, 100%, 0);
	transition: transform 0.5s 0.1s;
	color: transparent;
}

	.el__index-overlay:before {
		content: attr(data-index);
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		color: #fff;
		transform: translate3d(0, -100%, 0);
		transition: transform 0.5s 0.1s;
	}

.el:hover .el__index-overlay {
	transform: translate3d(0, 0, 0);
}

	.el:hover .el__index-overlay:before {
		transform: translate3d(0, 0, 0);
	}

.el:nth-child(1) {
	transform: translate3d(0%, 0, 0);
	transform-origin: 50% 50%;
}

.cont.s--el-active .el:nth-child(1):not(.s--active) {
	transform: scale(0.5) translate3d(0%, 0, 0);
	opacity: 0;
	transition: transform 0.95s, opacity 0.95s;
}

.el:nth-child(1) .el__inner {
	transition-delay: 0s;
}

.el:nth-child(1) .el__bg {
	background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/onepgscr-3.jpg");
	transform: translate3d(0%, 0, 0);
}

.el:nth-child(2) {
	transform: translate3d(105.2083333333%, 0, 0);
	transform-origin: 155.2083333333% 50%;
}

.cont.s--el-active .el:nth-child(2):not(.s--active) {
	transform: scale(0.5) translate3d(105.2083333333%, 0, 0);
	opacity: 0;
	transition: transform 0.95s, opacity 0.95s;
}

.el:nth-child(2) .el__inner {
	transition-delay: 0.1s;
}

.el:nth-child(2) .el__bg {
	background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/onepgscr-4.jpg");
	transform: translate3d(-19.2%, 0, 0);
}

.el:nth-child(3) {
	transform: translate3d(210.4166666667%, 0, 0);
	transform-origin: 260.4166666667% 50%;
}

.cont.s--el-active .el:nth-child(3):not(.s--active) {
	transform: scale(0.5) translate3d(210.4166666667%, 0, 0);
	opacity: 0;
	transition: transform 0.95s, opacity 0.95s;
}

.el:nth-child(3) .el__inner {
	transition-delay: 0.2s;
}

.el:nth-child(3) .el__bg {
	background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/onepgscr-5.jpg");
	transform: translate3d(-38.4%, 0, 0);
}

.el:nth-child(4) {
	transform: translate3d(315.625%, 0, 0);
	transform-origin: 365.625% 50%;
}

.cont.s--el-active .el:nth-child(4):not(.s--active) {
	transform: scale(0.5) translate3d(315.625%, 0, 0);
	opacity: 0;
	transition: transform 0.95s, opacity 0.95s;
}

.el:nth-child(4) .el__inner {
	transition-delay: 0.3s;
}

.el:nth-child(4) .el__bg {
	transform: translate3d(-57.6%, 0, 0);
	background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/onepgscr-6.jpg");
}

.el:nth-child(5) {
	transform: translate3d(420.8333333333%, 0, 0);
	transform-origin: 470.8333333333% 50%;
}

.cont.s--el-active .el:nth-child(5):not(.s--active) {
	transform: scale(0.5) translate3d(420.8333333333%, 0, 0);
	opacity: 0;
	transition: transform 0.95s, opacity 0.95s;
}

.el:nth-child(5) .el__inner {
	transition-delay: 0.4s;
}

.el:nth-child(5) .el__bg {
	background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/onepgscr-7.jpg");
	transform: translate3d(-76.8%, 0, 0);
}

.el:hover .el__bg:after {
	opacity: 0;
}

.el.s--active {
	z-index: 1;
	width: 100%;
	transform: translate3d(0, 0, 0);
	transition: transform 0.6s, width 0.7s 0.7s, z-index 0s;
}

.el.s--active .el__bg {
	transform: translate3d(0, 0, 0);
	transition: transform 0.6s;
}

.el.s--active .el__bg:before {
	transition-delay: 0.6s;
	transform: scale(1.1);
}

.icon-link {
	position: absolute;
	left: 5px;
	bottom: 5px;
	width: 32px;
}

.icon-link img {
	width: 100%;
	vertical-align: top;
}

.icon-link--twitter {
	left: auto;
	right: 5px;
}

/*Obituary View*/


/*Obituary View*/
/* CSS design by @jofpin */
@import url(https://fonts.googleapis.com/css?family=Raleway|Varela+Round|Coda);
@import url(http://weloveiconfonts.com/api/?family=entypo);

[class*="entypo-"]:before {
	font-family: 'entypo', sans-serif;
}

.title-pen {
	color: #333;
	font-family: "Coda", sans-serif;
	text-align: center;
}

	.title-pen span {
		color: #55acee;
	}

.user-profile {
	margin: auto;
	width: 25em;
	height: 11em;
	border-radius: .3em;
}


	.user-profile > .description {
		margin: auto;
		margin-top: 1.35em;
		margin-right: 4.43em;
		width: 14em;
		color: #c0c5c5;
		font-size: .87em;
		font-family: "varela round", sans-serif;
	}

	.user-profile > img.avatar {
		height: 9.23em;
		border-radius: 18em;
	}


	.user-profile li {
		margin: 0 auto;
		padding: 1.30em;
		width: 33.33334%;
		display: table-cell;
		text-align: center;
	}

	.user-profile span {
		font-family: "varela round", sans-serif;
		color: #e3eeee;
		white-space: nowrap;
		font-size: 1.27em;
		font-weight: bold;
	}
	.user-profile .username {
		margin-top: .40em;
		color: #658585;
		font-size: 1.53em;
		font-family: "Coda", sans-serif;
		font-weight: bold;
	}

/*Modal image view for obituary*/