@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500');
body {
	margin: 0;
	padding: 0;
	font-size: 15px;
	color: #3a3a3a;
	font-family: 'Ubuntu', sans-serif !important;
}

a, a:link, a:visited, a:active, a:hover, button {
	text-decoration: none;
	outline: none;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

img {
	max-width: 100%;
}

.padding_30 {
	padding: 0 40px;
}

.pad_left_0 {
	padding-left: 0;
}

.pad_right_0 {
	padding-right: 0;
}

section {
	padding: 100px 0;
	position: relative;
}

}

/*--------------------------------     Header csss    ----------------------------*/

header {
	background: #fff;
}

.affix {
	position: fixed;
	background: #fff;
	width: 100%;
	z-index: 11;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
}

.navbar {
	border: none;
	background: none;
	margin-bottom: 0;
	min-height: inherit;
	position: relative;
}

.navbar-brand {
	float: left;
	font-size: inherit;
	height: auto;
	line-height: inherit;
	padding: 0;
	margin-top: 15px;
}

.navbar-nav {
	float: right;
	margin: 0;
}

.navbar-toggle {
	margin-top: 20px;
}

.navbar-default .navbar-nav li a {
	font-size: 16px;
	color: #3a3a3a;
	text-transform: uppercase;
	position: relative;
	padding: 35px 15px;
}

.navbar-default .navbar-nav li.active a {
	color: #ed411c;
	background: none;
}

.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus {
	color: #ED411C;
}

/*.navbar-default .navbar-nav li a::before {
	content: "[";
	margin-right: 10px;
	transform: translateX(20px);
}
.navbar-default .navbar-nav li a::before, .navbar-default .navbar-nav li a::after {
	display: inline-block;
	opacity: 0;
	transition: transform 0.3s ease 0s, opacity 0.2s ease 0s;
}
.navbar-default .navbar-nav li a::after {
	content: "]";
	margin-left: 10px;
	transform: translateX(-20px);
}
.navbar-default .navbar-nav li a:hover::before, .navbar-default .navbar-nav li.active a::before, .navbar-default .navbar-nav li a:hover::after, .navbar-default .navbar-nav li.active a::after, .navbar-default .navbar-nav li a:focus::before, .navbar-default .navbar-nav li a:focus::after {
	opacity: 1;
	transform: translateX(0px);
	color: #ed411c;
	background: none;
}*/

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background-color: transparent;
}

/*--------------------------------     Banner csss    ----------------------------*/

.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	opacity: 0;
}

.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
	z-index: 2;
}

#carousel-example-generic .carousel-inner:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0.6;
	background: rgba(239, 86, 52, 1);
	background: -moz-linear-gradient(45deg, rgba(239, 86, 52, 1) 0%, rgba(206, 208, 88, 1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(239, 86, 52, 1)), color-stop(100%, rgba(206, 208, 88, 1)));
	background: -webkit-linear-gradient(45deg, rgba(239, 86, 52, 1) 0%, rgba(206, 208, 88, 1) 100%);
	background: -o-linear-gradient(45deg, rgba(239, 86, 52, 1) 0%, rgba(206, 208, 88, 1) 100%);
	background: -ms-linear-gradient(45deg, rgba(239, 86, 52, 1) 0%, rgba(206, 208, 88, 1) 100%);
	background: linear-gradient(45deg, rgba(239, 86, 52, 1) 0%, rgba(206, 208, 88, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef5634', endColorstr='#ced058', GradientType=1);
}

#carousel-example-generic .carousel-inner {
	position: relative;
}

.carousel .carousel-inner img {
	width: 100%;
}

.banner {
	position: relative;
}

.banner_content {
	position: absolute;
	z-index: 2;
	top: 12%;
	left: 0;
	right: 0;
	margin: auto;
	width: 410px;
	text-align: center;
}

.banner_content p {
	font-size: 36px;
	color: #fff;
	font-weight: 500;
	margin: 50px 0;
}

.banner_content a {
	font-size: 60px;
	color: #fff;
	font-weight: 500;
	display: block;
	margin: 80px 0 0px 0;
}

.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-moz-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-moz-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

/*--------------------------------     Experience csss    ----------------------------*/

.Experience h1, .mind_set_contant h1, .share_point h1, .cloud_contant h1 {
	font-size: 28px;
	color: #ed411c;
	font-weight: 400;
	margin-bottom: 40px;
	text-transform: uppercase;
}

.Experience p, .share_point p {
	font-size: 15px;
	color: #3a3a3a;
	font-weight: 400;
	margin-bottom: 30px;
	line-height: 26px;
	text-align: justify;
}

.pc_img {
	position: absolute;
	right: 0;
	padding: 0;
	text-align: right;
	z-index: 1;
}

/*.Experience a {
  color: #ed411c;
  background:#ebebeb;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 10px 30px;
  border-radius: 25px;  
  display: inline-block;
}
*/

.box {
	position: relative;
	vertical-align: middle;
	color: #ed411c;
	background: #ebebeb;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	transition: 0.5s;
	padding: 0 30px;
	cursor: pointer;
	border: 2px solid #ebebeb;
	-webkit-transition: 0.5s;
	border-radius: 25px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
}

.box:hover {
	border: 2px solid rgba(0, 160, 80, 0);
	color: #333;
}

