/*** 

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

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

/*** 

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

 ***/

body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #464646;
	line-height: 1.7em;
	font-weight: 400;
}
 

.auto-container {
  position: static;
  /*max-width: 1200px;*/
	max-width: 100%;
  padding: 0px 15px;
  margin: 0 auto;
}
* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
}
a {
  text-decoration: none;
  cursor: pointer;
  color: #fa0
}
a, button {
	transition: 0.5s;
}
button {
  cursor: pointer;
  text-decoration: none;
  outline: none !important
}
a:hover, a:focus, a:visited {
  text-decoration: none;
  outline: none !important
}
ul, li {
  list-style: none;
  padding: 0px;
  margin: 0px
}
img {
  display: inline-block;
  max-width: 100%
}
.page-wrapper {
  overflow: hidden
}
.theme-btn {
  font-size: 18px;
  display: inline-block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease
}
.pull-left {
  float: left
}
.pull-right {
  float: right
}
.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 300px;
	overflow-x: hidden;
} 

/* List Style One */
.list-style-one {
  position: relative
}
.list-style-one li {
  position: relative;
  color: #ffffff;
  font-size: 14px;
  padding-left: 30px;
  font-weight: 400;
  line-height: 1.6em;
  margin-bottom: 20px
}
.list-style-one li .icon {
  position: absolute;
  left: 0px;
  top: 4px;
  color: #00cffc;
  font-size: 18px;
  line-height: 1em;
  font-weight: 300;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: "flaticon"
}
.page-wrapper {
  font-family: 'Roboto', sans-serif
}
h1, h2, h3, h4, h5, h6 {
  position: relative;
  font-weight: 700;
  margin: 0px;
  color: #0e0e0e;
  background: none;
  line-height: 1.4em;
  font-family: 'Poppins', sans-serif
}

/*Btn Style One*/

