/*# sourceURL=css/style.css */
/*@ sourceURL=css/style.css */

/*=========================== General and Typography ============================ */

body {
	font-family: 'Source Sans pro', sans-serif;
	color: #6A6A71;
	font-size: 17px;
	line-height: 1.7;
	overflow-x: hidden;
}

p {
	font-size: 16px;
	line-height: 1.7;
	font-weight: 400;
}

h1 {
	font-size: 30px;
	line-height: 30px;
	color: #323296;
	font-family: 'Nunito', sans-serif;
	font-weight: 900;
}

h2 {
	color: #323296;
	font-size: 23px;
	font-weight: 800;
	font-family: Nunito;
	line-height: 1.0;
}

h3 {
	font-family: 'Nunito', sans-serif;
	font-size: 18px;
	color: #323296;
	font-weight: 600;
	line-height: 26px;
}

h4 {
	color: #404044;
	font-size: 1.8em;
	margin-bottom: 20px;
	font-weight: 600;
}

h5 {
	color: #414242;
	font-size: 1.5em;
	font-weight: 600;
	margin-bottom: 20px;
}

h6 {
	color: #0E1B23;
	font-family: 'Nunito', sans-serif;
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 15px;
}

.h7 {
	color: #949393;
	font-family: 'Nunito', sans-serif;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	line-height: 1.3;
	letter-spacing: 1px;
	display: block;
}

.lead {font-family: 'Nunito', sans-serif;line-height: 1.3em;}

/* subtitle */

.subtitle:after {
	z-index: 0;
	content: "\f5da";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 26px;
	display: block;
}

.subtitle,
p.subtitle {
	display: inline;
	font-size: .93em;
	letter-spacing: 1.5px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0px;
	border-bottom: 1px dashed;
	padding-bottom: 20px;
	font-family: Nunito;
	color: #949393;
}
.lightcolor {color: #FF0606 !important;border-color: #FFFFFF !important;}

/* Links */

a {transition: color .2s ease-in-out;}

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

*:focus {
	outline-style: none;
	box-shadow: none;
	border-color: transparent;
}

/*=========================== Preloader ============================ */

#preloader {
	position: fixed;
	top: 0;
	background: #fff;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
}

.preloader-logo {text-align: center;width: 200px;animation: rotate 2.0s infinite linear;}

.spinner {
	margin: 100px auto;
	width: 40px;
	height: 40px;
	position: relative;
	text-align: center;
	-webkit-animation: sk-rotate 2.0s infinite linear;
	animation: sk-rotate 2.0s infinite linear;
}

/*=========================== Navigation ============================ */

.navbar {
	background-color: #fff;
	box-shadow: 1px 5px 10px rgba(49, 49, 49, 0.21);
}

.navbar-nav a {
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0.4px;
	line-height: 25px;
}