.box::before, .box::after {
	width: 100%;
	height: 100%;
	z-index: 3;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.foo::before {
	border-bottom: 3px solid #ED411C;
	border-left: 3px solid #ED411C;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	border-radius: 25px;
}

.foo::after {
	border-top: 3px solid #ED411C;
	border-right: 3px solid #ED411C;
	-webkit-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
	border-radius: 25px;
}

.box:hover::after, .box:hover::before {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.hlaf_pc {}

.full_pc {
	display: none;
}

/*--------------------------------     what we do csss    ----------------------------*/

.what_we_do {
	width: 450px;
	height: 450px;
	border: 2px solid #ed411c;
	border-radius: 50%;
	position: relative;
	left: 0;
	right: 0;
	margin: auto;
}

.what_we_do span {
	background: #b7b7b7;
	border: 40px solid #e1e1e1;
	color: #535353;
	border-radius: 50%;
	display: block;
	font-size: 36px;
	font-weight: 400;
	height: 270px;
	padding-top: 45px;
	text-align: center;
	width: 270px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0px;
	right: 0;
	margin: auto;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.what_we_do span:hover {
	background: rgba(239, 86, 52, 1);
	background: -moz-linear-gradient(45deg, rgba(239, 86, 52, 1) 0%, rgba(206, 208, 88, 1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(239, 86, 52, 1)), color-stop(100%, rgba(206, 208, 88, 1)));
	background: -webkit-linear-gradient(45deg, rgba(239, 86, 52, 1) 0%, rgba(206, 208, 88, 1) 100%);
	background: -o-linear-gradient(45deg, rgba(239, 86, 52, 1) 0%, rgba(206, 208, 88, 1) 100%);
	background: -ms-linear-gradient(45deg, rgba(239, 86, 52, 1) 0%, rgba(206, 208, 88, 1) 100%);
	background: linear-gradient(45deg, rgba(239, 86, 52, 1) 0%, rgba(206, 208, 88, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef5634', endColorstr='#ced058', GradientType=1);
	color: #fff;
}

.service i {
	width: 80px;
	line-height: 80px;
	height: 80px;
	background: #fff;
	border: 2px solid #ed411c;
	color: #3a3a3a;
	text-align: center;
	border-radius: 50%;
	font-size: 46px;
	display: inline-block;
	margin: 0 10px;
	position: relative;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.service p {
	font-size: 18px;
	color: #3a3a3a;
	display: inline-block;
}

.service {
	position: absolute;
}

.service_1 {
	left: 185px;
	top: -60px;
}

.service:hover p, .service:hover i {
	color: #ed411c;
}

.service_1 i:after {
	content: "";
	width: 5px;
	height: 5px;
	position: absolute;
}

/*.service_1 i, .service_2 i , .service_3 i{
float:left;
}*/

.service_1 p {
	margin: 0;
}

.service_3 p {
	margin-left: 30px;
	display: block;
}

.service_2 {
	right: -140px;
	top: 85px;
}

.service_3 {
	bottom: 35px;
	right: -160px;
}

.service_4 {
	bottom: 80px;
	left: -120px;
}

.service_5 {
	left: -170px;
	top: 85px;
}

.service_6 {
	bottom: -70px;
	left: 160px;
	text-align: center;
}

.service_6 p {
	display: block;
}

.what_we_do ul {
	border: 2px solid #cbcbca;
	border-radius: 50%;
	bottom: 0;
	height: 420px;
	left: 0;
	margin: auto;
	position: relative;
	right: 40px;
	top: 15px;
	width: 420px;
}

.what_we_do ul li {
	font-size: 36px;
	position: absolute;
	color: #b7b7b7;
}

.what_we_do ul li:nth-child(1) {
	left: 80px;
	top: 30px;
}

.what_we_do ul li:nth-child(2) {
	right: 90px;
	top: 25px;
}

.what_we_do ul li:nth-child(3) {
	bottom: 170px;
	right: 10px
}

.what_we_do ul li:nth-child(4) {
	bottom: 40px;
	right: 90px;
}

.what_we_do ul li:nth-child(5) {
	left: 10px;
	top: 180px;
}

.what_we_do ul li:nth-child(6) {
	bottom: 35px;
	left: 100px;
}

/*--------------------------------     services csss    ----------------------------*/

.services {
	padding: 80px 0;
}

.services {
	background: url(../images/patter-bg.png) no-repeat #eeeeee;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.service_contant {
	text-align: right;
}

.service_contant p {
	padding-top: 100px;
	font-size: 15px;
	font-weight: 300;
	line-height: 24px;
	margin-bottom: 30px;
}

/*.service_contant a {
  background:#ed411c;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 10px 30px;
  border-radius: 25px;  
  display: inline-block;
}*/

.box2 {
	position: relative;
	vertical-align: middle;
	color: #fff;
	background: #ed411c;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	transition: 0.5s;
	padding: 0 30px;
	cursor: pointer;
	border: 2px solid #ed411c;
	-webkit-transition: 0.5s;
	border-radius: 25px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
}

.box2:hover {
	border: 2px solid rgba(0, 160, 80, 0);
	color: #ed411c;
	background: #fff;
}

.box2::before, .box2::after {
	width: 100%;
	height: 100%;
	z-index: 3;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.foo2::before {
	border-bottom: 3px solid #ed411c;
	border-left: 3px solid #ed411c;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	border-radius: 25px;
}

.foo2::after {
	border-top: 3px solid #ed411c;
	border-right: 3px solid #ed411c;
	-webkit-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
	border-radius: 25px;
}

.box2:hover::after, .box2:hover::before {
	-webkit-transform: scale(1);
	transform: scale(1);
}

/*--------------------------------     Map csss    ----------------------------*/

.map {
	background: url(../images/map-bg.jpg) no-repeat;
	background-size: cover;
	min-height: 500px;
	color: #fff;
}

.map h1 {
	font-size: 28px;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.map p {
	line-height: 26px;
	margin-bottom: 30px;
}

.map_img {
	position: relative;
}

.map_img img {
	position: absolute;
	right: -130px;
}

/*--------------------------------     Mindset csss    ----------------------------*/

.mind_set {
	padding: 90px 0 50px 0;
	color: #3a3a3a;
}

.mind_set p {
	line-height: 24px;
	margin-bottom: 30px;
}

/*--------------------------------     Software Products csss    ----------------------------*/

.Software_Products {
	text-align: center;
	/*padding:0 0 50px 0;*/
}

.Software_Products h1 {
	font-size: 28px;
	color: #ed411c;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.pro_box {
	position: relative;
	overflow: hidden;
}

.pro_box p {
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	top: 30px;
	width: 100%;
}

.pro_logo {
	background: rgba(201, 101, 70, 1);
	background: -moz-linear-gradient(45deg, rgba(201, 101, 70, 1) 0%, rgba(219, 214, 124, 1) 80%, rgba(219, 214, 124, 1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(201, 101, 70, 1)), color-stop(80%, rgba(219, 214, 124, 1)), color-stop(100%, rgba(219, 214, 124, 1)));
	background: -webkit-linear-gradient(45deg, rgba(201, 101, 70, 1) 0%, rgba(219, 214, 124, 1) 80%, rgba(219, 214, 124, 1) 100%);
	background: -o-linear-gradient(45deg, rgba(201, 101, 70, 1) 0%, rgba(219, 214, 124, 1) 80%, rgba(219, 214, 124, 1) 100%);
	background: -ms-linear-gradient(45deg, rgba(201, 101, 70, 1) 0%, rgba(219, 214, 124, 1) 80%, rgba(219, 214, 124, 1) 100%);
	background: linear-gradient(45deg, rgba(201, 101, 70, 1) 0%, rgba(219, 214, 124, 1) 80%, rgba(219, 214, 124, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c96546', endColorstr='#dbd67c', GradientType=1);
	bottom: -60px;
	height: 40%;
	position: absolute;
	right: -70px;
	text-align: center;
	width: 80%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.pro_logo img {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	left: 10px;
	position: absolute;
	top: 40px;
}

.pro_box:hover .pro_logo {
	height: 100%;
	right: 0;
	text-align: center;
	bottom: 0;
	transform: rotate(0deg);
	width: 100%;
}

.pro_box:hover .pro_logo img {
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 40px;
	transform: rotate(0deg);
}

.pro_logo a.btn {
	background: #ed411c;
	border-radius: 25px;
	bottom: 40%;
	color: #fff;
	display: none;
	font-size: 16px;
	font-weight: 500;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	width: 130px;
}

.pro_box:hover .pro_logo a.btn {
	display: block;
}

.pro_logo a.btn:hover {
	display: block;
	background: #fff;
	color: #ed411c;
}

/*--------------------------------     Footer csss    ----------------------------*/

footer {
	background: #333;
	background-size: cover;
	padding: 50px 0;
	color: #fff;
}

.footer_menu ul {
	margin: 30px 0;
}

.footer_menu li {
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
}

.footer_menu li a {
	border-right: 1px solid #e7e950;
	color: #ffffff;
	font-size: 15px;
	padding: 0 10px;
}

.footer_menu li a:hover {
	color: #ed411c;
}

.footer_menu li:last-child a {
	border-right: none;
}

.copy_right {
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
}

/*--------------------------------     what we do css [ inner page ]    ----------------------------*/

.what_we_do_banner_content {
	color: #fff;
	font-size: 50px;
	font-weight: 500;
	text-align: center;
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	margin: auto;
	text-transform: capitalize;
}

.style_1 li:before {
	content: "\f054";
	font-family: fontawesome;
	color: #b6b149;
	position: absolute;
	left: 0;
	top: 0;
}

.style_1 li {
	position: relative;
	padding-left: 25px;
	font-size: 15px;
	color: #3a3a3a;
	margin-bottom: 5px;
}

#what_we_do .pc_img {
	padding-top: 40px;
}

.man_img {
	left: 0;
	position: absolute;
	top: -15px;
	padding: 0;
}

.Cloud_Computing {
	padding: 80px 0;
}

.cloud_contant h1 {
	margin-bottom: 15px;
}

.cloud_contant {
	text-align: justify;
	font-size: 15px;
	line-height: 26px;
}

.Data_Analytics {
	background: #eeeeee url("../images/patter-bg.png") no-repeat;
	background-size: cover;
}

.data_img {
	position: relative;
}

.data_img img {
	position: absolute;
	top: -100px;
}

.Data_Analytics p {
	font-size: 15px;
	line-height: 26px;
	color: #555;
}

.IT_services {
	background: url(../images/hand-shake.jpg) no-repeat;
	background-size: cover;
	text-align: center;
	color: #fff;
}

.IT_services h2 {
	font-size: 28px;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 30px;
}

.IT_services h3 {
	font-size: 20px;
	color: #e7e950;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 20px;
}

.IT_services p {
	font-size: 14px;
	line-height: 26px;
}

/*--------------------------------   ABOUT [ what we are css inner page ]    ----------------------------*/

.goal {
	background: url(../images/white-bg.png) no-repeat top right #f6f6f6;
	position: relative;
}

.goal p {
	font-size: 15px;
	line-height: 26px;
	text-align: justify;
}

.quote_part {
	padding: 100px 0;
}

.quote {
	text-align: center;
	width: 700px;
	padding: 30px;
	margin: 0 auto;
	border-bottom: 3px solid #e1b956;
	border-right: 3px solid #e1b956;
	position: relative;
}

.quote img {
	bottom: 0;
	left: -80px;
	position: absolute;
}

.quote p {
	display: block;
	font-size: 24px;
	color: #ed411c;
}

.quote span {
	display: block;
	font-size: 18px;
	color: #666666;
}

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

.Philosophy {
	background: url(../images/Philosophy-bg.jpg) repeat-x;
	background-size: cover;
	padding: 0;
}

.Philosophy img {
	width: 100%;
}

.Philosophy h1 {
	font-size: 28px;
	color: #e7e950;
	text-transform: uppercase;
	margin: 30px 0;
}

.Philosophy p {
	font-size: 14px;
	color: #fff;
	line-height: 26px;
	margin-bottom: 20px;
}

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

.Standards {
	background: url(../images/Standards-bg.jpg) no-repeat;
	background-size: cover;
}

.Standards h1 {
	color: #ed411c;
	font-size: 28px;
	font-weight: 400;
	margin-bottom: 40px;
	text-transform: uppercase;
}

.Standards p {
	font-size: 14px;
	color: #333;
	line-height: 26px;
	text-align: justify;
}

.Standards img {
	position: absolute;
	right: -70px;
	top: 90px;
}

/*--------------------------------------------- How WE Work Css -----------------------------------------*/

.style_2 {
	margin-bottom: 30px;
}

.style_2 li:before {
	content: "\f124";
	font-family: fontawesome;
	color: #c0db2b;
	position: absolute;
	left: 0;
	top: 0;
	transform: rotate(45deg);
}

.style_2 li {
	position: relative;
	padding-left: 25px;
	font-size: 15px;
	color: #555;
	margin-bottom: 15px;
}

.work_step h1 {
	font-size: 28px;
	color: #ed411c;
	font-weight: 400;
	margin-bottom: 40px;
	text-transform: uppercase;
}

.work_step p {
	font-size: 15px;
	line-height: 26px;
	color: #666666;
	margin-bottom: 30px;
}

.step1 {
	text-align: right;
	margin-bottom: 50px;
}

.step_img {
	border: 1px solid #cccccc;
	position: relative;
	padding: 0;
	margin: 30px;
}

.step1 .step_img>span {
	background: #bbbaba none repeat scroll 0 0;
	display: inline-block;
	left: -20px;
	position: absolute;
	top: -20px;
	z-index: 1;
}

.step1 .step_img>img {
	position: relative;
	right: -30px;
	top: 30px;
}

.step2 {
	text-align: left;
	margin-bottom: 50px;
}

.step2 .step_img>span {
	background: #bbbaba none repeat scroll 0 0;
	display: inline-block;
	right: -20px;
	position: absolute;
	top: -20px;
	z-index: 1;
}

.step2 .step_img>img {
	position: relative;
	left: -30px;
	top: 30px;
}

.contactus {
	font-size: 15px;
}

.contactus h1 {
	color: #ed411c;
	font-size: 28px;
	font-weight: 400;
	margin-bottom: 40px;
	text-transform: uppercase;
}

.contactus h3 {
	color: #555;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.contactus h6 {
	color: #555;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 10px;
	margin-top: 0;
	text-transform: capitalize;
	display: inline-block;
}

.contactus .form-group {
	margin-bottom: 15px;
}

.map_div {
	height: 350px;
}

.hire_form .form-control {
	font-size: 16px;
	border: none;
	border-radius: 0;
	padding: 10px 15px;
	height: auto;
	box-shadow: none;
	background: #fff;
	border-bottom: 2px solid #fff;
}

.hire_form .form-control:focus {
	border-bottom-color: #ed411c;
}

/*.contactus select, .contactus input {
	width: 100%;
	height: 40px;
	border: 1px solid #ddd;
	padding: 5px;
}*/

/*.contactus select {
	background: url(../images/select-arrow.png) no-repeat center right;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}*/

.contactus textarea {
	width: 100%;
	height: 100px;
	border: 1px solid #ddd;
	padding: 5px;
	resize: none;
}

/*.contactus select:focus, .contactus input:focus, .contactus textarea:focus {
	border: 1px solid #ed411c;
	box-shadow: none;
}*/

.captch {
	margin-bottom: 15px;
}

.contactus button {
	margin: 20px 0;
	display: table;
}

/*--------------------------------------------- Career Page Css -----------------------------------------*/

.career_part h2 {
	color: #ed411c;
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 20px;
	text-transform: uppercase;
	display: inline-block;
	margin-top: 0;
}

.career_part span {
	color: #555;
	text-transform: uppercase;
	display: inline-block;
}

.career_part p {
	line-height: 22px;
	text-align: justify;
}

.accordion {
	margin-top: 50px;
}

.panel-group .panel {
	border-radius: 0;
	box-shadow: none;
	border-color: #EEEEEE;
}

.panel-default>.panel-heading {
	padding: 0;
	border-radius: 0;
	color: #212121;
	background-color: #FAFAFA;
	border-color: #EEEEEE;
}

.panel-title {
	font-size: 14px;
}

.panel-title>a {
	display: block;
	padding: 15px;
	text-decoration: none;
}

.more-less {
	float: right;
	color: #212121;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #EEEEEE;
}

/* 11-08-2017 */

.list-style-1 {
	padding: 0;
	margin-bottom: 30px;
}

.list-style-1 li:before {
	content: "\f054";
	font-family: fontawesome;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}

.list-style-1 li {
	position: relative;
	padding-left: 25px;
	font-size: 15px;
	color: #fff;
	margin-bottom: 8px;
}

/*--------------------------------     CHANGES HERE     ----------------------------*/

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #ed411c;
	background-color: #ffffff;
}

.navbar-default .dropdown-menu li a {
	background: #fff;
	padding: 10px 20px;
}

.w_main_list {
	text-align: center;
	background: #f5f6f7;
	/*border-bottom: 2px solid #ddd;*/
	box-shadow: 0 2px 5px rgba(0, 0, 0, .18);
	/*position: sticky;
	top: 0;
	z-index: 9999;*/
}

.w_main_list ul {
	display: inline-block;
	margin: auto;
	padding: 0 30px;
}

.w_main_list ul li {
	display: inline-block;
}

.w_main_list a, .w_main_list .sc_tab_list a {
	padding: 20px 30px;
	display: block;
	font-size: 16px;
	color: #444;
	text-transform: uppercase;
	position: relative;
}

.w_main_list a:hover, .w_main_list a:focus {
	color: #ED411C;
}

.w_main_list a::after, .navbar-default .navbar-nav li a:after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	width: 0px;
	height: 2px;
	margin: auto;
	background: #ED411C;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.navbar-default .navbar-nav li a:after {
	bottom: 25px;
}

.w_main_list a:hover::after, .navbar-default .navbar-nav li a:hover:after, .w_main_list a:focus::after, .navbar-default .navbar-nav li a:focus:after {
	width: 40px;
}

/*.w_content {
	width: 50%;
}*/

.w_heading {
	font-size: 35px;
	color: #ed411c;
	font-weight: 400;
	margin: 0;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.w_content p {
	font-size: 16px;
	line-height: 28px;
}

.w_about_sec {
	position: relative;
}

.w_content_img_style {
	position: absolute;
	right: 7%;
	bottom: 120px;
	margin: auto;
	top: auto;
	width: 35%;
}

.w_about_sec_zig_zag {
	background: url(../images/bg_grey.png) center bottom fixed;
}

.grey_qa_bg {
	background: url(../images/patter-bg.png) center bottom fixed;
}

.w_about_sec_zig_zag .w_content {
	float: right;
}

.w_two_sec .w_heading {
	text-align: center;
	margin-bottom: 80px;
}

.w_two_sec .w_content {
	width: 55%;
}

.w_two_sec .w_content_img {
	width: 37%;
	top: 20%;
}

.w_content .panel a[aria-expanded="true"] {
	background: #939bac;
	color: #fff;
}

.w_content .panel {
	border-color: #dddddd;
	margin-bottom: 10px;
	outline: none;
}

.w_content .panel a {
	display: block;
	padding: 10px;
	color: #666;
	position: relative;
}

.w_content .panel a[aria-expanded="false"]::before {
	content: "\f107";
	position: absolute;
	right: 15px;
	top: 15px;
	font-family: fontawesome;
	font-size: 25px;
	color: #999;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.w_content .panel a[aria-expanded="true"]::before {
	content: "\f107";
	position: absolute;
	right: 15px;
	top: 15px;
	font-family: fontawesome;
	font-size: 25px;
	color: #fff;
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.w_content .panel .panel-title {
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
}

.w_team_sec {
	background: #eee url(../images/career_bg.png) bottom right fixed;
	background-size: cover;
}

.w_left_team_content strong {
	display: block;
	font-size: 22px;
	font-weight: 500;
}

.w_left_team_content span {
	display: block;
	color: #ed411c;
	margin: 3px 0 10px;
}

.w_left_team {
	background: #fff;
	border-radius: 10px;
	margin-bottom: 50px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .18)/*, -15px 15px 0 #fff */
	;
}

.w_left_team .row {
	display: flex;
	align-items: center;
	justify-content: center;
}

.w_left_team img {
	/*box-shadow: 0 5px 20px rgba(0,0,0,.18), -15px 15px 0 #fff ;*/
	border-radius: 10px 0 0 10px;
}

.w_left_team_content {
	display: flex;
	align-content: center;
	justify-content: center;
	flex-direction: column;
}

.w_left_team_content p {
	font-size: 16px;
	line-height: 24px;
}

.navbar-default .dropdown-menu li a::after {
	bottom: 0;
	top: 0;
	left: 0;
	right: auto;
}

.navbar-default .dropdown-menu li a:hover:after, .navbar-default .dropdown-menu li a:focus:after {
	width: 20px;
}

.navbar-default .dropdown-menu li a:hover, .navbar-default .dropdown-menu li a:focus {
	padding-left: 30px;
}

.navbar-default .dropdown-menu {
	min-width: 220px;
}

/*--------------------------------     line of business    ----------------------------*/

.l_heading {
	font-size: 26px;
	margin: 0;
	margin-bottom: 15px;
	font-weight: normal;
	color: #ed411c;
}

.l_content {
	line-height: 26px;
	font-size: 16px;
	text-align: justify;
	padding: 20px;
}

/*.l_two_col img {
	width: 100%;
}*/

.l_content_bottom {
	margin-top: 30px;
}

.w_heading.text-center {
	margin-bottom: 50px;
}

.l_list {
	margin-top: 15px;
}

.l_list li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
}

.l_list li::before {
	content: "\f005";
	position: absolute;
	left: 0;
	top: 0;
	font-family: "fontawesome";
	color: #939bac;
}

.l_list li a {
	color: #666;
}

.l_lead_gen_sec .w_content {
	padding-right: 50px;
}

.sub_title {
	font-size: 18px;
	margin-top: 15px;
	display: block;
	color: #ed411c;
}

.l_services {
	padding: 50px 0;
	background: url(../images/patter-bg.png) no-repeat #ebebeb;
	background-size: cover;
	position: relative;
}

.exp_row {
	margin-top: 50px;
}

.l_content.pad_0 {
	padding: 0;
}

.mar_b_15 {
	margin-bottom: 15px;
}

.just_center {
	display: flex;
	align-content: center;
	flex-direction: column;
}

.phy_sec {
	padding: 0;
}

.phy_sec .w_content {
	padding: 50px;
}

.phy_sec .flex_item {
	display: flex;
	align-content: center;
	flex-direction: column;
	justify-content: center;
}

.phy_sec .row {
	display: flex;
	align-content: center;
}

.w_90 {
	width: 85%;
	float: right;
}

.right_abs {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: auto;
}

#why_us {
	margin-top: 50px;
}

.IT_services .item {
	background: #fff;
	color: #000;
	padding: 2px;
}

.IT_services .item p {
	line-height: 22px;
	font-size: 16px;
	padding: 15px;
	min-height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#why_us .owl-dot {
	height: 13px;
	width: 13px;
	background: #aaa;
	margin: 5px;
	margin-top: 30px;
	border-radius: 50%;
	outline: none;
}

#why_us .owl-dot.active {
	background: #ed411c;
}

.l_lead_gen_sec {
	padding: 0;
}

.mar_t_100 {
	margin-top: 100px;
}

.designing_sec {
	background: url(../images/banner-design.jpg) right center no-repeat;
}

.designing_sec .sub_title {
	margin-top: 30px;
}

.white_text {
	color: #fff;
	font-weight: 500;
}

.flex_content {
	display: flex;
	flex-direction: column;
}

.l_services .share_point {
	padding-right: 20px;
}

.qa_sec {
	background: url(../images/Standards-bg.jpg) no-repeat;
	background-size: cover;
}

.Philosophy_sec {
	padding: 50px 0;
	background: url(../images/laptop_bg.jpg) no-repeat;
	background-size: cover;
}

.l_two_col .right_abs {
	top: 0;
}

#wabout, #wCenter {
	position: relative;
	top: -100px;
}

#wphilosophy, #wSupport {
	position: relative;
	top: -60px;
}

#working, #wSoftware {
	position: relative;
	top: -140px;
}

#wteam, #wLead, #wDesigning {
	position: relative;
	top: -150px;
}

#wSEO {
	position: relative;
	top: -100px;
}

#wTesting, #whosting {
	position: relative;
	top: -130px;
}

