html {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 15px;
}

body {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 100%;
	/* ----------------------------- Global font */
	font-family: 'Open Sans', sans-serif;
	background: white;
}

* {
	outline: none !important;
}


/* a tag */

a {
	display: inline-block;
	max-width: 100%;
	text-decoration: none;
	color: #4543d0;
}

a:hover,
a:active,
a:focus,
a:visited {
	color: #002e5b;
	text-decoration: none;
}


/* Responsive image */

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

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

figure {
	overflow: hidden;
	max-width: 100%;
	display: block;
}


/* Input Placeholders */

:-moz-placeholder {
	opacity: 1;
}

:-ms-input-placeholder {
	opacity: 1;
}

::-webkit-input-placeholder {
	opacity: 1;
}

::-moz-placeholder {
	opacity: 1;
}


/* I tag for font-awesome icons */

i {
	display: inline-block;
}


/* Paragraph */

p {
	color: #828282;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
	font-family: inherit;
	text-align: left;
}


/* Paragraph center  */

.center-text p {
	text-align: center;
	padding: 0;
	margin: 0 0 40px 0;
}


/* Horizontal line */

hr {
	max-width: 70px;
	width: 100%;
	display: block;
	height: 0;
	clear: both;
	border: 2px solid #d7d7d7;
	margin: 0;
}


/* Grey section (.site-grey-section) class */

.site-grey-section {
	margin: 0;
	padding: 90px 0;
	width: 100%;
	clear: both;
	display: block;
	text-align: center;
	background: #f0f6f7;
}


/* White section (.site-white-section) class */

.site-white-section,
.site-dark-section {
	margin: 0;
	padding: 90px 0;
	width: 100%;
	clear: both;
	display: block;
	text-align: center;
	background: white;
}

.site-white-section h1,
.site-dark-section h1,
.site-grey-section h1 {
	/* H1 heading */
	color: #002e5b;
	font-family: inherit;
	font-size: 15px;
	line-height: 1.5;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	display: block;
	margin-bottom: 10px;
}

.site-white-section h1 a,
.site-dark-section h1 a,
.site-grey-section h1 a {
	color: #4543d0;
}

@media screen and (max-width: 767px) {
	.owl-dots {
    display: none !important;
}
	.site-white-section h1,
	.site-dark-section h1,
	.site-grey-section h1 {
		/*font-size: 32px;
    line-height: 44px;
    padding-bottom: 10px;*/
	}
}

.site-white-section h1 strong,
.site-dark-section h1 strong,
.site-grey-section h1 strong {
	font-weight: 700;
}

.site-white-section h1:before,
.site-dark-section h1:before,
.site-grey-section h1:before {
	/* H1 horizontal line */
	/*content: "";
  position: absolute;
  max-width: 70px;
  width: 100%;
  display: block;
  height: 4px;
  background: #d7d7d7;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 100%;*/
}

.site-white-section h2,
.site-dark-section h2,
.site-grey-section h2 {
	/* H2 Heading */
	font-family: inherit;
	font-size: 52px;
	font-weight: 700;
	line-height: 1.1;
	text-transform: inherit;
	color: #000000;
	letter-spacing: -1px;
	margin: 0 0 70px 0;
	padding: 0;
}

.site-white-section h3,
.site-dark-section h3,
.site-grey-section h3,
.inner-page-white-section h3,
.inner-page-grey-section h3 {
	/* H3 Heading */
	font-family: inherit;
	font-size: 35px;
	font-weight: 700;
	line-height: 1.1;
	text-transform: inherit;
	color: #000000;
	letter-spacing: -1px;
	margin: 0 0 20px 0;
	padding: 0;
}

.site-white-section h2 a,
.site-dark-section h2 a,
.site-grey-section h2 a {
	color: #1a1e2a;
}

.site-white-section h2 span,
.site-dark-section h2 span,
.site-grey-section h2 span {
	color: #4543d0;
}

.site-white-section h3,
.site-dark-section h3,
.site-grey-section h3,
.site-white-section h4,
.site-dark-section h4,
.site-grey-section h4,
.site-white-section h5,
.site-dark-section h5,
.site-grey-section h5,
.site-white-section h6,
.site-dark-section h6,
.site-grey-section h6 {
	/* a tag color change inside headings */
}

.site-white-section h3 a,
.site-dark-section h3 a,
.site-grey-section h3 a,
.site-white-section h4 a,
.site-dark-section h4 a,
.site-grey-section h4 a,
.site-white-section h5 a,
.site-dark-section h5 a,
.site-grey-section h6 a,
.site-white-section h6 a,
.site-dark-section h6 a,
.site-grey-section h6 a {
	color: #1a1e2a;
}


/* Dark section (.site-dark-section) class */

.site-dark-section {
	margin: 0;
	padding: 90px 0;
	width: 100%;
	clear: both;
	display: block;
	text-align: center;
	background: #4543d0;
	color: white;
}

.site-dark-section h1 {
	/* H1 heading */
	color: white;
}

.site-dark-section h2 {
	/* H2 heading */
	color: white;
}

@media screen and (max-width: 991px) {
	.site-white-section h2,
	.site-dark-section h2,
	.site-grey-section h2 {
		font-size: 30px;
	}
}

.site-dark-section p {
	/* Paragraph */
	color: white;
}


/* inner page container ( .inner-page-dark-section )  class */

.inner-page-dark-section {
	margin: 0;
	padding: 90px 0;
	display: block;
	width: 100%;
	clear: both;
	position: relative;
	background: #4543d0;
}


/* inner page container ( .inner-page-white-section .inner-page-dark-section .inner-page-grey-section )  class */

.inner-page-white-section,
.inner-page-dark-section,
.inner-page-grey-section {
	margin: 0;
	padding: 90px 0;
	display: block;
	width: 100%;
	clear: both;
	position: relative;
}

.inner-page-grey-section {
	background: #f0f6f7;
}

.inner-page-white-section h1,
.inner-page-dark-section h1,
.inner-page-grey-section h1 {
	/* H1 heading */
	font-family: inherit;
	font-size: 14px;
	line-height: 1.3;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	display: block;
	margin-bottom: 10px;
	padding: 0;
}

.inner-page-white-section h1,
.inner-page-grey-section h1 {
	/* H1 heading color*/
	color: #002e5b;
}

.inner-page-dark-section h1 {
	/* H1 heading color */
	color: #FFFFFF;
}

.inner-page-white-section h2,
.inner-page-dark-section h2,
.inner-page-grey-section h2 {
	/* H1 heading */
	font-family: inherit;
	font-size: 40px;
	line-height: 1.3;
	font-weight: 700;
	position: relative;
	display: block;
	margin: 0 0 50px 0;
	padding: 0;
}

@media screen and (max-width: 991px) {
	.inner-page-white-section h2,
	.inner-page-dark-section h2,
	.inner-page-grey-section h2 {
		font-size: 30px;
	}
}

.inner-page-white-section h2,
inner-page-grey-section h2 {
	/* H1 heading color*/
	color: #000000;
}

.inner-page-dark-section h2 {
	/* H1 heading color */
	color: #FFFFFF;
}


/* Align center class */

.section-align-center {
	display: inline-block;
}


/* Fluid Container max width set when use (.wide) class */

.container-fluid.wide {
	max-width: 1400px;
}


/* Theme button */

a.theme-btn {
	/* a tag */
	border: 2px solid #002e5b;
	color: #002e5b;
	font-size: 15px;
	font-weight: 700;
	line-height: 22px;
	text-transform: uppercase;
	text-align: center;
	padding: 14px 35px 14px 35px;
	position: relative;
	overflow: hidden;
	transition: 400ms ease;
	transition-property: color, background;
	cursor: pointer;
	z-index: 10;
	display: inline-block;
	border-radius: 4px;
}

a.theme-btn:hover {
	color: #FFFFFF;
	background: #002e5b;
}

.more-text {
	font-size: 14px;
	font-weight: 700;
	color: #4543d0;
	text-transform: uppercase;
	padding: 16px 0;
	margin: 15px 0;
}

.more-text:hover {
	color: #002e5b;
	font-weight: 600;
	transition: all ease .5s;
}


/* Swiper carousel slider pagination */

