/*-----------------
    SFCG Colors:
	#0196c3
	#97daeb
-----------------*/

@font-face {
    font-family: 'Lora';
    src: url('../fonts/lora/Lora-Bold.eot');
    src: url('../fonts/lora/Lora-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/lora/Lora-Bold.woff2') format('woff2'),
        url('../fonts/lora/Lora-Bold.woff') format('woff'),
        url('../fonts/lora/Lora-Bold.ttf') format('truetype'),
        url('../fonts/lora/Lora-Bold.svg#Lora-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lora';
    src: url('../fonts/lora/Lora-Regular.eot');
    src: url('../fonts/lora/Lora-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/lora/Lora-Regular.woff2') format('woff2'),
        url('../fonts/lora/Lora-Regular.woff') format('woff'),
        url('../fonts/lora/Lora-Regular.ttf') format('truetype'),
        url('../fonts/lora/Lora-Regular.svg#Lora-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/montserrat/Montserrat-Regular.eot");
    src: url("../fonts/montserrat/Montserrat-Regular.eot?#iefix") format('embedded-opentype'),
         url("../fonts/montserrat/Montserrat-Regular.woff2") format("woff2"),
         url("../fonts/montserrat/Montserrat-Regular.woff") format("woff");
	font-display: swap;
}
@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: italic;
    src: url("../fonts/montserrat/Montserrat-Italic.eot");
    src: url("../fonts/montserrat/Montserrat-Italic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/montserrat/Montserrat-Italic.woff2") format("woff2"),
         url("../fonts/montserrat/Montserrat-Italic.woff") format("woff");
	font-display: swap;
}
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/montserrat/Montserrat-Bold.eot");
    src: url("../fonts/montserrat/Montserrat-Bold.eot?#iefix") format('embedded-opentype'),
         url("../fonts/montserrat/Montserrat-Bold.woff2") format("woff2"),
         url("../fonts/montserrat/Montserrat-Bold.woff") format("woff");
	font-display: swap;
}
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: italic;
    src: url("../fonts/montserrat/Montserrat-BoldItalic.eot");
    src: url("../fonts/montserrat/Montserrat-BoldItalic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/montserrat/Montserrat-BoldItalic.woff2") format("woff2"),
         url("../fonts/montserrat/Montserrat-BoldItalic.woff") format("woff");
	font-display: swap;
}

/*---------------------------
** Normalize
---------------------------*/

html {
	font-family: "Lora", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden; 
}

body {
	font-family: "Lora", sans-serif;
	font-size: 16px;
	margin: 0;
	color: #555;
	overflow-x: hidden; 
}

h1,
h2,
h3,
h5,
h6 {
	color: #242424;
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 700;
}

h1 {
	font-size: 60px;
	line-height: 1; 
	font-weight: 700;
}

h1 span {
	color: rgba(0, 150, 200, 0.6);
}

h2 {
	font-size: 52px;
	line-height: 1; 
}

h3 {
	font-size: 26px;
	line-height: 1; 
}

h4 {
	font-family: "Lora", sans-serif;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 400;
	color: #444;
	margin: 15px auto;
}


p {
	font-size: 16px;
	color: #555;
	line-height: 1.6;
}