.dark_bg {
	background: url(../images/dark_bg.png) center;
	color: #fff;
}

.dark_bg .w_heading {
	color: #fff;
}

.w_exp_sec .pc_img {
	bottom: 0;
	right: 5%;
	top: 0;
	display: flex;
	align-items: center;
}

.l_it_services {
	background: #eee url(../images/career_bg.png) center fixed;
	background-size: cover;
}

/*--------------------------------     NEW Design    ----------------------------*/

.o_heading {
	margin: 0;
	color: #ed411c;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.o_content {
	font-size: 16px;
	line-height: 28px;
	width: 65%;
}

.o_content p {
	margin: 10px 0;
	font-size: 16px;
}

.ul_bullet {
	margin: 0;
	margin-top: 20px;
}

.ul_bullet li {
	float: left;
	width: 50%;
}

.o_dev_tools {
	margin: 30px 0;
}

.o_dev_tools a {
	display: inline-block;
	border: 1px solid #7c95c2;
	width: 60px;
	margin-right: 5px;
	margin-bottom: 8px;
	height: 60px;
	text-align: center;
	line-height: 55px;
	border-radius: 5px;
}

.o_dev_tools a:hover, .o_dev_tools a:focus {
	border-color: #ed411c;
}

.tooltip>.tooltip-inner {
	background-color: #ed411c;
	font-size: 16px;
	text-transform: capitalize;
}

