@charset "UTF-8";
/*
Name: 			theme-elements.css
Written by: 	Okler Themes - (http://www.okler.net)
Theme Version:	9.0.0

*/

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #777;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #777;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #777;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #777;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:   #777;
}



/* Pulse */
@-webkit-keyframes pulseAnim {
	from {
		transform: scale(1);
		opacity: 1;
	}

	to {
		transform: scale(1.4);
		opacity: 0;
	}
}

@keyframes pulseAnim {
	from {
		transform: scale(1);
		opacity: 1;
	}

	to {
		transform: scale(1.4);
		opacity: 0;
	}
}

.pulseAnim:not(:hover):after {
	-webkit-animation-name: pulseAnim;
	animation-name: pulseAnim;
}

/* Buttons */
.btn {
	font-size: 12.8px;
	font-size: 0.8rem;
	padding: 8.528px 14.928px;
	padding: 0.533rem 0.933rem;
	cursor: pointer;
}

html body .btn:focus,
html body .btn:active {
	box-shadow: none !important;
}

/* Grey */
.bg-color-grey {
	background-color: #F7F7F7 !important;
}



.border-color-grey-1 {
	border-color: #e9e9e9 !important;
}



/* Featured Box */
.featured-box {
	background: #FFF;
	box-sizing: border-box;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #ECECEC;
	border-radius: 8px;
	border-right: 1px solid #ECECEC;
	box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	min-height: 100px;
	position: relative;
	text-align: center;
	z-index: 1;
}

.featured-box .box-content {
	border-radius: 8px;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	border-top-width: 4px;
	padding: 28.8px;
	padding: 1.8rem;
	position: relative;
}

.featured-box .box-content:not(.box-content-border-0) {
	top: -1px;
	border-top-width: 4px;
}

/* Featured Boxes Modern */
.featured-boxes-modern-style-1 .featured-box {
	position: relative;
	overflow: hidden;
	border-radius: 0;
	height: auto !important;
	margin: 0 !important;
}

.featured-boxes-modern-style-1 .featured-box .featured-box-background {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: cubic-bezier(0.39, 0.66, 0.42, 0.99) all 2s;
	transform: scale(1);
}

.featured-boxes-modern-style-1 .featured-box .box-content {
	padding: 64px;
	padding: 4rem;
	border: none;
	z-index: 3;
}

.featured-boxes-modern-style-1 .featured-box:hover .featured-box-background {
	transform: scale(1.1);
}

@media (max-width: 575px) {
	.featured-boxes-modern-style-1 .featured-box .box-content {
		padding: 2rem 1.5rem;
	}
}

.featured-boxes-modern-style-2-hover-only:not(:hover) .featured-box {
	background: rgba(0, 0, 0, 0.06) !important;
	box-shadow: none;
	border: 0;
}

.featured-boxes-modern-style-2-hover-only:not(:hover) .featured-box-no-borders {
	background: none !important;
}

.featured-boxes-modern-style-2-hover-only:not(:hover) .featured-box-box-shadow {
	box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
}

/* Featured Boxes */
.featured-boxes .featured-box {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	margin-top: 24px;
	margin-top: 1.5rem;
}

/* Effects */

/* Feature Box */
.feature-box {
	display: flex;
}

.feature-box .feature-box-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 1 0 auto;
	background: rgba(0, 0, 0, 0.06);
	border-radius: 100%;
	color: #FFF;
	font-size: 16px;
	font-size: 1rem;
	position: relative;
	top: 7px;
	text-align: center;
	padding: 0.8em;
	height: 1px;
	width: 2.7em;
	height: 2.7em;
}

.feature-box .feature-box-info {
	flex: 1 1 100%;
	padding-left: 15px;
}

/* Style 2 */

/* Style 3 */

/* Style 4 */

/* Style 5 */

.feature-box.feature-box-style-5 .feature-box-icon {
	background: transparent;
	top: 0;
	padding: 1em 1.4em;
	min-width: 5em;
}


/* Forms */

textarea {
	resize: vertical;
}

.form-group {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

.form-group:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.form-control {
	border-color: rgba(0, 0, 0, 0.09);
}

.form-control:not(.form-control-lg) {
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.3;
}

.form-control:not(.form-control-sm):not(.form-control-lg) {
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 1.85;
}

.form-control:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	border-color: #CCC;
}

/* Form - iOS Override */
input[type="text"],
input[type="email"],
textarea {
	-webkit-appearance: none;
}

.form-control::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #bdbdbd;
}

.form-control::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
textarea::-moz-placeholder {
	color: #bdbdbd;
}

.form-control:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #bdbdbd;
}


/* Floating Labels */

.form-label-group input:not(:-moz-placeholder-shown) {
	padding-top: 20px;
	padding-top: 1.25rem;
	padding-bottom: 4px;
	padding-bottom: .25rem;
}

.form-label-group input:not(:-ms-input-placeholder) {
	padding-top: 20px;
	padding-top: 1.25rem;
	padding-bottom: 4px;
	padding-bottom: .25rem;
}

.form-label-group input:not(:-moz-placeholder-shown) ~ label {
	padding-top: 4px;
	padding-top: .25rem;
	padding-bottom: 4px;
	padding-bottom: .25rem;
	font-size: 12px;
	color: #777;
}

