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

/*@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/
/*font-family: 'Playfair Display', serif;*/
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;600;700&family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
/*font-family: 'Dancing Script', cursive*/

/*Scroll-Bar (Right side)*/
body::-webkit-scrollbar{width: 7px;}
body::-webkit-scrollbar-track{background: var(--Secondary-color);}
body::-webkit-scrollbar-thumb{background: var(--Primary-color);}
/*Scroll-Bar ENDs(Right side)*/

*,
*:after,
*:before{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

:active,
:hover,
:focus {
	outline: 0 !important;
	outline-offset: 0;
}
ul, ol{
	padding-left: 20px;
}
h1, h2, h3, h4, h5, h6, p{
	margin: 0;
}
:root{
    --Primary-color: #ffb422;
	--Primary-off: #ce8800;
	--Secondary-color: #141414;
	--Black: #000000;
	--Black-color: #090909;
	--Text-color: #ffffff;
	--Text-gray: #828282;
}
 
@font-face{
	font-family: Hermaiona;
	src: url(../fonts/Hermaiona.otf);
}

/*BOX-SHADOW*/
.pic-shadow{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
/*BOX-SHADOW ENDs*/

/*language Translate*/
.skiptranslate span
{
	display: none;
}

.goog-te-combo
{
	background: #000;
	color: #fff;
	border: none;
}
/*language Translate ENDs*/

html{
	scroll-behavior: smooth;
}
body{
	font-family: 'Montserrat', sans-serif;
}
.text-shadow{
	text-shadow: 2px 2px 4px #000000;
}
.bg_1{
	background-color: var(--Black-color);
}
.bg_2{
	background-color: rgba(0,0,0,.5);
}

/*HEADER*/
header{
	width: 100%;
	color: white;
	font-size: 11px;
	position: absolute;
	z-index: 2;
}
header a{
	color:  var(--Text-color);
}
header a:hover{
	color: var(--Primary-color);
	text-decoration: none;
}
.border-1{
	border-left: 1px solid var(--Text-gray);
	border-right: 1px solid var(--Text-gray);
}
header ul{
	margin: 0;
	padding: 0;
}
.social-nav li{
	display: inline-block;
}
.social-nav li a{
	color: var(--Text-color);
	margin: 0px 5px;
}
.social-nav li a:hover{
	color: var(--Primary-color);
}

/*Navbar Section*/
/*FROM BestJquery*/
#navbarNav
{
	position: relative;
}
.navbar-expand-lg .navbar-nav .nav-link
{
	padding-left: 0px;
	padding-right: 0px;
}
nav.navbar.bootsnav ul.navbar-nav > li > a{
    color: var(--Text-color);
    font-size: 14px;
    margin: 0px 12px;
    position: relative;
    z-index: 1;
    transition: all .5s ease;
}
nav.navbar.bootsnav ul.nav > li > a.active,
nav.navbar.bootsnav ul.nav > li > a.active:hover,
nav.navbar.bootsnav ul.nav > li > a:hover,
nav.navbar.bootsnav ul.nav > li.on > a{
    color: var(--Primary-color);
    background: transparent !important;
    border: none;
}
nav.navbar.bootsnav ul.nav > li > a>span:before,
nav.navbar.bootsnav ul.nav > li > a>span:after{
    content: '';
    background: var(--Primary-color);
    height: 3px;
    width: 100%;
    opacity: 0;
    transform: translateX(-50%) scaleX(0);
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: -1;
    transition: all 0.2s ease;
/*	color: var(--Primary-color);*/
	
}
nav.navbar.bootsnav ul.nav > li > a>span:after{
    background-color: transparent;
    height: 10px;
    width: 10px;
    border: 3px solid var(--Primary-color);
    border-top: none;
    border-left: none;
    opacity: 0;
    transform: translateX(-50%) scaleX(1) rotate(45deg);
    bottom: 0;
/*	color: var(--Primary-color);*/
}
nav.navbar.bootsnav ul.nav>li>a.active>span:before,
nav.navbar.bootsnav ul.nav>li>a:hover>span:before,
nav.navbar.bootsnav ul.nav>li.on>a>span:before{
    opacity: 1;
    transform: translateX(-50%) scaleX(1);
/*	color: var(--Primary-color);*/
}
nav.navbar.bootsnav ul.nav>li>a.active>span:after,
nav.navbar.bootsnav ul.nav>li>a:hover>span:after,
nav.navbar.bootsnav ul.nav>li.on>a>span:after{
    opacity: 1;
    bottom: -2px;
/*	color: var(--Primary-color);*/
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content li a:hover,
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li a:hover,
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li a.dropdown-toggle:active,
nav.navbar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a{
    color: #000 !important;
}
nav.navbar.bootsnav ul.nav > li.dropdown > ul{
    opacity: 0;
    visibility: hidden;
    transform: perspective(600px) scaleY(0);
    transform-origin: top center;
    transition: all 0.5s ease-in-out 0s;
}
nav.navbar.bootsnav ul.nav > li.dropdown.on > ul{
    opacity: 1 !important;
    visibility: visible !important;
    transform: perspective(600px) scale(1);
}
.dropdown-menu.multi-dropdown{
    position: absolute;
    left: -100% !important;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
    background-color: var(--Primary-color);
    border: none;
    border-radius: 0;
    top: 124%;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{ color: var(--Text-color); }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content{ top: 100%; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content li{ font-size: 14px; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content .menu-col li a{
    color: var(--Text-color);
    padding-left: 10px;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content .title{
    color: var(--Text-color);
    font-size: 16px;
    font-weight: bold;
}
.dropdown-menu{
	font-size: 14px;
}
.navbar-brand span{
	color: var(--Primary-color);
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
}
/*Animation (rotate) for Logo*/
.navbar-brand img
{
	
	-webkit-animation: rotation 8s infinite linear;
	animation: rotation 8s infinite linear;
}
@-webkit-keyframes rotation{
	from{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
.navbar-toggler .fa-bars{
	color: var(--Primary-color);
}
/*Animation (rotate) for Logo ENDs*/

/*Toggle Animated Icon (for mobile)*/
.animated-icon1{
width: 25px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span{
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: var(--Primary-color);
}

.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 9px;
}

.animated-icon1 span:nth-child(3) {
top: 18px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
/*Toggle Animated Icon ENDs*/
/*Navbar Section Ends*/

/*Donates Sticky-bar*/
.donates{
	width: 33px;
	height: 150px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	background-color: var(--Primary-color);
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	writing-mode: vertical-rl;
	text-orientation: upright;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	font-weight: 700;
	transition: .3s;
	box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
}
.donates:hover{
	background-color: var(--Text-color);
	color: var(--Primary-color);
}
/*Donates Sticky-bar ENDs*/

/*HEADER ENDs*/

/*==================================================================*/



/************************** ~ Home ~ Page ***************************/
/*HOME Banner Section*/
.banner{
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 1;
/*	clip-path: polygon(68% 0%, 100% 0%, 100% 100%, 0% 95%, 0% 100%, 0% 0%);*/
}
.carousel .carousel-item{
  	height: 100vh;
}
.carousel-item img
{
    position: absolute;
    object-fit:cover;
    top: 0;
    left: 0;
    min-height: 100vh;
}
.carousel-caption{
	color: var(--Text-color);
	text-align: left;
	position: absolute;
/*	left: 0;*/
	top: 50%;
	transform: translateY(-40%);
	font-family: 'Playfair Display', serif;
}
.carousel-caption p:nth-child(1){
	text-transform: capitalize;
	font-size: 52px;
}
.carousel-caption p:nth-child(2){
	font-size: 60px;
	line-height: 64px;
}
.carousel-caption p:nth-child(2) > span{
	color: var(--Primary-color);
}
.carousel-caption p:nth-child(3){
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: 200;
	margin: 25px 0;
}
.btn-1{
	background: none !important;
	border-radius: 35px;
	border: 2px solid #fff!important;
}
.btn-1:hover{
	background-color: var(--Primary-color) !important; 
}
.carousel-inner .button--nina > span, .carousel-inner .button--nina::before{
	padding: 8px 0;
}
.carousel-inner .button--nina > span{
	color: #000;
	font-weight: 700;
}
/*Home Banner Section ENDs*/


/*Banner section and Founder Section Jointly*/
.clip-section{
	background-image: url(../images/parallax-1.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}


/*Founder Section*/
.founders{
	width: 100%;
	padding: 110px 0;
}
.pioneers{
	width: 100%;
	padding-top: 85px;
}
.text-8{
	font-family: Hermaiona;
	color: var(--Text-color);
	font-size: 65px;
/*	text-align: center;*/
}
.text-9{
	font-family: Hermaiona;
	color: var(--Text-color);
	font-size: 95px;
	line-height: 62px;
/*	text-align: center;*/
}
.text-9::after{
	content: '';
	width: 50px;
	height: 3px;
	background-color: var(--Primary-color);
	display: block;
	position: relative;
	bottom: -65px;
/*	margin: 0 auto;*/
}
.container_foto {
	background-color: rgba(57, 62, 93, 0.7);
	padding: 0;
	overflow: hidden;
	max-width: 350px;
	margin: 5px;
	border: solid 10px var(--Primary-off);
	box-shadow: 0px 1px 10px #000000;
}
.container_foto article {
	padding: 10%;
	position: absolute;
	bottom: 0;
	z-index: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.container_foto h2 {
	color: var(--Primary-color);
	font-weight: 800;
	font-size: 18px;
	border-bottom: #fff solid 1px;
	font-family: 'Playfair Display', serif;
}
.container_foto h4 {
	font-weight: 300;
	color: #fff;
	font-size: 13px;
}
.container_foto img {
	width: 100%;
	top: 0;
	left: 0;
	opacity: 0.9;
	-webkit-transition: all 4s ease;
	-moz-transition: all 4s ease;
	-o-transition: all 4s ease;
	-ms-transition: all 4s ease;
	transition: all 4s ease;
}
.ver_mas {
	background-color: var(--Primary-off);
	position: absolute;
	width: 100%;
	height: 35px;
	bottom: 0;
	z-index: 1;
	opacity: 0;
	transform: translate(0px, 70px);
	-webkit-transform: translate(0px, 70px);
	-moz-transform: translate(0px, 70px);
	-o-transform: translate(0px, 70px);
	-ms-transform: translate(0px, 70px);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ver_mas span {
	font-size: 18px;
	color: #fff;
	font-family: 'Playfair Display', serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	position: relative;
	margin: 0 auto;
	width: 100%;
	align-items: center;
	top: 4px;
}

/*hovers*/
.container_foto:hover {
	cursor: pointer;
}
.container_foto:hover img {
	opacity: 0.9;
	transform: scale(1.5);
/*	filter: grayscale(0%);*/
}
.container_foto:hover article {
	transform: translate(2px, -69px);
	padding-bottom: 0px;
	-webkit-transform: translate(2px, -69px);
	-moz-transform: translate(2px, -69px);
	-o-transform: translate(2px, -69px);
	-ms-transform: translate(2px, -69px);
}
.container_foto:hover .ver_mas {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	opacity: 1;
}
.container_foto:hover h2{
	color: #fff !important;
	font-weight: 900;
	letter-spacing: 1px;
	transition: all 0.9s ease-in-out;
}
/*Founder Section ENDs*/



/*Category Section*/
.category{
	width: 100%;
	position: relative;
}
/*Image Hover Effect*/
.grid {
	list-style: none;
	text-align: center;
}
.grid figure {
	position: relative;
	overflow: hidden;
	background: #57BD43;
	text-align: center;
	cursor: pointer;
}
.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.6;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.grid figure h2,
.grid figure .btn {
	margin: 0;
}
figure.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
	filter: grayscale(100%);
}

figure.effect-chico:hover img {
	opacity: .9;
	-webkit-transform: scale(1);
	transform: scale(1);
	filter: grayscale(0%);
}
figure.effect-chico figcaption {
	padding: 3em;
}

figure.effect-chico figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
figure.effect-chico figcaption::before,
figure.effect-chico .btn{
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-chico h2 {
	padding: 0 57px;
	font-family: 'Playfair Display', serif;
	font-size: 29px;
	position: relative;
	top: 81%;
	margin: 0 auto;
	font-weight: 300;
	color: var(--Text-color);
	text-transform: capitalize;
	text-shadow: 2px 2px 4px rgb(0 0 0 / 70%);
}
figure.effect-chico .btn{
	margin: 0 auto;
	max-width: 200px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
	margin: 0 auto;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	background: var(--Text-color);
	border: 1px solid #fff;
	border-radius: 25px;
	color: var(--Black-color);
	letter-spacing: 2px;
	font-weight: 500;
	font-size: 13px;
	text-transform: uppercase;
}
figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover .btn {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
/*Image Hover Effect Ends*/
/*Category Section ENDs*/


/*Upper FOOTER ~ Subscribe Section*/
.subscribe{
	width: 100%;
	background-color: var(--Primary-color);
}
.subscribe p{
	font-size: 22px;
	font-style: italic;
	font-weight: 600;
	font-family: 'Playfair Display', serif;
}
/*Button*/
.button 
{
	display: block;
	padding: 1em 2em;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}
.button--nina {
	padding: 0 2em;
	background-color: var(--Secondary-color);
	color:  var(--Text-color);
	overflow: hidden;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.button--nina.button--inverted {
	background:  var(--Text-color);
	color: var(--Secondary-color);
}
.button--nina > span {
	display: inline-block;
	padding: 1em 0;
	opacity: 0;
	color: var(--Text-color);
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--nina::before {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 1em 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--nina:hover {
	background-color: var(--Secondary-color);
}
.button--nina:hover::before {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--nina:hover > span {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--nina:hover > span:nth-child(1) {
	-webkit-transition-delay: 0.045s;
	transition-delay: 0.045s;
}
.button--nina:hover > span:nth-child(2) {
	-webkit-transition-delay: 0.09s;
	transition-delay: 0.09s;
}
.button--nina:hover > span:nth-child(3) {
	-webkit-transition-delay: 0.135s;
	transition-delay: 0.135s;
}
.button--nina:hover > span:nth-child(4) {
	-webkit-transition-delay: 0.18s;
	transition-delay: 0.18s;
}
.button--nina:hover > span:nth-child(5) {
	-webkit-transition-delay: 0.225s;
	transition-delay: 0.225s;
}
.button--nina:hover > span:nth-child(6) {
	-webkit-transition-delay: 0.27s;
	transition-delay: 0.27s;
}
.button--nina:hover > span:nth-child(7) {
	-webkit-transition-delay: 0.315s;
	transition-delay: 0.315s;
}
.button--nina:hover > span:nth-child(8) {
	-webkit-transition-delay: 0.36s;
	transition-delay: 0.36s;
}
.button--nina:hover > span:nth-child(9) {
	-webkit-transition-delay: 0.40s;
	transition-delay: 0.40s;
}
.button--nina:hover > span:nth-child(10) {
	transition-delay: 0.435s;
	-webkit-transition-delay: 0.435s;
	-moz-transition-delay: 0.435s;
	-ms-transition-delay: 0.435s;
	-o-transition-delay: 0.435s;
}
.button--nina:hover > span:nth-child(11) {
	-webkit-transition-delay: 0.47s;
	transition-delay: 0.47s;
}
.button--nina:hover > span:nth-child(12) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.button--nina:hover > span:nth-child(13) {
	-webkit-transition-delay: 0.53s;
	transition-delay: 0.53s;
}
.button--nina:hover > span:nth-child(14) {
	-webkit-transition-delay: 0.56s;
	transition-delay: 0.56s;
}
.button--nina:hover > span:nth-child(15) {
	-webkit-transition-delay: 0.585s;
	transition-delay: 0.585s;
}
.button--nina:hover > span:nth-child(16) {
	-webkit-transition-delay: 0.610s;
	transition-delay: 0.610s;
}
.button--nina:hover > span:nth-child(17) {
	-webkit-transition-delay: 0.630s;
	transition-delay: 0.630s;
}
.button--nina:hover > span:nth-child(18) {
	-webkit-transition-delay: 0.65s;
	transition-delay: 0.65s;
}
.button--nina:hover > span:nth-child(19) {
	-webkit-transition-delay: 0.675s;
	transition-delay: 0.675s;
}
.button--nina:hover > span:nth-child(20) {
	transition-delay: 0.685s;
	-webkit-transition-delay: 0.685s;
	-moz-transition-delay: 0.685s;
	-ms-transition-delay: 0.685s;
	-o-transition-delay: 0.685s;
}
.button--nina:hover > span:nth-child(21) {
	transition-delay: 0.695s;
	-webkit-transition-delay: 0.695s;
	-moz-transition-delay: 0.695s;
	-ms-transition-delay: 0.695s;
	-o-transition-delay: 0.695s;
}
.button--nina:hover > span:nth-child(22) {
	transition-delay: 0.7s;
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	-ms-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
}
.button--nina:hover > span:nth-child(23) {
	transition-delay: 0.705s;
	-webkit-transition-delay: 0.705s;
	-moz-transition-delay: 0.705s;
	-ms-transition-delay: 0.705s;
	-o-transition-delay: 0.705s;
}
.button--nina:hover > span:nth-child(24) {
	transition-delay: 0.71s;
	-webkit-transition-delay: 0.71s;
	-moz-transition-delay: 0.71s;
	-ms-transition-delay: 0.71s;
	-o-transition-delay: 0.71s;
}
.button--nina:hover > span:nth-child(25) {
	transition-delay: 0.715s;
	-webkit-transition-delay: 0.715s;
	-moz-transition-delay: 0.715s;
	-ms-transition-delay: 0.715s;
	-o-transition-delay: 0.715s;
}
.button--nina:hover > span:nth-child(26) {
	transition-delay: 0.72s;
	-webkit-transition-delay: 0.72s;
	-moz-transition-delay: 0.72s;
	-ms-transition-delay: 0.72s;
	-o-transition-delay: 0.72s;
}
.button--nina:hover > span:nth-child(27) {
	transition-delay: 0.725s;
	-webkit-transition-delay: 0.725s;
	-moz-transition-delay: 0.725s;
	-ms-transition-delay: 0.725s;
	-o-transition-delay: 0.725s;
}
.button--nina:hover > span:nth-child(28) {
	transition-delay: 0.73s;
	-webkit-transition-delay: 0.73s;
	-moz-transition-delay: 0.73s;
	-ms-transition-delay: 0.73s;
	-o-transition-delay: 0.73s;
}
.button--nina:hover > span:nth-child(29) {
	transition-delay: 0.735s;
	-webkit-transition-delay: 0.735s;
	-moz-transition-delay: 0.735s;
	-ms-transition-delay: 0.735s;
	-o-transition-delay: 0.735s;
}
.button--nina:hover > span:nth-child(30) {
	transition-delay: 0.74s;
	-webkit-transition-delay: 0.74s;
	-moz-transition-delay: 0.74s;
	-ms-transition-delay: 0.74s;
	-o-transition-delay: 0.74s;
}
.button--nina:hover > span:nth-child(31) {
	transition-delay: 0.745s;
	-webkit-transition-delay: 0.745s;
	-moz-transition-delay: 0.745s;
	-ms-transition-delay: 0.745s;
	-o-transition-delay: 0.745s;
}
/*Button ENDs*/
/*Upper FOOTER ~ Subscribe Section ENDs*/



/*Why Section*/
.why{
	width: 100%;
	padding: 110px 0;
	background-image: url(../images/parallax-1.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: bottom;
}
.why .card{
	background-color: var(--Primary-color);
	box-shadow: 0px 1px 10px #000000;
	overflow: hidden;
}
.why .card figure{
	width: 100%;
	height: 217px;
	overflow: hidden;
}
.why .card figure img{
	transition: 900ms ease-in-out all;
	-webkit-transition: 900ms ease-in-out all;
	-moz-transition: 900ms ease-in-out all;
	-ms-transition: 900ms ease-in-out all;
	-o-transition: 900ms ease-in-out all;
}
.why .card:hover{
	transform: scale(1.1);
	cursor: pointer;
}
.why .card:hover figure img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	cursor: pointer;
}
.why .card .card-title{
	color: var(--Black-color);
	font-family: 'Playfair Display', serif;
}
.why .card .card-body p:nth-child(1){
	font-weight: 600;
	font-size: 26px;
	font-family: 'Dancing Script', cursive;
	color: var(--Text-color);
	margin-bottom: 0px !important;
	text-align: center;
}
.why .card .card-body p:nth-child(2){
	font-weight: 600;
	font-size: 20px;
	color: var(--Text-color);
	margin-bottom: 0;
	text-align: center;
}
.why .card .card-body p:nth-child(3){
	font-weight: 700;
	font-size: 14px;
	color:rgba(0,0,0,.5);
	margin: 40px 0 30px 0;
	font-style: italic;
}
.why .card .card-body p:nth-child(3) span{
	font-family: 'Playfair Display', serif;
	font-size: 16px;
}
.why .card .card-body p > span{
	text-shadow: 2px 2px 4px rgba(0,0,0,.2);
	font-size: 30px;
	font-weight: 600;
	padding-left: 6px;
}
.why .card .card-body p:nth-child(2)::after{
	content: '';
	width: 50px;
	height: 3px;
	background-color: var(--Text-color);
	display: block;
	position: relative;
	bottom: -12px;
	margin: auto;
}
/*PROGRESS BAR*/
.progress-outer{
    background: var(--Text-color);
    border-radius: 50px;
    padding: 15px;
    margin: 10px 0;
    box-shadow: 0 0  10px rgba(209, 219, 231,0.7);
}
.progress{
    height: 27px;
    margin: 0;
    overflow: visible;
    border-radius: 50px;
    background: #eaedf3;
    box-shadow: inset 0 10px  10px rgba(244, 245, 250,0.9);
}
.progress .progress-bar{
    border-radius: 50px;
	background-color: var(--Primary-color);
}
.progress .progress-value{
    position: relative;
    left: -45px;
    top: 4px;
    font-size: 14px;
    font-weight: 700;
    color: var(--Secondary-color);
}
.progress-bar.active{
    animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
}
@-webkit-keyframes animate-positive{
    0% { width: 0%; }
}
@keyframes animate-positive {
    0% { width: 0%; }
}
/*PROGRESS BAR ENDs*/
/*Why Us?*/
.text-4{
	font-size: 40px;
	color: var(--Primary-color);
	font-family: 'Playfair Display', serif;
	font-weight: 600;
	text-align: center;
}
.text-4::after{
	content: '';
	width: 50px;
	height: 2px;
	background-color: var(--Text-color);
	display: block;
	position: relative;
	bottom: -20px;
	margin: auto;
}
.why .text-5{
	color: var(--Text-color);
	margin-top: 50px;
	line-height: 25px;
	text-indent: 50px;
	padding-bottom: 20px;
	text-align: justify;
}
/*Circular Counter*/
.progressbar
{
  display: inline-block;
}
.circle
{
  display: inline-block;
  position: relative;
  text-align: center;
}
.circle canvas
{
  vertical-align: middle;
}
.circle div
{
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  color: var(--Text-gray);
}
.circle strong i
{
  font-style: normal;
  font-size: 0.6em;
  font-weight: normal;
}
.circle span
{
  display: block;
  color: #aaa;
  margin-top: 12px;
}
.circle p
{
	color: var(--Text-color);
	font-family: 'Playfair Display', serif;
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 500;
	margin-top: 20px;
}
/*Circular Counter ENDs*/

/*BUTTON*/
.why .button--nina{
	background-color: var(--Primary-color);
	color: var(--Secondary-color);
	font-weight: 600;
}
.why .button--nina > span{
	color: var(--Text-color);
	font-weight: 600;
}
.why .btn{
	border-radius: 18%;
}
/*BUTTON ENDs*/

/*Why Us? ENDs*/
/*Why Section ENDS*/


/*Our Work Section*/
.our-work{
	width: 100%;
	padding: 75px 0 10px 0;
	background-image: url(../images/our-work.jpg);
	background-size: cover;
}
.our-work .text-6{
	color: var(--Text-color);
	font-family: 'Playfair Display', serif;
	text-align: center;
	font-size: 40px;
	text-shadow: 2px 2px 4px rgba(0,0,0,.2);
}
.text-6::after{
	content: '';
	width: 50px;
	height: 3px;
	background-color: var(--Primary-color);
	display: block;
	position: relative;
	bottom: -12px;
	margin: 0 auto;
}
.our-work .text-7{
	color: var(--Text-color);
	font-size: 18px;
	font-family: 'Dancing Script', cursive;
	padding: 30px 0;
	text-shadow: 2px 2px 4px rgba(0,0,0,.7);
	text-align: center;
	line-height: 30px;
}
.our-work .card{
	background-color: var(--Text-color);
	border: none;
	padding-bottom: 15px;
	box-shadow: 0px 6px 10px rgba(0,0,0,.08), 0px 0px 6px rgba(0,0,0,.05),0px 6px 10px rgba(0,0,0,.08);
	transition: .9s transform cubic-bezier(.155,1.105,.295,1.12),.9s box-shadow,.9s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
}
.our-work .card:hover{
	transform: scale(1.05);
  	box-shadow: 0px 10px 20px rgba(0,0,0,.12), 0px 4px 8px rgba(0,0,0,.06);
	-webkit-box-shadow: 0px 10px 20px rgba(0,0,0,.12), 0px 4px 8px rgba(0,0,0,.06);
	-moz-box-shadow: 0px 10px 20px rgba(0,0,0,.12), 0px 4px 8px rgba(0,0,0,.06);
	-ms-box-shadow: 0px 10px 20px rgba(0,0,0,.12), 0px 4px 8px rgba(0,0,0,.06);
	-o-box-shadow: 0px 10px 20px rgba(0,0,0,.12), 0px 4px 8px rgba(0,0,0,.06);
	cursor: pointer;
}
.our-work .card:hover figure img{
	transform: scale(1.1);
	cursor: pointer;
}
.our-work .card figure{
	width: 100%;
	height: 217px;
	overflow: hidden;
}
.our-work .card figure img{
	transition: 600ms ease-in-out all;
	-webkit-transition: 600ms ease-in-out all;
	-moz-transition: 600ms ease-in-out all;
	-ms-transition: 600ms ease-in-out all;
	-o-transition: 600ms ease-in-out all;
}
.our-work .card figure img:hover{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	cursor: pointer;
}
.our-work .card .card-title{
	font-family: 'Playfair Display', serif;
}
.our-work .card .card-body{
	padding-left: 0px;
	padding-right: 0px;
}
.our-work .card .card-body p:nth-child(1){
	font-weight: 600;
	font-size: 20px;
	font-family: 'Playfair Display', serif;
	color: var(--Primary-off);
	margin-bottom: 0px !important;
	text-align: center;
}
.our-work .card .card-body p:nth-child(2){
	padding-bottom: 15px;
	font-weight: 600;
	font-size: 14px;
	color: var(--Secondary-color);
	text-align: center;
}
.our-work .card .card-body p:nth-child(3){
	font-weight: 600;
	font-size: 14px;
	color:rgba(0,0,0,.5);
	margin: 40px 0 30px 0;
	text-transform: inherit;
}
.our-work .card .card-body p > span{
	font-size: 30px;
	font-weight: 600;
	padding-left: 6px;
}
.our-work .item{
	padding-bottom: 50px;
}
.our-work a:link{
	text-decoration: none;
}
/*OWL Carousel (our-work)*/
.owl-carousel .owl-nav span{
	display: none;
}									/*this is for anchor tag*/
.owl-theme .owl-nav{
	margin-top: 0;
}
.owl-theme .owl-nav.disabled+.owl-dots{
	margin-top: 0 !important;
}
.owl-carousel button.owl-next,
.owl-carousel button.owl-prev,
.owl-carousel button.owl-dot{
	background: 0 0;
	color: #fff!important;
	border: none;
	font-size: 35px!important;
}
.owl-next::before{
	font-family:'FontAwesome';
	content: "\f0da" !important;
}
.owl-prev::after{
	font-family:'FontAwesome';
	content: "\f0d9" !important;
}
.owl-theme .owl-nav [class*=owl-]{
    color: #FFF;
    margin: 0px 18px;
    padding: 0px 7px;
}
.owl-theme .owl-nav [class*=owl-]:hover{
	background-color: transparent;
}
.our-work .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--Primary-color);
}

/*Our work Button*/
.our-work .button--nina {
	background-color: var(--Primary-off);
	color:  var(--Text-color);
	overflow: hidden;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.our-work .button--nina:hover {
	background: var(--Primary-color);
	
}
.our-work .button--nina span{
	color: var(--Secondary-color);
	font-weight: 600;
}

/*Our Work Button ENDs*/
/*OWL Carousel (our work) ENDs*/
/*Our Work Section ENDs*/

/************************** ~ Home ~ Page ENDs***********************/



/************************** ~ ABOUT US ~ Page************************/

/*ABOUT-Banner Section*/
.about-banner{
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 1;
	background-image: url(../images/au-ban-1.jpg);
	background-size: cover;
	background-attachment: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
/*	clip-path: polygon(68% 0%, 100% 0%, 100% 100%, 0% 95%, 0% 100%, 0% 0%);*/
}
.about-banner .carousel-caption{
	right: 0px;
	left: 0px;
	top: 60%;
}
/*Button*/
.about-banner .button{
	border-radius: 30px;
}
.about-banner .button--nina > span{
	padding: 5px 0;
}
.about-banner .button--nina::before {
	padding: 5px 0;
}
/*Button ENDs*/
/*ABOUT Banner Section ENDs*/

.clip-section2{
	background-image: url(../images/parallax-about.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}

/*WE Section*/
.we{
	width: 100%;
	padding: 110px 0;
}
.text-10{
	color: var(--Text-gray);
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
}
.text-11{
	font-size: 40px;
	color: var(--Primary-color);
	font-family: 'Playfair Display', serif;
	font-weight: 600;
	text-align: center;
}
.text-11::after{
	content: '';
	width: 50px;
	height: 2px;
	background-color: var(--Text-color);
	display: block;
	position: relative;
	bottom: -20px;
	margin: auto;
}
.we .text-12{
	color: var(--Text-color);
	margin-top: 50px;
	line-height: 24px;
	padding: 12px 0;
	text-indent: 50px;
	text-align: justify;
}
/*Button*/
.we .button--nina{
	background-color: var(--Primary-color);
}
.we .button{
	font-weight: 600;
}
.we .button--nina > span{
	font-weight: 600;
}
/*Button ENDs*/
/*Youtube*/
.we iframe{
	box-shadow: 0px 1px 10px #000000;
}
.we .col-md-6:nth-child(2){
	padding-top: 135px;
}
/*Button ENDs*/
/*Youtube ENDs*/
/*WE Section ENDs*/


/*secretary Section*/
.secretary{
	padding: 110px 0;
}
.secretary .text-12{
	color: var(--Text-color);
	line-height: 24px;
}
.secretary span{
	color: rgba(255,255,255,0.5);
	font-weight: 400;
	font-family: 'Dancing Script', cursive;
}
.text-16{
	font-family: 'Montserrat', sans-serif;
	color: var(--Primary-off);
	font-weight: 700;
}
.secretary ul li{
	padding-left: 20px;
	margin-left: 20px;
}
/*secretary Section ENDs*/


/*Trustee Members Section*/
.members{
	width: 100%;
	padding: 70px 0 70px 0;
	background-image: url(../images/au-ban-8.jpg);
	background-size: cover;
}
.members .text-6{
	color: var(--Black-color);
	font-family: 'Playfair Display', serif;
	text-align: center;
	font-size: 40px;
	text-shadow: 2px 2px 4px rgba(0,0,0,.2);
}
.members .text-6::after{
	content: '';
	width: 50px;
	height: 3px;
	background-color: var(--Primary-color);
	display: block;
	position: relative;
	bottom: -10px;
	margin: 0 auto;
}
.members .text-7{
	color: var(--Black-color);
	font-size: 26px;
	font-family: 'Dancing Script', cursive;
	padding: 30px 0 50px 0;
	text-shadow: 2px 2px 4px rgba(0,0,0,.7);
	text-align: center;
	line-height: 15px;
}
/*Card - Our Team(Trustee Members)*/
.our-team{
    position: relative;
    margin: 35px 0;
}
.our-team  img{
    width:100%;
    height: auto;
    z-index:1;
    transform:translateY(0px);
    transition: all 0.50s ease;border: solid 3px var(--Primary-off);
	box-shadow: 0px 1px 5px rgba(0,0,0,.5);
}
.our-team:hover img{
    transform:translateY(-60px);
	box-shadow: 0px 1px 5px rgba(0,0,0,.5);
}
.our-team .team-content{
    position: absolute;
    bottom: 0;
    left: 0;
    width:100%;
    opacity:0;
    color: #2b2f3e;
    padding: 20px 0;
    text-align: center;
    background:#fff;
    transform:translateY(0px);
    transition: all 0.50s ease-in-out 0s;
	border-right: solid 3px var(--Primary-off);
	border-left: solid 3px var(--Primary-off);
	border-bottom: solid 3px var(--Primary-off);
}
.our-team:hover .team-content{
    transform:translateY(46px);
    opacity:1;
	box-shadow: 0px 1px 5px rgba(0,0,0,.5);
}
.our-team .team-title{
	font-family: 'Playfair Display', serif;
    font-size:18px;
	font-weight: 500;
    color:#444;
    margin:0;
    letter-spacing:1px;
}
.our-team .team-title small{
    display: block;
    color:#444;
    margin:1% 0 3% 0;
    font-size:12px;
    text-transform: capitalize;
}
@media screen and (max-width: 767px){
    .our-team{
        margin-bottom: 15%;
    }
} ENDs
/*Card - Our Team(Trustee Members) ENDs*/

/*Button*/
.members .button{
	font-size: 12px;
	font-weight: 600;
	border-radius: 20px;
}
.members .button--nina{
	background-color: var(--Primary-color);
	padding: 0;
}
.members .button--nina > span{
	font-weight: 600;
	padding: 5px 0px;
	font-size: 12px;
}
.members .button--nina::before {
	padding: 5px 0px;
}
.members .button--nina.button--inverted {
    background-color: var(--Primary-color);
    color: rgba(0,0,0,.5);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
}
/*Button ENDs*/
/*Trustee Members Section ENDs*/


/*Present Members Section*/
.present-members{
	width: 100%;
	padding: 110px 0;
	background: rgba(201,201,201,0.5);
}
.present-members .text-14{
	text-align: center;
}
.present-members .text-13::after{
	background-color: var(--Primary-color);
}
/*Card - Our Teams(Present Members)*/
.our-teams{
    text-align: center;
	transition: 300ms ease-in-out all;
}
.our-teams:hover
{
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.our-teams .team_img{
    position: relative;
    overflow: hidden;
	
}
.our-teams .team_img:after{
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.2);
    position: absolute;
    bottom: -100%;
    left: 0;
    transition: all 0.3s cubic-bezier(.2,1.05,.74,.92);
}
.our-teams:hover .team_img:after{
    bottom: 0;
}
.our-teams img{
    width: 100%;
    height: auto;
}
.our-teams .social{
    padding: 0 0 18px 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: -100%;
    right: 10px;
    background: var(--Primary-color);
    border-radius: 0 0 20px 20px;
    z-index: 1;
    transition: all 0.7s cubic-bezier(.88,.01,.38,.93);
}
.our-teams:hover .social{
    top: 0;
}
.our-teams .social li a{
    display: block;
    padding: 10px;
    font-size: 15px;
    color: #fff;
}
.our-teams:hover .social li a:hover{
    color: #2a4284;
}
.our-teams .team-content{
    padding: 20px 0;
    background: #fff;
}
.our-teams .title{
    font-size: 18px;
    font-weight: bold;
    color: #2a4284;
    text-transform: capitalize;
    margin: 0 0 20px;
    position: relative;
}
.our-teams .title:before{
    content: "";
    width: 25px;
    height: 1px;
    background: #27ae61;
    position: absolute;
    bottom: -10px;
    right: 50%;
    margin-right: 9px;
    transition-duration: 0.25s;
}
.our-teams .title:after{
    content: "";
    width: 25px;
    height: 1px;
    background: #27ae61;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: 9px;
    transition-duration: 0.25s;
}
.our-teams:hover .title:before,
.our-teams:hover .title:after{
    width: 50px;
}
.our-teams .post{
    display: inline-block;
    font-size: 15px;
	font-weight: 600;
    color:  var(--Primary-off);
    text-transform: capitalize;
}
.our-teams .post:before{
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--Primary-color);
    margin: 0 auto;
    position: relative;
    top: -13px;
}
@media only screen and (max-width: 990px){
    .our-teams{ margin-bottom: 30px; }
}
/*Card - Our Teams(Present Members) ENDs*/
/*Present Members Section ENDs*/


/*Owl Testimonial Section*/
.testimonials{
	width: 100%;
	padding: 110px 0;
	background-image: url(../images/au-ban-13.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.testimonials .text-7 {
    color: var(--Text-gray);
    font-size: 26px;
    font-family: 'Dancing Script', cursive;
    padding: 30px 0 50px 0;
    text-shadow: 2px 2px 4px rgb(0 0 0 / 70%);
    text-align: center;
/*    line-height: 15px;*/
}
.section-title {
	font-size: 28px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-weight: 400;
	display: inline-block;
	position: relative;
}
.section-title:after,
.section-title:before {
	content: "";
	position: absolute;
	bottom: 0;
}
.section-title:after {
	height: 2px;
	background-color: rgba(252, 92, 15, 0.46);
	left: 25%;
	right: 25%;
}
.section-title:before {
	width: 15px;
	height: 15px;
	border: 3px solid #fff;
	background-color: var(--Primary-color);
	left: 50%;
	transform: translatex(-50%);
	bottom: -6px;
	z-index: 9;
	border-radius: 50%;
}
/* CAROUSEL STARTS */
.customer-feedback .owl-item img {
	width: 85px;
	height: 85px;
}
.feedback-slider-item {
	position: relative;
	padding: 60px;
	margin-top: -40px;
	cursor: pointer;
}
.customer-name {
	margin-top: 15px;
	margin-bottom: 25px;
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	font-family: 'Playfair Display', serif;
}
.feedback-slider-item p {
	line-height: 1.875;
	font-size: 14px;
}
.customer-rating {
	background-color: #eee;
	border: 3px solid #fff;
	color: rgba(1, 1, 1, 0.702);
	font-weight: 700;
	border-radius: 50%;
	position: absolute;
	width: 47px;
	height: 47px;
	line-height: 44px;
	font-size: 15px;
	right: 0;
	top: 77px;
	text-indent: -3px;
}
.thumb-prev .customer-rating {
	top: -20px;
	left: 0;
	right: auto;
}
.thumb-next .customer-rating {
	top: -20px;
	right: 0;
}
.customer-rating i {
	color: var(--Primary-color);
	position: absolute;
	top: 10px;
	right: 5px;
	font-weight: 600;
	font-size: 12px;
}
/* GREY BACKGROUND COLOR OF THE ACTIVE SLIDER */
.feedback-slider-item:after {
	content: "";
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0;
	top: 103px;
	background-color: var(--Text-color);
	border: 1px solid rgba(251, 90, 13, 0.1);
	border-radius: 10px;
	z-index: -1;
}
.thumb-prev,
.thumb-next {
	position: absolute;
	z-index: 99;
	top: 45%;
	width: 98px;
	height: 98px;
	left: -90px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.thumb-next {
	left: auto;
	right: -90px;
}
.feedback-slider-thumb img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
}
.feedback-slider-thumb:hover {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.customer-feedback .owl-nav [class*="owl-"] {
	position: relative;
	display: inline-block;
	bottom: 55px;
	transition: all 0.2s ease-in;
	outline: none;
}
.customer-feedback .owl-nav i {
	background-color: transparent;
	color: rgb(251, 90, 13);
	font-size: 25px;
}
.customer-feedback .owl-prev {
	left: -15px;
}
.customer-feedback .owl-prev:hover {
	left: -20px;
}
.customer-feedback .owl-next {
	right: -15px;
}
.customer-feedback .owl-next:hover {
	right: -20px;
}
/* DOTS */
.customer-feedback .owl-dots {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 35px;
}
.customer-feedback .owl-dot {
	display: inline-block;
}
.customer-feedback .owl-dots .owl-dot span {
	width: 11px;
	height: 11px;
	margin: 0 5px;
	background: #fff;
	border: 1px solid var(--Primary-color);
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	border-radius: 50%;
}
.customer-feedback .owl-dots .owl-dot.active span {
	background-color: var(--Primary-color);
}
.img-thumbnail{
	background-color: var(--Primary-color);
	border: none;
}

/* RESPONSIVE */
@media screen and (max-width: 767px) {
	.feedback-slider-item:after {
		left: 30px;
		right: 30px;
	}
	.customer-feedback .owl-nav [class*="owl-"] {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		margin-top: 55px;
		bottom: auto;
	}
	.customer-feedback .owl-prev {
		left: 0;
	}
	.customer-feedback .owl-next {
		right: 0;
	}
}
/*Owl Testimonial Section ENDs*/


/*COMMENTS Section*/
.comments{
	width: 100%;
	padding: 110px 0;
	background-color: rgba(184,184,184,.2);
}

/*Comment-Aurabinda*/
.comment .pic{
    padding: 20px;
    position: relative;
    z-index: 1;
}
.comment .pic::before, .comment .pic::after{
	content: '';
	width: 100px;
	height: 100px;
	background-color: var(--Primary-color);
	display: block;
	position: absolute;
	z-index: -1;
}
.comment .pic::before{
	top: 5px;
	right: 5px;
}
.comment .pic::after{
	bottom: 5px;
	left: 5px;
}
.comment .pic img{
    width: 100%;
    height: auto;
    border: 3px solid #e1c37d;	/*Frame border Color*/
}
.comment-content{
	position: absolute;
	bottom: 60px;
}
.comment .title{
	font-family: 'Playfair Display', serif;
    display: block;
    font-size: 28px;
    font-weight: 600;
    color: #000;
    margin: 0;
    text-transform: capitalize;
}
.comment .post{
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
    color: rgba(0,0,0,.4);
    text-transform: capitalize;
	letter-spacing: 5px;
	margin-top: 10px;
    margin-bottom: 25px;
}
.comment .post::after{
	content: '';
    width: 50px;
    height: 1px;
    background-color: #000;
    display: block;
    position: relative;
    bottom: -25px;
}

.comment .description{
    position: relative;
	font-family: 'Playfair Display', serif;
    font-size: 16px;
    color: rgba(0,0,0,.4);
	font-style: italic;
    margin: 50px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
}
.comment-content p:nth-child(4){
	font-family: 'Playfair Display', serif;
	color: rgba(0,0,0,.4);
	font-size: 12px;
	font-style: italic;
	margin: 10px 0px 0px 0px; 
}
.comment-content p:nth-child(4)::before
{
	content: '';
	width: 20px;
	height: 1px;
	background-color: rgba(0,0,0,.4);
	display: inline-block;
	position: relative;
	top: -4px;
}
.comments .owl-nav, .comments .owl-dots{
	display: none;
}

@media only screen and (max-width: 990px){
    .comment{ text-align: center; }
    .comment .pic{
        width: 200px;
        margin: 0 auto;
        float: none;
    }
    .comment .pic::before,
    .comment .pic::after{
        width: 80px;
        height: 100px;
    }
    .comment .comment-content{
        width: 100%;
        float: none;
    }
    .comment .title{
        padding: 15px 0 0 0;
    }
    .comment .post{
        padding: 0;
        margin-bottom: 10px;
    }
    .comments .owl-theme .owl-controls{
        width: 100%;
        position: static;
        text-align: center;
    }
    .comments .owl-theme .owl-controls .owl-buttons div{
        height: 50px;
        line-height: 50px;
    }
}
/*Comment-Arabinda ENDs*/

/*Google Form - Comment Us*/
.comments input, .comments textarea{
	border: none;
	height: auto;
}
.comments input::placeholder, .comments textarea::placeholder{
	font-size: 12px;
	font-weight: 800;
	color: rgba(0,0,0,.2);
}

/*Text Input Effect-Tympanus*/
/*Common CSS for input Effect*/
.input {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 100%;
	vertical-align: top;
}
.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	font-weight: bold;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}
.input__field:focus {
	outline: none;
}
.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	margin-bottom: 0;
	width: 40%;
	color: #6a7989;
	font-weight: bold;
	font-size: 70.25%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
}
/*Text input Effect type name - kaede*/
.input--kaede {
	display: block;
	overflow: hidden;
	background: rgba(227,227,227,.8);
}
.input__field--kaede {
	position: absolute;
	top: 0;
	right: 100%;
	width: 60%;
	height: 100%;
	background: #fff;
	color: #9DABBA;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.input__label--kaede {
	z-index: 10;
	display: block;
	width: 100%;
	height: 100%;
	text-align: left;
	cursor: text;
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.input__label-content--kaede {
	padding: 1.5em 0;
}
.input__field--kaede:focus,
.input--filled .input__field--kaede {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	-webkit-transition-delay: 0.06s;
	transition-delay: 0.06s;
	background-color: var(--Primary-color);
	color: var(--Text-color);
}
.input__field--kaede:focus + .input__label--kaede,
.input--filled .input__label--kaede  {
	-webkit-transform: translate3d(60%, 0, 0);
	transform: translate3d(60%, 0, 0);
	pointer-events: none;
}
.your-comment .input__label--kaede, .your-comment .input__field--kaede{
	height: 100px;
}

@media screen and (max-width: 34em) {
	.input__field--kaede:focus + .input__label--kaede,
	.input--filled .input__label--kaede  {
	-webkit-transform: translate3d(65%, 0, 0) scale3d(0.65, 0.65, 1);
	transform: translate3d(65%, 0, 0) scale3d(0.65, 0.65, 1);
	pointer-events: none;
	}
}
/*Text Input Effect-Tympanus ENDs*/
/*Button*/
.comments .button--nina.button--inverted {
    background-color: var(--Primary-color);
    color: rgba(0,0,0,.5);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 13px;
	font-family: 'Montserrat', sans-serif;
}
/*Button ENDS*/
/*Google Form - Comment Us ENDs*/
/*COMMENTS Section ENDs*/

/************************** ~ ABOUT US ~ Page ENDs ************************/



/************************** ~ Donation ~ Page ************************************/

/*Donate Banner*/
.donate-banner{
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 1;
	background-image: url(../images/banner-donate.jpg);
	background-size: cover;
	background-attachment: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
/*	clip-path: polygon(68% 0%, 100% 0%, 100% 100%, 0% 95%, 0% 100%, 0% 0%);*/
}
.donate-banner .carousel-caption{
	right: 0px;
	left: 0px;
	top: 60%;
}
/*Donate Banner ENDs*/

/*Donation Content*/
.donate-content{
	padding: 110px 0px 70px 0;
}
.donate-content .card .card-header
{
	font-weight: 700;
}
.donate-content .card .card-text span
{
	margin-left: 5px;
	font-size: 14px;
}
/*Table*/
.table{
	padding: 30px 0px 90px 0px;
}
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
	margin-bottom: 40px;
}

table caption {
  font-size: 18px;
  margin: .5em 0 .75em;
  caption-side: top;
  text-align: center;
  font-weight: 600;
}

table tr {
  border: 1px solid #ddd;
  padding: .35em;
}
table th{
	 background-color: rgba(255,180,34,0.3);
}
table td{
	 background-color: #f8f8f8;
}

table td:nth-child(1), table th:nth-child(1){
	width: 10%;
}
table td:nth-child(2), table th:nth-child(2){
	width: 55%;
}
table td:nth-child(2){
	text-align: left;
}
table td:nth-child(3), table th:nth-child(3){
	width: 18%;
}
table td:nth-child(4), table th:nth-child(4){
	width: 17%;
}
.border-b-color{
	border-bottom: 2px solid rgba(255,180,34,.2);;
}
.fw600{
	font-weight: 600;
}
table td {
  padding: .625em;
  text-align: center;
}
table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: .625em;
  text-align: center;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
	caption-side: top;
  	text-align: center;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
	
  table td:nth-child(1), table th:nth-child(1){
		width: 100%;
  }
  table td:nth-child(2), table th:nth-child(2){
		width: 100%;
  }
  table td:nth-child(3), table th:nth-child(3){
		width: 100%;
  }
  table td:nth-child(4), table th:nth-child(4){
		width: 100%;
  }
  table td:nth-child(2){
	text-align: right;
  }
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
	
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}
/*Table ENDs*/
/*Donation Content ENDs*/

/*Donate Section*/
.donate
{
	width: 100%;
	height: 75vh;
	text-align: center;
	position: relative;
	box-sizing: border-box;
}
hr {
  background-color: rgba(227, 227, 227,1);
  border: 0;
  opacity: 0.7;
  height: 2px;
  margin-top: 1.4em;
}
.donate button
{
  background-color: #000;
  color: #fff;
  font-family: "Lato";
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  padding: 0.5em 0em;
  width: 12rem;
  border-radius: 0.3rem;
	border: 1px solid #000;
  outline: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
}
.donate button:focus
{
	outline: none;
}
.active button {
  border-bottom: 1px solid #ccc;
  border-radius: 0.3rem 0.3rem 0 0;
}

.donate form {
  display: none;
  width: 12rem;
  -webkit-box-shadow: 0px 0px 10px 0px #2e5eae;
  -moz-box-shadow: 0px 0px 10px 0px #2e5eae;
  box-shadow: 0px 0px 10px 0px #2e5eae;
  padding-top: 50px;
  border-radius: 0.3rem;
  margin: 0 auto;
	position: relative;
	top: 46%;
	z-index: 1;
}
.donate input {
  -webkit-appearance: none;
  display: none;
  position: absolute;
}

.donate label {
  display: block;
  background-color: var(--Primary-color);
  color: #000000;
  padding: 0.5em 0;
  width: 12rem;
  font-size: 1.4rem;
  margin: 0 auto;
  border-bottom: 1px solid #ddd;
  transition: all 0.05s ease;
	font-weight: 500;
}
.donate label:hover, .donate label:focus {
  background-color: #ffffff;
  color: #000000;
  -ms-transform: scale(1.02, 1.02);
  /* IE 9 */
  -webkit-transform: scale(1.02, 1.02);
  /* Safari */
  transform: scale(1.02, 1.02);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.donate label:last-child {
  border-radius: 0 0 0.3rem 0.3rem;
}

#custom {
  max-width: 400px;
  margin: 0 auto;
  display: none;
  padding-top: 7em;
}
#custom h2 {
  text-align: center;
  margin: 0;
  letter-spacing: 0.2em;
  color: #96bdff;
  font-weight: 700;
  opacity: 0.7;
  text-transform: uppercase;
  font-size: 1.3em;
  padding-bottom: 0.75em;
}
#custom .input-group-1 {
  width: 100%;
  margin-bottom: 0em;
  position: relative;
}
#custom label {
  text-align: left;
  display: block;
  color: #96bdff;
  font-weight: 700;
  font-size: 2.8em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin: 1.6em 0 0.3em 0.2em;
  position: absolute;
  top: -1.25em;
  left: 0.5em;
}
#custom input[type=text] {
  text-align: left;
  font-family: "Lato";
  background-color: rgba(26, 68, 139, 0.3);
  font-weight: 300;
  border: 0px solid rgba(132, 178, 255, 0.67);
  color: white;
  font-size: 2.8em;
  box-sizing: border-box;
  padding-left: 2em;
  height: 1.9em;
  width: 100%;
  border-radius: 3px;
  outline: none;
}
#custom button {
  background-color: #2dbb55;
  border-color: #2dbb55;
  font-size: 1.2em;
  margin-top: 1.2em;
  transition: all 0.2s ease;
}
#custom button:hover, #custom button:focus {
  -ms-transform: scale(1.04, 1.04);
  /* IE 9 */
  -webkit-transform: scale(1.04, 1.04);
  /* Safari */
  transform: scale(1.04, 1.04);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
#custom .back {
  float: left;
  position: relative;
  text-indent: -999em;
  background-color: transparent;
  border: 3px solid #2e64c0;
  width: 2.4em;
  height: 2.4em;
  border-radius: 50%;
}
#custom .back span {
  position: absolute;
  display: block;
  background-color: #2e64c0;
  width: 60%;
  top: 50%;
  margin-top: -1.5px;
  left: 20%;
  height: 3px;
  border-radius: 3px;
}
#custom .back span:nth-child(2) {
  width: 40%;
  top: 64%;
  left: 17%;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari */
  transform: rotate(45deg);
}
#custom .back span:nth-child(3) {
  width: 40%;
  top: 36%;
  left: 17%;
  -ms-transform: rotate(-45deg);
  /* IE 9 */
  -webkit-transform: rotate(-45deg);
  /* Safari */
  transform: rotate(-45deg);
}
#custom .warn {
  display: none;
}
#custom .next {
  float: right;
}

#details {
  padding: 110px 0px;
  display: none;
  text-align: center;
  margin: 0;
}
#details .back, #card .back
{
  float: left;
  position: relative;
  text-indent: -999em;
  background-color: transparent;
  border: 3px solid #00000;
  width: 2.4em;
  height: 2.4em;
  border-radius: 50%;
}
#details .back span, #card .back span
{
  position: absolute;
  display: block;
  background-color: #000000;
  width: 60%;
  top: 50%;
  margin-top: -1.5px;
  left: 20%;
  height: 3px;
  border-radius: 3px;
}
#details .back span:nth-child(2), #card .back span:nth-child(2)
{
  width: 40%;
  top: 64%;
  left: 17%;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari */
  transform: rotate(45deg);
}
#details .back span:nth-child(3), #card .back span:nth-child(3)
{
  width: 40%;
  top: 36%;
  left: 17%;
  -ms-transform: rotate(-45deg);
  /* IE 9 */
  -webkit-transform: rotate(-45deg);
  /* Safari */
  transform: rotate(-45deg);
}
#details .next, #card .next
{
  float: right;
	padding: 3px 35px;
}
#details h2, #check h2, #confirm h2
{
  text-align: center;
  margin: 0;
  letter-spacing: 0.2em;
  font-weight: 700;
  opacity: 0.7;
  text-transform: uppercase;
  font-size: 1.3em;
  padding-bottom: 0.75em;
}
#details .input-group-1 {
  width: 100%;
  margin-bottom: 0em;
}
#details .input-group-2 {
  width: 48.33114%;
  margin-right: 1.33772%;
  margin-bottom: 1.2em;
  float: left;
}
#details .input-group-2:nth-child(2n) {
  float: right;
  margin-right: 0;
}
#details .input-group-3 {
  width: 37.952%;
  margin-right: 3.33772%;
  margin-bottom: 1.2em;
  float: left;
}
#details .input-group-3:nth-child(6n) {
  width: 17%;
}
#details .input-group-3:nth-child(7n) {
  float: right;
  margin-right: 0;
}
#details .contact-info 
{
  margin-left: auto;
  margin-right: auto;
}
#details label {
  text-align: left;
  display: block;
  color: #000000;
  font-weight: 300;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin: 1.6em 0 0.3em 0.2em;
}
#details input[type=text] {
  text-align: left;
  font-family: "Lato";
  background-color: rgba(227, 227, 227,1);
  font-weight: 300;
  border: 0px solid rgba(132, 178, 255, 0.67);
  color: #000;
  font-size: 1.3em;
  box-sizing: border-box;
  padding-left: 0.75em;
  height: 2.2em;
  width: 100%;
  border-radius: 3px;
  outline: none;
}
#details button, #card button, #check button
{
  background-color: #000000;
  border-color: #000000;
	color: #fff;
  font-size: 1.2em;
  margin-top: 1.2em;
  transition: all 0.2s ease;
	border-radius: 3px;
}
#details button:hover, #details button:focus, #card button:hover, #card button:focus, #check button:hover, #check button:focus
{
  outline: none;
  -ms-transform: scale(1.04, 1.04);
  /* IE 9 */
  -webkit-transform: scale(1.04, 1.04);
  /* Safari */
  transform: scale(1.04, 1.04);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

#card {
  padding: 110px 0px;
  text-align: left;
  display: none;
  text-align: center;
  margin: 0;
}
#card hr {
  margin-top: 0.2em;
}
#card h2 {
  text-align: center;
  margin: 0;
  letter-spacing: 0.2em;
  color: #000000;
  font-weight: 700;
  opacity: 0.7;
  text-transform: uppercase;
  font-size: 1.3em;
  padding-bottom: 0.75em;
}
#card .input-group-1 {
  width: 100%;
  margin-bottom: 0em;
}
#card .input-group-2 {
  width: 48.33114%;
  margin-right: 1.33772%;
  margin-bottom: 1.2em;
  float: left;
}
#card .input-group-2:nth-child(2n) {
  float: right;
  margin-right: 0;
}
#card .input-group-3 {
  width: 37.952%;
  margin-right: 3.33772%;
  margin-bottom: 1.2em;
  float: left;
}
#card .input-group-3:nth-child(5n) {
  width: 17%;
}
#card .input-group-3:nth-child(3n) {
  float: right;
  margin-right: 0;
}
#card .contact-info {
  margin-left: auto;
  margin-right: auto;
}
#card label {
  text-align: left;
  display: block;
  color: #000000;
  font-weight: 300;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin: 1.6em 0 0.3em 0.2em;
}
#card input[type=text] {
  text-align: left;
  background-color: rgba(227, 227, 227,1);
  font-weight: 300;
  border: 0px solid rgba(132, 178, 255, 0.67);
  color: #000000;
  font-size: 1.3em;
  box-sizing: border-box;
  padding-left: 0.75em;
  height: 2.2em;
  width: 100%;
  border-radius: 3px;
  outline: none;
}

