/* Counsel Law HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Banner Section
6. Services Section / Two
7. Welcome Section
8. Counter Section
9. Practice Section
10. Fluid Section One / Two
11. Team Section
12. Testimonail Section
13. Clients Section / Two
14. CTA Section
15. Main Footer Section
16. Page Title Section
17. Case Section
18. Case Study Section
19. Services Detail Section
20. Map Section
21. Contact Form Section

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

/* 
	font-family: 'Bellefair', serif;
	font-family: 'Open Sans', sans-serif;
	font-family: 'Oswald', sans-serif;
*/

@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('animation.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.mCustomScrollbar.min.css');

/*** 

====================================================================
	Reset
====================================================================

 ***/

* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #161010;
	 /* #777777; */
	line-height: 1.7em;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

.bordered-layout .page-wrapper {
	padding: 0px 50px 0px;
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #5555A2;
}

button,
a:hover,
a:focus,
a:visited {
	text-decoration: none;
	outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	font-weight: normal;
	margin: 0px;
	background: none;
	/* font-family: 'Bellefair', serif; */
}

input,
button,
select,
textarea {}

textarea {
	overflow: hidden;
}

p {
	position: relative;
	line-height: 1.8em;
	font-size: 16px;
}

.text {
	position: relative;
	/* color: #000102e0; */
	font-size: 18px;
	line-height: 1.8em;
	font-weight: 400;
}

.bg-color-light {
	background-color: #f9f9f9;
}

/* Typography */

h1 {
	font-size: 89px;
	line-height: 1em;
}

h2 {
	font-size: 45px;
	line-height: 1.2em;
}

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

h4 {
	font-size: 24px;
	line-height: 1.3em;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 18px;
}

.auto-container {
	position: static;
	max-width: 1298px;
	padding: 0px 15px;
	margin: 0 auto;
}
.auto-container1 {
	position: static;
	max-width: 1200px;
	padding: 0px 15px;
	margin: 0 auto;
}

.medium-container {
	max-width: 850px;
}



ul,
li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

img {
	display: inline-block;
	max-width: 100%;
}

.theme-btn {
	cursor: pointer;
	font-size: 16px;
	display: inline-block;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.centered {
	text-align: center;
}

/***

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top {
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 40px;
	height: 40px;
	color: #5555A2;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 38px;
	text-align: center;
	z-index: 100;
	cursor: pointer;
	background: #ffffff;
	display: none;
	border-radius: 50px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.scroll-to-top:hover {
	color: #ffffff;
	background: #5555A2;
}

/* List Style One */

.list-style-one {
	position: relative;
}

.list-style-one li {
	position: relative;
	color: #575d6e;
	font-size: 15px;
	padding-left: 30px;
	font-weight: 400;
	line-height: 1.6em;
	margin-bottom: 12px;
}

.list-style-one li:before {
	position: absolute;
	content: "\f1a3";
	left: 0px;
	top: 5px;
	color: #5555A2;
	font-size: 18px;
	line-height: 1em;
	font-family: "Flaticon";
}

/*Btn Style One*/

.btn-style-one {
	position: relative;
	display: inline-block;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	overflow: hidden;
	background: none;
	border-radius: 0px;
	padding: 12px 35px 12px;
	text-transform: uppercase;
	background-color: #5555A2;
}

.btn-style-one:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0.2, 1);
	transform: scale(0.2, 1);
	background-color: #ffffff;
}

.btn-style-one .txt {
	position: relative;
	z-index: 1;
}

.btn-style-one .arrow {
	margin-left: 6px;
}

.btn-style-one:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.btn-style-one:hover {
	color: #5555A2;
}

/* Btn Style Two */

.btn-style-two {
	position: relative;
	display: inline-block;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	overflow: hidden;
	background: none;
	border-radius: 0px;
	padding: 12px 35px 12px;
	text-transform: uppercase;
	background-color: #5555A2;
	border-radius: 9px;
}

.btn-style-two:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0.2, 1);
	transform: scale(0.2, 1);
	border-radius: 9px;
	/* background-color:#3E9AC4; */
}

.btn-style-two .txt {
	position: relative;
	z-index: 1;
}

.btn-style-two .arrow {
	margin-left: 6px;
}

.btn-style-two:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.btn-style-two:hover {
	color: #ffffff;
}

/* Btn Style Three */

.btn-style-three {
	position: relative;
	display: inline-block;
	line-height: 30px;
	color: #3E9AC4;
	padding: 11px 32px 11px;
	overflow: hidden;
	background: none;
	letter-spacing: 1px;
	border-radius: 0px;
	font-weight: 600;
	text-transform: uppercase;
	border: 1px solid #3E9AC4;
}

.btn-style-three:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: #3E9AC4;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0.2, 1);
	transform: scale(0.2, 1);
}

.btn-style-three .txt {
	position: relative;
	z-index: 1;
}

.btn-style-three:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.btn-style-three:hover {
	color: #ffffff;
	border-color: #3E9AC4;
}

/* Social Icon One */

.social-icon-one {
	position: relative;
	display: block;
}

.social-icon-one .title {
	position: relative;
	font-size: 20px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 700;
	margin-right: 15px;
}

.social-icon-one li {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	margin-right: 22px;
}

.social-icon-one li:last-child {
	margin-right: 0;
}

.social-icon-one li a {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-one li a:hover {
	color: #5555A2;
}

.theme_color {
	color: #5555A2;
}

.preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background-color: #ffffff;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../image/home/preloader.jpg);
	background-size: 80px;
}

img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

/*** 

====================================================================
	Section Title
====================================================================

***/

.sec-title {
	position: relative;
	z-index: 2;
	margin-bottom: 10px;
}
.sec-title1 {
	position: relative;
	z-index: 2;
	margin-bottom: 10px;	
}
.sec-title1:before {
	position: relative;
	z-index: 2;
	margin-bottom: 10px;
	background-color: #5555A2;	
}

.sec-title h2 {
	color: #3E9AC4;
	padding-bottom: 20px;
	/* text-transform: uppercase; */
	font-weight: bolder;
	font-family: 'FontAwesome';
	font-size: 46px;
}

.sec-title h2:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	height: 2px;
	width: 60px;
	font-weight: 'revert';
	font-family: 'FontAwesome'
	/* background-color: #5555A2; */
}

.sec-title.centered h2:before {
	left: 50% !important;
	margin-left: -30px;
}

.sec-title .text {
	font-weight: 400;
	margin-top: 22px;
	margin-bottom: 54px;
}

.sec-title.light .text,
.sec-title.light .title,
.sec-title.light h2 {
	color: #ffffff;
}

.sec-title.centered {
	text-align: center !important;
}


/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header {
	position: absolute;
	z-index: 99;
	width: 100%;
	padding-top: 30px;
}