.form-label-group input:not(:-ms-input-placeholder) ~ label {
	padding-top: 4px;
	padding-top: .25rem;
	padding-bottom: 4px;
	padding-bottom: .25rem;
	font-size: 12px;
	color: #777;
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
}


/* Headings */
h1, h2, h3 {
	color: #212529;
	font-weight: 200;
	letter-spacing: -.05em;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}

h1 {
	font-size: 2.6em;
	line-height: 44px;
	margin: 0 0 32px 0;
}

h2 {
	font-size: 2.2em;
	font-weight: 300;
	line-height: 42px;
	margin: 0 0 32px 0;
}

h3 {
	font-size: 1.8em;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 33px;
	color:#777;
}

/* Heading */

/* Modal Titles */

/* Responsive */
@media (max-width: 575px) {
	h2 {
		line-height: 40px;
	}
}


/* Icon Animated */
[data-icon] {
	opacity: 0;
}

.icon-animated {
	opacity: 0;
}


/* List */
.list li {
	margin-bottom: 13px;
}

.list.list-icons {
	list-style: none;
	padding-left: 0;
	padding-right: 0;
}

.list.list-icons li {
	position: relative;
	padding-left: 25px;
}

.list.list-icons li > [class*="fa-"]:first-child {
	position: absolute;
	left: 0;
	top: 5px;
}

.list.list-icons.list-icons-style-2 li {
	padding-top: 5px;
	padding-left: 36px;
}

.list.list-icons.list-icons-style-2 li > [class*="fa-"]:first-child {
	border-width: 1px;
	border-style: solid;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	text-align: center;
	padding: 4px;
	font-size: 0.8em;
	line-height: 1.3;
}

.list.list-icons.list-icons-lg li {
	padding-top: 5px;
	padding-left: 27px;
}

.list.list-icons.list-icons-lg li > [class*="fa-"]:first-child {
	font-size: 1.3em;
	top: 10px;
}

.list.list-icons.list-icons-lg.list-icons-style-2 li {
	padding-top: 8px;
	padding-left: 42px;
}

.list.list-icons.list-icons-lg.list-icons-style-2 li > [class*="fa-"]:first-child {
	width: 30px;
	height: 30px;
	padding: 4px;
}

.list.list-unstyled {
	padding-left: 0;
	padding-right: 0;
}

.list-unstyled {
	padding-left: 0;
	padding-right: 0;
}


/* Container */
@media (min-width: 1200px) {
	.container:not(.container-bs):not(.container-xl-custom):not(.container-xxl-custom) {
		max-width: 1140px;
	}
}


.box-shadow-3 {
	box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.45);
}


/* Popup */

/* Nav */
.nav > li > a {
	text-decoration: none;
}

.nav > li > a:hover, .nav > li > a:focus {
	background: transparent;
	text-decoration: none;
}

/* Nav List */

ul.nav-pills > li > a.active {
	color: #FFF;
	background-color: #CCC;
}

ul.nav-pills > li > a.active:hover, ul.nav-pills > li > a.active:focus {
	color: #FFF;
	background-color: #CCC;
}

/* Nav Pills */

.nav-pills .nav-link.active {
	background-color: transparent;
}


/* Section Featured */
section.section {
/*	background: #f7f7f7; */
	border-top: 5px solid #f1f1f1;
	margin: 30px 0;
/*	padding: 50px 0; */
}

section.section > .container {
	position: relative;
}

section.section.section-height-3 {
	padding: 73.846px 0;
	padding: 4.6153846154rem 0;
}

/* Responsive */

/* Section With Shape Divider */

.section.section-with-shape-divider {
	position: relative;
	overflow: hidden;
}

.section.section-with-shape-divider .shape-divider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 1;
}

.section.section-with-shape-divider .shape-divider.shape-divider-bottom {
	top: auto;
	bottom: 0;
}

/* Side Header - Full Screen Slider Height On Mobile */

/* Social Icons */
.social-icons {
	margin: 0;
	padding: 0;
	width: auto;
}

.social-icons li {
	display: inline-block;
	margin: -1px 1px 0 0;
	padding: 0;
	border-radius: 100%;
	overflow: visible;
}

.social-icons li a {
	transition: all 0.2s ease;
	border-radius: 100%;
	display: block;
	height: 28px;
	line-height: 28px;
	width: 28px;
	text-align: center;
	color: #333 !important;
	text-decoration: none;
	font-size: 12.8px;
	font-size: 0.8rem;
}

.social-icons li:hover a {
	background: #151719;
	color: #FFF !important;
}

.social-icons li:hover.social-icons-facebook a {
	background: #3b5a9a !important;
}



/* Paragraphs */
p {
	color: #777;
	line-height: 26px;
	margin: 0 0 20px;
}

/* Lead */

/* Links */
a, a:hover, a:focus {
	color: #CCC;
}


/* Text Color Default */
.text-color-default {
	color: #777 !important;
}



/* Responsive */
@media (max-width: 991px) {
		/* Home Intro */
}

@media (max-width: 767px) {
		/* Home Intro */
}