#check {
  padding: 7em 0em;
  text-align: center;
  display: none;
}
#check button
{
	display: block;
	margin: 0px auto;
}
#check p {
  font-weight: 300;
  letter-spacing: 0.03em;
  padding-top: 1em;
  color: #000000;
  margin: 0;
  font-size: 1.3em;
}
#check h2 {
  text-align: center;
  margin: 0;
  letter-spacing: 0.2em;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.3em;
  padding-bottom: 0.75em;
}
#check span {
  display: inline-block;
  margin: 0 auto;
  border-radius: 5px;
  color: #000000;
  font-weight: 700;
  font-size: 3.2em;
  letter-spacing: 0.1em;
  padding: 0.2em 1em 0.3em;
  text-shadow: 4px 4px rgb(0 0 0 / 25%);
}

#confirm {
  display: none;
  height: 300px;
}
#confirm.animated {
  display: block;
}
#confirm p {
  color: #000000;
  line-height: 1.6;
  font-size: 1.4em;
  font-weight: 300;
  margin-bottom: 2em;
	text-align: center;
}
#confirm span {
  color: #000000;
  background-color: var(--Primary-color);
  padding: 0.25em 0.45em;
  margin: 0 0.15em;
  font-weight: 700;
  text-shadow: 2px 2px #1f9a42;
  font-size: 1em;
  border-radius: 0.2em;
}