.main-header .main-box {
	position: relative;
	padding: 0px 0px;
	left: 0px;
	top: 0px;
	width: 100%;
	background: none;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .main-box .outer-container {
	position: relative;
	padding: 0px 40px;
}

.main-header .main-box .logo-box {
	position: relative;
	float: left;
	left: 0px;
	z-index: 10;
	padding: 30px 0px;
}

.main-header .main-box .logo-box .logo img {
	display: inline-block;
	max-width: 100%;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .header-upper {
	position: relative;
}

.main-header .header-upper .auto-container {
	max-width: 1400px;
}

.main-header .header-upper .upper-right {
	position: relative;
	padding-top: 22px;
}

.main-header .nav-outer {
	position: relative;
	float: right;
}

.main-header .header-upper .logo-box {
	position: relative;
	padding: 12px 0px;
}

.main-header .header-upper .logo-box .logo {
	position: relative;
}

.main-header .outer-box {
	position: relative;
	float: right;
	margin-left: 20px;
	padding: 19px 0px;
}

.main-header .btn-box {
	position: relative;
	float: left;
	margin-left: 20px;
}

.main-header .phone-box {
	position: relative;
	float: left;
	top: -4px;
	margin-left: 12px;
}

.main-header .phone-box .box-inner {
	position: relative;
	padding-left: 50px;
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
}

.main-header .phone-box .box-inner .icon {
	position: absolute;
	left: 0px;
	top: 6px;
	color: #ffffff;
	font-size: 50px;
	line-height: 1em;
}

.main-header .phone-box .box-inner strong {
	position: relative;
	display: block;
	font-size: 30px;
	font-weight: 500;
	margin-top: 10px;
	font-family: 'Oswald', sans-serif;
}

/* Main Menu */

.main-menu {
	position: relative;
	float: left;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-menu .navbar-collapse {
	padding: 0px;
	float: left;
	display: block !important;
}

.main-menu .navigation {
	position: relative;
	margin: 0px;
}

.main-menu .navigation>li {
	position: relative;
	float: left;
	margin-right: 25px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li:last-child {
	margin-right: 0px;
}

.sticky-header .main-menu .navigation>li>a {
	color: #444444 !important;
}

.sticky-header .main-menu .navigation>li:hover>a,
.sticky-header .main-menu .navigation>li.current>a {
	color: #5555A2;
	background-color: inherit !important;
}

.sticky-header .nav-outer .options-box {
	margin-top: 45px;
}

/*Sticky Header*/

.sticky-header {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0px 0px;
	background: #ffffff;
	z-index: 0;
	border-bottom: 1px solid #e8f1f7;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.sticky-header .logo {
	padding: 11px 0px 9px;
}

.fixed-header .sticky-header {
	z-index: 999;
	opacity: 1;
	visibility: visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.main-menu .navigation>li>a {
	position: relative;
	display: block;
	color: #ffffff;
	text-align: center;
	line-height: 30px;
	letter-spacing: 0px;
	opacity: 1;
	font-weight: 600;
	padding: 33px 0px;
	font-size: 18px;
	text-transform: uppercase;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.sticky-header .main-menu .navigation>li {
	position: relative;
	margin-left: 30px;
	margin-right: 0px;
}

.sticky-header .main-menu .navigation>li:before,
.sticky-header .main-menu .navigation>li:after {}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a {
	opacity: 1;
	color: #5555A2;
}

.main-menu .navigation>li>ul {
	position: absolute;
	left: 0px;
	top: 110%;
	width:180px;
	z-index: 100;
	display: none;
	opacity: 0;
	visibility: hidden;
	transition: all 350ms ease;
	-moz-transition: all 350ms ease;
	-webkit-transition: all 350ms ease;
	-ms-transition: all 350ms ease;
	-o-transition: all 350ms ease;
	padding: 20px 15px;
	border-radius: 10px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

.main-menu .navigation>li>ul.from-right {
	left: auto;
	right: 0px;
}

.main-menu .navigation>li>ul>li {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #f9f9f9;
}

.main-menu .navigation>li>ul>li:last-child {
	border-bottom: none;
}

.main-menu .navigation>li>ul>li>a {
	position: relative;
	display: block;
	padding: 10px 18px;
	line-height: 24px;
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
	color: #3E9AC4;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.sticky-header .main-menu .navigation>li>a {
	padding: 23px 0px;
}

.main-menu .navigation>li>ul>li>a:before {
	position: absolute;
	/* content: '//'; */
	left: 10px;
	top: 8px;
	opacity: 0;
	color: #5555A2;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li:hover>a::before {
	opacity: 1;
}

.sticky-header .main-menu .navigation>li>a:before {
	top: 18px !important;
}

.main-menu .navigation>li>ul>li:hover>a {
	color: #5555A2;
	padding-left: 30px;
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	right: 15px;
	top: 13px;
	width: 10px;
	height: 20px;
	display: block;
	color: #253d4a;
	line-height: 20px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	z-index: 5;
}

.main-menu .navigation>li>ul>li.dropdown:hover>a:after {
	color: #222222;
}

.main-menu .navigation>li>ul>li>ul {
	position: absolute;
	left: 120%;
	top: 0%;
	width: 230px;
	z-index: 100;
	display: none;
	transition: all 350ms ease;
	-moz-transition: all 350ms ease;
	-webkit-transition: all 350ms ease;
	-ms-transition: all 350ms ease;
	-o-transition: all 350ms ease;
	padding: 20px 15px;
	border-radius: 10px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

.main-menu .navigation>li>ul>li>ul.from-right {
	left: auto;
	right: 0px;
}

.main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #f9f9f9;
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
	border-bottom: none;
}

.main-menu .navigation>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 6px 18px;
	line-height: 24px;
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
	color: #3E9AC4;
	padding-left: 10px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li:hover>a {
	color: #5555A2;
}

.main-menu .navigation>li>ul>li>ul>li>a:before {
	position: absolute;
	content: '//';
	left: 10px;
	top: 8px;
	opacity: 0;
	color: #5555A2;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li:hover>a::before {
	opacity: 1;
}

.main-menu .navigation>li>ul>li>ul>li:hover>a {
	color: #5555A2;
	padding-left: 30px;
}

.main-menu .navigation>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	top: 100%;
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	top: 0;
	left: 100%;
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
	position: absolute;
	right: 10px;
	top: 6px;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #ffffff;
	line-height: 28px;
	border: 1px solid #ffffff;
	background-size: 20px;
	cursor: pointer;
	z-index: 5;
	display: none;
}

/*** 

====================================================================
	Mobile Menu
====================================================================

***/

.nav-outer .mobile-nav-toggler {
	position: relative;
	float: right;
	font-size: 40px;
	line-height: 50px;
	cursor: pointer;
	color: #ffffff;
	display: none;
}

.mobile-menu {
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	padding-right: 30px;
	max-width: 100%;
	height: 100%;
	visibility: hidden;
	z-index: 999999;
}

.mobile-menu .nav-logo {
	position: relative;
	padding: 20px 20px;
	text-align: left;
}

.mobile-menu .nav-logo img {
	max-width: 200px;
}

.mobile-menu-visible {
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
	visibility: visible;
}

.mobile-menu .menu-backdrop {
	position: fixed;
	right: 0;
	top: 0;
	width: 0%;
	height: 100%;
	z-index: 1;
	background: rgba(0, 0, 0, 0.90);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;

	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
	opacity: 1;
	width: 100%;
	visibility: visible;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);


}

.mobile-menu .menu-box {
	position: absolute;
	right: -400px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #ffffff;
	padding: 0px 0px;
	z-index: 5;
	border-radius: 0px;

	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-box {
	right: 0px;
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.mobile-menu .close-btn {
	position: absolute;
	right: 15px;
	top: 15px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	font-size: 14px;
	color: #202020;
	cursor: pointer;
	z-index: 10;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.mobile-menu .close-btn:hover {
	opacity: 0.50;
}

.mobile-menu .navigation {
	position: relative;
	display: block;
	width: 100%;
	border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li {
	position: relative;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>ul>li:last-child {
	border-bottom: none;
}

.mobile-menu .navigation li>ul>li:first-child {
	border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 20px;
	font-size: 15px;
	color: #404040;
	text-transform: capitalize;
}

.mobile-menu .navigation li:hover>a,
.mobile-menu .navigation li.current>a {
	color: #111111;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 44px;
	height: 44px;
	text-align: center;
	font-size: 16px;
	line-height: 44px;
	color: #404040;
	cursor: pointer;
	z-index: 5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 10px;
	width: 1px;
	height: 24px;
	border-left: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
	display: none;
}

.sticky-header .navbar-header {
	display: none;
}

.main-header .sticky-header .outer-box {
	margin-left: 20px;
	padding: 10px 0px 0px;
}

.sticky-header .mobile-nav-toggler {
	position: relative;
	float: left;
	color: #111111;
	display: none;
	cursor: pointer;
	font-size: 32px;
	margin-left: 25px;
	padding: 15px 0px;
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-toped {
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 40px;
	height: 40px;
	color: #ffffff;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 38px;
	text-align: center;
	z-index: 100;
	cursor: pointer;
	background: #222222;
	display: none;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.scroll-to-toped:hover {
	color: #ffffff;
	background: #000000;
}

/*** 

====================================================================
	Banner Section
====================================================================

***/

.banner-section {
	position: relative;
	overflow: hidden;
}

.banner-section .social-nav {
	position: absolute;
	left: 50px;
	top: 40%;
	z-index: 2;
}

.banner-section .social-nav li {
	position: relative;
	margin-bottom: 15px;
}

.banner-section .social-nav li a {
	position: relative;
	width: 46px;
	height: 46px;
	color: #ffffff;
	font-size: 16px;
	line-height: 44px;
	border-radius: 50px;
	text-align: center;
	display: inline-block;
	border: 1px solid rgba(255, 255, 255, 0.50);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section .social-nav li a:hover {
	color: #ffffff;
	border-color: #5555A2;
	background-color: #5555A2;
}

.banner-section .slide::before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 2;
	background-color: rgba(0, 32, 76, 0.80);
}

.banner-section .slide {
	position: relative;
	overflow: hidden;
	padding-top: 280px;
	padding-bottom: 280px;
}

.banner-section .content-column {
	position: relative;
	z-index: 10;
}

.banner-section .content-column .inner-column {
	position: relative;
}

.banner-section .content-column .title {
	position: relative;
	color: #5555A2;
	font-size: 25px;
	line-height: 1.8em;
	margin-bottom: 22px;
	font-weight: 400;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	letter-spacing: 7px;
	padding-right: 70px;
	display: inline-block;
	text-transform: uppercase;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	font-family: 'Bellefair', serif;
}

.banner-section .content-column .title:before {
	position: absolute;
	content: '';
	right: 0px;
	top: 20px;
	height: 2px;
	width: 60px;
	background-color: #5555A2;
}

.banner-section .active .content-column .title {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-section .content-column h1 {
	position: relative;
	color: #ffffff;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	text-transform: uppercase;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section .active .content-column h1 {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.banner-section .content-column .text {
	position: relative;
	color: #ffffff;
	font-size: 22px;
	margin-top: 15px;
	margin-bottom: 30px;
	font-weight: 400;
	opacity: 0;
	z-index: 1;
	max-width: 665px;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section .active .content-column .text {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.banner-section .content-column .btns-box {
	margin-top: 35px;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section .active .content-column .btns-box {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.banner-section .content-column .theme-btn {
	margin-right: 15px;
}

.banner-section .owl-dots {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 40px;
	display: none;
	text-align: center;
}

.banner-section .owl-dots .owl-dot {
	position: relative;
	width: 30px;
	height: 6px;
	margin-bottom: 10px;
	border-radius: 0px;
	margin: 0px 5px;
	display: inline-block;
	background-color: #ffffff;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.banner-section .owl-dots .owl-dot.active,
.banner-section .owl-dots .owl-dot:hover {
	background-color: #5555A2;
}

.banner-section .owl-nav {
	position: absolute;
	left: 0px;
	top: 50%;
	z-index: 99999;
	width: 100%;
	opacity: 0;
	margin-top: -10px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.banner-section:hover .owl-nav {
	opacity: 0;
}

.banner-section .owl-nav .owl-prev {
	position: absolute;
	left: 20px;
	width: 60px;
	height: 60px;
	color: #ffffff;
	line-height: 56px;
	font-size: 16px;
	text-align: center;
	border-radius: 50px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	border: 2px solid rgba(102, 82, 82, 0.6);
}

.banner-section .owl-nav .owl-next {
	position: absolute;
	right: 20px;
	color: #ffffff;
	font-size: 16px;
	width: 60px;
	height: 60px;
	color: #ffffff;
	line-height: 56px;
	border-radius: 50px;
	text-align: center;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	border: 2px solid rgba(255, 255, 255, 0.60);
}

.banner-section .owl-nav .owl-prev:hover,
.banner-section .owl-nav .owl-next:hover {
	color: #ffffff;
	border-color: #5555A2;
	background-color: #5555A2;
}

/*** 

====================================================================
	Services Section
====================================================================

***/



.services-section {
	position: relative;
	/* background-color:#f9f9f9; */
	border-radius: 1em;
	margin: 90px auto;
	text-align: center;
}
h1{
	font-family: sans-serif;
	letter-spacing: 1px;
}
h1:after{
	content: " ";
	background: white;
	display: block;
	width: 150px;
	margin: 10px auto;
	height: 5px;
}
.con{
	font-size: 40px;
	margin: 20px auto;
	padding: 20px;
	height: 80px;
	width: 80px;
	border: 1px solid white;
	border-radius: 50%;
}
 .col-md-3:hover{
	box-shadow: 5px 7px 9px -3px rgba(255, 255, 255, 0.5);
	cursor: pointer;
 } 
.services-section .inner-container {
	position: relative;
	z-index: 10;
	margin-top: -110px;
}

.services-block {
	position: relative;
	margin-bottom: 30px;
	box-shadow: 5px 10px 8px #607EBC
	 /* #888888 */
}

.services-block:hover {
	position: relative;
	margin-bottom: 30px;
	box-shadow: 5px 10px 8px #607EBC;
	/* #888888; */
}

.services-block .inner-box {
	position: relative;
	padding: 45px 30px;
	overflow: hidden;
	background-color: #ffffff;
}

.services-block .inner-box .content {
	position: relative;
	padding-left: 8px;
}

.services-block .inner-box .content .icon {
	/* position:absolute; */
	align: center;
	left: 0px;
	top: 0px;
	color: #3E9AC4;
	font-size: 54px;
	line-height: 1em;
	display: inline-block;
	transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
}

/* changes */
.services-block:hover .inner-box .content .icon {
	overflow: hidden;
	margin-top: -1600px;
}

.services-block .inner-box .content .style:hover {
	display: block;
}

.services-block .inner-box:hover .content .icon {
	color: #5555A2;
	-webkit-transform: scale(-1) rotate(180deg);
	-moz-transform: scale(-1) rotate(180deg);
	-ms-transform: scale(-1) rotate(180deg);
	-o-transform: scale(-1) rotate(180deg);
	transform: scale(-1) rotate(180deg);
}

.services-block .inner-box h4 {
	position: relative;
	color: #3E9AC4;
	text-transform: uppercase;
}

.services-block .inner-box h4 a {
	position: relative;
	color: #3E9AC4;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.services-block .inner-box:hover h4 a {
	color: #5555A2;
}

.services-block .inner-box .content .text {
	margin-top: 6px;
}

.services-block .inner-box .arrow {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 65px;
	height: 48px;
	z-index: 1;
	color: #ffffff;
	font-size: 22px;
	line-height: 48px;
	text-align: center;
}

.services-block .inner-box .arrow:after {
	position: absolute;
	content: '';
	left: -5px;
	top: -5px;
	width: 82px;
	height: 82px;
	z-index: -1;
	border-radius: 50%;
	background-color: #5555A2;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

/* .services-block .inner-box:hover .arrow:after {
	background-color: #3E9AC4; */
/* } * */

/*** 

====================================================================
	Welcome Section
====================================================================

***/

.welcome-section {
	position: relative;
	padding-top: 90px;
	padding-bottom: 190px;
	/* background-color: #F4F5F7; */
	background-position: right bottom;
	background-repeat: no-repeat;
}

.welcome-section .inner-container {
	position: relative;
	z-index: 10;
	background-image: #ffffff;
}

.welcome-section .image-column {
	position: relative;
	float: left;
	padding: 0px;
}

.welcome-section .image-column .inner-column {
	position: relative;
}

.welcome-section .image-column .image {
	position: relative;
}

.welcome-section .image-column .image img {
	position: relative;
	width: 100%;
	display: block;
	padding-left: 101px;
}

.welcome-section .image-column .inner-column .case-box {
	position: absolute;
	left: -75px;
	bottom: -75px;
	padding: px;
	width: 240px;
	height: 212px;
	color: #ffffff;
	font-size: 75px;
	padding-top: 60px;
	text-align: center;
	background-color: #5555A2;
	font-family: 'Bellefair', serif;
}

.welcome-section .image-column .inner-column .case-box span {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 23px;
	font-weight: 700;
	line-height: 1.3em;
	margin-top: 35px;
	font-family: 'Open Sans', sans-serif;
}

.welcome-section .content-column {
	position: relative;
	float: left;
	padding: 0px;
}

.welcome-section .content-column .inner-column {
	position: relative;
	padding: 90px 40px 50px;
}

.welcome-section .content-column .btns-box {
	position: relative;
	margin-top: 40px;
}

.welcome-section .content-column .btns-box .theme-btn {
	margin-right: 14px;
}

.welcome-section.style-two {
	padding-top: 0px;
	padding-bottom: 120px;
	background: none;
}

.welcome-section.style-two .content-column .inner-column {
	padding-top: 50px;
}

.welcome-section.style-two .inner-container {
	margin-top: -160px;
	padding: 20px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}

.welcome-section.style-two:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 160px;
	right: 0px;
	bottom: 0px;
	background-color: #f9f9f9;
}

/*** 

====================================================================
	Counter Section
====================================================================

***/

.counter-section {
	position: relative;
	padding-top: 110px;
	background-color: #ffffff;
}

.counter-section .image-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	height: 825px;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
}

.counter-section .image-layer:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0.80;
	z-index: 1;
	background-color: #00204c;
}

.counter-section .fact-counter {
	margin-bottom: 50px;
}

/* Fact Counter */

.fact-counter {
	position: relative;
}

.fact-counter .counter-column {
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
}

.fact-counter .counter-column .inner {
	position: relative;
	text-align: left;
	padding: 40px 20px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background-color: #ffffff;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.fact-counter .counter-column .inner:hover {
	border-color: #5555A2;
}

.fact-counter .counter-column .inner .content {
	position: relative;
	/* padding-left:64px; */
	
}

.fact-counter .counter-column .count-box {
	position: relative;
	color: #ffffff;
	font-size: 45px;
	line-height: 1em;
	font-family: 'Bellefair', serif;
}

.fact-counter .counter-column .count-box sup {
	position: relative;
	color: #ffffff;
}

.fact-counter .counter-column .icon {
	position: absolute;
	left: 0px;
	top: 0px;
	color: #acd923eb;
	font-size: 44px;
	/* line-height: 1em; */
	transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
}

.fact-counter .counter-column .inner:hover .icon {
	-webkit-transform: scale(-1) rotate(180deg);
	-moz-transform: scale(-1) rotate(180deg);
	-ms-transform: scale(-1) rotate(180deg);
	-o-transform: scale(-1) rotate(180deg);
	transform: scale(-1) rotate(180deg);
}

.fact-counter .counter-column .count-text {
	display: inline-block;
	color: #ffffff;
	line-height: 1em;
}

.fact-counter .counter-column .count-outer {
	position: relative;
	font-size: 48px;
	line-height: 1em;
}

.fact-counter .counter-column .counter-title {
	margin-top: 10px;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
}

.fact-counter.style-two .counter-column .inner {
	background: none;
	border: 0px;
	padding: 40px 0px;
}

.video-boxed {
	position: relative;
	z-index: 1;
}

.video-boxed .video-image {
	position: relative;
	margin: 0px;
}

.video-boxed .video-image img {
	position: relative;
	width: 100%;
	z-index: 3;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}

.video-boxed .overlay-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	overflow: hidden;
	line-height: 45px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.video-boxed .overlay-box:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.20);
}

.video-boxed .overlay-box span {
	position: absolute;
	width: 120px;
	height: 120px;
	left: 50%;
	top: 50%;
	z-index: 10;
	color: #5555A2;
	font-weight: 400;
	font-size: 30px;
	text-align: center;
	border-radius: 50%;
	padding-left: 4px;
	display: inline-block;
	margin-top: -60px;
	margin-left: -60px;
	line-height: 120px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	background-color: #ffffff;
}

.video-boxed .ripple,
.video-boxed .ripple:before,
.video-boxed .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 120px;
	height: 120px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.video-boxed .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
}

.video-boxed .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
}

@-webkit-keyframes ripple {
	70% {
		box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

@keyframes ripple {
	70% {
		box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

/*** 

====================================================================
	Practice Section
====================================================================

***/

.practice-section {
	position: relative;
	padding: 80px 0px 100px;
	background-color: #ffffff;
	background-position: left bottom;
	background-repeat: no-repeat;
}

.practice-section .inner-container {
	position: relative;
	border: 1px solid #e1e1e1;
}

.practice-section .inner-container:before {
	position: absolute;
	content: '';
	left: -1px;
	top: -1px;
	right: -2px;
	bottom: -2px;
	border: 3px solid #ffffff;
}

.practice-section .inner-container:after {
	position: absolute;
	content: '';
	left: 0px;
	top: 50%;
	height: 1px;
	width: 100%;
	border-bottom: 1px solid #e1e1e1;
}

.practice-section .inner-container .practice-block {
	padding: 0px;
	float: left;
}
.practice-section .inner-container .practice-block1 {
	padding: 0px;
	float: left;
}

.practice-section .inner-container .practice-block:nth-child(4n + 0) .inner-box {
	border-right: 0px;
}
.practice-section .inner-container .practice-block1:nth-child(4n + 0) .inner-box1 {
	border-right: 0px;
}

.practice-block {
	position: relative;


}
.practice-block1 {
	position: relative;


}

.practice-block .inner-box {
	position: relative;
	text-align: center;
	padding: 40px 15px;
	/* background-color: #772121; */
	border-right: 1px solid #e1e1e1;
}
.practice-block1 .inner-box1{
	position: relative;
	text-align: center;
	padding: 40px 15px;
	/* background-color: #772121; */
	border-right: 1px solid #e1e1e1;
}

.practice-block .inner-box:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	bottom: 0px;
	height: 100%;
	width: 40%;
	opacity: 0;
	background-color: #4973eb;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.practice-block1 .inner-box1:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	bottom: 0px;
	height: 100%;
	width: 40%;
	opacity: 0;
	background-color: #4973eb;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.practice-block .inner-box:hover::before {
	opacity: 1;
	width: 100%;
}
/* .practice-block1 .inner-box1:hover::before {
	opacity: 1;
	width: 100%;
} */

.practice-block .inner-box .icon {
	position: relative;
	font-size: 60px;
	color: #5555A2;
	line-height: 1em;
	margin-bottom: 28px;
	display: inline-block;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.practice-block1 .inner-box1 .icon {
	position: relative;
	font-size: 60px;
	color: #5555A2;
	line-height: 1em;
	margin-bottom: 28px;
	display: inline-block;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.practice-block .inner-box:hover .icon {
	color: #ffffff;
	transform: rotateY(180deg);
}
/* .practice-block1 .inner-box1:hover .icon {
	color: #ffffff;
	transform: rotateY(180deg);
} */
.practice-block .inner-box:hover .icon1 {
	color: blue;
	transform: rotateY(180deg);
}
/* .practice-block1 .inner-box1:hover .icon1 {
	color: blue;
	transform: rotateY(180deg);
} */

.practice-block .inner-box h5 {
	position: relative;
	margin-bottom: 12px;
	text-transform: uppercase;
}
.practice-block1 .inner-box1 h5 {
	position: relative;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.practice-block .inner-box h5 a {
	position: relative;
	color: #3E9AC4;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.practice-block1 .inner-box1 h5 a {
	position: relative;
	color: #3E9AC4;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.practice-block .inner-box:hover .arrow,
.practice-block .inner-box:hover .text,
.practice-block .inner-box:hover h5 a {
	color: #ffffff;
}
/* .practice-block1 .inner-box1:hover .arrow,
.practice-block1 .inner-box1:hover .text,
.practice-block1 .inner-box1:hover h5 a {
	color: #ffffff;
} */

.practice-block .inner-box .text {
	color: #575d6e;
	margin-bottom: 15px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.practice-block1 .inner-box1 .text {
	color: #575d6e;
	margin-bottom: 15px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.practice-block .inner-box .arrow {
	position: relative;
	color: #5555A2;
	font-size: 20px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.practice-block1 .inner-box1 .arrow {
	position: relative;
	color: #5555A2;
	font-size: 20px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

/*** 

====================================================================
	Fluid Section One
====================================================================

***/

.fluid-section-one {
	position: relative;
	padding: 0px 0px 0px;
}

.fluid-section-one .outer-container {
	position: relative;
	min-height: 250px;
	background-color: #f9f9f9;
}

.fluid-section-one .image-column {
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.fluid-section-one .image-column:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.80;
	background-color: #00204c;
}

.fluid-section-one .image-column .inner-column {
	position: relative;
	max-width: 600px;
	width: 100%;
	float: right;
	padding: 100px 65px 80px 15px;
}

.fluid-section-one .side-icon {
	position: absolute;
	right: 0px;
	bottom: 80px;
	z-index: 1;
	background-repeat: no-repeat;
}

/*** 

====================================================================
	Accordion Style
====================================================================

***/

.accordion-box {
	position: relative;
}

.accordion-box .block {
	position: relative;
	margin-bottom: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.20);
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

/* .accordion-box .block.active-block {} */

.accordion-box .block .acc-btn {
	position: relative;
	font-size: 20px;
	cursor: pointer;
	line-height: 34px;
	color: #ffffff;
	font-weight: 400;
	background: none;
	border-radius: 0px;
	padding: 16px 50px 11px 0px;
	transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	font-family: 'Bellefair', serif;
	text-transform: uppercase;
}

.accordion-box .block .acc-btn.active {
	color: #ffffff;
}

.accordion-box .block .icon-outer {
	position: absolute;
	right: 0px;
	top: 15px;
	width: 34px;
	height: 34px;
	font-size: 18px;
	color: #ffffff;
	border-radius: 50px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.accordion-box .block .icon-outer .icon {
	position: absolute;
	right: 0px;
	width: 34px;
	height: 34px;
	color: #ffffff;
	font-size: 12px;
	padding-left: 2px;
	text-align: center;
	line-height: 32px;
	border-radius: 0%;
}

.accordion-box .block .icon-outer .icon-plus {
	opacity: 1;
}

.accordion-box .block .icon-outer .icon-minus {
	opacity: 0;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus {
	opacity: 1;
	color: #ffffff;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus {
	opacity: 0;
}

.accordion-box .block .acc-content {
	position: relative;
	display: none;
}

.accordion-box .block .acc-content .content-text {
	padding-bottom: 6px;
}

.accordion-box .block .acc-content.current {
	display: block;
}

.accordion-box .block .content {
	position: relative;
	font-size: 16px;
	color: #777777;
	line-height: 1.8em;
	padding: 0px 0px 25px 0px;
}

.accordion-box .block .content .accordian-text {
	position: relative;
	color: #b1c9e8;
	line-height: 1.9em;
}

.accordion-box .block .content p:last-child {
	margin-bottom: 0px;
}

.fluid-section-one .content-column {
	position: relative;
	float: right;
	width: 50%;
}

.fluid-section-one .content-column .inner-column {
	position: relative;
	max-width: 600px;
	width: 100%;
	padding: 90px 15px 75px 90px;
}

.default-form {
	position: relative;
	z-index: 2;
}

.default-form .form-group {
	position: relative;
	margin-bottom: 20px;
}

.default-form .form-group input[type="text"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="email"],
.default-form .form-group select {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	padding: 10px 20px;
	color: #222222;
	height: 55px;
	font-size: 16px;
	background: #ffffff;
	font-weight: 400;
	border-radius: 2px;
	border: 1px solid transparent;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group textarea:focus {
	border-color: #5555A2;
}

.default-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 22px;
	padding: 15px 20px;
	color: #222222;
	height: 190px;
	background: #ffffff;
	resize: none;
	font-size: 16px;
	font-weight: 400;
	border-radius: 0px;
	border: 1px solid transparent;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.default-form .form-group .btn-detail {}

/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button {
	width: 100%;
	font-size: 16px;
	font-style: normal;
	height: 55px;
	padding: 12px 20px 10px 20px;
	line-height: 28px;
	color: #777777;
	border: none;
	border-radius: 0px;
	background: #ffffff;
	border: 1px solid transparent;
}

.form-group .ui-button .ui-icon {
	background: none;
	position: relative;
	top: 2px;
	text-indent: 0px;
	color: #333333;
}

.form-group .ui-button .ui-icon:before {
	font-family: 'FontAwesome';
	content: "\f107";
	position: absolute;
	right: 0px;
	top: 2px !important;
	top: 13px;
	width: 10px;
	height: 20px;
	display: block;
	color: #999999;
	line-height: 20px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	z-index: 5;
	font-weight: 800;
}

.ui-widget.ui-widget-content {}

.ui-menu .ui-menu-item {
	font-size: 14px;
}

.ui-menu .ui-menu-item:last-child {
	border: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
	background: #5555A2;
	border-color: #5555A2;
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	display: block;
	padding: 8px 20px;
	font-size: 14px;
	line-height: 24px;
}

.ui-menu-item:hover {
	background-color: #5555A2;
}

/*** 

====================================================================
	Team Section
====================================================================

***/

.team-section {
	position: relative;
	padding: 110px 0px 60px;
	background-color: #ffffff;
}

/* Team Block */

.team-block {
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
}

.team-block .inner-box {
	position: relative;
}

.team-block .inner-box .image {
	position: relative;
	overflow: hidden;
}

.team-block .inner-box .image:before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: #5555A2;
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}

.team-block .inner-box:hover .image:before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}

@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}

	40% {
		opacity: 1;
	}

	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

@keyframes circle {
	0% {
		opacity: 1;
	}

	40% {
		opacity: 1;
	}

	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

.team-block .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
}

.team-block .inner-box .lower-box {
	position: relative;
	text-align: center;
	padding: 30px 15px 0px;
}

.team-block .inner-box .lower-box h5 {
	letter-spacing: 1px;
}

.team-block .inner-box .lower-box h5 a {
	position: relative;
	color: #3E9AC4;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-block .inner-box .lower-box h5 a:hover {
	color: #5555A2;
}

.team-block .inner-box .lower-box .designation {
	position: relative;
	color: #575d6e;
	font-size: 16px;
	margin-top: 8px;
	margin-bottom: 12px;
}

.team-block .inner-box .lower-box .arrow {
	position: relative;
	color: #5555A2;
	font-size: 20px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-block .inner-box .lower-box .arrow:hover {
	color: #111111;
}

/*** 

====================================================================
	Testimonail Section
====================================================================

***/

.testimonial-section {
	position: relative;
	padding: 10px 0px 110px;
	background-color: #f9f9f9;
	background-size: cover;
	background-position: center bottom;
}

.testimonial-section .inner-container {
	position: relative;
	max-width: 870px;
	margin: 0 auto;
}

.testimonial-section .inner-container .owl-dots {
	position: relative;
	text-align: center;
	margin-top: 30px;
}

.testimonial-section .inner-container .owl-dots .owl-dot {
	position: relative;
	width: 18px;
	height: 18px;
	opacity: 0.50;
	margin: 0px 5px;
	border-radius: 50%;
	display: inline-block;
	background-color: #ffffff;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-section .inner-container .owl-dots .owl-dot:hover,
.testimonial-section .inner-container .owl-dots .owl-dot.active {
	opacity: 1;
}

.testimonial-section .inner-container .owl-nav {
	position: absolute;
	left: -120px;
	top: 50%;
	right: -120px;
	margin-top: -40px;
}

.testimonial-section .inner-container .owl-nav .owl-prev {
	position: absolute;
	left: 0px;
	width: 80px;
	height: 80px;
	color: #ffffff;
	font-size: 34px;
	text-align: center;
	line-height: 70px;
	border: 3px solid #ffffff;
	border-radius: 50%;
	display: inline-block;
	background-color: #3E9AC4;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-section .inner-container .owl-nav .owl-next {
	position: absolute;
	right: 0px;
	width: 80px;
	height: 80px;
	color: #ffffff;
	font-size: 34px;
	text-align: center;
	line-height: 70px;
	border: 3px solid #ffffff;
	border-radius: 50%;
	display: inline-block;
	background-color: #3E9AC4;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-section .inner-container .owl-nav .owl-prev:hover,
.testimonial-section .inner-container .owl-nav .owl-next:hover {
	background-color: #5555A2;
	border-color: #5555A2;
}

.testimonial-block {
	position: relative;
}

.testimonial-block .inner-box {
	position: relative;
	text-align: center;
	padding: 0px 50px 50px;
}

.testimonial-block .inner-box .quote-icon {
	position: absolute;
	left: 80px;
	top: 100px;
	opacity: 0.50;
	color: #ffffff;
	line-height: 1em;
	font-size: 40px;
}

.testimonial-block .inner-box:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 60px;
	right: 0px;
	bottom: 0px;
	/* background-color: #ffffff; */
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.03);
}

.testimonial-block .inner-box .author-image {
	position: relative;
	width: 117px;
	height: 117px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 25px;
	border-radius: 50%;
	display: inline-block;
	border: 8px solid #f9f9f9;
}

.testimonial-block .inner-box .text {
	position: relative;
	font-size: 19px;
	color: #ffffff;
}

.testimonial-block .inner-box .name {
	position: relative;
	color: #5555A2;
	font-size: 22px;
	letter-spacing: 1px;
	margin-top: 20px;
	text-transform: uppercase;
	font-family: 'Bellefair', serif;
}

/*** 

====================================================================
	Clients Section
====================================================================

***/

.clients-section {
	position: relative;
	padding: 75px 0px 0px;
	background-color: #ffffff;
}

.clients-section.style-two {
	padding-top: 0px;
}

.clients-section .image-box {
	position: relative;
	text-align: center;
	padding: 10px 0px;
	border: 1px solid #e1e1e1;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.clients-section .image-box:hover {
	border-color: #5555A2;
}

.clients-section .image-box img {
	position: relative;
	width: auto;
	display: inline-block;
	filter: grayscale(100%);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.clients-section .image-box:hover img {
	filter: grayscale(0%);
}

.clients-section .owl-dots,
.clients-section .owl-nav {
	display: none;
}

/*** 

====================================================================
	CTA Section Two
====================================================================

***/

.cta-section {
	position: relative;
	background-color: #ffffff;
}

.cta-section .inner-container {
	position: relative;
	padding-left: 580px;
	padding-right: 15px;
	min-height: 304px;
	z-index: 10;
	margin-bottom: -150px;
	background-color: #f9f9f8;
}

.cta-section .inner-container:before {
	position: absolute;
	content: '';
	right: 0px;
	bottom: 0px;
	border-bottom: 150px solid #5555A2;
	border-left: 150px solid transparent;
}

.cta-section .inner-container .hammer-image {
	position: absolute;
	right: -80px;
	bottom: -80px;
	transform: rotate(-2deg);
}

.cta-section .inner-container .image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 502px;
}

.cta-section .inner-container .content {
	position: relative;
	padding: 60px 0px;
}

.cta-section .inner-container .content h2 {
	position: relative;
	color: #3E9AC4;
	font-size: 40px;
	margin-bottom: 22px;
	text-transform: uppercase;
}

/***

==================================================================
	Main Footer
==================================================================

***/

.main-footer {
	position: relative;
	background-color: #00204c;
}

.main-footer .widgets-section {
	position: relative;
	padding: 104px 0px 30px;
}

.main-footer .footer-column {
	position: relative;
	margin-bottom: 30px;
}

.main-footer .footer-widget {
	position: relative;
	margin-bottom: 30px;
}

.main-footer .footer-widget h5 {
	color: #ffffff;
	margin-bottom: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.main-footer .logo-widget {
	position: relative;
}

.main-footer .logo-widget .logo {
	position: relative;
	margin-bottom: 26px;
}

.main-footer .logo-widget .text {
	position: relative;
	color: #8fa4c2;
	font-weight: 400;
	margin-bottom: 20px;
}

.main-footer .logo-widget .social-nav {
	position: relative;
	float: left;
}

.main-footer .logo-widget .social-nav li {
	position: relative;
	margin-right: 6px;
	display: inline-block;
}

.main-footer .logo-widget .social-nav li a {
	position: relative;
	width: 44px;
	height: 44px;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	line-height: 42px;
	border-radius: 50px;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	border: 1px solid rgba(255, 255, 255, 0.10);
}

.main-footer .logo-widget .social-nav li a:hover {
	background-color: #5555A2;
	border-color: #5555A2;
}

/* Footer List */

.main-footer .footer-list {
	position: relative;
}

.main-footer .footer-list li {
	position: relative;
	margin-bottom: 10px;
}

.main-footer .footer-list li:last-child {
	margin-bottom: 0px;
}

.main-footer .footer-list li a {
	position: relative;
	color: #8fa4c2;
	font-size: 16px;
	font-weight: 400;
	padding-left: 22px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .footer-list li a:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 7px;
	width: 12px;
	height: 9px;
	background: url(../image/home/logoicon.png) no-repeat;
}

.main-footer .footer-list li a:hover {
	color: #5555A2;
}

.main-footer .contact-widget {
	position: relative;
}

.main-footer .contact-widget ul {
	position: relative;
}

.main-footer .contact-widget ul li {
	position: relative;
	color: #8fa4c2;
	font-size: 16px;
	padding-left: 35px;
	margin-bottom: 20px;
	line-height: 1.6em;
}

.main-footer .contact-widget ul li .icon {
	position: absolute;
	left: 0px;
	top: 5px;
	font-size: 18px;
	line-height: 1em;
	color: #8fa4c2;
}

.main-footer .contact-widget ul li a {
	position: relative;
	color: #8fa4c2;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .contact-widget ul li a:hover {
	color: #5555A2;
}

/* Newslettter Form */

.main-footer .newsletter-widget .text {
	position: relative;
	color: #8fa4c2;
	font-weight: 400;
	margin-bottom: 20px;
}

.main-footer .newsletter-form {
	margin-bottom: 35px;
}

.main-footer .newsletter-form .form-group {
	position: relative;
	display: block;
	margin-bottom: 10px;
}

.main-footer .newsletter-form .form-group input[type="text"],
.main-footer .newsletter-form .form-group input[type="email"] {
	position: relative;
	display: block;
	width: 100%;
	line-height: 26px;
	padding: 10px 85px 10px 25px;
	height: 55px;
	font-size: 15px;
	color: #ffffff;
	background: none;
	border-radius: 0px;
	border: 1px solid rgba(255, 255, 255, 0.30);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .newsletter-form .form-group input::-webkit-input-placeholder,
.main-footer .newsletter-form .form-group textarea::-webkit-input-placeholder {
	color: #899ebc;
}

.main-footer .newsletter-form .form-group button {
	position: relative;
	width: 100%;
	margin-top: 10px;
}

.main-footer .footer-bottom {
	position: relative;
	padding: 22px 0px;
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.main-footer .footer-bottom .copyright {
	position: relative;
	font-size: 14px;
	color: #8fa4c2;
	text-align: center;
}

/*** 

====================================================================
	Page Title
====================================================================

***/

.page-title {
	position: relative;
	padding: 200px 0px 260px;
	background-size: cover;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}

.page-title.style-two {
	padding-bottom: 120px;
}

.page-title:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	/* background-color: rgba(0, 32, 76, 0.80) */
}

.page-title h1 {
	color: #ffffff;
	font-size: 68px;
	text-transform: uppercase;
}

.page-breadcrumb {
	position: relative;
	margin-top: 20px;
}

.page-breadcrumb li {
	position: relative;
	display: inline-block;
	margin-right: 20px;
	padding-right: 30px;
	color: #5555A2;
	font-size: 22px;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-family: 'Bellefair', serif;
}

.page-breadcrumb li:after {
	position: absolute;
	content: "";
	right: -2px;
	top: 9px;
	width: 12px;
	height: 9px;
	background: url(../images/icons/logo-small-icon.png) no-repeat;
}

.page-breadcrumb li:last-child::after {
	display: none;
}

.page-breadcrumb li:last-child {
	padding-right: 0px;
	margin-right: 0px;
}

.page-breadcrumb li a {
	color: #ffffff;
	text-transform: uppercase;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.page-breadcrumb li a:hover {
	color: #5555A2;
}

/*** 

====================================================================
	Case Section
====================================================================

***/

.case-section {
	position: relative;
	padding-bottom: 110px;
}

.case-section:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 160px;
	right: 0px;
	bottom: 0px;
	background-color: #f9f9f9;
}

.case-section .inner-container {
	position: relative;
	margin-top: -180px;
	padding: 20px 20px;
	background-color: #ffffff;
}

.case-section .image-column {
	position: relative;
	float: left;
	padding: 0px;
}

.case-section .image-column .inner-column {
	position: relative;
}

.case-section .image-column .image {
	position: relative;
}

.case-section .image-column .image img {
	position: relative;
	width: 100%;
	display: block;
}

.case-section .content-column {
	position: relative;
	float: left;
	padding: 0px;
}

.case-section .content-column .inner-column {
	position: relative;
	padding: 90px 40px 50px;
}

.case-section .content-column .text-box {
	position: relative;
	color: #5555A2;
	font-size: 22px;
	line-height: 1.4em;
	padding: 25px 25px;
	overflow: hidden;
	border: 1px solid #5555A2;
	font-family: 'Bellefair', serif;
}

.case-section .content-column .text-box .arrow {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 65px;
	height: 48px;
	z-index: 1;
	color: #ffffff;
	font-size: 22px;
	line-height: 54px;
	text-align: center;
}

.case-section .content-column .text-box .arrow:after {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 82px;
	height: 82px;
	z-index: -1;
	border-radius: 50%;
	background-color: #5555A2;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.case-section .content-column:hover .arrow:after {
	background-color: #3E9AC4;
}

/*** 


====================================================================
	Services Section Two
====================================================================

***/

.services-section-two {
	position: relative;
	padding: 100px 0px 70px;
	background-color: #f9f9f9;
}

.services-section-two.style-two {
	padding-top: 0px;
}

.services-section-two .inner-container {
	position: relative;
}

.services-block-two {
	position: relative;
	margin-bottom: 30px;
}

.services-block-two .inner-box {
	position: relative;
	text-align: center;
	padding: 50px 30px 40px;
	background-color: #5F7DBC;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
}

.services-block-two .inner-box .icon {
	position: relative;
	font-size: 64px;
	color: #3E9AC4;
	line-height: 1em;
	margin-bottom: 32px;
	display: inline-block;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.services-block-two .inner-box:hover .icon {
	color: #5555A2;
	transform: rotateY(180deg);
}

.services-block-two .inner-box h5 {
	position: relative;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.services-block-two .inner-box h5 a {
	position: relative;
	color: #3E9AC4;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.services-block-two .inner-box:hover h5 a {
	color: #5555A2;
}

.services-block-two .inner-box .text {
	color: #575d6e;
	margin-bottom: 20px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.services-block-two .inner-box .arrow {
	position: relative;
	color: #5555A2;
	font-size: 20px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

/*** 

====================================================================
	Fluid Section Two
====================================================================

***/

.fluid-section-two {
	position: relative;
	overflow: hidden;
	padding: 0px 0px 0px;
}

.fluid-section-two .side-icon {
	position: absolute;
	left: 0px;
	bottom: 80px;
	z-index: 1;
	background-repeat: no-repeat;
}

.fluid-section-two .outer-container {
	position: relative;
	min-height: 250px;
	background-color: #334D70;
}

.fluid-section-two .image-column {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.fluid-section-two .image-column .video-box {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	width: 90px;
	height: 90px;
	color: #5555A2;
	font-size: 24px;
	text-align: center;
	border-radius: 50px;
	line-height: 90px;
	margin-top: -45px;
	margin-left: -45px;
	display: inline-block;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	background-color: #ffffff;
}

.fluid-section-two .image-column .video-box .overlay-box span {
	position: absolute;
	width: 90px;
	height: 90px;
	left: 50%;
	top: 50%;
	z-index: 99;
	color: #ffffff;
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	border-radius: 50%;
	padding-left: 7px;
	display: inline-block;
	margin-top: -45px;
	margin-left: -45px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}

.fluid-section-two .image-column .video-box .ripple,
.fluid-section-two .image-column .video-box .ripple:before,
.fluid-section-two .image-column .video-box .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 90px;
	width: 90px;
	margin-left: .5px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
	-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.fluid-section-two .image-column .video-box .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
}

.fluid-section-two .image-column .video-box .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
}

.fluid-section-two .image-column .image-box {
	position: relative;
	display: none;
}

.fluid-section-two .image-column .image-box img {
	position: relative;
	display: block;
	width: 100%;
}

.fluid-section-two .content-column {
	position: relative;
	float: left;
	width: 50%;
}

.fluid-section-two .content-column .inner-column {
	position: relative;
	max-width: 600px;
	width: 100%;
	float: right;
	padding: 110px 65px 110px 20px;
}

.fluid-section-two .content-column .counter-boxed {
	position: relative;
}

.fluid-section-two .content-column .counter-boxed:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 50%;
	right: 0px;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.20);
}

.fluid-section-two .content-column .counter-boxed .fact-counter.style-two .counter-column {
	margin-bottom: 0px;
}

.fluid-section-two .content-column .counter-boxed .fact-counter.style-two .counter-column:nth-child(2n + 0) .inner {
	border-right: 0px;
}

.fluid-section-two .content-column .counter-boxed .fact-counter.style-two .counter-column .inner {
	border-right: 1px solid rgba(255, 255, 255, 0.20);
}

/*** 

====================================================================
	Services Page Section
====================================================================

***/

.services-page-section {
	position: relative;
	padding: 110px 0px 70px;
}

.services-block-three {
	position: relative;
	margin-bottom: 30px;
}

.services-block-three .inner-box {
	position: relative;
	background-color: #f9f9f9;
}

.services-block-three .inner-box .row {
	margin: 0px;
}

.services-block-three .inner-box .content-column {
	position: relative;
	padding: 0px;
	float: left;
}

.services-block-three .inner-box .content-column .inner-column {
	position: relative;
	padding: 65px 50px 60px;
}

.services-block-three .inner-box .content-column h2 {
	position: relative;
	letter-spacing: 1px;
	padding-bottom: 18px;
	margin-bottom: 28px;
	/* text-transform: uppercase; */
	font-weight: bolder;
}

.services-block-three .inner-box .content-column h2 a {
	position: relative;
	color: #3E9AC4;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.services-block-three .inner-box .content-column h2 a:hover {
	color: #5555A2;
}

.services-block-three .inner-box .content-column h2:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	height: 2px;
	width: 60px;
	/* background-color: #5555A2; */
}

.services-block-three .inner-box .content-column .text {
	margin-top: 28px;
	margin-bottom: 32px;
}

.services-block-three .inner-box .image-column {
	position: relative;
	padding: 0px;
	float: left;
}

.services-block-three .inner-box .image-column .inner-column {
	position: relative;
}

.services-block-three .inner-box .image-column .image {
	position: relative;
	overflow: hidden;
	background-color: #5555A2;
}

.services-block-three .inner-box .image-column .image img {
	position: relative;
	width: 100%;
	display: block;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
}

.services-block-three .inner-box:hover .image-column .image img {
	opacity: 0.7;
	transform: scale(1.07, 1.07) rotate(3deg);
}

/*** 

====================================================================
	Services Detail Section
====================================================================

***/

.services-detail-section {
	position: relative;
	padding-bottom: 90px;
}

.services-detail-section:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 160px;
	right: 0px;
	bottom: 0px;
	background-color: #f9f9f9;
}

.services-detail-section .inner-container {
	position: relative;
	margin-top: -160px;
}

.services-detail-section .image {
	position: relative;
	padding: 20px 20px;
	background-color: #ffffff;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}

.services-detail-section .image img {
	position: relative;
	width: 100%;
	display: block;
}

.services-detail-section .lower-content {
	position: relative;
	padding-top: 65px;
}

.services-detail-section .lower-content h2 {
	position: relative;
	color: #3E9AC4;
	padding-bottom: 20px;
	text-transform: uppercase;
}

.services-detail-section .lower-content h2:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 50px;
	height: 2px;
	background-color: #5555A2;
}

.services-detail-section .lower-content p {
	position: relative;
	color: #575d6e;
	margin-top: 30px;
	margin-bottom: 25px;
}

.services-detail-section .lower-content .btn-box {
	position: relative;
	margin-top: 25px;
	margin-bottom: 70px;
}

.services-detail-section .lower-content .service-gallery-box {
	position: relative;
	z-index: 1;
}

.services-detail-section .lower-content .service-gallery-box .image-column {
	position: relative;
}

.services-detail-section .lower-content .service-gallery-box .image-two {
	position: relative;
}

.services-detail-section .lower-content .service-gallery-box .image-two img {
	position: relative;
	width: 100%;
	display: block;
}

/*** 

====================================================================
	Case Study Section
====================================================================

***/

.case-study-section {
	position: relative;
	padding-bottom: 90px;
}

.case-study-section:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 160px;
	right: 0px;
	bottom: 0px;
	background-color: #f9f9f9;
}

.case-study-section .inner-container {
	position: relative;
	margin-top: -160px;
}

.case-block {
	position: relative;
	margin-bottom: 30px;
}

.case-block .inner-box {
	position: relative;
	padding: 25px 25px 45px;
	background-color: #ffffff;
}

.case-block .inner-box .image {
	position: relative;
	overflow: hidden;
	background-color: #5555A2;
}

.case-block .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
}

.case-block .inner-box:hover .image img {
	opacity: 0.50;
	transform: scale(1.05, 1.05);
}

.case-block .inner-box .image .tag {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	color: #ffffff;
	font-size: 16px;
	padding: 6px 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
	background-color: rgba(0, 0, 0, 0.30);
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

.case-block .inner-box:hover .image .tag {
	color: #ffffff;
	background-color: #3E9AC4;
}

.case-block .inner-box .lower-content {
	position: relative;
	padding-top: 30px;
}

.case-block .inner-box .lower-content h3 {
	position: relative;
	margin-bottom: 25px;
	text-transform: uppercase;
}

.case-block .inner-box .lower-content h3 a {
	position: relative;
	color: #3E9AC4;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.case-block .inner-box .lower-content h3 a:hover {
	color: #5555A2;
}

/*** 

====================================================================
	Map Section
====================================================================

***/

.map-section {
	position: relative;
}

.map-section:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	right: 0px;
	height: 385px;
	background-color: #f9f9f9;
}

.map-section .inner-container {
	position: relative;
	margin-top: -160px;
}

.map-section .inner-container .map-boxed {
	position: relative;
	padding: 20px 20px 15px;
	background-color: #5560A6;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
}

.map-section .inner-container .map-boxed iframe {
	width: 100%;
	height: 500px;
}

/*** 

====================================================================
	Contact Form Section
====================================================================

/* Start Contact */
.contact-body{
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 1rem;
}
.contact-info{
	margin: 2 rem 0;
	text-align: center;
	padding: 2rem 0;
}
.contact-info span{
	display: block;
}
.contact-info div{
	margin: 0.8rem 0;
	padding: 1rem;
}
.contact-info span .fas{
	font-size: 2rem;
	padding-bottom: 0.9rem;
	color:#750088
}
.contact-info div span:nth-child(2){
	font-weight: 500;
	font-size: 1.1rem;
}
.contact-info .text{
	padding-top: 0.4rem;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
	border-color: #ff0000 !important;
}

.contact-form label.error {
	display: block;
	line-height: 24px;
	padding: 5px 0px 0px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 12px;
	color: #ff0000;
	font-weight: 500;
}
@import url();
*
{
	margin:0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins', Sans-serif;
}

.contact-form{
	position: relative;
	min-height: 100vh;
	padding: 115px 100px;
	display: flex;

}
/*** 

====================================================================
	Contact Info Section
====================================================================

***/

.contact-info-section {
	position: relative;
	padding: 5px 0px 70px;
	background-color: #ffffff;
}

.info-block {
	position: relative;
	margin-bottom: 30px;
}

.info-block .inner-box {
	position: relative;
	text-align: center;
	padding: 50px 20px 50px;
	border: 1px solid #e1e1e1;
}

.info-block .inner-box .icon {
	position: relative;
	color: #03224d;
	font-size: 60px;
	line-height: 1em;
	margin-bottom: 28px;
}

.info-block .inner-box h5 {
	color: #3E9AC4;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.info-block .inner-box .text {
	position: relative;
	color: #575d6e;
	font-size: 18px;
}

.info-block .inner-box .info-list {
	position: relative;
}

.info-block .inner-box .info-list li {
	position: relative;
	margin-bottom: 4px;
}

.info-block .inner-box .info-list li a {
	position: relative;
	color: #575d6e;
	font-size: 18px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.info-block .inner-box .info-list li a:hover {
	color: #5555A2;
}


/************Updated Code for Header Style Two***************/
.main-header.header-style-two {
	position: relative;
	padding: 0px;
	background: #ffffff;
}

.header-style-two .auto-container {
	max-width: 1400px;
}

.header-style-two .header-top {
	/* border-bottom: 1px solid #e5e5e5; */
	padding: 0px 0px;
	position: relative;
	display: block;
}

.header-style-two .header-top .info-box li {
	position: relative;
	display: inline-block;
	padding: 0px 21px 0px 28px;
	margin-right: 15px;
}

.header-style-two .header-top .info-box li:last-child {
	margin-right: 0px;
}

.header-style-two .header-top .info-box li i {
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 18px;
	color: #5555A2;
}

.header-style-two .header-top .info-box li a {
	position: relative;
	display: inline-block;
	font-size: 16px;
	color: #3E9AC4;
}

.header-style-two .header-top .request-btn {
	position: relative;
	float: left;
	margin-left: 35px;
}

.header-style-two .header-top .request-btn i {
	font-size: 14px;
	font-weight: 400;
	color: #5555A2;
	position: relative;
	display: inline-block;
	margin-right: 10px;
}

.header-style-two .header-top .request-btn a {
	position: relative;
	display: inline-block;
	font-size: 16px;
	color: #3E9AC4;
}

.header-style-two .search-box-outer {
	position: relative;
	float: left;
}

.header-style-two .search-box-outer .search-btn {
	position: relative;
	padding-left: 21px;
	margin-left: 21px;
}

.header-style-two .search-box-outer .search-btn:before {
	position: absolute;
	content: '';
	background: rgba(255, 255, 255, 0.2);
	width: 1px;
	height: 19px;
	left: 0px;
	top: 5px;
}

.header-style-two .search-box-outer .search-toggler {
	position: relative;
	font-size: 16px;
	font-weight: 400;
	background: transparent;
	cursor: pointer;
	display: inline-block;
	transition: all 500ms ease;
	color: #3E9AC4;
}

.header-style-two .search-box-outer .search-toggler i {
	position: relative;
	margin-right: 10px;
	color: #5555A2;
	transition: all 500ms ease;
}

.header-style-two .header-upper .logo-box {
	padding: 19px 0;
}

.header-style-two .main-menu .navigation>li>a {
	color: #3E9AC4;
}

/** banner-style-three **/
.banner-section .banner-carousel .slide-item .image-layer {
	position: absolute;
	top: 0;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 6000ms linear;
	-moz-transition: all 6000ms linear;
	-ms-transition: all 6000ms linear;
	-o-transition: all 6000ms linear;
	transition: all 6000ms linear;
}

.banner-section .banner-carousel .active .slide-item .image-layer {
	-webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}

.banner-section.style-one .banner-carousel .slide-item.style-two .image-layer {
	right: inherit;
	left: 0;
}

.banner-section.style-three {
	overflow: hidden;
}

.banner-section.style-three .slide-item {
	position: relative;
	padding: 250px 0px 250px 0px;
	overflow: hidden;
}

.banner-section.style-three .slide-item:before {
	position: absolute;
	content: '';
	background: rgba(0, 32, 76, 1);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
	opacity: 0.6;
	z-index: 1;
}

.banner-section.style-three .banner-carousel .slide-item .image-layer {
	left: 0;
	right: 0;
}

.banner-section.style-three .banner-carousel .content-box {
	max-width: 650px;
	width: 100%;
}


.banner-section.style-three .slide-item .pattern-layer .pattern-3 {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 294px;
	height: 295px;
	background-repeat: no-repeat;
	z-index: 1;
}

.banner-section.style-three .slide-item .pattern-layer .pattern-4 {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 695px;
	height: 691px;
	background-repeat: no-repeat;
	z-index: 1;
}

.banner-section.style-three .social-nav li a {
	color: #5555A2;
	border-color: #5555A2;
}

.banner-section.style-three .social-nav li a:hover {
	color: #ffffff;
}

/**Choose Us Section**/

.chooseus-section {
	position: relative;
	padding: 110px 0px 90px;
	background: #f9f9f9;
}

.chooseus-block-one {
	margin-bottom: 30px;
}

.chooseus-block-one .inner-box {
	position: relative;
	display: block;
	/* background: #3f262f; */
	padding: 50px 30px 42px 30px;
	border-radius: 10px;
	box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);
	z-index: 1;
	
}

.chooseus-block-one:before {
	position: absolute;
	display: block;
	content: '';
	background: rgba(255, 255, 255, 0.05);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 3px;
	border-radius: 10px;
}

.chooseus-block-one:after {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	border: 1px solid #05536a;
	/* #32A8CB; */
	border-radius: 10px;
	opacity: 0;
	transition: all 500ms ease;
}

.chooseus-block-one:hover:after {
	opacity: 1;
	left: -10px;
	top: -10px;
}

.chooseus-block-one .inner-box .icon-box {
	position: relative;
	display: block;
	margin-bottom: 24px;
}

.chooseus-block-one .inner-box .icon-box .icon {
	color: #3E9AC4;
	font-size: 60px;
	line-height: 1em;
	display: inline-block;
	transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	position: relative;
}

.chooseus-block-one .inner-box:hover .icon-box .icon {
	color: #5555A2;
	-webkit-transform: scale(-1) rotate(180deg);
	-moz-transform: scale(-1) rotate(180deg);
	-ms-transform: scale(-1) rotate(180deg);
	-o-transform: scale(-1) rotate(180deg);
	transform: scale(-1) rotate(180deg);
}

.chooseus-block-one .inner-box h4 {
	position: relative;
	display: block;
	color: #3E9AC4;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.chooseus-block-one .inner-box p {
	color: #575d6e;
	margin-bottom: 24px;
}

.chooseus-block-one .inner-box a {
	position: relative;
	display: inline-block;
	font-size: 14px;
	font-family: 'Nunito Sans', sans-serif;
	line-height: 24px;
	font-weight: 700;
	color: #3E9AC4;
	text-transform: uppercase;
}

.chooseus-block-one .inner-box a i {
	position: relative;
	margin-right: 8px;
	top: 2px;
	font-size: 20px;
	font-weight: 400;
	transition: all 500ms ease;
	color: #3E9AC4;
}

.chooseus-section .chooseus-block-one .inner-box a:hover,
.chooseus-section .chooseus-block-one .inner-box a:hover i {
	color: #5555A2;
}

.chooseus-section .pattern-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	background-repeat: repeat-x;
	background-size: cover;
	background-position: center;
	animation: slide 100s linear infinite;
	-webkit-animation: slide 100s linear infinite;
}

.chooseus-section.alternet-2 .chooseus-block-one .inner-box {
	background: #fff;
	box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
}

/** recruitment-technology **/

.recruitment-technology {
	position: relative;
	padding: 110px 0px 110px 0px;
	background: #ffffff;
}

.recruitment-technology .image-box {
	position: relative;
	display: block;
	margin-right: -100px;
}

.recruitment-technology .image-box img {
	max-width: none;
	float: right;
}

#content_block_4 .content-box .inner-box .single-item {
	position: relative;
	display: block;
	background: #fff;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
	margin-bottom: 30px;
	padding: 27px 30px 33px 30px;
	border-radius: 10px;
}

#content_block_4 .content-box .inner-box .single-item:last-child {
	margin-bottom: 0px;
}

#content_block_4 .content-box .inner-box .single-item .inner {
	position: relative;
	padding-left: 100px;
}

#content_block_4 .content-box .inner-box .single-item .inner .icon-box {
	position: absolute;
	left: 0px;
	top: 3px;
}

#content_block_4 .content-box .inner-box .single-item .inner h4 {
	position: relative;
	display: block;
	padding-left: 82px;
	margin-bottom: 8px;
	transition: all 500ms ease;
}

#content_block_4 .content-box .inner-box .single-item .inner h4 a {
	display: inline-block;
	color: #5555A2;
}

#content_block_4 .content-box .inner-box .single-item .inner h4 a:hover {}

#content_block_4 .content-box .inner-box .single-item .inner h4 a i {
	position: relative;
	font-size: 20px;
	margin-left: 8px;
	font-weight: 400;
	top: 2px;
	opacity: 0;
	transition: all 500ms ease;
}

#content_block_4 .content-box .inner-box .single-item:hover .inner h4 a i {
	opacity: 1;
}

#content_block_4 .content-box .inner-box .single-item .inner p {
	color: #575d6e;
}

#content_block_4 .content-box .inner-box .single-item .inner h4 span {
	position: absolute;
	left: 0px;
	top: 6px;
	font-size: 20px;
	transition: all 500ms ease;
	color: #5555A2;
}

#content_block_4 .content-box .inner-box .single-item:hover .inner h4 span {
	opacity: 0;
}

#content_block_4 .content-box .inner-box .single-item:hover .inner h4 {
	padding-left: 0px;
}

#content_block_4 .content-box .inner-box .single-item .inner h4:before {
	position: absolute;
	content: '';
	width: 40px;
	height: 2px;
	left: 32px;
	top: 19px;
	transition: all 500ms ease;
	background-color: #5555A2;
}

#content_block_4 .content-box .inner-box .single-item:hover .inner h4:before {
	opacity: 0;
}

#content_block_4 .content-box .sec-title {
	margin-bottom: 43px;
}

#content_block_4 .content-box .sec-title p {
	margin: 30px 0 0;
}

/** video-section **/

.video-section {
	position: relative;
}

.video-section #image_block_1 .image-box .video-inner {
	position: relative;
	max-width: 100%;
	width: 100%;
	text-align: center;
	padding: 185px 0px 175px 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.video-section #image_block_1 .image-box .video-inner .video-btn {
	width: 100px;
	height: 100px;
	line-height: 100px;
	font-size: 30px;
	position: relative;
	display: inline-block;
	text-align: center;
	background: #fff;
	border-radius: 50%;
	color: #5555A2;
	z-index: 1;
}

.video-section #image_block_1 .image-box .video-inner .border {
	width: 100px;
	height: 100px;
}

.video-section #image_block_1 .image-box {
	padding: 0px;
	margin: 0px;
	position: relative;
	display: block;
}

.video-section .video-content {
	position: relative;
	margin-bottom: -330px;
	z-index: 1;
}

.video-section .video-content .pattern-layer .pattern-1 {
	position: absolute;
	top: -60px;
	right: -55px;
	width: 105px;
	height: 215px;
	background-repeat: no-repeat;
}

.video-section .video-content .pattern-layer .pattern-2 {
	position: absolute;
	top: 50px;
	right: -140px;
	width: 195px;
	height: 195px;
	border-radius: 50%;
	background: #5555A2;
	opacity: 0.7;
}

.video-section .video-content .pattern-layer .pattern-3 {
	position: absolute;
	top: 170px;
	right: -150px;
	width: 80px;
	height: 80px;
	background: #5555A2;
	border-radius: 50%;
	-webkit-animation: zoom-fade 5s infinite linear;
	animation: zoom-fade 5s infinite linear;
}

#image_block_1 .image-box .video-inner .video-btn:after,
#image_block_1 .image-box .video-inner .video-btn:before {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
	-webkit-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

#image_block_1 .image-box .video-inner .video-btn:after {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}

@-webkit-keyframes ripple {
	70% {
		-webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

@keyframes ripple {
	70% {
		-webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

#image_block_1 .image-box .video-inner .border {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin-top: -10px;
	margin-left: 10px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

/** service-section **/

.service-section {
	position: relative;
	padding: 95px 0px 90px 0px;
}

.service-block-one {
	margin-top: 20px;
}

.service-block-one .inner-box {
	position: relative;
	display: block;
	text-align: center;
}

.service-block-one .inner-box .image-box {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.service-block-one .inner-box .image-box img {
	width: 100%;
	border-radius: 10px;
	transition: all 500ms ease;
}

.service-block-one .inner-box:hover .image-box img {
	transform: scale(1.1);
}

.service-block-one .inner-box .lower-content {
	position: relative;
	padding: 0px 70px;
}

.service-block-one .inner-box .lower-content .content-box {
	position: relative;
	margin-top: -117px;
	transition: all 500ms ease;
}

.service-block-one .inner-box:hover .lower-content .content-box {
	opacity: 0;
}

.service-block-one .inner-box .lower-content .content-box .inner {
	position: relative;
	display: block;
	background: #fff;
	border-radius: 10px;
	padding: 30px 15px 22px 15px;
	margin-bottom: 21px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.service-block-one .inner-box .lower-content .content-box .inner .icon-box {
	position: relative;
	display: inline-block;
	margin-bottom: 12px;
	font-size: 54px;
	line-height: 1em;
}

.service-block-one .inner-box .lower-content .content-box .link a {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 26px;
	color: #3E9AC4;
	text-transform: uppercase;
}

.service-block-one .inner-box .lower-content .overlay-content {
	position: absolute;
	left: 30px;
	top: 30px;
	background: #3E9AC4;
	border-radius: 10px;
	width: calc(100% - 60px);
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	transition: all 500ms ease;
}

.service-block-one .inner-box:hover .lower-content .overlay-content {
	top: 0px;
	opacity: 1;
	visibility: visible;
}

.service-block-one .inner-box .lower-content .overlay-content p {
	color: #ffffff;
	padding: 25px 15px 15px 15px;
}

.service-block-one .inner-box .lower-content .overlay-content a {
	position: relative;
	display: block;
	padding: 10px 15px 10px 15px;
	font-size: 14px;
	line-height: 26px;
	color: #fff;
	text-transform: uppercase;
	background: #5555A2;
}

.service-block-one .inner-box .lower-content .overlay-content a i {
	position: relative;
	font-size: 20px;
	margin-right: 8px;
	font-weight: 400;
	top: 2px;
}

.service-section .pattern-layer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 580px;
	background-size: cover;
	background-repeat: no-repeat;
}

.service-section .sec-title {
	margin-bottom: 33px;
}

.service-section .owl-dots-none .owl-dots,
.service-section .owl-nav-none .owl-nav {
	display: none !important;
}

.service-section .owl-dots {
	position: relative;
	display: block;
	text-align: center;
	margin-top: 40px;
}

.service-section .owl-dot-style-one .owl-dots .owl-dot {
	display: inline-block;
}

.owl-dot-style-one .owl-dots .owl-dot span {
	position: relative;
	display: inline-block;
	width: 3px;
	height: 10px;
	background: #c2b3aa;
	margin: 0px 5px;
	cursor: pointer;
	transition: all 500ms ease;
}

.owl-dot-style-one .owl-dots .owl-dot.active span,
.owl-dot-style-one .owl-dots .owl-dot span:hover {
	height: 20px;
	background: #5555A2;
}

.service-section .anim-icon {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	max-width: 1200px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.service-section .anim-icon .icon-1 {
	position: absolute;
	left: -25px;
	top: 45px;
	width: 170px;
	height: 250px;
	background-repeat: no-repeat;
}

.service-section .anim-icon .icon-2 {
	position: absolute;
	top: 140px;
	right: 130px;
	background: #f0e6e0;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	-webkit-animation: zoom-fade 5s infinite linear;
	animation: zoom-fade 5s infinite linear;
}

.service-section.alternet-2 {
	padding-top: 9px;
}

.service-section .sec-title.light .top-title:before,
.service-section .sec-title.light .top-title:after {
	background: #624b52;
}

.service-section .sec-title.light .top-title:after {
	border-left: 2px solid #462b34;
	border-bottom: 2px solid #462b34;
}

.service-section .sec-title.light p {
	color: #ae979f;
}

.service-section.alternet-2 .pattern-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/** Project Section **/

.project-style-two {
	position: relative;
	padding: 110px 0 80px;
}

.project-style-two .outer-container {
	position: relative;
	padding: 0px 15px;
}

.protfolio-page.project-style-two .project-block-one {
	margin-bottom: 30px;
}

.project-block-one .inner-box {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 10px;
}

.project-block-one .inner-box .image-box {
	position: relative;
	overflow: hidden;
	background: #3E9AC4;
	border-radius: 10px;
	margin-bottom: 0px;
}

.project-block-one .inner-box .image-box img {
	width: 100%;
	border-radius: 10px;
	transition: all 500ms ease;
}

.project-block-one .inner-box:hover .image-box img {
	opacity: 0.03;
}

.project-block-one .inner-box .content-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	padding: 15px 50px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.project-block-one .inner-box .content-box .view-btn {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.project-block-one .inner-box .content-box .text span {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 8px;
	color: #5555A2;
	top: -15px;
	opacity: 0;
	transition: all 500ms ease;
}

.project-block-one .inner-box:hover .content-box .text span,
.project-block-one .inner-box:hover .content-box .text h4 {
	top: 0px;
	opacity: 1;
}

.project-block-one .inner-box .content-box .text h4 {
	position: relative;
	display: block;
	color: #fff;
	top: 15px;
	opacity: 0;
	transition: all 500ms ease;
}

.project-block-one .inner-box .content-box .text h4 a {
	display: inline-block;
	color: #fff;
}

.project-block-one .inner-box .content-box .text h4 a:hover {}

.project-block-one .inner-box .content-box .view-btn a {
	position: relative;
	display: inline-block;
	font-size: 24px;
	color: #fff;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 10px 0px 10px 0px;
	z-index: 1;
	opacity: 0;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	background: #5555A2;
}

.project-block-one .inner-box:hover .content-box .view-btn a {
	opacity: 1;
}

.project-block-one .inner-box .pattern-layer .pattern-2 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 159px;
	height: 174px;
	background-repeat: no-repeat;
	opacity: 0;
	transition: all 500ms ease;
}

.project-block-one .inner-box:hover .pattern-layer .pattern-2 {
	opacity: 1;
}

.project-style-two .project-block-one .inner-box:hover .image-box img {
	opacity: 0.15;
}

.project-style-two .more-text p {
	position: relative;
	display: block;
	font-size: 16px;
	margin-bottom: 0px;
}

.project-style-two .more-text {
	position: relative;
	margin-top: 53px;
}

.project-style-two .more-text p a {
	display: inline-block;
	color: #5555A2;
	border-bottom: 1px solid #5555A2;
}

/* Facts section three */

.facts-section-three {
	position: relative;
	padding: 110px 0 80px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.facts-section-three:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	background-color: rgba(0, 32, 76, 0.8);
}

.fact-counter-style-three {
	position: relative;
	z-index: 1;
}

.facts-section-three .content {
	position: relative;
	/* display: flex;
    flex-wrap: wrap; */
	padding-left: 120px;
	align-items: center;
	margin-bottom: 30px;
}

.facts-section-three .content:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 70px;
	height: 150px;
	border: 1px solid #5555A2;
	transition: .5s;
}

.facts-section-three .inner:hover .content:before {
	border-color: #ffffff;
}

.facts-section-three .icon {
	position: absolute;
	left: 0px;
	width: 80px;
	height: 80px;
	line-height: 78px;
	border: 1px solid #5555A2;
	border-radius: 50%;
	text-align: center;
	font-size: 40px;
	background-color: #5555A2;
	margin-left: 30px;
	margin-right: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	transition: .5s;
	color: #ffffff;
}

.facts-section-three .inner:hover .icon {
	color: #5555A2;
	background: #ffffff;
	border-color: #ffffff;
}

.facts-section-three .count-box {
	position: relative;
	font-size: 48px;
	margin-bottom: 15px;
	font-family: 'Bellefair', serif;
	line-height: 1em;
	color: #ffffff;
}

.facts-section-three h4 {
	position: relative;
	font-size: 18px;
	color: #fff;
	margin-bottom: 15px;
	font-family: 'Open Sans', sans-serif;
}

.facts-section-three .text {
	position: relative;
	color: #bebec2;
	margin-bottom: 0;
}

/** case-style-three **/

.case-style-three {
	position: relative;
	padding: 90px 0px 80px 0px;
}

.case-block-two .inner-box {
	position: relative;
	display: block;
}

.case-block-two .inner-box .image-box {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 3px;
	margin-bottom: 0px;
}

.case-block-two .inner-box .image-box img {
	width: 100%;
	border-radius: 3px;
}

.case-block-two .inner-box .image-box .client-box {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
	transition: all 500ms ease;
}

.case-block-two .inner-box .image-box .client-box .client-logo {
	position: relative;
	display: inline-block;
	background: #fff;
	width: 72px;
	height: 72px;
	text-align: center;
	border-radius: 50%;
	padding: 15px;
	cursor: pointer;
}

.case-block-two .inner-box .image-box .client-box span {
	position: absolute;
	top: 16px;
	right: 70px;
	width: 128px;
	display: inline-block;
	background: #fff;
	font-size: 18px;
	line-height: 26px;
	font-family: 'Josefin Sans', Sans-serif;
	padding: 7px;
	text-align: center;
	border-radius: 3px;
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease;
}

.case-block-two .inner-box .image-box .client-box:hover span {
	right: 90px;
	opacity: 1;
	visibility: visible;
}

.case-block-two .inner-box .image-box .client-box span:before {
	position: absolute;
	content: '';
	background: #fff;
	width: 12px;
	height: 12px;
	top: 14px;
	right: -5px;
	transform: rotate(45deg);
}

.case-block-two .inner-box .image-box .client-box .client-logo img {
	width: auto;
	border-radius: 50%;
}

.case-block-two .inner-box .image-box .link {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.case-block-two .inner-box .image-box .link a {
	position: relative;
	display: inline-block;
	font-size: 35px;
	line-height: 35px;
	color: #fff;
	transform: scale(0, 0);
}

.case-block-two .inner-box:hover .image-box .link a {
	transform: scale(1, 1);
}

.case-block-two .inner-box .image-box .overlay-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	transform: scale(0, 0);
	transition: all 500ms ease;
	background: rgba(0, 32, 76, 0.6);
}

.case-block-two .inner-box:hover .image-box .overlay-layer {
	transform: scale(1, 1);
}

.case-block-two .inner-box .lower-content {
	position: relative;
	padding-top: 22px;
}

.case-block-two .inner-box .lower-content .box {
	position: relative;
	padding-left: 70px;
}

.case-block-two .inner-box .lower-content .box h4 a {
	color: #3E9AC4;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.case-block-two .inner-box .lower-content .box h4 a:hover {
	color: #5555A2;
}

.case-block-two .inner-box .lower-content .box .icon-box {
	position: absolute;
	left: 0px;
	top: 8px;
	font-size: 50px;
	line-height: 50px;
	color: #3E9AC4;
}

.case-block-two .inner-box .lower-content .box p {
	position: relative;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 6px;
}

.case-style-three .case-block-two .inner-box {
	background: #fff;
	border-radius: 5px;
	padding: 0px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.case-style-three .case-block-two .inner-box .image-box {
	border-radius: 0px;
}

.case-style-three .case-block-two .inner-box .image-box img {
	border-radius: 0px;
}

.case-style-three .case-block-two .inner-box .lower-content .box {
	margin-bottom: 15px;
}

.case-style-three .case-block-two .inner-box .lower-content {
	padding: 30px 30px 16px 30px;
}

.case-style-three .case-block-two .inner-box .lower-content .text {
	position: relative;
	padding-bottom: 23px;
	margin-bottom: 18px;
	border-bottom: 1px solid #e5e5e5;
}

.case-style-three .case-block-two .inner-box .lower-content .text p {
	margin-bottom: 0px;
}

.case-style-three .case-block-two .inner-box .lower-content .link {
	position: relative;
}

.case-style-three .case-block-two .inner-box .lower-content .link i {
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 14px;
	font-weight: 400;
	opacity: 0;
	transition: all 500ms ease;
}

.case-style-three .case-block-two .inner-box .lower-content .link a:hover i {
	opacity: 1;
}

.case-style-three .case-block-two .inner-box .lower-content .link a {
	position: relative;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	color: #3E9AC4;
	transition: all 500ms ease;
}

.case-style-three .case-block-two .inner-box .lower-content .link a:hover {
	padding-left: 22px;
}



.consult-form {
	position: relative;
	z-index: 2;
}

.consult-form .form-group {
	position: relative;
	margin-bottom: 20px;
}

.consult-form .form-group input[type="text"],
.consult-form .form-group input[type="tel"],
.consult-form .form-group input[type="email"],
.consult-form .form-group select {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	padding: 10px 22px;
	color: #222222;
	height: 55px;
	font-size: 16px;
	background: #ffffff;
	font-weight: 400;
	border-radius: 2px;
	border: 1px solid transparent;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.consult-form .form-group input[type="text"]:focus,
.consult-form .form-group input[type="tel"]:focus,
.consult-form .form-group input[type="email"]:focus,
.consult-form .form-group textarea:focus {
	border-color: #5555A2;
}

.consult-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 22px;
	padding: 15px 20px;
	color: #222222;
	height: 160px;
	background: #ffffff;
	resize: none;
	font-size: 16px;
	font-weight: 400;
	border-radius: 0px;
	border: 1px solid transparent;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.consult-form .form-group .theme-btn {
	margin-top: 15px;
}











/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container {
	position: relative;
	padding: 100px 0px 50px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
	margin-bottom: 40px;
}

.sidebar-page-container .sidebar-side .sidebar-inner {
	position: relative;
	padding-left: 20px;
}

.sticky-top {
	top: 140px;
	z-index: 1;
}





/*Search Box Widget*/

.sidebar .search-box .form-group {
	position: relative;
	margin: 0px;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
	position: relative;
	line-height: 28px;
	padding: 10px 50px 10px 25px;
	border: 1px solid #cccccc;
	background: #f9f9f9;
	display: block;
	width: 100%;
	height: 60px;
	border-radius: 0px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.sidebar .search-box .form-group button {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 60px;
	width: 60px;
	display: block;
	font-size: 16px;
	color: #ffffff;
	line-height: 100%;
	font-weight: normal;
	background: #5555A2;
	border-radius: 0px 5px 5px 0px;
}

/* Sidebar Widget */

.sidebar-widget {
	margin-bottom: 50px;
}

.sidebar-widget:last-child {
	margin-bottom: 0px;
}

.sidebar-widget .widget-content {
	position: relative;
	padding: 35px 30px;
	background-color: #f9f9f9;
	border: 1px solid #cccccc;
}

/* Sidebar Title */

.sidebar-title {
	position: relative;
	margin-bottom: 20px;
}

.sidebar-title h5 {
	color: #222222;
	text-transform: uppercase;
}

.cat-list-two {
	position: relative;
}

.cat-list-two li {
	position: relative;
	margin-bottom: 1px;
}

.cat-list-two li a {
	position: relative;
	color: #555555;
	font-size: 16px;
	display: block;
	padding: 18px 25px;
	background-color: #dddddd;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.cat-list-two li a span {
	position: absolute;
	right: 25px;
}

.cat-list-two li a:hover {
	color: #5555A2;
	background-color: #222222;
}

/* Post Widget */

.popular-posts .post {
	position: relative;
	font-size: 14px;
	color: #666666;
	min-height: 105px;
	padding-left: 80px;
	margin-bottom: 20px;
	border-bottom: 1px solid #dddddd;
}

.popular-posts .post:last-child {
	margin-bottom: 0px;
	min-height: 60px;
	border: 0px;
}

.popular-posts .post .post-thumb {
	position: absolute;
	left: 0px;
	top: 4px;
	width: 60px;
	height: 60px;
}

.popular-posts .post .post-thumb img {
	display: block;
	width: 100%;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.popular-posts .post .text {
	position: relative;
	top: 0px;
	margin: 0px 0px 3px;
	font-weight: 600;
	color: #222222;
	text-transform: capitalize;
}

.popular-posts .post .text a {
	color: #222222;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.popular-posts .post a:hover {
	color: #5555A2;
}

.popular-posts .post-info {
	position: relative;
	font-size: 14px;
	color: #555555;
	font-weight: 400;
	padding-left: 20px;
	margin-top: 6px;
}

.popular-posts .post-info:before {
	position: absolute;
	content: "\f073";
	left: 0px;
	top: 6px;
	color: #5555A2;
	font-size: 14px;
	line-height: 1em;
	font-family: 'FontAwesome';
}

/* Popular Tags */

.sidebar .popular-tags a {
	position: relative;
	display: inline-block;
	line-height: 24px;
	padding: 8px 20px 10px;
	margin: 0px 6px 8px 0px;
	color: #555555;
	text-align: center;
	font-size: 16px;
	background: #ffffff;
	font-weight: 400;
	border-radius: 0px;
	border: 1px solid #cccccc;
	border-left: 3px solid #222222;
	text-transform: capitalize;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.sidebar .popular-tags a:hover {
	border-color: #5555A2;
	background-color: #5555A2;
	color: #ffffff;
}





.news-block {
	position: relative;
	margin-bottom: 30px;
}

.news-block .inner-box {
	position: relative;
}

.news-block .inner-box .pattern-layer {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 750px;
	height: 440px;
}

.news-block .inner-box .image {
	position: relative;
	overflow: hidden;
}

.news-block .inner-box .image:before {
	position: absolute;
	content: '';
	left: 0px;
	top: -150px;
	width: 100%;
	height: 100px;
	opacity: 0.3;
	z-index: 1;
	background-color: #5555A2;
	transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
}

.news-block .inner-box:hover .image:before {
	top: 150%;
}

.news-block .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
}

.news-block .inner-box .image .category {
	position: absolute;
	right: 0px;
	z-index: 2;
	bottom: 0px;
	color: #ffffff;
	font-size: 20px;
	padding: 16px 30px;
	display: inline-block;
	background-color: #5555A2;
	font-family: 'Bellefair', serif;
}

.news-block .inner-box .lower-content {
	position: relative;
	padding-top: 15px;
}

.news-block .inner-box .image .post-meta {
	position: absolute;
	left: 0px;
	right: 0px;
	z-index: 1;
	bottom: 0px;
	padding: 15px 20px;
	background-color: #222222;
}

.news-block .inner-box .image .post-meta li {
	position: relative;
	color: #ffffff;
	font-size: 16px;
	padding-right: 18px;
	margin-right: 15px;
	display: inline-block;
	font-family: 'Bellefair', serif;
}

.news-block .inner-box .image .post-meta li:before {
	position: absolute;
	content: '/';
	right: 0px;
	top: 0px;
}

.news-block .inner-box .image .post-meta li:last-child::before {
	display: none;
}

.news-block .inner-box .image .post-meta li .icon {
	position: absolute;
	left: 0px;
	color: #5555A2;
	font-size: 16px;
}

.news-block .inner-box .image .post-meta li a {
	position: relative;
	color: #ffffff;
	padding-left: 26px;
}

.news-block .inner-box .image .post-meta li:last-child {
	margin-right: 0px;
}

.news-block .inner-box .lower-content h3 {
	line-height: 1.3em;
	margin-top: 12px;
}

.news-block .inner-box .lower-content h3 a {
	position: relative;
	color: #222222;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.news-block .inner-box .lower-content h3 a:hover {
	color: #5555A2;
}

.news-block .inner-box .lower-content .btn-box {
	position: relative;
	margin-top: 25px;
}

.news-block .inner-box .lower-content .text {
	margin-top: 18px;
}


/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.our-blogs .news-block-three {
	margin-bottom: 50px;
}

.our-blogs .styled-pagination {
	margin-top: 40px;
}

.blog-classic .styled-pagination {
	margin-top: 80px;
}

.styled-pagination {
	position: relative;
}

.styled-pagination li {
	position: relative;
	margin: 0px 4px 10px;
	display: inline-block;
}

.styled-pagination li a {
	position: relative;
	width: 50px;
	height: 50px;
	color: #222222;
	font-size: 20px;
	font-weight: 400;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	background-color: #ebebeb;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	font-family: 'Bellefair', serif;
}

.styled-pagination li.active a,
.styled-pagination li:hover a {
	color: #111111;
	background-color: #5555A2;
}

.styled-pagination li.prev a {
	top: -2px;
	font-size: 14px;
	color: #ffffff;
	font-weight: 600;
	border-radius: 0px;
	background-color: #555555;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.styled-pagination li.next a {
	top: -2px;
	font-size: 14px;
	color: #ffffff;
	font-weight: 600;
	background-color: #555555;
	border-radius: 0px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover {
	background-color: #222222;
}




.blog-detail {
	position: relative;
}

.blog-detail .inner-box {
	position: relative;
}

.blog-detail .inner-box .pattern-layer {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 750px;
	height: 440px;
}

.blog-detail .inner-box .image {
	position: relative;
	overflow: hidden;
}

.blog-detail .inner-box .image:before {
	position: absolute;
	content: '';
	left: 0px;
	top: -150px;
	width: 100%;
	height: 100px;
	opacity: 0.3;
	z-index: 1;
	background-color: #5555A2;
	transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
}

.blog-detail .inner-box:hover .image:before {
	top: 150%;
}

.blog-detail .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
}

.blog-detail .inner-box .image .category {
	position: absolute;
	right: 0px;
	z-index: 2;
	bottom: 0px;
	color: #ffffff;
	font-size: 20px;
	padding: 16px 30px;
	display: inline-block;
	background-color: #5555A2;
	font-family: 'Bellefair', serif;
}

.blog-detail .inner-box .lower-content {
	position: relative;
	padding-top: 15px;
}

.blog-detail .inner-box .image .post-meta {
	position: absolute;
	left: 0px;
	right: 0px;
	z-index: 1;
	bottom: 0px;
	padding: 15px 20px;
	background-color: #222222;
}

.blog-detail .inner-box .image .post-meta li {
	position: relative;
	color: #ffffff;
	font-size: 16px;
	padding-left: 26px;
	padding-right: 18px;
	margin-right: 15px;
	display: inline-block;
	font-family: 'Bellefair', serif;
}

.blog-detail .inner-box .image .post-meta li:before {
	position: absolute;
	content: '/';
	right: 0px;
	top: 0px;
}

.blog-detail .inner-box .image .post-meta li:last-child::before {
	display: none;
}

.blog-detail .inner-box .image .post-meta li .icon {
	position: absolute;
	left: 0px;
	right: 0px;
	color: #5555A2;
	font-size: 16px;
}

.blog-detail .inner-box .image .post-meta li:last-child {
	margin-right: 0px;
}

.blog-detail .inner-box .lower-content h3 {
	margin-top: 12px;
	color: #222222;
	margin-bottom: 20px;
}

.blog-detail .inner-box .lower-content p {
	position: relative;
	color: #555555;
	margin-bottom: 12px;
	margin-top: 0px;
}

.blog-detail .inner-box .lower-content blockquote {
	position: relative;
	text-align: center;
	margin-top: 35px;
	margin-bottom: 25px;
}

.blog-detail .inner-box .lower-content blockquote:before {
	position: absolute;
	content: '';
	left: 50%;
	top: 25px;
	width: 310px;
	height: 2px;
	margin-left: -155px;
	background-color: #5555A2;
}

.blog-detail .inner-box .lower-content blockquote .quote-icon {
	position: relative;
	width: 50px;
	height: 50px;
	color: #111111;
	font-size: 20px;
	margin-bottom: 30px;
	line-height: 48px;
	display: inline-block;
	background-color: #ffffff;
	border: 1px solid #e3e3e3;
}

.blog-detail .inner-box .lower-content blockquote .quote-text {
	position: relative;
	color: #222222;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.5em;
}

.blog-detail .inner-box .lower-content blockquote .quote-author {
	position: relative;
	color: #5555A2;
	font-size: 18px;
	font-weight: 700;
	margin-top: 20px;
}

.blog-detail .inner-box .lower-content .two-column {
	position: relative;
	margin-top: 30px;
}

/* Post Share Options */

.blog-detail .post-share-options {
	position: relative;
	margin-top: 40px;
	padding: 30px 0px 0px;
	border-top: 1px solid #e1e1e1;
}

.blog-detail .post-share-options .tags span {
	font-size: 15px;
	color: #f7941d;
	font-weight: 400;
	margin-right: 10px;
	text-transform: capitalize;
}

.blog-detail .post-share-options .tags a {
	position: relative;
	color: #555555;
	font-size: 16px;
	font-weight: 400;
	line-height: 1em;
	margin-right: 10px;
	display: inline-block;
	text-transform: capitalize;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.blog-detail .post-share-options .tags a:last-child {
	border-right: none;
	margin-right: 0px;
	padding-right: 0px;
}

.blog-detail .post-share-options .tags {
	position: relative;
	color: #222222;
	font-size: 18px;
	font-weight: 700;
	margin-right: 5px;
	text-transform: uppercase;
}

.blog-detail .post-share-options .tags a:hover {
	color: #5555A2;
}

/* Author Box */

.blog-author-box {
	position: relative;
	padding: 30px 30px;
	margin-top: 60px;
	min-height: 225px;
	margin-bottom: 55px;
	border: 1px solid #dddddd;
}

.blog-author-box .author-inner {
	position: relative;
	padding-right: 15px;
	padding-left: 190px;
}

.blog-author-box .thumb {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 160px;
	width: 160px;
	overflow: hidden;
}

.blog-author-box .thumb img {
	display: block;
	width: 100%;
	height: auto;
}

.blog-author-box .name {
	position: relative;
	display: block;
	line-height: 30px;
	color: #222222;
	font-size: 24px;
	margin-bottom: 5px;
}

.blog-author-box .text {
	display: block;
	color: #555555;
	font-weight: 400;
	margin-bottom: 18px;
	margin-top: 6px;
}

.blog-author-box .social-icon {
	position: relative;
}

.blog-author-box .social-icon li {
	position: relative;
	display: inline-block;
	margin-right: 15px;
}

.blog-author-box .social-icon li:last-child {
	margin-right: 0;
}

.blog-author-box .social-icon li a {
	position: relative;
	display: block;
	font-size: 18px;
	font-weight: 400;
	line-height: 34px;
	color: #777777;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-author-box .social-icon li a:hover {
	color: #5555A2;
}

/*** 

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area {
	position: relative;
	margin-top: 60px;
	margin-bottom: 50px;
}

.sidebar-page-container .group-title {
	position: relative;
	margin-bottom: 35px;
}

.sidebar-page-container .group-title h5 {
	color: #222222;
	text-transform: uppercase;
}

.sidebar-page-container .comments-area .comment-box {
	position: relative;
	padding: 0px 0px 0px;
	margin-bottom: 30px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sidebar-page-container .comments-area .comment-box:last-child {
	margin-bottom: 0px;
}

.sidebar-page-container .comments-area .comment {
	position: relative;
	font-size: 14px;
	min-height: 170px;
	padding: 5px 0px 0px 200px;
}

.sidebar-page-container .comments-area .reply-comment {
	margin-left: 60px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 170px;
	border-radius: 0px;
	margin-bottom: 20px;
	overflow: hidden;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img {
	width: 100%;
	display: block;
}

.sidebar-page-container .comments-area .comment-info {
	margin-bottom: 15px;
}

.sidebar-page-container .comments-area .comment-box strong {
	font-size: 20px;
	color: #5555A2;
	display: block;
	font-weight: 400;
	line-height: 1.3em;
	display: inline-block;
	text-transform: uppercase;
	font-family: 'Bellefair', serif;
}

.sidebar-page-container .comments-area .comment-box .text {
	padding-top: 0px;
	margin-bottom: 20px;
}

.sidebar-page-container .comments-area .comment-info .comment-time {
	color: #222222;
	font-weight: 700;
	margin-left: 20px;
	display: inline-block;
	text-transform: uppercase;
}

.sidebar-page-container .comments-area .comment-box .theme-btn {
	position: relative;
	font-size: 16px;
	color: #222222;
	text-transform: capitalize;
	font-family: 'Bellefair', serif;
}

.sidebar-page-container .comments-area .comment-box .theme-btn:hover {
	color: #5555A2;
}

.sidebar-page-container .comments-area .comment-box .theme-btn .arrow {
	position: relative;
	top: 1px;
	color: #5555A2;
	font-size: 20px;
	margin-left: 6px;
}

/* Comment Form */

.comment-form {
	position: relative;
	z-index: 1;
}

.comment-form .form-group {
	position: relative;
	margin-bottom: 30px;
}

.ui-selectmenu-button.ui-button,
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="email"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="url"],
.comment-form .form-group textarea,
.comment-form .form-group select {
	position: relative;
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	color: #555555;
	font-weight: 400;
	padding: 14px 28px;
	z-index: 1;
	height: 60px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.comment-form .form-group input:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus {
	border-color: #fda700;
}

.comment-form .form-group textarea {
	height: 180px;
	resize: none;
	border-radius: 0px;
}

.comment-form .form-group input[type="submit"],
.comment-form button {
	margin-top: 5px;
}

.comment-form .form-group input[type="submit"]:hover,
.comment-form button:hover {}

.carousel-item {
	height: 100vh;
	min-height: 350px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.style {
	display: none;
	overflow: hidden;
	transition: all 600ms;

}


/* our portfolio start here */

#news-slider {
	margin-top: 80px;
}


.post-slide {
	background: #fff;
	margin: 20px 15px 20px;
	border-radius: 15px;
	padding-top: 1px;
	box-shadow: 0px 14px 22px -9px #bbcbd8;
}

.post-slide .post-img {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	margin: -12px 15px 8px 15px;
	margin-left: -10px;
}

.post-slide .post-img img {
	width: 100%;
	height: auto;
	transform: scale(1, 1);
	transition: transform 0.2s linear;
}

.post-slide:hover .post-img img {
	transform: scale(1.1, 1.1);
}

.post-slide .over-layer {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background: linear-gradient(-45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);
	transition: all 0.50s linear;
}

.post-slide:hover .over-layer {
	opacity: 1;
	text-decoration: none;
}

.post-slide .over-layer i {
	position: relative;
	top: 45%;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 25px;
}

.post-slide .post-content {
	background: #fff;
	padding: 2px 20px 40px;
	border-radius: 15px;
}

.post-slide .post-title a {
	font-size: 15px;
	font-weight: bold;
	color: #333;
	display: inline-block;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
}

.post-slide .post-title a:hover {
	text-decoration: none;
	color: #3498db;
}

.post-slide .post-description {
	line-height: 24px;
	color: #808080;
	margin-bottom: 25px;
}

.post-slide .post-date {
	color: #a9a9a9;
	font-size: 14px;
}

.post-slide .post-date i {
	font-size: 20px;
	margin-right: 8px;
	color: #CFDACE;
}

.post-slide .read-more {
	padding: 7px 20px;
	float: right;
	font-size: 12px;
	background: #2196F3;
	color: #ffffff;
	box-shadow: 0px 10px 20px -10px #1376c5;
	border-radius: 25px;
	text-transform: uppercase;
}

.post-slide .read-more:hover {
	background: #3498db;
	text-decoration: none;
	color: #fff;
}

.owl-controls .owl-buttons {
	text-align: center;
	margin-top: 20px;
}

.owl-controls .owl-buttons .owl-prev {
	background: #fff;
	position: absolute;
	top: -13%;
	left: 15px;
	padding: 0 18px 0 15px;
	border-radius: 50px;
	box-shadow: 3px 14px 25px -10px #92b4d0;
	transition: background 0.5s ease 0s;
}

.owl-controls .owl-buttons .owl-next {
	background: #fff;
	position: absolute;
	top: -13%;
	right: 15px;
	padding: 0 15px 0 18px;
	border-radius: 50px;
	box-shadow: -3px 14px 25px -10px #92b4d0;
	transition: background 0.5s ease 0s;
}

.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after {
	content: "\f104";
	font-family: FontAwesome;
	color: #333;
	font-size: 30px;
}

.owl-controls .owl-buttons .owl-next:after {
	content: "\f105";
}

@media only screen and (max-width:1280px) {
	.post-slide .post-content {
		padding: 0px 15px 25px 15px;
	}
}



/* second tab start here */


.container5 {
	display: flex;
	width: 100%;
	min-height: 100vh;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 40px;
	margin: -71px;
}

/* heading and paragraph */
/* h1,
  p {
	width: 100%;
	margin-top: 0;
	margin-bottom: 40px;
	max-width: 720px;
	text-align: left;
  } */

.key {
	display: inline-block;
	min-width: 48px;
	padding: 12px 8px;
	border-radius: 8px;
	background-color: #fff;
	border: 1px solid #ccc;
	text-align: center;
	border-bottom-width: 3px;
}

/* Slider styles */
.carousel-wrapper {
	display: block;
	width: 100%;
	height: auto;
	max-width: 1200px;
	margin: 0 auto;
}

.carousel {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}

.slider {
	display: flex;
	width: auto;
	max-width: none;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 0;
	overflow-x: hidden;
	align-items: stretch;
	touch-action: pan-x;
	border-radius: 4px;
	justify-content: flex-start;
	background-color: #c7e6d4;
}

.slider-control {
	display: inline-flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	background-color: #c7e6d4;
	border: none;
	border-radius: 999px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	transition: box-shadow 0.12s ease;
}

.slider-control.arrow-right {
	right: 0;
	transform: translate(50%, -50%);
	color:#000
}

.slider-control.arrow-left {
	left: 0;
	transform: translate(-50%, -50%);
	color:#000
}

.slider-control:not(:disabled) {
	cursor: pointer;
}

.slider-control:not(:disabled):hover,
.slider-control:not(:disabled):focus {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.slider-control:not(:disabled):active {
	background-color: #f1f1f1;
}

.slider-control:disabled {
	cursor: not-allowed;
}

.slider-control.hide {
	display: none;
}

.slide {
	display: inline-flex;
	min-width: 100%;
	height: 360px;
	margin-right: 20px;
	font-size: 20vw;
	font-weight: 700;
	align-items: center;
	justify-content: center;
	padding: 32px;
	color: #222;
	border-radius: 8px;
	background-color: #fff;
	background-blend-mode: multiply;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.slide span {
	display: block;
	text-align: center;
	background-blend-mode: multiply;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	line-height: 1;
	user-select: none;
	transition: color 200ms ease;
}

.slide.has-image span {
	color: #fff;
}

.slide:last-child {
	margin-right: 0;
}

@media screen and (min-width: 577px) {
	.slide {
		min-width: calc(50% - 10px);
		font-size: 20vw;
	}
}

@media screen and (min-width: 769px) {
	.slide {
		min-width: calc(33.3333333333% - 13.3333333333px);
		font-size: 16vw;
	}
}

@media screen and (min-width: 1025px) {
	.slide {
		min-width: calc(25% - 15px);
		font-size: 12vw;
	}
}

@media screen and (min-width: 1201px) {
	.slide {
		font-size: 180px;
	}
}

/* third tab start here */
@media (max-width: 767px) {
	.carousel-inner .carousel-item1>div {
		display: none;
	}

	.carousel-inner .carousel-item1>div:first-child {
		display: block;
	}
}

.carousel-inner .carousel-item1.active,
.carousel-inner .carousel-item1-next,
.carousel-inner .carousel-item1-prev {
	display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

	.carousel-inner .carousel-item1-end.active,
	.carousel-inner .carousel-item1-next {
		transform: translateX(25%);
	}

	.carousel-inner .carousel-item1-start.active,
	.carousel-inner .carousel-item1-prev {
		transform: translateX(-25%);
	}
}

.carousel-inner .carousel-item1-end,
.carousel-inner .carousel-item1-start {
	transform: translateX(0);
}

/*our portfolio end here */



/* digitalcorsel start here */

.vc_custom_1539692334196 {
	padding-top: 0px !important;
	background-image: url(image/home/dot.png) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}



.vc_custom_1551464835134 {
	padding-top: 40px !important;
	padding-right: 20px !important;
	padding-bottom: 40px !important;
	padding-left: 20px !important;
	background-color: #ffffff !important;
	border-radius: 15px !important;
}

.upb_video_class,
.wpb_column,
.wpb_row {
	position: relative;
}

.vc_column_container {
	padding-left: 0;
	padding-right: 0;
}

.vc_col-lg-1\/5,
.vc_col-lg-2\/5,
.vc_col-lg-3\/5,
.vc_col-lg-4\/5,
.vc_col-lg-5\/5,
.vc_col-md-1\/5,
.vc_col-md-2\/5,
.vc_col-md-3\/5,
.vc_col-md-4\/5,
.vc_col-md-5\/5,
.vc_col-sm-1\/5,
.vc_col-sm-2\/5,
.vc_col-sm-3\/5,
.vc_col-sm-4\/5,
.vc_col-sm-5\/5,
.vc_col-xs-1\/5,
.vc_col-xs-2\/5,
.vc_col-xs-3\/5,
.vc_col-xs-4\/5,
.vc_col-xs-5\/5 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.vc_column_container {
	width: 100%;
}

div {
	display: block;
}

/* advertising card  start here*/
@use postcss-mixins;
@use postcss-nested;
@use postcss-simple-vars;

@define-mixin atMedium {
	@media (min-width: 600px) {
		@mixin-content;
	}
}

@define-mixin atLarge {
	@media (min-width: 900px) {
		@mixin-content;
	}
}

$card-height-large-screen: 20rem;
$card-height-mobile: 12rem;

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: "Open Sans";
}



.content-wrapper {
	margin: 0 auto;
	max-width: 1200px;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	padding: 0.5rem;
}

.news-card {
	border: 0px solid aqua;
	margin: 0.5rem;
	position: relative;
	height: $card-height-mobile;
	/* border-radius: 0; */

	@mixin atLarge {
		height: $card-height-large-screen;
	}

	overflow: hidden;
	border-radius: 0;
	flex: 1;
	min-width: 364px;
	box-shadow: 0 0 2rem rgb(6 35 153);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);

	&::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 80%);
		;
		z-index: 0;
	}

	&__card-link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		/*     background: rgba(255,0,0,.5); */
	}

	&__image {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		transition: transform 3s ease;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		position: relative;
		z-index: -1;
	}

	&__text-wrapper {
		position: absolute;
		bottom: 0rem;
		padding: 1rem;
		color: white;
		/*     background-color: rgba(0, 0, 0, 0.4); */
		transition: background-color 1.5s ease;
	}

	&__title {
		transition: color 1s ease;
		margin-bottom: .5rem;
	}

	&__post-date {
		font-size: .7rem;
		margin-bottom: .5rem;
		color: #CCC;
	}

	&__details-wrapper {
		max-height: 0;
		opacity: 0;
		transition: max-height 1.5s ease, opacity 1s ease;
	}

	@mixin atLarge {
		&:hover &__details-wrapper {
			max-height: $card-height-large-screen;
			opacity: 1;
		}

		&:hover &__text-wrapper {
			background-color: rgba(0, 0, 0, 0.6);
		}

		&:hover &__title {
			color: yellow;
		}

		&:hover &__image {
			transform: scale(1.2);
			z-index: -1;
		}
	}

	&__excerpt {
		font-weight: 300;
	}

	&__read-more {
		background: black;
		color: #bbb;
		display: block;
		padding: 0.4rem 0.6rem;
		border-radius: 0.3rem;
		margin-top: 1rem;
		border: 1px solid #444;
		font-size: 0.8rem;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		text-decoration: none;
		width: 7rem;
		margin-left: auto;
		position: relative;
		z-index: 5;

		i {
			position: relative;
			left: 0.2rem;
			color: #888;
			transition: left 0.5s ease, color 0.6s ease;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}

		&:hover i {
			left: 0.5rem;
			color: yellow;
		}
	}
}
.news-card:hover {
	border: 0px solid aqua;
	margin: 0.5rem;
	position: relative;
	height: $card-height-mobile;
background-color: #0A2A43;

	@mixin atLarge {
		height: $card-height-large-screen;
	}

	overflow: hidden;
	/* border-radius: 0.5rem; */
	flex: 1;
	min-width: 364px;
	box-shadow: 0 0 2rem rgb(6 35 153));
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);

	&::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 80%);
		;
		z-index: 0;
	}

	&__card-link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		/*     background: rgba(255,0,0,.5); */
	}

	&__image {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		transition: transform 3s ease;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		position: relative;
		z-index: -1;
	}

	&__text-wrapper {
		position: absolute;
		bottom: 0rem;
		padding: 1rem;
		color: white;
		/*     background-color: rgba(0, 0, 0, 0.4); */
		transition: background-color 1.5s ease;
	}

	&__title {
		transition: color 1s ease;
		margin-bottom: .5rem;
	}

	&__post-date {
		font-size: .7rem;
		margin-bottom: .5rem;
		color: #CCC;
	}

	&__details-wrapper {
		max-height: 0;
		opacity: 0;
		transition: max-height 1.5s ease, opacity 1s ease;
	}

	@mixin atLarge {
		&:hover &__details-wrapper {
			max-height: $card-height-large-screen;
			opacity: 1;
		}

		&:hover &__text-wrapper {
			background-color: rgba(0, 0, 0, 0.6);
		}

		&:hover &__title {
			color: yellow;
		}

		&:hover &__image {
			transform: scale(1.2);
			z-index: -1;
		}
	}

	&__excerpt {
		font-weight: 300;
	}

	&__read-more {
		background: black;
		color: #bbb;
		display: block;
		padding: 0.4rem 0.6rem;
		border-radius: 0.3rem;
		margin-top: 1rem;
		border: 1px solid #444;
		font-size: 0.8rem;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		text-decoration: none;
		width: 7rem;
		margin-left: auto;
		position: relative;
		z-index: 5;

		i {
			position: relative;
			left: 0.2rem;
			color: #888;
			transition: left 0.5s ease, color 0.6s ease;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}

		&:hover i {
			left: 0.5rem;
			color: yellow;
		}
	}
}

/* end here */

/* about us section start here*/
.parent {
	position: relative;
	z-index: 1;
	margin-bottom: 10px;
}

.parent>img {
	width: 280px;
	z-index: 2;
}

.parent>img:first-child {
	position: absolute;
}

/* so you can see that they are overlayed */
.parent>img:first-child {
	width: 200px;
	height: 60px;
	margin: 20px;
}

/* end here */

.card-6 {
	background: #fff;
	border-radius: 20px;
	display: inline-block;
	height: 300px;
	margin: 1rem;
	position: relative;
	width: 300px;
}

.card-1 {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.card-1:hover {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.card-5:hover {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.card-2 {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.card-3 {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.card-4 {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.card-5 {
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}


/* Our Services Start Here */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Bree+Serif&family=EB+Garamond:ital,wght@0,500;1,800&display=swap');




#container1 {
	box-shadow: 0 15px 30px 1px #ceb8e9;
	background: url(image/process/3.png) ;
	text-align: center;
	border-radius: 5px;
	overflow: hidden;
	margin: 2em auto;
	height: 350px;
	width: 566px;
	background: #5F7DBC;

}



.product-details {
	position: relative;
	text-align: left;
	overflow: hidden;
	padding: 30px;
	height: 100%;
	float: left;
	width: 40%;

}

#container1 .product-details h1 {
	font-family: 'Bebas Neue', cursive;
	display: inline-block;
	position: relative;
	font-size: 30px;
	color: #ffffff;
	margin: 0;

}

#container1 .product-details h1:before {
	position: absolute;
	content: '';
	right: 0%;
	top: 0%;
	transform: translate(25px, -15px);
	font-family: 'Bree Serif', serif;
	display: inline-block;
	/* background: #ffe6e6; */
	border-radius: 5px;
	font-size: 14px;
	padding: 5px;
	color: white;
	margin: 0;
	animation: chan-sh 6s ease infinite;

}






.hint-star {
	display: inline-block;
	margin-left: 0.5em;
	color: gold;
	width: 50%;
}


#container1 .product-details>p {
	font-family: '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji';
	text-align: left;
	font-size: 18px;
	color: #ffffff;

}

.control {
	position: absolute;
	bottom: 20%;
	left: 22.8%;

}

.btn {

	transform: translateY(0px);
	/* transition: 0.3s linear; */
	background: #809fff;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	outline: none;
	border: none;
	color: #eee;
	padding: 0;
	margin: 0;

}

.btn{
	transform: translateY(-6px);
	background: #1a66ff;
}
/* .btn:hover {
	transform: translateY(-6px);
	background: #1a66ff;
} */

.btn span {
	font-family: 'Farsan', cursive;
	transition: transform 0.3s;
	display: inline-block;
	padding: 10px 20px;
	font-size: 1.2em;
	margin: 0;

}

.btn .price,
.shopping-cart {
	background: #333;
	border: 0;
	margin: 0;
}

.btn .price {
	transform: translateX(-10%);
	padding-right: 15px;
}

.btn .shopping-cart {
	transform: translateX(-100%);
	position: absolute;
	background: #333;
	z-index: 1;
	left: 0;
	top: 0;
}

.btn .buy {
	z-index: 3;
	font-weight: bolder;
}

.btn:hover .price {
	transform: translateX(-110%);
}

.btn:hover .shopping-cart {
	transform: translateX(0%);
}



.product-image {
	transition: all 0.3s ease-out;
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 100%;
	float: right;
	width: 45%;
	display: inline-block;
}

#container1 img {
	width: 100%;
	height: 100%;
}

.info {
	background: rgba(27, 26, 26, 0.9);
	font-family: 'Bree Serif', serif;
	transition: all 0.3s ease-out;
	transform: translateX(-100%);
	position: absolute;
	line-height: 1.8;
	text-align: left;
	font-size: 105%;
	cursor: no-drop;
	color: #FFF;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.info h2 {
	text-align: center
}

.product-image:hover .info {
	transform: translateX(0);
}

.info ul li {
	transition: 0.3s ease;
}

.info ul li:hover {
	transform: translateX(50px) scale(1.3);
}

.product-image:hover img {
	transition: all 0.3s ease-out;
}

.product-image:hover img {
	transform: scale(1.2, 1.2);
}

/* Our Services End Here */

/* Our Team Start Here */
div.introduction {
	padding: 1em;
	background: #f5f5f5;
	box-shadow: 3px 3px 8px hsl(0, 0%, 70%);
}

/* Card Based Layout - Base styles */

p.site-title {
	color: #000000;
}

article.col-md-4 col-lg-3 {
	background: #f5f5f5;
	margin-top: 1em;
	margin-bottom: 2em;
	box-shadow: 3px 3px 8px hsl(0, 0%, 70%);
}

div.card-content {
	background: #f5f5f5;
	padding: 0.5em;
	margin-top: 1em;
	margin-bottom: 2em;
	/* box-shadow: 3px 3px 8px hsl(0, 0%, 70%); */
}

div.card-content h3 {
	margin-bottom: 0.5em;
	font-weight: normal;
}

div.card-content p {
	font-size: 103%;
}

img.spectrum1 {
	width: 100%;
	height: auto;
}

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

div a:hover {
	opacity: 0.8;
}

/* Our Team End Here */

/* Work Process start here */
.work-process-wrap {
	display: block;
	width: 100%;
}

.single-work-process {
	position: relative;
	float: left;
	margin: 0 15px;
	width: calc(20% - 30px);
}

.rounded {
	border-radius: 0.25rem !important;
}

.color-1-bg {
	background: rgba(255, 22, 78, .15);
}

.color-3-bg {
	background: rgba(52, 19, 247, .15);
}

.work-process-icon-wrap {
	position: relative;
	display: inline-block;
	width: 70px;
	height: 70px;
	line-height: 70px;
}

.single-work-process .work-process-divider {
	position: absolute;
	top: 40px;
	width: calc(100% - 80px);
	height: 1px;
	background-image: linear-gradient(90deg, #73778c, #73778c 40%, transparent 40%, transparent 100%);
	background-size: 12px 1px;
}

/* .work-process-divider {
    background-image: linear-gradient(90deg,#73778c,#73778c 40%,transparent 40%,transparent 100%);
} */
.mt-4,
.my-4 {
	margin-top: 1.5rem !important;
}

.work-process-content h5 {
	font-size: 27px;
	font-weight: 500;
	color: #4859A3;
	letter-spacing: .5px;
}

.single-work-process .work-process-divider:after {
	content: "\f101";
	font-family: fontAwesome;
	position: absolute;
	right: -20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 20px;
}

/* Work Process end here */

/* Slider Start Here */
header .item {
	height: 85vh;
	position: relative;
}

header .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

header .item .cover {
	padding: 75px 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/* background: rgba(0, 0, 0, 0.6); */
	/* background: rgb(145 117 117 / 60%); */
	display: flex;
	align-items: center;
}

header .item .cover .header-content {
	position: relative;
	padding: 56px;
	overflow: hidden;
}

header .item .cover .header-content .line {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: relative;
	border: 9px solid #fff;
	-webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
	clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}

header .item .cover .header-content h2 {
	font-weight: 300;
	font-size: 35px;
	color: #fff;
}

header .item .cover .header-content h1 {
	font-size: 56px;
	font-weight: 600;
	margin: 5px 0 20px;
	word-spacing: 3px;
	color: #fff;
}

header .item .cover .header-content h4 {
	font-size: 24px;
	font-weight: 300;
	line-height: 36px;
	color: #fff;
}

header .owl-item.active h1 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInDown;
	animation-delay: 0.2s;
}

header .owl-item.active h2 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInDown;
	animation-delay: 0.5s;
}

header .owl-item.active h4 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInUp;
	animation-delay: 0.5s;
}

header .owl-item.active .line {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInLeft;
	animation-delay: 0.5s;
}

header .owl-nav .owl-prev {
	position: absolute;
	left: 15px;
	top: 43%;
	opacity: 0;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	background: rgba(0, 0, 0, 0.5) !important;
	width: 40px;
	cursor: pointer;
	height: 40px;
	position: absolute;
	display: block;
	z-index: 1000;
	border-radius: 0;
	color: #ffffff;
}

header .owl-nav .owl-prev span {
	font-size: 1.6875rem;
	color: #fff;
}

header .owl-nav .owl-prev:focus {
	outline: 0;
}

header .owl-nav .owl-prev:hover {
	background: #000 !important;
}

header .owl-nav .owl-next {
	position: absolute;
	right: 15px;
	top: 43%;
	opacity: 0;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	background: rgba(0, 0, 0, 0.5) !important;
	width: 40px;
	cursor: pointer;
	height: 40px;
	position: absolute;
	display: block;
	z-index: 1000;
	border-radius: 0;
	color: #ffffff;
}

header .owl-nav .owl-next span {
	font-size: 1.6875rem;
	color: #fff;
}

header .owl-nav .owl-next:focus {
	outline: 0;
}

header .owl-nav .owl-next:hover {
	background: #000 !important;
}

header:hover .owl-prev {
	left: 0px;
	opacity: 1;
}

header:hover .owl-next {
	right: 0px;
	opacity: 1;
}
.ob

/* Slider End Here */
.list {
	list-style-type: circle;
	position: relative;
	/* display: inline-block; */
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	overflow: hidden;
	background: none;
	border-radius: 9px;
	padding: 12px 17px 12px;
	text-transform: uppercase;
	background-color: #5555A2;
	margin-left: -29px;
}

.list:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0.2, 1);
	transform: scale(0.2, 1);
	/* background-color:#3E9AC4; */
	list-style-type: circle;
}

.list .txt {
	position: relative;
	z-index: 1;
}

/* .list.arrow{
	margin-left:2px;
} */

.list:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.list:hover {
	color: #ffffff;
}

.list {
	position: relative;
}

.list li {
	position: relative;
	color: #575d6e;
	font-size: 15px;
	padding-left: 30px;
	font-weight: 400;
	line-height: 1.6em;
	margin-bottom: 12px;
}

.list li:before {
	position: absolute;
	content: "\f1a3";
	left: 0px;
	top: 5px;
	color: #5555A2;
	font-size: 18px;
	line-height: 1em;
	font-family: "Flaticon";
}





.mission {
	height: 408px;
	width: 330px;
	padding-right: 26px;
	padding-left: 31px;
	border-radius: 13px;
	margin-left: 282px
}

.passion {
	height: 408px;
	width: 330px;
	padding-right: 26px;
	padding-left: 31px;
	border-radius: 13px;
	padding: top 26px;
}

.execution {
	height: 408px;
	width: 330px;
	padding-right: 26px;
	padding-left: 31px;
	border-radius: 13px;
}

/* about section start here */
.card {
	height: 196px;
	width: 185px;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 5%);
	background-color: #ffffff; 
}

.card:hover {
	height: 196px;
	width: 185px;
	box-shadow: 0px 0px 20px rgb(25 24 209);
}


.servicecard {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
  }
  
  .servicecard:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }

/* about section end here */

.aboutservice{
	padding-left: 0px;
	/* padding-top: 23px; */
	margin-right: 76px;
    margin-top: -28px;
}
 /* .choose{
	padding: 60px 15px 60px 15px;
	background-color: #E8F0F5;
	border-radius: 76%;
}  */

.heading{
	font-size: 30px;
    font-weight: 800;
    /* color: #303030; */
    line-height: 30px;
	font-family: "Montserrat",sans-serif;
}
.title-top {
    font-size: 20px;
    color: #000000;
    line-height: 30px;
    position: relative;
    /* padding-left: 50px; */
}
.title-top:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 4px;
    /* background-color: #000000; */
    left: 0;
    top: 50%;
    transition: .3s ease-in-out;
    transform: translateY(-50%);
}
.title {
    font-size: 20px;
    color: #000000;
    line-height: 30px;
    position: relative;
    padding-left: 50px;
}
.title:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 4px;
  
    left: 0;
    top: 50%;
    transition: .3s ease-in-out;
    transform: translateY(-50%);
}
.title-bottom {
    font-size: 20px;
    color: #3E9AC4;
    line-height: 20px;
}

