/**
* Table Of Content
*
* 	1. Globals
*	2. Headers
*	3. Navigations
*	4. Banners
*	5. Footers
*	6. app
*	7. Widgets 
*	8. Custom Templates
*/
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Gradiant*/
@import url(../css/animate.css);
@import url(../assets/icons/font-awesome/css/font-awesome.min.css);
@import url(../assets/icons/simple-line-icons/css/simple-line-icons.css);
@import url(../assets/icons/iconmind/iconmind.css);
@import url(../assets/icons/themify-icons/themify-icons.css);
/*******************
Preloader
********************/
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800");
.preloader {
	width: 100%;
	height: 100%;
	top: 0px;
	position: fixed;
	z-index: 99999;
	background: #fff; }
.preloader .cssload-speeding-wheel {
	position: absolute;
	top: calc(50% - 3.5px);
	left: calc(50% - 3.5px); }

.loader,
.loader__figure {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); }

.loader {
	overflow: visible;
	padding-top: 2em;
	height: 0;
	width: 2em; }

.loader__figure {
	height: 0;
	width: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 0 solid var(--primary);
	border-radius: 50%;
	-webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
	animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); }

.loader__label {
	float: left;
	margin-left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	margin: 0.5em 0 0 50%;
	font-size: 0.875em;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	color: var(--primary);
	white-space: nowrap;
	-webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
	animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); }

@-webkit-keyframes loader-figure {
	0% {
		height: 0;
		width: 0;
		background-color: var(--primary); }
	29% {
		background-color: var(--primary); }
	30% {
		height: 2em;
		width: 2em;
		background-color: transparent;
		border-width: 1em;
		opacity: 1; }
	100% {
		height: 2em;
		width: 2em;
		border-width: 0;
		opacity: 0;
		background-color: transparent; } }

@-moz-keyframes loader-figure {
	0% {
		height: 0;
		width: 0;
		background-color: var(--primary); }
	29% {
		background-color: var(--primary); }
	30% {
		height: 2em;
		width: 2em;
		background-color: transparent;
		border-width: 1em;
		opacity: 1; }
	100% {
		height: 2em;
		width: 2em;
		border-width: 0;
		opacity: 0;
		background-color: transparent; } }

@keyframes loader-figure {
	0% {
		height: 0;
		width: 0;
		background-color: var(--primary); }
	29% {
		background-color: var(--primary); }
	30% {
		height: 2em;
		width: 2em;
		background-color: transparent;
		border-width: 1em;
		opacity: 1; }
	100% {
		height: 2em;
		width: 2em;
		border-width: 0;
		opacity: 0;
		background-color: transparent; } }

@-webkit-keyframes loader-label {
	0% {
		opacity: 0.25; }
	30% {
		opacity: 1; }
	100% {
		opacity: 0.25; } }

@-moz-keyframes loader-label {
	0% {
		opacity: 0.25; }
	30% {
		opacity: 1; }
	100% {
		opacity: 0.25; } }

@keyframes loader-label {
	0% {
		opacity: 0.25; }
	30% {
		opacity: 1; }
	100% {
		opacity: 0.25; } }


/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Gradiant*/
/******************* 
This is the font import from the google api 
*******************/
@font-face {
	font-family: 'Calafia-Regular';
	src: url("../font/Calafia-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Calafia-Regular.otf") format("opentype"), url("../font/Calafia-Regular.woff") format("woff"), url("../font/Calafia-Regular.ttf") format("truetype"), url("../font/Calafia-Regular.svg#Calafia-Regular") format("svg");
	font-weight: normal;
	font-style: normal; }

/******************* 
Global Styles 
*******************/
* {
	outline: none !important; 
	box-shadow: none !important;
}

body {
	background: #f5f5f5;
	font-family: "Montserrat", sans-serif;
	margin: 0;
	overflow-x: hidden;
	color: #333333;
	font-weight: 400;
	line-height: normal;
	font-size: 14px;
	min-height: 100vh;
}