.processing
{
  display: none;
	text-align: center;
}
.processing .mask {
  position: absolute;
  width: 130px;
  height: 100px;
  background-color: var(--Text-color);
  top: -3em;
  z-index: 999;
}
.processing .check
{
  position: relative;
  margin: 150px auto 70px;
  width: 110px;
  height: 1px;
}
.processing .check span {
  display: block;
  position: absolute;
  height: 0.5em;
  width: 5em;
  border-radius: 3px;
  background-color: var(--Primary-color);
}
.processing .check span:first-child {
  left: 2em;
  -ms-transform: rotate(-45deg);
  /* IE 9 */
  -webkit-transform: rotate(-45deg);
  /* Safari */
  transform: rotate(-45deg);
}
.processing .check span:last-child {
  width: 3em;
  top: 0.9em;
  left: 0.3em;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari */
  transform: rotate(45deg);
}
.processing .outer
{
  text-align: center;
  position: relative;
  background-color: #000000;
  height: 0.5em;
  width: 14em;
  margin: 1em auto;
  border-radius: 3px;
}
.processing .progress {
  position: absolute;
  background-color: #000000;
  height: 0.5em;
  width: 0em;
  top: 0em;
  left: 0;
  margin: 0;
  border-radius: 3px;
  z-index: 1;
  overflow: hidden;
}
.processing span
{
  text-transform: uppercase;
  letter-spacing: 0.3em;
  color: #000000;
  text-align: center;
  margin: 0px auto;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}