.navbar-nav a {color: #404044;}

.nav-item {
	margin-left: 0px;
	padding: 0px 0px;
	border-radius: 3px;
	transition: all .2s ease-in-out;
}

.homepage:after {
    content: "|";
    padding: 0 2px;
    font-size: 15px;
	color:#FF0000;
    position: relative;
    top: -1px;
}

.navbar .nav-item:focus .dropdown.show {background: transparent!important;}

.navbar .nav-item.active,
.navbar .nav-item:hover {transition: all .4s ease-in-out;color:#FF0000;}

.navbar .nav-item.active a .dropdown-item {border: 0px!important;}

.navbar .nav-item a:hover {color: #111;}

.contact-us li {font-size: 20px;}
/* dropdown style */

.nav-link.dropdown-toggle:focus {background: transparent!important;}

.carousel-indicators li {background-color: #FF0000;height: 5px;}

.dropdown-item {
	color: #111!important;
	transition: all .2s ease-in-out;
	line-height: 30px!important;
}

.dropdown-menu {
	box-shadow: 1px -1px 10px 4px rgba(49, 49, 49, 0.21);
	border: 0px;
	border-radius: 0;
}

.navbar .dropdown-menu a:before {display: none;}

.nav-brand {line-height: 20px;margin-top: 0px;}

.nav-brand img {max-height: 60px;}

.navbar-brand i {vertical-align: sub;margin-right: 10px;font-size: 45px;}

.navbar-toggler {
	transition: all 0.5s ease 0s;
	background: #fff;
	margin-right: 10px;
}

.colored-nav .top-bar {background: #fff;}

.colored-nav .top-bar .contact-details li{color:#222;}

.colored-nav .navbar .nav-item a {color: #fff;}

.top-bar {
	transition: all 0.8s;
	top: 0;
	width: 100%;
	position: relative;
	background-color: #323296 !important;
}

.top-bar ul, ol {margin-bottom: 0px;padding: 0px;}

.top-bar a {color: #fff;}

.top-bar .contact-details li:first-child {padding-left: 0px;}

.top-bar .contact-details i {
	margin-right:0px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	line-height: 22px;
	text-align: center;
	color: #fff;
	font-size: 12px;
}

.top-bar .contact-details li {
	font-size: 13px;
	display: inline-block;
	line-height: 42px;
	font-weight: 700;
	color: #fff;
	padding: 0px 20px;
	font-family: Nunito;
}

/* top-bar Social icons */

ul.social-list {list-style-type: none;}

ul.social-list li a {display: inline-block;transition: all 0.2s ease-in-out;}

ul.social-list li a:hover {transform: scale(1.2);}

ul.social-list li a i {
	display: block;
	width: 34px;
	transition: all 0.2s ease-in-out;
	line-height: 42px;
	text-align: center;
	font-size: 18px;
}
ul.social-list.big-icons li a i {width: 44px;font-size: 25px;}

ul.social-list li.list-inline-item:not(:last-child) {margin: 0px;}

ul.contact-list {list-style-type: none;}

ul.contact-list li a {display: inline-block;transition: all 0.2s ease-in-out;}

ul.social-list li a i.fa-facebook-f:hover {background-color: #3b5998;color: #fff;}
ul.social-list li a i.fa-twitter:hover {background-color: #1DA1F2;color: #fff;}
ul.social-list li a i.fa-youtube:hover {background-color: #FF0000;color: #fff;}
ul.social-list li a i.fa-instagram:hover {background-color: #8a3ab9;color: #fff;}

ul.footer-list li a i {
	display: block;
	width: 42px;
	transition: all 0.2s ease-in-out;
	line-height: 42px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	border-radius: 50%;
}
ul.footer-list li a i.fa-facebook-f:hover {background-color: #3b5998;color: #fff;}
ul.footer-list li a i.fa-twitter:hover {background-color: #1DA1F2;color: #fff;border: 1px solid #1DA1F2;}
ul.footer-list li a i.fa-youtube:hover {background-color: #FF0000;color: #fff;border: 1px solid #FF0000;}
ul.footer-list li a i.fa-instagram:hover {background-color: #8a3ab9;color: #fff;border: 1px solid #8a3ab9;}
ul.contact-list li a i {
	display: block;
	width: 42px;
	transition: all 0.2s ease-in-out;
	line-height: 42px;
	text-align: center;
	font-size: 18px;
	color: #035392;
	border-radius: 50%;
}
ul.contact-list li a i.fa-facebook-f:hover {background-color: #3b5998;color: #fff;}
ul.contact-list li a i.fa-twitter:hover {background-color: #1DA1F2;color: #fff;border: 1px solid #1DA1F2;}
ul.contact-list li a i.fa-youtube:hover {background-color: #FF0000;color: #fff;border: 1px solid #FF0000;}
ul.contact-list li a i.fa-instagram:hover {background-color: #8a3ab9;color: #fff;border: 1px solid #8a3ab9;}
.bg-secondary {padding-top: 70px;}
/* =========================== Slider ============================ */

#slider {width: 100% !important;height: 800px;}

.header-wrapper {width: 100%!important;margin-left: 0%!important;}

.header-wrapper .header-text {margin-top: 5%;white-space: normal;}

.ls-outline .ls-nav-prev,
.ls-outline .ls-nav-next {z-index: 99!important;}

/* dark overlay in slider */

.slider-full .ls-bg-wrap:after,
.ls-slide-transition-wrapper:before {
	
	content: "";
	width: 100%;
	height: 100%;
	z-index: 999;
	top: 0;
	left: 0;
	position: absolute;
}

/* header text wrapper */

.header-text {
	margin-left: 55%;
	text-align: center;
	width: 50%;
}

.parallax-slider .header-text {
	margin-left: 5%;
	width: 40%!important;
	margin-top: 15%;
}

.header-text h1 {
	text-transform: none;
	font-size: 63px;
	font-weight: 900;
	letter-spacing: 0.5px;
	line-height: 1.1;
	margin-bottom: 15px;
	color: #222;
}

.header-text span {
	color: #222;
	font-weight: 700;
	font-size: 40px;
	font-family: Nunito;
}

.header-p {
	font-weight: 500;
	font-size: 22px;
	line-height: 1.3;
	margin-bottom: 15px;
}
.submenus {margin-left: 165px;margin-top: -25px;}
/* ===========================
 Drag Slider
============================ */

.slider-container {overflow: hidden;position: relative;cursor: all-scroll;}

.slider {z-index: 1;position: relative;height: 700px;}

.slider-control {
    z-index: 2;
    position: absolute;
    top: 0;
    width: 12%;
    height: 100%;
    transition: opacity 0.3s;
    opacity: 0;
}
.slider-control.inactive:hover {cursor: auto;}

.slider-control:not(.inactive):hover {opacity: 1;cursor: pointer;}

.slider-control.left {
    left: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
}
.slider-control.right {
    right: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
}

ul.slider-pagi {padding-left: 0px;}

.slider-pagi {
    position: absolute;
    z-index: 999;
    left: 50%;
    bottom: 1rem;
    transform: translateX(-50%);
    font-size: 0;
    list-style-type: none;
    bottom: -10px;
}
.slider-pagi__elem {
    border: 2px solid #fff;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 1rem;
    height: 1rem;
    margin: 0 0.5rem;
    border-radius: 50%;
    cursor: pointer;
}
.slider-pagi__elem:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: #cecece;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    transition: transform 0.3s;
    transform: translate(-50%, -50%) scale(0);
}
.slider-pagi__elem.active:before,
.slider-pagi__elem:hover:before {transform: translate(-50%, -50%) scale(1);}

.slider.animating {transition: transform 0.5s;}

.slider.animating .slide__bg {transition: transform 0.5s;}

.slide {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
.slide.active .slide__overlay,
.slide.active .slide__text {opacity: 1;transform: translateX(0);}

.slide__bg {
    position: absolute;
    top: 0;
    left: -50%;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top right;
}
.slide__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slide__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  min-height: 610px;
  -webkit-transition: -webkit-transform 0.5s 0.5s, opacity 0.2s 0.5s;
          transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
  -webkit-transform: translate3d(-20%, 0, 0);
          transform: translate3d(-20%, 0, 0);
  opacity: 0;
}

.slide__overlay path {opacity: 0.4;}

.slide__text {
    text-align: center;
    position: absolute;
    max-width: 450px;
    bottom: 24%;
    left: 20px;
    color: #fff;
    transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
    transform: translate3d(-20%, 0, 0);
    opacity: 0;
}
.slide__text h1 {color: #fff;text-transform: uppercase;}

.slide__text-heading {margin-top: 0;}

.lead {font-size: 1.4rem;font-weight: normal;margin: 1.1rem 0;}

/*=========================== Home page ============================ */

.floating-whale {
	left: 50%;
	z-index: 0;
	-webkit-animation: float 6s ease-in-out infinite;
	animation: float 6s ease-in-out infinite;
	margin-bottom: -45px;
	margin-left: 120px;
}

.carousel-item img {background: rgba(0, 0, 0, .5);}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 30%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}
.carousel-caption h1 {font-size: 45px; line-height: 50px; color: #fff;}

/*=========================== About pages ============================ */

/* Features with icon */

.icon-features img {font-size: 55px;display: inline-block;}

.icon-features {
	transition: all 0.4s ease-in-out;
	margin-bottom: 20px;
	display: inline-block;
}

.feature-with-icon:hover .icon-features {transform: rotate(20deg);border-radius: 50%;}

.feature-with-icon img {
	transition: all 0.4s ease-in-out;
	text-align: center;
	line-height: inherit;
	width: 100px;
	height: 100px;
}

.feature-with-img {text-align: center;}

.feature-with-icon h5 {margin-bottom: 10px;}

/* =========================== Image galleries ============================ */

/* gallery 1 */

.container.gallery-container {
	background-color: #fff;
	color: #35373a;
	min-height: 100vh;
	padding: 10px 10px;
}

.gallery-container h1 {
	text-align: center;
	margin-top: 50px;
	font-weight: bold;
}

.gallery-container p.page-description {
	text-align: center;
	margin: 25px auto;
	font-size: 18px;
	color: #999;
}

.portfolio-item {position: relative;}

.isotope-item {z-index: 2}

.isotope-hidden.isotope-item {z-index: 1}

.isotope, .isotope .isotope-item {transition-duration: 0.8s;}

.isotope-item {margin-right: -1px;backface-visibility: hidden;padding: 0px;}

.isotope {transition-property: height, width;}

.isotope .isotope-item {transition-property: transform, opacity;}

.gallery-item.selected img {transition: opacity 1s ease-in-out;}

.gallery-thumb {display: block;position: relative;border-radius: 10px;margin: 10px;}

.gallery-thumb img {border: 5px solid;border-radius: 10px;}

.scrollimation .gallery-thumb {transform: translateY(100px);opacity: 0;transition: opacity .4s ease-out, transform .4s ease-out;}

.touch .scrollimation .gallery-thumb,
.scrollimation .gallery-thumb.in {transform: translateY(0px);opacity: 1;}

/* thumbnail Overlay */

.gallery-thumb .overlay-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
	border-radius: 10px;
	transition: opacity .3s ease-out;
	background: rgba(0, 0, 0, 0.45);
}

.gallery-thumb:hover .overlay-mask {opacity: 1;}

.gallery-thumb .link {
	display: inline-block;
	margin: 0;
	font-size: 40px;
	line-height: 40px;
	color: #fff;
	opacity: 0;
	position: absolute;
	height: 80px;
	width: 80px;
	bottom: 0%;
	vertical-align: middle;
	left: 50%;
	text-align: center;
	z-index: 3;
	margin-left: 20px;
	transform: translateX(-200px);
	transition: all .3s ease-out;
}

.gallery-thumb:hover .link {transform: translate(0);opacity: 1;transition: all .3s ease-out .3s;}

.gallery-thumb .link.centered {margin-left: -105px;transform: translateY(200px);transition-delay: 0s;}

.gallery-thumb i {
	transition: all 0.2s ease-in-out;
	color: #fff;
	position: absolute;
	float: left;
	width: 100%!important;
	border-radius: 50%;
	height: 80px;
	top: -35px;
	line-height: 0px;
	left: 65px;
}

.gallery-thumb:hover .link.centered {transform: translateY(0);transition-delay: 0.1s;line-height: 70px;}

/*=========================== Contact pages ============================ */

.contact-icon {text-align: center;border-radius: 10px;padding: 40px 10px 20px 10px;}

.contact-icon .top-icon {
	transition: all .3s ease-out;
	font-size: 40px;
	top: -40px;
	color: #fff;
	position: absolute;
	right: 0;
	left: 0;
	background: #fff;
	border-radius: 50%;
	padding: 20px;
	display: inline-table;
	width: 60px;
}

.contact-icon:hover .top-icon {transform: rotate(14deg);transition: -webkit-transform 0.8s ease;}

.margin-icon {margin-right: 8px;}

.list-contact li {line-height: 32px;}

/*=========================== Footer ============================ */

footer {padding-bottom: 20px;padding-top: 10px;}

.logo-footer {max-width: 230px;}

.credits p {
	font-weight: 400;
	font-size: 15px;
	margin-bottom: 0px;
	text-align: center;
}
footer.footer2,footer.footer3{padding:50px 0;}

footer.footer3 {border-radius: 20px 20px 0% 0%;}

/*=========================== Miscellaneous ============================ */

/* SVG divider */

#divider,
#footer-divider {
	margin-bottom: -10px;
	z-index: 29;
	padding: 0px;
	width: 100%;
	height: 100%;
}

#divider path {fill: #fff;}

.slider-divider {
	height: 180px!important;
	position: relative;
	margin-top: -100px;
	z-index: 30!important;
}

/* light text */

.text-light p,
.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6 {color: #fff!important;}

/* progress bar */

.progress {margin: 5px;}

/* buttons */

.btn {
	transition: all .2s ease-in-out;
	color: #fff!important;
	border: 0px;
	font-size: 1.rem;
	padding: 10px 30px;
	outline: none;
	letter-spacing: 1px;
	font-family: 'Nunito', sans-serif;
	border-radius: 20px;
	text-transform: uppercase;
	margin-top: 15px;
	white-space: normal;
	font-weight: 900;
	box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.25);
}

.btn:hover {transform: scale(1.1);box-shadow: 1px 9px 10px rgba(53, 52, 52, 0.45);}

.input-group-btn .btn:hover {transform: none;box-shadow: 1px 9px 10px rgba(53, 52, 52, 0.45);}

.btn-lg {padding: 1.2rem 5.4rem!important;font-size: 1.35rem!important;line-height: 1.5;}

.btn-sm {padding: 0.6rem 0.9rem!important;font-size: 0.9rem!important;}

.btn-light {color: #212529!important;}

.btn-group-vertical>.btn,
.btn-group>.btn {margin: 0px;}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active {outline: none;}

button:focus {outline: 0px;}

ul.social-media {list-style: none;font-size: 30px;padding: 0px;margin: 0px;}

ul.social-media li {margin: 0px 5px;line-height: 55px;transition: all 0.2s ease-in-out;display: inline-block;}

ul.social-media li:hover {transform: scale(1.2);transition: all .3s ease-out;}

ul.social-media i {transition: all .3s ease-out;}

/* forms */

.form-control {
	transition: all 0.3s ease-in-out;
	border: 0;
	border: 2px solid;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	border-radius: 3px;
	height: initial;
}

.form-control input {height: 50px;}

.form-control:focus {outline: none;box-shadow: none;}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {border-top-right-radius: 0;border-bottom-right-radius: 0;}

.form-control.border2 {border-color: #fff;}

.input-group-btn .btn {
	margin-top: 0px;
	height: 44px;
	margin-left: 0px;
	border-radius: 0px 10px 10px 0px;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
    background-color: #182333;
    border: 15px solid #182333;
    border-radius: 50px;
}

.maruee {background-color: #FF0000;color: #ffffff;font-weight: 900;}

.page-header {
	background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/02-3.jpg) center center no-repeat;
    background-size: cover;
}

.imaths-header {
	background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/slider/Imaths.jpg) center center no-repeat;
    background-size: cover;
}

.navbars {height: 45px;padding: 0px;}

.navbar {background-color: #fff;box-shadow: 1px 5px 10px rgb(49 49 49 / 21%);}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}
/* form label */

label {margin-top: 10px;}

.bg-secondary label {color: #fff;}

.pattern1 {
	background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25) 1px, transparent 1px, transparent 6px);
	background-size: 8px 8px;
}

/* Sidebar */
.sidebar-header {
	text-align: center;
	margin-top: 30px;
	font-size: 22px;
	font-weight: 600;
	padding: 5px 10px;
	color: #fff;
}

.sidebar-header:first-child {margin-top: 0px;}

#sidebar.bg-primary p {color: #fff;}

#sidebar.bg-primary .sidebar-header {color: #fff;}

/* Go to top icon */

.back-to-top {
	display: none;
	position: fixed;
	bottom: 40px;
	right: 42px;
	transition: all 0.2s ease-in-out;
	z-index: 99999;
}

.back-to-top i {
	display: block;
	width: 44px;
	height: 44px;
	line-height: 40px;
	font-size: 22px;
	color: #fff;
	border-radius: 30% 70% 70% 30% / 30% 45% 55% 70%;
	text-align: center;
	box-shadow: 0px 1px 20px rgba(255, 255, 255, 0.19);
}

.back-to-top:hover {transform: scale(1.3);}

/*Nav-tabs */

.nav-tabs .nav-link {
	font-size: 20px;
	margin-bottom: 0px;
	padding: 20px 30px;
	font-weight: 700;
	margin-right: 20px;
	letter-spacing: 0.5px;
	text-align: center;
}

.tabs-with-icon .nav-tabs .nav-link {padding: 10px 15px;margin-right: 10px;}

.nav-tabs .nav-item i {
	font-weight: normal;
	font-size: 40px;
	display: inline-block;
	transition: all .42s ease-in-out;
	text-align: center;
	margin-right: 10px;
	vertical-align: sub;
}

.nav-tabs .nav-item:hover i {
	text-shadow: 0px 2px 30px #f3ebeb;
	color: #fff;
	-moz-transform: translate(0px, 0);
	-moz-transition: -moz-transform 0.8s ease;
	transform: rotate(14deg) scale(1.3);
	transition: -webkit-transform 0.8s ease;
}

.nav-tabs .nav-item,
.nav-tabs,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {border: 0px;}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs {color: #fff;}

.tab-content {
	background: #fff;
	padding: 50px;
	border: 0px;
	box-shadow: 1px 2px 20px rgba(105, 105, 105, 0.21);
}

/* tab animation on active */

.tab-pane.active {animation: slide-down 0.5s ease-out;}

@keyframes slide-down {
	0% {
		opacity: 0;
		transform: translatey(-20px);
	}
	100% {
		opacity: 1;
		transform: translatey(0);
	}
}

/* centered navs */
.center-nav {display: flex;justify-content: center;}

/* cards */
.card {
	background: #f5f5f5;
	display: block;
	border: 0px;
	border-radius: 15px;
	padding: 30px;
}

.card-header {background: none;}

.card-title {transition: all 0.2s ease-in-out;}

a .card-title:hover {color: inherit;}

/* widgets */

.widget-area {margin: 40px 0px;}

.widget-area:first-child {margin-top: 0px;}

.widget1 a, .widget2 a {transition: all 0.2s ease-in-out;}

.widget1 img {max-width: 60px;vertical-align: middle;}

.widget1 span {font-size: 20px;font-weight: 600;margin-left: 20px;}

.widget-1-info {margin-top: 10px;background: #fff;border-radius: 10px;}

.widget2 .card {padding: 0px;background: transparent;}

.widget2 .card img {transition: all 0.4s ease-in-out;}

.widget2 .card .card-img {overflow: hidden;}

.widget2 .card:hover img {transform: scale(1.2);}

/* accordions */

.accordion-cards .card {
	border: 0px;
	display: block;
	padding: 0px;
	border-radius: 0px;
	background: #fff;
}

.accordion .card-link {
	display: block;
	padding: 5px 20px;
	border-radius: 5px;
	border-bottom: 0;
	transition: all 0.8s;
	margin: 5px;
	cursor: pointer;
}

.accordion .card-link,
.accordion .card-link.collapsed,
.accordion .card-link:focus {color: #ffffff!important;transition: all 0.8s;}

.accordion-cards .card-body {margin: 0 20px;padding: 40px;border-radius: 5px;}

.accordion .card {padding: 0px;background: transparent;}

.accordion .card-header {
	font-weight: 700;
	font-size: 17px;
	padding: 0px;
	line-height: 1.3;
	color: #fff;
	border-radius: 5px;
	margin-bottom: px;
	letter-spacing: 0.7px;
	font-family: Nunito;
	border: 0;
}

.accordion {overflow: hidden;position: relative;z-index: 1;}

.accordion a:before {
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	width: 40px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	font-size: 14px;
	top: 0;
	left: -75px;
	background: transparent;
	margin-right: 10px;
}

.accordion .card-header a.collapsed:before {content: "\f067";}

/* img-fluid */

.img-fluid {max-width: 100%;}

.bg-light {background-color: #f5f5f5!important;}

.container-fluid {padding-right: 0px;padding-left: 0px;}

/* section */
section {padding-top: 30px;padding-bottom: 30px;}

.no-padding {padding-top: 0px;padding-bottom: 0px;}

.section-heading {margin-bottom: 10px;}

.section-heading h2 {font-size: 62px;font-weight: 900;}

/* custom ul */

ul.custom {list-style: none;margin-bottom: 0;}

ul.custom li {padding: 5px 0px;}

ul.custom li:before {content: "\f303";font-family: "Font Awesome 5 Free";font-weight: 900;padding-right: 7px;}

/* checkmark ul */

ul.checkmark {list-style: none;margin-bottom: 0;}

ul.checkmark li {padding: 5px 0px;font-size: 16px;line-height: 26px;}

ul.checkmark li:before {font-family: "Font Awesome 5 Free";content: "\f14a";padding-right: 7px;}

/* white border if bg same color as form border */

.bg-primary .form-control {border-color: #fff;}

/* img zoom on hover */

.img-zoom-hover {overflow: hidden;}

.img-zoom-hover img {transition: all 0.2s ease-in-out;}

.img-zoom-hover:hover img {transform: scale(1.1);}

/* rotate image */

.rotate1 {transform: rotate(-2deg);}

/* overlay background */

.overlay {box-shadow: inset 0 0 0 1222px rgba(41, 41, 41, 0.42);}

.overlay-light {box-shadow: inset 0 0 0 1222px rgba(255, 255, 255, 0.82);}

.overlay-dark {box-shadow: inset 0 0 0 1222px rgba(41, 41, 41, 0.87);}

/* extra paddings and margins */

.p-10 {padding: 100px;}

.p-20 {padding: 200px 0;}

.pb-8 {padding-bottom: 80px;}

.mt-8 {padding-top: 80px;}

/* sticky top */

.sticky-top {top: 100px;}

/* list group */

.list-group {font-weight: 700;font-size: 18px;}

.list-group-item {
	font-family: 'Nunito', sans-serif;
	transition: all 0.2s ease-in-out;
	margin-bottom: 4px;
	border: 0;
	background: none;
	border-radius: 5px!important;
	font-size: 18px;
	border-bottom: 2px solid transparent;
}

.list-group-item.active,
.list-group-item-action:focus,
.list-group-item-action:hover {background: none;border-bottom: 2px solid;}

.list-group-item.active:hover,
.list-group-item-action:hover {color: #fff;}

/* Pagination*/

.pagination {margin-bottom: 0px;}

/* Jumbotron */

.jumbotron {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: contain;
	margin-bottom: 0px;
	background-position:center top;
}

.jumbotron .breadcrumb {max-width: 400px;border-radius: 0px;}

.jumbo-heading {
    margin-bottom: -80px;
    text-align: left;
    text-align: center;
    border-radius: 10px;
    padding: 21px 20px;
    margin-top: 70px;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.jumbo-heading h1 {color: #fff;font-size: 1.7em;}

/* Owl-carousel */
 .owl-height {transition: height 500ms ease-in-out;}

.owl-prev,
.owl-next {position: absolute;top: 50%;text-align: center;}

.owl-nav {margin: 0 auto;top: 0px;left: 50%;}

.owl-theme .owl-controls .owl-page {display: inline-block;}

.owl-prev {left: -10px;}

.owl-next {right: -10px;}

.owl-prev i,
.owl-next i {
	transition: all .3s ease-in-out;
	font-size: 14px;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	box-shadow: -4px -2px 20px rgba(0, 0, 0, 0.39);
}

.owl-prev i:hover,
.owl-next i:hover {transform: scale(1.2);}

.owl-carousel.owl-loaded {display: block;clear: both;}

.owl-dots {text-align: center;margin-top: 10px;}

.owl-carousel .owl-stage-outer {margin-top: -7px;}

.owl-theme .owl-dots .owl-dot {display: inline-block;}

.owl-theme .owl-dots .owl-dot span {
	border: 2px solid #cecece;
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 0.6rem;
	height: 0.6rem;
	margin: 0 0.3rem;
	border-radius: 50%;
	cursor: pointer;
	color: #333;
	transition: all 0.3s ease-in-out;
}

.owl-carousel  {margin-top: 40px;}

.owl-carousel.mt-0 .owl-stage {margin-top: 0px!important;}

/* Owl-carousel */
 .owl-theme .owl-controls .owl-page {display: inline-block;}

 .owl-carousel .owl-item {perspective: 1000px;}

/* owl carousel with navigation on top */

.top-centered-nav .owl-nav {position: absolute;}

.top-centered-nav .owl-prev,
.top-centered-nav .owl-next {top: 0%;}

.top-centered-nav .owl-prev {left: -35px;}

.top-centered-nav .owl-next {right: -35px;}

/* Page margin*/

.page {background-color: #fff;padding-top: 50px;padding-bottom: 20px;}

/* opacity on hover */

.hover-opacity {transition: all 0.4s ease-in-out;}

.hover-opacity:hover {opacity: 0.6;}

/* border hover */

.hover-border img {transition: all 0.4s ease-in-out;}

.hover-border:hover img {border: 15px solid;}

/* alerts */

.alert {padding: 20px;border-radius: 15px;}

.alert.alert-primary:before,
.alert.alert-secondary:before {color: #fff;}

.alert:before {
	font-family: "Flaticon";
	content: "\f131";
	font-weight: normal;
	position: absolute;
	float: right;
	right: 10px;
	top: -10px;
	font-size: 50px;
	transform: rotate(10deg);
	opacity: 0.2;
	z-index: 0;
}

.alert-primary,
.alert-secondary {color: #fff;}

/* nav pills */

.nav-pills .nav-link {
	font-size: 18px;
	color: #fff;
	border-radius: 10px;
	padding: 10px 40px;
	margin: 5px 10px;
	transition: all 0.2s ease-in-out;
	font-family: 'Nunito', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.nav-link.disabled {color: #6c757d!important;}

/* pills /badges */

.badge-pill {padding: 10px;margin: 3px;}

.badge-default {color: #fff;}

/* breadcrumbs */

.breadcrumb {
	margin-bottom: 0;
	color: #fff;
	background: transparent;
	font-size: 14px;
	display: block;
	padding: 0px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: no-wrap;
	font-weight: 600;
	letter-spacing: 1px;
}

.breadcrumb .breadcrumb-item {display: inline;}

.breadcrumb a, .breadcrumb li a {color: #fff;}

.breadcrumb-item.active {color: #b1b5b9;}

.breadcrumb-item+.breadcrumb-item::before {
	color: #fff;
	float: inherit;
	font-size: 10px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
}

.pagehead {font-size: 62px;font-weight: 900;text-align: center;}

.page-link:hover,
.page-link:focus,
.page-link.active {color: #fff;border: 1px solid #fff;outline: 0;}

.page-link {
	transition: all 0.2s ease-in-out;
	font-family: 'Nunito', sans-serif;
	color: #fff;
	font-weight: 700;
	border: 1px solid #fff;
}

/*=========================== Media queries ============================ */
/* Very Small devices (phones, 380px) */

@media (max-width: 380px) {
	/* responsive tables */
	.table td,
	.table th {
		width: 100%;
		display: inline-block;
	}
	.jumbo-heading {
		margin-bottom: -80px!important;
	}
		
}

/* Small devices (landscape phones, 544px) */
@media (max-width: 544px) {
	/* price tables */
	.pricingTable .pricing-content {
		margin: 0 0px;
	}
	.pricingTable .pricingTable-header:before,
	.pricingTable .pricingTable-header:after {
		display: none;
	}
	.jumbo-heading {
		margin-bottom: -80px!important;
	}
	/* slider */
	.header-text span {
		font-size: 22px;
	}
	.header-text h1 {
		margin-bottom: 0px!important;
	}
	.ls-bottom-nav-wrapper {
		bottom: -10px;
	}
	 /* Drag Slider */
    
    .slider {
        height: 250px!important;
    }
	 .slide__text-heading {
        margin:0px;
    }
	.slider-pagi {
		display:none;
	}
	
	/* jumbotron */
	.jumbotron h1 {
		font-size: 1.4em!important;
	}
	/* others */
	.nav-pills .nav-link {
		font-size: 15px;
	}
	.btn.ml-1 {
		margin-left: 0px!important;
	}
	.breadcrumb {
		padding: 0px 10px;
	}
	.btn {
		padding: 10px 30px
	}
	.serviceBox1 .title a {
		font-size: 20px;
	}
	.section-heading h2,
	h2 {
		font-size: 2.2em!important;
	}
	.owl-prev i,
	.owl-next i {
		font-size: 20px;
	}
	.nav-tabs .nav-link {
		width: 100%;
		margin-top: 10px;
		border-radius: 10px;
		margin-right: 0px;
		text-align: center;
	}
	.navbar-brand span {
		font-size: 30px;
	}
	.navbar-brand i {
		font-size: 40px;
	}
	.navbar-collapse.show,
	.navbar-collapse {
		max-height: 300px !important;
	}
	.input-group .form-control,
	.input-group-btn {
		display: inline-table;
		width: 100%;
		margin-top: 10px;
	}
	.input-group>.custom-select:not(:last-child),
	.input-group>.form-control:not(:last-child),
	.input-group-btn .btn {
		border-radius: 10px;
	}
	.btn-lg {
		padding: 20px!important;
	}
	.back-to-top {
		right: 12px;
	}
	.text-xs-center {
		text-align: center;
	}
	#footer-divider {
	  margin-bottom: -20px;
	}
}

/* Medium/small devices (767px) */
@media (max-width: 767px) {
	
	.jumbo-heading {
		margin-bottom: -80px!important;
	}
	footer .float-left,
	.contact-details.float-left{float:none!important}
	.no-bg-sm {
		background-image: none!important;
	}
	ul.social-list,
	.top-bar .contact-details li {
		width: 100%;
		text-align: center;
	}
	.top-bar .contact-details li {
		font-size: 11px!important;
		line-height: 22px;
	}
	.adoption-header {
		margin-top: 0px;
	}
	.btn.float-left {
		float: none!important;
	}
	.feature-with-icon {
		text-align: center;
	}
	.owl-prev {
		left: -0px;
	}
	.owl-next {
		right: -0px;
	}
	.hidden-small {
		display: none;
	}
	.accordion a:before {
		width: 20px;
		height: 20px;
		line-height: 20px;
		left: -25px;
		top: 10px;
	}
	.accordion:before {
		left: 12px;
	}
	.accordion .card-header {
		padding: 5px;
	}
	.bg-collumn {
		min-height: 200px!important;
	}
	section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.section-heading {
		margin-bottom: 40px;
	}
	.section-heading:before {
		font-size: 40px;
	}
	h1 {
		font-size: 2.4em;
	}
	.section-heading h2,
	h2 {
		font-size: 2.0em;
	}
	h3 {
		font-size: 1.7em;
	}
	h4 {
		font-size: 1.5em;
	}
	.h7 {
		font-size: 14px;
	}
	.header-p {
		font-size: 18px;
		line-height: 23px;
		margin-bottom: 10px;
	}
	.header-text h1 {
		margin-bottom: 20px;
		font-size: 7em;
	}
	.page {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	footer {
		padding: 30px;
	}
	.mt-5,
	.my-5 {
		margin-top: 2rem!important;
	}
	.mb-5 {
		margin-bottom: 2rem!important;
	}
	.ls-outline .ls-nav-prev,
	.ls-outline .ls-nav-next {
		display: none!important;
	}
	.jumbotron {
		min-height: 150px!important;
	}
	.full-slider .header-wrapper .header-text {
		width: 100%!important;
		padding: 0px!important;
		margin-left: 10px;
		display: block;
		margin-top: 20%;
	}
}

/* Medium devices (991px)  */
@media (min-width: 991px) {
	.jumbo-heading {
		margin-bottom: -64px!important;
	}
	.ls-outline .ls-bottom-slidebuttons {
	   display: none!important;
    }
	.breadcrumb {
		white-space: nowrap;
	}
	/* no fixed backgrounds, important fix for IOS */
	.bg-fixed {
		background-attachment: fixed!important;
	}
	/* page with sidebar */
	.page-with-sidebar {
		padding-right: 30px;
	}
	.page-with-sidebar-left {
		padding-left: 30px;
	}
}

@media (max-width: 991px) {
	.jumbo-heading {
		margin-bottom: -80px!important;
	}
	.contact-icon .top-icon {
		font-size: 25px;
		top: -10px;
	}
	.nav-tabs .nav-link {
		width: 100%;
		margin-right: 0px;
		text-align: center;
	}
	#divider {
		display: none;
	}
	.contact-form3 {
		margin-top: 55px;
	}
	.bg-collumn {
		min-height: 300px;
	}
	.nav-tabs .nav-link {
		padding: 15px 30px;
		border-radius: 0px;
	}
	#sidebar {
		margin-top: 50px;
	}
	/* no background or hidden on small devices */
	.no-bg-small {
		background-image: none!important;
	}
	.hidden-medium-small {
		display: none;
	}
	 /* Drag Slider */
    
    .slider {
        height: 400px;
    }
    .slide .slide__text {
        background-color: rgba(0, 0, 0, 0.4);
    }
    .slide__text {
        left: 0;
		max-width: 100%;
        bottom: 0px;
        width: 100%;
		word-break:break-word;
        text-align: center;
        transform: translateY(50%);
        transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
        padding: 40px;
    }
    .slide__overlay {
        display: none;
    }
    .slide__text-heading {
        font-size: 1.5rem;
    }
    .slider-pagi__elem,.slider-pagi__elem:before {
		width: 0.5rem;
		height: 0.5rem;	
    }
	/* widget */
	.widget2 {
		margin-top: 30px;
	}
	.widget2:first-child {
		margin-top: 0px;
	}
	/* slider */
	.header-text:before {
		font-size: 50px!important;
		margin-top: 30px;
	}
	/*top bar */
	.top-bar .contact-details li {
		font-size: 13px;
	}
	.top-bar .contact-details li {
		margin: 0px!important;
	}
	.top-bar .contact-details i {
		margin-right: 8px;
		margin-left: 8px;
	}
	/* others */
	.res-margin {
		margin-top: 30px;
	}
	.img-rotate-outline {
		padding: 30px;
		border: 0px;
	}
	.navbar-collapse.show {
		max-height: 400px;
	}
	.navbar-collapse {
		max-height: 400px;
	}
	.navbar-collapse::-webkit-scrollbar {
		width: 10px;
	}
	.navbar-collapse::-webkit-scrollbar-track {
		background-color: lightgray;
	}
	.navbar-collapse::-webkit-scrollbar-thumb {
		background-color: darkgray;
	}
	.navbar-collapse.show {
		overflow-y: scroll!important;
		overflow-x: hidden!important;
	}
}

/* Large devices (large desktops, min 1200px ) The navbar toggle appears at this breakpoint*/
@media (min-width: 1200px) {
	.jumbo-heading {
		margin-bottom: -64px!important;
	}
	.navbar-expand-xl .navbar-nav .dropdown-menu {
		position: absolute;
		margin-top: 10px;
		padding: 0px;
		border-top: 2px solid #ED3237;
	}
	.rajiv {
		margin-left: 160px;
		margin-top: -25px !important;
	}
	/* jumbotron */
	.jumbotron {
		height: 500px;
	}
	.jumbo-heading {
		margin-top: 340px;
		margin-bottom: -64px;
	}
	/* navigation */
	.navbar-nav .nav-link {
		line-height: 40px;
	}
	.navbar-nav .nav-item.active .nav-link {
		line-height: 40px;
	}
	.nav-link {
		display: block;
		padding: 0;
	}
	.navbar {
		height: 85px;
		padding: 0px;
	}
	.dropdown-menu {
		margin-top: 30px;
	}
}

@media (max-width: 1200px) {
	.jumbo-heading {
		margin-bottom: -60px!important;
	}
	.top-bar .contact-details li {
		padding: 0px 0px;
	}	
	/* Jumbotron */
	.jumbotron {
		min-height: 250px;
		background-size: cover!important;
		background-attachment: scroll;
	}
	/* navigation */
	.dropdown-menu:before {display: none;}

	.navbar .nav-item {margin-top: 20px;}

	.navbar-nav .dropdown-menu {float: left;width: 100%;}

	.navbar-toggler:hover i {color: #fff;}

	.navbar {min-height: 50px;padding: 0px;	}

	.nav-brand img {max-height: 50px;padding: 5px;}

	.dropdown-item,	.navbar-nav .nav-link {text-align: center;}

	.dropdown-item {padding: 0.8rem;}
	
	.navbar-collapse.show {display: block;padding-bottom: 40px;	}

	.header-text {width: 50%!important;position: absolute;margin-left: 40%;	}

	.header-text.full-width {
		width: 100%!important;
		margin-left: 2%;
		padding: 0px!important;
		margin-top: 10%!important;
	}
}

/* Very Large devices ( min 1500px ) */
@media (min-width: 1500px) {
	.jumbotron {
		height: 560px;
	}
	.jumbo-heading {
		margin-top: 440px;
		margin-bottom: -64px;
	}
	.slider-divider {
		margin-top: -100px;
	}
}

.img-responsive{height:auto;max-width:100%}

.nav-link active {color: #323296;}

.navbar-collapse {flex-grow: initial;}

.top-menu {height: 88px;background-color: #fff;}

.sub-menu {height: 50px;margin: 0 auto;}

.benefits {margin-top: 50px;}

.follow-us {margin-top: 80px;}