.swiper-pagination {
	width: 100%;
	display: block;
	clear: both;
	padding: 0;
	position: relative;
	margin: 40px 0 0;
	overflow: hidden;
	left: 0;
	top: auto;
	opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	background-color: #a2bec2;
	transition: 400ms ease;
	transition-property: background-color;
	margin: 8px !important;
	opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet-active {
	background-color: #4543d0;
}


/* Swiper carousel slider navigation */

.swiper-button-prev,
.swiper-button-next {
	/* Prev navigation button */
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: block;
	background: white none;
	text-align: center;
	transition: 400ms ease;
	transition-property: background-color;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: 10px;
	overflow: hidden;
	border-radius: 2px;
}

@media screen and (max-width: 767px) {
	.swiper-button-prev,
	.swiper-button-next {
		margin: 0;
	}
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
	background-color: #2E3F59;
}

.swiper-button-prev:hover:before,
.swiper-button-next:hover:before {
	color: white;
}

.swiper-button-prev:before,
.swiper-button-next:before {
	content: "\e902";
	font-family: 'icomoon', serif;
	display: block;
	color: rgba(26, 30, 42, 0.4);
	transition: 400ms ease;
	transition-property: color;
	position: relative;
	left: -2px;
}

.swiper-button-next {
	/* Next navigation button */
	right: 10px;
	left: auto;
}

.swiper-button-next:before {
	content: "\e903";
	left: 2px;
}


/* Botstrap colom padding remove */

.no-right-padding {
	padding-right: 0 !important;
}

.no-left-padding {
	padding-left: 0 !important;
}

.no-padding {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.no-padding-2 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

@media screen and (max-width: 991px) {
	.no-padding-2 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

@media screen and (max-width: 767px) {
	.no-padding-2 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

.no-padding-3 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

@media screen and (max-width: 767px) {
	.no-padding-3 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

@media screen and (max-width: 767px) {
	.no-right-padding {
		padding-right: 15px !important;
	}
	.no-left-padding {
		padding-left: 15px !important;
	}
}


/* remove border */

.no-border {
	border: none;
	border-right: none !important;
}


/* color text */

.color-text {
	color: #4543d0;
}

.row.no-gutter {
	margin-left: 0;
	margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
	padding-right: 0;
	padding-left: 0;
}


/*-----------------------------------------------------------------------------------

 Header (section)

 # header container
 # logo
 # navigation
 # navigation toggle button

-----------------------------------------------------------------------------------*/


/* Header container */

header.site-header {
	margin: 0;
	padding: 25px 0 18px;
	display: block;
	width: 100%;
	clear: both;
	background: white;
	position: relative;
	min-height: 85px;
	z-index: 100;
	border-bottom: #e3eaed solid 1px;
	-webkit-box-shadow: 0px 21px 69px -33px rgba(18, 17, 88, 0.34);
	-moz-box-shadow: 0px 21px 69px -33px rgba(18, 17, 88, 0.34);
	box-shadow: 0px 21px 69px -33px rgba(18, 17, 88, 0.34);
}


/* Logo */

.site-logo {
	position: relative;
	float: left;
}

.site-logo a {
	position: relative;
	/*padding-left: 43px;*/
}

.site-logo img {
	/*position: absolute;*/
	top: 0;
	left: 0;
	bottom: 0;
	/*width: 100%;
  height: 100%;*/
	/*max-width: 35px;
  max-height: 35px;*/
	width: 230px;
}

.site-logo h1 {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
	color: #1a1e2a;
	font-size: 33px;
	font-weight: 500;
	line-height: 27px;
}

.site-logo small {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #989899;
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
}


/* When header is sticky the sub menu not goes down more then 400ms px */

@media screen and (max-width: 991px) {
	.sticky-wrapper.is-sticky .site-nav {
		max-height: 400px;
		overflow: hidden;
		overflow-y: auto;
	}
}

.sticky-wrapper {
	height: 86px !important;
}


/* Header navigation */

.site-nav {
	margin: 0;
	padding: 0;
	display: block;
	float: right;
}

@media screen and (min-width: 992px) {
	.site-nav {
		display: block !important;
	}
}

@media screen and (max-width: 991px) {
	.site-nav {
		/* mobile menu */
		position: relative;
		width: 100%;
		transition: 400ms ease;
		transition-property: transform;
		z-index: 100;
		border-top: 1px solid #d7d7d7;
		margin-top: 20px;
		padding: 20px 0 0;
		display: none;
	}
}

.site-nav ul {
	margin: 0;
	padding: 0;
	display: block;
}

.site-nav li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	list-style: none;
}

@media screen and (max-width: 991px) {
	.site-nav li {
		width: 100%;
		position: relative;
	}
}

.site-nav li.active>a,
.site-nav li:hover>a {
	/* Active Item */
	color: #fde428;
}

.site-nav li a.active {
	/* Active Item */
	color: #fde428;
}

.site-nav li:last-child>a {
	/* Last child padding remove */
	padding-right: 0;
}

.site-nav a {
	font-size: 15px;
	font-weight: 700;
	line-height: 29px;
	text-transform: capitalize;
	color: #1a1e2a;
	padding: 5px 15px;
	transition: 400ms ease;
	transition-property: color;
	text-transform: uppercase;
}

@media screen and (max-width: 1199px) {
	.site-nav a {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (max-width: 991px) {
	.site-nav a {
		width: auto;
		display: inline-block;
		padding: 10px 30px 10px 0;
		line-height: 18px;
		z-index: 1;
		position: relative;
	}
}

.site-nav a>i.fa {
	/* font awesome icon */
	margin-left: 5px;
	display: inline-block;
}

@media screen and (max-width: 991px) {
	.site-nav a>i.fa {
		display: none;
	}
}

.site-nav .indicator-desktop {
	/* sub menu indicator for desktop */
}

@media screen and (max-width: 991px) {
	.site-nav .indicator-desktop {
		display: none !important;
	}
}

.site-nav .indicator-mobile {
	/* sub menu indicator for mobile */
	display: none;
}

@media screen and (max-width: 991px) {
	.site-nav .indicator-mobile {
		display: block;
		float: right;
		font-size: 12px;
		line-height: 26px;
		width: 100%;
		height: 26px;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		padding-right: 5px;
		cursor: pointer;
		z-index: 0;
		text-align: right;
	}
}

.site-nav li:hover>.sub-menu {
	/* show the sub menu on mouse hover */
	opacity: 1;
	visibility: visible;
}

.site-nav ul.sub-menu {
	/* sub menu */
	margin: 0;
	padding: 30px 0 10px;
	display: block;
	position: absolute;
	top: auto;
	left: auto;
	background: white;
	min-width: 150px;
	visibility: hidden;
	opacity: 0;
	transition: 400ms ease;
	transition-property: opacity, visibility;
}

@media screen and (min-width: 992px) {
	.site-nav ul.sub-menu {
		display: block !important;
	}
}

@media screen and (max-width: 991px) {
	.site-nav ul.sub-menu {
		position: relative;
		top: 0;
		left: 0;
		opacity: 1;
		visibility: visible;
		width: 100%;
		display: none;
		float: left;
		clear: both;
		border-left: 1px solid #d7d7d7;
		padding: 10px 0 10px 20px;
	}
}

.site-nav ul.sub-menu .sub-menu {
	/* second level sub menu */
	left: 100%;
	top: -10px;
	padding-top: 10px;
}

@media screen and (min-width: 992px) {
	.site-nav ul.sub-menu .sub-menu {
		display: block !important;
	}
}

@media screen and (max-width: 991px) {
	.site-nav ul.sub-menu .sub-menu {
		position: relative;
		top: 0;
		left: 0;
		opacity: 1;
		visibility: visible;
		padding-bottom: 10px;
		display: none;
	}
}

.site-nav ul.sub-menu li {
	margin: 0;
	padding: 4px 0;
	display: block;
	width: 100%;
	clear: both;
	position: relative;
}

.site-nav ul.sub-menu a {
	line-height: normal;
	width: 100%;
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	font-weight: 600;
}

@media screen and (max-width: 1199px) {
	.site-nav ul.sub-menu a {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media screen and (max-width: 991px) {
	.site-nav ul.sub-menu a {
		line-height: 18px;
		display: inline-block;
		width: auto;
		padding: 6px 30px 6px 0;
	}
}

.site-nav ul.sub-menu a i.fa {
	margin-left: 6px;
	display: inline-block;
	position: relative;
	top: -1px;
}


/* Navigation toggle button */

.site-nav-toggle {
	display: none;
	float: right;
	margin-top: 8px;
	cursor: pointer;
}

@media screen and (max-width: 991px) {
	.site-nav-toggle {
		display: block;
	}
}

@media screen and (max-width: 767px) {
	.site-nav-toggle {
		margin-right: 10px;
	}
}

.site-nav-toggle span {
	width: 40px;
	display: block;
	clear: both;
	margin-bottom: 6px;
	height: 4px;
	background: #002e5b;
	transition: 400ms ease;
	transition-property: opacity, transform;
	opacity: 1;
	transform-origin: top left;
	transform: rotate(0deg);
}

.site-nav-toggle span span:nth-child(3) {
	transform-origin: bottom left;
}

.site-nav-toggle.active {
	/* Active Toggle button */
}

.site-nav-toggle.active span:nth-child(1) {
	transform: rotate(30deg);
	transition-delay: 200ms;
}

.site-nav-toggle.active span:nth-child(2) {
	opacity: 0;
}

.site-nav-toggle.active span:nth-child(3) {
	transform: rotate(-30deg);
	transition-delay: 200ms;
}


/*-----------------------------------------------------------------------------------

[Header top bar (section)]

# header top bar container
# font awesome icons
# top bar left section
# top bar right section

-----------------------------------------------------------------------------------*/


/* Header top bar */

.site-top-bar {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	clear: both;
	background-color: #002e5b;
	min-height: 50px;
	line-height: 50px;
}

@media screen and (max-width: 767px) {
	.site-top-bar {
		line-height: 16px;
		padding: 10px 0;
	}
}

.site-top-bar a {
	margin: 0 18px;
}

.site-top-bar a[href] span:after {
	/* Show the mouser hover underline if the a tag have href attribute */
	display: block;
}

.site-top-bar span {
	font-size: 14px;
	color: #fff;
	line-height: 18px;
	text-align: left;
	position: relative;
}

.site-top-bar span:after {
	/* Underline */
	content: "";
	height: 1px;
	background: white;
	position: relative;
	top: -4px;
	width: 0;
	transition: 400ms ease;
	transition-property: width;
	margin: 0 auto;
	display: none;
}

.site-top-bar span:hover:after {
	width: 100%;
}

.site-top-bar i.fa {
	font-size: 20px;
	font-family: "FontAwesome", serif;
	color: #fde428;
	line-height: 2.231;
	text-align: left;
	margin-right: 6px;
}

.site-top-bar .site-top-bar-left-section {
	/* left section */
	text-align: left;
	float: left;
	display: block;
}

@media screen and (min-width: 768px) {
	.site-top-bar .site-top-bar-left-section a:first-child {
		margin-left: 0;
	}
}

@media screen and (max-width: 767px) {
	.site-top-bar .site-top-bar-left-section {
		display: inline-block;
		float: none;
	}
}

.site-top-bar .site-top-bar-right-section {
	/* right section */
	text-align: right;
	float: right;
	display: block;
}

@media screen and (min-width: 768px) {
	.site-top-bar .site-top-bar-right-section a:last-child {
		margin-right: 0;
	}
}

@media screen and (max-width: 767px) {
	.site-top-bar .site-top-bar-right-section {
		text-align: left;
		display: inline-block;
		float: none;
	}
}


/*-----------------------------------------------------------------------------------

 [Main slider (section)]

 # Main slider container
 # bootstrap container (fluid) for slider
 # slider navigation
 # Icomoon custom icon for slider navigation
 # slider container
 # slider background images change css
 # slider pagination
 # slider bullets
 # slider content holder (caption)
 # h1 heading
 # h2 heading
 # paragraph
 # slider

-----------------------------------------------------------------------------------*/


/* Main Slider */

.site-main-slider {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	clear: both;
	background: #eaeaea;
	min-height: 100px;
	position: relative;
}

.site-main-slider .container-fluid {
	/* bootstrap fluid container max width set for slider */
	max-width: 1200px;
}

.site-main-slider .swiper-button-prev,
.site-main-slider .swiper-button-next {
	/* slider navigation next and prev button */
	width: 50px;
	height: 50px;
	background-color: white;
	border-radius: 0;
	left: 0;
	transition: 400ms ease;
	transition-property: background-color;
}

@media screen and (max-width: 767px) {
	.site-main-slider .swiper-button-prev,
	.site-main-slider .swiper-button-next {
		top: 20px;
		left: 20px;
	}
}

.site-main-slider .swiper-button-prev:hover,
.site-main-slider .swiper-button-next:hover {
	/* button hover */
	background-color: #4543d0;
}

.site-main-slider .swiper-button-prev:hover:before,
.site-main-slider .swiper-button-next:hover:before {
	color: white;
	opacity: 1;
}

.site-main-slider .swiper-button-prev:before,
.site-main-slider .swiper-button-next:before {
	/* Custom font icon */
	opacity: 0.4;
	color: #1e222e;
	transition: 400ms ease;
	transition-property: color, opacity;
}

.site-main-slider .swiper-button-next {
	/* slider navigation next button  */
	width: 50px;
	height: 50px;
	background-color: white;
	border-radius: 0;
	right: 0;
	left: auto;
}

@media screen and (max-width: 767px) {
	.site-main-slider .swiper-button-next {
		right: 20px;
	}
}

.site-main-slider .swiper-container {
	/* slider container */
	width: 100%;
	height: 100%;
	background: #E8E8E9;
}

.site-main-slider .swiper-slide {
	/* single slide
     Here is the code. If you want to change the slider background image css.*/
	background-position: center center;
	background-size: cover;
	padding: 140px 0 160px;
}

@media screen and (max-width: 991px) {
	.site-main-slider .swiper-slide {
		background-position: center left;
	}
}

.site-main-slider .swiper-pagination {
	/* slider pagination container */
	width: 100%;
	clear: both;
	padding: 0;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 0 47px;
}

.site-main-slider .swiper-pagination-bullet {
	/* slider pagination bullet */
	width: 16px;
	height: 16px;
	background-color: #acafb5;
	border-radius: 100px;
}

.site-main-slider .swiper-pagination-bullet-active {
	/* slider active pagination bullet */
	background-color: #4543d0;
}

.site-main-slider .sequence-caption {
	/* slider content holder (caption) */
	position: relative;
	top: 50%;
	left: 0;
	right: 0;
	bottom: auto;
	display: block;
	width: 100%;
	height: auto;
	padding-left: 80px;
	padding-right: 80px;
	transform: translateY(-50%);
}

@media screen and (max-width: 991px) {
	.site-main-slider .sequence-caption {
		transform: translateY(0);
		top: 0;
		padding-top: 40px;
	}
}

@media screen and (max-width: 767px) {
	.site-main-slider .sequence-caption {
		padding-left: 0;
		padding-right: 0;
		text-align: center;
		padding-top: 80px;
	}
}

.site-main-slider h1 {
	/* h1 heading */
	color: #1a1e2a;
	font-family: inherit;
	font-size: 70px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	position: relative;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 1199px) {
	.site-main-slider h1 {
		font-size: 38px;
	}
}

@media screen and (max-width: 991px) {
	.site-main-slider h1 {
		font-size: 35px;
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	.site-main-slider h1 {
		font-size: 35px;
		line-height: 1.5;
	}
}

.site-main-slider h1:before {
	/* 4px div show left side the h1 heading */
	content: "";
	position: absolute;
	top: 4px;
	left: -30px;
	display: block;
	width: 4px;
	height: 76px;
	background-color: #4543d0;
}

@media screen and (max-width: 991px) {
	.site-main-slider h1:before {
		display: none;
	}
}

.site-main-slider h2 {
	/* h2 heading */
	color: #1a1e2a;
	font-family: inherit;
	font-size: 32px;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 1199px) {
	.site-main-slider h2 {
		font-size: 26px;
	}
}

@media screen and (max-width: 991px) {
	.site-main-slider h2 {
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	.site-main-slider h2 {
		font-size: 20px;
		line-height: 28px;
	}
}

.site-main-slider h2 u {
	/* inside heading text underline */
	text-decoration: none;
	display: inline-block;
	position: relative;
}

.site-main-slider h2 u:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	display: block;
	height: 2px;
	background: #1a1e2a;
}

.site-main-slider p {
	/* paragraph */
	color: #777;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	line-height: 27px;
	margin-bottom: 40px;
	text-align: center;
}

@media screen and (max-width: 991px) {
	.site-main-slider p {
		text-align: center;
	}
}

.site-main-slider a.theme-btn {
	/* slider href buttons */
	border: 2px solid #1a1e2a;
	border-radius: 6px;
	color: #1a1e2a;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 26px;
	text-transform: uppercase;
	transition: 400ms ease;
	transition-property: background, border-color, color;
	margin-right: 24px;
	white-space: nowrap;
}

@media screen and (max-width: 991px) {
	.site-main-slider a.theme-btn {
		margin-right: 10px;
		margin-left: 10px;
		margin-bottom: 10px;
	}
}

.site-main-slider a.theme-btn:hover {
	background: #002e5b;
	border-color: #002e5b;
	color: white;
}

.site-main-slider .seq-canvas {
	/* Sequence slider */
	padding: 0;
	display: block;
	clear: both;
	width: 100%;
	position: relative;
	min-height: 850px;
	/* Slider height change */
	overflow: hidden;
	background: no-repeat center right;
	max-width: 1400px;
	margin: 0 auto;
}

.site-main-slider .sequence-slide {
	/* Slides */
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
}

.site-main-slider .sequence-slide.seq-in {
	/*---------------------- Sequence in animation */
}

.site-main-slider .sequence-slide.seq-in .sequence-bg {
	/* background image animation */
	transform: translateX(0);
}

.site-main-slider .sequence-slide.seq-in .sequence-caption {
	/* caption animation */
	opacity: 1;
	transition-delay: 1500ms;
}

.site-main-slider .sequence-slide.seq-out {
	/*---------------------- Sequence out animation */
}

.site-main-slider .sequence-slide.seq-out .sequence-bg {
	/* background image animation */
	transform: translateX(2000px);
}

.site-main-slider .sequence-slide.seq-out .sequence-caption {
	/* caption animation */
	opacity: 0;
}

.site-main-slider .sequence-bg {
	/* Background image */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	height: 100%;
	width: 100%;
	clear: both;
	transform: translateX(-2000px);
	transition: transform 2000ms ease;
	background: no-repeat center right 20px;
}

@media screen and (max-width: 1199px) {
	.site-main-slider .sequence-bg {
		background-size: 40%;
		background-position: right bottom;
	}
}

@media screen and (max-width: 991px) {
	.site-main-slider .sequence-bg {
		background-size: 22%;
		background-position: center bottom;
	}
}

@media screen and (max-width: 767px) {
	.site-main-slider .sequence-bg {
		background-size: 30%;
	}
}

.site-main-slider .sequence-caption {
	/* Caption */
	opacity: 0;
	transition: opacity 600ms ease;
}

@media screen and (max-width: 991px) {
	.site-main-slider .sequence-caption {
		text-align: center;
	}
}

.site-main-slider .seq-pagination {
	/* pagination */
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100px;
	width: 100%;
	z-index: 10;
	text-align: center;
}

.site-main-slider .seq-pagination li {
	width: 16px;
	height: 16px;
	background-color: #acafb5;
	display: inline-block;
	border-radius: 100px;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
	transition: 400ms ease;
	transition-property: background-color;
	margin: 4px;
}

.site-main-slider .seq-pagination li.seq-current {
	background-color: #002e5b;
}

.site-main-slider .seq-prev,
.site-main-slider .seq-next {
	/* navigation */
	padding: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 20px;
	bottom: 0;
	width: 50px;
	height: 50px;
	background-color: white;
	z-index: 10;
	border: none;
	margin: auto 0;
	transition: 400ms ease;
	transition-property: background-color;
	border-radius: 6px;
}

@media screen and (max-width: 767px) {
	.site-main-slider .seq-prev,
	.site-main-slider .seq-next {
		margin-top: 20px;
		margin-left: 20px;
		margin-right: 20px;
	}
}

.site-main-slider .seq-prev:hover,
.site-main-slider .seq-next:hover {
	background: #002e5b;
}

.site-main-slider .seq-prev:hover span,
.site-main-slider .seq-next:hover span {
	opacity: 1;
	color: white;
}

.site-main-slider .seq-prev span,
.site-main-slider .seq-next span {
	opacity: 0.4;
	position: absolute;
	top: 0;
	left: 0;
	right: 20px;
	bottom: 0;
	display: block;
	text-align: center;
	width: 100%;
	line-height: 50px;
	color: #1e222e;
	transition: 400ms ease;
	transition-property: color, opacity;
}

.site-main-slider .seq-next {
	left: auto;
	right: 20px;
}

.site-main-slider.slider-version-1 {
	/* ------------------------ slider version 1 */
	background-color: #404040;
}

.site-main-slider.slider-version-1 .seq-canvas {
	max-width: 100%;
}

.site-main-slider.slider-version-1 .sequence-slide .sequence-bg {
	background: no-repeat center;
	background-size: cover;
	opacity: 0;
	transform: scale(1);
	transition: transform 2000ms ease, opacity 2000ms ease;
}

.site-main-slider.slider-version-1 .sequence-caption {
	text-align: center;
	width: 100%;
	opacity: 1;
	transition: transform 2000ms ease;
	transition-delay: 0ms !important;
	top: 45%;
	transform: translate(-2000px, -50%);
}

.site-main-slider.slider-version-1 .sequence-caption * {
	color: white;
}

.site-main-slider.slider-version-1 .sequence-caption h2 {
	text-transform: none;
}

.site-main-slider.slider-version-1 .sequence-caption u:after {
	background-color: white;
}

.site-main-slider.slider-version-1 .sequence-caption h1 {
	text-transform: none;
}

.site-main-slider.slider-version-1 .sequence-caption h1:before {
	display: none;
}

.site-main-slider.slider-version-1 .sequence-caption .theme-btn {
	border-color: white;
	margin-right: 12px;
	margin-left: 12px;
}

.site-main-slider.slider-version-1 .sequence-caption .theme-btn.color-btn {
	border-color: #002e5b;
	background: #002e5b;
	margin-right: 12px;
	margin-left: 12px;
}

.site-main-slider.slider-version-1 .sequence-caption .theme-btn.color-btn:hover {
	border-color: #FFFFFF;
	background: none;
	color: #FFFFFF;
}

.site-main-slider.slider-version-1 .sequence-caption .theme-btn:hover {
	border-color: #002e5b;
}

.site-main-slider.slider-version-1 .sequence-slide.seq-in {
	/*---------------------- Sequence in animation */
}

.site-main-slider.slider-version-1 .sequence-slide.seq-in .sequence-bg {
	/* background image animation */
	transform: scale(1.2);
	opacity: 1;
}

.site-main-slider.slider-version-1 .sequence-slide.seq-in .sequence-caption {
	/* caption animation */
	opacity: 1;
	transform: translate(0, -50%);
}

.site-main-slider.slider-version-1 .sequence-slide.seq-out {
	/*---------------------- Sequence out animation */
}

.site-main-slider.slider-version-1 .sequence-slide.seq-out .sequence-bg {
	/* background image animation */
	transform: scale(1);
	opacity: 0;
}

.site-main-slider.slider-version-1 .sequence-slide.seq-out .sequence-caption {
	/* caption animation */
	opacity: 1;
	transform: translate(2000px, -50%);
}

.site-main-slider.slider-version-2 {
	/* ------------------------ slider version 2 */
	background-color: rgba(64, 64, 64, 0.6);
}

.site-main-slider.slider-version-2 .seq-canvas {
	max-width: 100%;
}

.site-main-slider.slider-version-2 .sequence-slide .sequence-bg {
	background: no-repeat center;
	background-size: cover;
	opacity: 0;
	transform: scale(1);
	transition: none;
}

.site-main-slider.slider-version-2 .sequence-caption {
	text-align: center;
	width: 100%;
	opacity: 1;
	transition: transform 2000ms ease;
	transition-delay: 0ms !important;
	top: 50%;
	transform: translate(-2000px, -50%);
}

.site-main-slider.slider-version-2 .sequence-caption * {
	color: white;
}

.site-main-slider.slider-version-2 .sequence-caption h2 {
	text-transform: none;
}

.site-main-slider.slider-version-2 .sequence-caption u:after {
	background-color: white;
}

.site-main-slider.slider-version-2 .sequence-caption h1 {
	text-transform: none;
	font-size: 70px;
	font-weight: 700;
	line-height: 1.2;
}

@media screen and (max-width: 1199px) {
	.site-main-slider.slider-version-2 .sequence-caption h1 {
		font-size: 38px;
	}
}

@media screen and (max-width: 991px) {
	.site-main-slider.slider-version-2 .sequence-caption h1 {
		font-size: 35px;
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	.site-main-slider.slider-version-2 .sequence-caption h1 {
		font-size: 35px;
		line-height: 1.5;
	}
}

.site-main-slider.slider-version-2 .sequence-caption h1:before {
	display: none;
}

.site-main-slider.slider-version-2 .sequence-caption .theme-btn {
	margin-right: 12px;
	margin-left: 12px;
	border-color: #4543d0;
	background: #4543d0;
}

.site-main-slider.slider-version-2 .sequence-caption .theme-btn:hover {
	background: white;
	color: #4543d0;
	border-color: white;
}

.site-main-slider.slider-version-2 .sequence-slide.seq-in {
	/*---------------------- Sequence in animation */
}

.site-main-slider.slider-version-2 .sequence-slide.seq-in .sequence-bg {
	/* background image animation */
	transform: scale(1);
	opacity: 1;
}

.site-main-slider.slider-version-2 .sequence-slide.seq-in .sequence-caption {
	/* caption animation */
	opacity: 1;
	transform: translate(0, -50%);
}

.site-main-slider.slider-version-2 .sequence-slide.seq-out {
	/*---------------------- Sequence out animation */
}

.site-main-slider.slider-version-2 .sequence-slide.seq-out .sequence-bg {
	/* background image animation */
	transform: scale(1);
	opacity: 0;
}

.site-main-slider.slider-version-2 .sequence-slide.seq-out .sequence-caption {
	/* caption animation */
	opacity: 1;
	transform: translate(2000px, -50%);
}


/*-----------------------------------------------------------------------------------

 [Quote (section)]

 # quote container
 # box 1 (class)
 # box 2 (class)
 # box 3 (class)
 # font awesome icon
 # paragraph
 # horizontal line
 # href button

-----------------------------------------------------------------------------------*/


/* Quote Section */

.site-quote {
	margin: 0;
	display: block;
	width: 100%;
	clear: both;
	min-height: 230px;
	background: #4543d0 url("../images/free-quote.html") no-repeat center center;
	background-size: cover;
	padding: 67px 0 50px;
}

@media screen and (max-width: 991px) {
	.site-quote {
		text-align: center;
	}
}

.site-quote .site-box-1 {
	/* Box 1 */
	text-align: right;
}

@media screen and (max-width: 991px) {
	.site-quote .site-box-1 {
		text-align: center;
	}
}

.site-quote .site-box-1 p {
	/* paragraph */
	color: white;
	font-size: 13px;
	font-weight: 700;
	line-height: 24px;
	text-transform: uppercase;
	margin: 0;
}

.site-quote .site-box-2 {
	/* Box 2 */
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

@media screen and (max-width: 991px) {
	.site-quote .site-box-2 {
		padding-left: 0;
		padding-right: 0;
	}
}

.site-quote .site-box-3 {
	/* Box 3 */
	padding-left: 10px;
	padding-right: 10px;
}

@media screen and (max-width: 991px) {
	.site-quote .site-box-3 {
		padding-left: 0;
		padding-right: 0;
	}
}

.site-quote i {
	/* Icons */
	width: 37px;
	height: 44px;
	color: white;
	font-size: 43px;
	font-weight: 400;
	line-height: 29px;
	display: inline-block;
	margin-bottom: 5px;
}

.site-quote p {
	/* Paragraph */
	color: white;
	font-size: 13px;
	font-weight: 400;
	line-height: 27px;
}

@media screen and (max-width: 991px) {
	.site-quote p {
		text-align: center;
	}
}

.site-quote hr {
	/* Horizontal Line */
	border-color: white;
	margin-top: 10px;
	margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
	.site-quote hr {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
	}
}

.site-quote .theme-btn {
	/* a tag */
	margin-top: 54px;
}

@media screen and (max-width: 991px) {
	.site-quote .theme-btn {
		margin-top: 40px;
	}
}


/*-----------------------------------------------------------------------------------

 [Site Features (section)]

 # Site Features container
 # typography
 # features (class)
 # box (class)
 # font awesome icons

-----------------------------------------------------------------------------------*/


/* Site Features */

.site-features {
	width: 100%;
	display: block;
	clear: both;
	position: relative;
	padding: 0;
}

.site-features .upper-section {
	position: relative;
	margin-top: -75px;
	z-index: 100;
}

.site-features-container {
	float: left;
	width: 100%;
	background: #FFFFFF;
	border-radius: 8px;
	-webkit-box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
	-moz-box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
	box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
}

@media screen and (max-width: 767px) {
	.site-features-container {
		margin-top: 40px;
		background: none;
		box-shadow: none;
	}
}

.site-features-container .site-box {
	/* Box container */
	padding: 45px 45px 55px 45px;
	position: relative;
	border-right: #d4e2e4 solid 1px;
	border-top: #002e5b solid 8px;
}

@media screen and (max-width: 991px) {
	.site-features-container .site-box {
		background: #FFFFFF;
		padding: 25px 25px 55px 25px;
		-webkit-box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
		-moz-box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
		box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
	}
}

.site-features-container .site-box:hover {
	/* Box container hover */
	border-top: #fde428 solid 8px;
	transition: all ease .5s;
}

@media screen and (max-width: 767px) {
	.site-features-container .site-box {
		margin-bottom: 25px;
	}
	.site-features-container .site-box {
		border-right: none;
	}
}

.site-features-container i.fa {
	/* Font-awesome icons */
	color: #1a1e2a;
	font-size: 19px;
	font-weight: 400;
	line-height: 29px;
	transition: 400ms ease;
	transition-property: color;
}

.site-features-container a:hover i.fa {
	/* Icon hover */
	color: white;
}

.site-features-container figure {
	/* Icon Box */
	width: 70px;
	height: 80px;
	line-height: 50px;
	display: block;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: 400ms ease;
	transition-property: border-color, background-color;
	text-align: left;
}

.site-features-container a:hover figure {
	/* Icon box hover border color change */
	/*border-color: #4543d0;
  background-color: #4543d0;*/
}

.site-features-container h3 {
	/* H3 heading */
	color: #000000;
	font-family: inherit;
	font-size: 20px;
	font-weight: 700;
	line-height: 22px;
	text-transform: capitalize;
	transition: 400ms ease;
	transition-property: color;
	margin-bottom: 20px;
	text-align: left;
	letter-spacing: -1px;
}

.site-features-container a:hover h3 {
	/* H3 hover color */
	color: #4543d0;
}

.site-features-container p {
	/* Paragraph */
	position: relative;
	padding-bottom: 15px;
}

.site-features .site-box:hover .site-permalink span {
	opacity: 1;
	color: #002e5b;
}

.site-features .site-box:hover .site-permalink i {
	color: #002e5b;
	left: 100%;
	padding-left: 12px;
}

.site-features .site-permalink {
	/* Permalink */
	position: absolute;
	left: 0;
	/*bottom: 0;*/
	display: block;
	margin-left: 45px;
	margin-bottom: 10px;
	color: #002e5b;
	font-weight: 600;
}

@media screen and (max-width: 991px) {
	.site-features .site-permalink {
		/* Permalink */
		margin-left: 25px;
	}
}

.site-features .site-permalink span {
	opacity: 0;
	transition: 400ms ease;
	transition-property: opacity, color;
}

.site-features .site-permalink i {
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 6px;
	font-size: 12px;
	transition: 400ms ease;
	transition-property: color, left;
}

.site-features .nomber {
	/* nomber */
	/*width: 46px;
  height: 46px;*/
	line-height: 54px;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
	transition: 400ms ease;
	font-size: 70px;
	font-weight: 700;
	color: #e9eff2;
}


/*-----------------------------------------------------------------------------------

 [About us (section)]

 # about us container
 # typography
 # features (class)
 # box (class)
 # font awesome icons

-----------------------------------------------------------------------------------*/


/* About us container */

.site-about {
	margin: 0;
	padding: 90px 0 200px 0;
	display: block;
	clear: both;
	width: 100%;
}

@media screen and (max-width: 767px) {
	.site-about {
		padding-top: 30px;
	}
}

.site-about .left-colom {
	float: left;
	width: 90%;
}

.site-about .left-colom h3 {
	text-align: right;
	font-size: 27px;
	line-height: 1.5;
	color: #828282;
	font-weight: 700;
	margin: 0;
	padding: 0 0 25px 0;
}

@media screen and (max-width: 767px) {
	.site-about .left-colom {
		width: 100%;
	}
	.site-about .left-colom h3 {
		text-align: center;
		font-size: 22px;
	}
}

.site-about .left-colom figure {
	text-align: right;
}

.site-about .left-colom:after {
	/* about section image */
	content: "";
	position: absolute;
	max-width: 900px;
	height: 450px;
	display: block;
	margin: 0 auto;
	left: -370px;
	right: 0;
	top: 100%;
	background: url(../images/about-us-bg.png) no-repeat;
}

@media screen and (max-width: 767px) {
	.site-about .left-colom:after {
		/* about section image */
		display: none;
	}
}

.site-about .right-colom {
	float: left;
	width: 100%;
	text-align: left;
}

.site-about p {
	/* Paragraph */
	color: #828282;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.9;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 767px) {
	.site-about p {
		text-align: center;
	}
	.site-about .right-colom {
		text-align: center;
	}
}

.site-about h1 {
	/* H1 heading */
	/*margin-bottom: 50px;*/
}

.site-about h2 {
	/* H2 heading */
	/*margin-bottom: 10px;*/
}

.site-about .more-text {
	text-align: left;
	font-weight: 600;
	font-size: 16px;
}

@media screen and (max-width: 767px) {
	.site-about .more-text {
		text-align: center;
	}
}


/*-----------------------------------------------------------------------------------

 Statistic (section)

 # statistic container
 # background image
 # h2 heading
 # paragraph
 # section align center (class)
 # number (class) [container h3, p, font icon, image]
 # number inline block (class)

-----------------------------------------------------------------------------------*/


/* Statistic container */

.site-statistic {
	margin: 0;
	width: 100%;
	display: block;
	clear: both;
	text-align: center;
	position: relative;
	z-index: 100;
}

@media screen and (max-width: 1199px) {
	.site-statistic {
		padding-top: 60px;
		padding-bottom: 20px;
	}
}

.site-statistic .site-section-box {
	/* inner box */
	float: left;
	width: 100%;
	background: #f0f6f7;
	border-radius: 8px;
	padding: 50px 0;
	margin-top: -150px;
	-webkit-box-shadow: 0px 21px 74px -6px rgba(18, 17, 88, 0.44);
	-moz-box-shadow: 0px 21px 74px -6px rgba(18, 17, 88, 0.44);
	box-shadow: 0px 21px 74px -6px rgba(18, 17, 88, 0.44);
}

@media screen and (max-width: 767px) {
	.site-statistic .site-section-box {
		/*display: none;*/
	}
}

.site-statistic h2 {
	/* H2 heading */
	color: white;
	font-family: inherit;
	font-size: 40px;
	line-height: 66px;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 10px;
	margin-top: 0.625rem;
}

.site-statistic h2 strong {
	font-weight: 700;
}

.site-statistic p {
	/* Paragraph */
	color: white;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 33px;
}

.site-statistic .section-align-center {
	/* Align center class */
	max-width: 600px;
}


/* Mission box wrapper */

.site-mission {
	margin: 0 auto;
	padding: 20px;
	width: 100%;
	max-width: 550px;
	border: 2px solid rgba(255, 255, 255, 0.2);
	height: 332px;
	display: table-cell;
	vertical-align: middle;
}

@media screen and (max-width: 1199px) {
	.site-mission {
		height: auto;
		display: block;
		margin-bottom: 30px;
		max-width: 575px;
	}
}

@media screen and (max-width: 767px) {
	.site-mission {
		max-width: 100%;
	}
}


/* Numbers section */

.site-number {
	width: 100%;
	position: relative;
	padding: 0;
	display: block;
	text-align: center;
	white-space: nowrap;
	float: left;
}

@media screen and (max-width: 991px) {
	.site-number {
		margin-bottom: 55px;
	}
}

@media screen and (max-width: 767px) {
	.site-number {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		white-space: normal;
	}
}

.site-number h3 {
	/* h3 heading */
	color: #1c2729;
	font-family: inherit;
	font-size: 60px;
	font-weight: 700;
	line-height: 1.2;
	padding: 0;
	margin: 15px 0 0 0;
	display: block;
	text-align: center;
}

.site-number p {
	/* paragraph */
	color: #1c2729;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
}

.site-number i.fa {
	/* font awesome icon */
	width: 100%;
	height: 41px;
	color: #FFFFFF;
	font-size: 40px;
	font-weight: 400;
	line-height: 40px;
	text-transform: uppercase;
}

.site-number figure {
	/* image */
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	display: block;
	height: 100px;
	line-height: 52px;
	margin: auto 0;
	text-align: center;
}

.site-number figure:before {
	/*  site number horizontal line */
	content: "";
	position: absolute;
	max-width: 70px;
	width: 45px;
	display: block;
	height: 3px;
	background: #c2d0d7;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 0;
	/*top: 100%;*/
}


/* Number section inline block */

.site-number-inline {
	display: block;
	text-align: left;
	position: relative;
	margin: auto;
	width: 100%;
	/*top: 50%;
  transform: translateY(-50%);*/
}


/*-----------------------------------------------------------------------------------

Services (section)

 # services container
 # h1 heading
 # box (class)
 # h3 heading
 # paragraph
 # image
 # font awesome icon
 # permalink (class)

-----------------------------------------------------------------------------------*/


/* Services container */

.site-services {
	display: block;
	width: 100%;
	clear: both;
	position: relative;
	margin-top: -100px;
}

.site-services:before {
	/*  site services top wave bg*/
	content: "";
	position: absolute;
	max-width: 100%;
	width: 100%;
	display: block;
	height: 330px;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 0;
	top: -330px;
	background: url(../images/service-section-top-wave.html) no-repeat top center;
}

@media screen and (max-width: 767px) {
	.site-services {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

.site-services h1 {
	/* H1 heading */
	/*margin-bottom: 100px;*/
}

@media screen and (max-width: 767px) {
	.site-services h1 {}
}

.site-services .site-box {
	/* Service */
	padding: 0 0 30px 0;
	display: block;
	width: 100%;
	text-align: left;
	margin: 0 0 30px;
	max-width: 370px;
	min-height: 236px;
	background-color: white;
	box-shadow: 0 0 5px rgba(2, 3, 3, 0.1);
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: 400ms ease;
	transition-property: background;
	border-radius: 8px;
}

.site-services .service-image {
	display: block;
}

.site-services .content {
	display: block;
	padding: 30px;
}

@media screen and (max-width: 767px) {
	.site-services .site-box {
		max-width: 100%;
		min-height: 10px;
	}
	.site-services .service-image img {
		width: 100%;
	}
}

.site-services .site-box:hover {
	/* Change the color on mouse hover */
	-webkit-box-shadow: 0px 21px 69px -10px rgba(18, 17, 88, 0.82);
	-moz-box-shadow: 0px 21px 69px -10px rgba(18, 17, 88, 0.82);
	box-shadow: 0px 21px 69px -10px rgba(18, 17, 88, 0.82);
}

.site-services .site-box:hover h3,
.site-services .site-box:hover h3 a,
.site-services .site-box:hover p {
	/*color: white;*/
}

.site-services .site-box:hover h3,
.site-services .site-box:hover h3 a {
	color: #002e5b;
}

.site-services .site-box:hover figure {
	background: #4543d0;
}

.site-services .site-box:hover i.fa {
	color: #FFFFFF;
}

.site-services .site-box:hover .site-permalink span {
	opacity: 1;
	color: ##002e5b;
}

.site-services .site-box:hover .site-permalink i {
	color: #002e5b;
	left: 100%;
	padding-left: 12px;
}

.site-services .site-box:before {
	/* Change the box bg counting using data attribute */
	content: attr(data-bg-number);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0.06;
	color: #0a2b4a;
	font-family: inherit;
	font-size: 107px;
	font-weight: 700;
	line-height: 90px;
	text-transform: uppercase;
	z-index: -1;
	margin-left: 26px;
}

.site-services h3 {
	/* H3 heading */
	color: #000000;
	font-family: inherit;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: inherit;
	margin-top: 5px;
	margin-bottom: 15px;
	transition: 400ms ease;
	transition-property: color;
	letter-spacing: -1px;
}

.site-services h3 a {
	transition: 400ms ease;
	transition-property: color;
}

.site-services p {
	/* Paragraph */
	color: #828282;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
	transition: 400ms ease;
	transition-property: color;
}

.site-services figure {
	/* Image */
	display: none;
	width: 46px;
	height: 46px;
	line-height: 54px;
	background-color: #e0e9ea;
	/*display: block;*/
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: center;
	transition: 400ms ease;
	transition-property: background;
	border-radius: 6px;
}

.site-services i.fa {
	/* Font awesome icon */
	width: 22px;
	height: 14px;
	color: #4543d0;
	font-size: 20px;
	font-weight: 400;
	line-height: 14px;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	margin: auto;
	transition: 400ms ease;
	transition-property: color;
}

.site-services .site-permalink {
	/* Permalink */
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	margin-left: 30px;
	margin-bottom: 25px;
}

.site-services .site-permalink span {
	opacity: 0;
	transition: 400ms ease;
	transition-property: opacity, color;
	font-weight: 600;
}

.site-services .site-permalink i {
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 6px;
	font-size: 12px;
	transition: 400ms ease;
	transition-property: color, left;
	font-weight: 600;
}


/*-----------------------------------------------------------------------------------

 Tabs (section)

 # tabs container
 # background image
 # h1 heading
 # tabs buttons
 # tabs content

-----------------------------------------------------------------------------------*/


/* Tabs section container */

.site-tabs {
	display: block;
	width: 100%;
	clear: both;
	position: relative;
	text-align: center;
}

@media screen and (max-width: 991px) {
	.site-tabs {
		text-align: center;
		min-height: 10px;
	}
}

@media screen and (max-width: 767px) {
	.site-tabs {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

.site-tabs .tab-images {}

.site-tabs .site-tab-bg {
	/* tabs section background image */
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	height: 500px;
	width: 100%;
	max-width: 100%;
	background: no-repeat top right;
	background-size: auto;
	opacity: 0;
	transition: 200ms opacity ease-in-out;
}

.site-tabs .site-tab-bg.active {
	opacity: 1;
}

@media screen and (max-width: 991px) {
	.site-tabs .site-tab-bg {
		display: none;
	}
}

.site-tabs h1 {
	/* h1 heading */
	/*margin-bottom: 70px;*/
}

@media screen and (max-width: 991px) {
	.site-tabs h1 {
		/*margin-bottom: 100px;*/
	}
}

@media screen and (max-width: 767px) {
	.site-tabs h1 {
		/*margin-bottom: 70px;*/
	}
}

@media screen and (min-width: 992px) {
	.site-tabs h1:before {
		margin: 0;
	}
}


/* Tabs buttons */

.site-tabs-buttons {
	padding: 0;
	display: block;
	list-style: none;
	width: 62%;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 60px;
	text-align: center;
}

.site-tabs-buttons li {
	display: block;
	margin: 0;
	list-style: none;
	float: left;
	padding: 0 50px 0 0;
}

@media screen and (max-width: 1199px) {
	.site-tabs-buttons {
		width: 73%;
	}
}

@media screen and (max-width: 991px) {
	.site-tabs-buttons {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.site-tabs-buttons li {
		display: block;
		width: 100%;
		padding: 0;
		margin-bottom: 5px;
	}
}

.site-tabs-buttons li.active a {
	/* Active tab */
	color: #4543d0;
	/*background: #4543d0;*/
	border-bottom: #4543d0 solid 2px;
}

.site-tabs-buttons a {
	/*background: #f8f7f7;*/
	font-family: inherit;
	font-size: 17px;
	font-weight: 700;
	line-height: 14px;
	text-transform: uppercase;
	color: #909090;
	display: block;
	padding: 8px 0px;
	transition: 400ms ease;
	transition-property: color, background;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.site-tabs-buttons a:hover {
	/*background: #ece9e9;*/
	color: #4543d0;
}

@media screen and (max-width: 767px) {
	.site-tabs-buttons a {
		padding-left: 20px;
		padding-right: 20px;
	}
}


/* Tabs content */

.site-tabs-content {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	clear: both;
	color: #959595;
	font-family: inherit;
	font-size: 13px;
	font-weight: 400;
	line-height: 28px;
	text-align: left;
}

.site-tabs-content p {
	color: #828282;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.7;
	margin-bottom: 40px;
}

.site-tabs-content h3 {
	color: #828282;
	font-family: inherit;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 30px;
	padding: 0;
	margin: 0;
}

.site-tabs-content ul {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	color: #828282;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
}

.site-tabs-content li {
	position: relative;
	list-style: none;
	width: 100%;
	display: block;
	margin: 0 0 10px;
	padding: 0 0 0 25px;
}

.site-tabs-content li:before {
	/*content: "\f0da";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  /*font-family: "FontAwesome", serif;*/
	/*background:url(../images/check-box.png) left no-repeat;*/
}

.site-tabs-content li:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	bottom: 0;
	background: url(../images/check-box.png) left no-repeat;
	width: 14px;
	height: 14px;
}


/*-----------------------------------------------------------------------------------

 Portfolio (section)

 # portfolio container
 # h1 heading
 # href button
 # tabs (class)
 # content
 # caption

-----------------------------------------------------------------------------------*/


/* Portfolio Container */

.site-portfolio {
	display: block;
	width: 100%;
	clear: both;
}

@media screen and (max-width: 991px) {
	.site-portfolio {
		padding-bottom: 80px;
	}
}

@media screen and (max-width: 767px) {
	.site-portfolio {
		padding-top: 50px;
	}
}

.site-portfolio h1 {
	/* H1 heading */
	/*margin-bottom: 70px;*/
}

.site-portfolio .theme-btn {
	/* button */
	margin-top: 30px;
}


/* Portfolio tabs buttons */

.site-portfolio-tabs {
	padding: 0;
	display: block;
	width: 100%;
	clear: both;
	list-style: none;
	font-size: 0;
	margin: 0 0 70px;
}

.site-portfolio-tabs li {
	display: inline-block;
	float: none;
	margin: 1px 5px;
	padding: 12px 30px;
	line-height: normal;
	min-width: 100px;
	min-height: 35px;
	/*background: rgba(255, 255, 255, 0.1);*/
	color: #767c8c;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	cursor: pointer;
	position: relative;
	z-index: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	transition: 400ms ease;
	transition-property: background;
	background: #FFFFFF;
	border: #b4c9cd solid 1px;
	border-radius: 4px;
}

.site-portfolio-tabs li:hover {
	background: rgba(255, 255, 255, 0.2);
}

.site-portfolio-tabs li.active {
	background: #002e5b;
	border: #002e5b solid 1px;
	border-radius: 4px;
	color: #FFFFFF;
}

@media screen and (max-width: 1199px) {
	.site-portfolio-tabs li {
		min-width: 10px;
	}
}

@media screen and (max-width: 767px) {
	.site-portfolio-tabs li {
		width: 100%;
		display: block;
	}
}


/* Portfolio content */

.site-portfolio-tabs-content {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: block;
	clear: both;
	max-width: 1170px;
}

.site-portfolio-new .portfolio-items {
	margin-bottom: 30px;
}

.site-portfolio-new .portfolio-items .site-box {
	position: relative;
	overflow: hidden;
	display: inline-block;
	border-radius: 8px;
	border: 1px solid #ccc;
}

.site-portfolio-new .site-box:hover:before,
.site-portfolio-new .site-box:hover .portfolio-caption {
	opacity: 1;
}

.site-portfolio-new .site-box:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	display: block;
	background-color: rgb(0, 46, 91, .8);
	opacity: 0;
	transition: 400ms ease;
	transition-property: opacity;
}

.site-portfolio-tabs-content .portfolio-items .venobox {
	border: none;
}

.site-portfolio-tabs-content .portfolio-items .venobox:before {
	display: none;
}

.portfolio-caption {
	/* Caption */
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	transform: translate3d(0, -50%, 0);
	bottom: auto;
	display: block;
	z-index: 1;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 20px;
	opacity: 0;
	transition: 400ms ease;
	transition-property: opacity;
}

.portfolio-caption i {
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	display: block;
	margin: 0 auto;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-radius: 100px;
}

.portfolio-caption h5 {
	color: white;
	font-family: inherit;
	font-size: 21px;
	font-weight: 700;
	line-height: 20px;
	display: block;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 15px;
	letter-spacing: -1px;
}

@media screen and (max-width: 767px) {
	.site-portfolio-tabs-content .portfolio-caption h5 {
		/*font-size: 14px;*/
	}
}

.portfolio-caption h6 {
	color: white;
	font-family: inherit;
	font-size: 13px;
	font-weight: 400;
	line-height: 14px;
	display: block;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
}


/*-----------------------------------------------------------------------------------

 Call to action (section)

 # call to action container
 # box (class)
 # background image
 # typography
 # href button

-----------------------------------------------------------------------------------*/


/* Call to action container */

.site-call-to-action {
	margin: 0;
	padding: 120px 0;
	display: block;
	width: 100%;
	clear: both;
	position: relative;
	background: url(../images/cta-bg.png) no-repeat;
	background-attachment: fixed;
	background-size: cover;
	text-align: center;
}

@media screen and (max-width: 991px) {
	.site-call-to-action {}
}

.site-call-to-action .site-box {
	/* Background box */
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
	display: block;
	/*position: absolute;*/
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	height: auto;
	text-align: center;
	padding: 0;
	z-index: 1;
}

@media screen and (min-width: 992px) {
	.site-call-to-action .site-box {
		/*transform: translate3d(0, 50%, 0);*/
	}
}

@media screen and (max-width: 1199px) {
	.site-call-to-action .site-box {
		text-align: center;
	}
}

@media screen and (max-width: 991px) {
	.site-call-to-action .site-box {
		position: relative;
		max-width: 100%;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}

.site-call-to-action .site-box:before {
	/* background image */
	content: "";
	display: block;
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	bottom: 98%;
	height: 100%;
	width: 100%;
	z-index: -1;
}

@media screen and (max-width: 991px) {
	.site-call-to-action .site-box:before {
		display: none;
	}
}

.site-call-to-action h1 {
	/* h1 heading */
	color: white;
	font-family: inherit;
	font-size: 52px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 24px;
	text-align: center;
	width: 100%;
	display: block;
	line-height: 1.3;
}

@media screen and (max-width: 991px) {
	.site-call-to-action h1 {
		font-size: 32px;
	}
}

@media screen and (max-width: 767px) {
	.site-call-to-action h1 {
		font-size: 32px;
	}
}

.site-call-to-action p {
	/* paragraph */
	color: white;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
	text-align: center;
	margin-top: 0;
	margin-bottom: 40px;
	padding: 0;
}

@media screen and (max-width: 991px) {
	.site-call-to-action p {
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}
}

.site-call-to-action .theme-btn {
	/* theme button */
	padding-left: 30px;
	padding-right: 30px;
	border: #FFFFFF solid 2px;
	color: #FFFFFF;
	text-align: center;
	font-size: 15px;
	/*margin-right:50px;*/
	margin: 0 25px;
}

@media screen and (max-width: 767px) {
	.site-call-to-action .theme-btn {
		margin-right: 0;
		margin-bottom: 20px;
	}
}

.site-call-to-action .theme-btn .fa {
	/* button icon */
	text-align: left;
	font-size: 18px;
	line-height: 1;
}

.site-call-to-action .theme-btn figure {
	/* button icon */
	text-align: left;
	font-size: 15px;
	display: inline-block;
	line-height: 1;
}

.site-call-to-action .theme-btn:hover {
	/* theme button */
	color: #002e5b;
	background: #FFFFFF;
}


/*-----------------------------------------------------------------------------------

 Team (section)

 # team container
 # carousel slider wrapper
 # thumbnail
 # image
 # typography
 # progress bar
 # social icons
 # slider slides
 # slider navigation

-----------------------------------------------------------------------------------*/


/* Team container */

.site-team {
	display: block;
	width: 100%;
	clear: both;
	background: #f0f6f7;
}

@media screen and (max-width: 767px) {
	.site-team {
		padding-bottom: 130px;
	}
}

@media screen and (max-width: 991px) {
	.site-team {
		padding-top: 50px;
	}
}

.site-team .swiper-wrapper {
	/* Slider wrapper */
	text-align: left;
	padding-top: 60px;
	padding-bottom: 40px;
	/*background: white;*/
}

@media screen and (max-width: 767px) {
	.site-team .swiper-wrapper {
		text-align: center;
		padding-top: 0;
	}
}

.site-team .thumbnail {
	/* Thumbnail */
	display: block;
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	max-height: 480px;
	overflow: hidden;
	margin: 55px 0 auto;
	padding: 0 10px 0 0;
}

@media screen and (max-width: 991px) {
	.site-team .thumbnail {
		width: 100%;
		display: none;
	}
}

.site-team .thumbnail .swiper-slide-active:after {
	/* Active thumbnail */
	opacity: 0;
}

.site-team .thumbnail ul {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	clear: both;
}

.site-team .thumbnail li {
	width: 118px;
	height: 139px;
	display: block;
	cursor: pointer;
	margin: 10px;
	clear: both;
	float: left;
	position: relative;
	overflow: hidden;
	background: no-repeat center;
	background-size: cover;
	border-radius: 8px;
}

.site-team .thumbnail li:hover:after {
	opacity: 0.3;
}

.site-team .thumbnail li:after {
	/* Thumbnail overlay */
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: white;
	opacity: 0.6;
	transition: 400ms ease;
	transition-property: opacity;
}

.site-team figure {
	/* image */
	max-width: 338px;
	width: 100%;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
	background: grey;
	border-radius: 8px;
}

@media screen and (max-width: 767px) {
	.site-team figure {
		margin: 0 auto 40px;
	}
}

.site-team .team-description {
	float: left;
	width: 100%;
	padding: 0 40px 0 0;
}

@media screen and (max-width: 767px) {
	.site-team .team-description {
		padding: 0;
	}
}

.site-team h4 {
	/* H4 heading */
	color: #000000;
	font-family: inherit;
	font-size: 28px;
	font-weight: 700;
	line-height: 25px;
	padding: 0;
	display: block;
	width: 100%;
	clear: both;
	margin: 30px 0 10px 0;
	letter-spacing: -1px;
}

.site-team h5 {
	/* H5 heading */
	color: #4543d0;
	font-family: inherit;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	text-transform: uppercase;
	padding: 0;
	display: block;
	width: 100%;
	clear: both;
	margin: 0 0 30px;
}

.site-team p {
	/* Paragraph */
	color: #828282;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
	width: 100%;
	display: block;
	clear: both;
}

.site-team h6 {
	/* H6 heading */
	color: #1a1e2a;
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 14px;
	text-transform: uppercase;
	width: 100%;
	display: block;
	clear: both;
	margin: 40px 0 10px;
}

.site-team .site-team-progress {
	/* Progress bar */
	display: none;
	/*display: block;*/
	width: 100%;
	clear: both;
}

.site-team .site-team-progress span {
	color: #959595;
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	line-height: 14px;
	width: 100%;
	clear: both;
	display: block;
	padding-top: 22px;
	padding-bottom: 10px;
}

.site-team .site-team-progress label {
	max-width: 540px;
	width: 100%;
	height: 4px;
	background-color: #dbdbdb;
	display: block;
	overflow: hidden;
	clear: both;
}

@media screen and (max-width: 767px) {
	.site-team .site-team-progress label {
		margin: 0 auto;
		max-width: 400px;
	}
}

.site-team .site-team-progress label span {
	width: 100%;
	background: #4543d0;
	height: 4px;
	display: block;
}

.site-team .site-team-social {
	/* Social icons */
	width: 100%;
	display: block;
	clear: both;
	margin-top: 40px;
}

.site-team .site-team-social a {
	display: inline-block;
	position: relative;
	z-index: 1;
	transition: 400ms ease;
	transition-property: background;
	overflow: hidden;
	border: #adbdbf solid 1px;
	border-radius: 100%;
	margin-right: 8px;
}

.site-team .site-team-social a:hover {
	background: #4543d0;
	color: #FFFFFF;
}

.site-team .site-team-social a:hover i.fa {
	color: #FFFFFF;
}

.site-team .site-team-social i.fa {
	/* Font awesome icon */
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	text-align: center;
	color: #6f6f6f;
	font-family: FontAwesome, serif;
	font-size: 18px;
	font-weight: 400;
}

.site-team .team-section-slider {
	/* Slides */
	padding-left: 10px;
	padding-right: 10px;
}

.team-section-arrow {
	/* Arrows container */
	position: absolute;
	top: auto;
	bottom: auto;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 160px;
	margin: 40px auto 0;
	display: block;
	z-index: 100;
}

@media screen and (max-width: 767px) {
	.site-team .team-section-arrow {
		margin-top: 25px;
	}
	.site-team .team-section-slider:before {
		display: none;
	}
	.site-team p {
		text-align: center;
	}
}

.site-team .swiper-button-prev,
.site-team .swiper-button-next {
	/* Prev navigation button */
	background: none;
}

.site-team .swiper-button-prev:hover:before,
.site-team .swiper-button-next:hover:before {
	color: #4543d0;
}

.site-team .swiper-button-prev:before,
.site-team .swiper-button-next:before {
	content: "\e905";
	font-family: 'icomoon', serif;
	display: block;
	color: #a5a7ab;
	transition: 400ms ease;
	transition-property: color;
}

.site-team .swiper-button-next {
	/* Next navigation button */
}

.site-team .swiper-button-next:before {
	content: "\e906";
}


/*-----------------------------------------------------------------------------------

 Testimonial (section)

 # testimonial container
 # carousel slider slides
 # typography
 # slider container
 # slider pagination

-----------------------------------------------------------------------------------*/


/* Testimonial container */

.site-testimonial {
	margin: 0;
	padding: 90px 0 120px 0;
	display: block;
	width: 100%;
	clear: both;
}

@media screen and (max-width: 767px) {
	.site-testimonial {
		background-image: none;
		padding-bottom: 120px;
	}
}

@media screen and (max-width: 767px) {
	.site-testimonial h1 {
		/*margin-bottom: 40px;*/
	}
}

.site-testimonial .swiper-slide {
	/* slider slides */
	background-color: white;
	border: 2px solid white;
	border-radius: 2px;
	text-align: left;
	padding: 0px 44px;
}

@media screen and (max-width: 767px) {
	.site-testimonial .swiper-slide {
		margin-top: 0px;
		text-align: center;
		padding: 0px;
	}
}

.site-testimonial p {
	color: #828282;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	line-height: 29px;
	padding: 0;
	display: block;
	width: 70%;
	clear: both;
	margin: 30px auto 30px;
	text-align: center;
}

.site-testimonial h4 {
	color: #828282;
	font-family: inherit;
	font-size: 30px;
	font-weight: 700;
	line-height: 29px;
	padding: 0;
	display: block;
	width: 100%;
	clear: both;
	margin: 40px 0 0 0;
	text-align: center;
}

.site-testimonial h5 {
	/* h5 heading */
	color: #4543d0;
	font-family: inherit;
	font-size: 17px;
	font-weight: 700;
	line-height: 20px;
	padding: 0;
	display: block;
	width: 100%;
	clear: both;
	margin: 0 0 6px;
	text-align: center;
}

.site-testimonial h6 {
	/* h6 heading */
	color: #959595;
	font-family: inherit;
	font-size: 13px;
	font-weight: 400;
	line-height: 16px;
	padding: 0;
	display: block;
	width: 100%;
	clear: both;
	margin: 0 0 10px;
	text-align: center;
}

.site-testimonial figure {
	width: 100px;
	height: 100px;
	background-color: white;
	border-radius: 200px;
	overflow: hidden;
	margin: 0 auto;
}

@media screen and (max-width: 767px) {
	.site-testimonial figure {
		margin-left: auto;
		margin-right: auto;
	}
}

.site-testimonial .swiper-container {
	/* slider container */
	max-width: 1280px;
	padding: 0 80px;
}

@media screen and (max-width: 991px) {
	.site-testimonial .swiper-container {
		max-width: 800px;
	}
}

@media screen and (max-width: 767px) {
	.site-testimonial .swiper-container {
		padding: 0;
	}
}

.site-testimonial .swiper-pagination {
	/* slider pagination */
	margin-top: 10px;
}

@media screen and (max-width: 767px) {
	.site-testimonial .swiper-pagination {
		margin-top: 50px;
	}
}

.site-testimonial .swiper-arrow-container {
	margin-top: 150px;
}


/*-----------------------------------------------------------------------------------

 Packages (section)

 # packages container
 # h1 heading
 # single package (class)
 # typography
 # price info (class)
 # dollar (class)
 # price value (class)
 # price month (class)
 # price options (class)
 # font awesome icon
 # href button

-----------------------------------------------------------------------------------*/


/* Packages container */

.site-packages {
	margin: 0;
	padding: 60px 0;
	display: block;
	width: 100%;
	clear: both;
}

.site-packages h1 {
	/* H1 heading */
	/*margin-bottom: 60px;*/
}

.site-packages .site-package {
	/* Single package */
	/*max-width: 365px;*/
	width: 100%;
	background-color: white;
	text-align: center;
	margin: 60px auto 50px;
	padding: 0;
	border-radius: 12px;
	-webkit-box-shadow: 0px 10px 54px 0px rgba(151, 170, 180, 0.32);
	-moz-box-shadow: 0px 10px 54px 0px rgba(151, 170, 180, 0.32);
	box-shadow: 0px 10px 54px 0px rgba(151, 170, 180, 0.32);
}

.site-packages .site-package.pref {
	position: relative;
	z-index: 100;
	margin-top: -1px;
}

.site-packages .site-package .prefered {
	background: #4543d0;
	border-radius: 12px 12px 0 0;
	padding: 0 0 50px 0;
}

.site-packages .prefered h4 {
	color: #FFFFFF;
}

.site-packages .prefered .site-dollar {
	color: #FFFFFF;
}

.site-packages .prefered .site-value {
	color: #FFFFFF;
}

.site-packages .site-package:hover {
	/* Hover */
}

.site-packages .site-package:hover h4 {
	/*color: #4543d0;*/
}

.site-packages .site-package:hover .price-info {
	/*background-color: #4543d0;*/
}

.site-packages .site-package figure {
	/* icon*/
	float: left;
	width: 100%;
	text-align: center;
	margin: 60px 0 0 0;
}

.site-packages h4 {
	/* title */
	color: #4b535e;
	font-family: inherit;
	font-size: 30px;
	font-weight: 700;
	line-height: 17px;
	text-transform: uppercase;
	padding: 40px 0;
	width: 100%;
	display: block;
	clear: both;
	margin: 0;
	text-align: center;
	transition: 400ms ease;
	transition-property: color;
}

@media screen and (max-width: 991px) {
	.site-packages h4 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.site-packages .site-package {
		margin-top: 0;
	}
}

.site-packages p {
	/* description */
	color: #1a1e2a;
	font-family: inherit;
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	text-transform: uppercase;
	margin: 0;
	display: block;
	width: 100%;
	clear: both;
	padding: 20px 30px;
	text-align: left;
	display: none;
}

@media screen and (max-width: 991px) {
	.site-packages p {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.site-packages .price-info {
	/* Price information */
	font-size: 70px;
	font-weight: 700;
	color: #4543d0;
	font-family: inherit;
	line-height: 14px;
	position: relative;
	padding: 20px 0;
	text-align: center;
	transition: 400ms ease;
	transition-property: background-color;
}

@media screen and (max-width: 991px) {
	.site-packages .price-info {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.site-packages .site-dollar {
	/* dollar sign */
	font-size: 30px;
	font-weight: 700;
	position: relative;
	top: 0px;
	left: 0px;
	bottom: 0;
}

.site-packages .site-value {
	/* Package value */
	font-size: 70px;
	font-weight: 700;
	position: relative;
	top: 0;
	left: -13px;
}

.site-packages .site-month {
	/* Month */
	display: none;
	font-size: 19px;
	font-weight: 400;
	position: relative;
	left: 6px;
	top: -2px;
}

.site-packages .price-options {
	/* Price options */
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	clear: both;
	text-align: left;
}

.site-packages .price-options li {
	color: #828282;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	margin: 0;
	display: block;
	width: 100%;
	clear: both;
	border-bottom: 1px solid #f3f1f1;
	padding: 20px 15px;
	position: relative;
	text-align: center;
}

@media screen and (max-width: 1199px) {
	.site-packages .price-options li {
		padding-right: 30px;
	}
}

@media screen and (max-width: 991px) {
	.site-packages .price-options li {}
}

.site-packages .price-options i.fa {
	/* font awesome icons */
	display: none;
	width: 14px;
	height: 10px;
	color: #2dc100;
	font-family: FontAwesome, serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	position: absolute;
	top: 22px;
	left: 30px;
}

@media screen and (max-width: 991px) {
	.site-packages .price-options i.fa {
		left: 20px;
	}
}

.site-packages .price-options i.fa.fa-close {
	color: red;
}

.site-packages .theme-btn {
	/* button */
	background-color: white;
	border: 2px solid #4543d0;
	color: #4543d0;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 22px;
	text-transform: uppercase;
	transition: 400ms ease;
	transition-property: border-color, color, background;
	margin-top: 45px;
	margin-bottom: 40px;
}

.site-packages .site-package:hover .theme-btn {
	color: white;
	border-color: #4543d0;
	background: #4543d0;
}

.site-packages .theme-btn:hover {
	color: white;
	border-color: #4543d0;
	background: #4543d0;
}

.site-packages .prefered-btn {
	color: white;
	border-color: #4543d0;
	background: #4543d0;
}


/*-----------------------------------------------------------------------------------

 Blog (section)

 # blog container
 # h1 heading
 # box (class)
 # h3 heading
 # paragraph
 # image
 # font awesome icon
 # permalink (class)

-----------------------------------------------------------------------------------*/


/* blog  container */

.site-blog {
	display: block;
	width: 100%;
	clear: both;
	position: relative;
}

@media screen and (max-width: 767px) {
	.site-blog {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

.site-blog h1 {
	/* H1 heading */
	/*margin-bottom: 100px;*/
}

@media screen and (max-width: 767px) {
	.site-blog h1 {}
}

.site-blog .site-box {
	/* blog post */
	padding: 0;
	display: block;
	width: 100%;
	text-align: left;
	margin: 0 0 30px;
	max-width: 100%;
	min-height: 236px;
	background-color: white;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: 400ms ease;
	transition-property: background;
	border-radius: 8px;
	-webkit-box-shadow: 0px 10px 54px 0px rgba(151, 170, 180, 0.12);
	-moz-box-shadow: 0px 10px 54px 0px rgba(151, 170, 180, 0.12);
	box-shadow: 0px 10px 54px 0px rgba(151, 170, 180, 0.12);
}

.site-blog .site-box:hover h3 a {
	color: #4543d0;
	text-decoration: underline;
}

.site-blog .blog-image {
	display: block;
	position: relative;
}

.site-blog .blog-image img {
	width: 100%;
}

.site-blog .date {
	/* date */
	color: #000000;
	font-family: inherit;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	transition: 400ms ease;
	transition-property: color;
	text-align: center;
	text-transform: uppercase;
	background: #FFFFFF;
	border-radius: 6px;
	position: absolute;
	bottom: 30px;
	left: 30px;
	padding: 6px 0;
	margin: 0;
}

.site-blog span {
	/* month */
	font-size: 14px;
	line-height: 1.8;
	width: 100%;
	padding: 0;
	margin: 0;
}

.site-blog .content {
	display: block;
	padding: 30px;
}

@media screen and (max-width: 767px) {
	.site-blog .site-box {
		max-width: 100%;
		min-height: 10px;
	}
}

.site-blog h3 {
	/* H3 heading */
	color: #000000;
	font-family: inherit;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
	text-transform: inherit;
	margin-top: 5px;
	margin-bottom: 15px;
	transition: 400ms ease;
	transition-property: color;
	letter-spacing: -1px;
}

.site-blog h3 a {
	transition: 400ms ease;
	transition-property: color;
}

.site-blog p {
	/* Paragraph */
	color: #828282;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
	transition: 400ms ease;
	transition-property: color;
}

.site-blog .authore-time {
	/* authore-date */
	color: #6d6d6d;
	font-family: inherit;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.8;
	transition: 400ms ease;
	transition-property: color;
	text-align: left;
}

.site-blog .site-box-horizontle {
	/* blog post */
	padding: 20px;
	display: block;
	width: 100%;
	text-align: left;
	margin: 0 0 30px;
	max-width: 100%;
	background-color: white;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: 400ms ease;
	transition-property: background;
	border-radius: 8px;
	-webkit-box-shadow: 0px 10px 54px 0px rgba(151, 170, 180, 0.12);
	-moz-box-shadow: 0px 10px 54px 0px rgba(151, 170, 180, 0.12);
	box-shadow: 0px 10px 54px 0px rgba(151, 170, 180, 0.12);
}

.site-blog .site-box-horizontle:hover h3 a {
	color: #4543d0;
	text-decoration: underline;
}

.site-blog .site-box-horizontle .content {
	/* blog post */
	display: block;
	position: relative;
	padding: 0 0 0 100px;
}

.site-blog .site-box-horizontle .date {
	/* date */
	color: #000000;
	font-family: inherit;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	transition: 400ms ease;
	transition-property: color;
	text-align: center;
	text-transform: uppercase;
	background: #FFFFFF;
	border: #d4e0e3 solid 1px;
	border-radius: 6px;
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 6px 0;
	margin: 0;
	width: 60px;
	height: 60px;
}


/*-----------------------------------------------------------------------------------

 Tweets (section)

 # tweets container
 # bootstrap container
 # slider container
 # slider slides
 # date, icon ,a tag
 # slider pagination

-----------------------------------------------------------------------------------*/


/* Tweet container */

.site-tweets {
	margin: 0;
	padding: 0 0 10px;
	/*display: block;*/
	display: none;
	width: 100%;
	clear: both;
	background: #4543d0;
	text-align: center;
	color: white;
	position: relative;
}

.site-tweets .container {
	/* bootstrap container */
	position: relative;
}

@media screen and (max-width: 767px) {
	.site-tweets {
		padding-top: 10px;
	}
}

.site-tweets .swiper-wrapper {
	/* slider container */
	padding: 0;
	margin: 50px 0 0;
}

.site-tweets .swiper-wrapper>span {
	display: block;
	width: 100%;
	text-align: center;
}

.site-tweets .swiper-slide {
	/* slider slide */
	margin: 0;
	padding: 0;
	display: block;
}

.site-tweets p,
.site-tweets a,
.site-tweets .date {
	color: white;
	font-family: inherit;
	font-size: 13px;
	line-height: 22px;
	font-weight: 400;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.site-tweets .date {
	font-weight: 700;
	margin-top: 5px;
	display: block;
}

.site-tweets i.fa {
	color: white;
	font-size: 45px;
	font-weight: 400;
	line-height: 19px;
	margin-top: 100px;
}

.site-tweets .swiper-pagination {
	/* slider pagination */
	margin-top: 60px;
	margin-bottom: 60px;
}

.site-tweets .swiper-pagination-bullet {
	opacity: 0.3;
	background-color: white;
	transition: 400ms ease;
	transition-property: opacity;
	margin: 20px;
}

.site-tweets .swiper-pagination-bullet-active {
	opacity: 1;
}


/*-----------------------------------------------------------------------------------

 Clients (section)

 # clients container
 # image

-----------------------------------------------------------------------------------*/


/* Clients container */

.site-clients {
	margin: 0;
	padding: 0 0 90px 0;
	display: block;
	clear: both;
	text-align: center;
	background: rgba(255, 255, 255, 1.00);
}

.site-clients figure {
	/* Image */
	display: inline-block;
	float: none;
	overflow: hidden;
	margin: 0 10px;
	padding: 0;
	opacity: 0.5;
	transition: 400ms ease;
	transition-property: opacity;
	width: 17%;
}

.site-clients figure img {
	-webkit-filter: grayscale(100%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

@media screen and (max-width: 991px) {
	.site-clients figure {
		width: 30%;
	}
}

@media screen and (max-width: 767px) {
	.site-clients figure {
		width: 100%;
		margin: 0;
		display: block;
		clear: both;
	}
}

.site-clients figure:hover,
.site-clients figure img:hover,
.site-clients figure.active {
	opacity: 1;
	-webkit-filter: grayscale(0%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
}


/*-----------------------------------------------------------------------------------

 Quick support (section)

 # quick support container
 # h1 heading
 # map and form container
 # google map container
 # contact form [label, input, submit, textarea]
 # contact info container
 # box (class) [icon, href tag]
 # no space (class) remove the bootstrap columns space
 # Remove the number input arrow buttons

-----------------------------------------------------------------------------------*/


/* Quick support container */

.site-quick-support {
	margin: 0;
	padding: 90px 0;
	display: block;
	clear: both;
	background: url(../images/quick-support-bg.jpg) no-repeat top center;
	background-size: contain;
	background-attachment: scroll;
}

@media screen and (max-width: 991px) {
	.site-quick-support {
		background-color: #4643d0;
	}
}


/* Quick support container optional (with background image) */

.site-quick-support.cta-optional {
	margin: 0;
	padding: 90px 0 0 0;
	display: block;
	clear: both;
	background: url(../images/cta-bg2.jpg) no-repeat top center;
	background-size: cover;
	background-attachment: fixed;
}

@media screen and (max-width: 991px) {
	.site-quick-support.cta-optional {
		padding: 90px 0;
	}
}

.site-quick-support h1 {
	/* h1 heading */
	/*margin-bottom: 70px;*/
}

.site-quick-support .map-and-form-container {
	/* map nad form container */
	/*min-height: 522px;*/
	position: relative;
	background-color: white;
	overflow: hidden;
	border-radius: 8px;
	padding: 50px;
	-webkit-box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
	-moz-box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
	box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
}

.site-quick-support .left-colom {
	float: left;
	width: 90%;
	z-index: 100;
	position: relative;
	padding: 20px 0 0 0;
}

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

.site-quick-support .form-container-optional {
	float: right;
	background: #4543d0;
	width: 100%;
	border-radius: 8px;
	padding: 30px;
	margin: 20px 0 0 0;
}


/* dark heading */

.site-quick-support .left-colom h3,
.form-container h3 {
	float: left;
	width: 100%;
	font-size: 30px;
	text-align: left;
	color: #000000;
	padding: 0 0 20px 0;
	margin: 0;
}

@media screen and (max-width: 991px) {
	.site-quick-support .left-colom h3,
	.form-container h3 {
		font-size: 22px;
	}
}


/* Light heading optional */

.site-quick-support .form-container-optional h3 {
	float: left;
	width: 100%;
	font-size: 30px;
	text-align: center;
	color: #FFFFFF;
	padding: 0 0 20px 0;
	margin: 0;
}

@media screen and (max-width: 991px) {
	.site-quick-support .form-container-optional h3 {
		font-size: 22px;
	}
}

.site-quick-support .left-colom p {
	float: left;
	width: 100%;
	font-size: 15px;
	text-align: left;
	color: #828282;
	padding: 0 50px 25px 0;
	margin: 0;
}

@media screen and (max-width: 767px) {
	.site-quick-support .left-colom p {
		padding-right: 0;
	}
}

.site-quick-support .left-colom a {
	float: left;
	width: 100%;
	font-size: 15px;
	font-weight: 700;
	text-align: left;
	color: #002e5b;
	padding: 0 0 15px 0;
	margin: 0;
}

.site-quick-support .left-colom a i {
	margin-right: 10px;
	color: #fde428;
}

.site-quick-support .site-google-map {
	/* google map container */
	background: grey;
	min-height: 522px;
	position: relative;
}

@media screen and (max-width: 991px) {
	.site-quick-support .site-google-map:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		height: 100%;
		width: 100%;
		z-index: 1;
		background: none;
	}
	.site-quick-support .map-and-form-container {
		/* map nad form container */
		padding: 25px 25px 50px 25px;
	}
}

.site-quick-support .site-contact-form {
	/* contact form */
	margin: 0;
	display: block;
	clear: both;
	width: 100%;
	padding: 0;
	float: left;
}

.site-quick-support .form-container {
	position: relative;
	z-index: 100;
}

@media screen and (max-width: 767px) {
	.site-quick-support .form-container {
		padding-top: 30px;
	}
}

@media screen and (max-width: 300px) {
	.site-quick-support .site-contact-form {
		padding-right: 20px;
		padding-left: 20px;
	}
}

.site-quick-support label {
	padding: 0;
	display: block;
	clear: both;
	width: 100%;
	margin: 0 0 10px;
}

.site-quick-support input[type=text],
.site-quick-support input[type=tel],
.site-quick-support input[type=number],
.site-quick-support input[type=url],
.site-quick-support input[type=email],
.site-quick-support textarea {
	width: 100%;
	margin: 0;
	padding: 0 0 0 15px;
	display: block;
	clear: both;
	border: none;
	box-shadow: none;
	height: 60px;
	color: #000000;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	/*border-bottom: 2px solid #cecece;*/
	border: #f1f1f1 solid 2px;
	border-radius: 4px;
	transition: 400ms ease;
	transition-property: border-color;
	background: #f1f1f1;
}

form.site-contact-form.services input {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
    display: block;
    clear: both;
    border: none;
    box-shadow: none;
    height: 50px;
    color: #000000;
    font-family: inherit;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    /* border-bottom: 2px solid #cecece; */
    border: #f1f1f1 solid 2px;
    border-radius: 4px;
    transition: 400ms ease;
    transition-property: border-color;
    background: #fff;
}
form.site-contact-form.services button[type=submit]:hover {
    background: none;
    color: #002e5b;
}

form.site-contact-form.services button[type=submit] {
    width: 100%;
    background-color: #002e5b;
    box-shadow: none;
    padding: 16px 0;
    display: block;
    float: left;
    color: white;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    margin: 5px 0 0;
    border: 2px solid #002e5b;
    transition: 400ms ease;
    transition-property: background, color;
    border-radius: 4px;
}


.site-quick-support input[type=text]:focus,
.site-quick-support input[type=tel]:focus,
.site-quick-support input[type=number]:focus,
.site-quick-support input[type=url]:focus,
.site-quick-support input[type=email]:focus,
.site-quick-support textarea:focus {
	border-color: #002e5b;
}

.site-quick-support textarea {
	resize: none;
	height: 150px;
}


/* dark cta button */

.site-quick-support button[type=submit] {
	width: 100%;
	background-color: #002e5b;
	box-shadow: none;
	padding: 20px 0;
	display: block;
	float: left;
	color: white;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	margin: 10px 0 0;
	border: 2px solid #002e5b;
	transition: 400ms ease;
	transition-property: background, color;
	border-radius: 4px;
}

@media screen and (max-width: 767px) {
	.site-quick-support button[type=submit] {
		display: inline-block;
		float: none;
		padding-left: 60px;
		padding-right: 60px;
	}
}

.site-quick-support button[type=submit]:hover {
	background: none;
	color: #002e5b;
}

.site-quick-support button[type=submit] i.fa {
	display: none;
}


/* Light cta button */

.site-quick-support .form-container-optional button[type=submit] {
	width: 100%;
	background-color: none;
	box-shadow: none;
	padding: 20px 0;
	display: block;
	float: left;
	color: white;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	margin: 10px 0 0;
	border: 2px solid #FFFFFF;
	transition: 400ms ease;
	transition-property: background, color;
	border-radius: 4px;
}

@media screen and (max-width: 767px) {
	.site-quick-support .form-container-optional button[type=submit] {
		display: inline-block;
		float: none;
		padding-left: 60px;
		padding-right: 60px;
	}
}

.site-quick-support .form-container-optional button[type=submit]:hover {
	background: #FFFFFF;
	color: #4543d0;
}

.site-quick-support .site-contact-info {
	/* contact info container */
	margin: 0;
	padding: 0 15px;
	display: block;
	width: 100%;
	clear: both;
}

@media screen and (max-width: 767px) {
	.site-quick-support .site-contact-info {
		padding-left: 0;
		padding-right: 0;
	}
}

.site-quick-support .site-contact-info table {
	width: 100%;
}

.site-quick-support .site-contact-info td {
	width: 25%;
}

.site-quick-support .site-box {
	/* box */
	background-color: #4543d0;
	min-height: 160px;
	display: block;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 30px 0;
	color: white;
	position: relative;
	z-index: 1;
	transition: 400ms ease;
	transition-property: background;
}

.site-quick-support .site-box:hover {
	background: #636E78;
}

.site-quick-support .site-box i.fa {
	/* font awesome icon */
	height: 17px;
	color: white;
	font-size: 20px;
	font-weight: 400;
	line-height: 41px;
	margin: 0 0 30px;
	padding: 0;
	width: 100%;
	display: block;
}

.site-quick-support .site-box a {
	color: white;
	font-family: inherit;
	font-size: 13px;
	font-weight: 400;
	line-height: 23px;
	display: block;
	width: 100%;
}

.site-quick-support .site-box:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	height: 100%;
	width: 100%;
	z-index: -1;
}

.site-quick-support .site-box.odd:before {
	display: block;
	opacity: 0.1;
	background-color: white;
}

@media screen and (min-width: 768px) {
	.site-quick-support .no-space {
		/* remove the bootstrap columns space */
		padding-left: 0;
		padding-right: 0;
	}
}

.site-quick-support input[type=number]::-webkit-outer-spin-button,
.site-quick-support input[type=number]::-webkit-inner-spin-button {
	/* Remove the number input arrow buttons */
	-webkit-appearance: none;
	margin: 0;
}

.site-quick-support input[type=number] {
	-moz-appearance: textfield;
}


/*-----------------------------------------------------------------------------------

 site-contact (section)

 # site-contact container
 # h1 heading
 # map container
 # google map container
 # box (class) [icon, href tag]
 # no space (class) remove the bootstrap columns space
 # Remove the number input arrow buttons

-----------------------------------------------------------------------------------*/


/* site-contact container */

.site-contact {
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	text-align: left;
}

.site-contact h2 {
	margin-bottom: 40px;
}

.site-contact .left {
	/* office container */
	min-height: 650px;
	position: relative;
	background-color: white;
	overflow: hidden;
	padding: 0px;
	background: url(../images/office.html) no-repeat top center;
	background-size: cover;
}

.site-contact .site-google-map {
	/* google map container */
	background: grey;
	min-height: 650px;
	position: relative;
}

@media screen and (max-width: 991px) {
	.site-contact .site-google-map:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		height: 100%;
		width: 100%;
		z-index: 1;
		background: none;
	}
}

.site-contact .site-contact-info {
	/* contact info container */
	margin: auto;
	padding: 45px;
	display: block;
	width: 400px;
	height: 440px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	clear: both;
	background: rgba(255, 255, 255, .9);
	border-radius: 8px;
}

@media screen and (max-width: 767px) {
	.site-contact .site-contact-info {
		width: 370px;
		height: 380px;
		padding: 25px;
	}
}

@media screen and (max-width: 480px) {
	.site-contact .site-contact-info {
		width: 350px;
		height: 380px;
		padding: 20px;
	}
	.site-logo img {
		width: 190px;
	}
}

.site-contact .site-contact-info table {
	width: 100%;
}

.site-contact .site-contact-info td {
	width: 25%;
}

.site-contact .site-box {
	/* box */
	display: block;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0 0 35px 0;
	color: #828282;
	position: relative;
	z-index: 1;
	transition: 400ms ease;
	transition-property: background;
	text-align: left;
}

.site-contact .site-box:hover {
	/*background: #636E78;*/
}

.site-contact .site-box figure {
	float: left;
}

.site-contact .site-box h4 {
	font-size: 20px;
	font-weight: 700;
	color: #000000;
	padding: 0;
	margin: 0;
	line-height: 1;
}

.site-box-footer i {
	color: #fde428;
	font-size: 20px;
	margin: 0 15px 0 0;
	padding: 0;
	display: inline-block;
	text-align: center;
}

.site-contact .site-box a {
	color: #828282;
	font-family: inherit;
	font-size: 15px;
	line-height: 1.8;
	font-weight: 400;
	display: block;
	width: 100%;
}

.site-contact .site-box:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	height: 100%;
	width: 100%;
	z-index: -1;
}

.site-contact .site-box.odd:before {
	display: block;
	opacity: 0.1;
	background-color: white;
}

@media screen and (min-width: 768px) {
	.site-contact .no-space {
		/* remove the bootstrap columns space */
		padding-left: 0;
		padding-right: 0;
	}
}


/*-----------------------------------------------------------------------------------

 Footer (section)

 # footer container
 # widget (class)
 # footer logo [a, h1, small]
 # paragraph
 # href a tag [font icon]
 # h3 heading
 # ul li a
 # news (class) [a, li, figure, p, span]
 # subscribe class [input email, submit, font icon]
 # hr tag for horizontal line
 # copyright (class)
 # social icons [a, font icon]

-----------------------------------------------------------------------------------*/


/* Footer container */

.site-footer {
	width: 100%;
	clear: both;
	display: block;
	margin: 0;
	padding: 77px 0 20px;
	background-color: #0c0b39;
	color: white;
	font-family: inherit;
	font-size: 13px;
	font-weight: 400;
	line-height: normal;
}

.site-footer .widget {
	/* widget class */
	display: block;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0 0 70px;
	max-width: 330px;
}

@media screen and (max-width: 767px) {
	.site-footer .widget {
		max-width: 100%;
		margin-bottom: 40px;
	}
}

.site-footer .site-logo {
	/* footer logo */
	width: 100%;
	clear: both;
	display: block;
	margin-bottom: 30px;
}

.site-footer .site-logo a {
	margin-bottom: 0;
}

.site-footer .site-logo h1 {
	color: white;
	font-family: inherit;
	font-size: 33px;
	font-weight: 500;
}

.site-footer .site-logo small {
	color: #989899;
	font-family: inherit;
	font-size: 11px;
	font-weight: 500;
	margin: 0;
	padding: 0;
	display: block;
	line-height: 10px;
	text-transform: uppercase;
}

.site-footer p {
	/* paragraph */
	color: #c5c5c5;
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	line-height: 27px;
	margin: 0 0 25px;
	padding: 0;
	display: block;
}

@media screen and (max-width: 767px) {
	.site-footer p {
		margin-bottom: 20px;
	}
}

.site-footer a {
	/* a tag */
	color: #c5c5c5;
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 15px;
	transition: 400ms ease;
	transition-property: color;
}

.site-footer a:hover {
	color: #fde428;
}

.site-footer a i.fa {
	color: #4543d0;
	font-size: 18px;
	font-weight: 400;
	line-height: 14px;
	margin-right: 12px;
	position: relative;
	top: 2px;
}

.site-footer h3 {
	color: white;
	font-family: inherit;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	position: relative;
	width: 100%;
	display: block;
	padding: 0 0 24px;
	margin: 0 0 30px;
	text-transform: uppercase;
}

@media screen and (max-width: 767px) {
	.site-footer h3 {
		margin-bottom: 0;
	}
}

.site-footer h3:after {
	/*content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #4543d0;
  display: block;*/
}

.site-footer ul {
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	width: 100%;
}

.site-footer ul li {
	display: block;
	padding: 0;
	width: 100%;
	clear: both;
	color: white;
	font-family: inherit;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	margin: 0;
}

.site-footer ul a {
	margin-bottom: 12px;
}

.site-footer .widget-news {
	/* news class */
	width: 100%;
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	position: relative;
}

.site-footer .widget-news a {
	display: block;
	width: 100%;
	padding-left: 61px;
}

.site-footer .widget-news li {
	position: relative;
	margin: 0 0 36px;
	padding: 0;
}

.site-footer .widget-news li:hover p {
	color: #4543d0;
}

.site-footer .widget-news figure {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
}

.site-footer .widget-news p {
	color: white;
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	line-height: 22px;
	padding: 0;
	display: block;
	clear: both;
	margin: 0 0 4px;
	transition: 400ms ease;
	transition-property: color;
}

.site-footer .widget-news span {
	color: #a2a3a5;
	font-family: inherit;
	font-size: 13px;
	font-weight: 400;
	line-height: 22px;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
}

.site-footer .site-subscribe {
	/* subscribe class */
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	position: relative;
}

.site-footer .site-subscribe input[type=email] {
	height: 50px;
	border: 1px solid #cecece;
	background: #FFFFFF;
	color: #a2a3a5;
	font-family: inherit;
	font-size: 13px;
	font-weight: 400;
	line-height: 26px;
	padding: 0 63px 0 13px;
	width: 100%;
	margin: 0;
	display: block;
	border-radius: 4px;
}

.site-footer .site-subscribe button[type=submit] {
	width: 48px;
	height: 48px;
	background-color: #FFFFFF;
	border: none;
	color: #4543d0;
	font-size: 15px;
	font-weight: 400;
	line-height: 41px;
	position: absolute;
	top: 1px;
	right: 1px;
	transition: 400ms ease;
	transition-property: color, background-color;
	border-radius: 0 4px 4px 0;
}

.site-footer .site-subscribe button[type=submit]:hover {
	background-color: #4543d0;
	color: #FFFFFF;
}

.site-footer hr {
	/* horizontal line */
	padding: 0;
	display: block;
	clear: both;
	width: 100%;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #50627d;
	max-width: 100%;
	margin: 0 0 30px;
}

.site-footer .site-copyright {
	/* copyright class */
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	color: #c5c5c5;
	text-align:center;
}

@media screen and (max-width: 767px) {
	.site-footer .site-copyright {
		text-align: center;
		margin-bottom: 20px;
	}
}

.site-footer .site-copyright a {
	color: #c5c5c5;
	transition: 400ms ease;
	transition-property: color;
}

.site-footer .site-copyright a:hover {
	color: white;
}

.site-footer .site-social-icons {
	/* social icons */
	text-align: left;
	margin-top: 5px;
}

@media screen and (max-width: 767px) {
	.site-footer .site-social-icons {
		text-align: center;
	}
}

.site-footer .site-social-icons a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #4f708f;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    margin: 4px;
    transition: 400ms ease;
    transition-property: border-color, background;
}

.site-footer .site-social-icons a:hover {
	border-color: #fde428;
	background: #fde428;
}

.site-footer .site-social-icons i.fa {
	color: white;
	font-size: 15px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	display: block;
	line-height: 30px;
	text-align: center;
}


/*-----------------------------------------------------------------------------------

About us page

-----------------------------------------------------------------------------------*/


/* Banner section */

.inner-page-main-banner {
	position: relative;
	padding: 140px 0;
}

.inner-page-main-banner:after {
	background: rgba(0, 46, 91, 0.6);
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	display: block;
}

.about-us {
	background: url(../images/page-banner/about-page-banner.jpg) no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
}

.text-banner {
	position: relative;
	z-index: 9;
}

.inner-page-main-banner h2 {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 1;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

.inner-page-main-banner h1 {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 72px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 1.3;
	padding: 0;
	margin: 0;
}

@media screen and (max-width: 1199px) {
	.inner-page-main-banner h1 {
		font-size: 65px;
		padding: 15px 0;
	}
}

@media screen and (max-width: 767px) {
	.inner-page-main-banner h1 {
		font-size: 40px;
	}
}

.inner-page-main-banner p {
	display: none;
	float: left;
	width: 100%;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1.7;
	padding: 0;
	margin: 0;
}

@media screen and (max-width: 767px) {
	.inner-page-main-banner p {
		padding: 0 30px;
	}
}


/* Bredcum links */

.inner-page-main-banner ul {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
}

.inner-page-main-banner ul li {
	display: inline-block;
	list-style: none;
	padding: 0 5px;
	margin: 0;
	text-align: center;
	color: #fde428;
	font-weight: 600;
}

.inner-page-main-banner ul li a {
	color: rgba(255, 255, 255, 0.6);
}

.inner-page-main-banner ul li a:hover {
	color: rgba(255, 255, 255, 1.00);
	transition: all ease .5s;
}


/* Vision Mission */

.page-vision-mission {
	width: 100%;
	display: block;
	clear: both;
	position: relative;
	padding: 0;
}

.page-vision-mission .upper-section {
	position: relative;
	margin-top: -75px;
	z-index: 100;
	float: left;
	width: 100%;
	background: #FFFFFF;
	border-radius: 8px;
	-webkit-box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
	-moz-box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
	box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
}

.page-vision-mission .left-box {
	float: left;
	width: 100%;
	text-align: left;
}

.page-vision-mission .left-box figure {
	float: left;
	width: 100%;
	text-align: left;
	border-radius: 8px 0 0 8px;
}

@media screen and (max-width: 1199px) {
	.page-vision-mission .left-box figure {
		width: 100%;
		border-radius: 8px 8px 0 0;
	}
	.page-vision-mission .left-box figure img {
		width: 100%;
	}
}

.page-vision-mission .right-box {
	float: left;
	width: 100%;
	padding: 55px;
}

.page-vision-mission h3 {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 40px;
	font-weight: 700;
	color: #000000;
	line-height: 1.3;
	padding: 0 0 20px 0;
	margin: 0;
}

@media screen and (max-width: 1199px) {
	.page-vision-mission h3 {
		font-size: 30px;
	}
	.page-vision-mission .right-box {
		padding: 25px;
	}
}

.page-vision-mission p {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 15px;
	font-weight: 400;
	padding: 0;
	margin: 0;
}

.page-vision-mission .right-box figure {
	float: left;
	width: 100%;
	text-align: left;
	margin: 35px 0 10px 0;
}

.page-vision-mission .name {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 5px 0;
	margin: 0;
}

.page-vision-mission .designation {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 15px;
	font-weight: 400;
	padding: 0px;
	margin: 0;
}


/* Overview section */

.overview-section {
	position: relative;
	text-align: center;
}

.overview-section .overview {
	float: left;
	width: 100%;
	text-align: left;
}

.overview-section p {
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	line-height: 2;
	padding: 0;
	margin: 0;
}


/* inner page feature section */

.feature-section {
	float: left;
	width: 100%;
	padding: 0 0 90px 0;
}

.feature-section .feature-box {
	float: left;
	width: 100%;
}

@media screen and (max-width: 991px) {
	.feature-section .feature-box {
		margin-bottom: 60px;
	}
}

.feature-section .feature-box figure {
	float: none;
	text-align: center;
}

.feature-section h3 {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #000000;
	line-height: 1.3;
	padding: 25px 0;
	margin: 0;
}

.feature-section p {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	padding: 0;
	margin: 0;
}

.video-feature-section {
	float: left;
	width: 100%;
	padding: 0;
	overflow: hidden;
}

.video-feature-section .customsection {
	position: relative;
	width: 100%;
	min-height: 850px;
	background: url(../images/about-video-bg.jpg) no-repeat top center;
	background-size: cover;
}

.customsection>img {
	float: right;
	max-width: inherit;
	margin-right: 0px;
}

@media screen and (max-width: 991px) {
	.customsection>img {
		float: left;
		width: 100%;
		text-align: center;
		border-radius: 8px;
		margin-bottom: 90px;
	}
}

.video-box {
	margin: auto;
	padding: 0;
	display: block;
	width: 80px;
	height: 100px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	clear: both;
}

.video-box .video-play-btn {
	font-size: 50px;
	color: #FFFFFF;
	margin-left: -50px;
	margin-top: -50px;
	background: #4543d0;
	border-radius: 100px;
	width: 100px;
	height: 100px;
	text-align: center;
	line-height: 2;
}


/* Video play button Ripple effect */

.circle-ripple {
	background-color: #35ffc3;
	width: 1px;
	height: 1px;
	border-radius: 50%;
	-webkit-animation: ripple 0.7s linear infinite;
	animation: ripple 0.7s linear infinite;
}

@-webkit-keyframes ripple {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 1em rgba(255, 255, 255, 0.3), 0 0 0 3em rgba(255, 255, 255, 0.3), 0 0 0 5em rgba(255, 255, 255, 0.3);
	}
	100% {
		box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.3), 0 0 0 3em rgba(255, 255, 255, 0.3), 0 0 0 5em rgba(255, 255, 255, 0.3), 0 0 0 8em rgba(101, 255, 120, 0);
	}
}

@keyframes ripple {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 1em rgba(255, 255, 255, 0.3), 0 0 0 3em rgba(255, 255, 255, 0.3), 0 0 0 5em rgba(255, 255, 255, 0.3);
	}
	100% {
		box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.3), 0 0 0 3em rgba(255, 255, 255, 0.3), 0 0 0 5em rgba(255, 255, 255, 0.3), 0 0 0 8em rgba(255, 255, 255, 0);
	}
}

.video-feature-section .right-colom {
	float: left;
	width: 100%;
	padding: 120px 300px 0 60px;
}

@media screen and (max-width: 1700px) {
	.video-feature-section .right-colom {
		padding: 80px 200px 0 40px;
	}
}

@media screen and (max-width: 1400px) {
	.video-feature-section .right-colom {
		padding: 80px 100px 0 40px;
	}
}

@media screen and (max-width: 1199px) {
	.video-feature-section .right-colom {
		padding: 80px 0 0 40px;
	}
}

@media screen and (max-width: 767px) {
	.video-feature-section .right-colom {
		padding: 90px 0 40px 0;
	}
}

.video-feature-section .advantage {
	float: left;
	width: 100%;
}

.video-feature-section ul {
	float: left;
	width: 100%;
	padding: 20px 0 0 0;
}

.video-feature-section ul li {
	float: left;
	width: 100%;
	list-style: none;
	padding: 0;
	margin-bottom: 60px;
	display: flex;
}

.video-feature-section ul li:last-child {
	margin-bottom: 0px;
}

.advantage-content {
	float: left;
	padding: 0 0 0 20px;
	margin-top: -6px;
	flex: 8;
	-webkit-flex: 8;
	/* Safari 6.1+ */
	-ms-flex: 8;
	/* IE 10 */
}

.video-feature-section .advantage-content h4 {
	float: left;
	font-size: 23px;
	font-weight: 700;
	color: #FFFFFF;
	text-align: left;
	padding: 0 0 5px 0;
	margin: 0;
	line-height: 1.5;
}

.video-feature-section .advantage-content p {
	float: left;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	padding: 5px 0 0 0;
	margin: 0;
}

.advantage-icon {
	float: left;
	border: #FFFFFF solid 1px;
	width: 90px;
	height: 90px;
	text-align: center;
	padding: 25px 0;
	border-radius: 200px;
	transition: transform 1s;
}

.video-feature-section ul li:hover .advantage-icon {
	transition: all ease .9s;
	transform: rotate(360deg);
}


/* inner page two colom full width section */

.two-colom-section {
	padding: 0;
	overflow: hidden;
}

.customsection-2>img {
	float: left;
	max-width: inherit;
	margin-left: -15px;
}

@media screen and (max-width: 991px) {
	.customsection-2>img {
		float: left;
		width: 100%;
		text-align: center;
		border-radius: 8px;
		margin-bottom: 90px;
		margin-left: 0;
	}
}

.two-colom-section .left-colom {
	float: left;
	width: 100%;
	padding: 120px 60px 0 0;
}

@media screen and (max-width: 1199px) {
	.two-colom-section .left-colom {
		padding: 80px 40px 0 0;
	}
}

@media screen and (max-width: 991px) {
	.two-colom-section .left-colom {
		padding: 90px 0 40px 0;
	}
}

.two-colom-section .left-colom p {
	float: left;
	width: 100%;
	padding: 0 0 25px 0;
	margin: 0;
}

.two-colom-section ul {
	margin: 0;
	float: left;
	padding: 0;
	display: block;
	width: 100%;
	color: #828282;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
}

.two-colom-section li {
	position: relative;
	list-style: none;
	width: 100%;
	display: block;
	margin: 0 0 10px;
	padding: 2px 0 0 25px;
}

.two-colom-section li:before {
	/*content: "\f0da";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  /*font-family: "FontAwesome", serif;*/
	/*background:url(../images/check-box.png) left no-repeat;*/
}

.two-colom-section li:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	bottom: 0;
	background: url(../images/check-box.png) left no-repeat;
	width: 14px;
	height: 14px;
}


/* Statistic container */

.innerpage-site-statistic {
	margin: 0;
	width: 100%;
	display: block;
	clear: both;
	text-align: center;
	position: relative;
	z-index: 100;
	background: url(../images/inner-page-statistic-bg.html) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
}

@media screen and (max-width: 1199px) {
	.innerpage-site-statistic {}
}

.innerpage-site-statistic .site-section-box {
	/* inner box */
	float: left;
	width: 100%;
}

@media screen and (max-width: 767px) {
	.innerpage-site-statistic .site-section-box {
		/*display: none;*/
	}
}

.innerpage-site-statistic h2 {
	/* H2 heading */
	color: white;
	font-family: inherit;
	font-size: 40px;
	line-height: 66px;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 10px;
	margin-top: 0.625rem;
}

.innerpage-site-statistic h2 strong {
	font-weight: 700;
}

.innerpage-site-statistic p {
	/* Paragraph */
	color: white;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 33px;
}

.innerpage-site-statistic .section-align-center {
	/* Align center class */
	max-width: 600px;
}


/* Numbers section */

.site-number-2 {
	width: 100%;
	position: relative;
	padding: 0;
	display: block;
	text-align: center;
	white-space: nowrap;
	float: left;
}

@media screen and (max-width: 991px) {
	.site-number-2 {
		margin-bottom: 55px;
	}
}

@media screen and (max-width: 767px) {
	.site-number-2 {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		white-space: normal;
	}
}

.site-number-2 h3 {
	/* h3 heading */
	color: #FFFFFF;
	font-family: inherit;
	font-size: 60px;
	font-weight: 700;
	line-height: 1.2;
	padding: 0;
	margin: 15px 0 0 0;
	display: block;
	text-align: center;
}

.site-number-2 p {
	/* paragraph */
	color: #FFFFFF;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
}

.site-number-2 i.fa {
	/* font awesome icon */
	width: 100%;
	height: 41px;
	color: #FFFFFF;
	font-size: 40px;
	font-weight: 400;
	line-height: 40px;
	text-transform: uppercase;
}

.site-number-2 figure {
	/* image */
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	display: block;
	height: 100px;
	line-height: 52px;
	margin: auto 0;
	text-align: center;
}

.site-number-2 figure:before {
	/*  site number horizontal line */
	content: "";
	position: absolute;
	max-width: 70px;
	width: 45px;
	display: block;
	height: 3px;
	background: #c2d0d7;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 0;
	/*top: 100%;*/
}


/* Number section inline block */

.site-number-inline-2 {
	display: block;
	text-align: left;
	position: relative;
	margin: auto;
	width: 100%;
	/*top: 50%;
  transform: translateY(-50%);*/
}


/*-----------------------------------------------------------------------------------

Services page

-----------------------------------------------------------------------------------*/


/* Banner section */

.services {
	background: url(../images/service-page-banner.html) no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
}

.service-section {
	float: left;
	width: 100%;
	text-align: center;
}

.service-section .site-box {
	/* Service */
	padding: 0 0 30px 0;
	display: block;
	width: 100%;
	text-align: left;
	margin: 0 0 30px;
	max-width: 370px;
	min-height: 236px;
	background-color: white;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: 400ms ease;
	transition-property: background;
	border-radius: 8px;
	-webkit-box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
	-moz-box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
	box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
}

.service-section .service-image {
	display: block;
}

.service-section .content {
	display: block;
	padding: 30px;
}

@media screen and (max-width: 767px) {
	.service-section .site-box {
		max-width: 100%;
		min-height: 10px;
	}
	.service-section .service-image img {
		width: 100%;
	}
}

.service-section .site-box:hover {
	/* Change the color on mouse hover */
	-webkit-box-shadow: 0px 21px 69px -10px rgba(18, 17, 88, 0.3);
	-moz-box-shadow: 0px 21px 69px -10px rgba(18, 17, 88, 0.3);
	box-shadow: 0px 21px 69px -10px rgba(18, 17, 88, 0.3);
	transition: all ease .5s;
}

.service-section .site-box:hover h3,
.service-section .site-box:hover h3 a,
.service-section .site-box:hover p {
	/*color: white;*/
}

.service-section .site-box:hover h3,
.service-section .site-box:hover h3 a {
	color: #4543d0;
}

.service-section .site-box:hover figure {
	background: #4543d0;
}

.service-section .site-box:hover i.fa {
	color: #FFFFFF;
}

.service-section .site-box:hover .site-permalink span {
	opacity: 1;
	color: #4543d0;
}

.service-section .site-box:hover .site-permalink i {
	color: #4543d0;
	left: 100%;
	padding-left: 12px;
}

.service-section .site-box:before {
	/* Change the box bg counting using data attribute */
	content: attr(data-bg-number);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0.06;
	color: #0a2b4a;
	font-family: inherit;
	font-size: 107px;
	font-weight: 700;
	line-height: 90px;
	text-transform: uppercase;
	z-index: -1;
	margin-left: 26px;
}

.service-section h4 {
	/* H3 heading */
	color: #000000;
	font-family: inherit;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: inherit;
	margin-top: 5px;
	margin-bottom: 15px;
	transition: 400ms ease;
	transition-property: color;
	letter-spacing: -1px;
}

.service-section h3 a {
	transition: 400ms ease;
	transition-property: color;
}

.service-section p {
	/* Paragraph */
	color: #828282;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
	transition: 400ms ease;
	transition-property: color;
}

.service-section figure {
	/* Image */
	display: none;
	width: 46px;
	height: 46px;
	line-height: 54px;
	background-color: #e0e9ea;
	/*display: block;*/
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: center;
	transition: 400ms ease;
	transition-property: background;
	border-radius: 6px;
}

.service-section i.fa {
	/* Font awesome icon */
	width: 22px;
	height: 14px;
	color: #4543d0;
	font-size: 20px;
	font-weight: 400;
	line-height: 14px;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	margin: auto;
	transition: 400ms ease;
	transition-property: color;
}

.service-section .site-permalink {
	/* Permalink */
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	margin-left: 30px;
	margin-bottom: 25px;
}

.service-section .site-permalink span {
	opacity: 0;
	transition: 400ms ease;
	transition-property: opacity, color;
}

.service-section .site-permalink i {
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 6px;
	font-size: 12px;
	transition: 400ms ease;
	transition-property: color, left;
}


/* service page full width section */

.service-full-width {
	padding: 0;
	overflow: hidden;
}

.service-box-heading {
	float: left;
	width: 100%;
	text-align: center;
	padding: 90px 0 0 0;
}

.service-full-width h2 {
	margin-bottom: 30px;
}

.service-full-width .customsection-3>img {
	float: left;
	max-width: inherit;
	margin-left: -15px;
}

@media screen and (max-width: 991px) {
	.service-full-width .customsection-3>img {
		text-align: center;
		margin-left: 0px;
		width: 100%;
		border-radius: 8px;
	}
}

.service-full-width .customsection-4>img {
	float: right;
	max-width: inherit;
	margin-right: 15px;
}

@media screen and (max-width: 991px) {
	.service-full-width .customsection-4>img {
		margin-right: 0;
		text-align: center;
		width: 100%;
		border-radius: 8px;
	}
}

.service-full-width .left-colom {
	float: left;
	width: 100%;
	padding: 120px 60px 0 0;
}

@media screen and (max-width: 991px) {
	.service-full-width .left-colom {
		padding: 120px 0 0 0;
	}
}

.service-full-width .left-colom p {
	float: left;
	width: 100%;
	padding: 0 0 25px 0;
	margin: 0;
}

.service-full-width .list-box {
	float: left;
	width: 100%;
	padding: 0;
}

.service-full-width .list-box h3 {
	float: left;
	width: 100%;
	padding: 0;
	font-size: 20px;
	font-weight: 700;
}

.service-full-width .left-colom.pading-box {
	padding-left: 30px;
}

@media screen and (max-width: 991px) {
	.service-full-width .left-colom.pading-box {
		padding-left: 0;
	}
}

.service-full-width ul {
	margin: 0;
	float: left;
	padding: 0;
	display: block;
	width: 100%;
	color: #828282;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
}

.service-full-width li {
	position: relative;
	list-style: none;
	width: 100%;
	display: block;
	margin: 0 0 10px;
	padding: 3px 0 0 25px;
}

.service-full-width li:before {
	/*content: "\f0da";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  /*font-family: "FontAwesome", serif;*/
	/*background:url(../images/check-box.png) left no-repeat;*/
}

.service-full-width li:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	bottom: 0;
	background: url(../images/check-box.png) left no-repeat;
	width: 14px;
	height: 14px;
}

.service-full-width .theme-btn {
	margin: 30px 0;
}


/* service page Icon box section */

.service-page-icon-section {
	float: left;
	width: 100%;
	text-align: center;
}

.service-page-icon-section .feature-box {
	float: left;
	width: 100%;
	background: #FFFFFF;
	border-radius: 10px;
	padding: 50px 35px;
	margin: 0 0 30px 0;
	text-align: center;
	-webkit-box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.12);
	-moz-box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.12);
	box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.12);
}

.service-page-icon-section .feature-box:hover {
	transition: all ease .5s;
	-webkit-box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.60);
	-moz-box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.60);
	box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.60);
}

.service-page-icon-section .feature-box figure {
	float: left;
	text-align: center;
	width: 100%;
}

.service-page-icon-section .feature-box h3 {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	color: #000000;
	line-height: 1.3;
	padding: 25px 0;
	margin: 0;
}

.service-page-icon-section .feature-box p {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	padding: 0;
	margin: 0;
}

.service-page-icon-section .more-text {
	font-size: 14px;
	font-weight: 700;
	color: #4543d0;
	text-transform: uppercase;
	border-bottom: #FFFFFF solid 2px;
	padding: 0px;
	margin: 25px 0 0 0;
}

.service-page-icon-section .more-text:hover {
	border: none;
	border-radius: 0;
	border-bottom: #4543d0 solid 2px;
	transition: all ease .5s;
}

@media screen and (max-width: 767px) {
	.customsection-3.bottom-90px {
		float: left;
		margin-bottom: 90px;
	}
}


/*-----------------------------------------------------------------------------------

Services details page

-----------------------------------------------------------------------------------*/


/* Banner section */

.inner-page-main-banner.service-details.Web_Development {
	background: url(../images/page-banner/Web_Development_banner.jpg) no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
}

.inner-page-main-banner.service-details.Web_Designing {
	background: url(../images/page-banner/website-designing.jpg) no-repeat center;
}

.mobile-app-development {
	background: url(../images/page-banner/mobile-app-development.jpg) no-repeat center;
}

.software-development {
	background: url(../images/page-banner/software-development.jpg) no-repeat center;
}

.cms-development {
	background: url(../images/page-banner/cms-development.png) no-repeat top center;
}

.ecommerce-solutions {
	background: url(../images/page-banner/ecommerce-solutions.jpg) no-repeat center;
}

.crm-development {
	background: url(../images/page-banner/crm-development.jpg) no-repeat center;
}

.cloud-solutions {
	background: url(../images/page-banner/cloud-solutions-banner.jpg) no-repeat center;
}

.seo-services {
	background: url(../images/page-banner/seo-services-banner.jpg) no-repeat center;
}

.service-page-details-section {
	float: left;
	width: 100%;
	text-align: left;
}


/* Services details page left colom */


/* SERVICES LINKS */

.service-page-details-section .left-box {
	float: left;
	width: 100%;
	text-align: left;
	background: #f0f6f7;
	border-radius: 8px;
	margin-bottom: 50px;
}

.service-page-details-section .left-box h3 {
	float: left;
	width: 100%;
	font-size: 25px;
	font-weight: 700;
	line-height: 2;
	color: #000000;
	text-align: left;
	border-bottom: #dee7ed solid 1px;
	padding: 7px 0 7px 25px;
	margin: 0;
}

.service-page-details-section .links {
	float: left;
	width: 100%;
	text-align: left;
}

.service-page-details-section .links ul {
	float: left;
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 0;
}

.service-page-details-section .links ul li {
	float: left;
	width: 100%;
	text-align: left;
	list-style: none;
	font-size: 14px;
	color: #6f6f6f;
}

.service-page-details-section .links ul li a {
	float: left;
	width: 100%;
	text-align: left;
	list-style: none;
	font-size: 14px;
	font-weight: 700;
	color: #6f6f6f;
	text-transform: uppercase;
	border-bottom: #dee7ed solid 1px;
	padding: 17px 0 17px 25px;
	border-left: #f0f6f7 solid 4px;
}

.service-page-details-section .links ul li a:hover {
	color: #002e5b;
	transition: all ease .5s;
	border-left: #002e5b solid 4px;
}

.service-page-details-section .links ul li.active a {
	color: #002e5b;
	border-left: #002e5b solid 4px;
}


/* Services details page left colom TESTIMONIALS */

.service-page-details-section .left-box .content {
	float: left;
	width: 100%;
	text-align: left;
	padding: 25px;
	position: relative;
}

.service-page-details-section .left-box.quote .content:before {
	content: "";
	position: absolute;
	max-width: 55px;
	width: 100%;
	display: block;
	height: 40px;
	margin: 0 auto;
	right: 25px;
	top: 25px;
	background: url(../images/quote.html) no-repeat top right;
}

.service-page-details-section .left-box .content .star {
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
}

.service-page-details-section .left-box .content .star .fa {
	float: left;
	text-align: left;
	color: #ff9600;
	line-height: 1;
	letter-spacing: 4px;
}

.service-page-details-section .left-box .content p {
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
}

.service-page-details-section .left-box .content figure {
	float: left;
	margin-right: 10px;
}

.service-page-details-section .left-box .content figure img {
	float: left;
	width: 75px;
	height: 75px;
	text-align: left;
	position: relative;
	border-radius: 200px;
}

.service-page-details-section .left-box .content h5 {
	float: left;
	text-align: left;
	position: relative;
	font-size: 17px;
	font-weight: 700;
	color: #4543d0;
	padding: 15px 0 0 0;
	margin: 0;
}

.service-page-details-section .left-box .content h6 {
	float: left;
	text-align: left;
	position: relative;
	font-size: 13px;
	font-weight: 400;
	color: #959595;
	padding: 0;
	margin: 0;
}


/* Services details page left colom CALL TO ACTION */

.service-page-details-section .left-box.cta {
	float: left;
	width: 100%;
	background: url(../images/left-cta-bg.jpg) no-repeat center center;
	border-radius: 8px;
	padding: 50px 25px;
}

.service-page-details-section .left-box.cta figure {
	float: left;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0 0 25px 0;
}

.service-page-details-section .left-box.cta h3 {
	float: left;
	width: 100%;
	position: relative;
	font-size: 25px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	border: none;
}

.service-page-details-section .left-box.cta p {
	float: left;
	width: 100%;
	position: relative;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	color: #FFFFFF;
	padding: 5px 0 40px 0;
	margin: 0;
}

.service-page-details-section .left-box.cta .call {
	float: left;
	width: 100%;
	position: relative;
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	border: none;
}

.service-page-details-section .left-box.cta .mail {
	float: left;
	width: 100%;
	position: relative;
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	color: #FFFFFF;
	padding: 15px 0 0 0;
	margin: 0;
	border: none;
}


/* Services details page left colom DOWNLOAD SECTION */

.service-page-details-section .left-box .download-btn {
	float: left;
	width: 100%;
	position: relative;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	text-align: left;
	color: #637376;
	padding: 0;
	margin: 0 0 20px 0;
	border: #4543d0 solid 1px;
	border-radius: 4px;
}

.service-page-details-section .left-box .download-btn .fa {
	background: #4543d0;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	text-transform: uppercase;
	text-align: left;
	color: #FFFFFF;
	padding: 15px;
	margin: 0;
	border: #4543d0 solid 1px;
	border-radius: 4px 0 0 4px;
}

.service-page-details-section .left-box .download-btn:hover {
	background: #4543d0;
	border: #4543d0 solid 1px;
	color: #FFFFFF;
	transition: all ease .5s;
}

.service-page-details-section .inner {
	float: left;
	width: 100%;
	position: relative;
	padding: 0 0 50px 0;
	margin: 0;
}

.service-page-details-section .inner h3 {
	float: left;
	width: 100%;
	position: relative;
	font-size: 35px;
	font-weight: 700;
	line-height: 1;
	text-align: left;
	color: #000000;
	padding: 0 0 25px 0;
	margin: 0;
}

@media screen and (max-width: 991px) {
	.service-page-details-section .inner h3 {
		font-size: 25px;
	}
}

.service-page-details-section .inner p {
	float: left;
	width: 100%;
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	padding: 0 0 40px 0;
	margin: 0;
}

.service-page-details-section .inner figure {
	float: left;
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 0;
	border-radius: 8px;
}

.service-page-details-section .inner figure img{
	width:100%;
}

.service-page-details-section .some-feature-box {
	float: left;
	width: 100%;
}

.service-page-details-section .some-feature-box ul {
	float: left;
	width: 100%;
	padding: 0;
}

.service-page-details-section .some-feature-box ul li {
	float: left;
	width: 100%;
	list-style: none;
	padding: 0;
	margin-bottom: 50px;
	display: flex;
}

.service-page-details-section .some-feature-box ul li:last-child {
	margin-bottom: 0px;
}

.service-page-details-section .some-feature-box .content {
	float: left;
	padding: 0 0 0 20px;
	margin-top: -6px;
	flex: 8;
	-webkit-flex: 8;
	/* Safari 6.1+ */
	-ms-flex: 8;
	/* IE 10 */
}

.service-page-details-section .some-feature-box h4 {
	float: left;
	font-size: 20px;
	font-weight: 700;
	color: #000000;
	text-align: left;
	padding: 0;
	margin: 0;
	line-height: 1.5;
}

.service-page-details-section .some-feature-box p {
	float: left;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	padding: 0;
	margin: 0;
}

.service-page-details-section .some-feature-box .icon {
	text-align: center;
	padding: 0;
	transition: transform 1s;
}

@media screen and (max-width: 767px) {
	.service-page-details-section .some-feature-box ul li {
		margin-bottom: 30px;
	}
}

.service-page-details-section .inner .list ul {
	margin: 0;
	float: left;
	padding: 0;
	display: block;
	width: 100%;
	color: #828282;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
}

.service-page-details-section .inner .list li {
	position: relative;
	list-style: none;
	width: 100%;
	display: block;
	margin: 0 0 10px;
	padding: 2px 0 0 25px;
}

.service-page-details-section .inner .list li:before {
	/*content: "\f0da";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  /*font-family: "FontAwesome", serif;*/
	/*background:url(../images/check-box.png) left no-repeat;*/
}

.service-page-details-section .inner .list li:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	bottom: 0;
	background: url(../images/check-box.png) left no-repeat;
	width: 14px;
	height: 14px;
}


/*-----------------------------------------------------------------------------------

Work page 1 - Zoom gallery

-----------------------------------------------------------------------------------*/

.site-portfolio.innerpage-work {
	text-align: center;
}

.work {
	background: url(../images/page-banner/work-page-banner.jpg) no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
}


/*-----------------------------------------------------------------------------------

Work page 3 - project list

-----------------------------------------------------------------------------------*/

.cases-list {
	position: relative;
}

.cases-list .site-box {
	/* Service */
	padding: 0 0 30px 0;
	display: block;
	width: 100%;
	text-align: left;
	margin: 0 0 30px;
	max-width: 370px;
	min-height: 236px;
	background-color: white;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: 400ms ease;
	transition-property: background;
	border-radius: 8px;
	-webkit-box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
	-moz-box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
	box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
}

.cases-list .service-image {
	display: block;
}

.cases-list .content {
	display: block;
	padding: 30px;
}

@media screen and (max-width: 767px) {
	.cases-list .site-box {
		max-width: 100%;
		min-height: 10px;
	}
	.cases-list .service-image img {
		width: 100%;
	}
}

.cases-list .site-box:hover {
	/* Change the color on mouse hover */
	-webkit-box-shadow: 0px 21px 69px -10px rgba(18, 17, 88, 0.3);
	-moz-box-shadow: 0px 21px 69px -10px rgba(18, 17, 88, 0.3);
	box-shadow: 0px 21px 69px -10px rgba(18, 17, 88, 0.3);
	transition: all ease .5s;
}

.cases-list .site-box:hover h3,
.cases-list .site-box:hover h3 a,
.cases-list .site-box:hover p {
	/*color: white;*/
}

.cases-list .site-box:hover h3,
.cases-list .site-box:hover h3 a {
	color: #4543d0;
}

.cases-list .site-box:hover figure {
	background: #4543d0;
}

.cases-list .site-box:hover i.fa {
	color: #FFFFFF;
}

.cases-list .site-box:hover .site-permalink span {
	opacity: 1;
	color: #4543d0;
}

.cases-list .site-box:hover .site-permalink i {
	color: #4543d0;
	left: 100%;
	padding-left: 12px;
}

.cases-list .site-box:before {
	/* Change the box bg counting using data attribute */
	content: attr(data-bg-number);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0.06;
	color: #0a2b4a;
	font-family: inherit;
	font-size: 107px;
	font-weight: 700;
	line-height: 90px;
	text-transform: uppercase;
	z-index: -1;
	margin-left: 26px;
}

.cases-list h4 {
	/* H3 heading */
	color: #000000;
	font-family: inherit;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: inherit;
	margin-top: 5px;
	margin-bottom: 15px;
	transition: 400ms ease;
	transition-property: color;
	letter-spacing: -1px;
}

.cases-list h3 a {
	transition: 400ms ease;
	transition-property: color;
}

.cases-list p {
	/* Paragraph */
	color: #828282;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
	transition: 400ms ease;
	transition-property: color;
}

.cases-list figure {
	/* Image */
	display: none;
	width: 46px;
	height: 46px;
	line-height: 54px;
	background-color: #e0e9ea;
	/*display: block;*/
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: center;
	transition: 400ms ease;
	transition-property: background;
	border-radius: 6px;
}

.cases-list i.fa {
	/* Font awesome icon */
	width: 22px;
	height: 14px;
	color: #4543d0;
	font-size: 20px;
	font-weight: 400;
	line-height: 14px;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	margin: auto;
	transition: 400ms ease;
	transition-property: color;
}

.cases-list .site-permalink {
	/* Permalink */
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	margin-left: 30px;
	margin-bottom: 25px;
}

.cases-list .site-permalink span {
	opacity: 0;
	transition: 400ms ease;
	transition-property: opacity, color;
	text-transform: uppercase;
}

.cases-list .site-permalink i {
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 6px;
	font-size: 12px;
	transition: 400ms ease;
	transition-property: color, left;
}


/*-----------------------------------------------------------------------------------

Case details

-----------------------------------------------------------------------------------*/

.case-details-section {
	float: left;
	width: 100%;
	position: relative;
}

.case-details {
	background: url(../images/work-details-page-banner.html) no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
}

.case-details-section .inner {
	float: left;
	width: 100%;
	position: relative;
	padding: 0 0 50px 0;
	margin: 0;
}

.case-details-section .client-details {
	float: left;
	width: 100%;
	text-align: left;
	padding: 10px 0 10px 0;
}

.case-details-section .client-details .dt-box {
	float: left;
	width: 100%;
	text-align: left;
	padding: 0 0 30px 0;
}

.case-details-section .client-details .title {
	float: left;
	width: 100%;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0;
}

.case-details-section .client-details figure {
	float: left;
	text-align: left;
	margin: 4px 0 0 0;
}

.case-details-section .client-details a {
	float: right;
	margin: 0 0 0 0;
}

@media screen and (max-width: 991px) {
	.case-details-section .client-details a {
		float: left;
		text-align: left;
	}
}

.case-details-section .client-details a:hover {
	border-bottom: #4543d0 solid 2px;
}

.case-details-section .client-details .text {
	float: left;
	font-size: 15px;
	font-weight: 400;
	color: #969696;
	padding: 13px 0 0 0;
}

.case-details-section .inner .right {
	float: left;
	width: 100%;
	padding: 40px 0 0 0;
}

@media screen and (max-width: 1199px) {
	.case-details-section .inner .right {
		padding: 0;
	}
}

.case-details-section .case-iamge figure {
	float: left;
	width: 100%;
	border-radius: 8px;
	margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
	.case-details-section .case-iamge figure {
		float: left;
		text-align: center;
		width: 100%;
	}
	.case-details-section .case-iamge figure img {
		width: 100%;
	}
}

.case-details-section .point-box {
	float: left;
	width: 100%;
	padding: 20px 0;
	margin: 0;
	position: relative;
}

.case-details-section .point-box h4 {
	float: left;
	width: 100%;
	font-size: 19px;
	font-weight: 700;
	padding: 0 0 0 20px;
	margin: 0;
	background: url(../images/circle.html) left no-repeat;
}

.case-details-section .point-box p {
	float: left;
	width: 100%;
	font-size: 15px;
	font-weight: 400;
	padding: 6px 0 0 20px;
	margin: 0;
}

.case-details-section .inner .list ul {
	margin: 0;
	float: left;
	padding: 0;
	display: block;
	width: 100%;
	color: #828282;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
}

.case-details-section .inner .list li {
	position: relative;
	list-style: none;
	width: 100%;
	display: block;
	margin: 0 0 10px;
	padding: 2px 0 0 25px;
}

.case-details-section .inner .list li:before {
	/*content: "\f0da";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  /*font-family: "FontAwesome", serif;*/
	/*background:url(../images/check-box.png) left no-repeat;*/
}

.case-details-section .inner .list li:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	bottom: 0;
	background: url(../images/check-box.png) left no-repeat;
	width: 14px;
	height: 14px;
}


/*-----------------------------------------------------------------------------------

Testimonials page

-----------------------------------------------------------------------------------*/


/* Banner section */

.testimonials {
	background: url(../images/testimonials-page-banner.html) no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
}

.testimonials-section {
	float: left;
	width: 100%;
	text-align: center;
}

.testimonials-section .site-box {
	/* Service */
	padding: 30px;
	display: block;
	width: 100%;
	text-align: left;
	margin: 0 0 30px;
	background-color: white;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: 400ms ease;
	transition-property: background;
	border-radius: 8px;
	-webkit-box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
	-moz-box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
	box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
}

.testimonials-section .site-box:hover {
	/* Change the color on mouse hover */
	-webkit-box-shadow: 0px 21px 69px -10px rgba(18, 17, 88, 0.3);
	-moz-box-shadow: 0px 21px 69px -10px rgba(18, 17, 88, 0.3);
	box-shadow: 0px 21px 69px -10px rgba(18, 17, 88, 0.3);
	transition: all ease .5s;
}

.testimonials-section .site-box:before {
	content: "";
	position: absolute;
	max-width: 55px;
	width: 100%;
	display: block;
	height: 40px;
	margin: 0 auto;
	right: 25px;
	top: 25px;
	background: url(../images/quote.html) no-repeat top right;
}

.testimonials-section .site-box .star {
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
}

.testimonials-section .site-box .star .fa {
	float: left;
	text-align: left;
	color: #ff9600;
	line-height: 1;
	letter-spacing: 4px;
}

.grey-star .fa {
	color: #c6d7e0 !important;
}

.testimonials-section .site-box p {
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
}

.testimonials-section .site-box figure {
	float: left;
	margin-right: 10px;
}

.testimonials-section .site-box figure img {
	float: left;
	width: 75px;
	height: 75px;
	text-align: left;
	position: relative;
	border-radius: 200px;
}

.testimonials-section .site-box h5 {
	text-align: left;
	position: relative;
	font-size: 17px;
	font-weight: 700;
	color: #4543d0;
	padding: 15px 0 0 0;
	margin: 0;
	top: 15px;
}

.testimonials-section .site-box h6 {
	float: left;
	text-align: left;
	position: relative;
	font-size: 13px;
	font-weight: 400;
	color: #959595;
	padding: 15px 0 0 0;
	margin: 0;
}


/*-----------------------------------------------------------------------------------

Contact us page

-----------------------------------------------------------------------------------*/


/* Banner section */

.contact-us {
	background: url(../images/page-banner/contact-page-banner.jpg) no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
}

.testimonials-section {
	float: left;
	width: 100%;
	text-align: center;
}

.contact-section .site-box {
	/* box */
	float: left;
	width: 100%;
	padding: 30px;
	display: block;
	margin: 0;
	background-color: white;
	position: relative;
	margin-top: -180px;
	z-index: 1;
	transition: 400ms ease;
	transition-property: background;
	border-radius: 8px;
	-webkit-box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
	-moz-box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
	box-shadow: 0px 10px 82px 4px rgba(151, 170, 180, 0.24);
}

@media screen and (max-width: 767px) {
	.contact-section .site-box {
		padding: 25px 15px;
	}
}

.contact-section .site-box h3 {
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #4543d0;
	line-height: 1.2;
	padding: 0 0 25px 15px;
	margin: 0;
}

.contact-section .inner {
	float: left;
	width: 100%;
	padding: 0 0 50px 0;
}

.contact-section .inner .ttl {
	text-align: Center;
	width: 100%;
	padding: 0 0 30px 0;
	text-align: center;
}

@media screen and (max-width: 991px) {
	.contact-section .inner .ttl.mail {
		padding: 30px 0 20px 0;
	}
}

.contact-section .inner figure {
	max-width: inherit;
}

.contact-section .inner figure .fa {
	max-width: inherit;
	text-align: left;
	color: #fde428;
	font-size: 30px;
	padding: 0;
}

.contact-section .inner h4 {
	font-size: 25px;
	font-weight: 700;
	color: #828282;
	line-height: 1.2;
	padding: 10px 0 0 0;
	margin: 0;
}

.contact-section .inner .adress {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #828282;
	line-height: 1.4;
	padding: 0 0 0 0;
	margin: 0;
	text-align: center;
}

@media screen and (max-width: 991px) {
	.contact-section .inner .adress {
		font-size: 15px;
		padding-bottom: 30px;
	}
	/* .contact-section input[type=text], .contact-section input[type=tel], .contact-section input[type=number], .contact-section input[type=url], .contact-section input[type=email], .contact-section input[type=text], .contact-section input[type=tel], .contact-section input[type=number], .contact-section input[type=url], .contact-section input[type=email], .contact-section textarea { */
	/* height:40px !Important; */
	/* } */
	/* .contact-section textarea { */
	/* resize: none; */
	/* height: 150px !Important; */
	/* padding-top: 12px; */
	/* } */
}

.contact-section .inner .call {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #828282;
	line-height: 1.4;
	padding: 0 0 8px 0;
	margin: 0;
	text-align: center;
}

.contact-section .inner .email {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #828282;
	line-height: 1.4;
	padding: 0 0 8px 0;
	margin: 0;
	text-align: center;
}

.contact-section .form-box {
	/* contact form */
	float: left;
	width: 100%;
	margin: 0;
	display: block;
	clear: both;
	padding: 50px;
	background: #002e5b;
	position: relative;
	border-radius: 6px 0 0 6px;
}

@media screen and (max-width: 991px) {
	.contact-section .form-box {
		border-radius: 6px;
	}
}

@media screen and (max-width: 767px) {
	.contact-section .form-box {
		padding: 35px 25px;
	}
}

.contact-section .form-box h4 {
	float: left;
	width: 100%;
	font-size: 35px;
	font-weight: 700;
	text-align: left;
	color: #FFFFFF;
	margin: 0;
	display: block;
	clear: both;
	padding: 0 0 30px 0;
}

@media screen and (max-width: 991px) {
	.contact-section .form-box h4 {
		font-size: 30px;
	}
}

@media screen and (max-width: 300px) {
	.contact-section .form-box {
		padding-right: 20px;
		padding-left: 20px;
	}
}

.contact-section .form-ttl {
	float: left;
	width: 100%;
	font-size: 20px;
	color: #000000;
	text-align: left;
	background: #FFFFFF;
	padding: 5px 0 0 15px;
	border-radius: 4px 4px 0 0;
}

.contact-section label {
	padding: 0;
	display: block;
	clear: both;
	width: 100%;
	margin: 0 0 10px;
}

.contact-section input[type=text],
.contact-section input[type=tel],
.contact-section input[type=number],
.contact-section input[type=url],
.contact-section input[type=email],
.contact-section input[type=text],
.contact-section input[type=tel],
.contact-section input[type=number],
.contact-section input[type=url],
.contact-section input[type=email],
.contact-section textarea {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0 0 0 15px;
	display: block;
	clear: both;
	border: none;
	box-shadow: none;
	height: 60px;
	color: #000000;
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	/* border-bottom: 2px solid #cecece; */
	/* border: #d8e5e7 solid 2px; */
	border-radius: 4px;
	transition: 400ms ease;
	transition-property: border-color;
	background: #FFFFFF;
}

.contact-section input[type=text]:focus,
.contact-section input[type=tel]:focus,
.contact-section input[type=number]:focus,
.contact-section input[type=url]:focus,
.contact-section input[type=email]:focus,
.contact-section textarea:focus {
	border-color: #4543d0;
}

.contact-section textarea {
	resize: none;
	height: 150px;
	padding-top: 12px;
}

.contact-section button[type=submit] {
	width: 100%;
	background-color: #fde428;
	box-shadow: none;
	padding: 20px 0;
	display: block;
	float: left;
	color: #fff;
	font-family: inherit;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	margin: 10px 0 0;
	border: 2px solid #fde428;
	transition: 400ms ease;
	transition-property: background, color;
	border-radius: 6px;
}

@media screen and (max-width: 767px) {
	.contact-section button[type=submit] {
		display: inline-block;
		float: none;
		padding-left: 15px;
		padding-right: 15px;
	}
}

.contact-section button[type=submit]:hover {
	opacity: 0.9;
	transition: all ease .5s;
}

.contact-section button[type=submit] i.fa {
	display: none;
}

.contact-section .site-contact-info {
	/* contact info container */
	margin: 0;
	padding: 0 15px;
	display: block;
	width: 100%;
	clear: both;
}

.contact-section .site-google-map {
	/* google map container */
	min-height: 651.5px;
	position: relative;
	border-radius: 0 6px 6px 0;
}

@media screen and (max-width: 1199px) {
	.contact-section .site-google-map {
		min-height: 726px;
	}
}

@media screen and (max-width: 991px) {
	.contact-section .site-google-map {
		border-radius: 6px;
	}
}


/*-----------------------------------------------------------------------------------

Scroll top top button

-----------------------------------------------------------------------------------*/


/* Scroll up button */

#ThemeScrollUp {
	bottom: 20px;
	right: 20px;
	color: white;
	background: #4543d0;
	width: 45px;
	height: 44px;
	line-height: 45px;
	text-align: center;
	display: block;
	font-size: 14px;
	border-radius: 2px;
	transition: 400ms ease;
	transition-property: background;
}

#ThemeScrollUp:hover {
	background-color: #636e78;
}


/*-----------------------------------------------------------------------------------

 Preloader

 Pre-loader: This is used to show the full page pre-loader.
 As long as the website does not load completely

-----------------------------------------------------------------------------------*/


/* Preloader container */

.site-preloader {
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	background: white;
	z-index: 100000;
	text-align: center;
}

.site-preloader img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	max-height: 80px;
	max-width: 80px;
	margin: auto;
}


/* ------ venobox.css --------*/

.vbox-overlay *,
.vbox-overlay *:before,
.vbox-overlay *:after {
	-webkit-backface-visibility: hidden;
	box-sizing: border-box;
}


/* ------- overlay: change here background color and opacity ----- */

.vbox-overlay {
	background: #fdfdfd;
	background: rgba(0, 0, 0, 0.85);
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 99999;
	opacity: 0;
	overflow-x: hidden;
	overflow-y: hidden;
}


/* ----- preloader - choose between CIRCLE, IOS, DOTS, QUADS ----- */


/* circle preloader */

.vbox-preloader {
	position: fixed;
	width: 32px;
	height: 32px;
	left: 50%;
	top: 50%;
	margin-left: -16px;
	margin-top: -16px;
	background-image: url(../images/preload-circle.html);
	text-indent: -100px;
	overflow: hidden;
	animation: playload 1.4s steps(18) infinite;
}

@keyframes playload {
	from {
		background-position: 0;
	}
	to {
		background-position: -576px;
	}
}


/* ----- navigation ----- */

.vbox-close {
	cursor: pointer;
	position: fixed;
	top: 90px;
	right: 10px;
	width: 46px;
	height: 40px;
	padding: 10px 20px 10px 0;
	display: block;
	background: #161617 url(../images/close.gif) no-repeat 10px center;
	color: #fff;
	text-indent: -100px;
	overflow: hidden;
}

.vbox-next,
.vbox-prev {
	box-sizing: content-box;
	cursor: pointer;
	position: fixed;
	top: 50%;
	color: #fff;
	width: 30px;
	height: 170px;
	margin-top: -85px;
	text-indent: -100px;
	border: solid transparent;
	/* Using border instead of padding to keep bg image in place */
	overflow: hidden;
}

.vbox-prev {
	left: 0;
	border-width: 0 30px 0 10px;
	background: url(../images/prev.gif) center center no-repeat;
}

.vbox-next {
	right: 0;
	border-width: 0 10px 0 30px;
	background: url(../images/next.gif) center center no-repeat;
}

.vbox-title {
	width: 100%;
	height: 40px;
	float: left;
	text-align: center;
	line-height: 28px;
	font-size: 12px;
	color: #fff;
	padding: 6px 40px;
	overflow: hidden;
	background: #161617;
	position: fixed;
	display: none;
	top: -1px;
	left: 0;
}

.vbox-num {
	cursor: pointer;
	position: fixed;
	top: -1px;
	left: 0;
	height: 40px;
	color: #fff;
	overflow: hidden;
	line-height: 28px;
	font-size: 12px;
	padding: 6px 10px;
	background: #161617;
	display: none;
}


/* ------- inline window ------ */

.vbox-inline {
	width: 420px;
	height: 315px;
	padding: 10px;
	background: #fff;
	text-align: left;
	margin: 0 auto;
	overflow: auto;
}


/* ------- Video & iFrames window ------ */

.venoframe {
	border: none;
	width: 960px;
	height: 720px;
}

@media (max-width: 992px) {
	.venoframe {
		width: 640px;
		height: 480px;
	}
}

@media (max-width: 767px) {
	.venoframe {
		width: 420px;
		height: 315px;
	}
}

@media (max-width: 460px) {
	.vbox-inline {
		width: 100%;
	}
	.venoframe {
		width: 100%;
		height: 260px;
	}
}


/* ------- PLease do NOT edit this! (or do it at your own risk) ------ */

.vbox-open {
	overflow: hidden;
}

.vbox-container {
	position: relative;
	background: #000;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}

.vbox-content {
	text-align: center;
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.vbox-container img {
	max-width: 100%;
	height: auto;
	border-radius:5px;
}

.scrollup {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: #fde428;
	color: #fff !important;
	width: 45px;
	height: 44px;
	line-height: 45px;
	text-align: center;
	display: block;
	font-size: 14px;
	border-radius: 6px;
	transition: 400ms ease;
	transition-property: background;
}


/**********Client Slider*************/

.client_logos {
	padding:90px 0 120px 0;
	background: #fff;
}
.owl-dots {
    display: none;
}

#client-logos .item {
	margin: 5px;
}

.cover-wrapper {
	padding: 75px;
}

.client-inners img {
	height: 100%;
	object-fit: contain;
}

.client-inners {
	border: 1px solid #ccc;
	height: 85px;
	text-align: center;
	padding: 8px;
}

.owl-nav img {
	width: 34px;
}

.owl-prev img {
	position: absolute;
	left: -38px;
	top: 50%;
	margin-top: -20px;
}

.owl-next img {
	position: absolute;
	right: -38px;
	top: 50%;
	margin-top: -20px;
}