/*****************************************************************

    Template Name    : Techit - IT Solutions and Technology Website Template

    Author           : Barakah Themes

    Version          : 1.0

    Created          : 2022

    File Description : Main css file of the template

*****************************************************************/



/*****************************************************************



** - 01 - Default CSS

** - 02 - Preloader Section CSS

** - 03 - Navbar Section CSS

** - 04 - Home Section CSS

** - 05 - About Section CSS

** - 06 - Features Section CSS

** - 07 - Skill Section CSS

** - 08 - Services Section CSS

** - 09 - Services Details CSS

** - 10 - Overview Section CSS

** - 11 - Counter Section CSS

** - 12 - Projects Section CSS

** - 13 - Projects Details CSS

** - 14 - Team Section CSS

** - 15 - Testimonial Section CSS

** - 16 - Hire Section CSS

** - 17 - Blog Section CSS

** - 18 - Blog Details CSS

** - 19 - Partner Section CSS

** - 20 - Other Page Banner Title CSS

** - 21 - Faq Page CSS

** - 22 - Pricing Page CSS

** - 23 - Contact Page CSS

** - 24 - Coming Soon Page CSS

** - 25 - 404 Error Page CSS

** - 26 - Terms & Conditions - Privacy Policy CSS

** - 27 - Footer & Copyright Section CSS



*****************************************************************/



/**************************************

 ** - 01 - Default CSS

 **************************************/

@font-face {
    font-family: "SF Pro Rounded Regular";
    src: url("/assets/fonts/ead4092f880f75ff0883ced1856b2c37.eot");
    src: url("/assets/fonts/ead4092f880f75ff0883ced1856b2c37.eot?#iefix")format("embedded-opentype"),
    url("/assets/fonts/ead4092f880f75ff0883ced1856b2c37.woff2")format("woff2"),
    url("/assets/fonts/ead4092f880f75ff0883ced1856b2c37.woff")format("woff"),
    url("/assets/fonts/ead4092f880f75ff0883ced1856b2c37.ttf")format("truetype"),
    url("/assets/fonts/ead4092f880f75ff0883ced1856b2c37.svg#SF Pro Rounded Regular")format("svg");
}

body {

	padding: 0;

	margin: 0;

	font-size: 15px;

	font-family: 'SF Pro Rounded Regular', 'Kumbh Sans';

}



img {

	max-width: 100%;

	height: auto;

	border-radius: 3px;

}



button {

	outline: 0 !important;

}



dl, ol, ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.d-table {

	width: 100%;

	height: 100%;

}



.d-table-cell {

	vertical-align: middle;

}



.ptb-100 {

	padding-top: 100px;

	padding-bottom: 100px;

}



.pb-20 {

	padding-bottom: 20px;

}

.pb-30 {

	padding-bottom: 30px;

}

.pb-40 {

	padding-bottom: 40px;

}

.pb-50 {

	padding-bottom: 50px;

}

.pb-60 {

	padding-bottom: 60px;

}

.pb-70 {

	padding-bottom: 70px;

}

.pb-80 {

	padding-bottom: 80px;

}

.pb-90 {

	padding-bottom: 90px;

}



.pb-100 {

	padding-bottom: 100px;

}



.pt-20 {

	padding-top: 20px;

}

.pt-30 {

	padding-top: 30px;

}

.pt-40 {

	padding-top: 40px;

}

.pt-50 {

	padding-top: 50px;

}

.pt-60 {

	padding-top: 60px;

}

.pt-70 {

	padding-top: 70px;

}

.pt-80 {

	padding-top: 80px;

}

.pt-90 {

	padding-top: 90px;

}

.pt-100 {

	padding-top: 100px;

}



.bg-grey {

	background-color: rgb(215, 215, 215, 0.17);

}

.bg-home {

	background-color: rgb(218, 228, 241, 1);

}



.section-padding {

	padding: 100px 0;

}

.section-padding-register {

	padding: 100px 0 0px 0;

}

.section-padding-register-form {

	padding: 50px 0 50px 0;

}

.form-control-hidden {
	
	color: #fff;
}


a {

	text-decoration: none;

	-webkit-transition: 0.4s;

	transition: 0.4s;

	outline: 0 !important;

	color: #505060;

}



a:hover {

	text-decoration: none;

	color: #568692;

}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

	font-weight: 700;

	line-height: 1.4;
	
	color: #2E3063;
}

h4 {
	
	color: #588893;
}

.thank-you {
	
    color: #568692;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}



p {

	font-size: 15px;

	line-height: 1.8;

	color: #5f5f5f;

	margin-bottom: 15px;

	font-weight: 400;
	
	font-family: 'PT Serif Pro';

}



p:last-child {

	margin-bottom: 0;

}



.default-btn {

	border: none;

	position: relative;

	display: inline-block;

	text-align: center;

	overflow: hidden;

	z-index: 1;

	color: #ffffff;

	background-color: #568692;

	-webkit-transition: 0.4s;

	transition: 0.4s;

	border-radius: 50px;

	font-weight: 600;

	font-size: 15px;

	padding-left: 35px;

	padding-right: 35px;

	padding-top: 12px;

	padding-bottom: 12px;

}



.default-btn span {

	position: absolute;

	display: block;

	width: 0;

	height: 0;

	border-radius: 50%;

	background-color: #3e57d0;

	-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

	transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	z-index: -1;

	border-radius: 30px;

}



.default-btn:hover, .default-btn:focus {

	color: #ffffff;

}



.default-btn:hover span, .default-btn:focus span {

	width: 225%;

	height: 562.5px;

}



.default-btn-one {

	border: none;

	position: relative;

	display: inline-block;

	text-align: center;

	overflow: hidden;

	z-index: 1;

	color: #DAE4F1;

	background-color: #0000FF;

	-webkit-transition: 0.4s;

	transition: 0.4s;

	border-radius: 50px;

	font-weight: 600;

	font-size: 15px;

	padding-left: 35px;

	padding-right: 35px;

	padding-top: 12px;

	padding-bottom: 12px;

	margin-top: 5px;

	margin-right: 0px;

	box-shadow: 0 7px 25px rgb(86,134,146,0.25);

}

.default-btn-one-lower {
	
	padding-top: 7px;

	padding-bottom: 7px;
	
	margin-top: 0px;
}

.default-btn-one span {

	position: absolute;

	display: block;

	width: 0;

	height: 0;

	border-radius: 50%;

	background-color: #588893;

	-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

	transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	z-index: -1;

	border-radius: 30px;

}



.default-btn-one:hover, .default-btn-one:focus {

	color: #ffffff;
	background-color: #DAE4F1;

}



.default-btn-one:hover span, .default-btn-one:focus span {

	width: 225%;

	height: 562.5px;

}

.reg-btn-one {

	position: relative;

	display: inline-block;

	text-align: center;

	overflow: hidden;

	z-index: 1;

	color: #fff;

	background-color: #7b68ee;

	-webkit-transition: 0.4s;

	transition: 0.4s;

	border-radius: 50px;

	font-weight: 600;

	font-size: 15px;

	padding-left: 35px;

	padding-right: 35px;

	padding-top: 12px;

	padding-bottom: 12px;

	margin-top: 5px;

	margin-right: 20px;

	box-shadow: 0 7px 25px rgb(86,134,146,0.25);
	
	border: 2px solid #7b68ee;
}



.btn-style-four {

	position: relative;

    display: inline-block;

    font-size: 16px;

    font-weight: 700;

    color: #fff;

    padding-left: 15px;

}

.btn-style-four:before {

    position: absolute;

    content: '';

    width: 7px;

    height: 7px;

    left: 0px;

    top: 16px;

    border-radius: 50%;

    transition: all 500ms ease;

}

.btn-style-four:before{

	background: #568692;

}



.btn-style-four{

	color: #2d275e;

}



.btn-style-four span{

	font-size: 23px;

	padding-left: 5px;

}

.btn-style-four:hover{

	color: #568692 !important;

}





.section-title {

	text-align: center;

	margin-bottom: 65px;

	line-height: 1.5;

}



.section-title h6 {

	font-size: 16px;

	font-weight: 600;

	color: #568692;

	letter-spacing: 0.5px;

	text-transform: uppercase;

}



.section-title h2 {

	font-size: 35px;

	color: #505060;

	margin: 0 0 0 0;

	font-weight: 700;

}



.color-text {

    color: #568692;

}



.valign {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

}



/* [ Start Overlay ] */

[data-overlay-dark],

[data-overlay-light] {

	position: relative;

}



[data-overlay-dark] .container,

[data-overlay-light] .container {

	position: relative;

	z-index: 2;

}



[data-overlay-dark]:before,

[data-overlay-light]:before {

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 1;

}



[data-overlay-dark]:before {

	background: #02050b;

}



[data-overlay-light]:before {

	background: #fff;

}



[data-overlay-dark] h1,

[data-overlay-dark] h2,

[data-overlay-dark] h3,

[data-overlay-dark] h4,

[data-overlay-dark] h5,

[data-overlay-dark] h6,

[data-overlay-dark] span,

.bg-dark h1,

.bg-dark h2,

.bg-dark h3,

.bg-dark h4,

.bg-dark h5,

.bg-dark h6,

.bg-dark span,

.bg-color h1,

.bg-color h2,

.bg-color h3,

.bg-color h4,

.bg-color h5,

.bg-color h6,

.bg-color span {

	color: #fff;

}



[data-overlay-dark] p,

.bg-dark p,

.bg-color p {

	color: #dad6d6;

}



[data-overlay-dark="0"]:before,

[data-overlay-light="0"]:before {

	opacity: 0;

}



[data-overlay-dark="1"]:before,

[data-overlay-light="1"]:before {

	opacity: .1;

}



[data-overlay-dark="2"]:before,

[data-overlay-light="2"]:before {

	opacity: .2;

}



[data-overlay-dark="3"]:before,

[data-overlay-light="3"]:before {

	opacity: .3;

}



[data-overlay-dark="4"]:before,

[data-overlay-light="4"]:before {

	opacity: .4;

}



[data-overlay-dark="5"]:before,

[data-overlay-light="5"]:before {

	opacity: .5;

}



[data-overlay-dark="6"]:before,

[data-overlay-light="6"]:before {

	opacity: .6;

}



[data-overlay-dark="7"]:before,

[data-overlay-light="7"]:before {

	opacity: .7;

}



[data-overlay-dark="8"]:before,

[data-overlay-light="8"]:before {

	opacity: .8;

}



[data-overlay-dark="9"]:before,

[data-overlay-light="9"]:before,

[data-overlay-color="9"]:before {

	opacity: .9;

}



[data-overlay-dark="10"]:before,

[data-overlay-light="10"]:before {

	opacity: 1;

}



/* [ End Overlay ] */

/*

 .... - - .--. ... ---... -..-. -..-. .-- .-- .-- .-.-.- - . -- .--. .-.. .- - . -- --- -. ... - . .-. .-.-.- -.-. --- -- -..-. .- ..- - .... --- .-. ... -..-. -... .- .-. .- -.- .- .... - .... . -- . ... -..-.

*/



/*****************************************

 ** - 00 -  Go Top CSS

 ******************************************/

.go-top {

	position: fixed;

	cursor: pointer;

	top: 0;

	right: 15px;

	color: #ffffff;

	background-color: #568692;

	text-align: center;

	z-index: 4;

	width: 45px;

	height: 45px;

	line-height: 45px;

	opacity: 0;

	visibility: hidden;

	-webkit-transition: .9s;

	transition: .9s;

	border-radius: 3px;

}



.go-top.active {

	top: 97%;

	-webkit-transform: translateY(-98%);

	transform: translateY(-98%);

	opacity: 1;

	visibility: visible;

}



.go-top i {

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	left: 0;

	right: 0;

	margin: 0 auto;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.go-top i:last-child {

	opacity: 0;

	visibility: hidden;

	top: 60%;

}



.go-top::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: -1;

	background: #505060;

	opacity: 0;

	visibility: hidden;

	-webkit-transition: 0.4s;

	transition: 0.4s;

	border-radius: 3px;

}



.go-top:hover, .go-top:focus {

	color: #ffffff;

}



.go-top:hover::before, .go-top:focus::before {

	opacity: 1;

	visibility: visible;

}



.go-top:hover i:first-child, .go-top:focus i:first-child {

	opacity: 0;

	top: 0;

	visibility: hidden;

}



.go-top:hover i:last-child, .go-top:focus i:last-child {

	opacity: 1;

	visibility: visible;

	top: 50%;

}



/**************************************

 ** - 02 - Preloader Section CSS

 **************************************/

.preloader {

    position: fixed;

    z-index: 999999;

    background-color: #ffffff;

    width: 100%;

    height: 100%;

    text-align: center;

    left: 0;

    right: 0;

}

.preloader .lds-spinner {

    display: inline-block;

    position: relative;

    width: 80px;

    height: 80px;

}

.preloader .lds-spinner div {

    -webkit-transform-origin: 40px 40px;

    transform-origin: 40px 40px;

    -webkit-animation: lds-spinner 1.2s linear infinite;

    animation: lds-spinner 1.2s linear infinite;

}

.preloader .lds-spinner div::after {

    content: " ";

    display: block;

    position: absolute;

    top: 5px;

    left: 35px;

    width: 5px;

    height: 20px;

    border-radius: 20%;

    background: #568692;

}

.preloader .lds-spinner div:nth-child(1){

    -webkit-transform:rotate(0deg);

    transform:rotate(0deg);

    -webkit-animation-delay:-1.1s;

    animation-delay:-1.1s

}

.preloader .lds-spinner div:nth-child(2){

    -webkit-transform:rotate(30deg);

    transform:rotate(30deg);

    -webkit-animation-delay:-1s;

    animation-delay:-1s

}

.preloader .lds-spinner div:nth-child(3){

    -webkit-transform:rotate(60deg);

    transform:rotate(60deg);

    -webkit-animation-delay:-.9s;

    animation-delay:-.9s

}

.preloader .lds-spinner div:nth-child(4){

    -webkit-transform:rotate(90deg);

    transform:rotate(90deg);

    -webkit-animation-delay:-.8s;

    animation-delay:-.8s

}

.preloader .lds-spinner div:nth-child(5){

    -webkit-transform:rotate(120deg);

    transform:rotate(120deg);

    -webkit-animation-delay:-.7s;

    animation-delay:-.7s

}

.preloader .lds-spinner div:nth-child(6){

    -webkit-transform:rotate(150deg);

    transform:rotate(150deg);

    -webkit-animation-delay:-.6s;

    animation-delay:-.6s

}

.preloader .lds-spinner div:nth-child(7){

    -webkit-transform:rotate(180deg);

    transform:rotate(180deg);

    -webkit-animation-delay:-.5s;

    animation-delay:-.5s

}

.preloader .lds-spinner div:nth-child(8){

    -webkit-transform:rotate(210deg);

    transform:rotate(210deg);

    -webkit-animation-delay:-.4s;

    animation-delay:-.4s

}

.preloader .lds-spinner div:nth-child(9){

    -webkit-transform:rotate(240deg);

    transform:rotate(240deg);

    -webkit-animation-delay:-.3s;

    animation-delay:-.3s

}

.preloader .lds-spinner div:nth-child(10){

    -webkit-transform:rotate(270deg);

    transform:rotate(270deg);

    -webkit-animation-delay:-.2s;

    animation-delay:-.2s

}

.preloader .lds-spinner div:nth-child(11){

    -webkit-transform:rotate(300deg);

    transform:rotate(300deg);

    -webkit-animation-delay:-.1s;

    animation-delay:-.1s

}

.preloader .lds-spinner div:nth-child(12){

    -webkit-transform:rotate(330deg);

    transform:rotate(330deg);

    -webkit-animation-delay:0s;

    animation-delay:0s

}

@-webkit-keyframes lds-spinner{

    0%{

        opacity:1

    }

    100%{

        opacity:0

    }

}

@keyframes lds-spinner{

    0%{

        opacity:1

    }

    100%{

        opacity:0

    }

}



/**************************************

 ** - 03 - Navbar Section CSS

 **************************************/

.techit-responsive-nav {

	display: none;

}



.techit-nav {

	background-color: transparent;

	padding-top: 15px;

	padding-bottom: 15px;

	padding-right: 0;

	padding-left: 0;

}



.techit-nav .navbar {

	padding-right: 0;

	padding-top: 0;

	padding-left: 0;

	padding-bottom: 0;

}



.techit-nav .navbar ul {

	padding-left: 0;

	list-style-type: none;

	margin-bottom: 0;

}



.techit-nav .navbar .navbar-nav {

	margin: auto;

}



.techit-nav .navbar .navbar-nav .nav-item {

	position: relative;

	padding-top: 15px;

	padding-bottom: 15px;

	padding-left: 0;

	padding-right: 0;

}



.techit-nav.index-navber .navbar .navbar-nav .nav-item a {

	color: #555;

}

.techit-nav .navbar .navbar-nav .nav-item a {

	font-size: 16px;

	font-weight: 600;

	color: #fff;

	padding-left: 0;

	padding-right: 0;

	padding-top: 0;

	padding-bottom: 0;

	margin-left: 15px;

	margin-right: 15px;

}

/*

.techit-nav .navbar .navbar-nav .nav-item a:hover, .techit-nav .navbar .navbar-nav .nav-item a:focus, .techit-nav .navbar .navbar-nav .nav-item a.active {

	color: #568692;

}

*/

.techit-nav .navbar .navbar-nav .nav-item a i {

	font-size: 10px;

	position: relative;

	top: -1px;

	margin-left: 1px;

}



.techit-nav .navbar .navbar-nav .nav-item:last-child a {

	margin-right: 0;

}



.techit-nav .navbar .navbar-nav .nav-item:first-child a {

	margin-left: 0;

}

/*

.techit-nav .navbar .navbar-nav .nav-item:hover a, .techit-nav .navbar .navbar-nav .nav-item:focus a, .techit-nav .navbar .navbar-nav .nav-item.active a {

	color: #568692;

}

*/

.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu {

	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);

	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);

	background: #ffffff;

	position: absolute;

	border: none;

	top: 80px;

	left: 0;

	width: 230px;

	z-index: 99;

	display: block;

	opacity: 0;

	visibility: hidden;

	border-radius: 5px;

    overflow: hidden;

	-webkit-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

	padding: 0px;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li {

	padding: 0;

	border-bottom: 1px solid #f1f1f1;

}