/*Donate Section ENDs*/

/************************** ~ Donation ~ Page ENDs********************************/


/************************** ~ LOKASIKSHANIKETAN ~ Page *************************/

.lsn-banner{
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 1;
	background-image: url(../images/banner-lsn.jpg);
	background-size: cover;
	background-position: center;
}
.lsn-banner .carousel-caption{
	right: 0px;
	left: 0px;
	top: 85%;
}
.lsn-banner .carousel-caption p{
	text-transform: none;
}
.lsn-banner .carousel-caption p:nth-child(1) > span{
	color: var(--Primary-color);
}

/*LSN Content*/
.lsn-content{
	padding: 110px 0px 70px 0px;
}
.lsn-content .text-15{
	color: var(--Text-gray);
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: left;
}
.lsn-content ul li{
	margin-left: 20px;
	padding-left: 20px;
}

/*LSN Content ENDs*/

/************************** ~ LOKASIKSHANIKETAN ~ Page ENDs*********************/



/************************** ~ Activity ~ ************************/

/*Activity Banner*/
.activity-banner{
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 1;
	background-image: url(../images/banner-activity.jpg);
	background-size: cover;
	background-attachment: fixed;
	display: flex;
	justify-content: center;
/*	align-items: center;*/
/*	clip-path: polygon(68% 0%, 100% 0%, 100% 100%, 0% 95%, 0% 100%, 0% 0%);*/
}
.activity-banner .carousel-caption{
	right: 0px;
	left: 0px;
	top: 60%;
}
/*Button*/
.activity-banner .button{
	border-radius: 30px;
}
.activity-banner .button--nina > span{
	padding: 5px 0;
}
.activity-banner .button--nina::before {
	padding: 5px 0;
}
/*Button ENDs*/
/*Activity Banner ENDs*/