.tooltip.top>.tooltip-arrow {
	border-top: 5px solid #ed411c;
}

.o_dev_tools a img {
	width: 35px;
	height: 35px;
}

.learn_btn {
	display: inline-block;
	padding: 8px 20px;
	border: 2px solid #ed411c;
	color: #ed411c;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	margin-top: 20px;
	border-radius: 30px;
}

.learn_btn:hover, .learn_btn:focus {
	background: #ed411c;
	color: #fff;
}

.o_tech {
	position: relative;
}

.o_img {
	position: absolute;
	bottom: 0;
	right: 5%;
	width: 33%;
	top: 0;
	margin: auto;
	z-index: 1;
}

.o_tech_right .o_content {
	float: right;
	color: #fff;
	width: 62%;
}

.o_soft_bg .o_content {
	float: right;
	width: 62%;
}

.o_tech_right .o_img, .o_soft_bg .o_img {
	right: auto;
	left: 2%;
	width: 40%;
}

.o_soft_bg {
	background: #eee url(../images/career_bg.png) left fixed;
	background-size: cover;
}

.o_tech_right .o_heading {
	color: #e7e950;
	margin-top: 0;
}

.o_tech_right .ul_bullet li::before {
	color: #e7e950;
}

.o_tech_right .learn_btn {
	border-color: #fff;
	color: #fff;
}

.o_tech_right .learn_btn:hover, .o_tech_right .learn_btn:focus {
	border-color: #ed411c;
	color: #fff;
}

.o_mobile_sec .ul_bullet li {
	float: none;
	display: inline-block;
	width: auto;
	margin-right: 20px;
}

.o_mobile_sec .o_img {
	right: 0;
	width: 40%;
}

.Philosophy.o_tech_right {
	background: url(../images/digital_bg.jpg) fixed;
	background-size: cover;
	padding: 70px 0;
}

.Philosophy.o_tech_right ul li {
	color: #fff;
}

.o_tech_right .o_img {
	left: 5%;
	width: 35%;
}

.o_qa_sec {
	background: url(../images/qa_bg.png) left fixed;
	background-size: 100%;
	color: #fff;
}

.o_qa_sec .o_heading {
	color: #fff;
}

#lWeb, #lSoftware, #lMobile, #lDesigning, #lTesting {
	position: relative;
	top: -150px;
}

#lDigital {
	position: relative;
	top: -120px;
}

/*----------------Info2----------------*/

.info2 {
	background: #eee url(../images/career_bg.png) fixed;
}

.info2 .info_p {
	margin: auto;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 50px;
	text-align: center;
	width: 80%;
}

.info2 .o_heading {
	text-align: center;
	margin-bottom: 50px;
}