/* multiple slider start here */
.w3_megamenu .dropdown a,
.w3_megamenu .dropdown-menu  a {
	color:#656565;
}
.w3_megamenu .dropdown-menu > li > a {
	padding:6px 15px;
}
.w3_megamenu .navbar-nav > li > .dropdown-menu {
	margin-top:1px;
}
.w3_megamenu i {
	color:#BFBFBF
}
.w3_megamenu .dropdown-menu {
	box-shadow:none;
	border:1px solid #efefef;
	padding:0;
}
.w3_megamenu .form-control {
	margin-top:10px;
	border:1px solid #efefef;
}
.w3_megamenu .btn {
	margin:10px 0 20px
}
.w3_megamenu video {
	max-width: 100%;
	height: auto;
}
.w3_megamenu iframe,
.w3_megamenu embed,
.w3_megamenu object {
	max-width: 100%;
}
.w3_megamenu .google-map {
	width:100%;
	border:1px solid rgba(255, 255, 255, 0.5);
	min-height:200px;
}
.w3_megamenu div.google-map {
	background:rgba(255, 255, 255, 0.5);
	background: #ffffff;
	height: 200px;
	margin: 0 0 0px 0;
	width: 100%;
}
#googlemaps img{
    max-width:none;
}
.w3_megamenu .dropdown-menu .withoutdesc{
	margin-top:0;
	padding:15px 20px;
    display: block;
    text-align: left;
    text-transform: none;
    width: 100%;
}
.w3_megamenu a:hover {
	text-decoration:none
}
.w3_megamenu .dropdown-menu .withoutdesc ul li {
	padding:3px 10px;
}
.w3_megamenu .dropdown-menu .withoutdesc ul li:hover,
.w3_megamenu .dropdown-menu .withoutdesc ul li:focus{
	color:#262626;
	text-decoration:none;
	background-color:#f5f5f5 !important
}
.w3_megamenu .dropdown-menu .withoutdesc li:last-child {
	border-bottom:0 solid #fff;
}
.w3_megamenu .w3_megamenu-content.withdesc a:after {
    color: #CFCFCF;
    content: attr(data-description);
    display: block;
    font-size: 11px;
    font-weight: 400;
    line-height: 0;
    margin: 10px 0 15px;
    text-transform: uppercase;
}