/*Programmes Section*/
.programmes{
	width: 100%;
	padding: 110px 0px;
}
.programmes .btn-1{
	width: 100px;
	height: 40px;
	background: rgba(58,131,172,.7)
}
/*Image HOVER Effect - First row*/
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect > .overlay {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(48, 152, 157, 0.1);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  background-color: rgba(255,180,34,0.3);
}

.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h2 {
  text-transform: capitalize;
  color: #fff;
  text-align: center;
  position: relative;
  bottom: -83%;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-family: 'Playfair Display', serif;
}
.hovereffect:hover h2 {
  -webkit-transform: translateY(-75px);
  -ms-transform: translateY(-75px);
  transform: translateY(-75px);
  background: rgba(0, 0, 0, 0.7);
  color: var(--Primary-color);
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: 700;
  padding: 43px 130px;
}
.hovereffect a.info::after
{
	content: '\f107';
	font-family: 'FontAwesome';
	display: block;
	transition: 300ms ease-in-out all;
	opacity: 0;
}
.hovereffect:hover a.info::after
{
	opacity: 1;
}
.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/*Image HOVER Effect - First row ENDs*/

/*Image HOVER Effect - Second row*/
.second
{
	width: 100%;
	color: #fff;
  	font-size: 16px;
  	background-image: url(../images/work-16.jpg);
  	background-size: cover;
	background-position: center;
  	height: 80vh;
  	margin: 0;
  	padding: 0;
	display: flex;
	align-items: baseline;
	text-align: center;
}
.second p:nth-child(1)
{
	font-family: 'Playfair Display', serif;
	font-size: 55px;
/*	font-style: italic;*/
	font-weight: 700;
	margin-top: 40px;
	margin-bottom: 30px;
}
/*
.second p:nth-child(1)::after
{
	content: '';
	width: 100px;
	height: 3px;
	background-color: #fff;
	display: block;
	position: absolute;
	right: 50%;
	left: 50%;
	padding: 0px;
	transform: translateY(11px);
	justify-content: center;
}
*/
/*
.second p:nth-child(2)
{
	font-weight: 200;
	font-size: 14px;
	margin-top: 40px;
	margin-bottom: 30px;
}
*/
.second button
{
/*	float: right;*/
/*	text-align: center;*/
	margin: auto;
	color: #fff;
	font-weight: 800;	
}
.second .button--nina::before, .second .button--nina > span
{
	padding: 9px 0px;
}
.second .button--nina
{
	background-color: rgba(0,0,0,0.1);
/*	background: none;*/
	border: 2px solid var(--Primary-color);
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 2px;
	font-weight: 600;
}
.second .button--nina:hover{
	background-color: var(--Primary-color);
}
.second .button--nina::after, .second .button--nina > span{
	color: #000;
	font-weight: 800;
}
/*Image HOVER Effect - Second row ENDs*/
/*Seventh row*/
.seventh{
	width: 100%;
	color: #fff;
  	font-size: 16px;
  	background-image: url(../images/self-help.jpg);
  	background-size: cover;
	background-position: center;
  	height: 80vh;
  	margin: 0;
  	padding: 0;
	display: flex;
	align-items: baseline;
	text-align: center;
}
.programmes .text-13{
	color: var(--Primary-color);
}
.programmes .text-13::after{
	background-color: var(--Primary-color);
}
.programmes .text-14{
	color: #fff;
	text-align: center;
}
.seventh p:nth-child(1){
	font-family: 'Playfair Display', serif;
	font-size: 55px;
	font-weight: 700;
	position: relative;
	margin-top: 300px;
/*	margin-bottom: 30px;*/
}
.seventh button{
	margin: auto;
	color: #fff;
	font-weight: 800;	
}
.seventh .button--nina::before, .seventh .button--nina > span{
	padding: 9px 0px;
}
.seventh .button--nina
{
	background-color: rgba(0,0,0,0.1);
/*	background: none;*/
	border: 2px solid var(--Primary-color);
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 2px;
	font-weight: 600;
}
.seventh .button--nina:hover{
	background-color: var(--Primary-color);
}
.seventh .button--nina::after, .seventh .button--nina > span{
	color: #000;
	font-weight: 800;
}
/*Seventh row ENDs*/
/*Programmes Section ENDs*/