.info2 .info2-card {
	text-align: center;
	color: #000;
	padding: 25px 60px;
	/* box-shadow: -10px 0 50px rgba(0,0,0,.3); */
	min-height: 405px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.info2 .info2col {
	position: relative;
	z-index: 1;
}

/*.info2 .info2col:before {
	content: " ";
	position: absolute;
	top: 60px;
	left: 0;
	height: 3px;
	width: 50%;
	background-color: #fff;
	z-index: 0;
}
.info2 .info2col:after {
	content: " ";
	position: absolute;
	top: 60px;
	right: 0;
	height: 3px;
	width: 50%;
	background-color: #fff;
	z-index: 0;
}*/

.info2 .info2-card span i {
	background-color: #fff;
	height: 80px;
	width: 80px;
	line-height: 80px;
	font-size: 36px;
	border-radius: 50%;
	box-shadow: 0 4px 50px rgba(0, 0, 0, .18);
	position: relative;
	z-index: 10;
}

.info2 .info2-card span .i1 {
	color: #4BA2D7;
}

.info2 .info2-card span .i2 {
	color: #4264A1;
}

.info2 .info2-card span .i3 {
	color: #CC407D;
}

.info2 .info2-card span .i4 {
	color: #F4B448;
}

.info2 .info2col3 .info2-card span {
	display: block;
	position: absolute;
	left: -40px;
	right: auto;
}

.info2 .info2-card span {
	display: block;
	position: absolute;
	right: -40px;
}

/*.info2 .info2-card span:before {
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	height: 111px;
	width: 3px;
	background-color: #444;
}
.info2 .info2-card span::after {
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	height: 15px;
	width: 15px;
	bottom: -40px;
	background-color: #444;
	border-radius: 50%;
}*/

.info2 .info2-card h2 {
	margin: 0;
	font-size: 22px;
	color: #ed411c;
}

.info2 .info2-card p {
	padding: 10px;
}

.info2 .info2-card a {
	position: relative;
	margin: 10px 0;
	background-color: #fff;
	color: #3A3A3A;
	padding: 10px;
	border-radius: 5px;
}

.info2 .info2col1 {
	background-color: #4BA2D7;
}

.info2 .info2-i-col1 {
	color: #4BA2D7;
}

/*.info2 .info2col2 {
	background-color: #4264A1;
}*/

.info2 .info2-i-col2 {
	color: #4264A1;
}

/*.info2 .info2col3 {
	background-color: #cc4040;
}*/

.info2 .info2-i-col3 {
	color: #cc4040;
}

/*.info2 .info2col4 {
	background-color: #e7a22d;
}*/

.info2 .info2-i-col4 {
	color: #e7a22d;
}

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

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

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

.info3 .card-3 {
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(210, 211, 213, 1) 50%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(210, 211, 213, 1) 50%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 50%, rgba(210, 211, 213, 1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2d3d5', GradientType=0);
	box-shadow: 0 5px 20px #8f8f8f;
	padding: 30px;
	border-top: 5px solid #00688F;
	position: relative;
}

.info3 .card-3::before {
	content: " ";
	position: absolute;
	right: 0;
	top: 0;
	background-color: #00688F;
	height: 40px;
	width: 40px;
	border-radius: 0 0 0 50px;
}

.info3 .card-3 i {
	height: 100px;
	width: 100px;
	border: 5px solid #00688F;
	border-radius: 50%;
	text-align: center;
	line-height: 90px;
	font-size: 36px;
	color: #00688F;
	float: left;
	position: relative;
}

.info3 .card-3 i:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #00688F;
	border-width: 20px;
	margin-top: -20px;
}

.info3 .card-3 .info-3-card {
	padding-left: 140px;
}

.info3 .card-3 .info-3-card h2 {
	font-size: 26px;
	margin: 6px 0;
}

.info3 .card-3 .info-3-card p {
	margin: auto;
	position: relative;
	top: 10px;
}

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

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

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

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

.info4 {
	background-color: #8490A0;
}

.info4 .info4-card {
	min-height: 200px;
	position: relative;
}

.info4 .info4-card .info-first {
	background-color: #FD7B23;
	color: #fff;
	height: 180px;
	padding: 10px;
	border-radius: 0 0 0 100px;
	box-shadow: -1px 1px #FF9B43, inset 2px -3px 15px rgba(0, 0, 0, .2);
}

.info4 .info4-card .info-first i {
	height: 70px;
	width: 70px;
	text-align: center;
	line-height: 70px;
	font-size: 36px;
}

.info4 .info4-card .info-sec {
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
	width: 90%;
	height: 200px;
	border-radius: 100% 0 0 0;
	padding: 25px 15px;
	padding-left: 55px;
	border-top: 2px solid #fff;
	border-left: 4px solid #fff;
	background: rgb(216, 224, 227);
	background: -moz-linear-gradient(left, rgba(216, 224, 227, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(216, 224, 227, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to right, rgba(216, 224, 227, 1) 0%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e0e3', endColorstr='#ffffff', GradientType=1);
}

.info4 .info4-card .info-sec h2 {
	font-size: 22px;
	font-weight: 600;
}

.info2 .l_list li {
	color: #000;
	font-size: 16px;
	margin-top: 15px;
	text-align: left;
}

.info2 .l_list li::before {
	content: "\f054";
	color: #bbb;
}

/*
.info2col {
	display: flex;
}
.row_flex {
	display: flex;
}
*/

/*--------------------------------     SHOW CASE    ----------------------------*/

.sc_tab_list {
	border: none;
}

.w_main_list .sc_tab_list li {
	float: none;
	margin: 0;
}

.w_main_list .sc_tab_list li a {
	margin: auto;
	border: none;
	border-radius: 0;
	font-weight: 500;
}

.w_main_list .sc_tab_list li a:hover {
	background: #fff;
}

.sc_tab_list.nav-tabs>li.active>a, .sc_tab_list.nav-tabs>li.active>a:focus, .sc_tab_list.nav-tabs>li.active>a:hover {
	border: none;
	background: #ed411c;
	margin: auto;
	color: #fff;
}

.sc_tab_list.nav-tabs>li.active>a::after {
	display: none;
}

.sc_tab_content {
	margin: 50px auto;
}

.t_img_div {
	position: relative;
	overflow: hidden;
}

.t_overlay {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, .50);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.t_overlay a {
	color: #fff;
	border-color: #fff;
}

.t_img_div:hover .t_overlay {
	opacity: 1;
}

.t_img_div img {
	-webkit-filter: blur(0px);
	filter: blur(0px);
	-webkit-transform: scale(1);
	transform: scale(1);
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.t_img_div:hover img {
	-webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.t_catd_content {
	padding: 20px 25px;
	text-align: left;
	font-size: 18px;
	min-height: 170px;
}

.t_catd_content li {
	margin: 5px 0;
}

.t_catd_content li strong {
	font-weight: 500;
	color: #888;
	display: inline-block;
}

.t_catd_content a {
	color: #ed411c;
}

.t_catd_content p {
	margin: 0;
	margin-top: 7px;
	color: #777;
}

.t_catd_content a h3 {
	font-weight: normal;
	margin: 0;
	display: inline-block;
	font-size: 18px;
}

.t_catd_content span {
	color: #555;
	font-weight: 500;
}

.tcard {
	border: 1px solid #ddd;
	text-align: center;
	margin-bottom: 30px;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.tcard:hover {
	border-color: #000;
}

/*========================================== TESTIMONIALS Css Start ==========================================*/

.TESTIMONIALS {
	background: #191919 url(../images/dark_bg.png);
	padding: 40px;
	margin-bottom: 70px;
	position: relative;
	color: #fff;
	height: 360px;
}

.TESTIMONIALS i {
	font-size: 66px;
}

.TESTIMONIALS p {
	font-size: 24px;
	width: 1140px;
	margin: 20px 0;
}

.TESTIMONIALS span {
	font-size: 18px;
	font-weight: 500;
	display: block;
	letter-spacing: 1px;
}

.TESTIMONIALS small {
	font-size: 16px;
}

.vericaltext {
	width: 1px;
	/*word-wrap: break-word;*/
	font-size: 24px;
	color: #191919;
	position: absolute;
	left: -30px;
	bottom: -15px;
	transform: rotate(-90deg);
	font-weight: bold;
	letter-spacing: 5px;
}

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

#testimonial .item_caption {
	display: flex;
	justify-content: center;
	flex-direction: column;
	min-height: 280px;
}

#testimonial .owl-dots {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

#testimonial .owl-nav button.owl-next, #testimonial .owl-nav button.owl-prev, #testimonial button.owl-dot {
	background: #777;
	height: 6px;
	width: 20px;
	margin: 5px;
}

#testimonial button.active {
	background: #e6312c;
	width: 30px;
}

#testimonial .item_caption small {
	display: none;
}

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

.res_banner .what_we_do_banner_content {
	top: 30%;
}

.res_banner .what_we_do_banner_content span {
	display: block;
	font-size: 26px;
}

.hire_sec {
	padding-top: 0;
}

.hire_head {
	margin-top: 100px;
}

.hire_head h1 {
	margin: 0;
	font-size: 30px;
	font-weight: normal;
	color: #ed411c;
}

.hire_head strong {
	margin: 20px 0;
	font-weight: 500;
	text-transform: uppercase;
	display: block;
	color: #888;
	font-size: 18px;
}

.hire_head p {
	font-size: 18px;
	line-height: 28px;
	color: #666;
	text-align: justify;
}

.hire_form_bg {
	padding: 30px;
	margin-top: -100px;
	/*box-shadow: 0 5px 40px rgba(0,0,0,.22); */
	background: #112c5d url(../images/career_bg.png) center fixed;
	outline: 10px solid rgba(255, 255, 255, .3);
	background-size: cover;
}

.hire_form textarea {
	resize: none;
}

.hire_form strong {
	color: #fff;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
	text-align: center;
	font-size: 28px;
	font-weight: 500;
}

.hire_form p {
	font-size: 14px;
	color: #ccc;
	margin-bottom: 20px;
	text-align: center;
}

/*.hire_head h1 span {
	display: block;
}*/

.hire_form .form-control {
	font-size: 16px;
	border: none;
	border-radius: 0;
	padding: 10px 15px;
	height: auto;
	box-shadow: none;
	background: #fff;
	border-bottom: 2px solid #fff;
}

.hire_form .form-control:focus {
	border-bottom-color: #ed411c;
}

.hire_form .learn_btn, .btn_sub {
	width: 100%;
	margin: auto;
	background: #ed411c;
	display: block;
	border-radius: 0;
	font-size: 18px;
	color: #fff;
	border-color: #ed411c;
}

.hire_form .learn_btn:hover, .hire_form .learn_btn:focus, .btn_sub:hover, .btn_sub:focus {
	background: #fff;
	border-color: #ed411c;
	color: #ed411c;
}

.hire_card_sec {
	background: #eee url(../images/digital_bg.jpg) left fixed;
	background-size: cover;
}

.hire_card {
	background: #fff;
	padding: 20px;
	text-align: center;
	position: relative;
	min-height: 250px;
	margin-top: 50px;
}

.hire_card img {
	width: auto;
	margin-top: -60px;
	background: #fff;
	padding: 15px;
	box-shadow: 0 2px 30px rgba(0, 0, 0, .18);
	border-radius: 10px;
}

.hire_card h3 {
	margin: 30px 0 20px;
	color: #4264a1;
}

.model_box {
	vertical-align: top;
	border: 2px solid #ccc;
	margin-bottom: 30px;
	position: relative;
	display: table;
	padding: 11px;
}

.model_box strong {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	width: 100px;
	text-align: center;
	position: relative;
}

.model_box p {
	display: table-cell;
	height: 100%;
	padding-left: 50px;
	text-align: left;
	vertical-align: middle;
}

.model_box strong:after {
	background: #ed411c none repeat scroll 0 0;
	content: "";
	height: 17px;
	position: absolute;
	right: -32px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 3px;
}

.advan_content h3 {
	font-weight: normal;
	line-height: 40px;
	margin: 0;
	margin-bottom: 15px;
	color: #555;
}

.advan_content p {
	font-size: 16px;
	line-height: 28px;
	text-align: justify;
}

.middle_box_head {
	margin: 0;
	line-height: 40px;
	color: #ed411c;
	margin-bottom: 15px;
}

.mar_b_0 {
	margin-bottom: 0;
}

.mar_b_100 {
	margin-bottom: 100px;
}

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

.tech_sec {
	background: #eee url(../images/hr_back.jpg) fixed;
}

.tech_sec .w_heading {
	color: #fff;
	margin-bottom: 60px;
}

.tech_sec .w_content .panel {
	background: rgba(0, 0, 0, 0.5);
	border: none;
}

.tech_sec .w_content .panel .panel-title {
	color: #fff;
}

.tech_sec .w_content .panel a[aria-expanded="true"] {
	color: #ed411c;
	background: #ffffff;
}

.tech_sec .w_content .panel a[aria-expanded="true"] h4 {
	color: #ed411c;
}

.tech_sec .w_content .panel .panel-title, .tech_sec .w_content .panel p {
	display: inline-block;
	margin: 0;
}

.tech_sec .w_content .panel .panel-title {
	font-size: 22px;
}

.tech_sec .w_content .panel-heading {
	vertical-align: middle;
}

.w_content .panel a[aria-expanded="false"]::before {
	color: #fff;
}

.tech_sec .w_content .panel a[aria-expanded="true"]::before {
	color: #ed411c;
}

.tech_sec .panel-body {
	background: #fff;
	border-top: 1px solid #ddd;
	padding: 20px 25px;
}

.w_content .panel .panel-body a {
	display: inline-block;
	position: relative;
	padding: 0;
}

.w_content .panel .panel-body .o_dev_tools {
	margin: 0;
}

.step_box {
	margin-top: 100px;
	text-align: center;
}

.step_box .hire_card {
	min-height: inherit;
	display: inline-block;
	border: 1px solid #4264a1;
	margin: 0 1%;
	float: left;
	width: 18%;
	border-radius: 30px;
	position: relative;
}

.step_box .hire_card h3 {
	color: #777;
	font-size: 16px;
	min-height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 23px;
}

.step_box .hire_card strong {
	font-size: 17px;
	color: #fff;
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	margin: auto;
	width: 40px;
	background: #4264a1;
	height: 40px;
	border-radius: 50%;
	line-height: 40px;
}

.tab-pane .card-body {
	margin-bottom: 30px;
	background: url(../images/Philosophy-bg.jpg) fixed;
	background-size: cover;
	border-radius: 10px;
	box-shadow: 0 3px 20px rgba(0, 0, 0, .18);
}

.tab-pane .card-body .row {
	display: flex;
	align-items: center;
	color: #fff;
}

.tab-pane .card-body strong {
	font-size: 20px;
	font-weight: 500;
	display: block;
	margin-bottom: 10px;
}

.tab-pane .card-body p {
	line-height: 27px;
	padding: 0 20px 0 0;
}

.sub_menu {
	background-color: #333;
	position: fixed;
	top: -100px;
	width: 100%;
	z-index: 999;
	display: block;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.w_logo {
	position: absolute;
	left: 30px;
	top: 10px;
	width: 60px;
}

.shadow-effect {
	background: #fff;
	padding: 20px;
	border-radius: 4px;
	text-align: center;
	border: 1px solid #ECECEC;
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
}

#customers-testimonials .shadow-effect p {
	font-family: inherit;
	font-size: 17px;
	line-height: 1.5;
	margin: 0 0 17px 0;
	font-weight: 300;
}

.testimonial-name {
	margin: -17px auto 0;
	display: table;
	width: auto;
	background: #4264a1;
	padding: 9px 35px;
	border-radius: 12px;
	text-align: center;
	color: #fff;
	box-shadow: 0 9px 18px rgba(0, 0, 0, 0.12), 0 5px 7px rgba(0, 0, 0, 0.05);
}

#customers-testimonials .item {
	text-align: center;
	padding-top: 0;
	padding: 20px 30px;
	margin-bottom: 20px;
	-webkit-transform: scale3d(0.8, 0.8, 1);
	transform: scale3d(0.8, 0.8, 1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#customers-testimonials .owl-item.active.center .item {
	opacity: 1;
	-webkit-transform: scale3d(1.0, 1.0, 1);
	transform: scale3d(1.0, 1.0, 1);
}

#customers-testimonials .owl-item img {
	transform-style: preserve-3d;
	max-width: 90px;
	margin: 0 auto 17px;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span, #customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
	background: #4264a1;
	transform: translate3d(0px, -50%, 0px) scale(0.7);
}

#customers-testimonials.owl-carousel .owl-dots {
	display: inline-block;
	width: 100%;
	text-align: center;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot {
	display: inline-block;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
	background: #4264a1;
	display: inline-block;
	height: 20px;
	margin: 0 2px 5px;
	transform: translate3d(0px, -50%, 0px) scale(0.3);
	transform-origin: 50% 50% 0;
	transition: all 250ms ease-out 0s;
	width: 20px;
}

.testimonials_sec {
	background: #eee url(../images/career_bg.png) fixed;
	background-size: cover;
}

#lDevelopers, #lMODULES, #lADVANTAGES, #lSERVE, #lHIRING, #lTESTIMONIAL {
	position: relative;
	top: -150px;
}

.res_banner p {
	font-size: 42px;
}

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

.tabs-left>.nav-tabs {
	border-bottom: 0;
}

.tabs-left .tab-content>.active, .tabs-left .pill-content>.active {
	display: block;
}

.tabs-left>.nav-tabs>li {
	float: none;
}

.tabs-left>.nav-tabs {
	float: left;
	width: 37%;
}

.tabs-left>.nav-tabs>li>a {
	border: none;
	border-left: 5px solid #ddd;
	border-radius: 0;
	font-size: 16px;
	text-transform: capitalize;
	padding: 15px;
	color: #888;
}

.tabs-left>.nav-tabs>li>a:hover, .tabs-left>.nav-tabs>li>a:focus {
	border-left: 5px solid #ddd;
	color: #000;
}

.tabs-left>.nav-tabs .active>a, .tabs-left>.nav-tabs .active>a:hover, .tabs-left>.nav-tabs .active>a:focus {
	border: none;
	border-left: 5px solid #f89521;
	color: #000;
	font-size: 20px;
}

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

.tabs-left {
	padding: 50px;
}

.tabs-left .tab-content {
	width: 63%;
	float: right;
	padding: 0 30px;
	position: relative;
	overflow: hidden;
	min-height: 550px;
}

.tabs-left .tab-pane {
	padding-bottom: 20px;
}

.form_group .apply_tbox {
	width: 100%;
	padding: 10px;
	font-size: 16px;
	margin-bottom: 20px;
	outline: none;
	border: 2px solid #D5D5D5;
	box-shadow: 0 0 0 #fff inset;
}

.form_group .apply_tbox:focus {
	box-shadow: 450px 0 0 #eee inset;
}

.tabs-left .app_btn {
	border-radius: 5px;
	background-color: #21c2f8;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	padding: 11px 0;
	margin: 0 10px;
	border: none;
	outline: none;
	display: inline-block;
	width: 100px;
}

.next_prev_btns {
	display: block;
	margin-top: 20px;
	text-align: center;
}

.tabs-left .app_btn:hover, .tabs-left .app_btn:focus {
	box-shadow: 0 2px 4px rgba(0, 0, 0, .18);
	background: #f89521;
	color: #fff;
}

.tabs-left .panel-heading a {
	display: block;
	padding: 15px;
	color: #666;
	position: relative;
}

.tabs-left .panel-heading a[aria-expanded="true"] {
	background: #21c2f8;
	color: #fff;
}

.tabs-left .panel-heading a[aria-expanded="true"]::before {
	content: "\f107";
	position: absolute;
	right: 15px;
	top: 10px;
	font-family: fontawesome;
	font-size: 25px;
	color: #fff;
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.tabs-left .panel-heading a[aria-expanded="false"]::before {
	content: "\f107";
	position: absolute;
	right: 15px;
	top: 10px;
	font-family: fontawesome;
	font-size: 25px;
	color: #999;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.tabs-left .panel-default>.panel-heading {
	padding: 0;
	border: none;
}

.tabs-left .panel-default>.panel-heading+.panel-collapse>.panel-body {
	border: none;
}

.tabs-left .panel-default {
	box-shadow: none;
	margin-bottom: 10px;
	border: 1px solid #eee;
}

.tabs-left .panel-body li {
	font-size: 15px;
	color: #000;
}

.tabs-left .panel-title {
	font-size: 18px;
	font-weight: bold;
}

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

.check_box_div .form-group {
	display: block;
	margin-bottom: 20px;
	background: #eee;
	padding: 15px;
	font-size: 16px;
}

.check_box_div .form-group input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.check_box_div .form-group label {
	position: relative;
	cursor: pointer;
	margin: 0;
}

.check_box_div .form-group label:before {
	content: '';
	-webkit-appearance: none;
	background-color: transparent;
	border: 2px solid #0079bf;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 10px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 10px;
}

.check_box_div .form-group input:checked+label:after {
	content: '';
	display: block;
	position: absolute;
	top: 4px;
	left: 9px;
	width: 6px;
	height: 14px;
	border: solid #0079bf;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.case_card {
	display: table;
	box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	border-radius: 5px;
	margin-bottom: 30px;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.case_card .case_img {
	vertical-align: middle;
	display: table-cell;
	width: 35%;
	border-right: 2px solid #eee;
	padding: 15px;
}

.case_card .case_content {
	vertical-align: middle;
	display: table-cell;
	padding: 30px 20px;
}

.case_content a {
	display: block;
	margin-bottom: 10px;
	color: #4264a1;
}

.case_content a h3 {
	margin: 0;
	font-size: 22px;
	font-weight: 500;
}

.case_content .learn_btn {
	display: inline-block;
	margin: 0;
	border: none;
	padding: 0;
	float: right;
	font-size: 14px;
	background: none;
	color: #ed411c;
	position: relative;
}

.case_content .learn_btn::before {
	content: "";
	position: absolute;
	left: -30px;
	width: 20px;
	background: #ed411c;
	height: 2px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.case_content p {
	margin: 13px 0;
	min-height: 105px;
}

.case_card:hover .case_content a {
	color: #ed411c;
}

.case_card:hover .case_content .learn_btn:hover {
	color: #000;
}

.case_card:hover {
	box-shadow: 0 2px 25px rgba(0, 0, 0, .30);
}

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

.user_review .model_box {
	padding: 25px;
	position: relative;
	border-color: #ddd;
	margin-top: 40px;
	min-height: 160px;
}

.user_review .model_box strong {
	font-size: 22px;
	text-transform: capitalize;
	font-weight: 500;
	color: #4264a1;
}

.user_review .model_box img {
	position: absolute;
	top: -40px;
	width: 70px;
	height: 70px;
	left: 40px;
	margin: auto;
	border-radius: 50%;
	padding: 3px;
	border-bottom: none;
	border: 2px solid #ddd;
	background: #fff;
}

.user_review .model_box strong:after {
	height: 30px;
}

.case_content .l_list li::before, .style_2 li:before {
	content: "\f054";
	font-size: 12px;
	top: 2px;
	transform: none;
	color: #939bac;
}

.case_content .l_list li {
	padding-left: 20px;
}

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

.o_card {
	margin: 25px 0;
	padding: 0 15px;
}

.o_card_content h3 {
	margin: 0;
	font-size: 22px;
	font-weight: 500;
	color: #4264a1;
}

.o_card_content {
	width: 90%;
	margin: auto;
	margin-top: -40px;
	background: #fff;
	position: relative;
	padding: 25px 15px;
	text-align: center;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .20);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.o_card_content p {
	margin: 15px auto;
}

.o_card_content a {
	color: #ed411c;
	text-transform: uppercase;
	font-weight: 500;
}

.o_card_content a:hover, .o_card_content a:focus {
	color: #000;
}

.Our_Expertise_Sec {
	background: #eee url(../images/career_bg.png) fixed;
}

.w_content .panel-body strong {
	color: #4264a1;
	font-weight: 500;
	font-size: 18px;
}

.red_link {
	color: #ed411c;
}

.hire_form .btn_sub {
	width: 180px;
	margin: 0;
	margin-top: 20px;
}

.contactus .hire_form {
	background: #eee;
	padding: 30px;
}

.office_add h3 {
	margin-top: 0;
	margin-bottom: 15px;
	color: #4264a1;
	font-size: 20px;
}

/*
.page-scroll.active{
	background: #fff;
}*/

.sub_head {
	color: #fff;
	text-align: center;
	width: 70%;
	margin: auto;
	margin-top: -30px;
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 50px;
}

.black_text {
	color: #666;
}

.img_ul {
	margin-top: 20px;
}

.img_ul li {
	display: inline-block;
	width: 20%;
	border-radius: 5px;
	background: #333;
	padding: 10px;
	margin-right: 10px;
}

.o_dev_tools.dark_theme a {
	border: 1px solid #fff;
}

.address_div {
	background: #424242;
	padding: 20px;
	width: 60%;
	margin: 0 auto 40px;
}

.address_divadd {
	line-height: 27px;
	margin-bottom: 15px;
}

.address_div p {
	margin: 0;
}

.address_div strong {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
	display: block;
	color: #fff;
}

.address_div .address {
	margin-top: 10px;
	display: block;
	color: #e7e950;
}

.address_div .address i {
	margin-right: 5px;
	color: #e7e950;
}

footer .heading {
	text-align: left;
	font-size: 22px;
	text-transform: uppercase;
	line-height: 30px;
	color: #fff;
	padding-bottom: 10px;
	margin-bottom: 20px;
	position: relative;
}

footer .heading::before {
	content: " ";
	position: absolute;
	bottom: 0;
	height: 2px;
	width: 60px;
	background-color: #ed411c;
	left: 0;
	right: auto;
	margin: auto;
}

.address a {
	color: #fff;
}

footer ul li {
	list-style: none;
	padding-left: 18px;
	margin-bottom: 15px;
	position: relative;
	display: inline-block;
	color: #fff;
	width: 40%;
}

footer ul li:before {
	content: "\f105";
	font-family: fontawesome;
	font-size: 14px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	color: #e7e950;
}

footer a:hover {
	color: #ed411c;
}

footer a {
	color: #fff;
}

.footer_div {
	min-height: 180px;
	display: flex;
	align-content: center;
	justify-content: center;
	flex-direction: column;
}

.footer_div span {
	margin-top: 20px;
	color: #999;
	display: block;
	text-align: center;
}

.address i {
	color: #e7e950;
	margin-right: 4px;
}

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

.custom_model .modal-dialog {
	top: 25%;
	width: 700px;
}

.model_img {
	padding: 50px 0 120px;
	text-align: center;
	background: url(../images/model_bg.jpg) center;
	background-size: cover;
	color: #fff;
}

.model_img h2, .model_img p {
	margin: 0;
}

.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: 0.75;
}

.custom_model .modal-content {
	-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, .7);
	box-shadow: 0 0 50px rgba(0, 0, 0, .7);
}

.model_img h1 {
	font-size: 35px;
	font-weight: 400;
}

.model_img p {
	font-size: 16px;
	margin-top: 10px;
}

.custom_model ul {
	text-align: center;
	margin: 0;
	position: relative;
	top: -50px;
}

.custom_model ul li {
	display: inline-block;
	margin: 0 4%;
}

.custom_model ul img {
	width: 100px;
	height: 100px;
	display: block;
	margin: auto;
	background: #333;
	padding: 20px;
	border-radius: 15px;
	margin-bottom: 15px;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	box-shadow: 0 0 0 rgba(0, 0, 0, .30);
}

.custom_model ul a {
	display: block;
	text-transform: uppercase;
	font-size: 18px;
	color: #ed411c;
}

.custom_model ul a:hover, .custom_model ul a:focus {
	color: #333;
}

.custom_model ul a:hover img, .custom_model ul a:focus img {
	background: #ed411c;
	box-shadow: 0 0 30px rgba(0, 0, 0, .30);
}

.custom_model .close {
	font-size: 40px;
	text-shadow: none;
	color: #ffff;
	opacity: 1;
	position: absolute;
	top: -45px;
	right: -32px;
}

.right_pc_img {
	right: auto;
	left: 0;
}

.ul_icon_list li {
	float: left;
	width: 25%;
	margin-bottom: 10px;
}

.ul_icon_list {
	margin-bottom: 30px;
}

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

.banner .container {
	position: relative;
}

.banner .owl-dots {
	position: absolute;
	right: auto;
	top: auto;
	z-index: 10;
	bottom: 20px;
	left: 17%;
	margin: auto;
	text-align: center;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.banner button.owl-dot {
	background: #fff;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	opacity: 1;
	display: inline-block;
	margin: 10px;
	position: relative;
	z-index: 2;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.banner button.owl-dot.active::before {
	content: "";
	position: absolute;
	left: -5px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 20px;
	width: 20px;
	border: 2px solid #fff;
	border-radius: 50%;
	z-index: 0;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.banner button.owl-dot.active {
	background: #fff;
}

.banner .item_caption strong {
	font-size: 45px;
	font-weight: 300;
	color: #fff;
	margin-bottom: 20px;
	display: inline-block;
	position: relative;
}

.banner .item_caption strong::after {
	content: "";
	background: #fff;
	width: 50px;
	height: 2px;
	display: block;
	margin: auto;
	margin-top: 20px;
}

.banner .item_caption li p {
	font-size: 12px;
	margin: 0;
	color: #fff;
	margin-top: 10px;
	padding: 0 10px;
}

.banner .item_caption .learn_btn {
	display: inline-block;
	width: 300px;
	text-align: center;
	color: #fff;
	padding: 15px;
	border-color: #fff;
	margin: 20px auto 0;
}

.banner .item_caption .learn_btn:hover, .banner .item_caption .learn_btn:focus {
	background: #ed411c;
}

.banner .item_caption li {
	display: inline-block;
	width: 35%;
	padding: 10px 5px;
	background: rgba(0, 0, 0, 0.45);
	margin: 10px;
	text-transform: uppercase;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
	border-radius: 5px;
	vertical-align: middle;
}

.banner .item_caption li img {
	width: 45px;
	display: block;
	margin: auto;
}

.How_We_Are_sec {
	background: url(../images/gree_bg.jpg) center fixed;
	background-size: cover;
}

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

.service_div {
	position: relative;
	margin-top: 50px;
}

.service_div>img {
	width: 80%;
	margin: auto;
}

.service_div ul li {
	position: absolute;
	text-align: center;
	font-weight: 500;
}

/*.service_div ul li img{
	background: #000;
}*/

.service_div ul li p {
	margin-top: 10px;
	font-size: 18px;
	text-transform: uppercase;
}

.p_step1 {
	top: -30px;
	right: 360px;
}

.p_step2 {
	top: 40px;
	right: 182px;
}

.p_step3 {
	top: 193px;
	right: 186px;
}

.p_step4 {
	bottom: 64px;
	right: 183px;
}

.p_step5 {
	bottom: 0;
	left: 338px;
}

.p_step8 {
	top: 40px;
	left: 182px;
}

.p_step7 {
	top: 193px;
	left: 186px;
}

.p_step6 {
	bottom: 64px;
	left: 183px;
}

.service_div .w_heading {
	position: absolute;
	top: 12px;
	bottom: 0;
	left: 0px;
	right: 0;
	margin: auto;
	height: 165px;
	width: 165px;
	font-size: 25px;
	color: #fff;
	background: #4264a1;
	padding: 15px;
	padding-top: 53px;
	border-radius: 50%;
}

.long_term_sec {
	background: #333 url(../images/career_bg.png) fixed;
	background-size: cover;
	color: #fff;
}

.long_term_sec .sub_head {
	font-size: 18px;
}

.p_design {
	width: 75%;
	margin: auto;
	display: block;
	text-align: center;
	font-size: 16px;
	padding: 30px;
	border: 1px solid #fff;
	position: relative;
	background: rgba(0, 0, 0, .15);
}

/*.p_design::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -25px;
	margin: auto;
	height: 25px;
	width: 25px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 15px solid #fff;
}
.p_design::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -25px;
	margin: auto;
	height: 25px;
	width: 25px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 15px solid #fff;
}*/

.long_term_sec .step_box {
	position: relative;
	color: #000;
}

.long_term_sec .step_box .hire_card {
	width: 23%;
	min-height: 230px;
	border: none;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

/*.long_term_sec .step_box .hire_card:hover {
	background: #4264a1;
	color: #fff;
}*/

.long_term_sec .l_list {
	margin-top: 0;
	margin-bottom: 20px;
}

.long_term_sec .l_list li {
	padding: 0;
}

.long_term_sec .l_list li::before {
	content: "\f054";
	font-size: 12px;
	margin-right: 10px;
	transform: none;
	color: #939bac;
	position: initial;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

/*.long_term_sec .step_box .hire_card:hover li:before {
	color: #fff;
}*/

.long_term_sec .hire_card h3 {
	margin-bottom: 0;
	margin-top: 0;
	text-transform: uppercase;
	font-size: 18px;
	padding: 20px 35px;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.long_term_sec .hire_card img {
	width: 80px;
	padding: 20px;
}

.long_term_sec .hire_card_last {
	background: #4264a1;
	color: #fff;
}

.long_term_sec .hire_card_last .learn_btn {
	color: #fff;
	margin-top: 10px;
	background: #ed411c;
	border-color: #fff;
}

.long_term_sec .hire_card_last .learn_btn:hover {
	background: transparent;
}

.long_term_sec .hire_card_last .learn_btn i {
	margin-left: 5px;
	font-size: 18px;
	display: inline-block;
}

.long_term_sec .hire_card_last h3 {
	color: #fff;
}

/*.long_term_sec .step_box .hire_card:hover h3 {
	color: #fff;
}*/

.step_box .hire_card .bg_1 {
	border: 5px solid #faac01;
}

.long_term_sec .step_box .hire_card1:hover h3 {
	color: #faac01;
}

.step_box .hire_card .bg_2 {
	border: 5px solid #22e8e8;
}

.long_term_sec .step_box .hire_card2:hover h3 {
	color: #22e8e8;
}

.step_box .hire_card .bg_3 {
	border: 5px solid #a8f562;
}

.long_term_sec .step_box .hire_card3:hover h3 {
	color: #a8f562;
}

.step_box .hire_card .bg_4 {
	border: 5px solid #e38eff;
}

.long_term_sec .step_box .hire_card strong {
	background: #fff;
	bottom: -13px;
	width: 30px;
	height: 30px;
}

.color_ul li {
	float: left;
	width: 18%;
	text-align: center;
	background: #eee;
	margin: 20px 12px 0;
	padding: 30px 25px;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	overflow: hidden;
	position: relative;
	color: #666;
}

.color_ul li:first-child {
	margin-left: 0;
}

.color_ul li:last-child {
	margin-right: 0;
}

.color_ul li .indu_icon {
	height: 65px;
	width: 80px;
	display: block;
	margin: auto;
	background: #999;
	padding: 15px 15px 0;
	border-radius: 10px;
	margin-bottom: 10px;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.color_ul li strong {
	min-height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	margin-top: 20px;
	font-weight: 500;
}

.color_ul li .indu_bg {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
}

.color_ul li:hover {
	color: #fff;
	background: rgba(0, 0, 0, 0);
	box-shadow: 0 5px 30px rgba(0, 0, 0, .35);
}

.color_ul li:hover .indu_icon {
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	background: transparent;
}

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

.lets_sec li {
	float: left;
	width: 25%;
}

.SEGMENTS {
	background: url(../images/o_soft_bg.jpg) fixed;
	background-size: cover;
	padding: 80px 0;
}

.SEGMENTS .title h4 {
	color: #fefeff;
}

.insurance li {
	padding: 30px 15px 5px 15px;
	float: left;
	width: 25%;
	text-align: center;
	position: relative;
	margin-top: 50px;
	background: transparent;
	border: 2px solid #fff;
	border-right-width: 0px;
	/*box-shadow: 0 0 0 rgba(255,255,255,.3) inset;*/
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	color: #fff;
}

.insurance li:last-child {
	border-right-width: 2px;
}

.insurance li i {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 70px;
	height: 70px;
	line-height: 70px;
	top: -35px;
	font-size: 30px;
	background: #fff;
	box-shadow: 0 2px 30px rgba(0, 0, 0, .18);
	border-radius: 10px;
	color: #ed411c;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.insurance li h3 {
	font-size: 22px;
	text-transform: uppercase;
}

.insurance li a {
	font-size: 15px;
	color: #fff;
}

/*.insurance li a:before {
	content: "";
	position: absolute;
	top: -23px;
	background: #fff;
	width: 2px;
	height: 23px;
	left: 0;
	right: 0;
	margin: auto;
}
.insurance li a {
	font-size: 16px;
	color: #1ed1b1;
	border: 1px solid #ffffff;
	position: absolute;
	bottom: 0px;
	line-height: 36px;
	width: 130px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: -1;
	opacity: 0;
}
.insurance li:hover a {
	z-index: 1;
	opacity: 1;
	bottom: -60px;
}*/

.insurance li:hover {
	background: #fff;
	color: #000;
}

.insurance li:hover a {
	color: #000;
}

.shead_1 {
	background: #adc9fb;
}

.shead_2 {
	background: #d1e1ff;
}

.shead_3 {
	background: #adc9fb;
}

.shead_4 {
	background: #d1e1ff;
}

.our_service_sec {
	background: url(../images/career_bg.png) fixed;
}

/*- Back To Top -*/

#stop {
	position: fixed;
	right: 20px;
	bottom: 60px;
	cursor: pointer;
	width: 53px;
	height: 53px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	z-index: 5;
	border: 2px solid #fff;
	background-color: #e57a44;
}

#stop i {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 18px;
	color: #fff;
	margin: auto;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 46px;
}

#scroll:hover {
	background-color: #2a93d4;
	opacity: 1;
}

.scrollTop {
	opacity: 0;
	transition: all 0.4s ease-in-out 0s;
}

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

.serve_sec ul {
	float: left;
	width: 18%;
	margin-right: 7%;
}

.serve_sec ul li {
	background: #000;
	padding: 5px 5px 10px;
	margin: 0;
	color: #fff;
	margin-bottom: 20px;
	text-align: center;
	width: 100%;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.serve_sec .color_ul li strong {
	min-height: inherit;
	display: block;
	font-size: 16px;
	margin-top: 0;
	font-weight: 400;
}

.serve_sec ul li .indu_icon {
	background: transparent;
}

.serve_sec ul li.ib1, .serve_sec ul li.ib6 {
	margin-top: 100px;
}

.serve_sec ul li:last-child {
	margin-bottom: 0;
}

.serve_sec ul li.ib1 {
	background-color: #e78087;
}

.serve_sec ul li.ib2 {
	background-color: #4ad0a7;
}

.serve_sec ul li.ib3 {
	background-color: #b3ce73;
}

.serve_sec ul li.ib4 {
	background-color: #6bcae3;
}

.serve_sec ul li.ib5 {
	background-color: #96bbe7;
}

.serve_sec ul li.ib6 {
	background-color: #b9adf6;
}

.serve_sec ul li.ib7 {
	background-color: #53bbfd;
}

.serve_sec ul li.ib8 {
	background-color: #5dd2d6;
}

.serve_sec ul li.ib9 {
	background-color: #f9939a;
}

.serve_sec ul li.ib10 {
	background-color: #c1db83;
}

.serve_sec .color_ul li:hover {
	color: #fff;
	background: rgba(0, 0, 0, 0);
}

.serve_div .w_heading {
	margin-top: 70px;
}

.serve_div p {
	font-size: 16px;
	line-height: 28px;
}

.mb_box {
	color: #888;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	box-shadow: 0 0 0 rgba(0, 0, 0, .25);
	border-radius: 10px;
	padding: 20px 20px 0;
	margin-top: 100px;
	text-align: center;
	position: relative;
	background: #fff;
}

.mb_box span {
	font-weight: 500;
	font-size: 16px;
	color: #ed411c;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	margin-top: 10px;
	min-height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
	text-transform: uppercase;
}

.card-border {
	position: absolute;
	left: 0;
	right: 0;
	top: -45px;
	width: 90px;
	height: auto;
	margin: auto;
	background-color: rgba(255, 255, 255, .3);
	border-radius: 20px;
	border: 1px solid #fff;
	line-height: 90px;
}

.card-border img {
	width: 65px;
	text-align: center;
	font-size: 30px;
	border: 3px solid #F4F3F1;
	color: #fff;
	border-radius: 15px;
	/*box-shadow: 0 -2px 0px #fff;*/
	padding: 10px;
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.mb_box p {
	color: #666;
	padding-top: 15px;
	padding-bottom: 15px;
}

.mb_box:hover span {
	color: #ed411c;
}

.mb_box:hover {
	box-shadow: 0 0 50px rgba(0, 0, 0, .35);
}

.mb_box:hover img {
	-moz-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.mb1 .card-border img {
	background-color: #d26269;
}

.mb2 .card-border img {
	background-color: #34b58e;
}

.mb3 .card-border img {
	background-color: #8eae43;
}

.mb4 .card-border img {
	background-color: #3ba5c1;
}

.mb5 .card-border img {
	background-color: #5e92cf;
}

.mb6 .card-border img {
	background-color: #8575d3;
}

.mb7 .card-border img {
	background-color: #3395d3;
}

.mb8 .card-border img {
	background-color: #d26269;
}

.How_We_Are_sec .sub_head {
	font-weight: 400;
	margin-bottom: 0;
}

.inde_img {
	left: 7%;
}

.long_term_sec .step_box .hire_card1 {
	border: 3px solid #faac01;
}

.hire_card1 img {
	background: #faac01;
}

.long_term_sec .step_box .hire_card2 {
	border: 3px solid #22e8e8;
}

.hire_card2 img {
	background: #22e8e8;
}

.long_term_sec .step_box .hire_card3 {
	border: 3px solid #a8f562;
}

.hire_card3 img {
	background: #a8f562;
}

.banner .item_caption {
	position: absolute;
	z-index: 1;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	margin: auto;
	background-size: cover;
	padding: 60px;
	text-align: center;
	left: 0;
	top: 0;
	bottom: 0;
	width: 40%;
}

.banner .item_caption {
	background: rgba(0, 158, 190, 0.8);
}

.banner .item_caption p {
	font-size: 20px;
}

.banner .item_caption2 {
	background: rgba(90, 141, 255, 0.8);
}

.banner .item_caption3 {
	background: rgba(89, 188, 107, 0.7);
}

.star_style li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
	color: #fff;
}

.star_style li::before {
	content: "\f005";
	position: absolute;
	left: 0;
	top: 0;
	font-family: "fontawesome";
	color: #e7e950;
}

.pad_0 {
	padding: 0;
}

.DRUPAL_bg {
	background: url(../images/drupal.png) no-repeat;
	background-size: cover;
}

.joomla-cms .right_abs {
	width: 46%;
}

/*----------- SITEMAP CSS -----------*/

.project-sitemap {
	padding: 50px;
	padding-bottom: 30px;
	color: #444;
	box-shadow: 0 0 10px rgba(0, 0, 0, .25);
}

.project-title {
	margin: 0 0 .2em;
	text-transform: uppercase;
	font-size: 28px;
	line-height: 1.2;
}

.project-subtitle {
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2;
	color: #666;
}

.sitemap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	padding: 0;
}

.sitemap a {
	position: relative;
	z-index: 10;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: .5em 1em;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	border-bottom-width: 3px;
	background: #f9f9f9;
	font-weight: 500;
	text-decoration: none;
	color: #595959;
}

.sitemap-main {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
	margin-bottom: 1em;
}

.sitemap-main a {
	margin-bottom: .5em;
	margin-left: .2em;
	text-transform: uppercase;
}

.sitemap-main ul {
	position: relative;
	padding-left: 2em;
}

.sitemap-main>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.sitemap-main>ul>li {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.sitemap li {
	margin-right: 1em;
	list-style: none;
}

/* Handle grid lines */

.sitemap-main li:before, .sitemap-main li:after {
	display: inline-block;
	width: 1em;
	border: 2px solid #ccc;
	border-right: none;
	border-top: none;
	content: "";
}

.sitemap-main li:after {
	position: absolute;
	left: 2em;
	bottom: 0;
	width: 2px;
	height: 100%;
}

.sitemap-main ul:before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 2px;
	height: 100%;
	background: #ccc;
	content: "";
}

.sitemap-main>ul:before {
	display: none;
}

.sitemap-main li:last-child:after {
	border-color: #ccc;
	bottom: auto;
	height: 23px;
}

/* The home/top level link */

.sitemap-root {
	margin-bottom: 2em;
}

.sitemap-root>a {
	min-width: 8em;
	background: #939bac;
	border-color: #939bac;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}

.sitemap-root>a:before {
	color: #f2f2f2;
}

.sitemap-root>a:after {
	position: absolute;
	bottom: -2.6em;
	left: calc(2em - 1px);
	display: block;
	width: 2px;
	height: 2em;
	background: #ccc;
	content: "";
}

.sitemap-main>ul>li>a {
	background: #eee;
	border-color: #eee;
}

.sitemap-main ul ul ul a {
	background: #fff;
}

.sitemap-aux {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
	font-size: .9em;
}

.sitemap-aux ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
}

.sitemap-aux li {
	margin: 0 .5em .5em 0;
}

.sitemap-aux a {
	background: #eee;
	border-color: #eee;
	text-transform: uppercase;
}

.sitemap-main .after_none:after {
	display: none;
}

.sitemap-main .sub_after:before {
	display: none;
}

.footer_social_link {
	text-align: center;
}

.footer_social_link a {
	margin: 0 10px;
	font-size: 22px;
}

.page-sectionone {
	padding: 20px 0;
}

.number_ul {
	list-style: none;
}

.number_ul li {
	margin-bottom: 10px;
}

select#submenu {
	width: 100%;
	padding: 10px 15px;
	border: none;
	margin-bottom: 15px;
}

@media screen and (max-width: 1024px) {
	.sitemap-aux li {
		width: 31.5%;
	}
}

@media screen and (max-width: 991px) {
	.sitemap li {
		margin-right: 0;
	}
}

@media (min-width: 600px) {
	.sitemap-aux {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
}

@media screen and (max-width: 480px) {
	.project-sitemap {
		padding: 20px;
	}
	.sitemap-main ul ul ul a {
		font-size: 12px;
		padding: 10px 6px;
	}
	.sitemap-aux li {
		width: 46.5%;
	}
	.sitemap-main ul {
		position: relative;
		padding-left: 0px;
	}
	.sitemap-main li:before, .sitemap-main li:after {
		display: none;
	}
	.sitemap-main ul:before {
		display: none;
	}
}

@media screen and (max-width: 420px) {
	.sitemap {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.sitemap-aux ul {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	.sitemap-aux li {
		width: 100%;
	}
}
.new-two-side-ul li {
    width: 45%;
    display: inline-block;
    margin-right: 15px;
	color: #337ab7;
}