/*--common style start--*/ 

* {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
article, aside, details, figure, footer, header, nav, section {
	display: block;
	}
	
body {
	width: 100%;
	height: auto;
	font-family: Arial;
	/*max-width: 1315px;*/
	margin:  70px auto 0;
	overflow-x:hidden;
	}

img {
	border: 0;
	outline: none;
	}
	
a,a:hover{
	text-decoration:none;
	outline: none;
	}
	
ol, ul {
	list-style: none;
	}
		
.clear {
	clear: both;
	}
	
.fl {
	float: left;
	}
	
.fr {
	float: right;
	}
	
/*--common style end--*/


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 24, 2017 */



@font-face {
	font-family: 'latoblack';
	src: url('../fonts/lato-black_0-webfont.woff2') format('woff2'),
	url('../fonts/lato-black_0-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
	font-family: 'latoheavy';
	src: url('../fonts/lato-heavy-webfont.woff2') format('woff2'),
	url('../fonts/lato-heavy-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
	font-family: 'latoitalic';
	src: url('../fonts/lato-italic_0-webfont.woff2') format('woff2'),
	url('../fonts/lato-italic_0-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
	font-family: 'latolight';
	src: url('../fonts/lato-light_0-webfont.woff2') format('woff2'),
	url('../fonts/lato-light_0-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
	font-family: 'latomedium';
	src: url('../fonts/lato-medium-webfont.woff2') format('woff2'),
	url('../fonts/lato-medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
	font-family: 'latoregular';
	src: url('../fonts/lato-regular_0-webfont.woff2') format('woff2'),
	url('../fonts/lato-regular_0-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
	font-family: 'latosemibold';
	src: url('../fonts/lato-semibold-webfont.woff2') format('woff2'),
	url('../fonts/lato-semibold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}

header {
	background: #fff;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 10;
	}

.inner_box {
	max-width: 1140px;
	margin: 0 auto;
	width: 96%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}

.logo_left {
	float: left;
	width: 30%;
	display: inline-block;
	}

.logo_left a {
	padding: 7px 0;
	display: block;
	}

.logo_left a img {
	display: block;
	}

.logo_right {
	float: right;
	width: 70%;
	display: inline-block;
	}

.slider_img {
	display: block;
	width: 100%;
	}

menu {
	width: calc( 100% - 250px);
	/*width: 100%;*/
	float: right;
	display: inline-block;
	margin: 10px 14px 0 0;
	}

menu, menu ul {
	display: block;
	text-align: right;
	}

menu ul li {
	display: inline-block;
	position: relative;
	overflow: hidden;
	}

menu ul li:before {
	content: "";
	width: 2px;
	height: 20px;
	margin: auto;
	position:  absolute;
	top: 0;
	bottom: 0;
	right: 0;
	background: #c0c0c0;
	}

menu ul li:last-child:after {
	display: none;
	}

menu ul {
	margin-top: 13px;
	}

menu ul li:last-child:before {
	display: none !important;
	}

menu ul li a {
	color: #000;
	padding: 10px 17px;
	font-size: 18px;
	display: inline-block;
	font-family: 'latomedium';
	}

menu ul li a:after {
	content: "";
	width: 17px;
	height: 3px;
	background: #fad00f;
	margin: 0 auto;
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	}

menu ul li.active a:after, menu ul li a:hover:after {
	bottom: 3px !important;
	}

.social_list {
	background: #e7e7e7;
	padding: 30px 0;
	display: inline-block;
	width: 125px;
	float: right;
	text-align: center;
	display: block;
	height: 24px;
	}

.social_list a {
	display: inline-block;
	width: 24px;
	height: 24px;
	border: 1px solid transparent;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	}

.social_list a.face {
	background: url(../images/facebook.png) no-repeat center center;
	}

.social_list a.twitter {
	background: url(../images/twitter_icon.png) no-repeat center center;
	}

.social_list a.gmail {
	background: url(../images/gmail_icon.png) no-repeat center center;
	}

.social_list a:hover {
	/*border: 1px solid #fff;
	border-radius: 10px;*/
	-moz-transform: scale(1.2) rotate(20deg);
	-webkit-transform: scale(1.2) rotate(20deg);
	-o-transform: scale(1.2) rotate(20deg);
	-ms-transform: scale(1.2) rotate(20deg);
	transform: scale(1.2) rotate(20deg);
	}

 /*.slider_bg {*/
	/*background: #3556a5;*/
	/*}*/

.leading_bg {
	background: url(../images/content_bg1.png) no-repeat top right ;
	/*padding:  120px 0 140px 0;*/
	background-size: auto 100%;
	max-width: 1323px;
	width: 100%;
	margin: 0 auto;
	}

.leading_ctn {
	width: 63%;
	display:  block;
	padding: 80px 0;
	}

.leading_ctn h4 {
	color: #000;
	font-size: 40px;
	padding: 18px 0;
	display: block;
	position: relative;
	font-family: 'latoheavy';
	}

.leading_ctn h4:after {
	content: "";
	position: absolute;
	width: 90px;
	height: 4px;
	background: #fad31e;
	bottom: 0;
	left: 0;
	display: block;
	border-radius: 2px;
	}

.leading_ctn p {
	color: #545454;
	font-size: 20px;
	line-height: 30px;
	padding-top: 30px;
	font-family: 'latosemibold';
	}

.moreinfo {
	background: #9bc93d;
	color: #fff;
	font-size: 24px;
	padding:  16px 30px;
	border-radius: 8px;
	display: inline-block;
	margin: 70px 0 0;
	font-family: 'latomedium';
	position: relative;
	z-index: 1;
	overflow: hidden;
	}

.moreinfo:after {
	width: 100%;
	height: 100%;
	content: "";
	top: 0;
	bottom: 0;
	left: -100%;
	background: #fad00f;
	z-index: -2;
	position: absolute;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	}

.moreinfo:hover:after {
	left: 0;
	}


	/*
	.moreinfo:hover:after {
		width: 0;
		height: 0;
		}
	*/


.ourservice_box {
	padding: 50px 0;
	}

.ourservice_box h3 {
	color: #000000;
	font-size: 45px;
	display: block;
	padding: 25px 0;
	text-align: center;
	position:  relative;
	margin: 20px 0;
	font-family: 'latolight';
	}

.ourservice_box h3:after {
	content: "";
	position: absolute;
	width: 90px;
	height: 4px;
	background: #d2268f;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	border-radius: 2px;
	}

.ourservice_list {
	display: block;
	}

.ourservice_list li {
	display: inline-block;
	width: 32%;
	margin: 20px 0;
	vertical-align: top;
	}

.ourservice_list li:nth-of-type(2),.ourservice_list li:nth-of-type(5) {
	margin-left: 1.5%;
	margin-right: 1.5%;
	}

.ourservice_list li span {
	width: 150px;
	height: 150px;
	display: block;
	border-radius: 50%;
	margin: 10px auto;
	}

.customizedprojects {
	background: #234493 url(../images/customizedprojects.png) no-repeat center center ;
	}

.mobileapplications {
	background: #234493 url(../images/mobileapplications.png) no-repeat center center ;
	}

.ecommerce {
	background: #234493 url(../images/ecommerce.png) no-repeat center center ;
	}

.maintenanceandsupport {
	background: #234493 url(../images/maintenanceandsupport.png) no-repeat center center ;
	}

.technicalconsulting {
	background: #234493 url(../images/technicalconsulting.png) no-repeat center center ;
	}

.resourceconsulting {
	background: #234493 url(../images/resourceconsulting.png) no-repeat center center ;
	}

.ourservice_list li:hover span.customizedprojects {
	background: #d2268f url(../images/customizedprojects.png) no-repeat center center ;
}

.ourservice_list li:hover span.mobileapplications {
	background: #d2268f url(../images/mobileapplications.png) no-repeat center center ;
}

.ourservice_list li:hover span.ecommerce {
	background: #d2268f url(../images/ecommerce.png) no-repeat center center ;
}

.ourservice_list li:hover span.maintenanceandsupport {
	background: #d2268f url(../images/maintenanceandsupport.png) no-repeat center center ;
}

.ourservice_list li:hover span.technicalconsulting {
	background: #d2268f url(../images/technicalconsulting.png) no-repeat center center ;
}

.ourservice_list li:hover span.resourceconsulting {
	background: #d2268f url(../images/resourceconsulting.png) no-repeat center center ;
}

/*
.ourservice_list li:hover h6 {
	color: #d2268f;
}*/


.ourservice_list li h6 {
	display: block;
	color: #000;
	font-size: 20px;
	padding: 10px 0;
	font-family: 'latomedium';
	text-align: center;
	}

.ourservice_list li p {
	display: block;
	color: #555252;
	font-size: 18px;
	padding: 10px 0;
	font-family: 'latosemibold';
	line-height: 25px;
	margin-bottom: 10px;
	}

.readmore {
	padding: 12px 30px;
	color: #000;
	border: 1px solid #000;
	display: inline-block;
	border-radius: 10px;
	font-size: 14px;
	font-family: 'latomedium';
	margin-top: 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}

.ourservice_list li:hover .readmore {
	background: #3556a5;
	color: #fff;
	border: 1px solid #3556a5;
	}

.whatpeople_box {
	background: #28292d;
	padding: 40px 0 60px 0;
	}

.whatpeople_box h4 {
	color: #ffffff;
	font-size: 45px;
	display: block;
	padding: 20px 0;
	position: relative;
	font-family: 'latoblack';
	text-align: center;
	}

.whatpeople_box h4:after {
	content: "";
	position: absolute;
	width: 90px;
	height: 4px;
	background: #fff;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	border-radius: 2px;
	}

.whatpeople_list {
	display: block;
	margin-top: 30px;
	}

.whatpeople_list li {
	display: inline-block;
	width: 32%;
	margin: 20px 0;
	vertical-align: top;
	text-align: center;
	padding: 0 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}

.whatpeople_list li:nth-of-type(2) {
	margin-left: 1.5%;
	margin-right: 1.5%;
	}

.whatpeople_list li span img {
	border-radius: 50%;
	display: none;
	}

.whatpeople_list li h6 {
	display: block;
	color: #face0b;
	font-size: 23px;
	padding: 10px 0;
	font-family: 'latomedium';
	font-weight: normal;
	}

.whatpeople_list li p {
	display: block;
	color: #fff;
	font-size: 17px;
	padding: 10px 0;
	line-height: 20px;
	margin-bottom: 10px;
	font-family: 'latoitalic';
	}

footer {
	padding: 60px 0;
	background: #9bc93d;
	}

.footer_logo {
	display: inline-block;
	width: 33%;
	}

.footer_box {
	display: inline-block;
	width: 26%;
	vertical-align: top;
	}

.footer_menu{
	width: 20%;
	}

.footer_menu ul {
	display:  block;
	}

.footer_menu ul li {
	display:  block;
	}

.footer_menu ul li a {
	display: block;
	padding: 6px 0 6px 15px;
	color: #000000;
	font-family: 'latolight';
	font-size: 19px;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
	text-align: left !important;
	}

.footer_menu ul li a:hover,.footer_menu ul li.active a  {
	color: #fbd11c;
	}


.footer_contact h4 {
	display: block;
	color: #000;
	padding: 0 0 10px 15px;
	font-family: 'latolight';
	font-size: 19px;
	font-weight: normal;
	}

.address_box h4{
	line-height: 30px;
	}

.footer_contact p, .footer_contact a {
	display: block;
	color: #000;
	padding: 10px 0 10px 50px;
	font-family: 'latolight';
	font-size: 19px;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	text-align: left !important;
	}

.email_h4{
	padding-top: 10px !important;
	}

a.mail_icon:hover {
	color: #fbd11c;
	background: url(../images/mail_icon.png) no-repeat 20px 13px;
	}

.phone_icon {
	background: url(../images/phone_icon.png) no-repeat 16px 13px;
	}

.mail_icon {
	background: url(../images/mail_icon.png) no-repeat 16px 13px;
	}

.footer_bottom {
	background: #8fbe30;
	padding: 25px 0;
	text-align: center;
	}
.footer_bottom  p, .footer_bottom a {
	display: inline-block;
	color: #fff;
	font-family: 'latolight';
	font-size: 14px;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	}

.footer_bottom a:hover {
	color: #fbd11c !important;
	}


h4.slider_text {
	font-size: 65px;
	text-align: center;
	color: #fff;
	font-family: 'latoblack';
	margin-bottom: 40px;
	text-transform: uppercase;
	}

.greentext {
		 color: #fbd11c;
	 }

.graytext {
	color: #bbbbbf !important;
	}

.pinktext {
	color: #d2268f;
	}

.lowetext {
	color: #d2258f;
	}

.getstarted {
	background: #fad31e;
	color: #000;
	font-size: 24px;
	padding: 15px 35px;
	border-radius: 10px;
	display: inline-block;
	position: relative;
	z-index: 2;
	overflow: hidden;
	}

.getstarted:after {
	width: 100%;
	height: 100%;
	content: "";
	top: 0;
	bottom: 0;
	left: -100%;
	background: #9bc83c;
	z-index: -2;
	position: absolute;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.getstarted:hover:after {
	left: 0;
}

/*
	.getstarted:hover {
		background: #fbd11c;
		}
	*/

.getstarted_img {
	position: absolute;
	width: 50%;
	right: 0;
	left: 0;
	}

.getstarted_img  img {
	width: 100%;
	height: auto;
	}

.bar {
	display: none !important;
	}

.nav-link {
	background: #fff !important;
	text-indent: -99999px;
	width: 10px !important;
	height: 10px !important;
	}

.nav-link.active {
	background: #face0b !important;
	}

.example-animation {
	padding-bottom:  0 !important;
	}

.navigation.devrama-slider {
	top: auto !important;
	bottom: 5% !important;
	}

.moblie_menu {
	width: 40px;
	height: 40px;
	/* border: 1px solid #3556a5; */
	float: right;
	display: none;
	color: #3556a5;
	font-size: 32px;
	line-height: 25px;
	text-align: center;
	margin: 15px 9px;
	cursor: pointer;
	}

.moblie_menu.act {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	color: #d2268f;
}



/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
	to {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}

@keyframes hvr-pulse-shrink {
		to {
			-webkit-transform: scale(0.9);
			transform: scale(0.9);
		}
	}

.ourservice_list li span {
	vertical-align: middle;
	box-shadow: 0 0 1px transparent;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	}

.ourservice_list li:hover span, .ourservice_list li:focus span{
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	}

.what_ul {
	display: block;
	text-align: center;
	}

.what_ul li {
	display: inline-block;
	width: 33%;
	padding: 10px 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/*max-width: 350px;*/
	vertical-align: top;
	}

.what_ul li h5 {
	display: block;
	font-size: 35px;
	color: #fff;
	font-family: "latomedium";
	padding-bottom: 30px;
	text-align: left;
	font-weight: normal;
	text-transform: uppercase;
	}

.what_bg_img {
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 20px;
	position: relative;
	}

.what_bg_img:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	height: 100%;
	background: rgba(255, 255, 255, 0.1);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0);
	pointer-events: none;
	}

.what_ul li:hover .what_bg_img::after {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.what_ul li img {
	display: block;
	/*margin: 0 0 20px 0;*/
	width: 100%;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	}

/*.what_ul li:hover img {*/
	/*opacity: 0.4;*/
	/*-webkit-transform: scale3d(1.1,1.1,1);*/
	/*transform: scale3d(1.1,1.1,1);*/
	/*}*/

.what_ul li p {
	font-size: 18px;
	font-family: 'latoregular';
	color: #fff;
	margin-bottom: 25px;
	text-align: left;
	}

.what_ul li p a {
	color: #9bc93d;
	text-align: left;
	margin-left: 5px;
	}

.what_ul li p a:hover {
	color: #d2258f;
	}

.what_bg {
	background: #313338;
	padding: 120px 0;
	}
.what_we_h4{
	font-size:23px !important;
}

.lanage_bg {
	background: #f5f5f5;
	-webkit-box-shadow:  0 -4px 3px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:     0 -4px 3px rgba(50, 50, 50, 0.15);
	box-shadow:          0 -4px 3px rgba(50, 50, 50, 0.15);
	padding: 50px 0;
	}

.lanage_bg img {
	width: 100%;
	display: block;
	}

.lan_images_mob {
	display: none !important;
	}

.products_row {
	padding: 10px 0;
	display: table;
	}

.products_img {
	width: 45%;
	/*padding-top: 30px;*/
	display: table-cell;
	vertical-align: top;
	}

.products_img img {
	display: block;
	width: 90%;
	}

.products_ctn {
	width: 55%;
	display: table-cell;
	vertical-align: middle;
	}

.products_h4 {
	color: #000;
	font-size: 25px;
	font-family: "latosemibold";
	margin-bottom: 15px;
	}

.products_para {
	color: #000;
	font-size: 16px;
	line-height: 25px;
	font-family: "latoregular";
	margin-bottom: 15px;
	text-align: justify;
	}

.products_h2 {
	display: block;
	font-size: 55px;
	color: #3556a5;
	font-family: 'latomedium';
	padding: 30px 0;
	text-align: left;
	font-weight: normal;
	}

.caststudies_list_box {
	padding: 30px 0;
	}

.caststudies_list_box ul {
	display: block;
	text-align: center;
	}

.caststudies_img {
	display: block;
	overflow: hidden;
	}

.caststudies_img img {
	width: 100%;
	display: block;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	}

.caststudies_list {
	display: inline-block;
	vertical-align: top;
	width: 32%;
	margin-bottom: 20px;
	text-align: center;
	box-shadow: 0 1px 1px #ccc;
	-webkit-box-shadow: 0 1px 1px #ccc;
	position: relative;
	padding-bottom: 270px;
	}

.caststudies_list:nth-of-type(2),.caststudies_list:nth-of-type(5){
	margin: 0  1.5% 20px ;
	}

.caststudies_list h4 {
	color: #000;
	font-size: 20px;
	padding: 20px 15px 20px 15px;
	text-align: center;
	font-family: 'latoblack';
	display: block;
	font-weight: normal;
	min-height: 47px;
	}

.caststudies_list p {
	font-size: 14px;
	color: #787878;
	margin-bottom: 15px;
	font-family: "latoregular" ;
	padding: 0 15px;
	text-align: center;
	height: 83px;
	overflow: hidden;
	line-height: 20px;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	}

.cast_readmore,.closed{
	width: 140px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	font-family: 'latoblack';
	background: #696969;
	color: #fff;
	display: block;
	margin: 30px auto;
	overflow: hidden;
	position: relative;
	z-index: 2;
	}

.closed {
	width: 50px;
	}

.cast_readmore:after {
	width: 140px;
	height: 40px;
	content: "";
	top:0;
	left: -150px;
	background: #8b8b8b;
	z-index: -2;
	position: absolute;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	}

.caststudies_list:hover .cast_readmore:after {
	left: -2px;
	}

.caststudies_list:hover .caststudies_img img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	}

.mabs {
	margin-bottom: 20px;
	display: none;
	}

.contant_left {
	width: 45%;
	display: inline-block;
	/*padding: 0 15px;*/
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	vertical-align: top;
	}

.contant_left h5, .contant_right h5 {
	font-size: 25px;
	padding: 20px 0;
	display: block;
	font-family: "latosemibold";
	font-weight: normal;
	color: #3556a5;
	}

.contant_left p {
	font-size: 18px;
	font-family: "latosemibold";
	font-weight: normal;
	line-height: 28px;
	}

.contant_left p span {
	width: 110px;
	display: inline-block;
	}

.contact_email, .contact_email a {
	color: #d53396;
	}

.contant_right {
	width: 54%;
	display: inline-block;
	padding: 0 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	vertical-align: top;
	}

.form_feild {
	display: block;
	padding-bottom: 25px;
	font-family: "latosemibold";
	}

.form_feild input {
	 line-height: 40px;
	 font-size: 15px;
	 padding: 0 15px;
	 border: 1px solid #c4c4c4;
	 width: 100%;
	border-radius: 8px;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: "latosemibold";
	}

.form_feild textarea {
	line-height: 25px;
	font-size: 15px;
	padding: 10px 15px;
	height: 120px;
	border: 1px solid #c4c4c4;
	width: 100%;
	resize: none;
	border-radius: 8px;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: "latosemibold";
	}

.form_feild input:hover,.form_feild input:focus,
.form_feild textarea:hover,.form_feild textarea:focus {;
	box-shadow: 2px 0 0 #d2258f inset;
	-webkit-box-shadow: 2px 0 0 #d2258f inset;
	-moz-box-shadow: 2px 0 0 #d2258f inset;
	border-left: 1px solid #d2258f;
}

.send_btn {
	background: #3556a5;
	color: #fff;
	width: 150px !important;
	font-size: 16px;
	line-height: 40px;
	padding: 0 20px;
	border-radius: 10px;
	font-family: "latosemibold";
	font-weight: normal;
	outline: none;float: right;
	cursor: pointer;
	}

.send_btn:hover {
	background: #d2258f;
	}

.moblie_show {
	display: none !important;
	}

.bx-wrapper {
	background: transparent !important;
	box-shadow: none !important;
	margin-bottom: 0 !important;
	border: transparent !important;
	padding: 40px 0 !important;
}
.contact_logo_bg {
	width: 50%;
	padding: 30px 0;
}
.slider_bg {
	background: #3556a5 url(../images/slider_top_bg.png) no-repeat center center / 100% 100%;
	padding: 75px 0;
	}

.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager  {
	bottom: -10px !important;
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #fad00f !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	border-radius: 2px !important;
	background: #fff !important;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: center !important;
	width: 100% !important;
}


.caststudies_ctn {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


.bx-wrapper .bx-controls-direction a, .bx-controls-auto {
	display : none !important;
}


.show {
	height: auto !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


header {
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
}
/*
.circle_bg {
	background: url(../images/slider_right.png) no-repeat right center;
	background-size: auto 96%;
	} */

::selection {
	background: #0eb0d2;
	color: #fff;
}

::-moz-selection {
	background: #d2268f;
	color: #fff;
}

img.slider_right_img {
	display: inline-block;
	float: right;
	width: 55%;
}

.slider_left_box {
	display: inline-block;
	width: 40%;
	padding-top: 35px;
	text-align: center;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	width: 15px !important;
	height: 15px !important;
}

.margi_btm {
	margin-bottom: 70px;
}

@media (max-width: 1300px){
	h4.slider_text {
		font-size: 60px;
		}

	.leading_bg {
		background: url(../images/content_bg1.png) no-repeat bottom right;
		/* padding: 120px 0 140px 0; */
		background-size: 40% auto;
		}
}

@media (max-width: 1200px){
	h4.slider_text {
		font-size: 55px;
		}

	.leading_ctn h4{
		font-size: 28px;
		}

	.leading_ctn p{
		font-size: 16px;
		}

	.moreinfo{
		font-size: 20px;
		}
}


@media (max-width: 1060px){
	.inner_box {
		padding: 0 10px;
		}

	.logo_left {
		width: 165px;
		}

	.logo_right {
		width:  calc(100% - 170px);
		}

	.what_ul li {
		padding: 10px 5px ;
		}


	.what_ul li h5 {
		font-size: 22px;
		}

	.what_ul li p{
		font-size: 15px;
		}
}

@media (max-width: 1024px){
	menu ul li a {
		font-size: 16px;
		}

	h4.slider_text {
		font-size: 40px;
		}

	.getstarted {
		font-size: 18px;
		padding: 10px 25px;
		border-radius: 6px;
		}

	.leading_bg{
		background: url(../images/content_bg1.png) no-repeat bottom right;
		background-size: 40% auto;
		}

	.leading_ctn {
		width: 50%;
		}

	.leading_ctn h4 {
		font-size: 24px;
		}

	.leading_ctn h4 br{
		display: none;
		}

	.leading_ctn p {
		font-size: 15px;
		line-height: 25px;
		padding-top: 15px;
		}

	.moreinfo {
		font-size: 17px;
		padding: 10px 25px;
		border-radius: 8px;
		}

	.ourservice_list li p {
		font-size: 14px;
		line-height: 18px;
		}

	.ourservice_list li h6 {
		font-size: 17px;
		}

	menu {
		width: calc(100% - 150px);
		}

	h4.slider_text {
		font-size: 40px;
		}

	.getstarted {
		padding: 10px !important;
		}
}

@media all and (max-width: 960px){
	.ourservice_list li, .whatpeople_list li, .footer_box {
		width: 32%;
		}

	.footer_logo{
		width: 100%;
		}

	.footer_margin{
		margin-top: 20px;
		}

	.ourservice_list, .whatpeople_list, .footer_box {
		text-align: center;
		}

	.ourservice_list li span {
		margin:  0 auto 20px;
		}

	.footer_contact h4, .footer_bottom  p, .footer_bottom a  {
		text-align: left !important ;
		}

	.footer_menu ul li {
		text-align: left !important;
		}

	.logo_left a img {
		width: 100px;
		}

	.social_list {
		width: 90px;
		}

	.caststudies_list {
		width: 47%;
		margin: 10px 1% !important;
		}

	.what_ul li {
		padding: 10px 3px !important;
		width: 32%;
		}


}

@media all and  (max-width: 800px){
	body {
		margin-top: 58px;
		}

	.ourservice_list li, .whatpeople_list li, .footer_box {
		width: 48%;
		margin: 0 auto 20px;
		display: inline-block;
		}

	.footer_logo{
		width: 100%;
		}

	menu {
		display: none;
		}

	.moblie_menu {
		display: block;
		}

	.social_list {
		padding: 23px 0;
		}

	header .inner_box {
		padding: 0 0 0 10px;
		width: 100%;
		}

	h4.slider_text {
		font-size: 34px;
		}

	.ourservice_box {
		padding: 0 0 20px 0;
		}

	.whatpeople_list li:nth-of-type(2), .ourservice_list li:nth-of-type(2) {
		margin: 15px auto;
		}

	.showmenu {
		display: block;
		position: fixed;
		top: 70px;
		left: 0;
		background: rgb(53, 86, 165);
		right: 0;
		width: calc(100% - 40px);
		bottom: 0;
		padding: 0 20px;
		}

	menu ul li:before {
		display: none;
		}

	.menu ul li:before {
		display: none;
		}

	menu, menu ul {
		text-align: left;
		margin: 0;
		}

	menu ul li a, menu ul li {
		display: block;
		}

	menu ul li a {
		padding: 10px 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
		color: #fff;
		text-align: center;
		}

	menu ul li a:after {
		width: 50px;
		left: 0;
		right: 0;
		}

	menu ul li.active a:after, menu ul li a:hover:after {
		bottom: 0 !important;
		}

	.leading_bg {
		background: #fff;
		padding: 20px 0;
		}

	.leading_ctn {
		width: 100%;
		}

	.readmore {
		padding: 8px 20px;
		margin: 0;
		}

	.whatpeople_box h4, .ourservice_box h3 {
		font-size: 30px;
		}

	.button-slider {
		display:  none !important;
		}

	.leading_ctn h4 {
		font-size: 25px;
		}

	.footer_bottom  p, .footer_bottom a {
		font-size: 13px;
		}

	.footer_bottom {
		padding: 15px 0;
		}

	.ourservice_list li span {
		margin: 0 auto;
		}

	.logo_left {
		width: 104px;
		}

	.logo_right {
		width: calc(100% - 120px);
		}

	.lan_images {
		display: none !important;
		}

	.lan_images_mob {
		display: block !important;
		}

	.contant_left,.contant_right {
		width: 100%;
		}

	.footer_menu {
		display: none;
		}

	.products_row {
		display: block;
	}

	.products_img,.products_ctn {
		display: block;
		width: 100%;
		margin-bottom: 20px;
		}

	.products_img img {
		max-width: 300px;
		margin: 0 auto;
		}

	.moblie_show {
		display: block !important;
		}

	.moblie_hide {
		display: none !important;
		}

	.products_row {
		padding: 20px 0;
		}

	.contant_left h5, .contant_right h5,.products_h4 {
		font-size: 20px;
		padding: 15px 0;
		}

	.contant_left p, .products_para {
		font-size: 16px;
		line-height: 20px;
		}

	.products_h2 {
		font-size: 40px;
		padding: 20px 0;
		}

	.leading_ctn {
		padding: 10px 0;
		}

	.what_bg {
		padding: 20px 0;
		}

	.what_ul li {
		padding: 10px 3px !important;
		width: 48%;
		}

	.caststudies_list {
		padding-bottom: 10px;
		}

	.caststudies_ctn {
		position: relative !important;
		}


}

@media all and  (max-width: 670px){
	h4.slider_text {
		font-size: 25px;
		}

	.getstarted {
		font-size: 14px;
		padding: 8px 10px !important;
		}

	.whatpeople_box h4, .ourservice_box h3 {
		font-size: 28px;
		}

	.footer_menu ul li a {
		padding: 10px 0 10px 15px;
		font-size: 15px;
		}

	.footer_contact p, .footer_contact a {
		font-size: 15px;
		background-position: 16px 10px;
		}

	footer {
		padding: 30px 0;
		}

	.whatpeople_box {
		padding: 20px 0;
		}

	.leading_ctn p, .ourservice_list li p, .whatpeople_list li p {
		font-size: 13px;
		line-height: 20px;
		}
	.what_ul li {
		width: 100%;
		margin: 0 0 15px 0 !important;
	}

	.what_ul li p {
		font-size: 15px;
		line-height: 25px;
	}
	.products_h2 {
		font-size: 30px;
		padding: 15px 0;
	}

	h4.slider_text {
		margin-bottom: 15px;
		}

	.what_ul li h5 {
		font-size: 23px;
		}

	.caststudies_list {
		width: 100%;
		margin: 10px auto !important;
		}

	img.slider_right_img {
		float: none;
		width: 100%;
		margin: 0 auto;
		display: block;
		}

	.slider_left_box {
		display: block;
		width: 100%;
		padding-top: 35px;
		text-align: center;
		}

	h4.slider_text br {
		display: none;
		}

	h4.slider_text {
		text-align: center;
		}

	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
		text-align: right !important;
		}

	.bx-wrapper .bx-pager.bx-default-pager a {
		width: 10px !important;
		height: 10px !important;
		}

	.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
		bottom: -20px !important;
		}

	.footer_logo {
		display: none;
		}

	.slider_bg {
		padding: 50px 0;
		}

	.mail_icon {
		background: url(../images/mail_icon.png) no-repeat 16px 10px !important;
		}
	.mail_icon:hover {
		background: url(../images/mail_icon.png) no-repeat 16px 10px !important;
	}



}

@media all and  (max-width: 480px){
	h4.slider_text {
		font-size: 25px;
		}

	.getstarted {
		font-size: 13px;
		}

	.moreinfo{
		margin: 30px 0 0;
		}

	.whatpeople_box h4, .ourservice_box h3 {
		font-size: 20px;
		}

	.leading_ctn h4 {
		font-size: 20px;
		}

	.caststudies_list {
		width: 97%;
		margin: 10px 1% !important;
		}

	.what_ul li {
		width: 100%;
		padding: 10px !important;
		margin: 0 0 10px 0 !important;
		}

	.ourservice_list li, .whatpeople_list li, .footer_box {
		width: 100%;
		}

	.bx-wrapper {
		padding: 20px 0 !important;
		}

	.footer_bottom p, .footer_bottom a {
		font-size: 14px;
		text-align: center !important;
		}

	.leading_ctn h4:after {
		right: 0;
		margin: 0 auto;
		}

	.leading_ctn,.what_ul li h5,.what_ul li p{
		text-align: center;
		}

	.what_bg {
		padding: 50px 0;
		}

}


@media all and  (max-width: 320px) {
	h4.slider_text {
		font-size: 20px;
		}
}