/*Events Calender*/
.calender
{
	width: 100%;
	padding: 110px 0px;
}
.calendar-sidebar>.calendar-year{
	padding: 10px;
}
.royal-navy .calendar-sidebar > span#sidebarToggler{
	padding: 3px;
	text-align: center;
}
.calender button.icon-button{
	width: 70%;
}
.royal-navy .calendar-events
{
	background-color: var(--Primary-color);
}
.calendar-events>.event-header>p, .royal-navy .calendar-events > .event-header > p, .event-container>.event-info>p.event-title, tr.calendar-header .calendar-header-day, .royal-navy th[colspan="7"]
{
	font-family: 'Playfair Display', serif;
	text-transform: capitalize;
}
.event-container>.event-icon>div.event-bullet-event, .event-indicator>.type-bullet>div.type-event, .event-container::before
{
	background-color: rgb(22 66 85);
}
.calendar-sidebar>.month-list>.calendar-months>li
{
/*	font-family: 'Playfair Display', serif;*/
	font-size: 16px;
/*	text-transform: uppercase;*/
}
tr.calendar-body .calendar-day .day{
	width: 50px;
	height: 50px;
	padding: 10px;
}
.royal-navy .calendar-sidebar > .month-list > .calendar-months > li{
	padding: 7px 20px;
}
.royal-navy .calendar-sidebar > .month-list > .calendar-months
{
	padding: 0px 15px;
}
.royal-navy .calendar-sidebar > .month-list > .calendar-months > li
{
	border-radius: 5px;
	text-align: center;
}
.event-indicator>.type-bullet>div
{
	width: 8px;
	height: 8px;
	position: relative;
	bottom: -6px;
}
/*Events Calender ENDs*/