html {
	position: relative;
	min-height: 100%;
	background: #ffffff; }

a,
a:hover,
a:focus {
	text-decoration: none; }
a.link {
	color: #3e4555; }
a.link:hover, a.link:focus {
	color: #1dc8cd; }
a.white-link {
	color: #ffffff; }
a.white-link:hover, a.white-link:focus {
	color: #263238; }
a.primary-link {
	color: #000000; }
a.primary-link:hover, a.primary-link:focus {
	color: var(--primary); }

.img-rounded {
	border-radius: 4px; }

html body .mdi:before,
html body .mdi-set {
	line-height: initial; }

/*******************
Headings
*******************/
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #3e4555;
	font-family: "Montserrat", sans-serif; }

h1 {
	line-height: 40px;
	font-size: 36px; }

h2 {
	line-height: 36px;
	font-size: 30px; }

h3 {
	line-height: 30px;
	font-size: 24px; }

h4 {
	line-height: 26px;
	font-size: 21px; }

h5 {
	line-height: 22px;
	font-size: 18px;
	font-weight: 400; }

h6 {
	line-height: 20px;
	font-size: 16px;
	font-weight: 400; }

.display-5 {
	font-size: 3rem; }

.display-6 {
	font-size: 36px; }

.display-7 {
	font-size: 22px; }

.box {
	border-radius: 4px;
	padding: 10px; }

html body .dl {
	display: inline-block; }

html body .db {
	display: block; }

.no-wrap td,
.no-wrap th {
	white-space: nowrap; }

.circle {
	border-radius: 100%; }

/*******************
Blockquote
*******************/
html body blockquote {
	border-left: 5px solid #1dc8cd;
	border: 1px solid rgba(120, 130, 140, 0.13);
	padding: 15px; }

.clear {
	clear: both; }

ol li {
	margin: 5px 0; }

/*******************
Paddings
*******************/
html body .p-0 {
	padding: 0px; }

html body .p-10 {
	padding: 10px; }

html body .p-15 {
	padding: 15px; }

html body .p-20 {
	padding: 20px; }

html body .p-30 {
	padding: 30px; }

html body .p-40 {
	padding: 40px; }

html body .p-l-0 {
	padding-left: 0px; }

html body .p-l-10 {
	padding-left: 10px; }

html body .p-l-20 {
	padding-left: 20px; }

html body .p-r-0 {
	padding-right: 0px; }

html body .p-r-10 {
	padding-right: 10px; }

html body .p-r-20 {
	padding-right: 20px; }

html body .p-r-30 {
	padding-right: 30px; }

html body .p-r-40 {
	padding-right: 40px; }

html body .p-t-0 {
	padding-top: 0px; }

html body .p-t-10 {
	padding-top: 10px; }

html body .p-t-20 {
	padding-top: 20px; }

html body .p-t-30 {
	padding-top: 30px; }

html body .p-b-0 {
	padding-bottom: 0px; }

html body .p-b-5 {
	padding-bottom: 5px; }

html body .p-b-10 {
	padding-bottom: 10px; }

html body .p-b-20 {
	padding-bottom: 20px; }

html body .p-b-30 {
	padding-bottom: 30px; }

html body .p-b-40 {
	padding-bottom: 40px; }

/*******************
Margin
*******************/
html body .m-0 {
	margin: 0px; }

html body .m-l-5 {
	margin-left: 5px; }

html body .m-l-10 {
	margin-left: 10px; }

html body .m-l-15 {
	margin-left: 15px; }

html body .m-l-20 {
	margin-left: 20px; }

html body .m-l-30 {
	margin-left: 30px; }

html body .m-l-40 {
	margin-left: 40px; }

html body .m-r-5 {
	margin-right: 5px; }

html body .m-r-10 {
	margin-right: 10px; }

html body .m-r-15 {
	margin-right: 15px; }

html body .m-r-20 {
	margin-right: 20px; }

html body .m-r-30 {
	margin-right: 30px; }

html body .m-r-40 {
	margin-right: 40px; }

html body .m-t-0 {
	margin-top: 0px; }

html body .m-t-5 {
	margin-top: 5px; }

html body .m-t-10 {
	margin-top: 10px; }

html body .m-t-15 {
	margin-top: 15px; }

html body .m-t-20 {
	margin-top: 20px; }

html body .m-t-30 {
	margin-top: 30px; }

html body .m-t-40 {
	margin-top: 40px; }

html body .m-b-0 {
	margin-bottom: 0px; }

html body .m-b-5 {
	margin-bottom: 5px; }

html body .m-b-10 {
	margin-bottom: 10px; }

html body .m-b-15 {
	margin-bottom: 15px; }

html body .m-b-20 {
	margin-bottom: 20px; }

html body .m-b-30 {
	margin-bottom: 30px; }

html body .m-b-40 {
	margin-bottom: 40px; }

/*******************
vertical alignment
*******************/
html body .vt {
	vertical-align: top; }

html body .vm {
	vertical-align: middle; }

html body .vb {
	vertical-align: bottom; }

/*******************
Opacity
*******************/
.op-8 {
	opacity: 0.8; }

.op-7 {
	opacity: 0.7; }

.op-5 {
	opacity: 0.5; }

.op-3 {
	opacity: 0.3; }

/*******************
font weight
*******************/
html body .font-bold {
	font-weight: 700; }

html body .font-semibold {
	font-weight: 600; }

html body .font-normal {
	font-weight: normal; }

html body .font-light {
	font-weight: 300; }

html body .font-medium {
	font-weight: 500; }

html body .font-16 {
	font-size: 16px; }

html body .font-14 {
	font-size: 14px; }

html body .font-13 {
	font-size: 13px; }

html body .font-10 {
	font-size: 10px; }

html body .font-18 {
	font-size: 18px; }

html body .font-20 {
	font-size: 20px; }

html body .font-stylish {
	font-family: "Calafia-Regular"; }

/*******************
Border
*******************/
html body .b-0 {
	border: none !important; }

html body .b-r {
	border-right: 1px solid rgba(120, 130, 140, 0.13); }

html body .b-l {
	border-left: 1px solid rgba(120, 130, 140, 0.13); }

html body .b-b {
	border-bottom: 1px solid rgba(120, 130, 140, 0.13); }

html body .b-t {
	border-top: 1px solid rgba(120, 130, 140, 0.13); }

html body .b-all {
	border: 1px solid rgba(120, 130, 140, 0.13) !important; }

/*******************
Thumb size
*******************/
.thumb-sm {
	height: 32px;
	width: 32px; }

.thumb-md {
	height: 48px;
	width: 48px; }

.thumb-lg {
	height: 88px;
	width: 88px; }

.hide {
	display: none; }

.img-circle {
	border-radius: 100%; }

.radius {
	border-radius: 4px; }

/*******************
Text Colors
*******************/
.text-white {
	color: #ffffff !important; }

.text-danger {
	color: var(--primary) !important; }

.text-muted {
	color: #8d97ad !important; }

.text-warning {
	color: red !important; }

.text-success {
	color: green!important; }

.text-info {
	color: var(--primary) !important; }

.text-inverse {
	color: #3e4555 !important; }

.text-success-gradiant {
	background: #2cdd9b;
	background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cd 100%);
	background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cd));
	background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cd 100%);
	background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cd 100%);
	background: linear-gradient(to right, #2cdd9b 0%, #1dc8cd 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent; }

.text-danger-gradiant {
	background: var(--primary);
	background: -webkit-linear-gradient(legacy-direction(to right), var(--primary) 0%, var(--primary) 100%);
	background: -webkit-gradient(linear, left top, right top, from(var(--primary)), to(var(--primary)));
	background: -webkit-linear-gradient(left, var(--primary) 0%, var(--primary) 100%);
	background: -o-linear-gradient(left, var(--primary) 0%, var(--primary) 100%);
	background: linear-gradient(to right, var(--primary) 0%, var(--primary) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent; }

.text-info-gradiant {
	background: var(--primary);
	background: -webkit-linear-gradient(legacy-direction(to right), var(--primary) 0%, var(--primary) 100%);
	background: -webkit-gradient(linear, left top, right top, from(var(--primary)), to(var(--primary)));
	background: -webkit-linear-gradient(left, var(--primary) 0%, var(--primary) 100%);
	background: -o-linear-gradient(left, var(--primary) 0%, var(--primary) 100%);
	background: linear-gradient(to right, var(--primary) 0%, var(--primary) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent; }

html body .text-blue {
	color: #02bec9; }

html body .text-purple {
	color: #7460ee; }

html body .text-primary, html body .text-primary:hover {
	color: var(--primary) !important; }

html body .text-megna {
	color: #1dc8cd; }

html body .text-dark {
	color: #8d97ad; }

html body .text-themecolor {
	color: #1dc8cd; }

/*******************
Background Colors
*******************/
.bg-primary {
	background-color: var(--primary) !important; }

.bg-success {
	background-color: #2cdd9b !important; }

.bg-info {
	background-color: var(--primary) !important; }

.bg-warning {
	background-color: #fec500 !important; }

.bg-danger {
	background-color: var(--primary) !important; }

.bg-orange {
	background-color: var(--primary) !important; color: #ffffff; }

.bg-yellow {
	background-color: #fed700; }

.bg-facebook {
	background-color: #3b5a9a; }

.bg-twitter {
	background-color: #56adf2; }

.bg-success-gradiant {
	background: #2cdd9b;
	background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cd 100%);
	background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cd));
	background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cd 100%);
	background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cd 100%);
	background: linear-gradient(to right, #2cdd9b 0%, #1dc8cd 100%); }

.bg-info-gradiant {
	background: var(--primary);
	background: -webkit-linear-gradient(legacy-direction(to right), var(--primary) 0%, var(--primary) 100%);
	background: -webkit-gradient(linear, left top, right top, from(var(--primary)), to(var(--primary)));
	background: -webkit-linear-gradient(left, var(--primary) 0%, var(--primary) 100%);
	background: -o-linear-gradient(left, var(--primary) 0%, var(--primary) 100%);
	background: linear-gradient(to right, var(--primary) 0%, var(--primary) 100%); }

.bg-danger-gradiant {
	background: var(--primary);
	background: -webkit-linear-gradient(legacy-direction(to right), var(--primary) 0%, var(--primary) 100%);
	background: -webkit-gradient(linear, left top, right top, from(var(--primary)), to(var(--primary)));
	background: -webkit-linear-gradient(left, var(--primary) 0%, var(--primary) 100%);
	background: -o-linear-gradient(left, var(--primary) 0%, var(--primary) 100%);
	background: linear-gradient(to right, var(--primary) 0%, var(--primary) 100%); }

html body .bg-megna {
	background-color: #1dc8cd; }

html body .bg-theme {
	background-color: var(--primary); }

html body .bg-inverse {
	background-color: #3e4555; }

html body .bg-purple {
	background-color: #7460ee; }

html body .bg-light {
	background-color: #f5f7fa !important; }

html body .bg-light-primary {
	background-color: #f1effd; }

html body .bg-light-success {
	background-color: #e8fdeb; }

html body .bg-light-info {
	background-color: #cfecfe; }

html body .bg-light-extra {
	background-color: #ebf3f5; }

html body .bg-light-warning {
	background-color: #fff8ec; }

html body .bg-light-danger {
	background-color: #f9e7eb; }

html body .bg-light-inverse {
	background-color: #f6f6f6; }

html body .bg-light {
	background-color: #f5f7fa; }

html body .bg-white {
	background-color: #ffffff; }

/*******************
Rounds
*******************/
.round {
	line-height: 48px;
	color: #ffffff;
	width: 50px;
	height: 50px;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	border-radius: 100%;
	background: var(--primary); }
.round img {
	border-radius: 100%; }

.round-lg {
	line-height: 65px;
	width: 60px;
	height: 60px;
	font-size: 30px; }

.round.round-info {
	background: var(--primary); }

.round.round-warning {
	background: #fec500; }

.round.round-danger {
	background: var(--primary); }

.round.round-success {
	background: #2cdd9b; }

.round.round-primary {
	background: var(--primary); }

/*******************
Labels
*******************/
.label {
	padding: 3px 15px;
	line-height: 13px;
	color: #ffffff;
	font-weight: 400;
	border-radius: 4px;
	font-size: 75%; }

.label-rounded {
	border-radius: 60px; }

.label-custom {
	background-color: #1dc8cd; }

.label-success {
	background-color: #2cdd9b; }

.label-info {
	background-color: var(--primary); }

.label-warning {
	background-color: #fec500; }

.label-danger {
	background-color: var(--primary); }

.label-megna {
	background-color: #1dc8cd; }

.label-primary {
	background-color: var(--primary); }

.label-purple {
	background-color: #7460ee; }

.label-red {
	background-color: #fb3a3a; }

.label-inverse {
	background-color: #3e4555; }

.label-default {
	background-color: #f5f7fa; }

.label-white {
	background-color: #ffffff; }

.label-light-success {
	background-color: #e8fdeb;
	color: #2cdd9b; }

.label-light-info {
	background-color: #cfecfe;
	color: var(--primary); }

.label-light-warning {
	background-color: #fff8ec;
	color: #fec500; }

.label-light-danger {
	background-color: #f9e7eb;
	color: var(--primary); }

.label-light-megna {
	background-color: #e0f2f4;
	color: #1dc8cd; }

.label-light-primary {
	background-color: #f1effd;
	color: var(--primary); }

.label-light-inverse {
	background-color: #f6f6f6;
	color: #3e4555; }

/*******************
Badge
******************/
.badge {
	font-weight: 400; }

.badge-xs {
	font-size: 9px; }

.badge-xs,
.badge-sm {
	-webkit-transform: translate(0, -2px);
	-ms-transform: translate(0, -2px);
	-o-transform: translate(0, -2px);
	transform: translate(0, -2px); }

.badge-success {
	background-color: #2cdd9b; }

.badge-info {
	background-color: var(--primary); }

.badge-primary {
	background-color: var(--primary); }

.badge-warning {
	background-color: #fec500; }

.badge-danger {
	background-color: var(--primary); }

.badge-purple {
	background-color: #7460ee; }

.badge-red {
	background-color: #fb3a3a; }

.badge-inverse {
	background-color: #3e4555; }

/*******************
List-style-none
******************/
ul.list-style-none {
	margin: 0px;
	padding: 0px; }
ul.list-style-none li {
	list-style: none; }
ul.list-style-none li a {
	color: #8d97ad;
	padding: 8px 0px;
	display: block;
	text-decoration: none; }
ul.list-style-none li a:hover {
	color: #1dc8cd; }

/*******************
dropdown-item
******************/
.dropdown-item {
	padding: 8px 1rem;
	color: #8d97ad; }

/*******************
Buttons
******************/
.btn {
	color: #ffffff;
	padding: 10px 25px;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
	-webkit-transition: 0s;
	-o-transition: 0s;
	transition: 0s; }
.btn:hover {
	color: #ffffff; }
.btn:focus {
	-webkit-box-shadow: none;
	box-shadow: none; }

.btn-link {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #263238;
	padding: 10px 15px; }
.btn-link .underline {
	border-bottom: 1px solid #263238; }
.btn-link:hover {
	color: #2cdd9b; }

.btn-light {
	color: #263238; }
.btn-light:hover {
	background: #263238;
	color: #ffffff;
	border-color: #263238; }

.btn-lg {
	padding: .75rem 1.5rem;
	font-size: 1.25rem; }

.btn-md {
	padding: 15px 45px;
	font-size: 16px; }

.btn-sm {
	padding: 10px 25px;
	font-size: 12px; }

.btn-xs {
	padding: .25rem .5rem;
	font-size: 10px; }

.btn-circle {
	border-radius: 100%;
	width: 40px;
	height: 40px;
	padding: 10px; }
.btn-circle.btn-md {
	padding: 18px 0px;
	width: 60px;
	height: 60px;
	font-size: 20px; }

.btn-circle.btn-sm {
	width: 35px;
	height: 35px;
	padding: 8px 10px;
	font-size: 14px; }

.btn-circle.btn-lg {
	width: 70px;
	height: 70px;
	padding: 24px 15px;
	font-size: 20px;
	line-height: 23px; }

.btn-circle.btn-xl {
	width: 70px;
	height: 70px;
	padding: 14px 15px;
	font-size: 24px; }

.btn-rounded {
	border-radius: 60px;
	-webkit-border-radius: 60px; }

.btn-arrow {
	position: relative; }
.btn-arrow span {
	display: inline-block;
	position: relative;
	-webkit-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	will-change: transform; }
.btn-arrow:hover span, .btn-arrow:focus span {
	-webkit-transform: translate3d(-1rem, 0, 0);
	transform: translate3d(-1rem, 0, 0); }
.btn-arrow i {
	position: absolute;
	width: 1.1em;
	right: 0px;
	right: 0rem;
	opacity: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	will-change: right, opacity; }
.btn-arrow:hover i, .btn-arrow:focus i {
	opacity: 1;
	right: -2rem; }

.btn-secondary,
.btn-secondary.disabled {
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
	background-color: #ffffff;
	color: #8d97ad; }
.btn-secondary:hover,
.btn-secondary.disabled:hover {
	color: #ffffff !important; }
.btn-secondary.active, .btn-secondary:active, .btn-secondary:focus,
.btn-secondary.disabled.active,
.btn-secondary.disabled:active,
.btn-secondary.disabled:focus {
	color: #ffffff !important;
	background: #263238;
	border-color: #263238; }

.btn-primary,
.btn-primary.disabled {
	background: var(--primary);
	border: 1px solid var(--primary);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in; }
.btn-primary:hover,
.btn-primary.disabled:hover {
	background: #6352ce;
	border: 1px solid #6352ce; }
.btn-primary.active, .btn-primary:active, .btn-primary:focus,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus {
	background: #6352ce; }

.btn-themecolor,
.btn-themecolor.disabled {
	background: #1dc8cd;
	color: #ffffff;
	border: 1px solid #1dc8cd; }
.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
	background: #028ee1;
	border: 1px solid #028ee1; }
.btn-themecolor.active, .btn-themecolor:active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:active,
.btn-themecolor.disabled:focus {
	background: #028ee1; }

.btn-success,
.btn-success.disabled {
	background: #2cdd9b;
	border: 1px solid #2cdd9b; }
.btn-success:hover,
.btn-success.disabled:hover {
	background: #1dc8cd;
	border: 1px solid #1dc8cd; }
.btn-success.active, .btn-success:active, .btn-success:focus,
.btn-success.disabled.active,
.btn-success.disabled:active,
.btn-success.disabled:focus {
	background: #1dc8cd; }

.btn-info,
.btn-info.disabled {
	background: var(--primary);
	border: 1px solid var(--primary);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in; }
.btn-info:hover,
.btn-info.disabled:hover {
	background: #028ee1;
	border: 1px solid #028ee1; }
.btn-info.active, .btn-info:active, .btn-info:focus,
.btn-info.disabled.active,
.btn-info.disabled:active,
.btn-info.disabled:focus {
	background: #028ee1; }

.btn-warning,
.btn-warning.disabled {
	background: #fec500;
	color: #ffffff;
	border: 1px solid #fec500; }
.btn-warning:hover,
.btn-warning.disabled:hover {
	background: #e9ab2e;
	color: #ffffff;
	border: 1px solid #e9ab2e; }
.btn-warning.active, .btn-warning:active, .btn-warning:focus,
.btn-warning.disabled.active,
.btn-warning.disabled:active,
.btn-warning.disabled:focus {
	background: #e9ab2e;
	color: #ffffff; }

.btn-danger,
.btn-danger.disabled {
	background: var(--primary);
	border: 1px solid var(--primary);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in; }
.btn-danger:hover,
.btn-danger.disabled:hover {
	background: var(--primary);
	border: 1px solid var(--primary); }
.btn-danger.active, .btn-danger:active, .btn-danger:focus,
.btn-danger.disabled.active,
.btn-danger.disabled:active,
.btn-danger.disabled:focus {
	background: var(--primary); }

.btn-inverse,
.btn-inverse.disabled {
	background: #3e4555;
	border: 1px solid #3e4555;
	color: #ffffff; }
.btn-inverse:hover,
.btn-inverse.disabled:hover {
	background: #232a37;
	color: #ffffff;
	border: 1px solid #232a37; }
.btn-inverse.active, .btn-inverse:active, .btn-inverse:focus,
.btn-inverse.disabled.active,
.btn-inverse.disabled:active,
.btn-inverse.disabled:focus {
	background: #232a37;
	color: #ffffff; }

.btn-red,
.btn-red.disabled {
	background: #fb3a3a;
	border: 1px solid #fb3a3a;
	color: #ffffff; }
.btn-red:hover,
.btn-red.disabled:hover {
	border: 1px solid #d61f1f;
	background: #d61f1f; }
.btn-red.active, .btn-red:active, .btn-red:focus,
.btn-red.disabled.active,
.btn-red.disabled:active,
.btn-red.disabled:focus {
	background: var(--primary); }

.btn-success-gradiant {
	background: #2cdd9b;
	background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cd 100%);
	background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cd));
	background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cd 100%);
	background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cd 100%);
	background: linear-gradient(to right, #2cdd9b 0%, #1dc8cd 100%);
	border: 0px; }
.btn-success-gradiant:hover {
	background: #1dc8cd;
	background: -webkit-linear-gradient(legacy-direction(to right), #1dc8cd 0%, #2cdd9b 100%);
	background: -webkit-gradient(linear, left top, right top, from(#1dc8cd), to(#2cdd9b));
	background: -webkit-linear-gradient(left, #1dc8cd 0%, #2cdd9b 100%);
	background: -o-linear-gradient(left, #1dc8cd 0%, #2cdd9b 100%);
	background: linear-gradient(to right, #1dc8cd 0%, #2cdd9b 100%); }
.btn-success-gradiant.active, .btn-success-gradiant:active, .btn-success-gradiant:focus {
	-webkit-box-shadow: 0px;
	box-shadow: 0px;
	opacity: 1; }

.btn-danger-gradiant {
	background: var(--primary);
	background: -webkit-linear-gradient(legacy-direction(to right), var(--primary) 0%, var(--primary) 100%);
	background: -webkit-gradient(linear, left top, right top, from(var(--primary)), to(var(--primary)));
	background: -webkit-linear-gradient(left, var(--primary) 0%, var(--primary) 100%);
	background: -o-linear-gradient(left, var(--primary) 0%, var(--primary) 100%);
	background: linear-gradient(to right, var(--primary) 0%, var(--primary) 100%);
	border: 0px; }
.btn-danger-gradiant:hover {
	background: var(--primary);
	background: -webkit-linear-gradient(legacy-direction(to right), var(--primary) 0%, var(--primary) 100%);
	background: -webkit-gradient(linear, left top, right top, from(var(--primary)), to(var(--primary)));
	background: -webkit-linear-gradient(left, var(--primary) 0%, var(--primary) 100%);
	background: -o-linear-gradient(left, var(--primary) 0%, var(--primary) 100%);
	background: linear-gradient(to right, var(--primary) 0%, var(--primary) 100%); }
.btn-danger-gradiant.active, .btn-danger-gradiant:active, .btn-danger-gradiant:focus {
	-webkit-box-shadow: 0px;
	box-shadow: 0px;
	opacity: 1; }

.btn-info-gradiant {
	background: var(--primary);
	background: -webkit-linear-gradient(legacy-direction(to right), var(--primary) 0%, var(--primary) 100%);
	background: -webkit-gradient(linear, left top, right top, from(var(--primary)), to(var(--primary)));
	background: -webkit-linear-gradient(left, var(--primary) 0%, var(--primary) 100%);
	background: -o-linear-gradient(left, var(--primary) 0%, var(--primary) 100%);
	background: linear-gradient(to right, var(--primary) 0%, var(--primary) 100%);
	border: 0px; }
.btn-info-gradiant:hover {
	background: var(--primary);
	background: -webkit-linear-gradient(legacy-direction(to right), var(--primary) 0%, var(--primary) 100%);
	background: -webkit-gradient(linear, left top, right top, from(var(--primary)), to(var(--primary)));
	background: -webkit-linear-gradient(left, var(--primary) 0%, var(--primary) 100%);
	background: -o-linear-gradient(left, var(--primary) 0%, var(--primary) 100%);
	background: linear-gradient(to right, var(--primary) 0%, var(--primary) 100%); }
.btn-info-gradiant.active, .btn-info-gradiant:active, .btn-info-gradiant:focus {
	-webkit-box-shadow: 0px;
	box-shadow: 0px;
	opacity: 1; }

.btn-outline-secondary {
	background-color: #ffffff;
	color: #727b84;
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in; }
.btn-outline-secondary.active, .btn-outline-secondary:active, .btn-outline-secondary:focus {
	background: #263238; }

.btn-outline-primary {
	color: var(--primary);
	background-color: #ffffff;
	border-color: var(--primary);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in; }
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus {
	background: var(--primary);
	color: #ffffff;
	border-color: var(--primary); }
.btn-outline-primary.active, .btn-outline-primary:active, .btn-outline-primary:focus {
	background: #6352ce; }

.btn-outline-success, a.btn-outline-success {
	color: #2cdd9b;
	background-color: transparent;
	border-color: #2cdd9b;
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in; }
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success.focus, a.btn-outline-success:hover, a.btn-outline-success:focus, a.btn-outline-success.focus {
	background: #2cdd9b;
	border-color: #2cdd9b;
	color: #ffffff; }
.btn-outline-success.active, .btn-outline-success:active, .btn-outline-success:focus, a.btn-outline-success.active, a.btn-outline-success:active, a.btn-outline-success:focus {
	background: #1dc8cd; }

.btn-outline-info {
	color: var(--primary);
	background-color: transparent;
	border-color: var(--primary);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in; }
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info.focus {
	background: var(--primary);
	border-color: var(--primary);
	color: #ffffff; }
.btn-outline-info.active, .btn-outline-info:active, .btn-outline-info:focus {
	background: #028ee1; }

.btn-outline-warning {
	color: #fec500;
	background-color: transparent;
	border-color: #fec500;
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in; }
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning.focus {
	background: #fec500;
	border-color: #fec500;
	color: #ffffff; }
.btn-outline-warning.active, .btn-outline-warning:active, .btn-outline-warning:focus {
	background: #e9ab2e; }

.btn-outline-danger {
	color: var(--primary);
	background-color: transparent;
	border-color: var(--primary);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in; }
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger.focus {
	background: var(--primary);
	border-color: var(--primary);
	color: #ffffff; }
.btn-outline-danger.active, .btn-outline-danger:active, .btn-outline-danger:focus {
	background: var(--primary); }

.btn-outline-red {
	color: #fb3a3a;
	background-color: transparent;
	border-color: #fb3a3a; }
.btn-outline-red:hover, .btn-outline-red:focus, .btn-outline-red.focus {
	background: #fb3a3a;
	border-color: #fb3a3a;
	color: #ffffff; }
.btn-outline-red.active, .btn-outline-red:active, .btn-outline-red:focus {
	background: var(--primary); }

.btn-outline-inverse {
	color: #3e4555;
	background-color: transparent;
	border-color: #3e4555; }
.btn-outline-inverse:hover, .btn-outline-inverse:focus, .btn-outline-inverse.focus {
	background: #3e4555;
	border-color: #3e4555;
	color: #ffffff; }

.btn-outline-light:hover {
	color: #263238 !important; }

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus {
	background-color: #6352ce;
	border: 1px solid #6352ce; }

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success.focus:active,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover,
.btn-success.focus,
.btn-success:focus {
	background-color: #1dc8cd;
	border: 1px solid #1dc8cd; }

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info.focus:active,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover,
.btn-info.focus,
.btn-info:focus {
	background-color: #028ee1;
	border: 1px solid #028ee1; }

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning.focus:active,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning.focus,
.btn-warning:focus {
	background-color: #e9ab2e;
	border: 1px solid #e9ab2e; }

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger.focus:active,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger.focus,
.btn-danger:focus {
	background-color: var(--primary);
	border: 1px solid var(--primary); }

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.focus,
.btn-inverse:active,
.btn-inverse:focus,
.btn-inverse:hover,
.open > .dropdown-toggle.btn-inverse {
	background-color: #232a37;
	border: 1px solid #232a37; }

.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.btn-red.focus,
.btn-red:active,
.btn-red:focus,
.btn-red:hover,
.open > .dropdown-toggle.btn-red {
	background-color: #d61f1f;
	border: 1px solid #d61f1f;
	color: #ffffff; }

.btn span.btn-devider {
	display: inline-block;
	padding-left: 10px; }

/*-------------------*/
/*On off switch*/
/*-------------------*/
.onoffswitch {
	position: relative;
	width: 70px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	margin: 0 auto; }

.onoffswitch-checkbox {
	display: none; }

.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid transparent;
	border-radius: 20px; }

.onoffswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s; }
.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 30px;
	padding: 0;
	line-height: 30px;
	font-size: 14px;
	color: white;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }
.onoffswitch-inner:before {
	content: "";
	padding-right: 27px;
	background-color: #2cdd9b;
	color: #FFFFFF; }
.onoffswitch-inner:after {
	content: "";
	padding-right: 24px;
	background-color: #3e4555;
	color: #999999;
	text-align: right; }

.onoffswitch-switch {
	display: block;
	width: 23px;
	margin: 6px;
	background: #FFFFFF;
	height: 23px;
	position: absolute;
	top: -1px;
	bottom: 0;
	right: 35px;
	border-radius: 20px;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0px; }

/*-------------------*/
/*Bootstrap 4 hack*/
/*-------------------*/
.card-columns {
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px; }
.card-columns .card {
	margin-bottom: 30px; }

.invisible {
	visibility: hidden !important; }

.hidden-xs-up {
	display: none !important; }

@media (max-width: 575px) {
	.hidden-xs-down {
		display: none !important; } }

@media (min-width: 576px) {
	.hidden-sm-up {
		display: none !important; } }

@media (max-width: 767px) {
	.hidden-sm-down {
		display: none !important; } }

@media (min-width: 768px) {
	.hidden-md-up {
		display: none !important; } }

@media (max-width: 991px) {
	.hidden-md-down {
		display: none !important; } }

@media (min-width: 992px) {
	.hidden-lg-up {
		display: none !important; } }

@media (max-width: 1199px) {
	.hidden-lg-down {
		display: none !important; } }

@media (min-width: 1200px) {
	.hidden-xl-up {
		display: none !important; } }

.hidden-xl-down {
	display: none !important; }

/******************* 
Topbar
*******************/
.topbar {
	padding: 0px;
	width: calc(100% - 300px);
	position: fixed;
	z-index: 20;
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
	box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
}
.navbar .navbar-brand img {
	height: 40px;
}

/*******************
Header 6
*******************/
.header6 .navbar-toggler {
	color: #ffffff; }

.header6 .navbar-brand {
	line-height: 80px; }

.h6-nav-bar {
	padding: 0px; }
.h6-nav-bar .navbar-nav .nav-link {
	padding: 35px 15px;
	color: rgba(255, 255, 255, 0.5); }
.h6-nav-bar .navbar-nav .nav-item:hover .nav-link, .h6-nav-bar .navbar-nav .nav-item.active .nav-link {
	color: white; }
.h6-nav-bar .act-buttons .btn {
	margin: 10px 0 10px 10px; }

@media (max-width: 1023px) {
	.h6-nav-bar .navbar-nav .nav-link {
		padding: 15px 15px; }
	.h6-nav-bar .act-buttons .btn {
		margin: 10px 0 10px 0px; } }

/******************* 
Main & Page wrapper
*******************/
#main-wrapper {
	overflow: hidden;
	background: #f5f5f5;
}
#main-wrapper.home {
	width: calc(100% - 300px);
}
.page-wrapper {
	padding-top: 60px;
}
.client-box-wrapper .client-box {
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.client-box-wrapper .client-box .icon {
	font-size: 36px;
	margin: 0;
	padding: 0;
	line-height: 0;
}
.client-box-wrapper .client-box .info {

}
.client-box-wrapper .client-box .text {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#sidebar {
	width: 300px;
	position: fixed;
	right: 0;
	top: 0;
	height: 100vh;
	background: #ffffff;
	color: #000;
	border-left: 1px solid #e5e5e5;
}
#sidebar .lead-form {
	background: inherit;
	color: inherit;
}
.table-price {
	font-size: 12px;
	width: 100%;
}
section {
	background: #fff;
	margin: 15px;
	border: 1px solid #e5e5e5;
}
section p {
	line-height: 20px;
	font-size: 14px;
}
section .header {
	background: var(--primary);
	padding: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 16px;
	line-height: normal;
	color: #fff;
	text-align: center;
}
section .body {	
	padding: 20px;
}
.modal-title {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 16px;`
}

@media (max-width: 991px) {
	#sidebar {
		display: none;
	}
	#main-wrapper, #main-wrapper.home, .topbar {
		width: 100%;
	}
}

/******************* 
container fluid
*******************/
.container-fluid {
	padding: 0px; }

/******************* 
footer
*******************/
.footer {
	padding: 20px 0;
	text-align: center; }

/******************* 
Fix-width
*******************/
.fix-width {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 15px; }

/******************* 
Spacer
*******************/
.spacer {
	padding: 40px 0; }

.mini-spacer {
	padding: 20px 0; }

/******************* 
Title
*******************/
.title {
	margin: 20px 0 15px; }

/******************* 
Subtitle
*******************/
.subtitle {
	color: #8d97ad;
	line-height: 24px; }

/******************* 
card
*******************/
.card {
	border: 0px;
	margin-bottom: 30px; }
.card.card-shadow {
	-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
	box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); }

.card-group .card {
	border: 1px solid rgba(120, 130, 140, 0.13);
	margin-bottom: 30px; }

/******************* 
Icon space
*******************/
.icon-space {
	margin: 20px 0; }

.linking {
	color: #3e4555; }
.linking i {
	font-size: 14px;
	margin-left: 10px;
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in; }
.linking:hover {
	color: #1dc8cd; }
.linking:hover i {
	margin-left: 15px; }

/******************* 
Listing
*******************/
.list-block {
	margin: 0px;
	padding: 0px; }
.list-block li {
	list-style: none;
	padding: 10px 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex; }
.list-block li i {
	margin-right: 10px;
	-webkit-flex-shrink: 0px;
	-ms-flex-negative: 0px;
	flex-shrink: 0px;
	margin-top: 3px; }
.list-block.with-underline li {
	border-bottom: 1px solid rgba(120, 130, 140, 0.13);
	padding: 15px 0; }

/******************* 
Listing
*******************/
.img-inline {
	margin: 0px;
	padding: 0px; }
.img-inline li {
	list-style: none; }
.img-inline li.half-width {
	width: 49%;
	display: inline-block;
	vertical-align: top; }

/******************* 
Image shadow
*******************/
.img-shadow {
	-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3);
	box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3); }

/******************* 
Image shadow
*******************/
.icon-round {
	width: 80px;
	line-height: 80px;
	text-align: center;
	border-radius: 100%;
	display: inline-block; }

.no-shrink {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0; }

/******************* 
up section
*******************/
.up {
	z-index: 10;
	position: relative; }

.bt-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 100;
	visibility: hidden; }

/******************* 
both space
*******************/
.both-space {
	margin: 80px 0; }

/******************* 
Side text content
*******************/
.side-content {
	padding: 40px 60px; }

/******************* 
background cover
*******************/
.bg-cover {
	background-size: cover;
	min-height: 200px; }

/******************* 
Owl carousel
*******************/
.owl-carousel {
	display: block;
	width: 100%; }
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden; }
.owl-carousel .owl-stage {
	position: relative; }
.owl-carousel .owl-item {
	float: left; }
.owl-carousel .owl-nav.disabled {
	display: none; }

/******************* 
Max width
*******************/
.max-300 {
	max-width: 300px; }

.max-400 {
	max-width: 400px; }

.max-500 {
	max-width: 500px; }

.max-600 {
	max-width: 600px; }

/******************* 
line sticks
*******************/
.stick-bottom {
	position: relative;
	margin-bottom: 30px; }
.stick-bottom > span {
	width: 30px;
	height: 2px;
	position: absolute;
	bottom: -7px;
	left: 0px;
	display: inline-block; }

/******************* 
position
*******************/
.po-absolute {
	position: absolute; }

.po-relative {
	position: relative; }

/*-------------------*/
/*Bootstrap 4 hack*/
/*-------------------*/
.invisible {
	visibility: hidden !important; }

.hidden-xs-up {
	display: none !important; }

@media (max-width: 575px) {
	.hidden-xs-down {
		display: none !important; } }

@media (min-width: 576px) {
	.hidden-sm-up {
		display: none !important; } }

@media (max-width: 767px) {
	.hidden-sm-down {
		display: none !important; } }

@media (min-width: 768px) {
	.hidden-md-up {
		display: none !important; } }

@media (max-width: 991px) {
	.hidden-md-down {
		display: none !important; } }

@media (min-width: 992px) {
	.hidden-lg-up {
		display: none !important; } }

@media (max-width: 1199px) {
	.hidden-lg-down {
		display: none !important; } }

@media (min-width: 1200px) {
	.hidden-xl-up {
		display: none !important; } }

.hidden-xl-down {
	display: none !important; }

/*************/
/* Dropdown*/
/*************/
.navbar-nav .dropdown-toggle::after {
	display: none; }

.navbar-nav .dropdown-menu.b-none {
	border: 0px;
	-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
	box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); }

.navbar-nav {
	font-weight: 400; }

.navbar-nav .dropdown-menu.b-none {
	border: 0px;
	-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
	box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); }

.pre-scroll {
	position: relative; }

.mega-dropdown {
	position: static; }
.mega-dropdown .dropdown-menu {
	width: 100%;
	padding: 30px;
	margin-top: 0px;
	overflow: hidden; }
.mega-dropdown .list-style-none {
	font-size: 14px; }
.mega-dropdown .inside-bg {
	margin: -30px 0 -30px -30px; }
.mega-dropdown .inside-bg-right {
	margin: -30px -30px -30px 0; }
.mega-dropdown .bg-img {
	background-size: cover;
	height: 100%;
	padding: 30px; }
.mega-dropdown h6 {
	margin: 15px 0;
	font-size: 15px; }

/*************/
/* General Listing*/
/*************/
.general-listing {
	padding: 0px;
	margin: 0px; }
.general-listing li {
	list-style: none; }
.general-listing li a {
	color: #8d97ad;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 10px 0;
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center; }
.general-listing li:hover a {
	color: #1dc8cd;
	padding-left: 10px; }
.general-listing li i {
	margin-right: 7px;
	vertical-align: middle; }
.general-listing.two-part li {
	width: 49%;
	display: inline-block; }
.general-listing.only-li li {
	padding: 5px 0; }

/*************/
/* form dark*/
/*************/
.form-control-dark {
	background: rgba(120, 130, 140, 0.13);
	color: #ffffff;
	border-color: rgba(120, 130, 140, 0.13); }
.form-control-dark:focus {
	background: rgba(120, 130, 140, 0.13);
	color: #ffffff; }

/*************/
/* social-round */
/*************/
.round-social a {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	border-radius: 100%;
	margin: 0 5px;
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in; }
.round-social a:hover {
	-webkit-transform: translate3d(0px, -5px, 0px);
	transform: translate3d(0px, -5px, 0px); }

.round-social.light a {
	color: #263238;
	background: #f5f7fa; }

.round-social.light a:hover {
	background: #263238;
	color: #ffffff; }

/*************/
/* Form Banner */
/*************/
.banner {
	position: relative;
	max-height: 700px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	display: table; }
.banner .banner-content {
	display: table-cell;
	vertical-align: middle;
	width: 100%; }

@media (max-width: 992px) {
	.banner {
		height: auto !important;
		padding: 100px 0; } }

@media (max-width: 767px) {
	.banner {
		padding: 30px 0; } }

.form-control {
	padding: .75rem;
	border: 2px solid rgba(120, 130, 140, 0.13); }

select.form-control:not([size]):not([multiple]) {
	height: calc(2.25rem + 12px); }

/*******************
UI-Elements
******************/
/*******************
Buttons
******************/
.button-group .btn {
	margin-bottom: 7px; }

/*******************
Grid page
******************/
.show-grid {
	margin-bottom: 10px;
	padding: 0 15px; }

.show-grid [class^=col-] {
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid rgba(120, 130, 140, 0.13);
	background-color: #f5f7fa; }

/*******************
list and media
******************/
.list-group a.list-group-item:hover {
	background: #f5f7fa; }

.list-group-item.active,
.list-group .list-group-item.active:hover {
	background: #1dc8cd;
	border-color: #1dc8cd; }

.list-group-item.disabled {
	color: #8d97ad;
	background: #f5f7fa; }

.media {
	border: 1px solid rgba(120, 130, 140, 0.13);
	margin-bottom: 10px;
	padding: 15px; }

/*******************
Notification page Jquery toaster
******************/
.alert-rounded {
	border-radius: 60px; }

/*******************
Progress bar
******************/
.progress.active .progress-bar,
.progress-bar.active {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite; }

.progress-vertical {
	min-height: 250px;
	height: 250px;
	position: relative;
	display: inline-block;
	margin-bottom: 0;
	margin-right: 20px; }

.progress-vertical-bottom {
	min-height: 250px;
	height: 250px;
	position: relative;
	display: inline-block;
	margin-bottom: 0;
	margin-right: 20px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg); }

.progress-animated {
	-webkit-animation-duration: 5s;
	-webkit-animation-name: myanimation;
	-webkit-transition: 5s all;
	animation-duration: 5s;
	animation-name: myanimation;
	-o-transition: 5s all;
	transition: 5s all; }

@-webkit-keyframes myanimation {
	from {
		width: 0; } }

@keyframes myanimation {
	from {
		width: 0; } }

/*******************
Vertical tabs
******************/
.vtabs {
	display: table; }
.vtabs .tabs-vertical {
	width: 150px;
	border-bottom: 0px;
	border-right: 1px solid rgba(120, 130, 140, 0.13);
	display: table-cell;
	vertical-align: top; }
.vtabs .tabs-vertical li .nav-link {
	color: #263238;
	margin-bottom: 10px;
	border: 0px;
	border-radius: 4px 0 0 4px; }
.vtabs .tab-content {
	display: table-cell;
	padding: 20px;
	vertical-align: top; }

.tabs-vertical li .nav-link.active,
.tabs-vertical li .nav-link:hover,
.tabs-vertical li .nav-link.active:focus {
	background: #1dc8cd;
	border: 0px;
	color: #ffffff; }

/*Custom vertical tab*/
.customvtab .tabs-vertical li .nav-link.active,
.customvtab .tabs-vertical li .nav-link:hover,
.customvtab .tabs-vertical li .nav-link:focus {
	background: #ffffff;
	border: 0px;
	border-right: 2px solid #1dc8cd;
	margin-right: -1px;
	color: #1dc8cd; }

.tabcontent-border {
	border: 1px solid #ddd;
	border-top: 0px; }

.customtab2 li a.nav-link {
	border: 0px;
	margin-right: 3px;
	color: #8d97ad; }
.customtab2 li a.nav-link.active {
	background: #1dc8cd;
	color: #ffffff; }
.customtab2 li a.nav-link:hover {
	color: #ffffff;
	background: #1dc8cd; }

/*******************
Timeline page
******************/
.timeline {
	position: relative;
	padding: 20px 0 20px;
	list-style: none;
	max-width: 1200px;
	margin: 0 auto; }

.timeline:before {
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 3px;
	margin-left: -1.5px;
	background-color: #f5f7fa; }

.timeline > li {
	position: relative;
	margin-bottom: 20px; }

.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table; }

.timeline > li:after {
	clear: both; }

.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table; }

.timeline > li:after {
	clear: both; }

.timeline > li > .timeline-panel {
	float: left;
	position: relative;
	width: 46%;
	padding: 20px;
	border: 1px solid rgba(120, 130, 140, 0.13);
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); }

.timeline > li > .timeline-panel:before {
	content: " ";
	display: inline-block;
	position: absolute;
	top: 26px;
	right: -8px;
	border-top: 8px solid transparent;
	border-right: 0 solid rgba(120, 130, 140, 0.13);
	border-bottom: 8px solid transparent;
	border-left: 8px solid rgba(120, 130, 140, 0.13); }

.timeline > li > .timeline-panel:after {
	content: " ";
	display: inline-block;
	position: absolute;
	top: 27px;
	right: -7px;
	border-top: 7px solid transparent;
	border-right: 0 solid #ffffff;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #ffffff; }

.timeline > li > .timeline-badge {
	z-index: 10;
	position: absolute;
	top: 16px;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	border-radius: 50% 50% 50% 50%;
	text-align: center;
	font-size: 1.4em;
	line-height: 46px;
	color: #fff;
	overflow: hidden; }

.timeline > li.timeline-inverted > .timeline-panel {
	float: right; }

.timeline > li.timeline-inverted > .timeline-panel:before {
	right: auto;
	left: -8px;
	border-right-width: 8px;
	border-left-width: 0; }

.timeline > li.timeline-inverted > .timeline-panel:after {
	right: auto;
	left: -7px;
	border-right-width: 7px;
	border-left-width: 0; }

.timeline-badge.primary {
	background-color: var(--primary); }

.timeline-badge.success {
	background-color: #2cdd9b; }

.timeline-badge.warning {
	background-color: #fec500; }

.timeline-badge.danger {
	background-color: var(--primary); }

.timeline-badge.info {
	background-color: var(--primary); }

.timeline-title {
	margin-top: 0;
	color: inherit;
	font-weight: 400; }

.timeline-body > p,
.timeline-body > ul {
	margin-bottom: 0; }

.timeline-body > p + p {
	margin-top: 5px; }

/*============================================================== 
Ui-bootstrap
============================================================== */
ul.list-icons {
	margin: 0px;
	padding: 0px; }
ul.list-icons li {
	list-style: none;
	line-height: 30px;
	margin: 5px 0;
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in; }
ul.list-icons li a {
	color: #8d97ad; }
ul.list-icons li a:hover {
	color: #1dc8cd; }
ul.list-icons li i {
	font-size: 13px;
	padding-right: 8px; }

ul.list-inline li {
	display: inline-block; }
ul.list-inline li:first-child {
	padding-left: 0px; }
ul.list-inline li a {
	color: #8d97ad; }
ul.list-inline li a:hover {
	color: #1dc8cd; }

ul.two-part {
	margin: 0px; }
ul.two-part li {
	width: 48.8%; }

/*Accordion*/
html body .accordion .card {
	margin-bottom: 0px; }

#accordion4 .card-header {
	border: 1px solid rgba(120, 130, 140, 0.13);
	background: transparent;
	margin-bottom: 10px; }
#accordion4 .card-header a {
	color: #8d97ad; }
#accordion4 .card-header:hover {
	background-color: var(--primary);
	border: 1px solid var(--primary); }
#accordion4 .card-header:hover a {
	color: #ffffff; }

#accordion4 .card.active .card-header {
	background-color: var(--primary);
	border: 1px solid var(--primary); }
#accordion4 .card.active .card-header a {
	color: #ffffff; }

/*===================== 
Breadcrumb
=====================*/
.bc-colored .breadcrumb-item,
.bc-colored .breadcrumb-item a {
	color: #ffffff; }
.bc-colored .breadcrumb-item.active,
.bc-colored .breadcrumb-item a.active {
	opacity: 0.7; }

.bc-colored .breadcrumb-item + .breadcrumb-item::before {
	color: rgba(255, 255, 255, 0.4); }

.breadcrumb {
	margin-bottom: 0px; }

/*******************
Card title
*******************/
.card-title {
	font-size: 18px; }

.card-subtitle {
	color: #8d97ad;
	margin-bottom: 30px;
	font-size: 14px; }

.card-inverse .card-bodyquote .blockquote-footer,
.card-inverse .card-link,
.card-inverse .card-subtitle,
.card-inverse .card-text {
	color: rgba(255, 255, 255, 0.65); }

.card-default .card-header {
	background: #ffffff;
	border-bottom: 0px; }

.card-success {
	background: #2cdd9b;
	border-color: #2cdd9b; }

.card-danger {
	background: var(--primary);
	border-color: var(--primary); }

.card-warning {
	background: #fec500;
	border-color: #fec500; }

.card-info {
	background: var(--primary);
	border-color: var(--primary); }

.card-primary {
	background: var(--primary);
	border-color: var(--primary); }

.card-dark {
	background: #3e4555;
	border-color: #3e4555; }

.card-megna {
	background: #1dc8cd;
	border-color: #1dc8cd; }

/*============================================================== 
Cards page
============================================================== */
.card-columns .card {
	margin-bottom: 20px; }

.collapsing {
	-webkit-transition: height .08s ease;
	-o-transition: height .08s ease;
	transition: height .08s ease; }

.card-info {
	background: var(--primary);
	border-color: var(--primary); }

.card-primary {
	background: var(--primary);
	border-color: var(--primary); }

.card-outline-info {
	border-color: var(--primary); }
.card-outline-info .card-header {
	background: var(--primary);
	border-color: var(--primary); }

.card-outline-inverse {
	border-color: #3e4555; }
.card-outline-inverse .card-header {
	background: #3e4555;
	border-color: #3e4555; }

.card-outline-warning {
	border-color: #fec500; }
.card-outline-warning .card-header {
	background: #fec500;
	border-color: #fec500; }

.card-outline-success {
	border-color: #2cdd9b; }
.card-outline-success .card-header {
	background: #2cdd9b;
	border-color: #2cdd9b; }

.card-outline-danger {
	border-color: var(--primary); }
.card-outline-danger .card-header {
	background: var(--primary);
	border-color: var(--primary); }

.card-outline-primary {
	border-color: var(--primary); }
.card-outline-primary .card-header {
	background: var(--primary);
	border-color: var(--primary); }

/*******************
Custom-select
******************/
.custom-select {
	background: url(../../assets/images/ui/custom-select.png) right 0.75rem center no-repeat;
	border: 2px solid rgba(120, 130, 140, 0.13);
	height: calc(2.25rem + 12px); }

/*******************
textarea
******************/
textarea {
	resize: none; }

.form-control-danger,
.form-control-success,
.form-control-warning {
	padding-right: 2.25rem;
	background-repeat: no-repeat;
	background-position: center right .5625rem;
	-webkit-background-size: 1.125rem 1.125rem;
	background-size: 1.125rem 1.125rem; }

.has-success .col-form-label,
.has-success .custom-control,
.has-success .form-check-label,
.has-success .form-control-feedback,
.has-success .form-control-label {
	color: #2cdd9b; }

.has-success .form-control-success {
	background-image: url(../../assets/images/ui/success.svg); }

.has-success .form-control {
	border-color: #2cdd9b; }

.has-warning .col-form-label,
.has-warning .custom-control,
.has-warning .form-check-label,
.has-warning .form-control-feedback,
.has-warning .form-control-label {
	color: #fec500; }

.has-warning .form-control-warning {
	background-image: url(../../assets/images/ui/warning.svg); }

.has-warning .form-control {
	border-color: #fec500; }

.has-danger .col-form-label,
.has-danger .custom-control,
.has-danger .form-check-label,
.has-danger .form-control-feedback,
.has-danger .form-control-label {
	color: var(--primary); }

.has-danger .form-control-danger {
	background-image: url(../../assets/images/ui/danger.svg); }

.has-danger .form-control {
	border-color: var(--primary); }

.input-group-addon [type="radio"]:not(:checked),
.input-group-addon [type="radio"]:checked,
.input-group-addon [type="checkbox"]:not(:checked),
.input-group-addon [type="checkbox"]:checked {
	position: initial;
	opacity: 1; }

.input-form .btn {
	padding: 14px 12px; }

.form-control-sm {
	padding: .25rem .5rem; }

/*******************
custom modals
******************/
.custom-modal .close-btn {
	position: absolute;
	right: 12px;
	top: 10px;
	color: #8d97ad;
	font-size: 25px;
	background: #ffffff;
	width: 20px;
	height: 20px;
	text-align: center;
	display: block;
	border-radius: 100%;
	line-height: 19px; }

.custom-modal .modal-body {
	overflow: hidden; }

.custom-modal .modal-bg-img {
	background-size: cover;
	background-position: center center;
	min-height: 300px; }

.modal1 .modal-bg {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
	padding: 40px; }

.modal1 .input-group {
	margin-top: -45px; }

.modal2 .modal-bg {
	padding: 30px 30px 30px 15px; }

.modal3 .modal-bg {
	padding: 50px 40px 60px 25px; }

.modal4 .modal-bg {
	padding: 55px 55px 55px 40px; }

/*******************
Overlay headers and thrid dropdown
******************/
.header-overlay {
	position: absolute;
	width: 100%; }

.dropdown-item.active, .dropdown-item:active {
	background-color: #1dc8cd; }

.dropdown-submenu {
	position: relative; }
.dropdown-submenu .dropdown-item > .ml-auto {
	position: absolute;
	right: 15px;
	top: 10px; }

.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-left: 0;
	border-radius: 0.25rem;
	display: none; }
.dropdown-submenu > .dropdown-menu.menu-right {
	left: auto;
	right: 100%; }

.dropdown-submenu.pull-left {
	float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
	left: -75%; }

.dropdown-menu .divider {
	background-color: rgba(120, 130, 140, 0.13);
	height: 1px;
	margin: 9px 0;
	overflow: hidden; }

/*******************
common-innerpage-banner
*******************/
.banner-innerpage {
	padding: 150px 0 100px;
	background-size: cover;
	background-position: center center; }
.banner-innerpage .title {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 40px;
	line-height: 40px; }
.banner-innerpage .subtitle {
	color: #ffffff; }

@media (max-width: 900px) {
	.static-slider10 .title {
		font-size: 40px;
		line-height: 45px; } }

.with-noborder .media {
	border: 0px;
	padding: 0px;
	margin: 50px 0; }
.owl-theme .owl-dots .owl-dot span, .owl-theme .owl-dots .owl-dot span {
	cursor: pointer;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: var(--primary); }

/*******************
Footer 4
*******************/
.footer4 .f4-bottom-bar {
	padding-top: 10px;
	margin-top: 20px; }
.footer4 .f4-bottom-bar a {
	color: #8d97ad; }
.footer4 .f4-bottom-bar a:hover {
	color: var(--primary); }

.footer4 .round-social.light a {
	width: 34px;
	height: 34px;
	line-height: 34px; }
.footer4 .round-social.light a:hover {
	background: var(--primary); }

/*******************
Modal in center
*******************/
.modal-dialog {
	min-height: calc(100vh - 60px);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: auto; }
@media (max-width: 768px) {
	.modal-dialog {
		min-height: calc(100vh - 20px); } }

.animated {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s; }

/*******************
icons path
*******************/
@font-face {
	font-family: 'icomoon';
	src: url("fonts/icomoon.ttf?-rdmvgc") format("truetype"); }

@font-face {
	font-family: 'simple-line-icons';
	src: url("fonts/Simple-Line-Icons.ttf?-i3a2kk") format("truetype"); }

@font-face {
	font-family: 'themify';
	src: url("fonts/themify.ttf") format("truetype"); }

@font-face {
	font-family: 'FontAwesome';
	src: url("fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"); }

/*============================================================== 
For Laptop & above all (1650px) 
============================================================== */
/*============================================================== 
For Laptop & above all (1370px) 
============================================================== */
/*-- ============================================================== 
Small Desktop & above all (1024px) 
============================================================== */
@media (max-width: 1023px) {
	.d-flex {
		display: block !important; }
	.d-flex.no-block {
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: -ms-flexbox !important;
		display: flex !important; }
	.header7 .h7-nav-bar .logo-box {
		width: 170px; }
	.header7 .h7-nav-bar .logo-box img {
		width: 135px; }
	.header7 .h7-nav-bar .h7-nav-box {
		width: calc(100% - 170px); }
	.po-absolute {
		position: relative; } }

/*-- ============================================================== 
Ipad & above all(768px) 
============================================================== */
/*-- ============================================================== 
Phone and below ipad(767px) 
============================================================== */
@media (max-width: 767px) {
	/*This is for the Global*/
	.general-listing.two-part li {
		width: 100%;
		display: block; }
	/*This is for the Header*/
	.header7 .h7-nav-bar {
		display: block; }
	.header7 .h7-nav-bar .logo-box {
		display: inline-block;
		width: 160px;
		padding: 10px; }
	.header7 .h7-nav-bar .logo-box img {
		width: 120px; }
	.header7 .h7-nav-bar .h7-nav-box {
		display: none;
		width: 100%; }
	.header7 .h7-nav-bar .h7-nav-box.show {
		display: block; }
	.header7 .h7-nav-bar .h7-nav-box .h7-mini-bar {
		border-top: 1px solid rgba(120, 130, 140, 0.13); }
	.header7 .h7-nav-bar .h7-nav-box .main-nav {
		max-height: 200px;
		overflow: auto; }
	.header7 .h7-nav-bar .h7-nav-box .main-nav > ul {
		display: block; }
	.header7 .h7-nav-bar .h7-nav-box .main-nav > ul > li {
		display: block;
		text-align: left; }
	.header7 .h7-nav-bar .h7-nav-box .main-nav > ul > li a {
		padding: 20px; }
	.header7 .h7-nav-bar .h7-nav-box .main-nav > ul > li ul {
		position: relative;
		width: 100%;
		padding-top: 0px; }
	.header7 .h7-nav-bar .op-clo {
		padding: 10px 12px;
		float: right;
		margin: 15px 20px 0 0; }
	/*This is for the slider*/
	.slider1 h2 {
		font-size: 30px; }
	/*This is for the footer*/
	.footer1 {
		margin-bottom: 100px; }
	.footer1 .bg-image {
		margin-right: 15px;
		margin-left: 15px; }
	.footer1 .contact-container {
		top: 150px; }
	.footer1 .contact-container .copyright {
		margin-top: 30px; }
	.footer1 .detail-box .round-social.light a {
		margin: 0 3px; } }

@media (max-width: 428px) {
	.slider1 h2 {
		font-size: 18px;
		padding: 15px 15px; }
	.slider1 a {
		font-size: 14px; } }

.promise-wrapper {
	background: #e5e5e5;
	padding-bottom: 10px;
	margin: 20px;
	text-align: center;
	border-radius: 10px;
}
.promise-wrapper .title {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	color: #fff;
	margin: 0 0 20px 0;
	padding: 10px;
	background: var(--primary);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.promise {
	margin-bottom: 15px;
}
.promise img {
	width: 50px;
	margin-bottom: 10px;
}
.promise p {
	font-size: 12px;
}

.modal .promise-wrapper {
	background: transparent;
	padding: 15px 0 0 0;
	margin: 0px;
	text-align: center;
	border-radius: 0;
	border-top: 1px solid #e5e5e5;
}
.modal .promise-wrapper .title {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	color: #000;
	margin: 0 0 15px 0;
	padding: 0;
	background: transparent;
}
.modal .promise {
	display: inline-block;
	padding: 5px;
}
.modal .promise img {
	width: 50px;
	margin-bottom: 5px;
}
.modal .promise p {
	font-size: 12px;
	color: #000;
	margin-bottom: 0;
}