.w3_megamenu .dropdown-submenu{
	position:relative;
}
.w3_megamenu .dropdown-submenu>.dropdown-menu{
	top:0;
	left:100%;
	margin-top:0;
	margin-left:-1px;
	-webkit-border-radius:0 6px 6px 6px;
	-moz-border-radius:0 6px 6px 6px;
	border-radius:0 6px 6px 6px;
}
.w3_megamenu .dropdown-submenu:hover>.dropdown-menu{
	display:block;
}

.w3_megamenu .dropdown-submenu>a:after{
	display:block;
	content:" ";
	float:right;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
	border-width:5px 0 5px 5px;
	border-left-color:#cccccc;
	margin-top:5px;
	margin-right:-10px;
}
.w3_megamenu .dropdown-submenu:hover>a:after{
	border-left-color:#ffffff;
}
.w3_megamenu .dropdown-submenu.pull-left{
	float:none;
}
.w3_megamenu .dropdown-submenu.pull-left>.dropdown-menu{
	left:-100%;
	margin-left:10px;
	-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px;
}
.w3_megamenu p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
	color:#656565;
}
.w3_megamenu .nav,
.w3_megamenu .collapse,
.w3_megamenu .dropup,
.w3_megamenu .dropdown {
	position: static;
}
.w3_megamenu .half {
    width: 50%;
	left: auto !important;
    right: auto !important;
}
.w3_megamenu .container {
	position: relative;
}
.w3_megamenu .dropdown-menu {
	left: auto;
}
.w3_megamenu .nav.navbar-right .dropdown-menu {
	left: auto;
	right: 0;
}
.w3_megamenu .w3_megamenu-content {
	padding: 15px 25px;
	background:#fafafa;
}
.w3_megamenu .dropdown.w3_megamenu-fw .dropdown-menu {
	left: 0;
	right: 0;
}
.w3_megamenu .title {
	font-size:13px;
	font-weight:bold;
	margin-top:15px;
	text-transform:uppercase;
	border-bottom:1px solid #efefef;
	padding-bottom:10px;
}
.w3_megamenu ul {
	list-style:none;
	padding-left:0px;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222;
  padding: 3px 5px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #ff3546;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}

.carousel-control {
  width: 30px;
  height: 30px;
  top: -35px;

}
.left.carousel-control {
  right: 30px;
  left: inherit;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right {
  font-size: 12px;
  background-color: #fff;
  line-height: 30px;
  text-shadow: none;
  color: #333;
  border: 1px solid #ddd;
}

/* Our Work Start Here */
.shell{
	padding:24px 0;
  }
  .wsk-cp-product{
	background:#fff;
	padding:15px;
	border-radius:6px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	position:relative;
	margin:20px auto;
  }
  .wsk-cp-img{
	position:absolute;
	top:5px;
	left:50%;
	transform:translate(-50%);
	-webkit-transform:translate(-50%);
	-ms-transform:translate(-50%);
	-moz-transform:translate(-50%);
	-o-transform:translate(-50%);
	-khtml-transform:translate(-50%);
	width: 100%;
	padding: 15px;
	transition: all 0.2s ease-in-out;
  }
  .wsk-cp-img img{
	width:100%;
	transition: all 0.2s ease-in-out;
	border-radius:6px;
  }
  .wsk-cp-product:hover .wsk-cp-img{
	top:-40px;
  }
  .wsk-cp-product:hover .wsk-cp-img img{
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
  }
  .wsk-cp-text{
	padding-top:150%;
  }
  .wsk-cp-text .category{
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	margin-bottom:45px;
	position:relative;
	transition: all 0.2s ease-in-out;
  }
  .wsk-cp-text .category > *{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-khtml-transform: translate(-50%,-50%);
	  
  }
  .wsk-cp-text .category > span{
	padding: 12px 30px;
	border: 1px solid #313131;
	background:#212121;
	color:#fff;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	border-radius:27px;
	transition: all 0.05s ease-in-out;
	
  }
  .wsk-cp-product:hover .wsk-cp-text .category > span{
	border-color:#ddd;
	box-shadow: none;
	padding: 11px 28px;
  }
  .wsk-cp-product:hover .wsk-cp-text .category{
	margin-top: 0px;
  }
  .wsk-cp-text .title-product{
	text-align:center;
  }
  .wsk-cp-text .title-product h3{
	font-size:20px;
	font-weight:bold;
	margin:15px auto;
	overflow: hidden;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	width:100%;
  }
  .wsk-cp-text .description-prod p{
	margin:0;
  }
  /* Truncate */
  .wsk-cp-text .description-prod {
	text-align:center;
	width: 100%;
	height:62px;
	overflow: hidden;
	  display: -webkit-box;
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;
	margin-bottom:15px;
  }
  .card-footer{
	padding: 25px 0 5px;
	border-top: 1px solid #ddd;
  }
  .card-footer:after, .card-footer:before{
	content:'';
	display:table;
  }
  .card-footer:after{
	clear:both;
  }
  
  .card-footer .wcf-left{
	float:left;
	
  }
  
  .card-footer .wcf-right{
	float:right;
  }
  
  .price{
	font-size:18px;
	font-weight:bold;
  }
  
  a.buy-btn{
	display:block;
	color:#212121;
	text-align:center;
	font-size: 18px;
	width:35px;
	height:35px;
	line-height:35px;
	border-radius:50%;
	border:1px solid #212121;
	transition: all 0.2s ease-in-out;
  }
  a.buy-btn:hover , a.buy-btn:active, a.buy-btn:focus{
	border-color: #FF9800;
	background: #FF9800;
	color: #fff;
	text-decoration:none;
  }
  .wsk-btn{
	display:inline-block;
	color:#212121;
	text-align:center;
	font-size: 18px;
	transition: all 0.2s ease-in-out;
	border-color: #FF9800;
	background: #FF9800;
	padding:12px 30px;
	border-radius:27px;
	margin: 0 5px;
  }
  .wsk-btn:hover, .wsk-btn:focus, .wsk-btn:active{
	text-decoration:none;
	color:#fff;
  }  
  .red{
	color:#F44336;
	font-size:22px;
	display:inline-block;
	margin: 0 5px;
  }
  @media screen and (max-width: 991px) {
	.wsk-cp-product{
	  margin:40px auto;
	}
	.wsk-cp-product .wsk-cp-img{
	top:-40px;
  }
  .wsk-cp-product .wsk-cp-img img{
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
  }
	.wsk-cp-product .wsk-cp-text .category > span{
	border-color:#ddd;
	box-shadow: none;
	padding: 11px 28px;
  }
  .wsk-cp-product .wsk-cp-text .category{
	margin-top: 0px;
  }
  a.buy-btn{
	border-color: #FF9800;
	background: #FF9800;
	color: #fff;
  }
  }
/* Our Work End Here */

/* digital why choose us start here*/

/* WHY CHOOSE US */
h1,
h2,
h3,
h4,
h5,
h6 {}
a,
a:hover,
a:focus,
a:active {
	text-decoration: none;
	outline: none;
}

a,
a:active,
a:focus {
	color: #333;
	text-decoration: none;
	transition-timing-function: ease-in-out;
	-ms-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-duration: .2s;
	-ms-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
img {
max-width: 100%;
height: auto;
}
span, a, a:hover {
display: inline-block;
text-decoration: none;
color: inherit;
}
.section-head {
margin-bottom: 60px;
}
.section-head h4 {
position: relative;
padding:0;
color:#5662aa;
line-height: 1;
letter-spacing:0.3px;
font-size: 34px;
font-weight: 700;  
text-align:center;
text-transform:none;
margin-bottom:30px;
}
.section-head h4:before {
content: '';
width: 60px;
height: 3px;
background: #cdcdcd;
position: absolute;
left: 0px;
bottom: -10px;
right:0;  
margin:0 auto;
}
.section-head h4 span {
font-weight: 700;
padding-bottom: 5px;
color:#3E9ACA
}
p.service_text{
color:#cccccc !important;
font-size:16px;
line-height:28px;
text-align:center;    
}
.section-head p, p.awesome_line{
color:#818181;
font-size:16px;
line-height:28px;
text-align:center;  
}

.extra-text {
font-size:34px;
font-weight: 700;
color:#2f2f2f;
margin-bottom: 25px;
position:relative;
text-transform: none;
}
.extra-text::before {
content: '';
width: 60px;
height: 3px;
background: #f91942;
position: absolute;
left: 0px;
bottom: -10px;
right: 0;
margin: 0 auto;
}
.extra-text span {
font-weight: 700;
color:#f91942;
}
.item {
background: #fff;
text-align: center;
padding: 30px 25px;
-webkit-box-shadow:0 0px 25px rgba(0, 0, 0, 0.07);
box-shadow:0 0px 25px rgba(0, 0, 0, 0.07);
border-radius: 20px;
border:5px solid rgba(0, 0, 0, 0.07);
margin-bottom: 30px;
-webkit-transition: all .5s ease 0;
transition: all .5s ease 0;
transition: all 0.5s ease 0s;
}
.item:hover{
background:#4973EB;
box-shadow:0 8px 20px 0px rgba(0, 0, 0, 0.2);
-webkit-transition: all .5s ease 0;
transition: all .5s ease 0;
transition: all 0.5s ease 0s;
}
.item:hover .item, .item:hover span.icon{
background:#fff;
border-radius:10px;
-webkit-transition: all .5s ease 0;
transition: all .5s ease 0;
transition: all 0.5s ease 0s;
}
.item:hover h6, .item:hover p{
color:#fff;
-webkit-transition: all .5s ease 0;
transition: all .5s ease 0;
transition: all 0.5s ease 0s;
}
.item .icon {
font-size: 40px;
margin-bottom:25px;
color: #f91942;   
width: 90px;
height: 90px;
line-height: 96px;
border-radius: 50px;
}
.item .feature_box_col_one{
background:rgba(247, 198, 5, 0.20);
color:#4973EB
}
.item .feature_box_col_two{
background:rgba(255, 77, 28, 0.15);
color:#4973EB
}
.item .feature_box_col_three{
background:rgba(0, 147, 38, 0.15);
color:#4973EB
}
.item .feature_box_col_four{
background:rgba(0, 108, 255, 0.15);
color:#4973EB
}
.item .feature_box_col_five{
background:rgba(146, 39, 255, 0.15);
color:#4973EB
}
.item .feature_box_col_six{
background:rgba(23, 39, 246, 0.15);
color:#4973EB
}
.item p{
font-size:15px;
line-height:26px;
}
.item h6 {
margin-bottom:20px;
color:#2f2f2f;
}
.mission p {
margin-bottom: 10px;
font-size: 15px;
line-height: 28px;
font-weight: 500;
}
.mission i {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background: #f91942;
border-radius: 50%;
color: #fff;
font-size: 25px;
}
.mission .small-text {
margin-left: 10px;
font-size: 13px;
color: #666;
}
.skills {
padding-top:0px;
}
.skills .prog-item {
margin-bottom: 25px;
}
.skills .prog-item:last-child {
margin-bottom: 0;
}
.skills .prog-item p {
font-weight: 500;
font-size: 15px;
margin-bottom: 10px;
}
.skills .prog-item .skills-progress {
width: 100%;
height: 10px;
background: #e0e0e0;
border-radius:20px;
position: relative;
}
.skills .prog-item .skills-progress span {
position: absolute;
left: 0;
top: 0;
height: 100%;
background: #f91942;
width: 10%;
border-radius: 10px;
-webkit-transition: all 1s;
transition: all 1s;
}
.skills .prog-item .skills-progress span:after {
content: attr(data-value);
position: absolute;
top: -5px;
right: 0;
font-size: 10px;
font-weight:600;    
color: #fff;
background:rgba(0, 0, 0, 0.9);
padding: 3px 7px;
border-radius: 30px;
}
/* Mission  & Vision */
*
{
	padding:0;
	margin:0;
	font-family: 'Poppins', sans-serif;
}
.mvv-container
{
	max-width: 90%;
	margin: 50px auto;
}
.mvv-container .mvv-block
{
	margin-bottom:50px;
	display: flex;
	flex-direction: row;
}
.mvv-container .mvv-block .image
{
	flex: 0 0 auto;
	width: 400px;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, .3);
	line-height:0;
}
.mvv-container .mvv-block .image img
{
	width:100%;
	border-radius: 5px;
	box-shadow: 0 0 10px 5px rgba(0,0,0,.3);
	transition:.3s;
	transform: scale(1);
}
.mvv-container .mvv-block .image:hover img
{
	transform: scale(1.05);
}
.mvv-container .mvv-block .content
{
   flex: 0 0 auto;
   width:calc(100% - 400px);
   box-sizing: border-box;
   align-self: center;
}
.mvv-container .mvv-block .content h5
{
	font-weight: 700;
	font-size: 22px;
	color: #3E9ACA;
	margin-bottom: 10px;
}
.mvv-container .mvv-block .content p
{
	font-size: 15px;
}

@media screen and (min-width: 1024px)
{
	.mvv-container .mvv-block:nth-child(odd) .image
	{
		order: 1;
	}
	.mvv-container .mvv-block:nth-child(even) .image
	{ 
		order: 2;
		
	}

	.mvv-container .mvv-block:nth-child(odd) .image
	{
		order: 2;
		padding-left: 30px;
	}
	.mvv-container .mvv-block:nth-child(even) .image
	{ 
		order: 1;
		padding-right: 30px;
	}
}
/* #Shape Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

  .u-portfolio {
    padding: 80px 0 0px;
}
#scrollbar2 {
    width: 100%;
    margin: 0px 0px 40px;
}
#scrollbar2 {
    width: 100%;
    margin: 0px 0px 40px;
}
#scrollbar2 .overview {
    list-style: none outside none;
    padding: 0px;
    margin: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.diamondswrap {
    display: table;
    width: 1840px;
    overflow: auto;
    padding: 0 10px;
}
.diamondswrap {
    text-align: center;
}
.diamonds {
    text-align: center;
    white-space: nowrap;
    display: inline-block;
}
.diamond-row-wrap {
    text-align: center;
    position: relative;
    float: left;
    clear: both;
}
.diamond-row-upper, .diamond-row-lower {
    overflow: visible;
    clear: both;
    width: 100%;
}
.diamonds-71343998-836b-4493-a9fe-b7d2dbe84d69 .diamond-box-wrap {
    width: 260px;
    height: 260px;
}
.diamond-box-wrap {
    float: left;
    /* width: 250px;
    height: 250px; */
}
.diamond-box {
    transform: rotate(45deg);
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 70.710678118%;
    height: 70.710678118%;
    margin: 14.644660941%;
    
	border: 3px solid #dedede !important;
}
.diamond-box-inner {
	transform: rotate(-45deg);
	transform-origin: center center;
	box-sizing: border-box;
    width: 141.421356237%;
    height: 141.421356237%;
    margin: -20.7106781185% 0 0 -20.7106781185%;
}
.diamondswrap .item {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #e6e6e6;
    color: white;
    background-position: center center;
    background-size: cover;
   
    box-sizing: border-box;
}




.diamond-box-inner .upio-inner.with_headings {
    
    top: 0;
    vertical-align: top;
    width: 100%;
    text-align: center;
    height: 110px;
}
.upio-inner {
    display: table-cell;
    margin: auto;
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
}
.upi-overlay .upio-inner.with_headings a {
    float: none;
    display: inline-block;
}
.upi-overlay a:nth-child(1) {
    left: -50px;
}
.upi-overlay a {
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    position: relative;

}
a{
	transition: 0.3s ease;
}
.upi-overlay a:nth-child(2) {
    right: -50px;
}
.upi-overlay a:before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background: #e4e4e4;
    display: table;
    transform: rotate(45deg);
}
.upio-inner.with_headings h5 {
    font-size: 13px;
    clear: both;
    margin-top: 20px;
    color: #e4e4e4;
    margin-bottom: 5px;
}
.upio-inner.with_headings h5 + span {
    color: #e4e4e4;
    font-size: 12px;
}
.upi-overlay span {
    position: relative;
    font-weight: 400;
} */