a {
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

a {
	color: #00adee;
	text-decoration: underline;
	outline: none;
	border: none;
	-moz-outline-style: none;
}

a:hover,
a:focus,
a:active,
a:visited {
	text-decoration: none;
	outline: none;
	border: none;
	-moz-outline-style: none;
}

a:hover {
    color: #00adee;
}

a p,
a h4 {
	color: #00adee;
}

button:focus,
input:focus,
textarea:focus {
	outline: none;
	border: none;
	-moz-outline-style: none;
}

a i {
	padding: 0 2px; 
}

img {
	max-width: 100%; 
}

/*input and button type focus outline disable*/
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
select:focus {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #ddd; 
}

/**
 * 5.0 - Alignments
 */
.alignleft {
	float: left; 
}

.alignright {
	float: right; 
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em; 
}

/*---------------------------
** CTA Buttons
---------------------------*/

.sfcg_cta_btn {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	padding: 17px 40px;
	border-radius: 50px;
	display: inline-block;
	color: #fff;
	background-image: -moz-linear-gradient(55deg, #0196c3 0%, #97daeb);
	background-image: -webkit-linear-gradient(55deg, #0196c3 0%, #97daeb);
	background-image: -ms-linear-gradient(55deg, #0196c3 0%, #97daeb);
	-webkit-box-shadow: 0px 10px 30px rgba(128, 0, 128, 0.14);
	-moz-box-shadow: 0px 10px 30px rgba(128, 0, 128, 0.14);
	box-shadow: 0px 10px 30px rgba(128, 0, 128, 0.14);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s; 
	margin-bottom: 10px;
	text-decoration: none;
}

.sfcg_cta_btn.red {
	background-image: -moz-linear-gradient(55deg, #ed6a5f 0%, #ee9a91);
	background-image: -webkit-linear-gradient(55deg, #ed6a5f 0%, #ee9a91);
	background-image: -ms-linear-gradient(55deg, #ed6a5f 0%, #ee9a91);
}
.sfcg_cta_btn.black {
	background-image: -moz-linear-gradient(55deg, #000000 0%, #666666);
	background-image: -webkit-linear-gradient(55deg, #000000 0%, #666666);
	background-image: -ms-linear-gradient(55deg, #000000 0%, #666666);
}

.sfcg_cta_btn i {
    opacity: 0;
    width: 0px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; 
}
.sfcg_cta_btn:hover {
    color: #fff;
    -webkit-animation: color 4s linear infinite;
    animation: color 4s linear infinite; 
}
.sfcg_cta_btn:hover i {
	opacity: 1;
	padding-left: 15px;
	width: auto; 
}
.sfcg_cta_btn:focus {
    outline: 0px;
}

/*-------------------------
    Preloader Css
---------------------------*/
.preloader-inner {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: -moz-linear-gradient(55deg, #0196c3 0%, #97daeb);
	background-image: -webkit-linear-gradient(55deg, #0196c3 0%, #97daeb);
	background-image: -ms-linear-gradient(55deg, #0196c3 0%, #97daeb);
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center; 
}
.preloader-inner .cancel-preloader {
    position: absolute;
    bottom: 30px;
    right: 30px; 
}
.preloader-inner .cancel-preloader a {
	background-color: #fff;
	font-weight: 600;
	text-transform: capitalize;
	color: #9191ff;
	width: 200px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border-radius: 30px;
	display: block;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in; 
}
.preloader-inner .cancel-preloader a:hover {
	background-color: #00aeff;
	color: #fff; 
}

.cube-folding {
	width: 50px;
	height: 50px;
	display: inline-block;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	font-size: 0; 
}

.cube-folding span {
	position: relative;
	width: 25px;
	height: 25px;
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	display: inline-block; 
}

.cube-folding span::before {
	content: '';
	background-color: white;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 25px;
	height: 25px;
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-moz-animation: folding 2.5s infinite linear both;
	-webkit-animation: folding 2.5s infinite linear both;
	animation: folding 2.5s infinite linear both; 
}

.cube-folding .leaf2 {
	-moz-transform: rotateZ(90deg) scale(1.1);
	-ms-transform: rotateZ(90deg) scale(1.1);
	-webkit-transform: rotateZ(90deg) scale(1.1);
	transform: rotateZ(90deg) scale(1.1); 
}

.cube-folding .leaf2::before {
	-moz-animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
	background-color: #f2f2f2; 
}

.cube-folding .leaf3 {
	-moz-transform: rotateZ(270deg) scale(1.1);
	-ms-transform: rotateZ(270deg) scale(1.1);
	-webkit-transform: rotateZ(270deg) scale(1.1);
	transform: rotateZ(270deg) scale(1.1); 
}

.cube-folding .leaf3::before {
	-moz-animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
	background-color: #f2f2f2; 
}

.cube-folding .leaf4 {
	-moz-transform: rotateZ(180deg) scale(1.1);
	-ms-transform: rotateZ(180deg) scale(1.1);
	-webkit-transform: rotateZ(180deg) scale(1.1);
	transform: rotateZ(180deg) scale(1.1); 
}

.cube-folding .leaf4::before {
	-moz-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
	background-color: #e6e6e6; 
}

@-moz-keyframes folding {
	0%, 10% {
		-moz-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0; 
	}
	25%, 75% {
		-moz-transform: perspective(140px) rotateX(0deg);
		transform: perspective(140px) rotateX(0deg);
		opacity: 1; 
	}
	90%, 100% {
		-moz-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0; 
	}
}

@-webkit-keyframes folding {
	0%, 10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0; 
	}
	25%, 75% {
		-webkit-transform: perspective(140px) rotateX(0deg);
		transform: perspective(140px) rotateX(0deg);
		opacity: 1; 
	}
	90%, 100% {
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0; 
	}
}

@keyframes folding {
	0%, 10% {
		-moz-transform: perspective(140px) rotateX(-180deg);
		-ms-transform: perspective(140px) rotateX(-180deg);
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0; 
	}
	25%, 75% {
		-moz-transform: perspective(140px) rotateX(0deg);
		-ms-transform: perspective(140px) rotateX(0deg);
		-webkit-transform: perspective(140px) rotateX(0deg);
		transform: perspective(140px) rotateX(0deg);
		opacity: 1; 
	}
	90%, 100% {
		-moz-transform: perspective(140px) rotateY(180deg);
		-ms-transform: perspective(140px) rotateY(180deg);
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0; 
	}
}

.cube-wrapper {
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -50px;
	margin-left: -50px;
	width: 100px;
	height: 100px;
	text-align: center; 
}

.cube-wrapper:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
	margin: auto;
	width: 90px;
	height: 6px;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-filter: blur(2px);
	filter: blur(2px);
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	z-index: 1;
	-moz-animation: shadow 0.5s ease infinite alternate;
	-webkit-animation: shadow 0.5s ease infinite alternate;
	animation: shadow 0.5s ease infinite alternate; 
}

.cube-wrapper .loading {
	font-size: 16px;
	letter-spacing: 0.1em;
	display: block;
	color: white;
	position: relative;
	top: 25px;
	z-index: 2;
	-moz-animation: text 0.5s ease infinite alternate;
	-webkit-animation: text 0.5s ease infinite alternate;
	animation: text 0.5s ease infinite alternate;
	text-transform: uppercase; 
}

@-moz-keyframes text {
	100% {
		top: 35px; 
	}
}

@-webkit-keyframes text {
	100% {
		top: 35px; 
	}
}

@keyframes text {
	100% {
		top: 35px; 
	}
}

@-moz-keyframes shadow {
	100% {
		bottom: -18px;
		width: 100px; 
	}
}

@-webkit-keyframes shadow {
	100% {
		bottom: -18px;
		width: 100px; 
	}
}

@keyframes shadow {
	100% {
		bottom: -18px;
		width: 100px; 
	}
}

.navigation.innerpage {
	background: #fff;
	border-bottom: 0px; 
}

/*---------------------------
** Main Menu
---------------------------*/

.navigation {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background: rgba(255, 255, 255, 1);
}
.navigation.stiky-nav {
    background: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 5px 5px rgba(36, 36, 36, 0.1);
    -moz-box-shadow: 0px 5px 5px rgba(36, 36, 36, 0.1);
    box-shadow: 0px 5px 5px rgba(36, 36, 36, 0.1);
}
.navigation .navbar {
    padding: 0px 0px 0px;
}
.navigation .navbar .navbar-brand {
	font-size: 30px;
	line-height: 50px;
	font-weight: 700;
	padding: 0px;
	margin-top: -2px;
	text-transform: uppercase;
	color: #242424;
}
.navigation .navbar .navbar-brand img {
	width: 250px;
	height: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.navigation .navbar #mainmenu ul .nav-item {
	text-align: center;
}
.navigation .navbar #mainmenu ul .nav-item .nav-link {
	color: #242424;
	position: relative;
	padding: 10px;
	margin: 0;
	display: inline-block;
}

.navigation .navbar #mainmenu ul .nav-item .nav-link.first-child {
	margin-top: 30px;
}

.navigation .navbar #mainmenu ul .nav-item .nav-link.last-child {
	margin-bottom: 50px;
}

.navigation .navbar #mainmenu ul .nav-item .nav-link::before {
	position: absolute;
	content: " ";
	width: 3px;
	height: 3px;
	left: 50%;
	border-radius: 50px;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-image: -moz-linear-gradient(55deg, #0196c3 0%, #97daeb);
	background-image: -webkit-linear-gradient(55deg, #0196c3 0%, #97daeb);
	background-image: -ms-linear-gradient(55deg, #0196c3 0%, #97daeb);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.navigation .navbar #mainmenu ul .nav-item .nav-link:hover::before, 
.navigation .navbar #mainmenu ul .nav-item .nav-link.active::before {
	position: absolute;
	content: " ";
	width: 70%;
	height: 3px;
	left: 50%;
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-o-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
	bottom: 0px;
	opacity: 1;
	background-image: -moz-linear-gradient(55deg, #0196c3 0%, #97daeb);
	background-image: -webkit-linear-gradient(55deg, #0196c3 0%, #97daeb);
	background-image: -ms-linear-gradient(55deg, #0196c3 0%, #97daeb);
}
.navigation .navbar #mainmenu ul .nav-item.dropdown:hover .dropdown-menu {
	display: block;
	padding: 0px;
	margin-top: 0px;
	border: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.06);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.06);
}
.navigation .navbar #mainmenu ul .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
	background: #fff;
	padding: 10px 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.185);
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.navigation .navbar #mainmenu ul .nav-item.dropdown:hover .dropdown-menu .dropdown-item:hover {
	background: #0196c3;
	color: #fff;
}
.navigation .navbar #mainmenu ul .nav-item.dropdown:hover .dropdown-menu .dropdown-item:last-child {
	border-bottom: 0px;
}

/*---------------------------
** Animated Icon
---------------------------*/

span.animated-icon {
	display: block;
	width: 30px;
	height: 20px;
	position: relative;
	margin: 0px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

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

span.animated-icon span {
	background: #0196c3;
}	
span.animated-icon span:nth-child(1) {
	top: 0px;
}
span.animated-icon span:nth-child(2) {
	top: 8px;
}
span.animated-icon span:nth-child(3) {
	top: 16px;
}
span.animated-icon.open span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
span.animated-icon.open span:nth-child(2) {
	opacity: 0;
	left: -60px;
}
span.animated-icon.open span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

/*-----------------------------
** Hero Area
------------------------------*/

.hero-area {
	position: relative;
	padding: 0;
	margin: 0;
}

.hero-area img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

/*---------------------------
** About Area
---------------------------*/

.about {
	padding: 80px 0px 30px;
	position: relative;
	overflow: hidden; 
}
.about .shape {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 500px;
    z-index: -9; 
}

.about .info h2.info-title {
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    color: #242424;
    display: block; 
}
.about .info h3.info-title {
	font-size: 2.1em;
    margin-bottom: 40px;
}
.about .info .info-title span {
	color: rgba(0, 150, 200, 0.6);
}
.about .info .link {
    margin-top: 45px; 
}
#about .info p {
	font-size: 1.1em;
}
.about .strong {
	font-weight: bold;
	font-size: 1.3em;
	line-height: 0.9em;
}
.about .box {
    text-align: center;
    background-image: -moz-linear-gradient(55deg, #0196c3 0%, #97daeb);
    background-image: -webkit-linear-gradient(55deg, #0196c3 0%, #97daeb);
    background-image: -ms-linear-gradient(55deg, #0196c3 0%, #97daeb); 
}
.about .box .inner-box {
	width: 100%;
	height: 100%;
	background: #fff;
	position: relative;
	z-index: 99;
	padding: 43px 25px 21px;
	border: 2px solid rgba(0, 0, 0, 0.07);
	-webkit-transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: 0.3s ease-in; 
}
.about .box .inner-box .icon {
	color: #242424;
	font-size: 40px;
	background-image: -moz-linear-gradient(55deg, #f075c7 0%, #9191ff);
	background-image: -webkit-linear-gradient(55deg, #f075c7 0%, #9191ff);
	background-image: -ms-linear-gradient(55deg, #f075c7 0%, #9191ff);
	display: inline-block;
	width: 80px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	border-radius: 3px;
	color: #fff;
	position: relative;
	margin-bottom: 16px; 
}
.about .box .inner-box .icon::after {
	position: absolute;
	content: " ";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	background-image: -moz-linear-gradient(55deg, #0196c3 0%, #97daeb);
	background-image: -webkit-linear-gradient(55deg, #0196c3 0%, #97daeb);
	background-image: -ms-linear-gradient(55deg, #0196c3 0%, #97daeb);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: -5;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s; 
}
.about .box .inner-box .title {
	font-size: 22px;
	font-weight: 600;
	color: #242424;
	margin: 26px 0px 19px; 
}
.about .box .inner-box .text {
	margin-bottom: 0px; 
}
.about .box .inner-box:hover {
	-webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.08); 
}
.about .box .inner-box:hover .icon {
	background-image: -moz-linear-gradient(55deg, #0196c3 0%, #97daeb);
	background-image: -webkit-linear-gradient(55deg, #0196c3 0%, #97daeb);
	background-image: -ms-linear-gradient(55deg, #0196c3 0%, #97daeb); 
}
.about .box .inner-box:hover .icon::after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-image: -moz-linear-gradient(55deg, #f075c7 0%, #9191ff);
	background-image: -webkit-linear-gradient(55deg, #f075c7 0%, #9191ff);
	background-image: -ms-linear-gradient(55deg, #f075c7 0%, #9191ff); 
}
.about .box2 {
    margin-top: 30px; 
}
.about .box4 {
    margin-top: 30px; 
}

/*-----------------------------
** Footer Area
------------------------------*/

.footer {
	overflow: hidden;
	position: relative;
	background: #666;
	padding: 70px 0px; 
}
.footer .footer-info-area .footer-logo {
    margin-bottom: 23px;
    display: block; 
}
.footer .footer-info-area .footer-logo .logo-link {
	display: block;
}
.footer .footer-info-area .footer-logo img {
	width: 250px;
	height: 50px;
}
.footer .footer-info-area .text {
    margin-bottom: 24px; 
}
.footer .fotter-social-links ul {
    padding-left: 0px;
    margin-left: 0px; 
}
.footer .fotter-social-links ul li {
	display: inline-block; 
}
.social-link a,
.footer .fotter-social-links ul li a {
	font-size: 14px;
	width: 35px;
	height: 35px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	line-height: 36px;
	margin: 0px 3px;
	color: #fff;
	-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.18);
	-webkit-transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: 0.3s ease-in; 
}

.social-link a {
	font-size: 25px;
	width: 60px;
	height: 60px;
	line-height: 58px;
}

.social-link a.instagram,
.footer .fotter-social-links ul li a.instagram {
	background: #f7007a;
	border-color: #f7007a; 
}
.social-link a.facebook,
.footer .fotter-social-links ul li a.facebook {
	background: #0069f7;
	border-color: #0069f7; 
}
.social-link a.twitter,
.footer .fotter-social-links ul li a.twitter {
	background: #00c6f7;
	border-color: #00c6f7; 
}
.social-link a.linkedin,
.footer .fotter-social-links ul li a.linkedin {
	background: #007bb5;
	border-color: #007bb5; 
}
.social-link a.dribbble,
.footer .fotter-social-links ul li a.dribbble {
	background: #f7007a;
	border-color: #f7007a; 
}
.social-link a.google-plus,
.footer .fotter-social-links ul li a.google-plus {
	background: #d1062c;
	border-color: #d1062c; 
}

.social-link a.youtube,
.footer .fotter-social-links ul li a.youtube {
	background: #d1062c;
	border-color: #d1062c; 
}

.copy-bg {
	padding: 20px 0px 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	margin-top: 84px; 
}
.copy-bg p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0px; 
}
.copy-bg a {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0px;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in; 
}
.copy-bg a:hover {
	color: #9191ff; 
}

.footer-widget .title {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	color: #242424; 
}

.footer-widget ul {
	padding-left: 0px;
	margin-bottom: 0px; 
}
.footer-widget ul li {
    list-style: none; 
}
.footer-widget ul li a {
	color: #555; 
}
.footer-widget ul li i {
	font-size: 14px;
	margin-right: 4px; 
}

.support-link-widget .title,
.use-full-link-widget .title {
	margin-bottom: 11px; 
}

.support-link-widget .link-list li,
.use-full-link-widget .link-list li {
	border-bottom: 2px dotted rgba(0, 0, 0, 0.3);
	padding: 9px 0;
	display: block; 
}
.support-link-widget .link-list li:last-child,
.use-full-link-widget .link-list li:last-child {
    border-bottom: 0px; 
}

.instagram-feed-widget .title {
	margin-bottom: 16px; 
}

.instagram-feed-widget .instagram-feed-list {
	margin: 0;
	padding: 0;
	list-style: none; 
}
.instagram-feed-widget .instagram-feed-list li {
    display: inline-block;
    margin: 8px;
    max-width: 100px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box,content-box;
    box-sizing: border-box,content-box; 
}
.instagram-feed-widget .instagram-feed-list li:nth-child(3n+1) {
	margin-left: 0; 
}

/*-----------------------------
** Other
------------------------------*/

.mix {
	display: none; 
}

.remove-col-padding {
	padding: 0; 
}

.navbar-toggler {
	border: none;
	border-color: rgba(0, 0, 0, 0); 
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); 
}

.navbar-nav .nav-link {
	padding-right: .4rem;
	padding-left: 0.4rem; 
}

.bottomtotop i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	position: fixed;
	font-size: 14px;
	text-align: center;
	background-image: -moz-linear-gradient(55deg, #0196c3 0%, #97daeb);
	background-image: -webkit-linear-gradient(55deg, #0196c3 0%, #97daeb);
	background-image: -ms-linear-gradient(55deg, #0196c3 0%, #97daeb);
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	bottom: 15px;
	right: 15px;
	-webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2);
	z-index: 999;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-o-transition: all linear .3s;
	transition: all linear .3s; 
}

.br-10 {
	border-radius: 10px; 
}

.section-title {
	text-align: center;
	margin-bottom: 56px; 
}
.section-title.extra .title {
    margin-bottom: 24px; 
}
.section-title.white .subtitle {
    color: #fff; 
}
.section-title.white .title {
    color: #fff; 
}
.section-title.white p {
    color: rgba(255, 255, 255, 0.7); 
}
.section-title .title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 13px;
    color: #242424;
    font-weight: 700;
    text-transform: capitalize; 
}
.section-title .title span {
	background-image: -moz-linear-gradient(55deg, #0196c3 0%, #97daeb);
	background-image: -webkit-linear-gradient(55deg, #0196c3 0%, #97daeb);
	background-image: -ms-linear-gradient(55deg, #0196c3 0%, #97daeb);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; 
}
.section-title p {
    max-width: 650px;
    font-size: 16px;
    line-height: 26px;
    color: #555;
    margin: 0 auto; 
}
.section-title.darkbg .title {
    color: #fff; 
}
.section-title.darkbg .title span {
	color: #fff; 
}
.section-title.darkbg p {
    color: rgba(255, 255, 255, 0.95); 
}

.background {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #e8f6f9;
	z-index: -9999; 
}

.form-element.margin-bottom-30 {
	margin-bottom: 27px; 
}

.form-element label {
	color: #242424;
	font-size: 14px;
	font-weight: 700;
	line-height: 32px; 
}
.form-element label span {
    color: #BE1F27; 
}

.form-element select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; 
}

.has-icon {
	position: relative;
	display: block; 
}
.has-icon.textarea .the-icon {
    top: 25px; 
}
.has-icon .input-field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
}
.has-icon .the-icon {
    font-size: 14px;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #7c7c90; 
}

.input-field {
	width: 100%;
	height: 50px;
	padding: 0 20px;
	border-radius: 3px;
	color: #555;
	margin-bottom: 15px; 
}
.input-field::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #555; 
}
.input-field:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #555; 
}
.input-field::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #555; 
}
.input-field:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #555; 
}
.input-field.borderd {
    border: 2px solid rgba(0, 0, 0, 0.07); 
}
.input-field.borderd:focus {
	border: 2px solid rgba(0, 0, 0, 0.3); 
}
.input-field.textarea {
    min-height: 137px;
    padding: 15px 20px;
    resize: none; 
}
.input-field.error {
    border: 1px solid #9191ff; 
}
.input-field.error::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #9191ff; 
}
.input-field.error:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #9191ff; 
}
.input-field.error::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #9191ff; 
}
.input-field.error:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #9191ff; 
}
.input-field.error:focus {
	border-color: #9191ff; 
}

.video-play-btn {
	display: inline-block;
	width: 70px;
	height: 70px;
	line-height: 72px;
	text-align: center;
	font-size: 26px;
	background-color: #fff;
	border-radius: 50%;
	position: relative;
	z-index: 1; 
}
.video-play-btn:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    z-index: -1; 
}
.video-play-btn i {
    background-image: -moz-linear-gradient(55deg, #0196c3 0%, #97daeb);
    background-image: -webkit-linear-gradient(55deg, #0196c3 0%, #97daeb);
    background-image: -ms-linear-gradient(55deg, #0196c3 0%, #97daeb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: text-color;
    -moz-animation-name: text-color;
    -o-animation-name: text-color;
    animation-name: text-color;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    position: inherit;
    z-index: 9; 
}

.email-success {
	display: block;
	width: 100%; 
}

.checkbox-element {
	display: inline-block; 
}

.checkbox-wrapper {
	display: inline-block; 
}

.margin-top-minus-200 {
	margin-top: -200px; 
}

.checkbox-inner {
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 14px;
	line-height: 24px;
	color: #585869;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
}
.checkbox-inner input {
    position: absolute;
    opacity: 0;
    cursor: pointer; 
}
.checkbox-inner .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid rgba(0, 0, 0, 0.1); 
}
.checkbox-inner input:checked ~ .checkmark {
    background-color: #9191ff; 
}
.checkbox-inner .checkmark:after {
    content: "";
    position: absolute;
    display: none; 
}
.checkbox-inner input:checked ~ .checkmark:after {
    display: block; 
}
.checkbox-inner .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); 
}

.table-responsive {
	display: table; 
}


/*---------------------------
** Responsive
---------------------------*/

@media only screen and (min-width: 1200px) and (max-width: 1400px){
    .about .round-shape4 {
        top: 205px;
        left: -70px;
        z-index: -7;
    }
    .about .round-shape6 {
        top: 100px;
        left: 30px;
    }
}

/* Medium Layout: 1199px. */
@media only screen and (max-width: 1199px){
    .about .box2 {
        margin-top: 0px;
    }
    .about .box4 {
        margin-top: 0px;
    }
    .about .box{
        margin-bottom: 30px;
    }
    .about .info{
        margin-bottom: 50px;
    }
    .footer .copy-bg {
        margin-top: 92px;
    }
}

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

    .navbar-light .navbar-toggler {
        border: 0px;
        padding: 0px;
    }
    .navbar-light .navbar-toggler:focus{
        outline: 0px;
    }
    .navigation {
        padding: 7px 0px 7px;
        background: #fff;
        border: 0px;
    }
    .navigation .navbar .navbar-brand {
        margin-top: -3px;
    }

    .navigation .navbar #mainmenu ul li a {
        padding: 10px 10px 10px!important;
        display: inline-block;
    }
    .navbar #mainmenu ul li a.active::after {
        bottom: 6px;
    }
    .hero-area {
    }
    .about {
		padding: 60px 0px 30px;
    }
    .hero-area .right-img{
        padding: 0px 120px;
        margin-bottom: 60px;
    }
    .about .box .inner-box .icon
	{
        font-size: 35px;
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .about .round-shape4,
    .about .round-shape6
    {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {


    .about {
        padding: 110px 0px 120px;
    }
    .about .box .inner-box .icon {
        width: 90px;
        height: 90px;
        line-height: 90px;
        font-size: 45px;
    }
    .about {
        padding: 80px 0px 30px;
    }
    .about .box .inner-box {
        padding: 45px 25px 21px;
    }
    .about .box .inner-box .title {
        font-size: 21px;
    }
    .about .round-shape4 {
        left: auto;
        right: -85px;
        top: 37%;
    }
    .about .round-shape6 {
        left: auto;
        right: 50px;
        top: 32%;
    }

}

/* Tablet Layout wide: 768px. */

@media only screen and (max-width: 767px) {
    .hero-area .left-content .content .title {
        font-size: 54px;
        line-height: 64px;
    }
    .shape {
        width: 350px!important;
    }
    .footer-widget.use-full-link-widget {
        margin-top: 18px;
    }
    .footer .copy-bg {
        margin-top: 96px;
    }
    .hero-area .right-img {
        padding: 0px 50px;
    }
    .footer .copy-bg {
        margin-top: 93px;
    }
    .dubble-shape{
        display: none;
    }
    .hero-area .heroarea-slider.owl-carousel .owl-controls .owl-nav .owl-prev, .hero-area .heroarea-slider.owl-carousel .owl-controls .owl-nav .owl-next {
        font-size: 16px;
        width: 35px;
        height: 35px;
        line-height: 37px;
    }

}

/* medium tablet layout 575px */

@media only screen and (max-width: 575px) {
    .hero-area .left-content .content .title {
        font-size: 40px;
        line-height: 50px;
    }
    .hero-area .left-content {
        text-align: center;
    }
    .navigation {
        padding: 7px 15px 7px;
    }
    .hero-area {
    }
    .about .round-shape6 {
        top: 5px;
        left: -23px;
    }
    .about .round-shape4 {
        left: 0px;
        display: none;
    }
    .section-title .title {
        font-size: 30px;
        line-height: 40px;
    }
    .shape {
        width: 250px !important;
    }
    .about .info .info-title {
        font-size: 30px;
        line-height: 40px;
    }
    .about .box .inner-box .title {
        font-size: 20px;
    }
    .hero-area .right-img {
        padding: 0px 70px;
    }
}

@media only screen and (max-width: 500px) {
    .hero-area .right-img {
        padding: 0px 50px;
    }
}

@media only screen and (max-width: 450px) {
	.hero-area {
    }
}

/* mobile tablet layout 414px */
@media only screen and (max-width: 414px) {
    .hero-area .left-content .content .title {
        font-size: 34px;
        line-height: 44px;
    }
    .section-title .title {
        font-size: 25px;
        line-height: 35px;
    }
    .shape {
        width: 200px !important;
    }
    .about .info .info-title {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 33px;
    }
	.about .info h2.info-title {
		font-size: 35px;
		line-height: 35px;
		margin-bottom: 10px;
	}
	.about .info h3.info-title {
	}
    .about .box .inner-box .title {
        font-size: 18px;
    }
    .about .box .inner-box .icon
    {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 40px;
    }
    .footer .footer-widget .title {
        font-size: 18px;
    }
    .hero-area .right-img {
        padding: 0px 0px;
    }
    .sfcg_cta_btn {
        padding: 12px 25px;
    }

}


/* mobile tablet layout 360px */

@media only screen and (max-width: 360px) {
    .hero-area .left-content .content .title {
        font-size: 35px;
        line-height: 45px;
    }
}

/* mobile tablet layout 320px */

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


}

/* Blocks with Zoom */

a.hover-zoom .zoom-box {
	overflow: hidden;
}

a.hover-zoom .zoom-box img {	
	transform: scale(1);
	transition: transform .5s;
}

a.hover-zoom:hover .zoom-box img  {
	transform: scale(1.05);
	transition: transform .5s;
}

a h4 {
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

a.hover-zoom:hover h4 {
	color: #00adee;
}

/* Classy.org Widget */

.classy-org-widget {
    font-size: 12pt;
}

.classy-org-progress::after {
    clear: both;
    content: "";
    display: table;
}

.classy-org-progress_raised {
    font-weight: 700;
    color: #00adee;
    font-size: 3em;
}

.classy-org-progress_goal {
    font-size: 1em;
    color: #232a2f;
}

.classy-org-progress_bar-mask {
    width: 100%;
    height: 15px;
    background-color: #e2e2e2;
    border-radius: 15px;
    overflow: hidden;
    margin: 10px 0 0;
}

.classy-org-progress_bar-value {
    height: 100%;
    background-color: #303030;
    border-radius: 15px;
    transition: width 300ms ease;
}