.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child {

	border-bottom: 0px solid transparent;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {

	text-transform: capitalize;

	padding: 10px 15px;

	margin: 0;

	position: relative;

	color: #505060;

	font-size: 15px;

	font-weight: 500;

	border-left: 3px solid transparent;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {

	color: #505060;

	background: #f8f8f8;

	padding-left: 20px;

	border-left: 3px solid #ffc107;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {

	left: -245px;

	top: 0;

	opacity: 0;

	visibility: hidden;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {

	color: #696997;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {

	color: #568692;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {

	left: -245px;

	top: 0;

	opacity: 0;

	visibility: hidden;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {

	color: #696997;

	text-transform: capitalize;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {

	color: #568692;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {

	left: -245px;

	top: 0;

	opacity: 0;

	visibility: hidden;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {

	color: #696997;

	text-transform: capitalize;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {

	color: #568692;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {

	left: 195px;

	top: 0;

	opacity: 0;

	visibility: hidden;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {

	color: #696997;

	text-transform: capitalize;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {

	color: #568692;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {

	left: 195px;

	top: 0;

	opacity: 0;

	visibility: hidden;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {

	color: #696997;

	text-transform: capitalize;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {

	color: #568692;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {

	left: 195px;

	top: 0;

	opacity: 0;

	visibility: hidden;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {

	color: #696997;

	text-transform: capitalize;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {

	color: #568692;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {

	color: #568692;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {

	opacity: 1;

	visibility: visible;

	top: -15px;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {

	color: #568692;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {

	opacity: 1;

	visibility: visible;

	top: -15px;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {

	color: #568692;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {

	opacity: 1;

	visibility: visible;

	top: -15px;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {

	color: #568692;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {

	opacity: 1;

	visibility: visible;

	top: -15px;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {

	color: #568692;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {

	opacity: 1;

	visibility: visible;

	top: -15px;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {

	color: #568692;

}



.techit-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {

	opacity: 1;

	visibility: visible;

	top: -15px;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.techit-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {

	opacity: 1;

	visibility: visible;

	top: 100%;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.techit-nav .navbar .other-option {

	margin-left: 0;

	margin-top: 5px;

}



.techit-nav .navbar .other-option .default-btn {

    font-size: 15px;

	box-shadow: 0 2px 15px rgb(123, 104, 238, 0.15);

}



.techit-nav .navbar .other-option .default-btn.nav-btn-1 {

	margin-right: 15px;

}



.techit-nav .black-logo {

	display: none;

}



.navbar-area {

	background-color: #fff;

	-webkit-transition: 0.4s;

	transition: 0.4s;

	position: absolute;

	z-index: 999;

	left: 0;

	top: 0;

	width: 100%;

	height: auto;

}



.navbar-area.is-sticky {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 999;

	-webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

	box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

	background: #ffffff !important;

	-webkit-animation: 500ms ease-in-out 0s normal fadeInDown;

	animation: 500ms ease-in-out 0s normal fadeInDown;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.navbar-area.is-sticky .navbar-nav .nav-item a {

	color: #505050;

}



.navbar-area.is-sticky .navbar-nav .nav-item a:hover, .navbar-area.is-sticky .navbar-nav .nav-item a:focus, .navbar-area.is-sticky .navbar-nav .nav-item a.active {

	color: #568692;

}



.navbar-area.is-sticky .techit-nav .navbar-brand .white-logo {

	display: none;

}



.navbar-area.is-sticky .techit-nav .navbar-brand .black-logo {

	display: block;

}



@media only screen and (max-width: 991px) {

	.navbar-area {

		padding-top: 20px;

		padding-bottom: 20px;

	}



	.navbar-area.is-sticky {

		border-bottom: none;

		-webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);

		box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);

		padding-top: 20px;

		padding-bottom: 20px;

	}



	.navbar-area.is-sticky .logo .white-logo {

		display: none;

	}



	.navbar-area.is-sticky .logo .black-logo {

		display: block;

	}



	.techit-responsive-nav {

		display: block;

	}



	.techit-responsive-nav .techit-responsive-menu {

		position: relative;

	}



	.techit-responsive-nav .techit-responsive-menu.mean-container .mean-nav ul {

		font-size: 15px;

	}



	.techit-responsive-nav .techit-responsive-menu.mean-container .mean-nav ul li a {

		font-size: 15px;

	}



	.techit-responsive-nav .techit-responsive-menu.mean-container .mean-nav ul li a.active {

		color: #568692;

	}



	.techit-responsive-nav .techit-responsive-menu.mean-container .mean-nav ul li li a {

		font-size: 15px;

	}



	.techit-responsive-nav .techit-responsive-menu.mean-container .navbar-nav {

		overflow-y: scroll;

		height: 270px;

		-webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);

		box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);

	}



	.techit-responsive-nav .techit-responsive-menu.mean-container .others-options {

		display: none;

	}



	.techit-responsive-nav .mean-container a.meanmenu-reveal {

		color: #505060;

	}



	.techit-responsive-nav .mean-container a.meanmenu-reveal span {

		background: #505060;

	}



	.techit-responsive-nav .logo {

		position: relative;

		width: 50%;

		z-index: 999;

	}



	.techit-responsive-nav .logo .white-logo {

		display: block;

	}



	.techit-responsive-nav .logo .black-logo {

		display: none;

	}



	.techit-nav {

		display: none;

	}

}



/**************************************

 ** - 04 - Home Section CSS

 **************************************/

.home-area {

	overflow: hidden;

	position: relative;

	z-index: 1;

	height: 700px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

	background-attachment: fixed;

	

}

/*

.home-area:before {

    content: "";

    position: absolute;

	z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

	background-color: #100426;

    background: url(../img/dot-shape.png) no-repeat center/cover;

}

*/



.svg-shape-bottom .bottom-shape {

	position: absolute;

	left: 0;

	right: 0;

	bottom: -5px;

	z-index: -1;

	width: 100%;

	margin: 0 auto;

}

.grey-cr {

    height: 500px;

    width: 500px;

    border-radius: 500px;

    position: absolute;

    bottom: -20%;

    left: -10%;

	z-index: -1;

    background: rgb(215, 215, 215, 0.17);

}

.main-banner-content {

	padding-top: 70px;

}



.main-banner-content h3 {

	font-size: 15px;

    color: #3e57d0;

    margin: 0 0 15px 0;

    font-weight: 600;

    padding: 6px 25px;

    background: #ffffff;

    display: inline-block;

    border-radius: 50px;

    text-transform: uppercase;

    word-spacing: 5px;

    letter-spacing: 0.5px;

}



.main-banner-content h1 {

	font-size: 42px;

	color: #2E3063;

	margin: 0 0 20px 0;

	font-weight: 700;

}



.main-banner-content p {

	color: #333;

	font-size: 16px;

	margin: 0 0 0 0;

}

.nakouknu-span {
	
	color: #588893;
	font-family: 'SF Pro Rounded Regular';
	font-weight: 700;
}



.main-banner-content .banner-btn {

	margin-top: 25px;

}



.home-area .banner-image {

    text-align: center;

    padding-top: 70px;

}



.home-area .creative-shape {

    position: absolute;

    bottom: -5px;

    left: 0;

    width: 100%;

    height: auto;

    z-index: -1;

}



/**************************************

 ** - 05 - About Section CSS

 **************************************/

.about-area {

	position: relative;

	z-index: 1;

}

.about-content {

    margin-left: 0px;
	text-align: center;

}

.about-content h6 {

	color: #568692;

	font-size: 15px;

	font-weight: 700;

	margin-bottom: 10px;

	text-transform: uppercase;

	letter-spacing: 0.5px;

}

.about-content h2 {

	font-size: 38px;

	font-weight: 700;

	margin-bottom: 20px;

}



.about-content p {

	margin-bottom: 15px;

}



.about-content .about-feature-list {

    margin-top: 20px;

}



.about-content .about-feature-list li {

	color: #747576;

    margin-bottom: 10px;

}



.about-content .about-feature-list li:last-child {

    margin-bottom: 0px;

}



.about-content .about-feature-list i {

	color: #568692;

    font-size: 14px;

    display: inline-block;

    height: 30px;

    width: 30px;

    line-height: 30px;

    margin-right: 10px;

    background-color: transparent;

    border-left: 1px solid rgb(0, 0, 0, 0.1);

    border-radius: 50px;

    -webkit-transition: all 400ms ease-out;

    transition: all 400ms ease-out;

    text-align: center;

    background: -webkit-gradient(90deg, rgb(215, 215, 215, 0.03) 0%, rgb(215, 215, 215, 0.0) 100%);

    background: linear-gradient(90deg, rgb(215, 215, 215, 0.3) 0%, rgb(215, 215, 215, 0.0) 100%);

}

.about-content .default-btn {

    margin-top: 10px;

}



.about-image {

    text-align: center;

}

.about-image img {

	border-radius: 3px;

}



.about-area .skills {

	margin-top: 30px;

}

.about-area .skills .skill-item {

	margin-bottom: 25px;

}



.about-area .skills .skill-item:last-child {

	margin-bottom: 0px;

}



.about-area .skills .skill-item h6 {

	position: relative;

	z-index: 4;

	font-size: 15px;

	text-transform: capitalize;

	font-weight: 600;

	margin-bottom: 10px;

}

.about-area .skills .skill-item h6 em {

	float: right;

	font-size: 15px;

	font-style: normal;

}

.about-area .skills .skill-item .skill-progress {

	position: relative;

	height: 5px;

	border-radius: 5px;

	background: #f1f1fa;

}

.about-area .skills .skill-item .skill-progress .progres {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 10%;

	background-color: #568692;

	-webkit-transition: all 1.5s;

	transition: all 1.5s;

}



.about-image .waves-box {

    position: absolute;

    left: 50%;

    top: 50%;

    z-index: 1;

    -webkit-transform: translateY(-50%) translateX(-50%);

    transform: translateY(-50%) translateX(-50%);

}

.about-image .iq-video {

    background: #3F51B5;

    display: inline-block;

    width: 70px;

    height: 70px;

    text-align: center;

    font-size: 30px;

    color: #fff;

    border-radius: 100%;

    line-height: 70px;

    z-index: 9;

    position: relative;

}

.about-image .iq-video:hover {

    background: #fff;

    color: #3F51B5;

}

.about-image .iq-video i {

	margin-left: 5px;

}

.about-image .iq-waves {

	position: absolute;

	left: -30px;

	top: -30px;

	z-index: 2;

}

.about-image .iq-waves .waves {

	position: absolute;

	width: 130px;

	height: 130px;

    background: rgba(255, 255, 255, 0.65);

	opacity: 0;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	border-radius: 50%;

	background-clip: padding-box;

	-webkit-animation: waves 3s ease-in-out infinite;

	animation: waves 3s ease-in-out infinite;

}

.about-image .iq-waves .wave-1 {

	-webkit-animation-delay: 0s;

	animation-delay: 0s;

}

.about-image .iq-waves .wave-2 {

	-webkit-animation-delay: 1s;

	animation-delay: 1s;

}

.about-image .iq-waves .wave-3 {

	-webkit-animation-delay: 2s;

	animation-delay: 2s;

}

.footer-whitespace {
	
	width: 100%;
	height: 79px;
}

@-webkit-keyframes waves {

	0% {

		-webkit-transform: scale(0.2, 0.2);

		transform: scale(0.2, 0.2);

		opacity: 0;

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	}

	50% {

		opacity: 0.9;

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

	}

	100% {

		-webkit-transform: scale(0.9, 0.9);

		transform: scale(0.9, 0.9);

		opacity: 0;

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	}

}

@keyframes waves {

	0% {

		-webkit-transform: scale(0.2, 0.2);

		transform: scale(0.2, 0.2);

		opacity: 0;

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	}

	50% {

		opacity: 0.9;

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

	}

	100% {

		-webkit-transform: scale(0.9, 0.9);

		transform: scale(0.9, 0.9);

		opacity: 0;

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	}

}



.about-image .years-design {

    position: absolute;

    left: 0px;

    bottom: 0px;

    right: 0px;text-align: left;

    padding: 10px 40px 20px 40px;

    background: #ffffff;

    border-bottom: 3px solid #568692;

	-webkit-box-shadow: -1px 3px 20px 0px rgb(82, 90, 101, 0.1);

	box-shadow: -1px 3px 20px 0px rgb(82, 90, 101, 0.1);

}



.about-image .years-design h2 {

    font-size: 75px;

    font-weight: 700;

    background: url(../img/banner-bg.jpg) no-repeat;

    background-position: 50% 65%;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    line-height: 1;

    margin: 0;

}

.about-image .years-design h5 {

    color: #568692;

    font-size: 18px;

    font-weight: 600;

    margin-top: 10px;

}



/**************************************

 ** - 06 - Features Section CSS

 **************************************/

.features-section .section-title {

	margin-bottom: 35px;

}



.single-features-item {

	position: relative;

	z-index: 1;

	display: block;

	padding: 40px 25px;

	text-align: center;

	border-radius: 5px;

	background-color: #ffffff;

	margin-top: 30px;

	overflow: hidden;

	-webkit-box-shadow: 0px 2px 25px 0px rgb(110, 110, 110, 0.12);

    -moz-box-shadow: 0px 2px 25px 0px rgb(110, 110, 110, 0.12);

    box-shadow: 0px 2px 25px 0px rgb(110, 110, 110, 0.12);

    -webkit-transition: all 500ms ease-out;

    transition: all 500ms ease-out;
	
	height: 400px;

}



.single-features-item:hover {

	-webkit-transform: translateY(-10px);

	transform: translateY(-10px);

}



.features-icon {

    display: inline-block;

    margin-bottom: 25px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    will-change: transform;

}



.single-features-item:hover .features-icon i{

    -webkit-transform: rotateY(180deg);

    transform: rotateY(180deg);

}



.features-icon i {

    color: #568692;

	font-size: 38px;

	width: 75px;

    height: 75px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: auto;

    background: rgb(215, 215, 215, 0.17);

    border-radius: 50%;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.features-icon h3 {

    color: #568692;

	font-size: 38px;

	width: 75px;

    height: 75px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: auto;

    background: rgb(215, 215, 215, 0.17);

    border-radius: 50%;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.single-features-item h3 {

	font-size: 18px;

    font-weight: 600;

	margin-bottom: 0;

    -webkit-transition: all 400ms ease-out;

    transition: all 400ms ease-out;

}



.single-features-item h3 a {

	display: inline-block;

}



.single-features-item p {

	font-size: 15px;

	margin-top: 15px;

	margin-bottom: 0;

    -webkit-transition: all 400ms ease-out;

    transition: all 400ms ease-out;

    will-change: transform;

}



.single-features-item .features-btn-link {

	margin-top: 16px;

}



.single-features-item .features-btn-link .features-link {

    display: inline-block;

    font-size: 16px;

    color: #568692;

	letter-spacing: 0.5px;

    font-weight: 600;

    -webkit-transition: all 400ms ease-out;

    transition: all 400ms ease-out;

	text-decoration: underline;

}



/**************************************

 ** - 07 - Skill Section CSS

 **************************************/

.skill-area {

	position: relative;

	z-index: 1;

}

.skill-content {

    margin-left: 0px;

}



.skill-content h6 {

	color: #568692;

	font-size: 15px;

	font-weight: 700;

	margin-bottom: 10px;

	text-transform: uppercase;

	letter-spacing: 0.5px;

}

.skill-content h2 {

	font-size: 38px;

	font-weight: 700;

	margin-bottom: 20px;

}



.skill-content p {

	margin-bottom: 15px;

}



.skill-image {

    text-align: center;

}

.skill-image img {

	border-radius: 3px;

}



.skill-area .skills {

	margin-top: 30px;

}

.skill-area .skills .skill-item {

	margin-bottom: 25px;

}



.skill-area .skills .skill-item:last-child {

	margin-bottom: 0px;

}



.skill-area .skills .skill-item h6 {

	position: relative;

	z-index: 4;

	font-size: 15px;

	text-transform: capitalize;

	font-weight: 600;

	margin-bottom: 10px;

}

.skill-area .skills .skill-item h6 em {

	float: right;

	font-size: 15px;

	font-style: normal;

}

.skill-area .skills .skill-item .skill-progress {

	position: relative;

	height: 5px;

	border-radius: 5px;

	background: #f1f1fa;

}

.skill-area .skills .skill-item .skill-progress .progres {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 10%;

	background-color: #568692;

	-webkit-transition: all 1.5s;

	transition: all 1.5s;

}



/**************************************

 ** - 08 - Services Section CSS

 **************************************/

.services-section .section-title {

	margin-bottom: 35px;

}



.single-services-item {

	position: relative;

	z-index: 1;

	display: block;

	padding: 35px 30px;

	text-align: center;

	border-radius: 5px;

	background-color: #ffffff;

	margin-top: 30px;

	overflow: hidden;

	-webkit-box-shadow: 0px 2px 25px 0px rgb(110, 110, 110, 0.12);

    -moz-box-shadow: 0px 2px 25px 0px rgb(110, 110, 110, 0.12);

    box-shadow: 0px 2px 25px 0px rgb(110, 110, 110, 0.12);

    -webkit-transition: all 500ms ease-out;

    transition: all 500ms ease-out;

}



.single-services-item:before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0px;

    left: 0px;

	z-index: -1;

    background-color: #568692;

    background-image: linear-gradient(-135deg, #611bdd 0%, #568692 100%);

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    opacity: 0;

}

.single-services-item.active:before, .single-services-item:hover:before {

    opacity: 1;

}



.services-icon {

	width: 85px;

    height: 85px;

	padding: 17px 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: auto;

    margin-bottom: 25px;

    border-radius: 50%;

    background: -webkit-gradient(90deg, rgb(215, 215, 215, 0.03) 0%, rgb(215, 215, 215, 0.2) 100%);

    background: linear-gradient(90deg, rgb(215, 215, 215, 0.03) 0%, rgb(215, 215, 215, 0.2) 100%);

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.services-icon img {

}



.single-services-item h3 {

	font-size: 18px;

    font-weight: 600;

	margin-bottom: 0;

    -webkit-transition: all 400ms ease-out;

    transition: all 400ms ease-out;

}



.single-services-item h3 a {

	display: inline-block;

}



.single-services-item p {

	font-size: 15px;

	margin-top: 15px;

	margin-bottom: 0;

    -webkit-transition: all 400ms ease-out;

    transition: all 400ms ease-out;

    will-change: transform;

}



.single-services-item .services-btn-link {

	margin-top: 16px;

}



.single-services-item .services-btn-link .services-link {

    display: inline-block;

    font-size: 16px;

    color: #568692;

    font-weight: 600;

	text-decoration: underline;

    -webkit-transition: all 400ms ease-out;

    transition: all 400ms ease-out;

}



.single-services-item:hover {

	-webkit-transform: translateY(-5px);

	transform: translateY(-5px);

}



.single-services-item:hover .services-icon {

    background: #fff;

}



.single-services-item:hover h3 {

	color: #fff;

}

.single-services-item:hover p {

	color: #fff;

}

.single-services-item:hover .services-btn-link .services-link {

	color: #fff;

}



/************************************************

 ** - 09 - Services Details CSS

 ************************************************/

.services-details-image {

	text-align: center;

    margin-bottom: 40px;

}

.services-details-image img {

    border-radius: 5px;

}



.services-details-content h3 {

    font-size: 25px;

    margin-bottom: 15px;

}

.services-details-content .features-text {

    margin-top: 20px;

}



.services-details-content .features-text h4 {

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 12px;

}



.services-details-content .features-text .service-features-list {

    margin-bottom: 25px;

}



.services-details-content .features-text .service-features-list li {

	color: #747576;

    margin-bottom: 10px;

}



.services-details-content .features-text .service-features-list li:last-child {

    margin-bottom: 0px;

}



.services-details-content .features-text .service-features-list i {

	color: #568692;

    font-size: 12px;

    display: inline-block;

    height: 30px;

    width: 30px;

    line-height: 30px;

    margin-right: 10px;

    background-color: transparent;

    border-left: 1px solid rgb(0, 0, 0, 0.2);

    border-radius: 50px;

    -webkit-transition: all 400ms ease-out;

    transition: all 400ms ease-out;

    text-align: center;

}



.services-widget .widget {

	padding: 30px 25px;

	margin-top: 35px;

    border-radius: 5px;

	background-color: rgb(11, 11, 49, 0.05);

}



.services-widget .widget:first-child {

	margin-top: 0;

}



.services-widget .widget .widget-title {

	position: relative;

	font-size: 22px;

	padding-bottom: 10px;

	margin-bottom: 30px;

	text-transform: capitalize;

	border-bottom: 1px solid #ffffff;

}



.services-widget .widget .widget-title::before {

	content: '';

	position: absolute;

	bottom: -1px;

	left: 0;

	width: 50px;

	height: 1px;

	background-color: #568692;

}



.services-widget .widget_categories ul {

	padding-left: 0;

	margin-bottom: 0;

	list-style-type: none;

}



.services-widget .widget_categories ul li {

	position: relative;

	color: #747576;

	font-size: 15px;

	font-weight: 600;

	margin-bottom: 12px;

}



.services-widget .widget_categories ul li:last-child {

	margin-bottom: 0;

}





.services-widget .widget_categories ul li a {

	color: #ffffff;

	font-size: 15px;

	font-weight: 600;

    padding: 12px 15px;

    display: block;

    border-radius: 5px;

    background-color: #568692;

    transition: all ease 350ms;

    -moz-transition: all ease 350ms;

    -webkit-transition: all ease 350ms;

}



.services-widget .widget_categories ul li a:hover {

	color: #ffffff;

    background-color: #3e57d0;

}

.widget_download_btn a {

    padding: 12px 20px;

    display: block;

    border-radius: 5px;

}

.widget_download_btn a:first-child {

    margin: 0 0 12px;

}



/**************************************

 ** - 10 - Overview Section CSS

 **************************************/

.overview-content h6 {

    color: #568692;

    font-size: 15px;

    font-weight: 700;

    margin-bottom: 10px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

}



.overview-content h2 {

	color: #505060;

	font-size: 33px;

	font-weight: 700;

	margin: 8px 0 15px 0;

}



.overview-content p {

	margin: 0 0 0 0;

}



.overview-content .features-list {

	display: -ms-flexbox;

	display: -webkit-box;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	padding-left: 0;

	list-style-type: none;

	margin-bottom: 0;

	margin-top: 16px;

	margin-left: -10px;

	margin-right: -10px;

}



.overview-content .features-list li {

	-ms-flex: 0 0 50%;

	-webkit-box-flex: 0;

	flex: 0 0 50%;

	max-width: 50%;

	margin-top: 25px;

	padding-left: 10px;

	padding-right: 10px;

}



.overview-content .features-list li span {

	position: relative;

	z-index: 1;

	color: #505060;

	font-size: 15px;

	font-weight: 600;

	padding: 15px 15px;

	padding-left: 20px;

	display: block;

	background-color: #ffffff;

	border-radius: 5px 5px;

	-webkit-box-shadow: -1px 3px 20px 0px rgb(82, 90, 101, 0.1);

	box-shadow: -1px 3px 20px 0px rgb(82, 90, 101, 0.1);

	overflow: hidden;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.overview-content .features-list li span:hover {

	color: #ffffff;

	padding-left: 25px;

}

.overview-content .features-list li span.active {

    color: #fff;

	padding-left: 25px;

}



.overview-content .features-list li span::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

    right: 100%;

	bottom: 0;

	border-radius: 5px 5px;

	background-color: #568692;

	background-image: linear-gradient(-135deg, #611bdd 0%, #568692 100%);

	z-index: -1;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.overview-content .features-list li span.active:before {

    right: 0;

}

.overview-content .features-list li span:hover::before {

	right: 0;

}



.overview-image {

	text-align: center;

}



/**************************************

 ** - 11 - Counter Section CSS

 **************************************/

.counter-area {

	text-align: center;

	position: relative;

	z-index: 1;

	color: #fff;

	text-align: center;

	background: url(../img/banner-bg.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	background-attachment: fixed;

}

.counter-area::after {

	content: "";

	position: absolute;

	z-index: -1;

	top: 0;

	left: 0;

	padding: 0;

	height: 100%;

	width: 100%;

	opacity: 0.3;

	background-color: #111428;

}

.counter-area .section-title h5 {

	color: #ffffff;

}

.counter-area .section-title h2 {

	color: #fff;

}

.counter-contents h2 {

	color: #fff;

	font-size: 45px;

	font-weight: 700;

	margin-bottom: 5px;

	word-spacing: -10px;

}

.counter-contents h3 {

	color: #fff;

	font-size: 18px;

	font-weight: 600;

}



/**************************************

 ** - 12 - Projects Section CSS

 **************************************/

.project-area {

	position: relative;

}



.project-area .project-list {

	text-align: center;

	margin-bottom: 25px;

}



.project-area .project-list .nav {

	display: inline-block;

	margin: 0;

	position: relative;

}



.project-area .project-list .nav li {

	display: inline-block;

    font-size: 16px;

    font-weight: 600;

    text-transform: capitalize;

    margin: 0 10px;

    padding: 12px 30px;

    background-color: #fff;

    cursor: pointer;

    border-radius: 3px;

    -webkit-box-shadow: 0px 5px 30px 0px rgba(148, 146, 245, 0.15);

    box-shadow: 0px 5px 30px 0px rgba(148, 146, 245, 0.15);

    transition: all 0.4s ease 0s;

	-moz-transition: all 0.5s ease-in-out 0s;

	-ms-transition: all 0.5s ease-in-out 0s;

	-o-transition: all 0.5s ease-in-out 0s;

	-webkit-transition: all 0.5s ease-in-out 0s;

	transition: all 0.5s ease-in-out 0s;

}



.project-area .project-list .nav li:hover, .project-area .project-list .nav li.filter-active {

    color: #fff;

    background-color: #568692;

	-moz-transition: all 0.5s ease-in-out 0s;

	-ms-transition: all 0.5s ease-in-out 0s;

	-o-transition: all 0.5s ease-in-out 0s;

	-webkit-transition: all 0.5s ease-in-out 0s;

	transition: all 0.5s ease-in-out 0s;

}



.project-area .project-container {

	display: inline-block;

	width: 100%;

}



.project-area .project-grid-item {

	overflow: hidden;

}



.project-grid-item img {

	width: 100%;

    border-radius: 3px;

}



.project-item {

	position: relative;

	display: block;

	overflow: hidden;

    border-radius: 0px;

	margin-top: 30px;

}



.project-item .project-content-overlay {

    position: absolute;

    z-index: 2;

    left: 10px;

    right: 10px;

    bottom: -20px;

    background-color: #fff;

    border-radius: 3px;

    padding: 20px 20px;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}

.project-item .project-content-overlay p {

    color: #568692;

    font-size: 14px;

    font-weight: 700;

    margin-bottom: 0;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateX(-15px);

    transform: translateX(-15px);

    -webkit-transition: all .4s;

    transition: all .4s;

}

.project-item .project-content-overlay h3 {

    color: #1b1b1b;

    font-size: 18px;

    font-weight: 700;

    margin-top: 5px;

    margin-bottom: 0;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateX(15px);

    transform: translateX(15px);

    -webkit-transition: all .4s;

    transition: all .4s;

}

.project-item:hover .project-content-overlay p,

.project-item:hover .project-content-overlay h3 {

	opacity: 1;

	visibility: visible;

	-webkit-transform: translateY(0px);

	transform: translateY(0px);

	-webkit-transition-delay: .3s;

	transition-delay: .3s;

}

.project-item:hover .project-content-overlay {

    bottom: 10px;

    opacity: 1;

    visibility: visible;

}



/************************************************

 ** - 13 - Projects Details CSS

 ************************************************/

.projects-details-image {

	text-align: center;

	margin-bottom: 45px;

}

.projects-details-desc h2 {

	margin-bottom: 20px;

    font-size: 33px;

    font-weight: 700;

}



.projects-details-desc h3 {

	margin-bottom: 13px;

	font-size: 25px;

}



.projects-details-desc .features-text {

	margin-top: 25px;

	margin-bottom: 25px;

}



.projects-details-desc .features-text h4 {

	margin-bottom: 12px;

	font-size: 20px;

	font-weight: 600;

}



.projects-details-desc .features-text h4 i {

	font-size: 16px;

	margin-right: 4px;

	color: #568692;

}



.projects-details-desc .project-details-info {

	display: -ms-flexbox;

	display: -webkit-box;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	margin-right: -15px;

	margin-left: -15px;

	margin-top: 35px;

}



.projects-details-desc .project-details-info .single-info-box {

	-ms-flex: 0 0 20%;

	-webkit-box-flex: 0;

	flex: 0 0 20%;

	max-width: 20%;

	padding-left: 15px;

	padding-right: 15px;

}



.projects-details-desc .project-details-info .single-info-box h4 {

	font-size: 18px;

	font-weight: 600;

	margin-bottom: 15px;

}



.projects-details-desc .project-details-info .single-info-box span {

	display: block;

	color: #333;

	font-size: 15px;

}



.projects-details-desc .project-details-info .single-info-box .social {

	padding-left: 0;

	margin-bottom: 0;

	list-style-type: none;

}



.projects-details-desc .project-details-info .single-info-box .social li {

	display: inline-block;

	margin-right: 8px;

}



.projects-details-desc .project-details-info .single-info-box .social li a {

	color: #568692;

	display: inline-block;

	background: transparent;

	width: 35px;

	height: 35px;

	line-height: 35px;

	text-align: center;

	border: 1px dashed #568692;

	border-radius: 25px;

}



.projects-details-desc .project-details-info .single-info-box .social li a:hover {

	color: #fff;

	background-color: #568692;

}



.projects-details-desc .project-details-info .single-info-box .default-btn {

	padding: 10px 30px;

}



/**************************************

 ** - 14 - Team Section CSS

 **************************************/

.team-area {

}



.team-area .section-title {

	margin-bottom: 35px;

}

.single-team-box {

	margin-top: 30px;

	overflow: hidden;

    background-color: #fff;

    border-radius: 5px;

	-webkit-box-shadow: 0px 2px 30px 0px rgb(82, 90, 101, 0.1);

	box-shadow: 0px 2px 30px 0px rgb(82, 90, 101, 0.1);

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.team-image {

	position: relative;

    z-index: 1;

    border-radius: 5px;

    overflow: hidden;

    margin: 0 auto;

}



.team-image::before {

    content: "";

    position: absolute;

    z-index: 2;

    top: 0;

    left: 0;

    padding: 0;

    height: 100%;

    width: 100%;

    opacity: 0;

    visibility: hidden;

    background-color: #000;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.single-team-box:hover .team-image::before {

    opacity: .8;

    visibility: visible;

}



.single-team-box .team-image img {

	width: 100%;

	height: auto;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}



.single-team-box:hover .team-image img {

	-webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}



.team-social-icon {

    position: absolute;

    z-index: 5;

    bottom: -50px;

    width: 100%;

	text-align: center;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.single-team-box:hover .team-social-icon {

    bottom: 20px;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}



.team-social-icon a {

    margin: 5px;

    color: #568692;

	font-size: 16px;

	display: inline-block;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

	will-change: transform;

}

.team-social-icon a i {

    width: 30px;

    height: 30px;

    line-height: 30px;

    background: #ffffff;

	border-radius: 3px;

}



.team-info {

    padding: 20px 15px 20px;

    text-align: center;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.team-info h3 {

	color: #333;

	font-size: 18px;

	font-weight: 600;

	margin-bottom: 5px;

}

.team-info span {

	color: #568692;

	font-size: 15px;

	font-weight: 500;

	display: block;

}



/**************************************

 ** - 15 - Testimonial Section CSS

 **************************************/

.testimonial-section {

	text-align: center;

	position: relative;

	z-index: 1;

}



.single-testimonial {

	position: relative;

	background: #fff;

	padding: 30px 15px;

	border-radius: 5px;

}



.single-testimonial .testimonial-content {

	margin-bottom: 25px;

	text-align: center;

}



.single-testimonial .rating-box {

	margin-bottom: 10px;

}

.rating-box ul li {

	display: inline-block;

	margin-right: 0px;

}



.rating-box ul li i {

	color: #ffce39;

	font-size: 16px;

}



.single-testimonial .testimonial-content p {

	font-size: 15px;

	color: #333;

	font-style: italic;

	line-height: 1.8;

	letter-spacing: 1px;

}



.single-testimonial .avatar {

	margin: 0 auto;

	margin-bottom: 15px;

}



.single-testimonial .avatar img {

	border-radius: 50%;

	border: 5px solid #f8f8f8;

	width: 90px;

	margin: 0 auto;

}



.single-testimonial .testimonial-bio {

	text-align: center;

}



.single-testimonial .testimonial-bio .bio-info h3 {

	color: #333;

	font-size: 18px;

	font-weight: 600;

	margin-top: 0;

}



.single-testimonial .testimonial-bio .bio-info span {

	color: #333;

	font-size: 15px;

	font-weight: 500;

}



.testimonial-slider.owl-theme .owl-nav {

	opacity: 0;

	visibility: hidden;

	margin-top: 0;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.testimonial-slider.owl-theme .owl-nav [class*=owl-] {

	position: absolute;

	left: 10px;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	margin: 0;

	padding: 0;

	background-color: #fff;

	-webkit-transition: 0.4s;

	transition: 0.4s;

	color: #333;

	font-size: 18px;

	width: 50px;

	height: 45px;

	line-height: 50px;
	
	display: none;

}

.footer-freepik {
	
	text-align: right;
	font-size: 10px;
}

.footer-nav-links li {
	
	text-align: right;
}



.testimonial-slider.owl-theme .owl-nav [class*=owl-].owl-next {

	left: auto;

	right: 10px;

}



.testimonial-slider.owl-theme .owl-nav [class*=owl-]:hover {

	color: #568692;

	background-color: transparent;

}



.testimonial-slider.owl-theme .owl-dots {

	line-height: .01;

	margin-top: 30px;

	margin-bottom: 0;

}



.testimonial-slider.owl-theme .owl-dots .owl-dot span {

	width: 10px;

	height: 10px;

	margin: 0 4px;

	background-color: #fff;

	-webkit-transition: 0.4s;

	transition: 0.4s;

	border-radius: 30px;

}



.testimonial-slider.owl-theme .owl-dots .owl-dot:hover span {

	background-color: #568692;

}



.testimonial-slider.owl-theme .owl-dots .owl-dot.active span {

	background-color: #568692;

}



.testimonial-slider.owl-theme:hover .owl-nav {

	opacity: 1;

	visibility: visible;

}



/**************************************

 ** - 16 - Hire Section CSS

 **************************************/

.hire-section {

	position: relative;

	z-index: 1;

	background-color: #0000FF;

	text-align: center;

	padding: 30px 0 40px 0;

}



.hire-section::before {

	content: "";

	position: absolute;

    z-index: -1;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	opacity: 0.3;

	background-color: #111428;

}



.hire-content h6 {

	font-size: 16px;

	font-weight: 600;

	color: #568692;

	letter-spacing: 0.5px;

	text-transform: uppercase;

}



.hire-content h2 {

	font-size: 33px;

	color: #fff;

	margin: 0;

	font-weight: 700;

}



.hire-content p {

	color: #fff;

	font-size: 16px;

	margin: 20px 0 0 0;

}



.hire-content .hire-btn {

	margin-top: 20px;

}



.hire-content .hire-btn .default-btn {

    margin-right: 15px;

}



/**************************************

 ** - 17 - Blog Section CSS

 **************************************/

.blog-single-item {

	border-radius: 5px;

	overflow: hidden;

	background-color: #ffffff;

	position: relative;

	margin-bottom: 30px;

	-webkit-box-shadow: 0px 2px 30px 0px rgb(82, 90, 101, 0.1);

	box-shadow: 0px 2px 30px 0px rgb(82, 90, 101, 0.1);

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.blog-single-item .blog-description {

	border-top: none;

	text-align: center;

	padding: 25px 20px;

}



.blog-single-item .blog-description .blog-list {

	padding-left: 0;

	margin-bottom: 10px;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.blog-single-item .blog-description .blog-list li {

	list-style-type: none;

	display: inline-block;

	font-size: 15px;

	font-weight: 500;

	margin-right: 15px;

	color: #568692;

}



.blog-single-item .blog-description .blog-list li:last-child {

	margin-right: 0;

}



.blog-single-item .blog-description .blog-list li i {

	margin-right: 3px;

	position: relative;

	top: -1px;

}



.blog-single-item .blog-description .blog-list li i::before {

	font-size: 15px;

}



.blog-single-item .blog-description .blog-list a {

	color: #568692;

	text-decoration: none;

}



.blog-single-item .blog-description .blog-content {

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.blog-single-item .blog-description .blog-content h3 {

	color: #505060;

	font-size: 18px;

	margin-bottom: 15px;

	line-height: 25px;

	-webkit-transition: 0.4s;

	transition: 0.4s;

	line-height: 32px;

	font-weight: 600;

	display: inline-block;

}



.blog-single-item .blog-description .blog-content h3:hover {

	color: #568692;

	-webkit-transition: 0.5s;

	transition: 0.5s;

	text-decoration: none;

}



.blog-single-item .blog-description .blog-content p {

	margin: 0;

	font-size: 15px;

	color: #6a6c72;

}



.blog-single-item .blog-description .blog-content a {

	text-decoration: none;

}



.blog-single-item .blog-description .blog-content .blog-btn {

	margin-top: 20px;

}



.blog-single-item:hover .blog-content h3 {

	color: #568692;

}



/**************************************

 ** - 18 - Blog Details CSS

 **************************************/

.blog-details-desc .article-content {

	margin-top: 30px;

}



.blog-details-desc .article-content .entry-meta {

	margin-bottom: -8px;

}



.blog-details-desc .article-content .entry-meta ul {

	padding-left: 0;

	margin-bottom: 0;

	list-style-type: none;

}



.blog-details-desc .article-content .entry-meta ul li {

	position: relative;

	display: inline-block;

	color: #505060;

	margin-right: 21px;

}



.blog-details-desc .article-content .entry-meta ul li span {

	display: inline-block;

	color: #505060;

	font-weight: 500;

}



.blog-details-desc .article-content .entry-meta ul li a {

	display: inline-block;

	color: #5f5f5f;

}



.blog-details-desc .article-content .entry-meta ul li a:hover {

	color: #568692;

}



.blog-details-desc .article-content .entry-meta ul li i {

	color: #568692;

	margin-right: 2px;

}



.blog-details-desc .article-content .entry-meta ul li::before {

	content: '';

	position: absolute;

	top: 12px;

	right: -15px;

	width: 6px;

	height: 1px;

	background: #568692;

}



.blog-details-desc .article-content .entry-meta ul li:last-child {

	margin-right: 0;

}



.blog-details-desc .article-content .entry-meta ul li:last-child::before {

	display: none;

}



.blog-details-desc .article-content h3 {

	margin-bottom: 15px;

	margin-top: 25px;

	font-size: 24px;

}



.blog-details-desc .article-content .wp-block-gallery.columns-3 {

	padding-left: 0;

	list-style-type: none;

	display: -ms-flexbox;

	display: -webkit-box;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	margin-right: -10px;

	margin-left: -10px;

	margin-bottom: 30px;

	margin-top: 30px;

}



.blog-details-desc .article-content .wp-block-gallery.columns-3 li {

	-ms-flex: 0 50%;

	-webkit-box-flex: 0;

	flex: 0 50%;

	max-width: 50%;

	padding-right: 10px;

	padding-left: 10px;

}



.blog-details-desc .article-content .wp-block-gallery.columns-3 li figure {

	margin-bottom: 0;

}



.blog-details-desc .article-footer {

	display: -ms-flexbox;

	display: -webkit-box;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	margin-top: 30px;

}



.blog-details-desc .article-footer .article-tags {

	-ms-flex: 0 0 50%;

	-webkit-box-flex: 0;

	flex: 0 0 50%;

	max-width: 50%;

	color: #5f5f5f;

}



.blog-details-desc .article-footer .article-tags span {

	display: inline-block;

	color: #333;

	font-size: 15px;

	font-weight: 600;

	margin-right: 5px;

}



.blog-details-desc .article-footer .article-tags a:last-child {

    margin-right: 0px;

}

.blog-details-desc .article-footer .article-tags a {

    display: inline-block;

    color: #568692;

    font-weight: 600;

    font-size: 14px !important;

    padding: 6px 13px;

    border: 1px solid #568692;

    background: transparent;

    margin-top: 8px;

    margin-right: 5px;

    border-radius: 50px;

}



.blog-details-desc .article-footer .article-tags a:hover {

    color: #ffffff;

    background-color: #568692;

    border-color: #568692;

}



.blog-details-desc .article-footer .article-share {

	-ms-flex: 0 0 50%;

	-webkit-box-flex: 0;

	flex: 0 0 50%;

	max-width: 50%;

}



.blog-details-desc .article-footer .article-share .social {

	padding-left: 0;

	list-style-type: none;

	text-align: right;

	margin-bottom: 0;

}



.blog-details-desc .article-footer .article-share .social li {

	display: inline-block;

	margin-right: 5px;

}

.blog-details-desc .article-footer .article-share .social li:last-child {

	margin-right: 0;

}



.blog-details-desc .article-footer .article-share .social li span {

	display: inline-block;

	margin-right: 5px;

	color: #333;

	font-size: 15px;

	font-weight: 600;

}



.blog-details-desc .article-footer .article-share .social li a {

    color: #568692;

    display: inline-block;

    background: transparent;

    width: 35px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    border: 1px dashed #568692;

    border-radius: 25px;

}



.blog-details-desc .article-footer .article-share .social li a i {

	font-size: 14px;

	line-height: 30px;

}



.blog-details-desc .article-footer .article-share .social li a:hover {

	color: #ffffff;

	background-color: #568692;

}



.blog-details-desc .post-navigation {

	margin-top: 30px;

}



blockquote, .blockquote {

	overflow: hidden;

	background-color: #fafafa;

	padding: 50px !important;

	position: relative;

	text-align: center;

	z-index: 1;

	margin-bottom: 20px;

	margin-top: 20px;

}



blockquote p, .blockquote p {

	color: #505060;

	line-height: 1.6;

	margin-bottom: 0;

	font-style: italic;

	font-weight: 500;

	font-size: 24px !important;

}



blockquote cite, .blockquote cite {

	display: none;

}



blockquote::before, .blockquote::before {

	color: #efefef;

	content: "\f10e";

	position: absolute;

	left: 50px;

	top: -50px;

	z-index: -1;

	font-family: "Font Awesome 5 Free";

	font-size: 140px;

	font-weight: 900;

}



blockquote::after, .blockquote::after {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	width: 3px;

	background-color: #568692;

	margin-top: 20px;

	margin-bottom: 20px;

}



.post-navigation {

	border-top: 1px solid #eeeeee;

	border-bottom: 1px solid #eeeeee;

	padding-top: 20px;

	padding-bottom: 20px;

}



.post-navigation .navigation-links {

	display: -ms-flexbox;

	display: -webkit-box;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

}



.post-navigation .navigation-links .nav-previous {

	-ms-flex: 0 0 50%;

	-webkit-box-flex: 0;

	flex: 0 0 50%;

	max-width: 50%;

}



.post-navigation .navigation-links .nav-previous a i {

	margin-right: 2px;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.post-navigation .navigation-links .nav-previous a:hover i {

	margin-right: 0;

}



.post-navigation .navigation-links .nav-next {

	-ms-flex: 0 0 50%;

	-webkit-box-flex: 0;

	flex: 0 0 50%;

	max-width: 50%;

	text-align: right;

}



.post-navigation .navigation-links .nav-next a i {

	margin-left: 2px;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.post-navigation .navigation-links .nav-next a:hover i {

	margin-left: 0;

}



.post-navigation .navigation-links div a {

	display: inline-block;

	font-weight: 600;

}



.comments-area {

	padding: 25px;

	margin-top: 30px;

	-webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);

	box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);

	background-color: #ffffff;

}



.comments-area .comments-title {

	position: relative;

	margin-bottom: 30px;

	line-height: initial;

	font-size: 24px;

	font-weight: 600;

}



.comments-area ol, .comments-area ul {

	padding: 0;

	margin: 0;

	list-style-type: none;

}



.comments-area .comment-list {

	padding: 0;

	margin: 0;

	list-style-type: none;

}



.comments-area .comment-body {

	border-bottom: 1px solid #eeeeee;

	padding-left: 65px;

	color: #505060;

	font-size: 14px;

	margin-bottom: 20px;

	padding-bottom: 20px;

}

.comments-area .comment-list .children {

    padding-left: 90px;

}

.comments-area .comment-body .reply {

	margin-top: 15px;

}



.comments-area .comment-body .reply a {

	border: 1px solid #ded9d9;

	color: #505060;

	display: inline-block;

	padding: 5px 20px;

	border-radius: 30px;

	text-transform: capitalize;

	position: relative;

	z-index: 1;

	font-size: 16px;

	font-weight: 600;

}



.comments-area .comment-body .reply a:hover {

	color: #ffffff;

	background-color: #568692;

	border-color: #568692;

}



.comments-area .comment-author {

	font-size: 17px;

	margin-bottom: 0.1em;

	position: relative;

	z-index: 2;

}



.comments-area .comment-author .avatar {

	height: 50px;

	left: -65px;

	position: absolute;

	width: 50px;

}



.comments-area .comment-author .fn {

	font-weight: 600;

}



.comments-area .comment-author .says {

	display: none;

}



.comments-area .comment-metadata {

	margin-bottom: .8em;

	color: #5f5f5f;

	letter-spacing: 0.01em;

	text-transform: uppercase;

	font-size: 13px;

	font-weight: 400;

}



.comments-area .comment-metadata a {

	color: #5f5f5f;

}



.comments-area .comment-metadata a:hover {

	color: #568692;

}



.comments-area .comment-respond {

	margin-top: 30px;

}



.comments-area .comment-respond .comment-reply-title {

	margin-bottom: 0;

	position: relative;

	font-size: 24px;

	font-weight: 600;

}



.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {

	display: inline-block;

}



.comments-area .comment-respond .comment-form {

	overflow: hidden;

}



.comments-area .comment-respond .comment-notes {

	margin-bottom: 0;

	margin-top: 10px;

}



.comments-area .comment-respond .comment-form-comment {

	margin-top: 20px;

    float: left;

    width: 100%;

    margin-bottom: 25px;

}



.comments-area .comment-respond label {

	display: block;

	font-weight: 600;

	color: #505060;

	margin-bottom: 5px;

}



.comments-area .comment-respond input[type="date"], .comments-area .comment-respond input[type="time"], .comments-area .comment-respond input[type="datetime-local"], .comments-area .comment-respond input[type="week"], .comments-area .comment-respond input[type="month"], .comments-area .comment-respond input[type="text"], .comments-area .comment-respond input[type="email"], .comments-area .comment-respond input[type="url"], .comments-area .comment-respond input[type="password"], .comments-area .comment-respond input[type="search"], .comments-area .comment-respond input[type="tel"], .comments-area .comment-respond input[type="number"], .comments-area .comment-respond textarea {

	display: block;

	width: 100%;

	background-color: #ffffff;

	border: 1px solid #eeeeee;

	padding: 0.625em 0.7375em;

	outline: 0;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.comments-area .comment-respond input[type="date"]:focus, .comments-area .comment-respond input[type="time"]:focus, .comments-area .comment-respond input[type="datetime-local"]:focus, .comments-area .comment-respond input[type="week"]:focus, .comments-area .comment-respond input[type="month"]:focus, .comments-area .comment-respond input[type="text"]:focus, .comments-area .comment-respond input[type="email"]:focus, .comments-area .comment-respond input[type="url"]:focus, .comments-area .comment-respond input[type="password"]:focus, .comments-area .comment-respond input[type="search"]:focus, .comments-area .comment-respond input[type="tel"]:focus, .comments-area .comment-respond input[type="number"]:focus, .comments-area .comment-respond textarea:focus {

	border-color: #568692;

}



.comments-area .comment-respond .comment-form-author {

	float: left;

    width: 50%;

    padding-right: 10px;

    margin-top: 20px;

    margin-bottom: 0;

}



.comments-area .comment-respond .comment-form-email {

    float: left;

    width: 50%;

    padding-left: 12px;

    margin-top: 20px;

    margin-bottom: 0;

}



.comments-area .comment-respond .form-submit {

	float: left;

	width: 100%;

}



.comments-area .comment-respond .form-submit input {

	color: #ffffff;

	font-size: 14px;

	font-weight: 600;

	padding: 10px 30px;

	display: inline-block;

	cursor: pointer;

	outline: 0;

	border: none;

	border: none;

	border-radius: 0;

	background-color: #568692;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.comments-area .comment-respond .form-submit input:hover, .comments-area .comment-respond .form-submit input:focus {

	color: #ffffff;

	background-color: #505060;

}



/************************************************

 ** - 18 - Blog Page Sidebar Widget CSS

 ************************************************/

.widget-area .widget {

	padding: 30px 25px;

    border-radius: 5px;

	margin-top: 35px;

	background-color: rgb(11, 11, 49, 0.05);

}



.widget-area .widget:first-child {

	margin-top: 0;

}



.widget-area .widget .widget-title {

	position: relative;

	font-size: 22px;

	padding-bottom: 10px;

	margin-bottom: 25px;

	border-bottom: 1px solid #ffffff;

	text-transform: capitalize;

}



.widget-area .widget .widget-title::before {

	content: '';

	position: absolute;

	background: #568692;

	bottom: -1px;

	left: 0;

	width: 50px;

	height: 1px;

}



.widget-area .widget_search {

}



.widget-area .widget_search form {

	position: relative;

}



.widget-area .widget_search form label {

	display: block;

	margin-bottom: 0;

}



.widget-area .widget_search form .screen-reader-text {

	display: none;

}



.widget-area .widget_search form .search-field {

	font-size: 15px;

	font-weight: 500;

	height: 50px;

	padding: 6px 15px;

	width: 100%;

	display: block;

	outline: 0;

	border: 1px solid #eeeeee;

	background-color: #ffffff;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.widget-area .widget_search form .search-field:focus {

	border-color: #568692;

}



.widget-area .widget_search form button {

	position: absolute;

	right: 0;

	outline: 0;

	bottom: 0;

	height: 50px;

	width: 50px;

	z-index: 1;

	border: none;

	color: #ffffff;

	background-color: #568692;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.widget-area .widget_search form button:hover {

	background-color: #505060;

	color: #ffffff;

}



.widget-area .widget_techit_posts_thumb {

	position: relative;

	overflow: hidden;

}



.widget-area .widget_techit_posts_thumb .item {

	overflow: hidden;

	margin-bottom: 15px;

}



.widget-area .widget_techit_posts_thumb .item:last-child {

	margin-bottom: 0;

}



.widget-area .widget_techit_posts_thumb .item .thumb {

    float: left;

    width: 90px;

    overflow: hidden;

    border-radius: 3px;

    margin-right: 15px;

}



.widget-area .widget_techit_posts_thumb .item .info {

	overflow: hidden;

	margin-top: 0px;

}



.widget-area .widget_techit_posts_thumb .item .info span {

	display: block;

	color: #5f5f5f;

	text-transform: capitalize;

	margin-top: 3px;

	font-size: 14px;

}



.widget-area .widget_techit_posts_thumb .item .info .title {

	margin-bottom: 0;

	line-height: 1.4;

	font-size: 15px;

}



.widget-area .widget_techit_posts_thumb .item .info .title a {

	display: inline-block;

}



.widget-area .widget_recent_entries ul {

	padding-left: 0;

	margin-bottom: 0;

	list-style-type: none;

}



.widget-area .widget_recent_entries ul li {

	position: relative;

	margin-bottom: 12px;

	color: #505060;

	padding-left: 14px;

	line-height: 1.5;

	font-weight: 400;

	font-size: 15.5px;

}



.widget-area .widget_recent_entries ul li:last-child {

	margin-bottom: 0;

}



.widget-area .widget_recent_entries ul li::before {

	background: #568692;

	height: 8px;

	width: 8px;

	content: '';

	left: 0;

	top: 7px;

	position: absolute;

	border-radius: 50px;

	border-right-style: inset;

}



.widget-area .widget_recent_entries ul li a {

	display: inline-block;

	color: #505060;

}



.widget-area .widget_recent_entries ul li a:hover {

	color: #568692;

}



.widget-area .widget_recent_entries ul li .post-date {

	display: block;

	font-size: 13px;

	color: #5f5f5f;

	margin-top: 4px;

}



.widget-area .widget_categories ul {

	padding-left: 0;

	margin-bottom: 0;

	list-style-type: none;

}



.widget-area .widget_categories ul li {

	color: #5f5f5f;

	font-size: 15px;

	font-weight: 500;

	margin-bottom: 12px;

}



.widget-area .widget_categories ul li:last-child {

	margin-bottom: 0;

}



.widget-area .widget_categories ul li a {

	color: #505060;

	font-size: 15px;

	font-weight: 600;

    padding: 12px 15px;

	display: flex;

    justify-content: space-between;

    background-color: #fff;

    border-radius: 5px;

}



.widget-area .widget_categories ul li a:hover {

	color: #fff;

    background: #568692;

}



.widget-area .widget_categories ul li .post-count {

	float: right;

}



.widget-area .widget_meta ul {

	padding-left: 0;

	margin-bottom: 0;

	list-style-type: none;

}



.widget-area .widget_meta ul li {

	position: relative;

	margin-bottom: 12px;

	color: #505060;

	padding-left: 14px;

	font-size: 15.5px;

	font-weight: 400;

}



.widget-area .widget_meta ul li:last-child {

	margin-bottom: 0;

}



.widget-area .widget_meta ul li::before {

	background: #568692;

	height: 8px;

	width: 8px;

	content: '';

	left: 0;

	top: 7px;

	position: absolute;

	border-radius: 50px;

	border-right-style: inset;

}



.widget-area .widget_meta ul li a {

	display: inline-block;

	color: #505060;

}



.widget-area .widget_meta ul li a:hover {

	color: #568692;

}



.widget-area .widget_tag_cloud .widget-title {

	margin-bottom: 12px;

}



.widget-area .tagcloud a {

    display: inline-block;

    color: #505060;

	font-size: 15px;

	font-weight: 600;

    padding: 10px 12px;

    margin-top: 10px;

    margin-right: 8px;

    background-color: #fff;

    border-radius: 5px;

}



.widget-area .tagcloud a:hover, .widget-area .tagcloud a:focus {

	color: #ffffff;

	background-color: #568692;

	border-color: #568692;

}



.widget-area .widget_event_details ul {

	padding-left: 0;

	margin-bottom: 0;

	list-style-type: none;

}



.widget-area .widget_event_details ul li {

	border-bottom: 1px solid #eeeeee;

	color: #888f96;

	padding-bottom: 10px;

	padding-top: 10px;

}



.widget-area .widget_event_details ul li:first-child {

	padding-top: 0;

}



.widget-area .widget_event_details ul li:last-child {

	border-bottom: none;

	padding-bottom: 0;

}



.widget-area .widget_event_details ul li span {

	display: inline-block;

	color: #505060;

	font-weight: 400;

}



.widget-area .widget_event_details ul li a {

	display: inline-block;

	color: #888f96;

}



.widget-area .widget_event_details ul li a:hover {

	color: #568692;

}



/************************************************

 ** - 18 - Blog Page Number Pagination CSS

 ************************************************/

.pagination-area {

	margin-top: 20px;

	text-align: center;

}



.pagination-area .page-numbers {

	color: #505060;

	font-size: 18px;

	font-weight: 600;

	line-height: 48px;

	border-radius: 3px;

	width: 45px;

	height: 45px;

	margin: 0 3px;

	display: inline-block;

	background-color: #ffffff;

	-webkit-box-shadow: 0 2px 10px 0 #d8dde6;

	box-shadow: 0 2px 10px 0 #d8dde6;

}



.pagination-area .page-numbers.current, .pagination-area .page-numbers:hover, .pagination-area .page-numbers:focus {

	background: #568692;

	color: #ffffff;

	-webkit-box-shadow: 0 2px 10px 0 #d8dde6;

	box-shadow: 0 2px 10px 0 #d8dde6;

}



/**************************************

 ** - 19 - Partner Section CSS

 **************************************/

.partner-section {

	position: relative;

	background-color: #fff;

	overflow: hidden;

	z-index: 1;

}



.partner-list {

	display: -ms-flexbox;

	display: -webkit-box;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	margin-right: -5px;

	margin-left: -5px;

}



.partner-list .partner-item {

	-ms-flex: 0 0 20%;

	-webkit-box-flex: 0;

	flex: 0 0 20%;

	max-width: 20%;

	padding-left: 10px;

	padding-right: 10px;

	margin-bottom: 20px;

}



.partner-list .partner-item a {

	display: block;

	text-align: center;

	position: relative;

	padding: 0px 0px;

	border: 1px solid #ebebeb;

}



/**************************************

 ** - 19 - Partner Slider CSS

 **************************************/

.partner-area {

	padding: 50px 0px;

}



.partner-slide-item {

	padding: 0px 0px;

	margin: 0px 15px;

}



.partner-area .partner-carousel img {

	max-width: 100%;

	width: inherit!important;

	margin: 0 auto;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.partner-area .partner-carousel img:hover {

	opacity: .7;

	cursor: pointer;

}



/**********************************************

 ** - 20 - Other Page Banner Title CSS

 **********************************************/

.page-title-area {

	position: relative;

	z-index: 1;

	background-image: url(../img/banner-bg.jpg);

	background-position: center center;

	background-size: cover;

	background-repeat: no-repeat;

	height: 250px;

}



.page-title-area::before {

	content: "";

	position: absolute;

	z-index: -1;

	height: 100%;

	width: 100%;

	left: 0;

	top: 0;

	opacity: 0.3;

    background-color: #111428;

}



.page-title-content {

	text-align: center;

	margin-top: 45px;

}



.page-title-content h2 {

	margin-bottom: 0;

	color: #ffffff;

	font-size: 38px;

	font-weight: 700;

}



.page-title-content ul {

	padding-left: 0;

	list-style-type: none;

	margin-top: 12px;

	margin-bottom: 0;

}



.page-title-content ul li {

	color: #ffffff;

	display: inline-block;

	position: relative;

	font-weight: 600;

	font-size: 17px;

	margin-left: 10px;

	margin-right: 10px;

}



.page-title-content ul li a {

	display: inline-block;

	color: #ffffff;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



.page-title-content ul li a:hover {

	color: #568692;

}



.page-title-content ul li::before {

    content: '';

    position: absolute;

    right: -15px;

    top: 10px;

    width: 7px;

    height: 7px;

    border-radius: 50%;

    background-color: #3e57d0;

}



.page-title-content ul li:last-child::before {

	display: none;

}



.item-bg1 {

	background-image: url(../img/page-title-bg-2.jpg);

}



.item-bg2 {

	background-image: url(../img/page-title-bg-3.jpg);

}



/**************************************

 ** - 21 - Faq Page CSS

 **************************************/

.faq-accordion .accordion {

	list-style-type: none;

	padding: 0;

	margin: 0;

	padding-left: 0;

	margin-bottom: 0;

	position: relative;

}



.faq-accordion .accordion .accordion-item {

	display: block;

    margin-bottom: 0px;

    border-bottom: 1px solid rgb(231 231 231);

}



.faq-accordion .accordion .accordion-item:last-child {

	margin-bottom: 0;

}



.faq-accordion .accordion .accordion-item .accordion-title {

    color: #333;

    position: relative;

    font-size: 18px;

    font-weight: 600;

    display: block;

    padding: 25px 0;

    background-color: transparent;

    border-radius: 0;

    cursor: pointer;

}



.faq-accordion .accordion .accordion-item .accordion-title:hover {

    color: #568692;

}

.faq-accordion .accordion .accordion-item .active.accordion-title {

    color: #568692;

}



.faq-accordion .accordion .accordion-item .accordion-title i {

	position: absolute;

	right: 15px;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	color: #333;

	-webkit-transition: 0.5s;

	transition: 0.5s;

	font-size: 15px;

}



.faq-accordion .accordion .accordion-item .active.accordion-title i {

	color: #568692;

}



.faq-accordion .accordion .accordion-item .accordion-title.active i::before {

	content: "\f0d8";

}



.faq-accordion .accordion .accordion-item .accordion-content {

	display: none;

    font-size: 15px;

    padding-bottom: 20px;

	margin-bottom: 0;

}



.faq-accordion .accordion .accordion-item .accordion-content.show {

	display: block;

}



/**************************************

 ** - 22 - Pricing Page CSS

 **************************************/

.price-area {

}

.price-area .section-title {

    text-align: center;

    margin-bottom: 35px;

}

.single-price-item {

	background: #ffffff;

	box-shadow: 0 3px 30px -3px rgba(0, 0, 0, 0.1);

	border-radius: 5px;

	overflow: hidden;

	margin-top: 30px;

	transition: box-shadow 0.2s ease, z-index 0s 0.2s ease, -webkit-transform 0.2s ease;

    transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0.2s ease;

    transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0.2s ease, -webkit-transform 0.2s ease;

}

.single-price-item:hover {

    transform: translate3d(0, -5px, 0);

    -webkit-transform: translate3d(0, -5px, 0);

    -webkit-box-shadow: 0 10px 40px rgba(0,0,0,.1);

    box-shadow: 0 10px 40px rgba(0,0,0,.1);

}

.single-price-item.active .pricing-header {

	position: relative;

	overflow: hidden;

	z-index: 1;

}



.single-price-item.active .pricing-header:before {

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;left: 0;

	right: 0;

	margin: auto;

	z-index: -1;

	background: #568692;

}

.home-1-price .single-price-item.active .pricing-header:before {

	background: #568692;  /* fallback for old browsers */

	background: -webkit-linear-gradient(to right, #ff5e62, #568692);  /* Chrome 10-25, Safari 5.1-6 */

	background: linear-gradient(to right, #ff5e62, #568692); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.home-2-price .single-price-item.active .pricing-header:before {

	background: #568692;  /* fallback for old browsers */

	background: -webkit-linear-gradient(to right, #568692, #568692);  /* Chrome 10-25, Safari 5.1-6 */

	background: linear-gradient(to right, #568692, #568692); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}



.single-price-item.active .pricing-header .pricing-title {

	color: #fff;

}



.single-price-item .pricing-header {

	text-align: center;

	display: block;

	position: relative;

	padding: 50px 15px;background: #f9fafa;

}



.single-price-item .pricing-header .pricing-title {

	font-weight: 700;

	font-size: 25px;

	color: #3B566E;

}



.single-price-item .pricing-body {

	margin-bottom: 30px;

}



.single-price-item .pricing-body .price-content {

	text-align: center;

	margin-top: 40px;

	margin-bottom: 30px;

}



.single-price-item .pricing-body .price-content .currency {

	height: 47px;

	font-weight: 600;

	font-size: 18px;

	color: #568692;

	position: relative;

	top: -15px;

}



.single-price-item .pricing-body .price-content .price {

	font-weight: 700;

	font-size: 34px;

	color: #568692;

	letter-spacing: 1px;

}



.single-price-item .pricing-body .price-content .period {

	font-weight: 700;

	font-size: 15px;

	color: #333;

	letter-spacing: 0.88px;

}



.single-price-item .pricing-body .list li {

	text-align: center;

	margin-bottom: 12px;

	font-weight: 400;

	font-size: 15px;

	color: #CCDCEA;

	letter-spacing: 0.3px;

	text-decoration: line-through;

}



.single-price-item .pricing-body .list li.active {

	color: #333;

	text-decoration: none;

}



.single-price-item .pricing-footer {

	text-align: center;

}



.single-price-item .pricing-footer a {

    margin-bottom: 40px;

    margin-top: 0;

}



/**************************************

 ** - 23 - Contact Page CSS

 **************************************/

.contact-section .contact-form-1 form .form-control {

    font-size: 15px;

    width: 100%;

    padding: 10px 20px;

    height: 52px;

    color: #333;

    border: none;

    background-color: #f3f3f3;

    font-weight: 600;

    border-radius: 5px;

    border-left: 2px solid #b4b7bd;

    transition: all 0.4s;

}

.contact-section .contact-form-1 form input:focus,

.contact-section .contact-form-1 form textarea:focus {

	outline: none;

	border: none;

	-webkit-box-shadow: none;

	box-shadow: none;

	border-left: 2px solid #568692;

}

.contact-information-box-1 {

    background: #fff;

    padding: 25px 20px;

    border-radius: 5px;

    border-bottom: 2px solid #568692;

	-webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03);

	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03);

}

.contact-information-box-1 .single-contact-info-box {

    position: relative;

    z-index: 1;

    padding: 10px 10px;

    display: block;

    border-radius: 3px;

    text-align: left;

    margin-bottom: 10px;

    overflow: hidden;

}

.contact-information-box-1 .contact-info {

	position: relative;

    z-index: 1;

}



.contact-information-box-1 .contact-info h6 {

	font-weight: 600;

    font-size: 18px;

    color: #333;

    margin-bottom: 7px;

    text-transform: capitalize;

}



.contact-information-box-1 .contact-info p {

	color: #333;

	font-size: 14px;

	font-weight: 500;

	margin: 0;

}

.contact-information-box-1 .single-contact-info-box .contact-info-bg-icon {

    color: #568692;

    opacity: .2;

    position: absolute;

    left: 0;

    right: 0;

    bottom: -25px;

    margin: 0 auto;

    z-index: -1;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.contact-information-box-1 .single-contact-info-box .contact-info-bg-icon i {

    font-size: 100px;

}

.contact-section .contact-form .form-group {

    margin-bottom: 30px;

}

.contact-section .contact-form form textarea.form-control {

    height: auto;

    padding-top: 15px;

    line-height: initial;

}



.form-message {

	margin: 0;
	text-align: center;
	font-weight: 700;
	font-family: 'SF Pro Rounded Regular', 'Kumbh Sans';

}

.form-message.success {

	background: #25654A;

	color: #fff;

	padding: 10px 15px;

	border-radius: 3px;

	margin-bottom: 30px;

}



.form-message.error {

	background: #ff4d15;

	color: #fff;

	padding: 10px 15px;

	border-radius: 3px;

	margin-bottom: 30px;

}

/*********************************************

 ** - 23 - Map Section CSS

 *********************************************/

.map-content #contact-map {

	position: relative;

	width: 100%;

	height: 500px;

	border: 0;

	margin-bottom: -2px;

}



/**************************************

 ** - 24 - Coming Soon Page CSS

 **************************************/

.coming-soon-area {

	position: relative;

	z-index: 1;

	height: 100vh;

	background-image: url(../img/banner-bg.jpg);

	background-position: center center;

	background-size: cover;

	background-repeat: no-repeat;

}



.coming-soon-area::before {

	position: absolute;

	content: '';

	z-index: -1;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	opacity: 0.3;

	background-color: #111428;

}



.coming-soon-area .social-list {

	padding: 0;

	margin: 0;

	list-style-type: none;

	position: absolute;

	left: 0;

	right: 0;

	margin: 0 auto;

	text-align: center;

	bottom: 30px;

}



.coming-soon-area .social-list li {

	display: inline-block;

}



.coming-soon-area .social-list li.list-heading {

	display: block;

	color: #ffffff;

	margin-bottom: 10px;

	font-size: 16px;

	font-weight: 500;

}



.coming-soon-area .social-list li a {

	color: #ffffff;

	width: 35px;

	height: 35px;

	line-height: 35px;

	background: #568692;

	border: 1px solid #568692;

	border-radius: 50%;

	margin: 0 2px;

	display: inline-block;

}



.coming-soon-area .social-list li a:hover {

	background-color: transparent;

	color: #568692;

	-webkit-transition: .6s;

	transition: .6s;

	-webkit-transition: 0.5s;

}



.coming-soon-content {

	text-align: center;

	max-width: 820px;

	margin: -80px auto 0;

}



.coming-soon-content h1 {

	color: #ffffff;

	margin-bottom: 15px;

	font-size: 46px;

	font-weight: 600;

}



.coming-soon-content p {

	color: #ffffff;

	margin: 0 auto;

	max-width: 620px;

	line-height: 30px;

}



.coming-soon-content form {

	position: relative;

	margin: 35px auto 55px;

	max-width: 520px;

}



.coming-soon-content form .email-input {

	display: block;

	width: 100%;

	height: 56px;

	border: none;

	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 5px rgba(255, 255, 255, 0.3);

	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 5px rgba(255, 255, 255, 0.3);

	border-radius: 40px;

	padding: 15px 25px;

	outline: 0 !important;

	background: #F1F2F3;

}



.coming-soon-content form .submit-btn {

	position: absolute;

	right: 3px;

	top: 3px;

	height: 50px;

	background: #568692;

	color: #ffffff;

	border: none;

	border-radius: 40px;

	width: 130px;

	outline: 0 !important;

	cursor: pointer;

	text-transform: uppercase;

	font-size: 15px;

	font-weight: 600;

}



.coming-soon-content form .submit-btn:hover, .coming-soon-content form .submit-btn:focus {

	background-color: #568692;

}



.coming-soon-content #timer div {

	background: #ffffff;

	display: inline-block;

	border-radius: 50%;

	width: 120px;

	height: 120px;

	color: #568692;

	-webkit-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5);

	box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5);

	margin: 0 10px;

	padding-top: 18px;

	font-size: 40px;

	font-weight: 600;

}



.coming-soon-content #timer div span {

	display: block;

	margin-top: -4px;

	color: #777777;

	font-size: 15px;

	font-weight: 600;

}



/**************************************

 ** - 25 - 404 Error Page CSS

 **************************************/

.error-area {

	padding: 100px 0;

}



.error-content {

	text-align: center;

	margin: 0 auto;

	max-width: 700px;

}



.error-content h3 {

	font-size: 35px;

	margin-top: 10px;

	margin-bottom: 18px;

}



.error-content p {

	max-width: 520px;

	margin: 0 auto 20px;

	line-height: 30px;

}



.error-content .default-btn-one {

	display: inline-block;

	padding: 12px 30px;

	background: #7b68ee;

	border: 2px solid #7b68ee;

	color: #ffffff;

	font-size: 16px;

	font-weight: 400;

	-webkit-transition: .6s;

	transition: .6s;

	margin-right: 0;

}



.error-content .default-btn-one:hover {

	text-decoration: none;

	background-color: #ffffff;

	color: #7b68ee;

}
/*
.reg-btn-one {

	display: inline-block;

	padding: 12px 30px;

	background: #7b68ee;

	border: 2px solid #7b68ee;

	color: #fff;

	font-size: 16px;

	font-weight: 400;

	-webkit-transition: .6s;

	transition: .6s;

	margin-right: 0;

}*/



.reg-btn-one:hover {

	text-decoration: none;

	background-color: #ffffff;

	color: #7b68ee;
	
	border: 1px solid #fff;

}



/**********************************************************

 ** - 26 - Terms & Conditions - Privacy Policy CSS

 **********************************************************/

.single-privacy h3 {

	font-size: 22px;

	margin: 0 0 12px 0;

}

.single-terms h3 {

	font-size: 22px;

	margin: 0 0 12px 0;

}



/**********************************************

 ** - 27 - Footer & Copyright Section CSS

 **********************************************/

.footer-area {

	position: relative;

	z-index: 1;

	padding: 100px 0 50px 0;

	background-color: #DAE4F1;  /* fallback for old browsers */

}



.footer-about {

    padding-right: 15px;

}

.footer-logo {

	margin-bottom: 20px;

	display: inline-block;

}



.footer-list h5 {

	font-size: 18px;

	font-weight: 700;

	color: #000;

	margin-top: 25px;

}



.footer-list p {

	font-size: 16px;

	color: #000;

}



.footer-list ul li {

	margin-bottom: 12px;

	color: #000;

}



.footer-list ul li:last-child {

	margin-bottom: 0px;

}



.footer-list .footer-contact-info ul li i {

	color: #568692;

	font-size: 16px;

	margin-right: 5px;

}



.footer-list ul li a {

	display: inline-block;

	font-size: 16px;

	color: #000;
	
	text-decoration: underline;

}



.footer-list ul li a:hover {

	color: #568692;

    text-decoration: underline;

}



.footer-contact-info .footer-contact-list li span {

	display: inline-block;

	color: #efefef;

	font-size: 16px;

	font-weight: 700;

}



.footer-social-icon {

	margin-top: 25px;

}



.footer-social-icon li {

	margin-right: 10px;

	display: inline-block;

}



.footer-social-icon li a {

	color: #fff !important;

	font-size: 15px !important;

	width: 40px;

	height: 40px;

	line-height: 40px;

    border-radius: 30px;

    text-align: center;

    border: 1px solid rgb(255, 255, 255, 0.25);

    background: transparent;

	display: block;

	-webkit-transition: all .3s;

	transition: all .3s;

}



.footer-social-icon li a:hover {

	color: #fff !important;

    border: 1px solid #568692;

	background: #568692;

}



.newsletter-form {

	max-width: 580px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	margin-top: 30px;

}



.newsletter-form .input-newsletter {

	display: block;

	color: #0b0b31;

	width: 100%;

	height: 54px;

	font-weight: 500;

	padding-left: 15px;

	border-radius: 3px;

	outline: 0;

	border: none;

	margin-bottom: 20px;

	background-color: #ffffff;

}



.newsletter-form .input-newsletter::-webkit-input-placeholder {

	color: #747576;

}



.newsletter-form .input-newsletter:-ms-input-placeholder {

	color: #747576;

}



.newsletter-form .input-newsletter::-ms-input-placeholder {

	color: #747576;

}



.newsletter-form .input-newsletter::placeholder {

	color: #747576;

}



.newsletter-form button {

	width: 100%;

	color: #ffffff;

	font-size: 16px;

	border: none;

    height: 46px;

    line-height: 46px;

	padding: 0 20px;

	border-radius: 3px;

    -webkit-transition: all 400ms ease-out;

    transition: all 400ms ease-out;

    will-change: transform;

}

/* .- ..- - .... --- .-. ---... / -... .- .-. .- -.- .- .... / - .... . -- . ... */

.copyright-area {

    padding: 35px 0;

    border-top: 1px solid rgb(255, 255, 255, 0.15);

    background-color: #2E3063;

}



.copyright-area p {

	color: #C3CBCD;;

	font-size: 12px;
	
	text-align: center;

}



.copyright-area ul {

	padding-left: 0;

	margin-bottom: 0;

	list-style-type: none;

	text-align: right;

}



.copyright-area ul li {

	display: inline-block;

	color: #efefef;

	font-size: 16px;

	position: relative;

	margin-left: 10px;

	margin-right: 10px;

}



.copyright-area ul li a {

	display: inline-block;

	color: #efefef;

}



.copyright-area ul li a:hover {

	color: #568692;

}



.copyright-area ul li::before {

	content: '';

	position: absolute;

	top: 5px;

	right: -13px;

	width: 1px;

	height: 14px;

	background-color: #ffffff;

}



.copyright-area ul li:last-child {

	margin-right: 0;

}



.copyright-area ul li:last-child::before {

	display: none;

}



.copyright-area ul li:first-child {

	margin-left: 0;

}

.display-none {
	
	display: none;
}

.pointer {
	
	cursor: pointer;
}

.line-style {
	
    font-size: 15px;

    width: 100%;

    padding: 15px 20px 10px 25px;

    min-height: 52px;

    color: #333;

    border: none;

    background-color: #f3f3f3;

    font-weight: 600;

    border-radius: 5px;

    border-left: 2px solid #b4b7bd;

    transition: all 0.4s;

}

.line-style-admin {
	
    font-size: 15px;

    width: 100%;

    padding: 8px 20px 5px 15px;

    min-height: 38px;

    color: #333;

    border: none;

    background-color: #eaecef;

    font-weight: 600;

    border-radius: 5px;

    border-left: 2px solid #b4b7bd;

    transition: all 0.4s;
	
	text-align: left;

}

.div-button-left {
	
	text-align: left;
	position: absolute;
	margin-top: -15px;
}

.div-button-right {
	
	text-align: right;
	position: absolute;
	margin-top: -15px;
}

.div-button-left-full-width {
	
	text-align: left;
	position: absolute;
	margin-top: -5px;
}

.div-button-right-full-width {
	
	text-align: right;
	position: absolute;
	margin-top: -5px;
}

.form-label {
	
	text-align: center;
	width: auto;
	font-weight: 700 !important;
}

.form .row {
	
	padding-top: 10px;
}

.form .row{
	
    background-color:#eee;
}

.form .row:nth-child(2n){
	
    background-color:#fff;
}

.form .row-button {
	
	padding-bottom: 15px;
}

.label-list-head {
	
	display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #e9ecef;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	text-align: left;
	font-weight: 700;
}

.div-list-row {
	
	display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	text-align: left;
	font-weight: 700;
	margin-bottom: .5rem;
	overflow: hidden;
}

.action-btn-one {
    border: none;
    position: relative;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    color: #DAE4F1;
    background-color: #0000FF;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 50px;
    font-weight: 600;
    font-size: 15px;
	padding-top: 1px;
    padding-bottom: 2px;
    margin-top: 0px;
    padding-left: 7px;
    padding-right: 7px;
	margin-left: 5px;
    margin-right: 0px;
    box-shadow: 0 7px 25px rgb(86, 134, 146, 0.25);
	height: 28px;
	width: 28px;
}

.row-list:nth-child(2n) .div-list-row{
	
    background-color: #e9ecef;
}

.div-msg {
	
	margin-top: 15px;
}

.form-textarea {
	
	height: 120px !important;
}

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

.label-diff-previous {
	
	color: #f00;
	font-weight: 700;
}

.label-diff-next {
	
	color: #0C00D9;
	font-weight: 700;
}

.form-control option {
	
	text-transform: lowercase;
}

#events_calendar {
	
	width: 100%;
	border-collapse: collapse;
	
}

.calendar_day_week{
	
	font-weight: 700;
	color: #fff;
	background-color: #2E3063;
	height: 25px;
	border-right: 1px solid #ccc;
	width: calc(100% / 7);
}

.calendar_date {
	
	background-color: #568692;
	color: #fff;
	width: 100%;
	height: 25px;
	display: block;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
}

.calendar_event {
	
	width: 100%;
	height: 50px;
	display: block;
	border: 1px solid #ccc;
	overflow: hidden;
}

.calendar_event_deleted {
	
	text-decoration: line-through;
	background-color: #FF000066;
}

.calendar_event_add:hover {
	
	background-color: #efefef;
}

.calendar_event_edit:hover {
	
	background-color: #efefef;
}

.bg-event-red {
	
	background-color: #FF0000 !important;
}

.bg-event-yellow {
	
	background-color: #FFD700 !important;
}

.bg-event-green {
	
	background-color: #00ff00 !important;
}

.bg-event-orange {
	
	background-color: #F06B00 !important;
}

.label-checkbox {
	
	margin: 0px 0px 0px 10px;
}

.red-btn {
	
	background-color: #ff0000;
}

#table_events {

	margin: 15px 0px 0px 0px;
	border-collapse: separate;
	border-spacing: 0;
}

#table_events th {
	
	min-width: 150px;
	border-top: 1px solid #000;
	border-left: 1px solid #fff;
	font-weight: 700;
	padding: 5px 5px;
	background-color: #2E3063;
	color: #fff;
}

#table_events th:first-child {
	
	border-left: 1px solid #000;
}

#table_events th:last-child {
	
	border-right: 1px solid #000;
}

#table_events td {
	
	min-width: 150px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 5px 5px;
}

#table_events td:last-child {
	
	border-right: 1px solid #000;
}

.events_table_td_transparent {
	
	opacity: 0.7;
}

.div-msg-fixed {
	
	position: fixed;
    bottom: 0;
    width: 100%;
	left: 0px;
	opacity: 0.9;
	display: none;
}

.display-block {
	
	display: block;
}

.display-none {
	
	display: none;
}

.table_events_width_1 {
	
	min-width: 100px !important;
}

.table_events_width_2 {
	
	min-width: 180px !important;
}

.table_events_width_3 {
	
	min-width: 100px !important;
}

.table_events_width_4 {
	
	min-width: 45px !important;
}

#table_view {
	
  position: absolute;
  width: 100%;
  left: 10px;
  top: auto;
}

#table_wrapper {
  position: relative;
  overflow: auto;
  white-space: nowrap;
}

.headcol {
	
  	position: sticky;
	background-color: #fff;
}

.headcol_last {
	
	border-right: 3px solid #2E3063 !important;
}

.headcol_1 {
	
	left: 0px;
}

.headcol_2 {
	
	left: 45px;
}

.headcol_3 {
	
	left: 145px;
}

.headcol_4 {
	
	left: 245px;
}

.headcol_5 {
	
	left: 395px;
}

.headcol_6 {
	
	left: 545px;
}

.headcol_7 {
	
	left: 695px;
}

.headcol_8 {
	
	left: 845px;
}

.row-head-events {
	
	width: 100%;
	text-align: center;
}

.page-full-width {
	
	
}

.copyright-area {
	
	display:  none;
}

.clear_space {
	
	width: 100%;
	height: 10px;
	clear: both;
}

.btn-icon {
	
	top: -1px;
	font-size: 12px;
}

.btn-icon-vertical {
	
	clear: both;
	display: block;
	margin: 0px 0px 6px 2px;
}

.btn-icon:hover {
	
	opacity: 0.9;
	background-color: #2E3063;
}

.default-btn-one-margin {
	
	margin-right: 15px;
}

@media (min-width: 1410px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1410px;
    }
}

.calendar_event_index_6, .calendar_event_index_7 {
	
	background-color: #ddd;
}

.calendar_event_index_8 {
	
	background-color: #bbb;
}