.margin{
	margin-top: 168px;
}
.project{
	color: #ffffff;
	margin-top: 70px;
}
.border{
	border: 1px solid #ffffff;
	height: 390px;
}
.margin1{
	margin-top: 20px;
	color: #ffffff;
}
.margin-top{
	margin-top: 50px;
}
.color{
	color: #33ABCC;
}
.pdt40 {
    padding-top: 40px;
}

/* our process start here */
.flip-card {
	width: 262px;
	height: 179px;
	perspective: 1000px;
	transition: 0.3s;
  }
  .flip-card1 {
	  margin-left: 83px;
  }
  .flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  }
  
  .flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
	 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }
  
  .flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
  }
  
  .flip-card-back {
	transform: rotateY(180deg);
  }
  .custNav {
    height: 3px;
    width: 100%;
    background-image: linear-gradient(to right,#cfd194   0%,#37A0C9 20%,#0b0083 50%,#750088 70%,#37A0C9 80%,#cfd194  100%);
    display: none;
    position: absolute;
    top: 76px;
    z-index: -1;
  }



#pgc-20-0-0, #pgc-20-2-0, #pgc-20-3-0, #pgc-20-4-0, #pgc-20-5-0, #pgc-20-6-0, #pgc-20-7-0, #pgc-20-8-0, #pgc-20-9-0, #pgc-20-10-0, #pgc-20-11-0 {
    width: 100%;
    width: calc(100% - ( 0 * 30px ) );
}
.panel-grid-cell .so-panel {
    zoom: 1;
}
.panel-grid-cell .so-panel:before {
    content: "";
    display: block;
}
.panel-grid-cell .so-panel:after {
    content: "";
    display: table;
    clear: both;
}
.panel-grid-cell .so-panel:before {
    content: "";
    display: block;
}
#panel-20-6-0-0> .panel-widget-style {
    padding: 0px 0px 105px 0px;
}
.so-widget-sow-headline-default-da9229071ea1-20 .sow-headline-container h2.sow-headline {
    text-align: center;
    line-height: 1.4em;
}
.so-widget-sow-headline-default-da9229071ea1-20 .sow-headline-container *:first-child {
    margin-top: 0!important;
}
.work_process_head h2 {
    font-family: var(--paytone);
    text-transform: capitalize;
    font-size: 43px;
    font-weight: 400;
}
.f42 h2 {
    font-size: 42px;
    letter-spacing: -.02em;
}
span.gradi_txt2 {
    background: -webkit-linear-gradient(49deg,#BA60E4,#9B65FD,#10E0F0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.so-widget-sow-headline-default-da9229071ea1-20 .sow-headline-container p.sow-sub-headline {
    text-align: center;
    line-height: 1.4em;
}
.so-widget-sow-headline-default-da9229071ea1-20 .sow-headline-container *:last-child {
    margin-bottom: 0!important;
}
.panel-grid-cell .so-panel:after {
    content: "";
    display: table;
    clear: both;
}
#pl-20 .so-panel:last-of-type {
    margin-bottom: 0px;
}
.panel-grid-cell .so-panel {
    zoom: 1;
}
#pg-w63872c0663e6c-0.panel-has-style > .panel-row-style, #pg-w63872c0663e6c-0.panel-no-style, #pg-w63872c0663e6c-1.panel-has-style > .panel-row-style, #pg-w63872c0663e6c-1.panel-no-style, #pg-w63872c0663e6c-2.panel-has-style > .panel-row-style, #pg-w63872c0663e6c-2.panel-no-style {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}	
#pg-w63872c0663e6c-0> .panel-row-style {
    padding: 0px 0px 60px 0px;
}
.panel-grid.panel-has-style>.panel-row-style, .panel-grid.panel-no-style {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
#pgc-w63872c0663e6c-0-0, #pgc-w63872c0663e6c-0-1, #pgc-w63872c0663e6c-0-2, #pgc-w63872c0663e6c-1-0, #pgc-w63872c0663e6c-1-1, #pgc-w63872c0663e6c-1-2 {
    align-self: auto;
}
#pgc-w63872c0663e6c-0-0, #pgc-w63872c0663e6c-0-1, #pgc-w63872c0663e6c-0-2, #pgc-w63872c0663e6c-1-0, #pgc-w63872c0663e6c-1-1, #pgc-w63872c0663e6c-1-2 {
    width: 33.3333%;
    width: calc(33.3333% - ( 0.66666666666667 * 30px ) );
}
.panel-grid-cell .panel-cell-style {
    height: 100%;
}
.progress_img {
    position: relative;
}
.so-widget-sow-image-default-6b88c04c1f9b .sow-image-container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.progress_img .sow-image-container {
    position: relative;
}
.progress_img.progress_img_1 .sow-image-container::before {
    background: linear-gradient(45deg,#70B26A,#9ECB91,#DBECC6);
    background-size: 200% 200%;
    animation: gradient 2s ease infinite;
}

.progress_img.progress_img_1 .sow-image-container::before {
    background: linear-gradient(45deg,#70B26A,#9ECB91,#DBECC6);
    background-size: 200% 200%;
    animation: gradient 2s ease infinite;
}
.progress_img .sow-image-container::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 52%;
    width: 64px;
    height: 64px;
    /* background: linear-gradient(45deg,rgb(249 255 255 / 50%) 10%,rgb(202 244 233 / 50%) 20%,rgb(228 241 190 / 50%) 40%,rgb(216 211 236 / 50%),rgb(254 222 255 / 50%),#FFFFFF 95%) left top/400% 200%;
    animation: gradient_fliud 6s ease infinite; */
    border-radius: 50%;
    transform: translateX(-50%);
}
.so-widget-sow-image-default-6b88c04c1f9b .sow-image-container .so-widget-image {
    display: block;
    max-width: 100%;
    height: auto;
}
img, svg {
    vertical-align: middle;
}
.progress_img h3.widget-title {
    position: absolute;
    left: 50%;
    color: #ffffff;
    font-family: var(--nunito);
    font-size: 26px;
    margin: 0;
    top: 30px;
}
.so-widget-sow-image-default-6b88c04c1f9b .widget-title {
    text-align: center;
}
#pl-w63872c0663e6c .so-panel:last-of-type {
    margin-bottom: 0px;
}
.progress_content {
    text-align: center;
    max-width: 337px;
    margin: 0 auto;
}
.progress_single_row .widget_sow-editor h3.widget-title {
    font-weight: 700;
    font-size: 22px;
    letter-spacing: -.75px;
    color: #030314;
    font-family: var(--nunito);
    margin-bottom: 12px;
}
.panel-grid-cell .widget-title {
    margin-top: 0;
}
p:last-child {
    margin-bottom: 0!important;
}
.progress_content p {
    font-size: 12px;
    line-height: 19px;
    font-family: var(--quicksand);
    font-weight: 500;
    color: var(--lgray);
}
#pgc-w63872c0663e6c-0-0, #pgc-w63872c0663e6c-0-1, #pgc-w63872c0663e6c-0-2, #pgc-w63872c0663e6c-1-0, #pgc-w63872c0663e6c-1-1, #pgc-w63872c0663e6c-1-2 {
    align-self: auto;
}
#pgc-w63872c0663e6c-0-0, #pgc-w63872c0663e6c-0-1, #pgc-w63872c0663e6c-0-2, #pgc-w63872c0663e6c-1-0, #pgc-w63872c0663e6c-1-1, #pgc-w63872c0663e6c-1-2 {
    width: 33.3333%;
    3%: ;
    */width: calc(33.3333% - ( 0.66666666666667 * 30px ) );
}
.before_line::before, .after_line::after {
    content: '';
    position: absolute;
    top: 42px;
    left: -47%;
    width: 91%;
    background: url(image/process/bgr.png)no-repeat center/100%;
    height: 87px;
}
.curve_line::after {
    content: '';
    content: '';
    position: absolute;
    top: 32px;
    left: 41%;
    width: 274px;
    background: url(image/process/bg4.png)no-repeat center;
    height: 289px;
    z-index: -1;
}
.before_line::before, .after_line::after {
    content: '';
    position: absolute;
    top: 42px;
    left: -47%;
    width: 91%;
    background: url(image/process/bgr.png)no-repeat center/100%;
    height: 87px;
}
.curve_line::after {
    content: '';
    content: '';
    position: absolute;
    top: 32px;
    left: 41%;
    width: 274px;
    background: url(image/process/bg4.png)no-repeat center;
    height: 289px;
    z-index: -1;
}
 .progress_content {
    text-align: center;
    max-width: 337px;
    margin: 0 auto;
} 
.after_line::after {
    top: -24px;
    left: -48%;
    transform: rotate(180deg);
}
 /* ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}   */