/************************** ~ Activity ~ Page ENDs ************************/



/************************** USHAGRAM Products ~AND~ LSN Products ***********************************/

.our-products
{
	width: 100%;
	padding: 110px 0px;
}
/*Product Banner*/
.product-banner{
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 1;
	background-image: url(../images/product-ban.jpg);
	background-size: cover;
	background-attachment: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
/*	clip-path: polygon(68% 0%, 100% 0%, 100% 100%, 0% 95%, 0% 100%, 0% 0%);*/
}
.product-banner .carousel-caption{
	right: 0px;
	left: 0px;
	top: 70%;
}
.our-products .text-11::after{
	content: '';
	width: 50px;
	height: 3px;
	background-color: var(--Primary-color);
	display: block;
	position: relative;
	bottom: -10px;
	margin: 0 auto;
}
/*Button*/
.product-banner .button{
	border-radius: 30px;
}
.product-banner .button--nina > span{
	padding: 5px 0;
}
.product-banner .button--nina::before {
	padding: 5px 0;
}
/*Button ENDs*/
/*Product Banner ENDs*/

.our-products .text-4::after
{
	margin: 0px auto;
}
.our-products .text-5{
	text-indent: 0px;
	color: rgba(6,6,6,0.7);
}
.our-products .text-6{
	font-size: 40px;
	font-family: 'Playfair Display', serif;
}
.product-grid
{
    text-align: center;
}
.product-grid .product-image{
    overflow: hidden;
    position: relative;
}
.product-grid .product-image a.image{ display: block; }
.product-grid .product-image img{
    width: 100%;
    height: auto;
    transition: all 0.5s ease 0s;
}
.product-grid:hover .product-image img{
    transform-origin: top center;
    transform: scale(1.3);
}
.product-grid .product-sale-label{
    color: #fff;
    font-size: 13px;
    text-transform: capitalize;
    padding: 5px 8px;
    position: absolute;
    top: 7px;
    right: 7px;
	border: 1px solid #fff;
	border-radius: 7px;
}
.product-grid .product-full-view{
    color: #fff;
    background-color: var(--Primary-color);
    line-height: 35px;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    border: 4px solid #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) scale(0);
    position: absolute;
    left: 50%;
    top: 50%;
    transition: all 0.3s ease 0s;
}
.product-grid:hover .product-full-view{
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
}
.product-grid .product-image p
{
	color: #fff;
	text-align: center;
	font-weight: 700;
	 opacity: 0;
    transform: translateX(-50%) translateY(-50%) scale(0);
    position: absolute;
    left: 50%;
    top: 60%;
	text-transform: capitalize;
    transition: all 0.5s ease 0s;
}
.product-grid:hover .product-image p
{
	opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
}
.product-grid .product-full-view:hover{ background-color: #fc7628; }
.product-grid .product-content
{
	padding: 15px 10px; 
}
.product-content p
{
	font-style: italic;
	font-size: 13px;
}
.product-grid .title{
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 10px;
}
.product-grid .title a
{
    color: rgba(0,0,0,.6);
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 3px;
	text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.product-grid .title a:hover{ color: #6BCE3A; }
.product-grid .price{
    color: #6BCE3A;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 12px;
}
.product-grid .price span{
    color: #bbb;
    font-size: 17px;
    text-decoration: line-through;
}
.product-grid .product-links{
    padding: 0;
    margin: 0;
    list-style: none;
}
.product-grid:hover .product-links{ transform: scaleX(1); }
.product-grid .product-links li{
    margin: 0 1px;
    display: inline-block;
}
.product-grid .product-links li a{
    color: #000000;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    border-radius: 50px;
    overflow: hidden;
    display: block;
	text-transform: capitalize;
    transition: all 0.5s ease 0s;
	font-style: italic;
	font-family: 'Playfair Display', serif;
}
.product-grid .product-links li:nth-child(2) a{
    color: #fff;
    background-color: #6BCE3A;
    width: auto;
    padding: 0 15px;    
    border: none;   
}
.product-grid .product-links li a:hover{
    color: #6BCE3A;
    border-color: #6BCE3A;
}
.product-grid .product-links li:nth-child(2) a:hover{
    color: #fff;
    background-color: #fc7628;
}
@media screen and (max-width: 990px){
    .product-grid{ margin-bottom: 30px; }
}
.our-products .btn-1
{
	border: 1px solid #000 !important;
	color: #000 !important;
	margin-top: 50px;
}
.our-products .btn-1:focus
{
	outline: none !important;
}
.border-2::before
{
	content: '';
	width: 98%;
	height: 1px;
	background-color: rgba(0,0,0,.2);
	display: block;
	position: relative;
	left: 0;
	right: 0;
	bottom: 30px;
	margin: 0px auto;
}
.border-2
{
	padding: 53px 0px;
}

/************************** USHAGRAM Products ~AND~ LSN Products ENDs ******************************/



/************************** ~ Documents ~ Page *********************************/

/*Documents Banner*/
.documents-banner{
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 1;
	background-image: url(../images/pic-28.jpg);
	background-size: cover;
	background-attachment: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
/*	clip-path: polygon(68% 0%, 100% 0%, 100% 100%, 0% 95%, 0% 100%, 0% 0%);*/
}
.documents-banner .carousel-caption{
	right: 0px;
	left: 0px;
	top: 75%;
}
/*Documents Banner ENDs*/

/*Legal Documents*/
.documents-list
{
	padding: 110px 0px;
}
.documents-list .text-4::after
{
	margin: 0px auto;
}
.documents-list .button
{
	width: 100%;
	text-transform: capitalize;
	font-weight: 700;
	border-radius: 40px;
	margin: 1em 0px;
	padding: 1em 2em;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.documents-list .button span
{
	text-transform: uppercase;
}
.documents-list a
{
	text-decoration: none;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}

.button--nuka {
	margin: 1em 0px;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--nuka.button--inverted {
	color: #37474f;
}
.button--nuka::before,
.button--nuka::after {
	content: '';
	position: absolute;
	border-radius: inherit;
	background: #7986cb;
	z-index: -1;
}
.button--nuka::before {
	top: -7px;
	bottom: -7px;
	left: -7px;
	right: -7px;
	opacity: 0.2;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}
.button--nuka::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale3d(1.1, 1, 1);
	transform: scale3d(1.1, 1, 1);
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	transition: transform 0.3s, background-color 0.3s;
}
.button--nuka::before,
.button--nuka::after {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--nuka.button--inverted::before,
.button--nuka.button--inverted::after {
	background: var(--Primary-color);
}
.button--nuka:hover
{
	color: #fff;
	cursor: pointer;
}
.button--nuka:hover::before {
	opacity: 1;
}
.button--nuka:hover::after {
	background-color: #37474f;
}
.button--nuka.button--inverted:hover::after
{
	background-color: #000000;
}
.button--nuka:hover::after,
.button--nuka:hover::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
/*Legal Documents ENDs*/

/************************** ~ Documents ~ Page ENDs*****************************/



/************************** ~ Contact US ~ Page ********************************/

/*Contact Us Banner*/
.contact-banner{
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 1;
	background-image: url(../images/banner-contact.jpg);
	background-size: cover;
}
.contact-banner .carousel-caption{
	right: 0px;
	left: 0px;
	top: 85%;
}
.contact-banner .carousel-caption p{
	text-transform: none;
}
.contact-banner .carousel-caption p:nth-child(1) > span{
	color: var(--Primary-color);
}
/*Contact Us Banner ENDs*/

/*Get in Touch Section*/
.contact
{
	width: 100%;
	padding: 110px 0px ;
	background-color: rgba(0,0,0,0.1);
}
.text-13
{
    font-size: 40px;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    text-transform: capitalize;
	text-align: center;
}
.text-13::after
{
	content: '';
	width: 50px;
	height: 1px;
	background-color: #000;
	display: block;
	position: relative;
	bottom: -25px;
	margin: 0px auto
}
.text-14 {
   	font-size: 14px;
	margin: 50px 0px;
	color: rgba(0,0,0,.7);
}
.contact-box i:nth-child(1){
	font-size: 20px;
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.contact-box i:nth-child(1)::after{
	content: '';
	height: 50px;
    width: 50px;
    border-radius: 50%;
	background-color: var(--Primary-color);
    border: 4px solid #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
	display: flex;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0px auto;
	top: -15px;
	z-index: -1;
}
.contact-box p:nth-child(2){
	font-family: 'Playfair Display', serif;
	text-transform: capitalize;
	font-weight: 800;
	font-size: 20px;
	margin: 25px 0px 14px 0px;
}
.contact-box p:nth-child(3), .contact-box p:nth-child(4){
	font-size: 14px;
}
.contact-box{
	-webkit-transition: all 0.3s 0s ease-in;
  	transition: all 0.3s 0s ease-in;
}
.contact-box:hover{
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
  	transition: all 0.3s ease;
	cursor: pointer;
}
.contact-box:nth-child(2){
	border-left: 1px dashed rgba(0,0,0,.2);
	border-right: 1px dashed rgba(0,0,0,.2);
}
.contact-box a
{
	color: inherit;
}
/*Get in Touch Section Ends*/

/*FORM Section*/
.form{
	width: 100%;
	padding: 110px 0px;
}
.form p{
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 50px;
	color: rgba(0,0,0,.6);
}
.form input::placeholder, .form textarea::placeholder{
	text-transform: capitalize;
	font-size: 12px;
}
.form input, .form textarea, .form input:focus, .form textarea:focus{
	background-color: rgba(227, 227, 227,1);
	border: none;
	outline: none !important;
	border-radius: 0px;
	resize: none;
}
.form .btn{
	border-radius: 0px;
	background-color: #000000 !important;
	color: #fff !important;
	margin: 0px auto;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
}
.valid-feedback, .invalid-feedback{
	text-transform: capitalize;
}
.form label{
	font-size: 14px;
}
/*FORM Section ENDs*/

/*Map*/
.map
{
	width: 100%;
	padding-bottom: 110px;
	text-align: center;
}
/*Map Ends*/

/************************** ~ Contact US ~ Page ENDs ***************************/



/*=============================================================================*/

/*FOOTER Section*/
footer{
	background-color: var(--Secondary-color);
}
.footer-padding{
	padding: 98px 0 90px 0;
}
.text-1{
	font-size: 20px;
	color: var(--Text-color);
	font-weight: 700;
	font-family: 'Playfair Display', serif;
	text-transform: capitalize;
}
.text-2{
	font-size: 13px;
	font-weight: 400;
	color: var(--Text-gray);
}
.text-3{
	color: var(--Text-gray);
	font-size: 13px;
	font-weight: 600;
}
.text-3 a{
	color: var(--Primary-off);
	font-weight: 500;
/*	text-decoration: none;*/
}
.post li{
	list-style: none;
}
.post li:nth-child(2){
	margin: 10px 0px;
	padding: 10px 0px 12px 0px;
	border-top: 1px solid rgba(118,118,118,0.2);
	border-bottom: 1px solid rgba(118,118,118,0.2);
}
.post li a{
	color: var(--Text-gray);
	font-size: 14px;
	text-decoration: none;
}
.post li a span{
	display: block;
	color: var(--Primary-off);
	font-size: 13px;
}
.links li{
	list-style: none;
	margin-bottom: 14px;
}
.links li a{
	text-decoration: none;
	font-size: 13px;
	color: var(--Text-gray);
	margin-left: 10px;
}
.links li::before{
	content: '\f0da';
	font-family: 'FontAwesome';
	color: var(--Primary-off);
}
.bg_3{
	background-color: var(--Black-color);
	color: var(--Text-gray);
}
/*Typewrite Effect*/
.typewrite
{
	margin-top: 10px;
	color: #828282;
	font-size: 13px;
	text-decoration: none !important;
}
.typewrite:hover
{
	text-decoration: none;
}
/*Typewrite Effect ENDs*/
/*FOOTER Section ENDs*/


/*Scroll to top*/
.material-scrolltop
{
  	display: block;
  	position: fixed;
  	width: 0;
  	height: 0;
  	bottom: 43px;
  	right: 38px;
  	padding: 0;
  	overflow: hidden;
  	outline: none;
  	border: none;
  	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  	cursor: pointer;
  	border-radius: 50%;
  	background: var(--Primary-color);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1); 
}
.material-scrolltop:hover
{
    background-color: var(--Primary-color);
    text-decoration: none;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5), 0 3px 15px rgba(0, 0, 0, 0.5);
}
 .material-scrolltop::before
{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: '';
    width: 0;
    border-radius: 100%;
    background: var(--Primary-color); }
  .material-scrolltop:active::before {
    width: 120%;
    padding-top: 120%;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  .material-scrolltop.reveal {
    width: 45px;
    height: 45px; }
  .material-scrolltop span {
    display: block;
    font-size: 25px;
    color: #fff; }

.material-scrolltop, .material-scrolltop::before 
{ 
	display: flex;
	justify-content: center;
	align-items: center;
	content: '\f102';
	font-family:'FontAwesome';
	font-size: 23px;
}
.material-scrolltop:focus
{
	outline: none;
}
/*Scroll to top ENDs*/




/*PHOTO GALLERY*/
.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 4rem;
  margin-right: -2px;
}
.gallery .item {
  line-height: 0;
  display: contents;
}
.gallery .item .img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.gallery .item .img::before {
  position: absolute;
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='61' height='61' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.76581 41.8827c-.29383-.647-.56806-1.3332-.80312-1.9606-1.93564-5.3665-2.1917-11.1959-.73409-16.7117 1.45761-5.5159 4.55971-10.4563 8.8931-14.16324 4.3334-3.70695 9.6924-6.00446 15.3631-6.58652 5.6708-.58205 11.3841.57899 16.379 3.32847.2286.1248.4974.15359.7472.08006.2498-.07354.4601-.24338.5848-.47216.1247-.22879.1535-.49778.08-.7478-.0735-.25001-.2432-.46058-.4717-.58537C39.4631 1.12917 33.3562-.108803 27.2953.514513 21.2344 1.13783 15.5066 3.5929 10.8735 7.55331 6.24045 11.5137 2.92159 16.7918 1.35822 22.6858-.205144 28.5799.0610456 34.8106 2.1214 40.5495c.25465.7254.54847 1.4508.86188 2.1566.04731.1252.11971.2393.21276.3354.09306.0961.20478.1721.32829.2233.12352.0513.2562.0767.38989.0746.13369-.002.26555-.0314.38745-.0864.1219-.0549.23126-.1343.32136-.2332.09009-.0989.159-.2152.20248-.3417.04348-.1266.06062-.2607.05035-.3941-.01027-.1334-.04772-.2633-.11005-.3817v-.0196ZM55.8126 14.4155c-.1376-.221-.3574-.3782-.6108-.437-.2535-.0588-.5199-.0145-.7407.1233s-.3779.3577-.4367.6114c-.0587.2537-.0144.5204.1233.7414 3.9352 6.3228 5.1998 13.9513 3.5155 21.2073s-6.1795 13.5452-12.4967 17.484c-6.3173 3.9387-13.9391 5.2044-21.1887 3.5186-7.2497-1.6857-13.5333-6.1849-17.46861-12.5077-.06817-.1094-.1572-.2044-.26202-.2793-.10481-.075-.22336-.1286-.34886-.1577-.12551-.0292-.25552-.0333-.38261-.0121-.12709.0212-.24877.0672-.35809.1354-.10933.0682-.20416.1573-.27907.2622-.07492.1049-.12846.2236-.15756.3492-.0291.1256-.0332.2557-.01206.383.02114.1272.06711.2489.13528.3584 4.21063 6.7647 10.9337 11.5783 18.6903 13.3817 7.7566 1.8035 15.9113.4491 22.6701-3.7653 6.7589-4.2143 11.5682-10.9434 13.3701-18.7068 1.8018-7.7634.4486-15.9252-3.7621-22.69ZM51.3464 11.7884c.0829.103.1859.1882.3026.2504.1167.0622.2448.1.3765.1114.1317.0113.2644-.0042.3899-.0456.1256-.0414.2415-.1078.3408-.1952.0992-.0875.1798-.1941.2368-.3135.0569-.1194.0892-.2491.0947-.3813.0056-.1322-.0157-.2642-.0625-.388-.0468-.1237-.1181-.2368-.2097-.3322-.7263-.82644-1.498-1.61187-2.3114-2.35264-.0935-.09538-.2055-.17063-.3291-.22112-.1236-.05049-.2562-.07515-.3896-.07248-.1335.00268-.265.03263-.3865.08803-.1215.05539-.2304.13506-.32.23411-.0896.09905-.158.21539-.2011.34187-.043.12648-.0598.26043-.0492.39362.0106.1332.0482.26283.1107.38093.0624.1181.1483.22218.2524.30584.7581.69164 1.4775 1.42464 2.1547 2.19584Z' fill='%23fff'/%3E%3Cpath d='M31.3265 29.5117V15.435c0-.26-.1032-.5093-.2868-.6932-.1837-.1838-.4328-.2871-.6926-.2871-.2597 0-.5089.1033-.6925.2871-.1837.1839-.2869.4332-.2869.6932v14.0571H15.8323c-.2598 0-.5089.1032-.6926.2871-.1836.1838-.2868.4331-.2868.6931 0 .26.1032.5093.2868.6932.1837.1838.4328.2871.6926.2871h13.5354v15.1158c0 .26.1032.5093.2869.6931.1836.1839.4328.2871.6925.2871.2598 0 .5089-.1032.6926-.2871.1836-.1838.2868-.4331.2868-.6931V31.4722H44.862c.2597 0 .5088-.1033.6925-.2871.1837-.1838.2869-.4332.2869-.6932 0-.26-.1032-.5093-.2869-.6931-.1837-.1839-.4328-.2871-.6925-.2871H31.3265Z' fill='%23fff'/%3E%3C/svg%3E");
  height: 60px;
  width: 60px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(-0.7);
  opacity: 0;
  z-index: 2;
  transition: 0.2s;
  transform-origin: center center;
}
.gallery .item .img::after {
  content: "";
  display: block;
  position: absolute;
  background: #021107;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 1;
  transition: 0.2s;
}
.gallery .item:hover .img::before {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.gallery .item:hover .img::after {
  opacity: 0.2;
}
.gallery .item:hover .img
{
	filter: grayscale(100%);
}
.gallery .item .img {
  width: calc(22.2% - 2px);
  padding-bottom: calc(22.2% - 2px);
  margin: 0 2px 2px 0;
}
.gallery.education .item .img
{
	width: calc(44.4% - 2px);
  	padding-bottom: calc(44.4% - 2px);
}
.modal .gallery .item .img
{
	width: calc(33.3% - 3px);
  	padding-bottom: calc(33.3% - 3px);
}
.modal .gallery
{
	margin: 0px;
}
@media only screen and (min-width: 1px) and (max-width: 1023px) {
  .gallery.item .img {
    width: calc(50% - 2px);
    padding-bottom: calc(50% - 2px);
    margin: 0 2px 2px 0;
  }
}
/*PHOTO GALLERY ENDs*/


.modal-title
{
	text-transform: capitalize;
}
.modal-title span:first-child
{
	font-family: Hermaiona;
	font-size: 65px;
	color: #343a40;
}
.modal-title span:last-child
{
	font-weight: 800;
	font-size: 8px;
	letter-spacing: 3px;
	position: relative;
	text-transform: uppercase;
}
.modal-footer button
{
	text-transform: capitalize;
	font-weight: 700;
}

.bg_3 a
{
	position: relative;
	top: -10px;
}
.counter-position
{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 24px;
}

/*THE END*/