.btn-style-one {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 500;
	overflow: hidden;
	background: none;
	border-radius: 0px;
	padding: 15px 25px 15px;
	text-transform: capitalize;
	background-image: linear-gradient(to bottom, #3A3289 0%, #1b1463 100%);
	font-family: 'Poppins', sans-serif;
}

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

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

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

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

/* Btn Style Two */

.btn-style-two{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	padding: 10px 32px 10px;
	font-weight: 400;
	overflow: hidden;
	background:none;
	letter-spacing:1px;
	border-radius:50px;
	text-transform: uppercase;
	border:2px solid #ffffff;
	
}

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

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

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

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

/* Btn Style Three */

.btn-style-three{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	overflow: hidden;
	background:none;
	border-radius:0px;
	padding: 14px 44px 14px;
	text-transform: capitalize;
	background-image: -ms-linear-gradient(top, #C2292A 0%, #d1641a 100%);
	background-image: -moz-linear-gradient(top, #C2292A 0%, #d1641a 100%);
	background-image: -o-linear-gradient(top, #C2292A 0%, #d1641a 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C2292A), color-stop(100, #d1641a));
	background-image: -webkit-linear-gradient(top, #C2292A 0%, #d1641a 100%);
	background-image: linear-gradient(to bottom, #C2292A 0%, #d1641a 100%);
	font-family: 'Poppins', sans-serif;
}

.btn-style-three:before{
	position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
	background-image: -ms-linear-gradient(top, #D1641A 0%, #C2292A 100%);
	background-image: -moz-linear-gradient(top, #D1641A 0%, #C2292A 100%);
	background-image: -o-linear-gradient(top, #D1641A 0%, #C2292A 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D1641A), color-stop(100, #C2292A));
	background-image: -webkit-linear-gradient(top, #D1641A 0%, #C2292A 100%);
	background-image: linear-gradient(to bottom, #D1641A 0%, #C2292A 100%);
}

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

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

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

/* Btn Style Four */

.btn-style-four{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	overflow: hidden;
	background:none;
	border-radius:0px;
	padding: 25px 52px 25px;
	text-transform: uppercase;
	background-image: -ms-linear-gradient(left, #091494 0%, #3141fe 100%);
	background-image: -moz-linear-gradient(left, #091494 0%, #3141fe 100%);
	background-image: -o-linear-gradient(left, #091494 0%, #3141fe 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #091494), color-stop(100, #3141fe));
	background-image: -webkit-linear-gradient(left, #091494 0%, #3141fe 100%);
	background-image: linear-gradient(to right, #091494 0%, #3141fe 100%);
}

.btn-style-four:before{
	position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
	background-image: -ms-linear-gradient(right, #091494 0%, #3141FE 100%);
	background-image: -moz-linear-gradient(right, #091494 0%, #3141FE 100%);
	background-image: -o-linear-gradient(right, #091494 0%, #3141FE 100%);
	background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #091494), color-stop(100, #3141FE));
	background-image: -webkit-linear-gradient(right, #091494 0%, #3141FE 100%);
	background-image: linear-gradient(to left, #091494 0%, #3141FE 100%);
}

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

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

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

/* Btn Style Five */

.btn-style-five{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #091394;
	padding: 12px 38px 12px;
	font-weight: 600;
	overflow: hidden;
	background:none;
	letter-spacing:1px;
	border-radius:0px;
	text-transform: uppercase;
	border:2px solid #3241ff;
	background-color:#ffffff;
}

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

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

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

.btn-style-five:hover{
	color: #ffffff;
	border-color:#3241ff;
}

/* Btn Style Six */

.btn-style-six{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	overflow: hidden;
	background:none;
	border-radius:0px;
	padding: 14px 46px 14px;
	text-transform: uppercase;
	background-image: -ms-linear-gradient(left, #091494 0%, #3141fe 100%);
	background-image: -moz-linear-gradient(left, #091494 0%, #3141fe 100%);
	background-image: -o-linear-gradient(left, #091494 0%, #3141fe 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #091494), color-stop(100, #3141fe));
	background-image: -webkit-linear-gradient(left, #091494 0%, #3141fe 100%);
	background-image: linear-gradient(to right, #091494 0%, #3141fe 100%);
}

.btn-style-six:before{
	position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
	background-image: -ms-linear-gradient(right, #091494 0%, #3141FE 100%);
	background-image: -moz-linear-gradient(right, #091494 0%, #3141FE 100%);
	background-image: -o-linear-gradient(right, #091494 0%, #3141FE 100%);
	background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #091494), color-stop(100, #3141FE));
	background-image: -webkit-linear-gradient(right, #091494 0%, #3141FE 100%);
	background-image: linear-gradient(to left, #091494 0%, #3141FE 100%);
}

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

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

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

/* Btn Style Seven */

.btn-style-seven{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #18212e;
	padding: 12px 38px 12px;
	font-weight: 600;
	overflow: hidden;
	background:none;
	letter-spacing:1px;
	border-radius:0px;
	text-transform: uppercase;
	background-color:#ffffff;
}

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

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

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

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

/* Btn Style Eight */

.btn-style-eight{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #3241ff;
	padding: 11px 34px 11px;
	font-weight: 600;
	overflow: hidden;
	background:none;
	letter-spacing:1px;
	border-radius:0px;
	text-transform: capitalize;
	border:1px solid #091394;
	background-color:#ffffff;
}

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

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

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

.btn-style-eight:hover{
	color: #ffffff;
	border-color:#222222;
}

/* Btn Style Nine */

.btn-style-nine{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	overflow: hidden;
	background:none;
	border-radius:6px;
	padding:15px 44px 15px;
	text-transform: capitalize;
	background-image: -ms-linear-gradient(left, #B17827 0%, #5e3c1a 100%);
	background-image: -moz-linear-gradient(left, #B17827 0%, #5e3c1a 100%);
	background-image: -o-linear-gradient(left, #B17827 0%, #5e3c1a 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #B17827), color-stop(100, #5e3c1a));
	background-image: -webkit-linear-gradient(left, #B17827 0%, #5e3c1a 100%);
	background-image: linear-gradient(to right, #B17827 0%, #5e3c1a 100%);
	font-family: 'Poppins', sans-serif;
}

.btn-style-nine:before{
	position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
	background-image: -ms-linear-gradient(right, #B17827 0%, #5E3C1A 100%);
	background-image: -moz-linear-gradient(right, #B17827 0%, #5E3C1A 100%);
	background-image: -o-linear-gradient(right, #B17827 0%, #5E3C1A 100%);
	background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #B17827), color-stop(100, #5E3C1A));
	background-image: -webkit-linear-gradient(right, #B17827 0%, #5E3C1A 100%);
	background-image: linear-gradient(to left, #B17827 0%, #5E3C1A 100%);
}

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

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

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

.btn-style-nine.style-two{
	border-radius:0px;
}

/* Btn Style Ten */

.btn-style-ten{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #361b00;
	padding: 12px 38px 12px;
	font-weight: 600;
	overflow: hidden;
	background:none;
	border-radius:2px;
	text-transform: capitalize;
	background-color:#ffffff;
	font-family: 'Poppins', sans-serif;
}

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

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

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

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

/* Btn Style Eleven */

.btn-style-eleven{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	padding: 11px 34px 11px;
	font-weight: 600;
	overflow: hidden;
	background:none;
	letter-spacing:1px;
	border-radius:2px;
	text-transform: capitalize;
	border:1px solid #ffffff;
	font-family: 'Poppins', sans-serif;
}

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

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

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

.btn-style-eleven:hover{
	color: #361b00;
	border-color:#ffffff;
}

/* Social Icon One */

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

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

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

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

.social-icon-one li a{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	width:40px;
	height:40px;
	line-height:38px;
	text-align:center;
	display:inline-block;
	border:1px solid rgba(255,255,255,0.70);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-one li a:hover{
	color: #000000;
	background-color:#ffffff;
}

/* Social Icon Two */

.social-icon-two{
	position:relative;
}

.social-icon-two li{
	position:relative;
	margin:0px 4px;
	display:inline-block;
}

.social-icon-two li a{
	position:relative;
	width:40px;
	height:40px;
	color:#ffffff;
	font-size:14px;
	text-align:center;
	line-height:38px;
	border-radius:50px;
	display:inline-block;
	border:1px solid #b27927;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-two li a:hover{
	color:#ffffff;
	border-color:#b27927;
	background-color:#b27927;
}

.theme_color{
	color:#c22a2a;
}

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

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

/*** 

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

***/

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

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

/*** 

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

***/
 .sec-title {
  position: relative;
  margin-bottom: 20px
}
.sec-title .sec-title-inner {
  position: relative
}
.sec-title .title {
  position: relative;
  color: #3b338a;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.7em;
  font-family: 'Roboto', sans-serif;
}
.sec-title .circles-box {
  position: relative;
  top: 2px;
  margin-right: 10px;
  display: inline-block
}
.sec-title .circles-box .circle {
  position: relative;
  width: 17px;
  height: 17px;
  border-radius: 50px;
  display: inline-block;
  border: 4px solid #ffffff;
  background-color: #312994;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10)
}
.sec-title .circles-box .circle:nth-child(2) {
  background-color: #db1030
}
.sec-title h2 {
  font-size: 40px;
  line-height: 1.2em;
  margin-top: 10px
}
.sec-title h2 span {
  color: #db1030;
}
.sec-title .text {
  position: relative;
  color: #383838;
  font-size: 18px;
  line-height: 1.7em;
  margin-top: 20px
}
.sec-title.light h2, .sec-title.light .text, .sec-title.light .title {
  color: #ffffff
}
.sec-title.centered {
  text-align: center
}
/*** 

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

***/

.main-header{
	position:relative;
	z-index:10;
	width:100%;
}

.main-header .header-top {
	position: relative;
	padding: 7px 0px;
	background-color: #d30033;
	display: none;
}

/* Header Top */

.main-header .header-top .top-left{
	position:relative;
	float:left;
}

.main-header .header-top .top-left .text{
	position:relative;
	color:#ffffff;
	font-size:14px;
	line-height:1.3em;
	padding:9px 0px;
}

/* End Header Top */

.main-header .header-top .top-right{
	position:relative;
}

.main-header .header-top .top-right .login-info{
	position:relative;
	float:left;
	margin-top:6px;
	margin-right:15px;
}

.main-header .header-top .top-right .login-info li{
	position:relative;
	padding:0px 14px;
	line-height:1.2em;
	display:inline-block;
	border-right:1px solid #ffffff;
}

.main-header .header-top .top-right .login-info li:last-child{
	border-right:0px;
	padding-right:0px;
}

.main-header .header-top .top-right .login-info li a{
	position:relative;
	color:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-top .top-right .login-info li a:hover{
	color:#d1651a;
}

.main-header .header-top .top-right .social-nav li.facebook a{
	color:#16599b;
}

.main-header .header-top .top-right .social-nav li.twitter a{
	color:#03a9f4;
}

.main-header .header-top .top-right .social-nav li.google a{
	color:#ff0000;
}

.main-header .header-top .top-right .social-nav li.linkedin a{
	color:#0078b5;
}

.main-header .header-top .top-right .social-nav{
	position:relative;
	float:left;
}

.main-header .header-top .top-right .social-nav li{
	position:relative;
	margin-left:7px;
	display:inline-block;
}

.main-header .header-top .top-right .social-nav li a{
	position:relative;
	width:36px;
	height:36px;
	color:#c63a2a;
	font-size:16px;
	text-align:center;
	line-height:36px;
	display:inline-block;
	background-color:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-top .top-right .social-nav li a:hover{
	color:#c22a2a;
}

/* Header Top Two */

.main-header .header-top-two{
	position:relative;
	padding:15px 0px;
	background-color:#f5f5f5;
}

.main-header .header-top-two .top-left{
	position: relative;
	padding-left:215px;
}

.main-header .header-top-two .info-list{
	position:relative;
	float:left;
}

.main-header .header-top-two .info-list li{
	position: relative;
	color:#666666;
	font-size:16px;
	margin-right:20px;
	display:inline-block;
}

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

.main-header .header-top-two .info-list li .icon{
	position:relative;
	margin-right:8px;
	color:#091396;
}

.main-header .header-top-two .info-list li a{
	position: relative;
	color:#666666;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-top-two .info-list li a:hover{
	color:#3241ff;
}

.main-header .header-top-two .top-list{
	position:relative;
	float:left;
	margin-left:80px;
}

.main-header .header-top-two .top-list li{
	position:relative;
	margin-right:18px;
	display:inline-block;
}

.main-header .header-top-two .top-list li:last-child{
	margin-right:0px;
}

.main-header .header-top-two .top-list li a{
	position:relative;
	color:#222222;
	font-size:16px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-top-two .top-list li a:hover{
	color:#0a1395;
}

.main-header .header-top-two .social-nav{
	position:absolute;
	right:20px;
	top:15px;
	padding:0px 0px;
}

.main-header .header-top-two .social-nav li{
	position:relative;
	margin-left:15px;
	display:inline-block;
}

.main-header .header-top-two .social-nav li a{
	position:relative;
	color:#777777;
	font-size:15px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-top-two .social-nav li a:hover{
	color:#3241ff;
}

.header-style-two.fixed-header .header-upper{
	position:fixed;
	top:0px;
	width:100%;
	background-color:#ffffff;
}

.header-style-two.fixed-header .header-upper .inner-container .logo-box{
	padding:5px 50px 5px 15px;
	top:0px;
}

.header-style-two.fixed-header .header-upper .inner-container .logo-box:before{
	border-bottom:80px solid #222222;
}

/* Header Top Three */

.main-header .header-top-three{
	position:relative;
}

.main-header .header-top-three .top-left{
	position: relative;
	float:left;
	padding:15px 0px;
}

.main-header .header-top-three .top-left .text{
	position:relative;
	float:left;
	color:#ffffff;
	font-size:14px;
}

.header-style-three{
	position:absolute;
}

.main-header.header-style-three .nav-outer{
	float:right;
}

.header-style-three .header-lower .inner-container{
	position:relative;
	padding-left:30px;
}

.header-style-three .header-lower .inner-container:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:95px;
	bottom:0px;
	z-index:-1;
	border-radius:8px;
	background-color:#ffffff;
}

.header-style-three .main-menu .navigation > li > a{
	padding:25px 20px;
	color:#361b00;
	font-weight:500;
}

.header-style-three .main-menu .navigation > li:before{
	top:30px;
}

.header-style-three .main-menu .navigation > li:before{
	background-color:rgba(0,0,0,0.40);
}

.header-style-three .header-lower .options-box .grid-box .icon{
	color:#603e1a;
}

.main-header.header-style-three .header-lower .search-box-btn{
	color:#3c2107;
	border-color:#3c2107;
}

.main-header.header-style-three .options-box .grid-box{
	height:80px;
	line-height:88px;
}

.main-header.header-style-three .header-lower .search-box-outer{
	margin-top:18px;
}

.main-header.header-style-three .options-box .btn-box{
	margin-top:10px;
}

.header-style-three.fixed-header .header-lower{
	position:fixed;
	width:100%;
	top:0px;
	background-color:#ffffff;
	box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}

.header-style-three.fixed-header .header-lower .inner-container{
	padding:0px;
}

.header-style-three.fixed-header .header-lower .inner-container:before{
	display:none;
}

.header-style-three .main-menu{
	margin-right:50px;
}

/* Main Header */

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

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

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

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

.main-header .nav-toggler{
	position:absolute;
	top:50%;
	margin-top:0px;
	display: block;
}

.main-header .nav-toggler button{
	position:relative;
	display:block;
	color:#444444;
	text-align:center;
	font-size:24px;
	line-height:34px;
	font-weight:normal;
	background:none;
}

.main-header .header-upper{
    padding: 15px 0;
	position:relative;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-upper .upper-right {
	position: relative;
	display: flex;
	align-items: center;
}
.main-header .nav-outer {
	position: relative;
	background: #2d267a;
}
.main-header.header-style-one .header-lower{
	position: absolute;
    left: 0px;
    right: 0px;
}
.header-style-one.fixed-header .header-lower {
	top: 0;
	position: fixed;
}

.header-upper .logo img {
	quotes: "";
	width: 120px;
}
.main-header .info-box {
	position: relative;
	float: left;
	margin-left: 42px;
	padding: 6px 0px 0 50px;
}

.main-header .info-box .icon-box {
	position: absolute;
	left: 0px;
	font-size: 35px;
	color: #2d267a;
}

.header-info span {
  border-bottom: 1px solid #000;
  font-weight: 500;
  font-size: 15px;
  color: #000;
  display: block;
}
.header-info p {
  font-size: 16px;
  font-weight: 500;
  color: #212122;
}
.header-info a {
  font-size: 16px;
  font-weight: 500;
  color: #212122;
}
.header-social li {
  display: inline-block;
}
.header-social .twitter a {
  color: #03a9f4;
}
.header-social .linked a {
  color: #c63a2a;
}
.header-social .facebook a {
  color: #16599b;
}
.header-social .google a {
  color: #d30033;
}
.header-social i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #eeeef0;
	margin-right: 5px;
	text-align: center;
    transition: 0.5s
}
.header-social i:hover {
	color: #fff;
	background: #2d267a;
}

.main-menu {
	position: static;
	float: left;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	background: #2d267a;
}

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

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

.main-menu .navigation > li:before{
	position:absolute;
	content:'';
	top:20px;
	height:20px;
	width:1px;
	opacity:0.4;
	background-color:#ffffff;
}

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

.main-menu .navigation > li:last-child::after{
	display:none;
}

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

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

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

.cart-product{
	position:relative;
	margin-bottom:24px;
	min-height:90px;
	border-bottom:1px solid #e4e4e4;
}

.cart-product .inner{
	position:relative;
	padding-left:90px;
	min-height:70px;
}

.cart-product .inner .cross-icon{
	position:absolute;
	right:0px;
	top:-2px;
	z-index:1;
	color:#263120;
	font-size:16px;
	cursor:pointer;
}

.cart-product .inner .image{
	position:absolute;
	width:70px;
	height:70px;
	left:0px;
	top:0px;
}

.cart-product .inner h3{
	position:relative;
	font-weight:600;
	font-size:15px;
	margin:0px;
	text-transform:uppercase;
}

.cart-product .inner h3 a{
	color:#222222;
}

.cart-product .inner .quantity-text{
	position:relative;
	font-weight:300;
	color:#222222;
	line-height:1em;
	margin-top:6px;
}

.cart-product .inner .price{
	position:relative;
	font-weight:600;
	font-size:16px;
	margin:0px;
	color:#222222;
	line-height:1em;
	margin-top:6px;
}

.header-style-two .auto-container{
	
}

.header-style-two .header-upper .inner-container .logo-box{
	position:absolute;
	left:0px;
	top: -54px;
    z-index: 1;
    padding: 32px 50px 32px 15px;
	background-color:#222222;
}

.header-style-two .header-upper .inner-container .logo-box:before{
	position:absolute;
	content:'';
	right:-50px;
	top:0px;
	border-bottom: 134px solid #222222;
    border-right: 50px solid transparent;
}

.header-style-two .nav-outer{
    position:static;
}

.header-style-two .header-upper .inner-container{
	padding-left:215px;
}

.header-style-two .main-menu .navigation > li > ul,
.header-style-two .main-menu .navigation > li > ul > li > ul{
	border-color:#2f3ff8;
}

.header-style-three .main-menu .navigation > li > ul,
.header-style-three .main-menu .navigation > li > ul > li > ul{
	border-color:#b27927;
}

.contact-section-two .form-column .inner-column .default-form.style-two .form-group .ui-widget-content .ui-state-active{
	background-color:#b27927;
	border-color:#b27927;
}

/*Sticky Header*/

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

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

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

.main-header .options-box{
	position:relative;
	float:right;
}

/* Grid Box */

.main-header .options-box .grid-box{
	position:relative;
	float:left;
	height:60px;
	display:block;
	font-size:20px;
	color:#ffffff;
	padding:0px;
	margin:0px;
	cursor:pointer;
	text-align:center;
	line-height:68px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .options-box .grid-box .icon{
	position:relative;
	color:#ffffff;
	line-height:1em;
}

.main-header.header-style-two .options-box .grid-box .icon{
	color:#878787;
}
  
.main-header.header-style-two .options-box{
	position:absolute;
	right:0px;
}

.main-header.header-style-two .options-box .grid-box{
	height:80px;
	width:80px;
	line-height:80px;
	border-left:1px solid #dddddd;
}
 
/* Button Box */

.main-header .options-box .btn-box{
	position:relative;
	float:left;
	height:60px;
}  
.header-style-one.fixed-header .header-lower .nav-outer:before{
	display:none;
}

/*** 

====================================================================
	Main Slider Banner
====================================================================

***/

.main-slider{
	position:relative;
} 
  .slider-section .carousel-indicators {
	display: none;
}

.main-slider .owl-dots .owl-dot.active:before,
.main-slider .owl-dots .owl-dot:hover::before{
	opacity:1;
}

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

.main-slider:hover .owl-nav{
	opacity:1;
}

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

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

.main-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover{
	color:#ffaa00;
}

/* Sidebar Info Contents */

.sidebar-info-contents{
	position:relative;
}

.sidebar-info-contents .content-inner{
	position:relative;
}

.sidebar-info-contents .content-inner .logo {
	padding:0px 0px 40px;
}

.sidebar-info-contents .content-inner .logo img{
	display:inline-block;
	max-width:100%;	
}

.sidebar-info-contents .content-inner .content-box{
	position:relative;
}

.sidebar-info-contents .content-inner .content-box h2{
	position:relative;
	font-size:20px;
	color:#ffffff;
	font-weight:500;
	margin-bottom:20px;
}

.sidebar-info-contents .content-inner .content-box .text{
	position:relative;
	font-size:14px;
	color:rgba(255,255,255,0.90);
	margin-bottom:25px;
}

.sidebar-info-contents .content-inner .contact-info{
	position:relative;
	margin-top:60px;
}

.sidebar-info-contents .content-inner .contact-info h2{
	position:relative;
	font-size:20px;
	color:#ffffff;
	font-weight:500;
	margin-bottom:20px;
}

.sidebar-info-contents .content-inner .social-box{
	position:relative;
	margin-top:20px;
	margin-bottom:30px;
}

.sidebar-info-contents .content-inner .social-box li{
	position:relative;
	display:inline-block;
	margin-right:6px;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.sidebar-info-contents .content-inner .social-box li a{
	position:relative;
	width:36px;
	height:36px;
	color:#222222;
	z-index:1;
	font-size:13px;
	line-height:36px;
	text-align:center;
	border-radius:50%;
	display:inline-block;
	background-color:#ffffff;
}

.close-side-widget,
.close-side-widget:hover{
	color:#ffffff;
	font-size:24px;
}

/*** 

====================================================================
	Main Slider Two
====================================================================

***/

.main-slider-two{
	position:relative;
}

.main-slider-two .content-boxed{
	position:relative;
	width:55%;
	float:right;
}

.main-slider-two .slide{
	position:relative;
	padding:230px 0px 260px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.main-slider-two h1{
	position:relative;
	color:#222222;
	font-weight:600;
	line-height:1.2em;
	margin-bottom:30px;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.main-slider-two .active h1{
	opacity: 1;
	transform: scaleY(1);
	transition-delay: 300ms;
}

.main-slider-two .text{
	position:relative;
	color:#666666;
	font-size:16px;
	opacity:0;
	transform: scaleY(0);
	transform-origin: top;
	line-height: 1.9em;
	font-weight:400;
	margin-bottom:42px !important;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.main-slider-two .active .text{
	opacity: 1;
	transform: scaleY(1);
	transition-delay: 600ms;
}

.main-slider-two .link-box{
	opacity:0;
	transform: scaleY(0);
	transform-origin: top;
	display:inline-block;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.main-slider-two .active .link-box{
	opacity: 1;
	transform: scaleY(1);
	transition-delay: 900ms;
}

.main-slider-two .link-box .theme-btn{
	margin-right:20px;
	float:left;
}

.main-slider-two .owl-dots{
	position:absolute;
	right:110px;
	top:50%;
	display:none;
}

.main-slider-two .owl-dots .owl-dot{
	position:relative;
	width:16px;
	height:16px;
	margin-bottom:10px;
	border-radius:50px;
	background-color:#ffffff;
	margin-bottom:10px;
}

.main-slider-two .owl-dots .owl-dot:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0;
	border-radius:50px;
	border:3px solid #0a1495;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.main-slider-two .owl-dots .owl-dot.active:before,
.main-slider-two .owl-dots .owl-dot:hover::before{
	opacity:1;
}

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

.main-slider-two:hover .owl-nav{
	opacity:1;
}

.main-slider-two .owl-nav .owl-prev{
	position:absolute;
	left:20px;
	width:60px;
	height:60px;
	color:#0a1495;
	line-height:56px;
	font-size:24px;
	text-align:center;
	border-radius:50px;
	background-color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border:2px solid #0a1495;
}

.main-slider-two .owl-nav .owl-next{
	position:absolute;
	right:20px;
	color:#0a1495;
	font-size:24px;
	width:60px;
	height:60px;
	color:#0a1495;
	line-height:56px;
	border-radius:50px;
	text-align:center;
	background-color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border:2px solid #0a1495;
}

.main-slider-two .owl-nav .owl-prev:hover,
.main-slider-two .owl-nav .owl-next:hover{
	color:#ffffff;
	background-color:#0a1495;
}

/*** 

====================================================================
	Main Slider Three
====================================================================

***/



/*** 

====================================================================
	Featured Section
====================================================================

***/

.featured-section{
	position:relative;
}

/*Custom Select*/

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

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

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

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

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

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

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

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

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

/*** 

====================================================================
	Search Popup
====================================================================

***/

.search-popup{
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	z-index: 99999;
	margin-top: -540px;
	transform: translateY(-100%);
	background-color: rgba(0,0,0,0.90);
    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

.sidenav-bar-visible .search-popup{
	width: 80%;
}

.search-popup:before{
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 560px;
	background-image: url(../images/icons/waves-shape.html);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-top: 0px;
	content: "";
}

.search-active .search-popup{
	transform: translateY(0%);
	margin-top: 0;
}

.search-popup .close-search{
	position: absolute;
	left: 0;
	right: 0;
	top: 75%;
	margin: 0 auto;
	margin-top: -200px;
	border-radius: 50%;
	text-align: center;
	background-color: #c12b29;
	width: 70px;
	cursor:pointer;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	border-bottom: 3px solid #ffffff;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	opacity: 0;
	visibility: hidden;
}

.search-popup .close-search span{
	position: relative;
	display: block;
	height: 70px;
	width: 70px;
	font-size: 30px;
	line-height: 70px;
	color: #ffffff;
}

.search-active .search-popup .close-search{
	visibility: visible;
	opacity: 1;
	top: 50%;
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.search-popup form{
	position: absolute;
	max-width: 700px;
	top: 50%;
	left: 15px;
	right: 15px;
	margin:-35px auto 0;
	transform: scaleX(0);
	transform-origin: center;
	background-color: #111111;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.search-active .search-popup form{
	transform: scaleX(1);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.search-popup .form-group{
	position:relative;
	margin:0px;	
	overflow: hidden;
}

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"]{
	position:relative;
	display:block;
	font-size:18px;
	line-height: 50px;
	color:#000000;
	height:70px;
	width:100%;
	padding: 10px 30px;
	background-color: #ffffff;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	font-weight:500;
	text-transform:capitalize;
}

.search-popup .form-group input[type="submit"],
.search-popup .form-group button{
	position:absolute;
	right:30px;
	top:0px;
	height:70px;
	line-height: 70px;
	background: transparent;
	text-align:center;
	font-size:24px;
	color:#000000;
	padding: 0;
	cursor:pointer;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover{
	color: #000000;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder{
	color:#000000;
}

/*** 

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

***/

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

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

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

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

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

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

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

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

.mobile-menu .menu-box{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #ffffff;
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 0px;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box{
	opacity: 1;
	visibility: visible;
	-webkit-transition:all 0.7s ease 500ms;
	-moz-transition:all 0.7s ease 500ms;
	-ms-transition:all 0.7s ease 500ms;
	-o-transition:all 0.7s ease 500ms;
	transition:all 0.7s ease 500ms;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

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

.mobile-menu-visible .mobile-menu .close-btn{
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

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

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

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

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

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

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

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

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

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

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

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



/*** 

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

***/

.services-section{
	position:relative;
	padding: 20px;
}

.services-section .consult{
	position:relative;
	text-align:right;
	color:#222222;
	font-size:16px;
	margin-top:15px;
}

.services-section .consult a{
	font-weight:600;
	color:#d1651a;
}

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

.services-section .patern-layer{
	position:absolute;
	left:0px;
	top:120px;
	height:370px;
	width:50%;
}

.services-section .owl-nav{
	display:none;
}

.services-section .owl-dots{
	position:relative;
	text-align:center;
}

.services-section .owl-dots .owl-dot{
	position:relative;
	width:10px;
	height:10px;
	margin-left:10px;
	border-radius:50px;
	display:inline-block;
	background-color:#222222;
}

.services-section .owl-dots .owl-dot.active,
.services-section .owl-dots .owl-dot:hover{
	background-color:#c33228;
}

/* Service Block */

.service-block{
	position:relative;
	z-index:1;
	margin-bottom:60px;
}

.service-block .inner-box{
	position:relative;
	padding:45px 55px 70px;
	background-color:#ffffff;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	box-shadow:0px 0px 10px rgba(0,0,0,0.15);
}

.service-block .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:100%;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	background-image: -ms-linear-gradient(bottom, #D1641A 0%, #C2292A 100%);
	background-image: -moz-linear-gradient(bottom, #D1641A 0%, #C2292A 100%);
	background-image: -o-linear-gradient(bottom, #D1641A 0%, #C2292A 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #D1641A), color-stop(100, #C2292A));
	background-image: -webkit-linear-gradient(bottom, #D1641A 0%, #C2292A 100%);
	background-image: linear-gradient(to top, #D1641A 0%, #C2292A 100%);
}

.service-block .inner-box:hover::before{
	width:100%;
}

.service-block .inner-box .content-box{
	position:relative;
	overflow:hidden;
}

.service-block .inner-box .icon-box{
	position:relative;
}

.service-block .inner-box .icon-box .icon{
	position:relative;
	line-height:1em;
	color:#d1641b;
	line-height:1em;
	font-size:70px;
	background: linear-gradient(to right, #d1641b 0%, #c1282a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.service-block .inner-box:hover .icon-box .icon{
	color:#ffffff;
	-webkit-text-fill-color:inherit;
}

.service-block .inner-box h5{
	position:relative;
	font-weight:600;
	margin-top:16px;
	margin-bottom:22px;
	padding-bottom:14px;
}

.service-block .inner-box h5 a{
	position:relative;
	color:#222222;
	line-height:1.3em;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.service-block .inner-box h5 a:hover{
	color:#d0631a;
}

.service-block .inner-box:hover .text,
.service-block .inner-box:hover h5 a{
	color:#ffffff;
}

.service-block .inner-box h5:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:3px;
	width:44px;
	background-image: -ms-linear-gradient(left, #D1641A 0%, #C2292A 100%);
	background-image: -moz-linear-gradient(left, #D1641A 0%, #C2292A 100%);
	background-image: -o-linear-gradient(left, #D1641A 0%, #C2292A 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D1641A), color-stop(100, #C2292A));
	background-image: -webkit-linear-gradient(left, #D1641A 0%, #C2292A 100%);
	background-image: linear-gradient(to right, #D1641A 0%, #C2292A 100%);
}

.service-block .inner-box:hover h5:before{
	background-image: -ms-linear-gradient(left, #ffffff 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(left, #ffffff 0%, #ffffff 100%);
	background-image: -o-linear-gradient(left, #ffffff 0%, #ffffff 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffffff), color-stop(100, #ffffff));
	background-image: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 100%);
	background-image: linear-gradient(to right, #ffffff 0%, #ffffff 100%);
}

.service-block .inner-box .text{
	position:relative;
	color:#222222;
	font-size:16px;
	line-height:1.8em;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.service-block .inner-box .big-icon{
	position:absolute;
	left:0px;
	bottom:0px;
	line-height:1em;
	color:#d1641b;
	line-height:1em;
	font-size:110px;
	opacity:0.2;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	background: linear-gradient(to right, #d1641b 0%, #c1282a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.service-block .inner-box:hover .big-icon{
	color:#ffffff;
	-webkit-text-fill-color:inherit;
}

.service-block .inner-box .arrow-box{
	position:absolute;
	right:-40px;
	bottom:-25px;
	width:50px;
	height:50px;
	opacity:0;
	color:#222222;
	line-height:50px;
	text-align:center;
	border-radius:50px;
	font-weight:700;
	font-size:20px;
	display:inline-block;
	background-color:#ffffff;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	box-shadow:0px 0px 10px rgba(0,0,0,0.12);
}

.service-block .inner-box:hover .arrow-box{
	right:30px;
	opacity:1;
} 

/*** 

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

***/

.counter-section{
	position:relative;
	padding:90px 0px 60px;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
}

.counter-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(34,34,34,0.80);
}

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

/*Fact Counter*/

.fact-counter{
	position:relative;
}

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

.fact-counter .column .inner{
	position:relative;
	width:230px;
	height:230px;
	margin:0 auto;
	text-align:center;
	padding:65px 20px;
	overflow:hidden;
	display:inline-block;
	border-radius:150px 150px 0px 150px;
	background-color:#363636;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.fact-counter .column .inner:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:100%;
	transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	background-image: -ms-linear-gradient(left, #D1641A 0%, #C2292A 100%);
    background-image: -moz-linear-gradient(left, #D1641A 0%, #C2292A 100%);
    background-image: -o-linear-gradient(left, #D1641A 0%, #C2292A 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D1641A), color-stop(100, #C2292A));
    background-image: -webkit-linear-gradient(left, #D1641A 0%, #C2292A 100%);
    background-image: linear-gradient(to right, #D1641A 0%, #C2292A 100%);
}

.fact-counter .column .inner:hover::before{
	width:100%;
}

.fact-counter .count-outer{
	position:relative;
	font-weight:700;
	color:#ffffff;
	font-size: 48px;
	line-height:1em;
}

.fact-counter .count-outer .count-text{
	position:relative;
	font-weight:700;
	color:#ffffff;
	font-size: 48px;
}

.fact-counter .column .counter-title{
	position:relative;
	font-size:26px;
	font-weight:500;
	color:#ffffff;
	margin-top:18px;
	line-height:1.3em;
	text-transform:capitalize;
	display:block;
}

.fact-counter .count-outer .text{
	position:relative;
	color:#ffffff;
	font-size:14px;
	margin-top:6px;
	font-weight:400;
} 

/*** 

====================================================================
	Testimonial Section
====================================================================

***/

.testimonial-section{
	position:relative;
	padding:95px 0px 100px;
	background-color:#000000;
}

.testimonial-section .patern-layer{
	position:absolute;
	right:0px;
	top:0px;
	left:0px;
	bottom:0px;
	background-repeat:no-repeat;
	background-position:right top;
}

.testimonial-section .client-thumb-outer{
	position:relative;
	max-width:900px;
	overflow:hidden;
	padding-top:45px;
	margin:0 auto;
	margin-bottom:30px;
}

.testimonial-section .client-thumb-outer .owl-item.active .thumb-item .thumb-box{
	z-index:999;
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

.testimonial-section .client-thumb-outer .client-thumbs-carousel{
	position: relative;
    max-width: 80px;
    margin: 0 auto;
	text-align:center;
}

.testimonial-section .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{
	overflow:visible;
}

.testimonial-section .client-thumb-outer .thumb-item .thumb-box{
	width:90px;
	height:90px;
	cursor:pointer;
	border-radius:0%;
	margin: 0 auto;
	overflow:hidden;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.testimonial-section .client-thumb-outer .thumb-item .author-info{
	position:relative;
	margin-left:-55px;
	margin-right:-70px;
	text-align:center;
	padding-top:20px;
}

.testimonial-section .client-thumb-outer .thumb-item .author-info .author-name{
	position:relative;
	color:#ffffff;
	font-weight:700;
	font-size:20px;
	text-transform:uppercase;
}

.testimonial-section .client-thumb-outer .thumb-item .author-info .designation{
	position:relative;
	color:#d1651a;
	font-weight:400;
	font-size:14px;
	margin-top:2px;
	text-transform:capitalize;
}

.testimonial-section .client-thumb-outer .owl-item{
	z-index:0;	
}

.testimonial-section .client-thumb-outer .owl-item.active{
	z-index:10;	
}

.testimonial-section .client-thumb-outer .client-thumbs-carousel .thumb-item img{
	overflow:hidden;
	width:100%;
	height:100%;
	display:block;
	border-radius:0%;
}

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

.testimonial-block{
	position:relative;
}

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

.testimonial-block .inner-box:before{
	position:absolute;
	content:'';
	left:50%;
	top:0px;
	width:3px;
	height:45px;
	background-image: -ms-linear-gradient(bottom, #D1641A 0%, #C2292A 100%);
	background-image: -moz-linear-gradient(bottom, #D1641A 0%, #C2292A 100%);
	background-image: -o-linear-gradient(bottom, #D1641A 0%, #C2292A 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #D1641A), color-stop(100, #C2292A));
	background-image: -webkit-linear-gradient(bottom, #D1641A 0%, #C2292A 100%);
	background-image: linear-gradient(to top, #D1641A 0%, #C2292A 100%);
}

.testimonial-block .inner-box .text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	line-height:1.8em;
}

.testimonial-block .inner-box .quote-outer{
	position:relative;
	width:180px;
	margin:0 auto;
	margin-top:35px;
}

.testimonial-block .inner-box .quote-outer:before{
	position:absolute;
	content:'';
	left:0px;
	top:15px;
	height:3px;
	width:100%;
	background-image: -ms-linear-gradient(left, #D1641A 0%, #C2292A 100%);
    background-image: -moz-linear-gradient(left, #D1641A 0%, #C2292A 100%);
    background-image: -o-linear-gradient(left, #D1641A 0%, #C2292A 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D1641A), color-stop(100, #C2292A));
    background-image: -webkit-linear-gradient(left, #D1641A 0%, #C2292A 100%);
    background-image: linear-gradient(to right, #D1641A 0%, #C2292A 100%);
}

.testimonial-block .inner-box .quote-outer .quote-icon{
	position:relative;
	margin:0 auto;
	width:36px;
	height:36px;
	color:#c1282a;
	line-height:36px;
	margin:0 auto;
	border-radius:50px;
	text-align:center;
	display:inline-block;
	background-color:#ffffff;
}

.testimonial-block .inner-box .rating{
	position:relative;
	text-align:center;
	margin-top:30px;
}

.testimonial-block .inner-box .rating .fa{
	position:relative;
	color:#d1651a;
	font-size:16px;
	margin:0px 2px;
}

/*** 

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

***/

.team-section{
	position:relative;
	padding:95px 0px 100px;
}

.team-section .owl-nav{
	display:none;
}

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

.team-section .owl-dots .owl-dot{
	position:relative;
	width:10px;
	height:10px;
	border-radius:50px;
	margin:0px 5px;
	display:inline-block;
	background-color:#d7d7d7;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-section .owl-dots .owl-dot.active,
.team-section .owl-dots .owl-dot:hover{
	background-color:#c1282a;
}

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

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

.team-block .inner-box .image{
	position:relative;
	padding-bottom:40px;
}

.team-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	filter: grayscale(100%);
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.team-block .inner-box:hover .image img{
	filter: grayscale(0%);
}

.team-block .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	bottom:0px;
	display:inline-block;
}

.team-block .inner-box .image .overlay-box .social-nav{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	display:block;
	padding:9px 20px 9px;
	background-color:#ffffff;
	border-radius:0px 8px 0px 0px;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.team-block .inner-box:hover .image .overlay-box .social-nav{
	top:-42px;
}

.team-block .inner-box .image .overlay-box .social-nav li{
	position:relative;
	margin-right:12px;
	display:inline-block;
}

.team-block .inner-box .image .overlay-box .social-nav li a{
	position:relative;
	color:#222222;
	font-size:16px;
}

.team-block .inner-box .image .overlay-box .social-nav li.facebook a{
	color:#16599b;
}

.team-block .inner-box .image .overlay-box .social-nav li.twitter a{
	color:#03a9f4;
}

.team-block .inner-box .image .overlay-box .social-nav li.google a{
	color:#ff0000;
}

.team-block .inner-box .image .overlay-box .social-nav li.linked a{
	color:#228abf;
}

.team-block .inner-box .image .overlay-box .content{
	position:relative;
	padding:20px 55px 20px 25px;
	background-color:#ffffff;
	border-radius:0px 0px 8px 0px;
	box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}

.team-block .inner-box .image .overlay-box .content h4{
	position:relative;
	line-height:1.3em;
	font-weight:700;
}

.team-block .inner-box .image .overlay-box .content h4 a{
	position:relative;
	color:#222222;
}

.team-block .inner-box .image .overlay-box .content .designation{
	position:relative;
	color:#d1651a;
	font-size:14px;
	margin-top:2px;
}
 

/*** 

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

***/

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

.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav{
	position:relative;
	display:none;
}

.clients-section .sponsors-outer .image-box{
	position:relative;
	text-align:center;
	margin:0px;
}

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

.clients-section .sponsors-outer .image-box img:hover{
	opacity:1;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
 
/*** 

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

***/

.services-section-two{
	position:relative;
	padding-top:100px;
	z-index:1;
}

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

/* Service Block Two */

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

.service-block-two .inner-box{
	position:relative;
	text-align:center;
	padding:30px 30px 30px;
	background-color:#ffffff;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	border:1px solid #ebebeb;
}

/*.service-block-two .inner-box:hover{
	border-color:#3240fe;
} */

.service-block-two .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	background-image: -ms-linear-gradient(left, #EEEFEF 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(left, #EEEFEF 0%, #ffffff 100%);
	background-image: -o-linear-gradient(left, #EEEFEF 0%, #ffffff 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #EEEFEF), color-stop(100, #ffffff));
	background-image: -webkit-linear-gradient(left, #EEEFEF 0%, #ffffff 100%);
	background-image: linear-gradient(to right, #EEEFEF 0%, #ffffff 100%);
}

.service-block-two .inner-box .icon-box{
	position:relative;
}

.service-block-two .inner-box .icon-box .icon{
	position:relative;
	line-height:1em;
	color:#101aa5;
	line-height:1em;
	font-size:54px;
	background: linear-gradient(to top, #101aa5 0%, #3240fe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.service-block-two .inner-box h4{
	position:relative;
	font-weight:500;
	margin-top:16px;
	margin-bottom:13px;
}

.service-block-two .inner-box h4 a{
	position:relative;
	color:#222222;
	line-height:1.3em;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.service-block-two .inner-box:hover h4 a{
	color:#3240fe;
}

.service-block-two .inner-box .text{
	position:relative;
	color:#222222;
	font-size:16px;
	line-height:1.8em;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.service-block-two .inner-box .border-one{
	position:absolute;
	right:-1px;
	top:-1px;
	bottom:-1px;
	left:-1px;
}

.service-block-two .inner-box .border-one:before{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	width:2px;
	height:0px;
	background-color:#101aa5;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.service-block-two .inner-box:hover .border-one:before{
	height:100%;
}

.service-block-two .inner-box .border-one:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:0px;
	height:2px;
	background-color:#101aa5;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.service-block-two .inner-box:hover .border-one:after{
	width:100%;
	transition-delay: 350ms;
}





.service-block-two .inner-box .border-two{
	position:absolute;
	right:-1px;
	top:-1px;
	bottom:-1px;
	left:-1px;
}

.service-block-two .inner-box .border-two:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:2px;
	height:0px;
	background-color:#101aa5;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.service-block-two .inner-box:hover .border-two:before{
	height:100%;
	transition-delay: 700ms;
}

.service-block-two .inner-box .border-two:after{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:2px;
	background-color:#101aa5;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.service-block-two .inner-box:hover .border-two:after{
	width:100%;
	transition-delay: 1100ms;
}

.service-block-two.style-two .inner-box .icon-box .icon{
	color:#c32e28;
    -webkit-text-fill-color:inherit;
}

.service-block-two.style-two .inner-box:hover{
	border-color:#c32e28;
}

/* .service-block-two .inner-box:hover h4 a{
	color:#3240fe;
} */

/*** 

====================================================================
	Counter Section Two
====================================================================

***/

.counter-section-two{
	position:relative;
	padding:225px 0px 70px;
}

.counter-section-two.margin-top{
	margin-top:-160px;
}

.counter-section-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(34,34,34,0.80);
}

/* Fact Counter */

.fact-counter-two{
	position:relative;
	background-attachment:fixed;
	background-size:cover;
}

.fact-counter-two .column{
	position:relative;
	margin-bottom:30px;
}

.fact-counter-two .column .inner{
	position:relative;
}

.fact-counter-two .count-outer{
	position:relative;
	padding-left:100px;
}

.fact-counter-two .column .inner .icon{
	position:absolute;
	width:80px;
	height:80px;
	left:0px;
	top:0px;
	color:#3241ff;
	font-size:44px;
	text-align:center;
	line-height:68px;
	font-weight: 400;
	margin-bottom:0px;
	border:5px solid rgba(255,255,255,0.10);
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.fact-counter-two .column .inner:hover .icon{
	color:#ffffff;
}

.fact-counter-two .column .inner:hover .icon{
	border-color:#3241ff;
}

.fact-counter-two .count-outer .percentage{
	display:inline-block;
	font-weight:600;
	color:#020e28;
	font-size:48px;
	line-height:1em;
}

.fact-counter-two .column .inner .count-outer{
	position:relative;
	font-weight:700;
	color:#ffffff;
	font-size:48px;
	line-height:1em;
	display:inline-block;
}

.fact-counter-two .column .inner .counter-title{
	position:relative;
	font-size:18px;
	font-weight:300;
	margin-top:10px;
	color:#bbbbbb;
	line-height:1.2em;
}

.fact-counter-two.style-two .column .inner .icon{
	color:#d0651a;
}

.fact-counter-two.style-two .column .inner:hover .icon{
	border-color:#d0651a;
}

/*** 

====================================================================
	Services Section Three
====================================================================

***/

.services-section-three{
	position:relative;
	padding:95px 0px 95px;
}

.services-section-three .lower-text{
	position:relative;
	text-align:center;
	color:#222222;
	font-size:16px;
}

.services-section-three .lower-text a{
	text-decoration:underline;
	color:#3241ff;
	font-weight:600;
}

.service-block-three{
	position:relative;
	margin-bottom:50px; 
}

.service-block-three .inner-box{
	position:relative;
}

.service-block-three .inner-box .image{
	position:relative;
	overflow:hidden;
	background-color:#2f3ef8;
}

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

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

.service-block-three .inner-box .lower-content{
	position:relative;
	text-align:center;
	padding:25px 25px 50px;
	border-bottom:1px solid #cccccc;
}

.service-block-three .inner-box .lower-content:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(1, 0);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	background-image: -ms-linear-gradient(top, #0A1496 0%, #313ffa 100%);
	background-image: -moz-linear-gradient(top, #0A1496 0%, #313ffa 100%);
	background-image: -o-linear-gradient(top, #0A1496 0%, #313ffa 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0A1496), color-stop(100, #313ffa));
	background-image: -webkit-linear-gradient(top, #0A1496 0%, #313ffa 100%);
	background-image: linear-gradient(to bottom, #0A1496 0%, #313ffa 100%);
}

.service-block-three .inner-box:hover .lower-content:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.service-block-three .inner-box h4{
	position:relative;
	line-height:1.3em;
	font-weight:700;
}

.service-block-three .inner-box h4 a{
	position:relative;
	color:#222222;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.service-block-three .inner-box:hover .text,
.service-block-three .inner-box:hover h4 a{
	color:#ffffff;
}

.service-block-three .inner-box .text{
	position:relative;
	color:#666666;
	font-size:16px;
	line-height:1.7em;
	margin-top:12px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.service-block-three .inner-box .lower-content .plus-box{
	position:absolute;
	left:0px;
	bottom:-20px;
	width:40px;
	height:40px;
	color:#ffffff;
	opacity:0;
	text-align:center;
	line-height:40px;
	border-radius:50px;
	font-weight:700;
	display:inline-block;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	background-image: -ms-linear-gradient(top, #0A1496 0%, #313ffa 100%);
	background-image: -moz-linear-gradient(top, #0A1496 0%, #313ffa 100%);
	background-image: -o-linear-gradient(top, #0A1496 0%, #313ffa 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0A1496), color-stop(100, #313ffa));
	background-image: -webkit-linear-gradient(top, #0A1496 0%, #313ffa 100%);
	background-image: linear-gradient(to bottom, #0A1496 0%, #313ffa 100%);
}

.service-block-three .inner-box:hover .lower-content .plus-box{
	left:50%;
	opacity:1;
	margin-left:-20px;
}

.service-block-three.style-two .inner-box .image{
	background-color:#d0651a;
}

.service-block-three.style-two .inner-box .lower-content:before{
	background-image: -ms-linear-gradient(top, #c22a29 0%, #d0641a 100%);
	background-image: -moz-linear-gradient(top, #c22a29 0%, #d0641a 100%);
	background-image: -o-linear-gradient(top, #c22a29 0%, #d0641a 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c22a29), color-stop(100, #d0641a));
	background-image: -webkit-linear-gradient(top, #c22a29 0%, #d0641a 100%);
	background-image: linear-gradient(to bottom, #c22a29 0%, #d0641a 100%);
}

.service-block-three.style-two .inner-box .lower-content .plus-box{
	background-color:#000000;
	background-image:none;
}
 

/*** 

====================================================================
	Team Section Two
====================================================================

***/

.team-section-two{
	position:relative;
	padding:95px 0px 100px;
	background-color:#f6f7ff;
}

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

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

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

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

.team-block-two .inner-box .lower-content{
	position:relative;
	background-color:#ffffff;
}

.team-block-two .inner-box .lower-content .social-nav{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	display:block;
	opacity:0;
	text-align:center;
	padding:9px 20px 9px;
	background-color:#ffffff;
	border-radius:0px 8px 0px 0px;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}

.team-block-two .inner-box:hover .lower-content .social-nav{
	bottom:-42px;
	opacity:1;
}

.team-block-two .inner-box .lower-content .social-nav li{
	position:relative;
	margin-right:15px;
	display:inline-block;
}

.team-block-two .inner-box .lower-content .social-nav li a{
	position:relative;
	color:#222222;
	font-size:16px;
}

.team-block-two .inner-box .lower-content .social-nav li.facebook a{
	color:#16599b;
}

.team-block-two .inner-box .lower-content .social-nav li.twitter a{
	color:#03a9f4;
}

.team-block-two .inner-box .lower-content .social-nav li.google a{
	color:#ff0000;
}

.team-block-two .inner-box .lower-content .social-nav li.linked a{
	color:#228abf;
}

.team-block-two .inner-box .lower-content .content{
	position:relative;
	text-align:center;
	padding:20px 20px 20px 20px;
	background-color:#ffffff;
	border-radius:0px 0px 8px 0px;
	box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}

.team-block-two .inner-box .lower-content .content h4{
	position:relative;
	line-height:1.3em;
	font-weight:700;
}

.team-block-two .inner-box .lower-content .content h4 a{
	position:relative;
	color:#222222;
}

.team-block-two .inner-box .lower-content .content .designation{
	position:relative;
	color:#3241ff;
	font-size:14px;
	margin-top:2px;
}
 

/*** 

====================================================================
	Main Slider Three
====================================================================

***/

.main-slider-three{
	position:relative;
}

.main-slider-three .social-nav{
	position:absolute;
	left:40px;
	bottom:60px;
	z-index:2;
}

.main-slider-three .social-nav li{
	position:relative;
	margin-bottom:16px;
}

.main-slider-three .social-nav li a{
	position:relative;
	color:#ffffff;
	font-size:16px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-slider-three .social-nav li a:hover{
	color:#b27927;
}

.main-slider-three .text-boxed{
	position:absolute;
	left:50%;
	bottom:-115px;
	z-index:3;
	width:100%;
	max-width:585px;
	padding:40px 50px;
	display:inline-block;
	background-color:#000000;
}

.main-slider-three .text-boxed .box-text{
	position:relative;
	color:#ffffff;
	font-size:24px;
	line-height:1.8em;
}

.main-slider-three .slide:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:50%;
	height:100%;
	z-index:2;
	background:url(../images/main-slider/pattern-1.html) no-repeat;
	background-size:cover;
}

.main-slider-three .content-boxed{
	position:relative;
	z-index:3;
}

.main-slider-three .slide{
	position:relative;
	padding:230px 0px 260px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.main-slider-three .title{
	position:relative;
	color:#ffffff;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 24px;
	opacity: 0;
	letter-spacing:1px;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	
}

.main-slider-three .active .title{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.main-slider-three h1{
	position:relative;
	color:#ffffff;
	font-weight:600;
	line-height:1.2em;
	margin-bottom:30px;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.main-slider-three .active h1{
	opacity: 1;
	transform: scaleY(1);
	transition-delay: 1000ms;
}

.main-slider-three .text{
	position:relative;
	color:#eeeeee;
	font-size:16px;
	opacity:0;
	transform: scaleY(0);
	transform-origin: top;
	line-height: 1.9em;
	font-weight:400;
	margin-bottom:42px !important;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.main-slider-three .active .text{
	opacity: 1;
	transform: scaleY(1);
	transition-delay: 1500ms;
}

.main-slider-three .link-box{
	opacity:0;
	transform: scaleY(0);
	transform-origin: top;
	display:inline-block;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.main-slider-three .active .link-box{
	opacity: 1;
	transform: scaleY(1);
	transition-delay: 2000ms;
}

.main-slider-three .link-box .theme-btn{
	margin-right:20px;
	float:left;
}

.main-slider-three .owl-dots{
	position:absolute;
	right:110px;
	top:50%;
	display:none;
}

.main-slider-three .owl-dots .owl-dot{
	position:relative;
	width:16px;
	height:16px;
	margin-bottom:10px;
	border-radius:50px;
	background-color:#ffffff;
	margin-bottom:10px;
}

.main-slider-three .owl-dots .owl-dot:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0;
	border-radius:50px;
	border:3px solid #d1651a;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.main-slider-three .owl-dots .owl-dot.active:before,
.main-slider-three .owl-dots .owl-dot:hover::before{
	opacity:1;
}

.main-slider-three .owl-nav{
	position:absolute;
	left:0px;
	top:50%;
	z-index:1;
	width:100%;
	margin-top:-10px;
	display:none;
}

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

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

.main-slider-three .owl-nav .owl-prev:hover,
.main-slider-three .owl-nav .owl-next:hover{
	color:#ffaa00;
} 

/*** 

====================================================================
	Services Section Four
====================================================================

***/

.services-section-four{
	position:relative;
	padding:95px 0px 95px;
}

.services-section-four .sec-title{
	margin-bottom:40px;
}

.services-section-four:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.90);
}

.services-section-four .owl-nav{
	display:none;
}

.services-section-four .owl-dots{
	position:relative;
	text-align:center;
	margin-top:30px;
}

.services-section-four .owl-dots .owl-dot{
	position:relative;
	width:10px;
	height:10px;
	border-radius:50px;
	margin:0px 5px;
	display:inline-block;
	background-color:#ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.services-section-four .owl-dots .owl-dot.active,
.services-section-four .owl-dots .owl-dot:hover{
	background-color:#b07726;
}

.services-section-four .lower-text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	margin-top:30px;
	text-align:center;
}

.services-section-four .lower-text a{
	position:relative;
	color:#b27927;
	text-decoration:underline;
}

/* Service Block Four */

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

.service-block-four .inner-box{
	position:relative;
}

.service-block-four .inner-box .image{
	position:relative;
}

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

.service-block-four .inner-box .lower-box{
	position:relative;
	margin-left:20px;
	margin-right:20px;
	padding:25px 20px;
	display:block;
	margin-top:-36px;
	background-color:#ffffff;
}

.service-block-four .inner-box .lower-box:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:100%;
	height:0px;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	background-image: -ms-linear-gradient(right, #B17827 0%, #5E3C1A 100%);
	background-image: -moz-linear-gradient(right, #B17827 0%, #5E3C1A 100%);
	background-image: -o-linear-gradient(right, #B17827 0%, #5E3C1A 100%);
	background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #B17827), color-stop(100, #5E3C1A));
	background-image: -webkit-linear-gradient(right, #B17827 0%, #5E3C1A 100%);
	background-image: linear-gradient(to left, #B17827 0%, #5E3C1A 100%);
}

.service-block-four .inner-box:hover .lower-box:before{
	height:100%;
}

.service-block-four .inner-box .lower-box .lower-inner{
	position:relative;
	padding-left:56px;
}

.service-block-four .inner-box .lower-box .lower-inner .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#b17827;
	line-height:1em;
	font-size:32px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-four .inner-box:hover .lower-box .lower-inner .icon{
	color:#b07826;
}

.service-block-four .inner-box .lower-box .lower-inner h4{
	position:relative;
	font-weight:600;
	line-height:1.3em;
}

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

.service-block-four .inner-box:hover .lower-box .lower-inner h4 a{
	color:#ffffff;
}
 

/*** 

====================================================================
	Testimonial Section Two
====================================================================

***/

.testimonial-section-two{
	position:relative;
	padding:95px 0px 120px;
	background-color:#f5f5f5;
}

.testimonial-section-two.style-two{
	background-color:#ffffff;
	padding-bottom:70px;
}

.testimonial-section-two.style-two .testimonial-block-two{
	margin-bottom:60px;
}

.testimonial-block-two{
	position:relative;
}

.testimonial-block-two .inner-box{
	position:relative;
	padding-top:70px;
	text-align:center;
	border-radius:8px;
	padding:50px 35px 0px;
}

.testimonial-block-two .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:70px;
	border-radius:8px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	box-shadow:0px 0px 10px rgba(0,0,0,0.12);
	background-image:url(../images/background/pattern-10.html);
}

.testimonial-block-two .inner-box:hover::before{
	background-image:none;
	background-color:#ffffff;
}

.testimonial-block-two .inner-box .text{
	position:relative;
	font-size:16px;
	line-height:1.8em;
}

.testimonial-block-two .inner-box .rating{
	position:relative;
	color:#b27927;
	margin-top:10px;
	font-size:16px;
}

.testimonial-block-two .inner-box h4{
	position:relative;
	color:#222222;
	line-height:1.4em;
	font-weight:700;
	margin-top:10px;
}

.testimonial-block-two .inner-box .designation{
	position:relative;
	color:#777777;
	font-size:16px;
	line-height:1.3em;
	margin-top:10px;
	margin-bottom:25px;
}

.testimonial-block-two .inner-box .author-image{
	position:relative;
}

.testimonial-block-two .inner-box .author-image .image{
	position:relative;
	width:133px;
	height:133px;
	border-radius:50%;
	overflow:hidden;
	margin:0 auto;
}

.testimonial-block-two .inner-box .author-image .quote-icon{
	position:absolute;
	left:50%;
	bottom:-20px;
	color:#ffffff;
	width:40px;
	height:40px;
	margin-left:-20px;
	line-height:40px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	background-color:#b27927;
}

.testimonial-block-two.style-two .inner-box .rating{
	color:#d1651a;
}

.testimonial-block-two.style-two .inner-box .author-image .quote-icon{
	background-color:#c1282a;
}
 

























/*** 
    Slider Section
=========================***/
.slider-section {
  position: relative
}
.main-slider-inner {
  position: relative;
  background-size: cover
}
.main-slider1, .main-slider2, .main-slider3, .main-slider4 {
  overflow: hidden
}
.main-slider-inner .inner-box {
  position: relative;
  text-align: left
}
.main-slider-inner .inner-box h1 {
  line-height: 1em;
  font-size: 62px;
  font-weight: 700
}
.main-slider-inner .inner-box .text {
  position: relative;
  color: #000;
  font-size: 24px;
  margin-top: 30px;
  margin-bottom: 40px
}
.main-slider1 .inner-box h1 {
  color: #007ef2
}
.slider-shape1 {
  position: absolute;
  right: -70px;
  top: 0
}
.main-slider2 .inner-box {
  text-align: left
}
.main-slider2 .inner-box h1 {
  color: #007ef2
}
.main-slider3 .slider-shape2 {
  position: absolute;
  top: 0px;
  right: 0
}
.main-slider3 .inner-box h1 {
  color: #fa0
}
.main-slider3 .inner-box {
  text-align: left
}
.main-slider4 .slider-shape3 {
  position: absolute;
  right: -120px;
  top: -206px
}
.main-slider1 .slider-animated-shape .Zoom-animated {
  top: 10%;
  left: 7%
}
.main-slider1 .slider-animated-shape .TopBottom-animated {
  left: 5%;
  bottom: 10%
}
.main-slider1 .slider-animated-shape .LeftRight-animated {
  bottom: 168px;
  left: 37%
}
.main-slider2 .slider-animated-shape .Zoom-animated {
  top: 18%;
  left: 52%
}
.main-slider2 .slider-animated-shape .TopBottom-animated {
  left: 171px;
  bottom: 111px;
  animation: IT_animation_2 12s infinite linear alternate;
  position: absolute
}
.main-slider2 .slider-animated-shape .Round-animated {
  bottom: 89px;
  right: 146px;
  left: auto
}
.main-slider2 .slider-animated-shape .Runing-animated {
  bottom: 48%;
  left: 42%
}
.main-slider3 .slider-animated-shape .Zoom-animated {
  margin: 0 auto;
  text-align: center;
  left: -135px;
  right: 0;
  top: 71px
}
#main_slider .carousel-indicators {
  bottom: 106px
}
#main_slider .carousel-indicators li {
  width: 36px;
  height: 6px;
  background-color: rgb(0, 126, 242)
}
.carousel-indicators .active {
  background-color: rgb(249, 140, 12) !important
}
.agent-button .theme-btn.btn-style-one {
  font-size: 13px;
  font-weight: 400;
  padding: 10px 16px 10px
}
.TopBottom-animated {
  left: 0;
  bottom: 0;
  animation: IT_animation_2 12s infinite linear alternate;
  position: absolute
}
.LeftRight-animated {
  animation: IT_animation_1 12s infinite linear alternate;
  bottom: 0;
  left: 0;
  position: absolute
}
.Runing-animated {
  animation: IT_animation_4 12s infinite linear alternate;
  bottom: 0;
  left: auto;
  position: absolute;
}
.Round-animated {
  position: absolute;
  bottom: 0;
  left: 0;
  animation: rotated360 12s infinite linear
}
.Zoom-animated {
  position: absolute;
  animation: moveScale 3s linear infinite
}
/*** 
1.7  Viosn Area
============================***/
.home-benefits-section {
	position: relative;
	padding: 120px 0px 60px;
	background: #f2f3f7;
}
.home-benefits-section .inner-container {
  position: relative
}
.home-benefits-section .inner-container:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 55px;
  right: 0px;
  height: 2px;
  background: #daf3f5;
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #daf3f5, rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #daf3f5, rgba(0, 0, 0, 0));
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0), #daf3f5, rgba(0, 0, 0, 0));
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0), #daf3f5, rgba(0, 0, 0, 0));
  width: 57%;
  margin: 0 auto
}
.benefits-block {
  position: relative;
  margin-bottom: 30px
}
.benefits-inner-box {
  position: relative;
  text-align: center
}
.benefits-inner-box .icon {
	position: relative;
	width: 110px;
	height: 110px;
	color: #ffffff;
	font-size: 48px;
	line-height: 110px;
	border-radius: 50%;
	margin: 0 auto;
	font-family: "flaticon";
	transition: all 600ms ease;

	box-shadow: 6px 6px 12px #e1e4f2,-6px -6px 12px #fff;
}
.benefits-block .benefits-inner-box:hover .icon {
  -webkit-transform: scale(-1) rotate(180deg);
  -moz-transform: scale(-1) rotate(180deg);
  -ms-transform: scale(-1) rotate(180deg);
  -o-transform: scale(-1) rotate(180deg);
  transform: scale(-1) rotate(180deg);
  background: linear-gradient(-90deg, #e02744 0%, #db102f 100%)
}
.benefits-icons {
  width: 75px;
  position: relative;
  top: -13px
}
.benefits-content {
  position: relative;
  padding-top: 22px
}
.benefits-content h4 {
  color: #0e0e0e
}
.benefits-content .text {
  position: relative;
  margin-top: 10px;
  color: #383838;
  line-height: 1.7em
}
@keyframes web-app-floating {
  from {
    transform: rotate(0deg) translate(-10px) rotate(0deg)
  }
  to {
    transform: rotate(360deg) translate(-10px) rotate(-360deg)
  }
}
.home-benefits-section .Zoom-animated {
  left: 10%
}
.home-benefits-section .LeftRight-animated {
  bottom: 222px;
  left: auto;
  right: 100px
}
.home-benefits-section .TopBottom-animated {
  left: 60px;
  bottom: 50px
}
/* Benifits section
------------------------ */
#benifits {
  margin-top: -90px;
}
#benifits .benifits-content {
  position: relative;
  z-index: 1;
  clip-path: polygon(2% 0, 100% 0%, 98% 100%, 0% 100%);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  #benifits .benifits-content {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  }
}
#benifits .benifits-content::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #3a3289;
  z-index: -1;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  #benifits .benifits-content::before {
    background-color: transparent;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  #benifits .benifits-content .benifits-content-detl {
    display: block !important;
  }
}
#benifits .benifits-content .heading {
  background-color: #B0041F;
  padding: 30px 25px 20px 40px;
  width: 33.3%;
  clip-path: polygon(4% 0, 100% 0%, 91% 100%, 0% 100%);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  #benifits .benifits-content .heading {
    width: 100%;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    text-align: center;
    padding: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #benifits .benifits-content .heading {
    padding: 50px 0 50px 30px;
  }
}
#benifits .benifits-content .content {
  padding: 30px 20px 20px 40px;
  width: 33.3%;
  clip-path: polygon(2% 0, 100% 0%, 98% 100%, 0% 100%);
  position: relative;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  #benifits .benifits-content .content {
    text-align: center;
    width: 100%;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    border-top: 1px solid #222;
    background-color: #111111;
    padding: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #benifits .benifits-content .content {
    padding: 50px 0 50px 20px;
  }
}
#benifits .benifits-content h3 {
  color: #fbfbfb;
  margin-bottom: 7px;
  font-size: 20px;
  font-weight: 600;
}
#benifits .benifits-content h3 span {
  display: block;
}
#benifits .benifits-content h4 {
  color: #ffffff;
}
#benifits .benifits-content .content:last-child::before {
  display: none;
}
#benifits .benifits-content p {
  color: #fff;
}
/*** 
     About Section
=============================***/
.about-section {
  position: relative;
  padding: 40px 0px 0px
}
.about-section .pattern-layer-one {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 431px;
  height: 275px;
  right: 0;
  margin: 0 auto
}
.about-section .pattern-layer-two {
  position: absolute;
  right: 0px;
  bottom: -90px;
  width: 431px;
  height: 275px;
  background-repeat: no-repeat
}
.about-section .content-column {
  position: relative;
  margin-bottom: 30px
}
.aboutus-img {
  z-index: 1;
  position: relative;
}
.about-section .content-column .inner-column {
  position: relative
}
.about-section .content-column .sec-title {
  margin-bottom: 25px
}
.about-section .content-column .sec-title .text {
  font-size: 16px;
  line-height: 1.9em;
  max-width: 420px
}
.about-content {
  padding-top: 22px
}
.about-section .content-column .sec-title .text span {
  font-weight: 600;
  color: #101010
}
.about-section .content-column .btn-box {
  position: relative;
  margin-bottom: 40px
}
.about-section .content-column .consultio-list {
  position: relative;
  padding-left: 25px;
  padding-top: 12px;
  padding-bottom: 5px;
  border-left: 1px solid #e6e6e6
}
.about-section .content-column .consultio-list li:before {
  position: absolute;
  content: '';
  left: -28px;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50px;
  background-color: #0045ac
}
.about-section .content-column .consultio-list li {
  position: relative;
  color: #333333;
  margin-bottom: 12px;
}
.about-section .content-column .consultio-list li span {
  font-weight: 600;
}
.about-section .image-column {
  position: relative;
  margin-bottom: 30px
}
.about-section .image-column .color-layer {
  position: absolute;
  right: 65px;
  top: 35px;
  left: 100px;
  bottom: -60px;
  background-color: #e7e7e7
}
.about-section .image-column .inner-column {
  position: relative;
}
.about-section .image-column .image {
  position: relative;
  z-index: 1;
  display: inline-block
}
.about-section .image-column .image .pattern-layer {
  position: absolute;
  right: -26px;
  bottom: -26px;
  width: 123px;
  height: 125px;
  z-index: -1;
  background-repeat: no-repeat
}
.about-section .image-column .experiance-box {
  position: absolute;
  left: -80px;
  bottom: 0px;
  width: 255px;
  z-index: 1;
  padding: 28px 28px;
  background-color: #0045ac
}
.about-section .image-column .experiance-box h4 {
  color: #ffffff
}
.about-section .image-column .experiance-box .text {
  position: relative;
  color: #c6d3e6;
  font-size: 6px;
  line-height: 1.7em;
  margin-top: 10px
}
.about-section .image-column .experiance-box:before {
  position: absolute;
  content: '';
  right: 15px;
  top: 15px;
  width: 42px;
  height: 35px;
  background-image: url("../img/shapes/arrow-2.png");
  background-repeat: no-repeat
}
.about-section .Runing-animated {
  animation: IT_animation_5 12s infinite linear alternate;
  top: 0;
  right: 34%;
  z-index: 11;
}
/* About section
------------------------ */
.about-info {
  text-align: center;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  padding: 15px 10px;
  background-color: #111111;
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  -ms-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s;
  clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.about-info img {
  width: 60px;
  padding-bottom: 10px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about-info {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  }
}
.about-info.active i, .about-info.active .title {
  color: #ffffff;
}
.about-info.active {
  background-color: #3a3289;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about-info.active {
    background-color: #111111;
  }
}
.about-info:hover {
  background-color: #201A5F;
}
.about-info .icon i {
  font-size: 30px;
  color: #ffffff;
}
.about-info .title {
  color: #ffffff;
  font-weight: 400;
  font-size: 18px;
}
.about-info:hover i {
  color: #ffffff;
}
.about-info:hover .title {
  color: #ffffff;
}
.about-img-box {
  position: relative;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about-img-box {
    padding-left: 0;
  }
}
.about-img-box .content {
  position: absolute;
  top: 30%;
  right: -50px;
  transform: translateY(-30%);
  background-color: #ffffff;
  border-top: 5px solid #F55B14;
  padding: 20px 50px;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about-img-box .content {
    right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-img-box .content {
    right: 20px;
  }
}
.about-img-box .content span {
  color: #F55B14;
  font-size: 42px;
}
/*** 
    Service Section
==================================***/
.home-service-section {
  padding: 10px 0;
  position: relative;
  /*margin-top: -33px;*/
}
.service-bg-area {
  width: 116%;
  left: -10%;
  right: -10%;
  height: 450px;
  position: absolute;
  top: 0;
  background: #f2f3f7;
  transform: rotateZ(-4deg);
}
.service-inner {
  padding-top: 0px;
  position: relative
}
.service-inner .col-lg-4:nth-child(2) {
  /*transform: translateY(-40px)*/
}
.service-inner .col-lg-4:nth-child(3) {
  /*transform: translateY(-80px)*/
}
.service-inner .col-lg-4:nth-child(4) {
  /*transform: translateY(40px)*/
}
.service-inner .col-lg-4:nth-child(5) {
  /*transform: translateY(-35px)*/
}
.service-inner .col-lg-4:nth-child(6) {
  /*transform: translateY(-73px)*/
}
.blog-area {
	padding: 15px 45px;
	text-align: center;
	background: #fff;
	transition: 0.5s;
	box-shadow: 0px 1px 4px #e1e4f2, 0px 0px 0px #fff;
}

.blog-area:hover {
  transform: translateY(-10px)
}
.icon-service img {
	width: 100px;
}
.blog-area h3 {
  font-size: 18px;
  padding: 19px 0;
  font-weight: 600;
  color: #fb7428
}
.service-shape1 {
  position: absolute;
  top: -161px;
  left: -224px
}
.service-shape2 {
  position: absolute;
  right: -56px;
  bottom: 43px;
  z-index: -1
}
.home-service-section .Zoom-animated {
  left: auto;
  right: 58px;
  top: 50%
}
/* Services section
------------------------ */
#service-section {
  background:url("../img/bg/bg-shape.png");
  background-position: center;
  background-repeat: repeat;
}
#service-section .overlay {
  /* background-color: rgba(59, 51, 138, 0.19); */
  padding: 100px 0;
}
#service-section .service-block {
  position: relative;
  padding: 50px 30px;
    box-shadow: 6px 6px 12px #e1e4f2,-6px -6px 12px #fff;
}
#service-section .service-block:hover .service-btn a {
  color: #F55B14;
}
#service-section .service-block:hover .title {
  color: #000;
}
#service-section .service-block:hover p {
  color: #717171;
}
#service-section .service-block:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  /*! opacity: .05; */
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  -ms-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s;
}
#service-section .service-block:hover:before {
  width: 5%;
  background-color: #ffffff;
  opacity: .1;
  border-right: 5px solid #ffffff;
}
#service-section .service-block .icon i {
  color: #F55B14;
  font-size: 42px;
}
#service-section .service-block p {
	-webkit-transition: all linear 0.5s;
	-moz-transition: all linear 0.5s;
	-ms-transition: all linear 0.5s;
	-o-transition: all linear 0.5s;
	transition: all linear 0.5s;
	position: relative;
	color: #666666;
	font-size: 16px;
}
#service-section .service-block .title {
  color: #db1030;
  padding: 20px 0 5px;
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  -ms-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s;
  font-weight: 500;
}
#service-section .service-block .title:hover {
  color: #000;
}
#service-section .service-block .service-btn a {
  color: #7b7b7b;
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  -ms-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
}
#service-section .service-block .service-btn a:hover {
  color: #F55B14;
}
#service-section .service-block .service-btn a i {
  padding-left: 7px;
}
/* Works section
------------------------ */
.works-section {
  position: relative;
  background: #f2f3f7;
}
@media only screen and (min-width: 1461px) and (max-width: 1919px) {
  .how-we-works-block {
    padding: 5px;
    height: auto;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1460px) {
  #how-we-works-section .auto-container {
    width: 98%;
  }
  .how-we-works-block {
    padding: 5px;
    height: auto;
  }
  .how-we-works-block.active {
    background-color: #fff;
    padding: 5px;
  }
  .main-single-service .featured-content .pf-icon img {
    max-width: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .works-section {
    padding-top: 50px;
  }
}
.works-section .works-block {
  position: relative;
  padding-top: 20px;
  padding-left: 30px;
  padding-bottom: 30px;
  border-left: 1px solid #F55B14;
}
.works-section .works-block::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background-color: rgba(0, 0, 0, 0.02);
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  -ms-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s;
  z-index: -1;
}
.works-section .works-block span {
  display: block;
  color: #F55B14;
  font-weight: 600;
  font-size: 28px;
}
.works-section .works-block .title {
  margin: 15px 0;
}
.works-section .works-img-box {
  padding-left: 60px;
}
.counter-column .inner {
  background: #fff;
  padding: 15px;
  box-shadow: 6px 6px 12px #e1e4f2,-6px -6px 12px #fff;
}
.counter-column .inner .content {
  text-align: center;
}
.counter-column .inner .content .icon img {
  width: 90px;
}
.count-text {
  font-size: 35px;
  font-weight: 600;
  color: #dc1030;
}
.counter-title {
	font-size: 20px;
	color: #000;
}
.count-outer i {
  font-size: 35px;
  font-weight: 600;
  color: #dc1030;
}
@media (max-width: 991px) {
  .works-section .works-img-box {
    text-align: center;
  }
  .works-section {
    padding-top: 70px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .works-section .works-img-box {
    padding-left: 0;
    margin-top: 50px;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .works-section .works-img-box {
    padding-left: 0;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .works-section .works-img-box {
    margin-top: -163px;
  }
}
.works-section .works-img-box img {
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
}
.works-section .works-shape-01 {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  animation: workAnimate 3s linear infinite;
  background-color: #111111;
  padding: 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .works-section .works-shape-01 {
    display: none;
  }
}
@keyframes workAnimate {
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateX(20px);
  }
}
/*** 
    Counter Section
============================= ***/
.counter-section {
  position: relative;
  z-index: 2;
  padding: 15px 0px 50px
}
.counter-section .inner-container {
  position: relative;
  padding: 40px 0 0
}
.counter-section .inner-container:before {
  position: absolute;
  content: '';
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 150%;
  background-color: #ffffff
}
/* Fact Counter */
.fact-counter {
  position: relative
}
.fact-counter .column {
  position: relative;
  margin-bottom: 30px
}
.fact-counter .column .inner {
  position: relative
}
.fact-counter .column .inner .content {
  position: relative;
  padding-left: 70px
}
.fact-counter .column .inner .content:before {
  position: absolute;
  content: '';
  right: 20px;
  top: 0px;
  width: 2px;
  height: 100%;
  border-right: 2px dashed #dbdb
}
.fact-counter .column:last-child .inner .content:before {
  display: none
}
.fact-counter .column .inner .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #007ef2;
  font-size: 54px;
  text-align: center;
  line-height: 1em;
  font-weight: 500;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  font-family: "flaticon"
}
.fact-counter .column .inner:hover .icon {
  -webkit-transform: scale(-1) rotate(180deg);
  -moz-transform: scale(-1) rotate(180deg);
  -ms-transform: scale(-1) rotate(180deg);
  -o-transform: scale(-1) rotate(180deg);
  transform: scale(-1) rotate(180deg)
}
.fact-counter .column .inner .icon img {
  width: 65px
}
.fact-counter .count-outer .percentage {
  position: relative;
  font-weight: 700;
  color: #000000;
  font-size: 36px;
  line-height: 1em;
  font-family: 'Poppins', sans-serif
}
.fact-counter .column .inner .count-outer {
  position: relative;
  font-weight: 700;
  color: #1a2428;
  font-size: 36px;
  line-height: 1em;
  font-family: 'Poppins', sans-serif
}
.fact-counter .column .inner .counter-title {
  position: relative;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
  margin-top: 4px
}
.fact-counter .column .inner .count-outer i {
  position: relative;
  right: -6px;
  top: -15px;
  font-style: normal;
  color: #007ef2;
  font-size: 20px
}
/* Custom Select */
.form-group .ui-selectmenu-button.ui-button {
  width: 100%;
  display: block;
  height: 34px;
  line-height: 28px;
  padding: 2px 15px;
  border-radius: 0px;
  font-size: 14px;
  color: #111111;
  background-color: #ffffff;
  border: 1px solid #d6ebfe
}
.form-group .ui-button .ui-icon {
  background: none;
  position: relative;
  top: 2px;
  text-indent: 0px;
  color: #333333
}
.form-group .ui-button .ui-icon:before {
  font-family: 'FontAwesome';
  content: "\f107";
  position: absolute;
  right: 0px;
  top: 2px !important;
  top: 13px;
  width: 10px;
  height: 20px;
  display: block;
  color: #999999;
  line-height: 20px;
  font-size: 16px;
  text-align: center;
  z-index: 5;
  font-weight: 800
}
.ui-menu .ui-menu-item {
  font-size: 14px
}
.ui-menu .ui-menu-item:last-child {
  border: none
}
.ui-state-active, .ui-widget-content .ui-state-active {
  background: #095afe;
  border-color: #095afe
}
.ui-menu .ui-menu-item-wrapper {
  position: relative;
  display: block;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 24px
}
.ui-menu-item:hover {
  background-color: #095afe
}
/*** 
    vision Section
===================================***/
.vision-section {
  position: relative;
  padding: 63px 0px 50px;
  background-attachment: fixed;
  background-size: cover;
  margin-top: 76px
}
.vision-section .row {
  margin-top: -137px
}
.vision-section .pattern-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  height: 500px;
  z-index: 1;
  background-size: cover
}
.vision-section .pattern-layer:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0.84;
  background-color: #001352
}
.vision-section .pattern-layer:after {
  position: absolute;
  content: '';
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 243px;
  z-index: 1;
  background: url("../img/shapes/pattern-5.png") center bottom;
  background-repeat: repeat-x
}
.vision-boxes {
  margin-top: 30px;
  padding: 60px 40px;
  background-color: #ffffff;
  -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-box-shadow: 0px 3px 4px 0px rgba(38, 59, 94, 0.1);
  box-shadow: 0px 3px 4px 0px rgba(38, 59, 94, 0.1);
  z-index: 1;
  position: relative
}
.vision-boxes:hover {
  -webkit-transform: translateY(-16px);
  -ms-transform: translateY(-16px);
  transform: translateY(-16px);
  -webkit-box-shadow: 0px 30px 60px 0px rgba(38, 59, 94, 0.1);
  box-shadow: 0px 30px 60px 0px rgba(38, 59, 94, 0.1)
}
.icon_wrap {
  z-index: 1;
  position: relative;
  margin-bottom: 40px;
  display: inline-block
}
.icon_deco {
  opacity: 0;
  z-index: -1;
  line-height: 1;
  max-width: 10px;
  position: absolute;
  -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.icon_deco.icon_deco_1 {
  top: 10px;
  left: 10px
}
.icon_deco.icon_deco_2 {
  top: 10px;
  right: 10px
}
.icon_deco.icon_deco_3 {
  left: 10px;
  bottom: 10px
}
.icon_deco.icon_deco_4 {
  right: 10px;
  bottom: 10px
}
.vision-boxes:hover .icon_wrap .icon_deco {
  opacity: 1;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.vision-boxes:hover .icon_wrap .icon_deco.icon_deco_1 {
  top: -5px;
  left: -6px
}
.vision-boxes:hover .icon_wrap .icon_deco.icon_deco_2 {
  top: -6px;
  right: -2px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg)
}
.vision-boxes:hover .icon_wrap .icon_deco.icon_deco_3 {
  left: -6px;
  bottom: -6px
}
.vision-boxes:hover .icon_wrap .icon_deco.icon_deco_4 {
  right: -20px;
  bottom: 24px
}
.item_icon {
  z-index: 1;
  width: 80px;
  height: 80px;
  color: #ffffff;
  font-size: 48px;
  line-height: 80px;
  text-align: center;
  border-radius: 100%;
  display: inline-block
}
.item_icon.bg_gradient_blue {
  -webkit-box-shadow: 0px 10px 30px 0px rgba(44, 130, 237, 0.4);
  box-shadow: 0px 10px 30px 0px rgba(44, 130, 237, 0.4);
  background-image: -webkit-linear-gradient(50deg, #2c82ed 0%, #38d0fc 100%);
  background-image: -o-linear-gradient(50deg, #2c82ed 0%, #38d0fc 100%);
  background-image: linear-gradient(40deg, #2c82ed 0%, #38d0fc 100%)
}
.item_icon.bg_gradient_green {
  -webkit-box-shadow: 0px 10px 30px 0px rgba(87, 178, 42, 0.4);
  box-shadow: 0px 10px 30px 0px rgb(29, 114, 210, 0.5);
  background-image: -webkit-linear-gradient(50deg, #57b22a 0%, #77ea3d 100%);
  background-image: -o-linear-gradient(50deg, #57b22a 0%, #77ea3d 100%);
  background-image: linear-gradient(40deg, #0046b5 0%, #0046b5 100%)
}
.item_icon.bg_gradient_orange {
  -webkit-box-shadow: 0px 10px 30px 0px rgba(255, 155, 18, 0.4);
  box-shadow: 0px 10px 30px 0px rgba(18, 155, 255, 0.4);
  background-image: -webkit-linear-gradient(117deg, #ffb51c 0%, #ff8e0d 100%);
  background-image: -o-linear-gradient(117deg, #ffb51c 0%, #ff8e0d 100%);
  background-image: linear-gradient(-27deg, #1d72d2 0%, #1c71d2 100%)
}
.item_icon.bg_gradient_red {
  -webkit-box-shadow: 0px 10px 30px 0px rgba(255, 23, 23, 0.4);
  box-shadow: 0px 10px 30px 0px rgba(255, 23, 23, 0.4);
  background-image: -webkit-linear-gradient(50deg, red 0%, #ff5959 100%);
  background-image: -o-linear-gradient(50deg, red 0%, #ff5959 100%);
  background-image: linear-gradient(40deg, red 0%, #ff5959 100%)
}
.item_icon.bg_gradient_purple {
  -webkit-box-shadow: 0px 10px 30px 0px rgba(74, 39, 205, 0.4);
  box-shadow: 0px 10px 30px 0px rgba(74, 39, 205, 0.4);
  background-image: -webkit-linear-gradient(50deg, #5038ff 0%, #868aff 100%);
  background-image: -o-linear-gradient(50deg, #5038ff 0%, #868aff 100%);
  background-image: linear-gradient(40deg, #5038ff 0%, #868aff 100%)
}
.vision-title {
  margin-bottom: 20px
}
.icon_wrap .item_icon i {
  position: relative;
  top: -4px
}
.vision-title > a {
  font-size: 24px;
  color: #051441
}
.vision-boxes:hover .vision-title > a {
  color: #4154f1
}
.vision-boxes .details_btn {
  display: table;
  line-height: 1;
  color: #afb8ce;
  font-size: 48px;
  margin-left: -7px;
  margin-bottom: -20px
}
.vision-boxes .details_btn:hover {
  -webkit-transform: translateX(6px);
  -ms-transform: translateX(6px);
  transform: translateX(6px)
}
.vision-boxes:hover .details_btn {
  color: #4154f1
}
/*** 
     Steps Section
==============================***/
.benefits-section {
  position: relative;
	padding: 20px;
}
.benefits-section .auto-container {
  /*border-bottom: 1px solid #989898;
  padding-bottom: 10px*/
}
.benefits-section .pattern-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 80px;
  width: 100%;
  background-position: left bottom;
  background-repeat: no-repeat
}
.inner-benefits {
  padding-top: 76px
}
.benefits-blog:nth-child(2) {
  /*transform: translateY(-85px)*/
}
.benefits-blog:nth-child(3) {
  /*transform: translateY(-110px)*/
}
.benefits-blog {
  position: relative;
  margin-bottom: 30px
}
.benefits-blog .inner-box {
  position: relative;
  /*! box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.10); */
  padding: 15px;
  background: #fff;
  transition: 0.5s;
  box-shadow: 6px 6px 12px #e1e4f2,-6px -6px 12px #fff;
}
.benefits-blog .inner-box:hover {
  transform: translateY(-10px)
}
.benefits-blog .inner-box .step-number {
  position: absolute;
  right: 0px;
  bottom: -22px;
  font-size: 146px;
  font-weight: 900;
  display: block;
  line-height: 1em;
  background: linear-gradient(to bottom, #f5f5f5 0%, #fff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.benefits-blog .inner-box .icon {
  position: relative;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 30px;
  background-color: #ffffff;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.10)
}
.benefits-blog .inner-box h5 {
  margin-bottom: 12px
}
.benefits-blog .inner-box .text {
	position: relative;
	color: #666666;
	font-size: 16px;
	max-width: 300px;
}
.step-section .LeftRight-animated {
  bottom: auto;
  left: 115px;
  top: 0px
}
.step-section .TopBottom-animated {
  left: 12%;
  bottom: 121px
}
.step-section .step-shape {
  position: absolute;
  top: 0;
  right: 10%
}
.step-section .step-shape1 {
  position: absolute;
  bottom: 24%;
  right: 10%
}
/*** 
    choose Section
============================================***/
.choose-section {
  position: relative;
  padding: 100px 0px 60px
}
.choose-section::before {
  width: 116%;
  left: -10%;
  right: -10%;
  height: 531px;
  position: absolute;
  top: 0;
  /*! transform: rotateZ(4deg); */
  content: "";
  /*! background: #f4f4f4 */
}
.choose-section .owl-carousel .owl-stage-outer {
  padding-bottom: 40px
}
.choose-section .owl-nav {
  display: none
}
.choose-section .owl-dots {
  position: relative;
  text-align: center;
  margin-top: 0px
}
.choose-section .owl-dots .owl-dot {
  position: relative;
  width: 25px;
  height: 8px;
  cursor: pointer;
  margin: 0px 5px;
  border-radius: 50px;
  display: inline-block;
  background-color: #edf5fc;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease
}
.choose-section .owl-dots .owl-dot.active, .choose-section .owl-dots .owl-dot:hover {
  background-color: #007ef2
}
.choose-block {
  position: relative;
  margin-bottom: 0px
}
.choose-block .inner-box {
  position: relative;
  text-align: center;
  padding: 0px 30px 40px
}
.choose-block .inner-box .color-layer {
	position: absolute;
	left: 0px;
	top: 35px;
	right: 0px;
	bottom: 0px;
	background-color: #fff;
	background-position: right bottom;
	background-repeat: no-repeat;
	box-shadow: 6px 6px 12px #e1e4f2,-6px -6px 12px #fff;
}
.choose-block .inner-box .icon {
  position: relative;
  width: 104px;
  height: 104px;
  color: #ffffff;
  line-height: 102px;
  text-align: center;
  font-size: 50px;
  margin: 0 auto;
  display: block;
  font-family: "flaticon";
  background-color: #007ef2;
  border: 1px solid #d2e8fd
}
.choose-block .inner-box h4 {
  font-weight: 700;
  font-size: 24px;
  margin-top: 30px;
  color: #191919;
  margin-bottom: 15px
}
.choose-block .inner-box .text {
  position: relative;
  color: #383838;
  font-size: 16px;
  line-height: 1.8em
}
.choose-block .inner-box .icon-one {
  position: absolute;
  right: 10px;
  top: 46px;
  width: 33px;
  height: 31px;
  background-repeat: no-repeat
}
.choose-block .inner-box .icon-two {
  position: absolute;
  right: 0px;
  bottom: 46px;
  width: 173px;
  height: 235px;
  background-repeat: no-repeat
}
.choose-block .overlay-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  color: #ffffff;
  text-align: center;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center
}
.choose-block .inner-box:hover .overlay-box {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center
}
.choose-block .overlay-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle;
  padding: 10px 30px
}
.choose-block .overlay-inner .content {
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  padding: 25px 20px 0px;
  background-color: #007ef2e6;
  background-position: left center;
  background-repeat: no-repeat
}
.choose-block .overlay-inner .content h5 {
  font-size: 24px;
  margin-bottom: 5px
}
.choose-block .overlay-inner .content h5 a {
  position: relative;
  color: #ffffff;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease
}
.choose-block .overlay-inner .content h5 a:hover {
  color: #0e0e0e
}
.choose-block .overlay-inner .content .arrow {
  position: relative;
  width: 60px;
  bottom: -15px;
  height: 60px;
  color: #007ef2;
  margin-bottom: -15px;
  line-height: 60px;
  font-weight: 700;
  border-radius: 50px;
  display: inline-block;
  background-color: #ffffff;
  font-family: "flaticon";
  box-shadow: 0px 0px 15px rgba(0, 126, 242, 0.10);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease
}
.choose-block .overlay-inner .content .arrow:hover {
  background-color: #0e0e0e;
  color: #ffffff
}
/*** 
    Support Section
==================================***/
.support-section {
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center center
}
.support-section .content-box {
  position: relative;
  max-width: 440px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 60px 15px 60px
}
.support-section .content-box .color-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  height: 440px;
  background-color: #0045ac;
  transform: rotate(45deg);
  background-position: left top;
  background-repeat: no-repeat;
  outline: 2px dashed rgba(255, 255, 255, 0.20);
  outline-offset: -20px;
  transition: 0.5s
}
.support-section .available {
  position: relative;
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 30px
}
.support-section .available span {
  position: relative;
  display: block;
  font-weight: 700;
  color: #2ddaff
}
.support-section .call-title {
  position: relative;
  color: #ffffff;
  font-size: 18px;
  opacity: 0.80
}
.support-section .phone {
  position: relative;
  color: #2ddaff;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.3em;
  margin-bottom: 20px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease
}
.support-section .phone:hover {
  color: #ffffff
}
.support-section .chat-btn {
  position: relative;
  color: #0e0e0e;
  font-size: 18px;
  padding: 14px 30px;
  margin-top: 40px;
  border-radius: 50px;
  display: inline-block;
  background-color: #ffffff
}
.support-section .chat-btn strong {
  position: relative;
  color: #0380fc
}
.support-section .chat-btn .icon {
  position: relative;
  margin-right: 10px;
  top: 2px;
  color: #0380fc;
  font-family: "flaticon"
}
.support-section .chat-btn:before {
  position: absolute;
  content: '';
  left: -6px;
  right: -6px;
  bottom: -6px;
  top: -6px;
  border-radius: 50px;
  border: 2px solid #ffffff
}
.support-section .support {
  position: relative;
  margin-top: 20px;
  color: #ffffff;
  font-size: 18px;
  opacity: 0.80
}
/*** 
     Clients Section
============================***/
#client-section {
  position: relative;
  background: #fff;
}
#client-section::before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  height: 200px;
  width: 50%;
  background-color: #f4f4f4;
}
#client-section .client-active {
  margin-top: 127px;
  background-color: #f3f6ff;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.14);
  padding: 30px 30px 30px 0;
}
.clients-section {
  position: relative;
  padding: 28px 0px 35px;
  background: #fff;
}
.clients-section .sponsors-outer .owl-nav, .clients-section .sponsors-outer .owl-dots {
  display: none
}
.clients-section .sponsors-outer .image-box {
  position: relative;
  text-align: center;
  margin: 0px
}
.clients-section .sponsors-outer .image-box img {
  max-width: 100%;
  width: auto;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  opacity: 0.5;
  filter: grayscale(100%)
}
.clients-section .sponsors-outer .image-box img:hover {
  opacity: 1;
  -webkit-filter: grayscale(100%);
  filter: none
}
.clients-section .LeftRight-animated {
  bottom: auto;
  left: 10%;
  top: 50px
}
.clients-section .TopBottom-animated {
  left: auto;
  bottom: 0;
  right: 10%;
  top: 0;
  z-index: 1
}
.clients-section .Runing-animated {
  animation: IT_animation_5 12s infinite linear alternate;
  left: auto;
  right: 10%
}
/*** 
     Footer Section
================================***/
.footer-section {
  position: relative
}
.footer-section .shape {
  position: absolute;
  right: 80px;
  bottom: 106px
}
.footer-section .footer-bg-shape {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
  z-index: -1
}
@media screen and (max-width:1199px) {
  .footer-section .footer-bg-shape {
    display: none
  }
}
.path-shape {
  position: absolute;
  top: 165px;
  left: 40px;
  z-index: 1;
}
@media screen and (max-width:1199px) {
  .path-shape {
    top: 50px;
    left: 15px;
    max-width: 90%
  }
}
.footer-row {
  display: flex
}
@media screen and (max-width:1199px) {
  .footer-row {
    flex-wrap: wrap;
    margin: -30px 0
  }
}
.footer-row .footer-col {
  border-right: 1px solid #273581
}
@media screen and (min-width:1200px) {
  .footer-row .footer-col {
    flex: 1 0;
  }
}
@media screen and (max-width:1199px) {
  .footer-row .footer-col {
    width: 50%
  }
}
@media screen and (max-width:575px) {
  .footer-row .footer-col {
    width: 100%;
    margin-top: 0 !important
  }
}
@media screen and (max-width:1199px) {
  .footer-row .footer-col {
    margin: 30px 0
  }
}
.footer-row .footer-col:last-child {
  border-right: 0
}
@media screen and (max-width:1199px) {
  .footer-row .footer-col:last-child {
    margin-top: 0
  }
}
@media screen and (max-width:1199px) {
  .footer-row .footer-col:last-child .footer-widget {
    padding-bottom: 0
  }
}
@media screen and (max-width:767px) {
  .footer-row .footer-col:first-child .footer-widget {
    padding: 15px
  }
}
@media screen and (max-width:1199px) {
  .footer-row .footer-col:nth-child(3) {
    margin-top: 0
  }
}
@media screen and (max-width:1199px) {
  .footer-row .footer-col {
    border-right: 0
  }
}
.footer-row .footer-col .footer-widget {
  padding: 50px 15px 70px 15px
}
@media screen and (max-width:1199px) {
  .footer-row .footer-col .footer-widget {
    padding: 0 30px 15px
  }
}
@media screen and (max-width:767px) {
  .footer-row .footer-col .footer-widget {
    padding: 0 15px 15px
  }
}
.footer-top {
  padding: 100px 0
}
@media screen and (max-width:1199px) {
  .footer-top {
    background: #0a196f
  }
}
.footer-top .container {
  position: relative;
  z-index: 1
}
.footer-card {
  background: #02126ac4;
  border-radius: 15px
}
.footer-widget .footer-logo {
	display: block;
	margin-bottom: 10px;
}
.footer-logo img {
	width: 185px;
}
.footer-widget p {
  font-weight: 400;
  line-height: 1.687;
  color: #c6c9d8;
  font-size: 15px;
  margin-bottom: 35px
}
.footer-widget .title {
  color: #fff;
  font-weight: 500;
  line-height: 1;
  font-size: 22px;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
@media screen and (max-width:767px) {
  .footer-widget .title {
    font-size: 18px
  }
}
.footer-widget .title:after, .footer-widget .title:before {
  position: absolute;
  bottom: 0;
  content: "";
  height: 5px;
  border-radius: 5px
}
.footer-widget .title:before {
  width: 30px;
  left: 0;
  background: #fd762a
}
.footer-widget .title:after {
  background: #e6e9f5;
  width: 15px;
  left: 40px
}
.address li {
  font-weight: 400;
  line-height: 1.687;
  color: #fff;
  font-size: 16px;
  padding: 10px 0;
  border-bottom: 1px solid #273581
}
.address li:first-child {
  border-top: 1px solid #273581
}
.address li:last-child {
  border-bottom: none;
}
.address li .icon {
  background: #fd762a;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 20px;
  display: inline-block;
  margin-right: 10px;
  float: left;
}
.address li a {
  color: inherit
}
.address li a:hover {
  color: #fc7418
}
.footer-link {
  font-weight: 400;
  line-height: 2.533;
  color: #fff;
  font-size: 15px
}
.footer-link:hover {
  color: #fd762a;
  padding-left: 5px;
}
.footer-social {
  display: flex;
  flex-wrap: wrap
}
.footer-social-item:nth-child(2) .footer-social-link {
  border-left: 0;
  border-right: 0
}
.footer-social-link {
  border: 1px solid #273581;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 15px
}
.footer-social-link:hover {
  background: linear-gradient(90deg, #fc7318, #feb423);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent
}
.copy-right-section {
  padding: 20px 0;
  background: #111f73
}
.copy-right-section P {
  text-align: center;
  color: #c7cbdf
}
.copy-right-section P a {
  color: #fc7418
}
.copy-right-section P i {
  background: linear-gradient(90deg, #fc7318, #feb423);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.copyright ul li a i {
  border: 1px solid #fff;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  display: block;
  margin-left: 10px;
  font-size: 13px;
  clip-path: polygon(14% 0, 100% 0%, 87% 100%, 0% 100%);
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  -ms-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .copyright ul li a i {
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
.copyright .text {
  color: #fff;
  margin-bottom: 0;
}
.copyright ul li a i:hover {
  color: #F98911;
  border: 1px solid #F98911;
}
.develop-link {
  color: #ff7729;
  transition: 0.5s;
}
.develop-link:hover {
  color: #fff;
}
.path-svg {
  max-width: 127px;
  max-height: 305px;
  position: absolute;
  right: 80px;
  bottom: 106px;
  z-index: 1
}
@media screen and (max-width:767px) {
  .path-svg {
    right: 10px;
    bottom: 90px
  }
}
.cls-1 {
  isolation: isolate
}
.cls-2 {
  mix-blend-mode: multiply;
  fill: url(#radial-gradient)
}
.cls-3 {
  fill: url(#linear-gradient)
}
.cls-4 {
  fill: url(#linear-gradient-2)
}
.cls-5 {
  fill: #e2e9fa
}
.cls-6 {
  fill: #f0f4fc
}
.cls-7 {
  fill: #6e8fe4
}
.cls-8 {
  stroke: #2647c8;
  fill: none;
  stroke-width: 2;
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
  -webkit-animation: offset 5s linear infinite forwards;
  animation: offset 5s linear infinite forwards
}
@-webkit-keyframes offset {
  0% {
    stroke-dashoffset: 800
  }
  80% {
    stroke-dashoffset: 0
  }
  to {
    stroke-dashoffset: 0;
    fill: #2647c8
  }
}
@-webkit-keyframes sticky {
  0% {
    top: -200px;
  }
  100% {
    top: 0;
  }
}
@keyframes sticky {
  0% {
    top: -200px;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@-webkit-keyframes zoomInOut {
  0% {
    -webkit-transform: rotate(0deg) scale(0.7);
    transform: rotate(0deg) scale(0.7);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0.7);
    transform: rotate(360deg) scale(0.7);
    opacity: 0;
  }
}
@keyframes zoomInOut {
  0% {
    -webkit-transform: rotate(0deg) scale(0.7);
    transform: rotate(0deg) scale(0.7);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0.7);
    transform: rotate(360deg) scale(0.7);
    opacity: 0;
  }
}
@-webkit-keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-webkit-keyframes float-bob {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}
@keyframes float-bob {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}
@-webkit-keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@-webkit-keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.animate-zoominout {
  -webkit-animation-name: zoomInOut;
  animation-name: zoomInOut;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.animate-zoom-fade {
  -webkit-animation-name: zoom-fade;
  animation-name: zoom-fade;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animate-float-bob {
  -webkit-animation-name: float-bob;
  animation-name: float-bob;
  -webkit-animation-duration: 7s;
  animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animate-float-bob-x {
  -webkit-animation-name: float-bob-x;
  animation-name: float-bob-x;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animate-float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animate-rotate-me {
  -webkit-animation-name: rotateme;
  animation-name: rotateme;
  -webkit-animation-duration: 24s;
  animation-duration: 24s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
/*** 
     Animation
================================***/
@keyframes IT_animation_1 {
  0% {
    transform: translateX(0)
  }
  25% {
    transform: translateX(-40px)
  }
  50% {
    transform: translateX(0)
  }
  75% {
    transform: translateX(40px)
  }
  100% {
    transform: translateX(0)
  }
}
@keyframes IT_animation_2 {
  0% {
    transform: translateY(0)
  }
  25% {
    transform: translateY(-40px)
  }
  50% {
    transform: translateY(0)
  }
  75% {
    transform: translateY(40px)
  }
  100% {
    transform: translateY(0)
  }
}
@keyframes IT_animation_3 {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}
@keyframes IT_animation_4 {
  0% {
    transform: translate(-300px, 151px) rotate(0)
  }
  100% {
    transform: translate(251px, -200px) rotate(180deg)
  }
}
@keyframes IT_animation_5 {
  0% {
    transform: translate(0, 0) rotate(0)
  }
  20% {
    transform: translate(73px, -1px) rotate(36deg)
  }
  40% {
    transform: translate(111px, 72px) rotate(72deg)
  }
  60% {
    transform: translate(93px, 122px) rotate(108deg)
  }
  80% {
    transform: translate(-70px, 72px) rotate(124deg)
  }
  00% {
    transform: translate(0, 0) rotate(0)
  }
}
@-webkit-keyframes rotated360 {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg)
  }
  100% {
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg)
  }
}
/*============================
   Aboutus Page
============================*/
/*======= Page Title  =======*/
/*======= Page Title  =======*/
.page-title-area {
      padding-top: 100px;
    padding-bottom: 10px;
  background-color: #f6f9fc;
  position: relative;
  overflow: hidden;
}
.page-title-area .breadcrumb-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.breadcrumb-nav li i {
  font-size: 15px;
}
.breadcrumb-nav a {
  font-size: 20px;
  color: #dc1030;
}
.page-title-area .breadcrumb-nav li {
  font-weight: 500;
  color: #171e2f;
}
.page-title-area .page-title-effect img {
  position: absolute;
}
.page-title-area .page-title-effect .particle-1 {
  top: 30%;
  left: 15%;
}
.page-title-area .page-title-effect .particle-2 {
  top: 45%;
  left: 19%;
}
.page-title-area .page-title-effect .particle-3 {
  right: 26%;
  top: 20%;
}
.page-title-area .page-title-effect .particle-4 {
  left: 25%;
  bottom: 15%;
}
.page-title-area .page-title-effect .particle-5 {
  right: 15%;
  bottom: 36%;
}
/*============================
   Products Page
============================*/
.service-page-product {
  position: relative;
  padding: 15px 0
}
.service-page-area {
  padding: 100px 0
}
.service-inner-wrap {
  overflow: hidden;
  position: relative;
  box-shadow: 0.6em 0.6em 1.2em #e9f1fa, -0.5em -0.5em 1em #fff;
  transition: 0.5s;
}
.service-inner-wrap:hover {
  box-shadow: none;
  background: #fff
}
.service-inner-wrap::after {
  height: 0%;
  position: absolute;
  left: -50%;
  opacity: 0;
  transition: .5s;
  border-radius: 50%;
  top: 50%
}
.service-banner {
  margin-top: 126px;
  padding: 170px 0 430px;
  background: #f3f7ff url(../img/bg/service_page_bg.html);
  background-size: auto;
  background-position-x: left 0;
  position: relative;
  background-position-y: bottom 0
}
.services-banner-content h1::after {
  height: 4px;
  width: 104px;
  position: absolute;
  content: "";
  top: -7px;
  background: #fff;
  left: 0;
  right: 0
}
.services-banner-content h1 {
  font-size: 54px;
  font-weight: 800;
  font-family: sarabun;
  color: #232323
}
.services-banner-content p {
  font-size: 21px;
  font-family: sarabunregular;
  font-weight: 400;
  line-height: 33px;
  width: 55%
}
.service-wrap-heading .sub-heading {
  color: #fff;
  background: linear-gradient(-239deg, #2215a4 0, #4840ba 100%);
  padding: 10px 20px;
  font-size: 20px !important;
  font-weight: 500;
  text-align: center;
}
.service-block {
  padding: 15px 8px 15px 20px;
  z-index: 1;
  position: relative;
  text-align: center
}
.service-banner-title::after {
  height: 7px;
  width: 104px;
  position: absolute;
  content: "";
  top: -20px;
  background: #fff;
  margin: 0 auto;
  left: 0;
  right: 0
}
.service-inner-wrap a {
  width: 100%
}
.service-single-img {
  background: #eeeded;
  width: 90px;
  text-align: center;
  height: 100px;
  line-height: 100px;
  margin-right: 20px;
  position: relative;
  margin: 0 auto 24px;
  clip-path: polygon(50% 0, 100% 26%, 100% 75%, 50% 100%, 0% 75%, 0% 26%);
  transition: 0.5s
}
.service-img-part {
  background: #f7f8fc;
  width: 120px;
  text-align: center;
  margin: 0 auto;
  border-radius: 50%;
  height: 120px;
  line-height: 120px
}
.service-single-img img {
  width: 55px
}
.service-block h3 {
  color: #292929;
  font-size: 18px !important;
  font-weight: 600;
  transition: 0.5s;
}
.service-inner-wrap .service-block:hover .service-img-part {
  background: #fff
}
.service-inner-wrap .service-block:hover .service-single-img {
  background: #f0f2fb
}
.service-inner-wrap .service-block:hover img {
  filter: sepia(711%) hue-rotate(190deg) saturate(1258%)
}
.service-inner-wrap .service-block:hover h3 {
  color: #db1030 !important;
}
.text-content ul li {
  font-size: 17px;
  font-weight: 300;
  padding-bottom: 10px;
  color: #000;
  font-family: roboto
}
/**----------------------------------------------------------------------------

=============================== /** Contact Us Page   ========================

-----------------------------------------------------------------------------**/
.left-inner {
	background: linear-gradient(-239deg, #dc1030 0, #f83925 100%);
	padding: 15px;
	position: relative;
	height: 100%;
	box-shadow: 0.6em 0.6em 1.2em #d2dce9, -0.5em -0.5em 1em #fff;
	z-index: 1;
}
.heading-box {
  transform: rotate(-90deg);
  left: -134px;
  position: relative;
  top: 21px
}
.heading-box::before {
  background: #000;
  position: absolute;
  left: -103px;
  top: 19px;
  width: 100px;
  height: 3px;
  content: ""
}
.heading-box h3 {
  color: #000
}
.social-box {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	left: 0;
	right: 0
}
.social-box li {
	display: inline-block;
	margin: 10px;
}
.social-box a i {
  color: #fff;
  transition: 0.5s
}
.social-box a i:hover {
  transform: rotate(360deg);
  font-size: 20px
}
.col-md-8.contact-right {
  padding: 0
}
.contact-page-detail {
  padding: 15px 0;
  transition: 0.5s;
  font-size: 16px;
  background: #f2f3f7;
  box-shadow: 6px 6px 12px #e1e4f2, -6px -6px 12px #fff
}
.contact-info h2 {
  color: #000;
  font-size: 29px;
  text-align: center;
  padding-top: 15px
}
.contact-info p {
  text-align: center
}
.contact-info {
  padding: 20px 0
}
.left-inner .contact-info {
	padding-bottom: 0;
}
.contact-info h2 {
  color: #db1030;
  font-size: 24px;
  text-align: center;
  padding-bottom: 15px
}
.contact-info p {
  text-align: center;
  font-size: 17px
}
.contact-wrapper {
  padding-bottom: 10px
}
.row.contact-wrapper {
  background: #f2f3f7
}
.contact-wrap {
	text-align: left;
	padding-bottom: 30px;
}
.contact-detail-icon {
  float: left;
  width: 70px;
  margin-right: 20px;
  border-radius: 50%;
  height: 70px;
  text-align: center;
  box-shadow: 6px 6px 12px #e1e4f2, -6px -6px 12px #fff
}
.contact-detail p {
	margin: 0 !important;
}
.contact-wrap img {
  width: 40px;
  position: relative;
  top: 10px
}
.contact-detail h4 {
  font-size: 18px;
  color: #3a3288;
  font-weight: 500
}
.contact-wrap a {
  color: #000;
  transition: 0.5s
}
.contact-wrap a:hover {
  color: #e8212b
}
@media (min-width:992px) and (max-width:1199px) {
  .contact-page-detail {
    padding: 20px 0 30px
  }
}
/* ----- Contact form Area CSS ----- */
.contact_input_area {
  width: 95%;
  margin: 0 auto;
  box-shadow: 0.6em 0.6em 1.2em #f2f2f2, -0.5em -0.5em 1em #f5f5f5;
  padding: 20px 20px 0 20px
}
.contact-from-title h4 {
  font-size: 21px;
  padding: 20px 0 20px 20px;
  color: #fda001
}
.form-control {
  position: relative;
  width: 100%;
  height: 50px;
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid #eaeaea !important;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-radius: 0;
  border-top: 0px solid transparent !important;
  border-left: 0px solid transparent !important;
  border-right: 0px solid transparent !important;
  color: #000;
  opacity: 1;
  cursor: pointer
}
.form-text-area {
	position: relative;
	width: 100%;
	font-size: 15px;
	font-weight: 400;
	transition: all 500ms ease;
	resize: none;
	height: 80px;
	padding-left: 10px;
	padding-top: 9px;
}
.form-text-area:focus, .form-control:focus {
  outline: 0 !important;
  color: #ff4014;
  box-shadow: inset 1px 1px 3px #e2e6fc, inset -2px -2px 5px #fff !important
}
.submit-btn {
	position: relative;
	background: #3A3288;
	text-align: center;
	padding: 13px 77px;
	cursor: pointer;
	z-index: 1;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
	border-radius: 5px;
	color: #fff;
}
.submit-btn:hover {
	background: #150c6f;
}
.group {
  position: relative;
  margin-bottom: 25px;
  box-shadow: 6px 6px 12px #e1e4f2, -6px -6px 12px #fff;
}
input {
  font-size: 13px;
  height: 25px;
  padding: 10px 10px 10px 5px;
  display: block;
  width: 300px;
  border: none;
  outline: none;
  border-bottom: 1px solid #B1B1B1;
  color: #B1B1B1;
  background: rgba(0, 0, 0, 0);
  opacity: 0.5;
  transition: 0.2s ease
}
input:focus {
  outline: none;
  opacity: 1
}
label {
  color: #535353;
  font-size: 13px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  top: 15px;
  opacity: 0.5;
  padding-left: 15px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all
}
input:focus ~ label, input:valid ~ label {
  top: -10px;
  font-size: 12px;
  color: #3C3C3C;
  opacity: 1
}
.highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5
}
input:focus ~ .highlight, textarea:focus ~ .highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease
}







































/* nav menu button */

.menu-btn {
	position: absolute;
	display: none;
	justify-content: center;
	align-items: center;
	width: 1.5rem;
	height: 1.5rem;
	cursor: pointer;
	z-index: 2;
	right: 20px;
}

.navbar .menu-btn__lines::before,
.navbar .menu-btn__lines::after {
    content: "";
    position: absolute;
}

.navbar .menu-btn__lines,
.navbar .menu-btn__lines::before,
.navbar .menu-btn__lines::after {
    width: 1.5rem;
    height: 0.1rem;
    background: #FFFFFF;
    transition: all 0.4s ease-in-out;
}

.navbar .menu-btn__lines::before {
    transform: translateY(-0.5rem);
}

.navbar .menu-btn__lines::after {
    transform: translateY(0.5rem);
}

.navbar .menu-items {
    display: flex;
    align-items: center;
}

.navbar ul li {
    list-style: none;
    transition: 0.3s ease;
}

.navbar ul li .arrow{
    transition: all .3s ease-out;

}

.menu-item.first-item {
	color: #fff;
}
/* dropdown menu */

.navbar .dropdown {
    position: relative;
}

.navbar .dropdown-menu,
.menu-right {
    position: absolute;
    background: #25183e;
    width: 190px;
    line-height: 30px;
    border-radius: 0 0 5px 5px;
    top: 65px;
    border-top: 1px solid white;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    -webkit-box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
}
.mega-menu-link i {
	position: relative;
	top: 6px;
}
.navbar .menu-right {
    top: 0;
    left: 100%;
}
.navbar .dropdown-menu,
.menu-left {
    left: unset;
    right: 0;
}
.navbar .menu-left {
    left: -100%;
}

.navbar .menu-item {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 0.2rem 1.0rem;
	font-size: 16px;
	transition: 0.5s;
}
.navbar .menu-item:hover {
    color: #a59dfb;
}
.shop-menu .menu-item.first-item {
	color: #fff;
	background: linear-gradient(to bottom, #352D82 0%, #1f1868 100%);
	border: 1px solid #383099;
	transition: 0.5s;
	box-shadow: 0px 7px 8px -7px rgb(7, 7, 7);
}
.shop-menu .menu-item.first-item:hover {
	color: #fff;
	border: 1px solid #2d267a;
	background: #2d267a;
	box-shadow: -1px 2px 8px -3px rgb(0, 0, 0);
}
.navbar .menu-items .active{
  color:#a59dfb;
}
.navbar .menu-items .active::before {
	background: #a59dfb;
	width: 5px;
	height: 5px;
	position: absolute;
	content: "";
	border-radius: 50%;
	margin-left: -12px;
	margin-top: 11px;
}
/* mega menu  */

.navbar .mega-menu {
	position: absolute;
	left: auto;
	/*width: 100%;*/
	width: auto;
	top: 65px;
	opacity: 0;
	visibility: hidden;
	transition: all .4s ease-out 0s, visibility 0.1s linear 0s;
	margin: 0;
}

.mega-menu .content {
	background: #fff;
	padding: 1rem;
	box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
}

.blog .content {
    grid-template-columns: repeat(4, 1fr);
}

.content .col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: 3rem;
}
.mega-menu .menu-title {
  color: #222;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
}
.mega-links .menu-item {
  color: #222;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  padding: 8px 0;
  position: relative;
}
.mega-links .menu-item:hover {
	color: #dc1030;
}
.content .col .img-wrapper {
    display: block;
    position: relative;
    width: 100%;
    height: 20vw;
    overflow: hidden;
}

.content .col .img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.content .col img {
    width: 100%;
    transition: transform 0.3s ease-in-out;
}

.content .col .img-wrapper:hover img {
    transform: scale(1.1);
}

.content .col .menu-title {
    color: #ff5722;
    font-size: 1.2rem;
    line-height: 3rem;
    font-weight: bold;
}

.content .col p {
    line-height: 1.2rem;
    margin-top: 5px;
    color: #FFFFFF;
}

.content .col .mega-links {
    border-left: 1px solid #3c3c3c;
}

.content .col .read-more {
    font-size: 16px;
    display: flex;
    padding-top: 1rem;
    color: #03a9f4;
    transition: color 0.3s ease;
    justify-content: flex-end;
    padding-right: 10px;
}

.col .mega-links li,
.col .mega-links li a {
    padding: 0 1rem;
}

.menu-items li:hover .mega-menu {
    opacity: 1;
    visibility: visible;
}

.content .col .read-more:hover {
    color: #ff5722;
}

/* container */
.container {
    max-width: 1200px
}

/* animation menu hamburger */
.menu-btn.open .menu-btn__lines {
    transform: translateX(1rem);
    background: transparent;
}

.menu-btn.open .menu-btn__lines::before {
    transform: rotate(45deg) translate(-0.5rem, 0.5rem);
    background: #FFFFFF;
}

.menu-btn.open .menu-btn__lines::after {
    transform: rotate(-45deg) translate(-0.5rem, -0.5rem);
    background: #FFFFFF;
}


/* Responsive style */

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

    .navbar {
        padding: 10px 20px;
    }

    .overflow {
        overflow: hidden;
    }

.overlay {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

    .overlay--active {
        opacity: 1;
        visibility: visible;
    }

    .menu-btn {
        display: flex;
    }

.navbar .menu-items {
	position: fixed;
	height: 100%;
	max-height: initial;
	overflow-y: auto;
	width: 242px;
	top: 2px;
	left: 2px;
	background: #fff;
	display: block;
	transform: translateX(-100vh);
	transition: 0.3s ease-out;
	padding-bottom: 100px;
	z-index: 99;
}

    .menu-items.open {
        transform: translateY(0);
    }

    .menu-items li:first-child {
        margin-top: 20px;
    }

    .menu-items li a {
        padding: 10px 1rem;
        display: block;
        font-size: 18px;
    }

    .menu-items .dropdown-right .right-arrow{
        transform: rotate(90deg);
    }

    .menu-item.first-item {
        padding: 1rem 1rem;
    }

    /* DROPDOWN, MEGA MENUS */
    .menu-items .dropdown-menu,
    .menu-items .menu-right,
    .menu-items .mega-menu {
        position: static;
        opacity: 1;
        top: 4rem;
        visibility: visible;
        margin-left: -18px;
        width: auto;
        max-height: 0;
        transform: scaleX(0);
        transform-origin: left;
        overflow: hidden;
        transition: all 0.5s ease;
    }


    .menu-items .dropdown-menu,
    .menu-items .menu-right{
        padding-left: 1rem;
        width: 102%;
        margin-left: -10px;
    }

    .menu-items .mega-menu .col{
        padding-left: 1rem;
    }

    .expand-btn.open + .sample {
        max-height: 100%;
        transform: scaleZ(1);
    }

    .expand-btn.open + .blog.sample {
        max-height: 100%;
        transform: scaleZ(1);
        max-width: fit-content;
    }

    .navbar .sample{
        border-top: none;
    }

    .sample li {
        margin: 0;
    }

    .sample li:last-child{
        border-bottom: none;

    }

    .sample li a {
        font-size: 1rem;
    }

    .mega-menu .content {
        grid-template-columns: auto;
        padding: 1rem 1rem 0 1rem;
    }

    .mega-menu .content .col {
        width: 100%;
        padding-top: 1rem;
        margin-bottom: 0.5rem;
    }

    .col .mega-links li,
    .col .mega-links li a {
        padding: 0 0.5rem;
    }

    .content .col .mega-links {
        border-left: 0;
        padding-left: 0.5rem;
    }
    .col .mega-links li {
        margin: 0;
    }
}

.category li{
	float: left;
	margin-right: 25px;
	width: 14%;
}

.col-custom {
    transition: .3s;
}
.col-centered {
    display: inline-block;
    float: none;
    text-align: left;
    margin-right: -4px;
}

.col-custom {
    width: 11.5%;
    float: left;
    margin-right: 13px;
}
.team-area .single-team {
    background: #eeeeee;
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.single-team a {
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    text-decoration: none;
}

.grow {
  display: inline-block;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.grow:hover {
  transform: scale(1.1);
}

.top-wrapper {
    background-color: #fff;
    padding: 50px 0;
}
.container--responsive, .single-jobs .job-post {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.distributor-page .top-container {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.top-wrapper .top-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.top-wrapper .top-container .top-content {
    width: 50%;
    max-width: 600px;
}
.main-header-title {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    color: #052b60;
    margin-bottom: 30px;
}
.top-wrapper .top-container .top-content p {
    margin-bottom: 25px;
}
.text--blue {
    color: #0c4696;
}

.text--bold {
    font-weight: 700;
}
.group-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.group-button .btn:first-child {
    margin-right: 20px;
}

.btn.border {
    background-color: #fff;
    border: 1px solid #0c4696;
    color: #0c4696;
    position: relative;
    font-weight: 500;
}
.btn.green {
    background-color: #6fbe5a;
}