.progress_img.progress_img_2 .sow-image-container::before {
    background: linear-gradient(45deg,#A170F2,#FA8282,#FC5B82,#F3AD81,#FC5981);
    background-size: 200% 200%;
    animation: gradient 2s ease infinite;
}
.progress_img.progress_img_3 .sow-image-container::before {
    background: linear-gradient(45deg,#96B8D8,#09509E,#4C8BB9,#7FB3E6);
    background-size: 200% 200%;
    animation: gradient 2s ease infinite;
}
.progress_img.progress_img_4 .sow-image-container::before {
    background: linear-gradient(307deg,#7D94F9,#F15D8E,transparent);
    background-size: 200% 200%;
    animation: gradient 2s ease infinite;
}
.progress_img.progress_img_5 .sow-image-container::before {
    background: linear-gradient(45deg,#8667F8,#5EC6EA,#846AF7,transparent);
    background-size: 200% 200%;
    animation: gradient 2s ease infinite;
}
.progress_img.progress_img_6 .sow-image-container::before {
    background: linear-gradient(45deg,#B4F0AD,#75A7F0,#9CEAE1,transparent);
    background-size: 200% 200%;
    animation: gradient 2s ease infinite;
}
/* effect */
@mixin magic-border($width, $color, $duration, $direction){
	position:relative;
	  &:before{
		content:'';
		position:absolute;
		width:calc(100% + #{$width * 2});
		height:calc(100% + #{$width * 2});
		top:calc(#{$width}/-1);
		left:calc(#{$width}/-1);
		background:linear-gradient(to right, $color 0%, $color 100%), linear-gradient(to top, $color 50%, transparent 50%), linear-gradient(to top, $color 50%, transparent 50%), linear-gradient(to right, $color 0%, $color 100%), linear-gradient(to left, $color 0%, $color 100%);
		background-size:100% $width, $width 200%, $width 200%, 0% $width, 0% $width;
		background-position:50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
		background-repeat:no-repeat, no-repeat;
		transition:transform $duration ease-in-out, background-position $duration ease-in-out, background-size $duration ease-in-out;
		transform:scaleX(0) rotate(180deg * $direction);
		transition-delay:$duration*2, $duration, 0s;
	  }
	  &:hover{
		&:before{
		  background-size:200% $width, $width 400%, $width 400%, 55% $width, 55% $width;
		  background-position:50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
		  transform:scaleX(1) rotate(180deg * $direction);
		  transition-delay:0s, $duration, $duration*2;
		}
	  }
  }
  
  @mixin magic-border-mask($width, $duration, $background, $direction){
	position:relative;
	  &:before{
		content:'';
		position:absolute;
		width:calc(100% + #{$width * 2});
		height:calc(100% + #{$width * 2});
		top:calc(#{$width}/-1);
		left:calc(#{$width}/-1);
		mask:linear-gradient(to right, #000 0%, #000 100%), linear-gradient(to top, #000 50%, transparent 50%), linear-gradient(to top, #000 50%, transparent 50%), linear-gradient(to right, #000 0%, #000 100%), linear-gradient(to left, #000 0%, #000 100%);
		mask-size:100% $width, $width 200%, $width 200%, 0% $width, 0% $width;
		mask-position:50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
		mask-repeat:no-repeat, no-repeat;
		transition:transform $duration ease-in-out, mask-position $duration ease-in-out, mask-size $duration ease-in-out;
		transform:scaleX(0) rotate(180deg * $direction);
		transition-delay:$duration*2, $duration, 0s;
		background:$background;
	  }
	  &:hover{
		&:before{
		  mask-size:200% $width, $width 400%, $width 400%, 55% $width, 55% $width;
		  mask-position:50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
		  transform:scaleX(1) rotate(180deg * $direction);
		  transition-delay:0s, $duration, $duration*2;
		}
	  }
  }
  
  
	.wrap{
	  display:flex;
	  justify-content:space-between;
	  flex-wrap:wrap;
	  width:450px;
	  a{
		text-decoration:none;
		color:#222;
		padding:20px;
		background:#efefef;
		text-transform:uppercase;
		text-align:center;
		@include magic-border(2px, blue, 0.3s, 0);
		font-family:'Oswald';
		margin:20px;
		flex-grow:1;
		cursor:pointer;
		&:nth-of-type(2){
		  @include magic-border(4px, #222, 0.2s, 1);
		}
		&:nth-of-type(3){
		  @include magic-border-mask(10px, 0.4s, linear-gradient(to bottom, #40e0d0, #ff8c00, #ff0080), 0);
		  align-self:flex-end;
		}
	  }
	}
  }


  /* testimonial */
  ul.slider{
	padding: 0px;
	height: 100%;
  }
  
  .tns-nav {
	text-align: center;
	margin: 10px 0;
  }
  
  .tns-nav > [aria-controls] {
	width: 9px;
	height: 9px;
	padding: 0;
	margin: 0 5px;
	border-radius: 80%;
	background: #ddd;
	border: 0;
  }
  
  
  .tns-nav > [aria-controls].tns-nav-active {
	 background: black;
  }
  
  
  ul.slider p{
	text-align: center;
	font-weight: 700;
	padding: 0px;
	margin: 0px;
  }
  .cardabout{
		margin-right: 24px;
		margin-left: -39px;
  }


  .box8 .inner-box {
	position: relative;
  }
  .box8 .inner-box:before {
	content: "";
	position: absolute;
	width: calc(100% + 8px);
	height: calc(100% + 8px);
	top: calc(4px/ -1);
	left: calc(4px/ -1);
	background: linear-gradient(to right, #222 0%, #222 100%), linear-gradient(to top, #222 50%, transparent 50%), linear-gradient(to top, #222 50%, transparent 50%), linear-gradient(to right, #222 0%, #222 100%), linear-gradient(to left, #222 0%, #222 100%);
	background-size: 100% 4px, 4px 200%, 4px 200%, 0% 4px, 0% 4px;
	background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
	background-repeat: no-repeat, no-repeat;
	transition: transform 0.2s ease-in-out, background-position 0.2s ease-in-out, background-size 0.2s ease-in-out;
	transform: scaleX(0) rotate(180deg);
	transition-delay: 0.4s, 0.2s, 0s;
  }
  .box8 .inner-box:hover:before {
	background-size: 200% 4px, 4px 400%, 4px 400%, 55% 4px, 55% 4px;
	background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
	transform: scaleX(1) rotate(180deg);
	transition-delay: 0s, 0.2s, 0.4s;
  }
  .box1 .inner-box {
	position: relative;
	align-self: flex-end;
  }
  .box1 .inner-box:before {
	content: "";
	position: absolute;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	top: calc(10px/ -1);
	left: calc(10px/ -1);
	-webkit-mask: linear-gradient(to right, #000 0%, #000 100%), linear-gradient(to top, #000 50%, transparent 50%), linear-gradient(to top, #000 50%, transparent 50%), linear-gradient(to right, #000 0%, #000 100%), linear-gradient(to left, #000 0%, #000 100%);
			mask: linear-gradient(to right, #000 0%, #000 100%), linear-gradient(to top, #000 50%, transparent 50%), linear-gradient(to top, #000 50%, transparent 50%), linear-gradient(to right, #000 0%, #000 100%), linear-gradient(to left, #000 0%, #000 100%);
	-webkit-mask-size: 100% 10px, 10px 200%, 10px 200%, 0% 10px, 0% 10px;
			mask-size: 100% 10px, 10px 200%, 10px 200%, 0% 10px, 0% 10px;
	-webkit-mask-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
			mask-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
	-webkit-mask-repeat: no-repeat, no-repeat;
			mask-repeat: no-repeat, no-repeat;
	transition: transform 0.4s ease-in-out, -webkit-mask-position 0.4s ease-in-out, -webkit-mask-size 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out, mask-position 0.4s ease-in-out, mask-size 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out, mask-position 0.4s ease-in-out, mask-size 0.4s ease-in-out, -webkit-mask-position 0.4s ease-in-out, -webkit-mask-size 0.4s ease-in-out;
	transform: scaleX(0) rotate(0deg);
	transition-delay: 0.8s, 0.4s, 0s;
	background: linear-gradient(to bottom, #40e0d0, #ff8c00, #ff0080);
  }
  .box1 .inner-box:hover:before {
	-webkit-mask-size: 200% 10px, 10px 400%, 10px 400%, 55% 10px, 55% 10px;
			mask-size: 200% 10px, 10px 400%, 10px 400%, 55% 10px, 55% 10px;
	-webkit-mask-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
			mask-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
	transform: scaleX(1) rotate(0deg);
	transition-delay: 0s, 0.4s, 0.8s;
  }
  .box5{
	height: 185px;
	width: 253px;
  }

  .icon-changes{
	border: 1px solid #ffffff;
    padding: 15px 15px 15px 15px;
    border-radius: 6px;
	margin-bottom: 35px;
  }
  .out{
	border: 1px solid #5555a2;
    padding: 15px 15px 15px 15px;
    border-radius: 13px;
	margin-bottom: 18px;
  }
  .web{
	border: 1px solid #ffffff;
    padding: 19px 19px 19px 17px;
    border-radius: 26%;
  }
  .site{
	margin-left: 120px;
    height: 86px;
    border: 1px solid #000000;
    border-radius: 50%;
    padding: 15px 15px 15px 15px;

  }
  .men{
	border: 1px solid;
    border-radius: 50%;
    padding: 15px 15px 15px 15px;
  }
  .ecommerce-img{
	margin-top: 46px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    padding: 13px 13px 13px 13px;
  }
  .opt{
	border: 5px solid #5F7DBC;
    border-radius: 50%;
    /* margin: 7px; */
    padding: 15px 15px 15px 15px;
  }
  .aud{
	margin-top: 26px;
    border: 5px solid #5F7DBC;
    border-radius: 50%;
    padding: 15px 15px 15px 15px;
  }
  .how{
	border: 2px solid #ffffff;
    border-radius: 50%;
    padding: 15px 15px 15px 15px;
  }
  .insta{
	border: 5px solid #ffffff;
    border-radius: 50%;
    padding: 15px 15px 15px 15px;
  }
  .digital{
	margin-left: 163px;
    border: 3px solid #ffffff;
    border-radius: 50%;
    padding: 10px 10px 10px 10px;
}

/* Contact card start here */
.card5-margin {
    margin-bottom: 1.875rem;
}

.card5 {
    border: 0;
    box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
    -ms-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
}
.card5 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 1px solid #e6e4e9;
    border-radius: 8px;
}
.card5 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    /* background-color: #ffffff; */
    background-clip: border-box;
    border: 1px solid #e6e4e9;
    /* border-radius: 8px; */
}


.card5 .card5-header.no-border {
    border: 0;
}
.card5 .card5-header {
    background: none;
    padding: 0 0.9375rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    min-height: 50px;
}
.card5-header:first-child {
    border-radius: calc(8px - 1px) calc(8px - 1px) 0 0;
}

.widget-49 .widget-49-title-wrapper {
  display: flex;
  align-items: center;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #edf1fc;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-primary .widget-49-date-day {
  color: #4e73e5;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-primary .widget-49-date-month {
  color: #4e73e5;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #fcfcfd;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-secondary .widget-49-date-day {
  color: #dde1e9;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-secondary .widget-49-date-month {
  color: #dde1e9;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-success {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #e8faf8;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-success .widget-49-date-day {
  color: #17d1bd;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-success .widget-49-date-month {
  color: #17d1bd;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #ebf7ff;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-info .widget-49-date-day {
  color: #36afff;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-info .widget-49-date-month {
  color: #36afff;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-warning {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: floralwhite;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-warning .widget-49-date-day {
  color: #FFC868;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-warning .widget-49-date-month {
  color: #FFC868;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-danger {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #feeeef;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-danger .widget-49-date-day {
  color: #F95062;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-danger .widget-49-date-month {
  color: #F95062;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-light {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #fefeff;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-light .widget-49-date-day {
  color: #f7f9fa;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-light .widget-49-date-month {
  color: #f7f9fa;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-dark {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #ebedee;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-dark .widget-49-date-day {
  color: #394856;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-dark .widget-49-date-month {
  color: #394856;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-base {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #f0fafb;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-base .widget-49-date-day {
  color: #68CBD7;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-base .widget-49-date-month {
  color: #68CBD7;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-meeting-info {
  display: flex;
  flex-direction: column;
  margin-left: 1rem;
}

.widget-49 .widget-49-title-wrapper .widget-49-meeting-info .widget-49-pro-title {
  color: #3c4142;
  font-size: 14px;
}

.widget-49 .widget-49-title-wrapper .widget-49-meeting-info .widget-49-meeting-time {
  color: #B1BAC5;
  font-size: 13px;
}

.widget-49 .widget-49-meeting-points {
  font-weight: 400;
  font-size: 13px;
  margin-top: .5rem;
}

.widget-49 .widget-49-meeting-points .widget-49-meeting-item {
  display: list-item;
  color: #727686;
}

.widget-49 .widget-49-meeting-points .widget-49-meeting-item span {
  margin-left: .5rem;
}

.widget-49 .widget-49-meeting-action {
  text-align: right;
}

.widget-49 .widget-49-meeting-action a {
  text-transform: uppercase;
}
/* Contact card end here */

  /* contact form start here*/
  
  input[type=text], select, textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	margin-top: 6px;
	margin-bottom: 16px;
	resize: vertical;
  }
  
  input[type=submit] {
	background-color: #04AA6D;
	color: white;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
  }
  
  input[type=submit]:hover {
	background-color: #45a049;
  }
  
  .container2 {
	border-radius: 5px;
	background-color: #f2f2f2;
	padding: 20px;
  }

  /* contact form end here*/
  .font{
	font-size: 18px;
	font-family:'Poppins', sans-serif;
  }