@charset "utf-8";
/*general*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font: inherit;
}
body {
	background-color: #ffffff;
	font-size: 15px;
	font-family: 'Calibre-Regular';
	line-height: 17px;
	overflow-x: hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
nav ul {
	list-style: none;
}
html * {
	outline: none;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	transition: all 0.2s linear 0s;
}
a:hover {
	cursor: pointer !important;
}
ul {
	margin: 0;
	list-style-type: none;
}
h2 {
	font-size: 150px;
	font-family: 'Calibre-Regular';
	color: #465360;
	line-height: 154px;
}
h3 {
	font-size: 68px;
	line-height: 72px;
	color: #414858;
	font-family: 'CalibreLight';
}
h4 {
	font-size: 38px;
	font-family: 'Calibre-Regular';
	color: #465360;
	line-height: 40px;
}
h5 {
	font-family: 'Calibre-Regular';
	font-size: 15px;
	line-height: 19px;
}
p {
	padding: 0 0 25px 0;
	color: #1b2b3b;
	font-size: 15px;
	line-height: 22px;
}
p:empty {
	display: none !important;
}
outline {
	border: 0;
}
.lft {
	float: left;
}
.rgt {
	float: right;
}
.center {
	text-align: center !important;
}
.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
}
.wrapper {
	width: 1170px;
	margin: 0 auto;
}
.parallax {
	background-attachment: fixed;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.full-width-banner {
	background-image: url(../images/main.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #464646;
	height: 100vh;
}

#index-header {
	position: relative;
	z-index: 9;
}

.loder {
	height: 61px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 63px;
}
.loder img {
	display: block;
}
.half {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-animation: mymove 2s infinite; /* Safari 4.0 - 8.0 */
	animation: mymove 2s infinite;
}
@-webkit-keyframes mymove {
 0% {
left: 0px;
}
 50% {
left: 20px
}
 100% {
left: 0px;
}
}

/* Standard syntax */
@keyframes mymove {
 0% {
left: 0px;
}
 50% {
left: 20px
}
 100% {
left: 0px;
}
}
#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	background: #191531;
	z-index: 1000;
	transition: all 3000ms ease-in-out;
}
#loader-wrapper .loader-section.section-left {
	left: 0;
}
#loader-wrapper .loader-section.section-right {
	right: 0;
}
.loder {
	z-index: 999999999;
}
/*.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);  
    -ms-transform: translateX(-100%); 
    transform: translateX(-100%); 
}
 
.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);  
    -ms-transform: translateX(100%); 
    transform: translateX(100%);  
}*/
.loder, #loader-wrapper {
	transition: all 3000ms ease-in-out;
}
.loaded .loder {
	transition: all 3000ms ease-in-out;
	opacity: 0;
}
.loaded #loader-wrapper {
	transition: all 1000ms ease-in-out;
	opacity: 0;
}



.logo2 {
	display: none;
}
.logo,
.logo2 {
	width:260px
	transition:all ease 500ms;
	-webkit-transition:all ease 500ms;
	-moz-transition:all ease 500ms;
	-ms-transition:all ease 500ms;
	-o-transition:all ease 500ms;
}
.logo a,
.logo2 a{
	display: block;
}
.logo img
.logo2 img{
	display: block;
	width:100%
}


/*index header strat */

#index-header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}
/*
#index-header.fixed22 {
	padding:10px 0;
	background:#241754;
	box-shadow: 0 1px 10px rgb(36,23,84,0.8);
	-webkit-box-shadow: 0 1px 10px rgb(36,23,84,0.8);
	-moz-box-shadow: 0 1px 10px rgb(36,23,84,0.8);
	-ms-box-shadow: 0 1px 10px rgb(36,23,84,0.8);
	-o-box-shadow: 0 1px 10px rgb(36,23,84,0.8);
}

#index-header.fixed22 .rgt.getquote.sn_quotesecdpc .qt-text3 {
	background: #21184b;
}
*/



/*index header End */



/*inner header strat */

#inner-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
}
#inner-header.fixed22 {
	padding:10px 0;
	background:#241754;
	box-shadow: 0 1px 10px rgb(36,23,84,0.8);
	-webkit-box-shadow: 0 1px 10px rgb(36,23,84,0.8);
	-moz-box-shadow: 0 1px 10px rgb(36,23,84,0.8);
	-ms-box-shadow: 0 1px 10px rgb(36,23,84,0.8);
	-o-box-shadow: 0 1px 10px rgb(36,23,84,0.8);
}
.fixed22 .topper{
	display:none;
	transition:all ease 500ms;
	-webkit-transition:all ease 500ms;
}
.fixed22 .navigation-area {
	padding-top: 0;
	transition:all ease 500ms;
	-webkit-transition:all ease 500ms;
	-moz-transition:all ease 500ms;
	-ms-transition:all ease 500ms;
	-o-transition:all ease 500ms;
}
.fixed22 .logo2 {
	width: 250px;
	display:block;
}
.fixed22 .logo{
	display: none;
}






/*inner header End */
.sn_who_section{
	background:#fff;
}

/*what we do section start*/

.what-innersec {
	padding: 110px 0 106px 0;
}
.heading {
	text-align: center;
}
.heading h5 {
	color: #414858;
	font-family: 'CalibreRegular';
	font-size: 17px;
	letter-spacing: 1px;
	line-height: 21px;
	padding-bottom: 11px;
	text-transform: uppercase;
}
.what-inner-gallery, .master_gallery {
	margin-top: 59px;
}
.do_area-inner li {
	float: left;
	width: 33%;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	padding: 37px 10px 37px 43px;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	min-height: 372px;
}
.do_area-inner li:nth-child(4), .do_area-inner li:nth-child(5), .do_area-inner li:nth-child(6) {
	border-bottom: none;
}
.do_area-inner li:nth-child(3) {
	border-right: 0;
}
.do_area-inner li:nth-child(6) {
	border-right: 0;
}
.sn_imagesec img {
	display: block;
}
.sn_imagesec {
	padding-bottom: 40px;
}
.sn_textsec h4 {
	font-size: 21px;
	line-height: 25px;
	color: #3a3d55;
	font-family: 'Calibre-Regular';
	text-transform: uppercase;
	padding-bottom: 16px;
}
.sn_textsec p {
	font-size: 17px;
	line-height: 21px;
	color: #73737f;
	font-family: 'Calibre-Regular';
}
.do_area-inner {
	width: 1095px;
	margin: 0 auto 77px;
}
.sn_servicesbtn a, .sn_quote {
	display: block;
	text-align: center;
	border-radius: 50px;
	text-align: center;
	width: 242px;
	height: 59px;
	display: block;
	line-height: 40px;
	margin: 0 auto;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e38d5+0,c040bc+99 */
	background: #4e38d5; /* Old browsers */
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 ); /* IE6-9 */
	color: #fff;
	font-size: 15px;
	line-height: 59px;
	text-transform: uppercase;
	letter-spacing: 0.75px
}
.sn_servicesbtn a:hover, .sn_quote:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c040bc+0,4e38d5+99 */
	background: #c040bc; /* Old browsers */
	background: -moz-linear-gradient(left, #c040bc 0%, #4e38d5 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #c040bc 0%, #4e38d5 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #c040bc 0%, #4e38d5 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c040bc', endColorstr='#4e38d5', GradientType=1 ); /* IE6-9 */
}

.sn_duplicatebtn a {
  display: inline-block;
}


.sn_quotesec {
  text-align: center;
}

.sn_vetxt{color:#3a3d55;}

.qt-text.sn_vetxt {
  color: #3a3d55;
  font-size: 15px;
  height: 59px;
  line-height: 59px;
   font-family: "Calibre-Regular";
}

.qt-text.sn_vetxt.sn_txt2 {
  color: #fff;
}

.sn_quote {
  float: left;
  line-height: 58px;
  margin: 10px 0 11px 20px;
}


.sn_quotesec .getquote {
  display: inline-block;
}

.sn_quotesec.sn_quotesecdp .getquote:hover{ height:52px;}


.lft.getquote:hover, .getquote:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e38d5+0,c040bc+99 */
	background: #4e38d5; /* Old browsers */
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 ); /* IE6-9 */
    border-radius: 50px;
    height: 57px;
}

.lft.getquote:hover img, .getquote:hover img{
  opacity: 0;
}


.getquote:hover .qt-text.sn_vetxt {
  color: #fff;
}

/*what we do section end*/


/*we master section start*/

.we_master_sec {
	background: url(../images/pat.png) repeat 0 0 #fff;
	padding-bottom: 90px;
	padding-top: 100px;
	position: relative;
	z-index: 1;
}

.dottedsec li {
  box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
  float: left;
  padding: 0 46px;
  width: 25%;
}
.dottedsec li:first-child{
	padding-left:0;
}
.dottedsec li:last-child{
	padding-right:0;
}

.dottedsec li img {
  display: block;
  padding-bottom: 30px;
  padding-top: 23px;
}
.dottedsec h4 {
  color: #474272;
  font-family: "Panton Light Caps";
  font-size: 55px;
  line-height: 59px;
  margin-bottom: 20px;
  text-align: left;
}
.dottedsec span {
  color: #2d3a4a;
  display: block;
  font-family: "Calibre-Regular";
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 15px;
  text-align: left;
  text-transform: uppercase;
}
.dottedsec p {
  color: #73737f;
  font-family: "Calibre-Regular";
  font-size: 17px;
  line-height: 21px;
  text-align: left;
}
.dottedsec li :last-child {
	padding-right: 0;
}
/*we master section end*/



/*our folio section start*/

.our_foliosec {
	position: relative;
	background-image:url(../images/our_folio_banner.png);
	min-height:1003px;
	z-index: 9;
}
.folio-section {
	position: relative;
}
/*.folio-section {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
		left:0;
	right:0;
}*/
.folio-leftsec{
	width:50%;
	float:none;
	position:absolute;
	top: 30%;
	left:0;
	
}
.folio-leftsec h6 {
	color: rgba(255, 255, 255, 0.7);
	font-family: 'Calibre-Regular';
	font-size: 17px;
	line-height: 33px;
	padding-bottom: 13px;
	text-transform: uppercase;
}
.folio-leftsec h3 {
	color: #fff;
	font-family: 'CalibreLight';
	font-size: 85px;
	line-height: 85px;
	padding-bottom: 0;
	text-transform: capitalize;
}
.folio-leftsec span {
	color: #b6298f;
}
.folio-leftsec p {
	font-size: 25px;
	line-height: 31px;
	color: #fff;
	font-family: 'CalibreLight';
	padding: 0 0 18px;
}
.folio-rightsec {
	width: 50%;
}

.see{ display:block;}

/*our folio section end*/

/*get in touch section start*/

.getin {
	background: #fff;
	padding-top: 150px;
	position: relative;
	z-index:9
}
.get-left h2 {
	color: rgb(65, 72, 88);
	font-size: 75px;
	line-height: 79px;
	font-family: 'CalibreLight';
}
.get-left p {
	font-size: 25px;
	line-height: 29px;
	color: #606060;
	font-family: 'Calibre-Regular';
}
.form-left, .form-right {
	width: 315px;
}
.form-left > input, .form-right > input {
	width: 100%;
}
.form-left input[type="text"], .form-right input[type="text"] {
	border: none;
	border-bottom: 2px solid #d7d7d7;
	height: 50px;
	line-height: 50px;
	margin-bottom: 20px;
	font-size: 12px;
	font-family: 'Montserrat-Light';
	color: #7d7d7d;
	font-size: 12.95px;
	line-height: 16px;
}
.form-right {
	margin-left: 50px;
}
textarea {
	margin-top: 20px;
	min-height: 80px;
	resize: none;
	width: 100%;
	border: none;
	border-bottom: 2px solid #d7d7d7;
	font-family: 'Montserrat-Light';
	color: #7d7d7d;
	font-size: 12.95px;
	line-height: 16px;
}
.sn_submit-area input[type="submit"] {
	border: none;
	background: #f00;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e38d5+0,c040bc+99 */
	background: #4e38d5; /* Old browsers */
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 ); /* IE6-9 */
	width: 187px;
	height: 52px;
	display: block;
	line-height: 52px;
	color: #fff;
	font-size: 17px;
	line-height: 21px;
	text-transform: uppercase;
	border-radius: 50px;
	font-family: 'Calibre-Regular';
	letter-spacing: 1px;
	float: right;
	margin-top: 40px;
	cursor: pointer;
}
.sn_submit-area input[type="submit"]:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c040bc+0,4e38d5+99 */
	background: #c040bc; /* Old browsers */
	background: -moz-linear-gradient(left, #c040bc 0%, #4e38d5 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #c040bc 0%, #4e38d5 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #c040bc 0%, #4e38d5 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c040bc', endColorstr='#4e38d5', GradientType=1 ); /* IE6-9 */
}
.arw-area {
	background: rgb(255, 255, 255);
	position:relative;
	z-index:9;
}
.arw-area img {
	display: block;
	margin: 0 auto;
}
.arw-area-right {
  position: absolute;
  right: -23px;
}

/*get in touch section end*/


/*footer section start*/

footer {
	background:url(../images/ftr_bg1.png) 0 0 repeat;
	padding-top: 114px;
	padding-bottom: 45px;
	position:relative;
	z-index: 1;
}
.ftr-rowsec {
  float: left;
  margin-right: 26px;
  width: 20%;
}
.ftr-rowsec h4 {
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Calibre-Regular';
	padding-bottom: 27px;
}
.ftr-rowsec ul li {
  color: rgba(150, 144, 188, 0.7);
  font-family: "Calibre-Regular";
  font-size: 16px;
  line-height: 20px;
  overflow: hidden;
  padding-bottom: 7px;
}

.ftr-rowsec ul li a {
  color: rgba(150, 144, 188, 0.7);
  display:inline-block;
  font-family: "Calibre-Regular";
  font-size: 16px;
  line-height: 20px;
}


.ftr-rowsec.follow_sec li:first-child {
  padding-right: 10px;
}

.ftr-rowsec.logoimagesec img {
	display: block;
}
.ftr-rowsec.information_sec {
  width: 14%;
}
.ftr-rowsec.Services_sec {
  width: 16%;
}
.ftr-rowsec.Contact_sec {
	width: 21%;
}

.ftr-rowsec.Contact_sec p.info a {
  color: #fff;
}

.ftr-rowsec.Contact_sec p.info a:hover {
  color: #a34bd3;
}

.ftr-rowsec.Contact_sec p  a.k-tel:hover {
	color: #a34bd3;
}




.ftr-rowsec.follow_sec {
  margin-right: 0;
  width: 18%;
}
.ftr-rowsec.follow_sec ul li {
	display: inline-block;
	padding-right:17px;
	transition:all 0.2s linear 0s;
}
.ftr-rowsec.Contact_sec img {
  float: left;
  margin-top: 4px;
  padding-right: 12px;
  vertical-align: middle;
}
.ftr-rowsec.Contact_sec p {
  color: rgba(121, 117, 155, 0.7);
  float: left;
  font-size: 16px;
  line-height: 20px;
  padding-bottom: 6px;
}

/*.ftr-rowsec.follow_sec a:hover {
  opacity: 0.5;
}*/

.ftr-rowsec.information_sec li a:hover, .ftr-rowsec.Services_sec li a:hover {
  color: #a34bd3;
}


.ftr-rowsec.follow_sec li .fb-hover {
  display: none;
  transition:all 0.2s linear 0s;
  -moz-transition:all 0.2s linear 0s;
}

.ftr-rowsec.follow_sec li a .tw_hover {
  display: none;
}
.ftr-rowsec.follow_sec li a .linkdin_hover {
  display: none;
}
.ftr-rowsec.follow_sec li a:hover .fb {
  display: none;
  transition:all 0.2s linear 0s;
  -moz-transition:all 0.2s linear 0s;
}
.ftr-rowsec.follow_sec li a:hover .fb-hover {
  display: block;
  transition:all 0.2s linear 0s;
   -moz-transition:all 0.2s linear 0s;
}
.ftr-rowsec.follow_sec li a:hover .tw {
  display: none;
}
.ftr-rowsec.follow_sec li a:hover .tw_hover {
  display: block;
}
.ftr-rowsec.follow_sec li a:hover .linkdin {
  display: none;
}
.ftr-rowsec.follow_sec li a:hover .linkdin_hover {
  display: block;
}
.ftr-rowsec.follow_sec li a .in_hover,
.ftr-rowsec.follow_sec li a:hover .ins {
  display: none;
}
.ftr-rowsec.follow_sec li a:hover .in_hover {
  display: block;
}




.info a:hover{ color:#fff;}

.cpyrgt_sec {
  border-top: 1px solid rgba(37, 35, 51, 0.5);
  margin-top: 100px;
  padding: 54px 0 0;
  text-align: center;
}

.cpyrgt_sec  p {
  padding: 0;
  font-size:15px;
  line-height:19px;
  color:#79759b;
  font-family: "Calibre-Regular";
}


/*footer section end*/
.loder {
	height: 61px;
	margin: 0 auto;
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 63px;
}
.loder img {
	display: block;
}
.half {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-animation: mymove 2s infinite; /* Safari 4.0 - 8.0 */
	animation: mymove 2s infinite;
}
@-webkit-keyframes mymove {
 0% {
left: 0px;
}
 50% {
left: 20px
}
 100% {
left: 0px;
}
}

/* Standard syntax */
@keyframes mymove {
 0% {
left: 0px;
}
 50% {
left: 20px
}
 100% {
left: 0px;
}
}
#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	background: #191531;
	z-index: 1000;
	transition: all 3000ms ease-in-out;
}
#loader-wrapper .loader-section.section-left {
	left: 0;
}
#loader-wrapper .loader-section.section-right {
	right: 0;
}
.loder {
	z-index: 999999999;
}
/*.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);  
    -ms-transform: translateX(-100%); 
    transform: translateX(-100%); 
}
 
.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);  
    -ms-transform: translateX(100%); 
    transform: translateX(100%);  
}*/
.loder, #loader-wrapper {
	transition: all 3000ms ease-in-out;
}
.loaded .loder {
	transition: all 3000ms ease-in-out;
	opacity: 0;
}
.loaded #loader-wrapper {
	transition: all 1000ms ease-in-out;
	opacity: 0;
}
.topper {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  line-height: 47px;
}
.topper a,.topper span{
	color:#fff;
	font-size:15px;
	line-height:47px;
}
.topper img {
  margin-right: 6px;
  vertical-align: middle;
}
.line {
  margin-left: 15px;
  margin-right: 15px !important;
  opacity: 0.15;
}
/*.gboder {
  width: 204px;
  height: 50px;
  border: 3px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #c040bc 0%, #4e38d5 99%);
  -webkit-border-image: -webkit-linear-gradient(left, #c040bc 0%, #4e38d5 99%);
  border-image:linear-gradient(left, #c040bc 0%, #4e38d5 99%);
  border-image-slice: 1;
  display:block;
}*/
.navigation-area {
  padding-top: 36px;
}
.main-navigation{
	padding-top: 5px;
}
.newmoble_area{
	margin:0;
}
nav ul{
}
nav ul li{
	float:left;
	margin-right:30px;
}
nav ul li a{
	display:block;
	color:#fff;
	text-transform:uppercase;
	font-size:15px;
	line-height:17px;
	font-family: 'Calibre-Regular';
	letter-spacing:.75px;
	padding-bottom:10px;
}
/* Menu Dropdown Css Start */

nav ul li.has-dropdown:hover a::before{
	display:none;
}
/*nav ul li.has-dropdown::after{
	opacity: 0;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	-webkit-transform: translate(25px,13px);
	-moz-transform: translate(25px,13px);
	transform: translate(25px,13px);
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	transition: all 0s ease;
	z-index: 3;
}
nav ul li.has-dropdown:hover::after{
	opacity:1;
}*/

nav ul li.has-dropdown > a::after {
    opacity: 0;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    -webkit-transform: translate(25px,13px);
    -moz-transform: translate(25px,13px);
    transform: translate(-50%,26px);
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    transition: all 0s ease;
    z-index: 3;
    left: 50%;
}
nav ul li.has-dropdown:hover > a::after{
	opacity:1;
}
nav ul li ul.dropdown{
	display:none;
	position: absolute;
	z-index: 3;
	border-radius: 5px;
	padding: 18px 0;
	left: 0;
	right: 0;
	max-width: 1170px;
	margin: auto;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
nav ul li ul.dropdown li{
	cursor:pointer;
	width: 16.66%;
	margin-right:0;
	background: #fff;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
nav ul li ul.dropdown li:hover{
	-webkit-box-shadow: -36px -100px 36px -50px rgb(237, 233, 250) inset;
	-moz-box-shadow: -36px -100px 36px -50px rgb(237, 233, 250) inset;
	box-shadow: -36px -100px 36px -50px rgb(237, 233, 250) inset;
}
nav ul li ul.dropdown li::before{
	content: "";
    width: 100%;
    height: 5px;
    top: 0;
    left: 0;
    right: 0;
    background: #713ccf;
    position: absolute;
    z-index: 1;
}
nav ul li:hover .dropdown{
	display:block;
}
nav ul li ul.dropdown li a{
	color:#2b2b2b;
	padding: 50px 10px 26px;
}
nav ul li ul.dropdown li span{
	font-size:16px;
	line-height:20px;
	text-transform:uppercase;
	display: block;
	padding-top: 21px;
}
nav ul li ul.dropdown li{
  opacity: 0;
  transform-origin: bottom;
  animation: enter 0.2s ease forwards;
}
nav ul li ul.dropdown li::after{
	content:"";
	position:absolute;
	top:0;
	right:auto;
	left: 1px;
	width:1px; 
	height:100%;
	background:#dbdbdb;
}
nav ul li ul.dropdown li:first-child::after{
	display:none;
}
nav ul li ul.dropdown li:first-child{
	border-left:none;
}
nav ul li ul.dropdown li:nth-child(1){
  animation-duration: 0.2s;
  animation-delay: 0s;
}
nav ul li ul.dropdown li:nth-child(2n+1){
  animation-duration: 0.3s;
  animation-delay: 0.1s;
}
nav ul li ul.dropdown li:nth-child(3n+1){
  animation-duration: 0.4s;
  animation-delay: 0.2s;
}

@keyframes enter {
  from {
    opacity: 0;
    transform: scaleY(0.98) translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Menu Dropdown Css End */



.getquote{
	margin-left:14px;
	margin-top:10px;
}
.qt-text {
  bottom: 0;
  color: #fff;
  display: block;
  left: 0;
  line-height: 52px;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  
}
.getquote {
  margin-left: 14px;
  position: relative;
  letter-spacing:.75px;
  display:block;
  border-radius:50px;
}
nav {
  margin-top:20px;
  display:block;
}

.full-width-banner .banner-text-area{
	text-align:center;
	color:#fff;
	padding-top:0;
}
.full-width-banner .pos{
	position:fixed;
	top:36%;
	left:0;
	right:0;
}

.banner-text-area{
	text-align:center;
	color:#fff;
	padding-top:190px;
}
.banner-text-area h2{
	 font-family: 'Panton Light Caps';
}
.banner-text-area h2,.banner-text-area h4{
	color:#fff;
}
.banner-text-area h4{
	font-family: 'Calibre-Regular';
	letter-spacing:0.3px;
}

.what-we-do_sec{
	position:relative;
	z-index:9;
	background: #fff;
}
.see-waht, .no_mattersec {
  position: relative;
  z-index: 1;
}
.hline {
  left: 50%;
  position: absolute;
  top: 100px;
  z-index: 9;
}
.blue-grad, .blue-grad1 {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}
.see-what-text {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  color:#fff;
}
.see-what-text .wrapper{
	position:relative;
}
.see-what-text .wrapper::before {
	content:'';
	position:absolute;
	display:block;
	top:-80px;
	left:50%;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	height:50px;
	width:1.1px;
	background:#494271;
}

	
/*.see-what-text .wrapper::before {
	content:'';
	display:table;
	top:0;
	left:50%;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	margin:auto;
	height:50px;
	width:1px;
	background:#494271;
}
*/.see-what-text p{
	font-family: 'CalibreRegular';
	font-size:17px;
	line-height:17px;
	display:block;
	padding-bottom:18px;
	text-transform:uppercase;
	/*letter-spacing:.75px;*/
	color:#fff;
}
.see-what-text h3{
	color:#fff;
	font-family: 'CalibreLight';
	font-size:55px;
	line-height:59px;
}
.see-what-text .getquote {
  margin-left: 0;
  margin-top: 23px;
}
.our_foliosec{
	overflow:hidden;
}
.our_foliosec > img {
  width: 100%;
}
our_foliosec .sn_servicesbtn a {
  display: inline-block;
  width: 225px;
}

.qt-text.sn_qt-text {
  color: #fff;
  line-height: 58px;
}


.rgt.getquote.sn_quotesecdpc {
	width:180px;
	background: #4e38d5; /* Old browsers */
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 ); /* IE6-9 */
	border-radius: 50px;
	padding:1px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	margin-top:2px;
}
.rgt.getquote.sn_quotesecdpc:hover{
	height:auto;
}
.rgt.getquote.sn_quotesecdpc .qt-text2{
	background:#21184b;
	margin:1px;
	border-radius:50px;
	height: 48px;
	line-height:49px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:13px;
	text-transform:uppercase;
}

.rgt.getquote.sn_quotesecdpc .qt-text2:hover{
	background: #4e38d5; /* Old browsers */
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 ); /* IE6-9 */
}
.rgt.getquote.sn_quotesecdpc .qt-text3{
	background:#162d50;
	margin:1px;
	border-radius:50px;
	height: 48px;
	line-height:49px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:13px;
	text-transform:uppercase;
}

#index-header.fixed22 .rgt.getquote.sn_quotesecdpc .qt-text3:hover,
.rgt.getquote.sn_quotesecdpc .qt-text3:hover{
	background: #4e38d5; /* Old browsers */
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 ); /* IE6-9 */
}















/*about_us page start*/


/*about banner section*/

/*.full-width-banner-inner {
  background-attachment: fixed;
  background-color: #464646;
  background-image: url("../images/about_banner.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 628px;
}*/

.about_sec-banner{ 
	background:url("../images/about_banner.png") no-repeat scroll 0 0;
	width:100%;
	background-size:cover;
}

.inner_banner{ height:548px; position:relative;}


.sn_aboutsec {
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	text-align: center;
	top: 60%;
	transform: translateY(-50%);
	width: 100%;
}

.sn_aboutsec h2 {
	font-size: 90px;
	line-height: 94px;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Panton Light Caps';
}



.sn_aboutsec h3 {
	font-size: 25px;
	line-height: 29px;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Calibre-Regular';
}



.sn_about-left {
  display: inline-block;
  padding-right: 30px;
}
.sn_about-left h2 {
  color: #fff;
  font-size: 40px;
  line-height: 93px;
  text-transform: uppercase;
   font-family: "Panton Light Caps";
}

.sn_about-right {
  border-left: 1px solid #6c7ecb;
  min-height: 100px;
  padding-left: 30px;
  display:inline-block;
}

.sn_about-right h3 {
  color: #fff;
  font-family: "Panton Light Caps";
  font-size: 75px;
  line-height: 88px;
}	


/*about banner end*/


/*who are you section start*/

.sn_who-inner {
  padding: 101px 0;
}

.sn_inner-heading h3{
	 font-size:45px; 
	 line-height:49px;
	 color:rgba(22,35,59,0.9);
	 text-align:center;
	 text-transform:uppercase;
	 padding-bottom:20px;
	 font-family: 'CalibreLight';
	 }
	 
	 
.sn_who-para{ 
	width:750px; 
	margin:0 auto;
}
.sn_who-para p {
	color: #6f6f76;
	font-family: "Calibre-Regular";
	font-size: 25px;
	line-height: 32px;
	text-align: center;
}
.sn_who-para > p:last-child {
  padding-bottom: 0;
}

/*who are you section end*/

/*dotted section start*/
.dotted {
  background: #fff url("../images/pat.png") repeat scroll 0 0;
  padding-bottom: 120px;
  padding-top: 80px;
  position: relative;
  padding-bottom:80px;
}

.dot-left, .dot-right {
  position: relative;
  width: 100%;
}

.dot-right.rgt > ul {
  margin-left: 0;
}

.dot-right.rgt > ul {
  text-align: center;
}

.dot-right img {
  display: block;
  margin: 0 auto;
  padding-bottom: 15px;
}

.dot-right li {
    margin-top: 35px;
}
.dot-right li {
    display: inline-block;
    float: none;
    width: 24.7%;
}

.dot-right span {
  color: rgb(91, 115, 221);
  font-size: 34px;
  font-weight: 600;
  line-height: 44px;
  font-family: "Montserrat",sans-serif;
}

.dot-right h4 {
  color: rgb(45, 58, 74);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px;
  text-transform: uppercase;
  font-family: "Montserrat",sans-serif;
}

.dot-right p {
  color: rgb(184, 184, 184);
  font-weight: 300;
  margin: 0 auto;
  width: 220px;
  font-family: "Montserrat",sans-serif;
}



/*dotted section end*/



.sn_quote-project{
  position: relative;
}

.sn-q-text {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}


.q-pic {
  display: block;
  max-width: 100%;
  width: 100%;
}

.sn-q-text h2 {
  color: rgb(255, 255, 255);
  font-size: 60px;
  line-height: 75px;
  text-transform: uppercase;
}

.sn-q-text span {
  color: #fff;
  display: block;
  font-size: 40px;
  font-weight: 200;
  line-height: 44px;
  padding-top: 10px;
  font-family: 'CalibreLight';
}


.cnt {
  background: #f1bd50 none repeat scroll 0 0;
  border: 2px solid transparent;
  border-radius: 50px;
  color: #fff;
  display: block;
  font-size: 22px;
  font-weight: 500;
  height: 55px;
  line-height: 55px;
  margin: 45px auto 0;
  text-align: center;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
  width: 245px;
}


.cnt:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #f1bd50;
  transition: all 500ms ease 0s;
}


/*quality sectio start*/

.sn_qualitysec {
    background: #f8f8f8;
    padding: 86px 0 102px 0;
}

.sn_quality-leftsec{ width:773px;}

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

.sn_qualityimge {
  width: 49%;
}

.quality-textarea {
  background:url("../images/about-right.png") no-repeat scroll 0 0;
  min-height: 436px;
  padding-top: 77px;
  width: 49%;
  background-size:cover;
}

.quality-textarea h2 {
  color: #fff;
  font-size: 75px;
  line-height: 68px;
  padding-bottom: 31px;
}

.quality-textarea p {
  color: rgba(255,255,255,0.7);
  text-align: left;
  font-size:23px;
  line-height:27px;
}

.quality-inner-wrapper{ width:227px; margin:0 auto;}

.sn_quality-rightsec{ width:377px;}

.quality_innersec {
  background: #fff none repeat scroll 0 0;
  box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -ms-box-sizing: border-box;
	  -o-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
  padding: 27px 29px 28px 46px;
}
.sn_quality_box {
  border-bottom: 1px solid #e8e8e8;
  padding-top:24px;
}
.sn_quality_box:last-child {
  border-bottom: none;
}

.sn_quality_box .image-area {
  float: left;
  margin-right: 25px;
}

.sn_quality_box .quality-text_area{ float:left;}

.sn_quality_box .quality-text_area h4{ 
	font-size:16px; 
	line-height:20px; 
	color:#47494e;
	text-transform:uppercase;
	padding-bottom:10px;
	padding-top:5px;
}


.quality-text_area p {
  width: 187px;
  font-size:17px;
  line-height:21px;
  color:rgba(71,73,78,0.9);
  padding-bottom:30px;
}


.dottedsec {
  overflow: hidden;
  text-align: center;
}

/*quality sectio end*/




/*contact start*/
.inner_contactsec {
  background: #f6f6f6 ;
  padding-bottom: 40px;
}
.ggf {
  top:-60px;
  position: relative;
}
.sn_cont {
  background: #fff;
  box-sizing: border-box;
  padding: 68px 102px 30px;
}
.contacy_toppart {
  padding-bottom: 90px;
  padding-top: 40px;
  position: relative;
  text-align: center;
}

.contact_mediumpart{padding-top: 90px;}


.contacy_toppart h5 {
  color: #343c49;
  font-family: "Montserrat",sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 16px;
  padding-bottom: 10px;
}
.contacy_toppart h2 {
  color: #343c49;
  font-family: "Montserrat",sans-serif;
  font-size: 45px;
  line-height: 49px;
  padding-bottom: 20px;
}
.sn_field_sec {
  display: block;
  overflow: hidden;
  padding-bottom: 40px;
  width: 100%;
}
.sn_field-wd {
  padding-bottom: 50px;
  width: 48%;
}
.sn_field-wd input[type="text"], .sn_field-wd input[type="email"], .sn_field-wd input[type="tel"], .sn_field-wd_box textarea {
  border-color: #d7d7d7;
   border-style: none none solid;
    border-width: medium medium 2px;
  box-sizing: border-box;
  color: #7d7d7d;
   font-family: "Montserrat-Light";
  font-size: 12.93px;
  line-height: 16px;
  padding-bottom: 20px;
  padding-left: 33px;
  width: 100%;
}
.nm {
  background: rgba(0, 0, 0, 0) url("../images/name_pic.png") no-repeat 0 -6px;
}
.msg {
  background: rgba(0, 0, 0, 0) url("../images/messge_pic.png") no-repeat 0 -2px;
}
.phn {
  background: rgba(0, 0, 0, 0) url("../images/ph_pic.png") no-repeat  0 -2px;
}
.cmp {
  background: rgba(0, 0, 0, 0) url("../images/company_icon.png") no-repeat  0 -2px;
}

.sn_na{background: rgba(0, 0, 0, 0) url("../images/name_pic.png") no-repeat 0 4px;}

.sn_phn {
  background: rgba(0, 0, 0, 0) url("../images/ph_pic.png") no-repeat  0 9px;
}

.sn_eml {
  background: rgba(0, 0, 0, 0) url("../images/mail_icon.png") no-repeat scroll 0 9px;
}




.sn_formtotalarea{ margin:0 40px;}

textarea{ margin-top:15px;}


.form-left input[type="text"], .form-right input[type="text"] {
    margin-bottom: 15px;
}



/*contact end*/
.sn_field-wd_box input[type="submit"] {
border-radius: 50px;
color: #fff;
display: block;
font-size: 15px;
height: 59px;
letter-spacing: 0.75px;
line-height: 59px;
margin: 0 auto;
text-align: center;
text-transform: uppercase;
width: 242px;
border:none;
font-weight:600;
cursor:pointer;
font-family: "Calibre-Regular";
font-size: 15px;
letter-spacing: 0.75px;
background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e38d5+0,c040bc+99 */
	background: #4e38d5; /* Old browsers */
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 ); /* IE6-9 */

}
.sn_field-wd_box input[type="submit"]:hover{
background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c040bc+0,4e38d5+99 */
	background: #c040bc; /* Old browsers */
	background: -moz-linear-gradient(left, #c040bc 0%, #4e38d5 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #c040bc 0%, #4e38d5 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #c040bc 0%, #4e38d5 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c040bc', endColorstr='#4e38d5', GradientType=1 ); /* IE6-9 */

}


/*portfolio page start*/

.portfoliosec-banner{ 
	background: url("../images/portfolio-banner.png") no-repeat 0 0;
	width:100%;
	background-size:cover;
}

.sn_portfolia_area{ background:#f6f6f6; padding:60px 0;}
.portfolio-imagesec img{ display:block; width:100%;}
.sn_portfolio-box{ 
	background:#fff; 
	padding:35px; 
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-o-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-ms-box-sizing:border-box;
	margin-bottom:40px;
}
.portfolio-imagesec{ width:653px;}
.portfolio-textsec {
  margin-left: 55px;
  margin-top: 30px;
  width: 340px;
}
.portfolio-textsec h4, .portfolio-textsec span, .portfolio-textsec h5{
  color: #202023;
  font-size:17px;
  line-height:17px;
  font-weight:700;
  text-transform:uppercase;
  padding-bottom:20px;
}
.portfolio-textsec span {
	color:#8c8c9b;
}
.portfolio-textsec p {
 color: rgba(71, 73, 78, 0.9);
    font-size: 17px;
    line-height: 21px;
    padding-bottom: 30px;
	padding-bottom:20px;
}

.sn_software-details > li {
  padding-bottom: 10px;
  display:inline-block;
}

.dot-left.lft {
  display: none;
}
.dot-right.rgt > ul {
  text-align: center;
}
/*service page start*/
.our-service-inner {
  padding: 85px 0 0;
  background:#fff;
}

.our-service-inner .heading p{
	font-size:25px;
	line-height:32px;
	
}
.our-service-inner .heading h3{
	line-height:70px;
}
.our-service-inner .heading h5 {
  padding-bottom: 25px;
}

.service-box-text {
  margin-left: 375px;
  width: 410px;
  padding-top:14px;
}

.eml {
  background: rgba(0, 0, 0, 0) url("../images/mail_icon.png") no-repeat scroll 0 -2px;
}


/*.section-box-wrapper {
  padding-top: 125px;
}*/

.service-box-text img {
  padding-bottom: 35px;
}

.service-box-text h4 {
  color: #3a3d55;
  font-size: 33px;
  line-height: 38px;
  padding-bottom: 18px;
  text-transform: uppercase;
}

.service-box-text p{ 
	font-size:19px; 
	line-height:29px;
	font-family: 'Calibre-Regular';
	color:#73737f;
	padding-bottom:13px;
}

.section-box.odd {
  background: #f4f6f8;
  padding: 80px 0;
}

.section-box.even {
  background: #fff;
  padding: 80px 0;
}

.section-box.odd .service-box-text {
  margin-left: 0;
  margin-right: 375px;
}

.section-box.section-box3:nth-child(odd) .service-box-pic {
  margin-left: 0;
  margin-right: 200px;
}

.section-box:nth-child(even) {
  background: #f1f4f6;
}



.section-box {
  padding: 80px 0;
}


.section-box.section-box2:nth-child(2n) .service-box-text {
  margin-left: 0;
  margin-right: 315px;
}


.section-box.section-box2:nth-child(2n) .service-box-pic {
  margin-left: 300px;
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  /*overflow: hidden;*/
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
 /* background: #2098D1;*/
 
 background: #c040bc; /* Old browsers */
	background: -moz-linear-gradient(left, #c040bc 0%, #4e38d5 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #c040bc 0%, #4e38d5 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #c040bc 0%, #4e38d5 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c040bc', endColorstr='#4e38d5', GradientType=1 ); /* IE6-9 */

  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}



/*****Popup****/
.overlay {
	opacity:0;
	visibility:hidden;
    background-color: rgba(0, 0, 0, 0.9);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
	opacity:1;
	visibility:visible;	
}

.popup {
	opacity:0;
	visibility:hidden;
    background-color:#fff;
    border: 3px solid #fff;
    left: 50%; color:#666;
    position: fixed;
    text-align: justify;
    top: 40%;
    z-index: 9999;
	padding:2%;
	width:20%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
     /*-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
   -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;*/

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}
.overlay:target+.popup {
    top: 50%;
	opacity:1;
	visibility:visible;	
}
.close {
background: #4e38d5; /* Old browsers */
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 ); /* IE6-9 */    height: 30px;
    line-height: 30px;
    position: absolute;
    right:-3px;
    text-align: center;
    text-decoration: none;
    top: -3px;
    width: 30px;

    /*-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;*/
	cursor:pointer;
}

.close:hover{	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c040bc+0,4e38d5+99 */
	background: #c040bc; /* Old browsers */
	background: -moz-linear-gradient(left, #c040bc 0%, #4e38d5 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #c040bc 0%, #4e38d5 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #c040bc 0%, #4e38d5 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c040bc', endColorstr='#4e38d5', GradientType=1 ); /* IE6-9 */}


.close:before {
    font-size: 24px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
    background-color: rgba(64, 128, 128, 0.8);
}

.fa.fa-times {
  color: #fff;
}


.quote_heading h2 {
  color: #465360;
  font-family: 'CalibreLight';
  font-size: 50px;
  line-height: 54px;
  text-transform:capitalize;
  padding-bottom:7px;
  text-align:center;
}

.quoate-field{ margin-bottom:20px;}

.quoate-field input[type="text"], .quoate-field input[type="tel"], .quoate-field input[type="email"]{
  width: 100%;
  border-bottom:2px solid #d7d7d7;
  border-right:none;
  border-left:none;
  border-top:none;
      box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -ms-box-sizing: border-box;
	  -o-box-sizing: border-box;
    font-size: 17px;
    line-height: 22px;
    padding: 10px 10px 10px 30px;
    width: 100%;
	font-family: 'Calibre-Regular';
	color: #857e7e;
}

.quoate-field input[type="submit"] {
  color: #fff;
  font-size: 20px;
   height: 60px;
  line-height: 60px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  background: #4e38d5; /* Old browsers */
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 ); /* IE6-9 */
 border:none;
 cursor:pointer;
 margin-top:20px;
 border-radius:50px;
  font-family: "Calibre-Regular";
}

.quoate-field input[type="submit"]:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c040bc+0,4e38d5+99 */
	background: #c040bc; /* Old browsers */
	background: -moz-linear-gradient(left, #c040bc 0%, #4e38d5 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #c040bc 0%, #4e38d5 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #c040bc 0%, #4e38d5 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c040bc', endColorstr='#4e38d5', GradientType=1 ); /* IE6-9 */}
 
 
 .sn_checkarea input[type="checkbox"] {
  vertical-align: top;
  display: inline-block;
}
.quoate-field label.new_iam {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #9c9c9c !important;
  display: inline-block;
  font-size: 17px;
  font-weight: 300;
  line-height: 21px;
  width: 100%;
}
.quoate-field label {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #9c9c9c !important;
  display: inline-block;
  font-size: 17px;
  font-weight: 300;
  line-height: 21px;
  width: auto;
}

.sn_checkarea {
  display: inline-block;
  margin-top: 10px;
}

.sn_checkarea p {
  display: inline-block;
  padding-bottom: 10px;
}
.sn_checkarea p:first-child{
  margin-left: -24px;
}

.sn_checkarea input[type="checkbox"] {
  visibility: hidden;
}
label {
  cursor: pointer;
  
}
.sn_checkarea input[type="checkbox"] + label:before {
  border: 2px solid #d7d7d7;
  content: "\00a0";
  display: inline-block;
  font-size:17px;
  height: 16px;
  margin: 0 .25em 0 0;
  padding: 0;
  vertical-align: top;
  width: 16px;
}
.sn_checkarea input[type="checkbox"]:checked + label:before {
  background: #fff;
  color: #5739d3;
  content: "\2713";
  text-align: center;
}
.sn_checkarea input[type="checkbox"]:checked + label:after {
  font-weight: bold;
}

.sn_checkarea input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}

.quoate-field.field-boxxx {
  margin-bottom: 0;
  /*margin-left: 9px;*/
}


.sn_new {
  color: #9c9c9c;
}
/*****Popup****/

.popup_inner{width:100%; margin:0 auto;}
.popup_inner h1{text-align:center; font-size:20px; margin:0; text-transform:uppercase; padding-bottom:4%;}




.sn_getfolio .qt-image {
  height: 59px;
  line-height: 59px;
  width: 242px;
}


.service_sec-banner{
	background:url("../images/services_banner.png") no-repeat scroll 0 0; 
	background-size:cover; 
	width:100%;
}

.contact_sec_banner{
	background:url("../images/contact_banner.png") no-repeat scroll 0 0;
	background-size:cover; 
	width:100%;
}
	
	
/*29.8.18* sonalin*/

.sn_cont .heading h3 {
	text-transform:capitalize;
}

.sn_hlp-box input[type="text"], .sn_help {
	padding-left: 0;
}

.quote_heading{ text-align:center;}

.sn_totalquote-field{ margin-top:40px;}
.loaded-reverse{
}

.loaded-reverse .loder,.loaded-reverse #loader-wrapper {
	transition: all 0ms ease-in-out ;
	opacity:0;
}
.loaded-reverse .loaded .loder {
	transition: all 0ms ease-in-out ;
	opacity:0;
}
.loaded-reverse .loaded #loader-wrapper {
	transition: all 0ms ease-in-out ;
	opacity:0;
}

/*app development page start*/


.sn_ecommerce h2{ font-size:70px; line-height:74px;}

.app-development-banner{background:url("../images/appdevelopment_banner.png") no-repeat scroll 0 0; background-size:cover; width:100%;}

.sn_appsec .heading h3 {
    font-size: 60px;
    line-height: 60px;
    padding-bottom: 20px;
}
.sn_appsec .heading h5 {
    font-size: 25px;
    line-height: 65px;
    padding-bottom: 0;
}

.sn_who-appsec {
    width: 85%;
}

.sn_who-appsec p{ font-size:21px; line-height:32px;}

.app_developmentsee_what_section-left{ width:768px;}

.app_developmentsee_what_section .wrapper::before{
	display:none;
}
.app_developmentsee_what_section-left span{ 
	display:inherit; 
	text-align:left; 
	font-size:17px; 
	line-height:21px;
	font-family: 'CalibreRegular';
	text-transform:uppercase;
	letter-spacing:1px;
	padding-bottom:17px;
}


.app_developmentsee_what_section-left P {
    font-size: 52px;
    line-height: 56px;
    color: #fff;
    text-align: left;
	font-family: 'CalibreLight';
	text-transform: initial;
}
     

.app_developmentsee_what_section-right {
    width: 287px;
    margin-top: 36px;
}
.app_developmentsee_what_section-right a img{
    display: block;
	width:100%;
	max-width:100%;
	height:auto;
}

.app_developmentsee_what_section-right a {
	display: block;
	background: #4e38d5;
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 );
	border-radius: 50px;
	padding: 1px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.Schedule_qt-text {
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 53px;
	height: 52px;
	letter-spacing: 1px;
	background: #2e1a5b;
	display: block;
	margin: 1px;
	border-radius: 50px;
}
.Schedule_qt-text:hover {
	background: #4e38d5;
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 );
	border-radius: 50px;
}


.app_ambitions_sec {
    background: url("../images/ambition_bg.png") repeat-x;
    padding: 126px 0 94px 0;
	background-size:cover;
}
.app_ambitions_left {
    width: 42%;
    margin-left: 23px;
}

.app_ambitions_left img{ display:block;}

.app_ambitions_right{ width:50%;}

.app_ambitions_right span{ 
	font-size:18px; 
	line-height:22px;
	color:rgba(255,255,255,0.5);
	font-family: 'CalibreRegular';
	text-transform:uppercase;
	padding-bottom:17px;
	display:block;
}

.app_ambitions_right h5 {
    font-size: 55px;
    line-height: 60px;
    color: #fff;
    font-family: 'CalibreLight';
    padding-bottom: 15px;
}

.app_ambitions_right p{
	font-size:20px;
	line-height:32px;
	color:#908e9d;
	font-family: 'CalibreRegular';
	padding-bottom:30px;
}


.ambition_listarea li {
    font-size: 20px;
    line-height: 24px;
    background: url("../images/list_bg.png") 0 4px no-repeat ;
    color: #908e9d;
    font-family: 'Calibre-Regular';
    padding-bottom: 17px;
    padding-left: 30px
}

.launch_ambitionssec {
    background: url("../images/lunch_bg.png") repeat-x ;
    padding: 125px 0 555px;
    position: relative;
	
}

.launch_ambitionssec .heading h5{
	font-size:55px;
	line-height:60px;
	color:#414858;
	font-family: 'CalibreLight';
}

.launch_ambitionssec .heading p {
    font-size: 21px;
    line-height: 32px;
    color: #606060;
    font-family: 'Calibre-Regular';
    width: 909px;
    margin: 0 auto;
    padding-bottom: 48px;
}

.post_launchsec {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 30px 0;
    text-align: center;
}
.launch_ambitionssec .post_launchsec li {
    font-size: 20px;
    line-height: 24px;
    font-family: 'Calibre-Regular';
    color: #2f384b;
    width: 265px;
    display: inline-block;
	background: url("../images/list_bg.png") 0 4px no-repeat;
	margin-right:70px;
	padding-left: 12px;
}

.launch_ambitionssec .post_launchsec li:nth-child(3) {
    margin-right: 0;
    padding-left: 29px;
}

.mobileimage_sec {
    position: absolute;
    left: 50%;
    bottom: -256px;
    transform: translatex(-50%);
	-webkit- transform: translatex(-50%);
	-o- transform: translatex(-50%);
	-moz- transform: translatex(-50%);
	-ms- transform: translatex(-50%);
}

.mobileimage_sec img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto 0 auto;
}
.dedicated_section .heading h5, .tools_technologie_sec .heading h5{
    color: #414858;
    font-size: 55px;
    line-height: 58px;
    font-family: 'CalibreLight';
    text-transform: initial;
    padding-bottom: 70px;
}

.sn_eccomerce_websitesec {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 50px;
    padding-right: 55px;
}

.sn_eccomerce_websitesec:nth-child(3n+1) {
    padding-right: 0;
}
.sn_website_left {
    width: 75px;
    padding-right: 21px;
}

.sn_website_left img{ display:block;}

.sn_website_right {
    width: 255px;
}


.sn_website_right p{
	font-size:19px;
	line-height:28px;
	color:#414858;
	font-family: 'Calibre-Regular';
}

.mobileimage_sec {
    position: relative;
    bottom: -250px;
}

.dedicated_section {
    padding: 327px 0 50px 0;
	background:#fff;
}
.mobileimage_sec {
    position: absolute;
    left: 50%;
    bottom: -200px;
    transform: translatex(-50%);
}

.E-Commerce_Technologies .heading p{ width:742px;}


.computerimage_sec{bottom: -67px;}

.E-Commerce_dedicated_section {
    padding: 177px 0 50px 0;
	background:#fff;
}



/*app development page end*/



/*ui_ux_design page start*/

.ui-development-banner{background: url("../images/ui_ux_design_banner.png") 0 0 no-repeat; width:100%; background-size:cover;}


.ui_uxdesignarea {
    padding-bottom: 0;
}

.ui_uxdesignarea-left img#main-ui{ 
	display:none;
}

.ui_uxdesignarea-right .heading h5 {
    text-align: left;
    text-transform: inherit;
    padding-bottom: 25px;
}


.ui_uxdesignarea-left {
    width: 48%;
	position:relative;
}

.ui_uxdesignarea-right {
    margin-top: 60px;
    width: 48%;
}

.ui_uxdesignarea-right .heading p {
    text-align: left;
    padding-bottom: 30px;
	width: auto;
}
.ui_uxdesignarea-right .heading p br{
	display:none;
}
.tools_technologie_sec .heading h5{ padding-bottom:50px;}

.tools_technologie_sec{background: url("../images/tools_bg.png") repeat-x; padding:100px 0 0;}

.tools_technologie_sec .heading strong{font-family: 'Calibre-Regular';}

.software_imagesec img{ display:block;}

.software_imagesec img {
    display: block;
    width: 70%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.ui_ux_dedicated_section{ padding:100px 0 50px 0; background:#fff;}

/*ui_ux_design page end*/


/*web development page start*/

.web-development-banner{background:url("../images/appdevelopment_banner.png") no-repeat scroll 0 0; background-size:cover; width:100%;}


.sn_projectareasec{background:url("../images/ftr_bg1.png") repeat-x;}

.sn_project-topsec span {
    display: block;
}

.sn_projectareasecinn {
    padding: 85px 0;
}

.sn_project-topsec {
    float: left;
    width: 25%;
	text-align: center;
	background:url("../images/projects_divider.png") 0 0 no-repeat;
}


.sn_project-topsec:first-child {
    background: none;
}


.sn_project-topsec h4 {
    font-size: 70px;
    line-height: 74px;
    color: #a03ec3;
	font-family: "Panton Light Caps";
	padding-bottom: 25px;
}

.sn_project-topsec span { 
	font-size:25px;
	line-height:29px;
    color:rgba(192,194,213,0.5);
	font-family: 'CalibreLight';
 }
 
 
.text {
    text-transform: uppercase;
    background: linear-gradient(330deg, #a83aa7 0%, #a83aa7 25%, #a83aa7 50%, #4c38d6 75%, #683ad0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.portal_developmentsec{ padding:140px 0 80px 0; background:#fff;}


.portal_developmentsec_leftsec{ 
	width:38%;
}

.portal_developmentsec_leftsec img{ display:block;}

.portal_developmentsec_leftsec .heading{ text-align:left;}

.portal_developmentsec_leftsec .heading h5{
	font-size:48px;
	line-height:52px;
	color:#16233b;
	font-family: 'CalibreLight';
	text-transform:inherit;
	margin-top:23px;
}

.portal_developmentsec_leftsec .heading p{
	font-size:20px;
	line-height:30px;
	color:#606060;
	font-family: 'Calibre-Regular';
}

.portal_developmentsec_rightsec{
	width:57%;
}
.kb-developbox{
	width:46%;
	margin-bottom:50px;
}
.kb-developbox:nth-child(3),
.kb-developbox:nth-child(4){
	margin-bottom:0;
}
.kb-developbox img{
	margin-bottom:18px;
}

.kb-developbox h6{
	font-size:20px;
	line-height:32px;
	color:#0a1b2d;
	font-family: 'Calibre-Regular';
	margin-bottom:10px;
}
.kb-developbox p{
	font-size:20px;
	line-height:30px;
	color:#606060;
	font-family: 'Calibre-Regular';
	padding-bottom:0;
}

.development-team-area{
	padding:200px 0;
	background:url('../images/development-team-bg.jpg') no-repeat 0 0;
	background-size:cover;
	width:100%;
}

.development-team-area .d-team-right{
	padding-left:27px;
	width:50%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}


.development-team-area .d-team-right h3{
	font-size:54px;
	line-height:58px;
	color:#16233b;
	font-family: 'CalibreLight';
	text-transform:capitalize;
	text-align:left;
	margin-bottom:20px;
}

.development-team-area .d-team-right p{
	font-size:19px;
	line-height:30px;
	color:#606060;
	font-family: 'Calibre-Regular';
	text-align:left;
}

.kb-delevering-area{
	padding:100px 0;
	background:url('../images/delevering-bg.png') no-repeat 0 0;
	background-size:cover;
}

.kb-delevering-area h3{
	font-size:54px;
	line-height:58px;
	color:#16233b;
	font-family: 'CalibreLight';
	text-transform:inherit;
	text-align:center;
	margin-bottom:40px;
}

.kb-delevering-area .pro-langauge{
	text-align:center;
	border-bottom:1px solid #e3e3eb;
	padding-bottom:50px;
	margin-bottom:50px;
}

.kb-delevering-area .pro-langauge li{
	margin-right:35px;
	display:inline-block;
	width: 14.1%;
	box-shadow: 0px 1px 20px rgb(0,0,0,0.05);
	-webkit-box-shadow: 0px 1px 20px rgb(0,0,0,0.05);
	-moz-box-shadow: 0px 1px 20px rgb(0,0,0,0.05);
	-ms-box-shadow: 0px 1px 20px rgb(0,0,0,0.05);
	-o-box-shadow: 0px 1px 20px rgb(0,0,0,0.05);
	border-radius:11px;
}
.kb-delevering-area .pro-langauge li img{
	width:100%;
	max-width:100%;
	height:auto;
	display: block;
}
.kb-delevering-area .pro-langauge li:last-child{
	margin-right:0;
}
.kb-delevering-area p{
	font-size:28px;
	line-height:40px;
	color:#2f384b;
	font-family: 'CalibreLight';
	text-align:center;
	margin-bottom:20px;
}
.kb-delevering-area .pro-frameworks{
	text-align:center;
}

.kb-delevering-area .pro-frameworks li{
	margin-right:35px;
	display:inline-block;
	width: 9%;
	border-radius:11px;
}
.kb-delevering-area .pro-frameworks li img{
	width:100%;
	max-width:100%;
	height:auto;
	display: block;
}
.kb-delevering-area .pro-frameworks li:first-child{
	box-shadow: 2px 9px 20px rgb(255,56,75,0.4);
	-webkit-box-shadow: 2px 9px 20px rgb(255,56,75,0.4);
	-moz-box-shadow: 2px 9px 20px rgb(255,56,75,0.4);
	-ms-box-shadow: 2px 9px 20px rgb(255,56,75,0.4);
	-o-box-shadow: 2px 9px 20px rgb(255,56,75,0.4);
}

.kb-delevering-area .pro-frameworks li:nth-child(3){
	box-shadow: 2px 9px 20px rgb(104,182,4,0.4);
	-webkit-box-shadow: 2px 9px 20px rgb(104,182,4,0.4);
	-moz-box-shadow: 2px 9px 20px rgb(104,182,4,0.4);
	-ms-box-shadow: 2px 9px 20px rgb(104,182,4,0.4);
	-o-box-shadow: 2px 9px 20px rgb(104,182,4,0.4);
}

.kb-delevering-area .pro-frameworks li:nth-child(4){
	box-shadow: 2px 9px 20px rgb(240,66,34,0.4);
	-webkit-box-shadow: 2px 9px 20px rgb(240,66,34,0.4);
	-moz-box-shadow: 2px 9px 20px rgb(240,66,34,0.4);
	-ms-box-shadow: 2px 9px 20px rgb(240,66,34,0.4);
	-o-box-shadow: 2px 9px 20px rgb(240,66,34,0.4);
}
.kb-delevering-area .pro-frameworks li:nth-child(5){
	box-shadow: 2px 9px 20px rgb(1,17,17,0.4);
	-webkit-box-shadow: 2px 9px 20px rgb(1,17,17,0.4);
	-moz-box-shadow: 2px 9px 20px rgb(1,17,17,0.4);
	-ms-box-shadow: 2px 9px 20px rgb(1,17,17,0.4);
	-o-box-shadow: 2px 9px 20px rgb(1,17,17,0.4);
}

.kb-delevering-area .pro-frameworks li:last-child{
	margin-right:0;
	box-shadow: 2px 9px 20px rgb(251,80,59,0.4);
	-webkit-box-shadow: 2px 9px 20px rgb(251,80,59,0.4);
	-moz-box-shadow: 2px 9px 20px rgb(251,80,59,0.4);
	-ms-box-shadow: 2px 9px 20px rgb(251,80,59,0.4);
	-o-box-shadow: 2px 9px 20px rgb(251,80,59,0.4);
}






/*web development page end*/



/* strat our process style*/

.our-process-area{
	padding-top:170px;
	padding-bottom:190px;
	background:#fff;
}
.our-box-area{
	padding-bottom:200px;
}
.our-left-box,
.our-right-box{
	width:49%;
	position:relative;
}
.k-num{
	margin-bottom:20px;
}
.pb-0{
	padding-bottom:0;
}

.our-left-box{
	padding-right:64px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	text-align:right;
}
.our-right-box {
	padding-right: 64px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}

.our-left-box h3{
	text-align:right;
	font-family: 'CalibreLight';
	font-size:50px;
	line-height:73px;
	color:#292929;
}

.our-left-box p{
	font-family: 'CalibreRegular';
	font-size:21px;
	line-height:32px;
	color:#70707b;
	text-align:right;
}
.our-left-box .lft-arrow {
	position: absolute;
	right: -57px;
	bottom: -160px;
}
.our-right-box .right-arrow {
	position: absolute;
	left: -125px;
	bottom: -160px;
}


.our-right-box h3{
	text-align:left;
	font-family: 'CalibreLight';
	font-size:50px;
	line-height:73px;
	color:#292929;
}

.our-right-box p{
	text-align:left;
	font-family: 'CalibreRegular';
	font-size:21px;
	line-height:32px;
	color:#70707b;
}


/* End our process style*/


/* Start service page read more style*/
.service-box-text a{
	width: 190px;
	display:block;
	background: #4e38d5;
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 );
	border-radius: 50px;
	padding: 1px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	margin-top:30px;
}
.service-box-text a span{
	font-family: "Calibre-Regular";
	background:#fff;
	margin: 1px;
	border-radius: 50px;
	height: 42px;
	line-height: 42px;
	display: block;
	text-align: center;
	color: #4e38d5;
	text-transform: uppercase;
}
.service-box-text a.k-ass span{
	background:#f1f4f6;
}
.service-box-text a span:hover {
	color:#fff;
	background: #4e38d5;
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 );
}


/*  End service page read more style*/

/*  Start Dragble image style*/

/*.kb-ui-drag{
	position:absolute;
	left: 22px;
	top: 28px;

}*/

#img-container {
	position: relative;
	height: auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	width:100%;
}
#img-container::after{
	position:absolute;
	left:0;
	top:-28px;
	content:'';
	background:url('../images/top-line2.png');
	height:28px;
	width:542px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	
}
#img-container::before{
	position:absolute;
	left:-21px;
	top:-23px;
	content:'';
	background:url('../images/top-line3.png');
	height:642px;
	width:21px;
	
}

.img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: autox;
}
.img img {
	display: block;
	max-width: 535px;
	width: 535px;
}

#img-top {
	position: relative;
	box-shadow: rgba(0,0,0,0.5) 1px 0px 2px;
	min-width: 3px;
	max-width: 96%;
	width: 50.5%;
	height:auto;
}

#drag {
	position: absolute;
	width: 3px;
	background: #fff;
	height: 100%;
	right: 0;
	top: 0;
	cursor: ew-resize;
	/*box-shadow: rgba(0,0,0,0.5) -1px 0px 2px;*/
}

#mask {
	overflow: hidden;
	width: 100%;
}

#arrows {
	width: 39px;
	height:39px;
	display:block;
	line-height:39px;
	color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	margin-top: 0;
	margin-left: -18px;
	background:url('../images/new-arrow.png') no-repeat 0 0;
}
/*#arrows img{
	display:block;
	width:auto;
	margin:0 auto;
}*/
/*#arrows .fa {
  line-height: 40px;
  text-align: center;
  width: 23px;
  height: 40px;
  float: left;
}
*/
/*
#arrows .fa-arrow-right { border-radius: 0px 5px 5px 0px; }
*/
/*  End Dragble image style*/

.web-application{
	position:relative;
}

.web-applli-content{
	position:absolute;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}

.web-applli-content .d-team-right {
	padding-left: 27px;
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.web-applli-content .d-team-right h3 {
	font-size: 54px;
	line-height: 58px;
	color: #16233b;
	font-family: 'CalibreLight';
	text-transform: capitalize;
	text-align: left;
	margin-bottom: 20px;
}
.web-applli-content .d-team-right p {
	font-size: 19px;
	line-height: 30px;
	color: #606060;
	font-family: 'Calibre-Regular';
	text-align: left;
}


/*========== Branding pasge start=============*/
.branding-banner {
	background: url("../images/branding-banner.jpg") no-repeat scroll 0 0;
	background-size: cover;
	width: 100%;
}
.kb-featured-comp {
	padding-top: 17px;
	padding-bottom: 17px;
	overflow:hidden;
}
.kb-featured-comp .heading h5{
	font-family: 'CalibreLight';
	font-size:50px;
	line-height:58px;
	color:#2f384b;
	margin-bottom:60px;
	padding-bottom:0;
	text-transform:capitalize;
}
.kb-bx-slider .bx-wrapper .bx-default-pager{
	display:none;
}
.kb-bx-slider .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 15px;
	margin-top: -16px;
	outline: 0;
	width: 13%;
	height: 100%;
	text-indent: -9999px;
	z-index: 9999;
}
.kb-bx-slider .bx-wrapper .bx-controls-direction a.bx-prev{
	left: -18%;
}
.kb-bx-slider .bx-wrapper .bx-controls-direction a.bx-next{
	right: -18%;
}
.kb-bx-slider .bx-wrapper .bx-viewport {
	overflow:visible !important;
}
.kb-featured-comp .wrapper {
    width: 90%;
}


.kb-bx-slider .bx-controls .bx-pager{
	display:none;
}

.kb-bx-1, .kb-bx-2, .kb-bx-3, .kb-bx-4, .kb-bx-5{
	position:relative;
}
.kb-bx-1 a, .kb-bx-2 a, .kb-bx-3 a, .kb-bx-4 a, .kb-bx-5 a{
	position:absolute;
	left:20px;
	bottom:25px;
	font-size:16px;
	line-height:16px;
	padding:10px 22px;
	color:#fff;
	border-radius:50px;
	font-family: 'Calibre-Regular';
	cursor:none !important;
}
.kb-bx-1 a{
	background:#13b8be;
}
.kb-bx-2 a{
	background:#cd3630;
}
.kb-bx-3 a{
	background:#00a581;
}
.kb-bx-4 a{
	background:#cd3630;
}
.kb-bx-5 a{
	background:#00a994;
}

.kb-branding-process{
	background:#f5f5f9;
	padding-top:90px;
	padding-bottom:50px;
}
.kb-branding-process .wrapper{
	position:relative;
}

.kb-branding-process .heading h5{
	font-family: 'CalibreLight';
	font-size:50px;
	line-height:58px;
	color:#2f384b;
	margin-bottom:10px;
	padding-bottom:0;
	text-transform:capitalize;
}
.kb-branding-ds{
	font-family: 'Calibre-Regular';
	font-size:21px;
	line-height:32px;
	color:#606060;
	text-align:center;
	width: 84%;
	margin: 0 auto;
	padding-bottom: 50px;
}
.kb-branding-process img.doted-border {
	position: absolute;
	left: 130px;
	top: 315px;
}

.branding-process-inner{
	width:850px;
	margin:0 auto;
}
.kb-precess-1{
	padding:0;
}

.kb-precess-1 .kb-pro-left,
.kb-precess-1 .kb-pro-right{
	width:50%;
	text-align:center;
	margin-bottom: 47px;
	padding:0 12px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}

.kb-precess-1 .kb-pro-right h4,
.kb-precess-1 .kb-pro-left h4,
.kb-precess-2 .kb-pro-right h4,
.kb-precess-2 .kb-pro-left h4{
	font-size:20px;
	line-height:32px;
	color:#0a1b2d;
	font-family: 'Calibre-Regular';
	text-transform:uppercase;
	margin-bottom:0;
	text-align:center;
}
.kb-precess-1 .kb-pro-right p,
.kb-precess-1 .kb-pro-left p,
.kb-precess-2 .kb-pro-right p,
.kb-precess-2 .kb-pro-left p{
	font-size:19px;
	line-height:28px;
	color:#606060;
	font-family: 'Calibre-Regular';
	padding-bottom:0;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}
.kb-precess-1 .kb-pro-left img,
.kb-precess-1 .kb-pro-right img,
.kb-precess-2 .kb-pro-left img,
.kb-precess-2 .kb-pro-right img{
	width:220px;
	height:110px;
	margin-bottom:30px;
}


.kb-bring-brand {
	background: url("../images/bring-bg.jpg") no-repeat scroll 0 0;
	background-size: cover;
	width: 100%;
	padding:140px 0 110px 0;
}
.kb-bring-brand-inner{
	width:760px;
	overflow:hidden;
}
.kb-bring-brand .heading h5{
	font-family: 'CalibreLight';
	font-size:50px;
	line-height:58px;
	color:#2f384b;
	margin-bottom:30px;
	padding-bottom:0;
	text-transform:inherit;
	text-align:left;
}
.kb-bring-brand p{
	font-size:18px;
	line-height:28px;
	color:#606060;
	font-family: 'Calibre-Regular';
	padding-bottom:0;
}
.branding-box{
	width:50%;
	overflow:hidden;
	float:left;
	margin-bottom:40px;
}
.branding-box .branding-img-box{
	width:60px;
	margin-right:18px;
	float:left;
}
.branding-box .branding-text-box{
	width:260px;
	float:left;
}
.branding-text-box h6{
	font-size: 20px;
	line-height: 32px;
	color: #0a1b2d;
	font-family: 'Calibre-Regular';
	text-transform: uppercase;
}
/*========== Branding pasge End=============*/



/*========== seo pasge Start=============*/

.seo-banner {
	background: url("../images/seo-banner-bg.jpg") no-repeat scroll 0 0;
	background-size: cover;
	width: 100%;
}
.kb-online-seo{
	background:#fafafd;
	padding-top:70px;
	padding-bottom:90px;
}
.kb-online-seo .heading h5{
	padding-bottom: 50px;
	color: rgba(22,35,39,0.9);
	font-size: 55px;
	line-height: 58px;
	font-family: 'CalibreLight';
	text-transform: initial;
}
.kb-online-seo-box{
	width:33.3%;
	float:left;
	padding: 0 10px 20px 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.kb-online-inner{
	background:#fff;
	padding:30px 40px 0 40px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	position:relative;
	min-height: 252px;
}
.line-1::before{position:absolute; top:0; left:40px; content:''; height:4px; width:45px; background:#36bedf; z-index:5;}
.line-2::before{position:absolute; top:0; left:40px; content:''; height:4px; width:45px; background:#fa4b8c; z-index:5;}
.line-3::before{position:absolute; top:0; left:40px; content:''; height:4px; width:45px; background:#6890f1; z-index:5;}
.line-4::before{position:absolute; top:0; left:40px; content:''; height:4px; width:45px; background:#ffc148; z-index:5;}
.line-5::before{position:absolute; top:0; left:40px; content:''; height:4px; width:45px; background:#b000ff; z-index:5;}
.line-6::before{position:absolute; top:0; left:40px; content:''; height:4px; width:45px; background:#28cf69; z-index:5;}
.line-7::before{position:absolute; top:0; left:40px; content:''; height:4px; width:45px; background:#ff6f54; z-index:5;}
.line-8::before{position:absolute; top:0; left:40px; content:''; height:4px; width:45px; background:#00cec9; z-index:5;}
.line-9::before{position:absolute; top:0; left:40px; content:''; height:4px; width:45px; background:#2196f3; z-index:5;}


.kb-online-inner img{
	margin-bottom:10px;
}
.kb-online-inner h6{
	font-size:20px;
	line-height:24px;
	color:#0a1b2d;
	font-family: 'Calibre-Regular';
	text-transform:uppercase;
	margin-bottom:5px;
}
.kb-online-inner p{
	font-size:18px;
	line-height:24px;
	color:#414858;
	font-family: 'Calibre-Regular';
}

.seo-processn{
	background:#fff;
	padding-top: 90px;
	padding-bottom: 32px;
}
.seo-processn .branding-process-inner {
	width:95%;
}
.seo-processn .kb-precess-1{
	margin-bottom:0;
}

.seo-processn .kb-precess-1 .kb-pro-left, 
.seo-processn .kb-precess-1 .kb-pro-right, 
.seo-processn .kb-precess-2 .kb-pro-left, 
.seo-processn .kb-precess-2 .kb-pro-right{
	width: 33.3%;
	text-align: center;
	margin-bottom: 58px;
}
.seo-processn .kb-precess-1 .kb-pro-left img, 
.seo-processn .kb-precess-1 .kb-pro-right img, 
.seo-processn .kb-precess-2 .kb-pro-left img, 
.seo-processn .kb-precess-2 .kb-pro-right img {
	width: 190px;
	height: auto;
	margin-bottom: 30px;
}
.seo-processn img.doted-border {
	left: 32px;
	top: 298px;
}
.seo-processn .kb-precess-1 .kb-pro-right p, 
.seo-processn .kb-precess-1 .kb-pro-left p, 
.seo-processn .kb-precess-2 .kb-pro-right p, 
.seo-processn .kb-precess-2 .kb-pro-left p {
	font-size: 17px;
	line-height: 22px;
	width: 330px;
}


.kb-customize{
	background:#fafafd;
	width: 100%;
	padding-top:150px;
	padding-bottom:95px;
}
.kb-customize .wrapper{
	position:relative;
}
.kb-customize img {
	position: absolute;
	width: 681px;
	bottom: 12px;
	left: -130px;
}

.kb-customize .kb-customize-right{
	width:540px;
}
.kb-customize-right .heading h5{
	font-family: 'CalibreLight';
	font-size:48px;
	line-height:53px;
	color:#2f384b;
	margin-bottom:20px;
	padding-bottom:0;
	text-transform:inherit;
	text-align:left;
}
.kb-customize-right ul li{
	background:url('../images/custo-tick.png') no-repeat 0 0;
	padding-left:35px;
}
.kb-customize-right p{
	font-size:19px;
	line-height:23px;
	color:#606060;
	font-family: 'Calibre-Regular';
	padding-bottom:12px;
}

.what-seo-bg {
	background: url("../images/what-seo-bg.jpg") no-repeat scroll 0 0;
	background-size: cover;
	width: 100%;
	padding: 110px 0 135px 0;
}
.what-seo-inner{
	width:645px;
}

.what-seo-inner p {
	font-size: 19px;
	line-height: 28px;
	color: #606060;
	font-family: 'Calibre-Regular';
	padding-bottom: 15px;;
}

/*========== seo pasge End=============*/

.sn_quotesec .kn-getquote{
	width: 220px;
	background: #4e38d5;
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 );
	border-radius: 50px;
	padding: 1px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	display:block;
	margin:auto;
}
.sn_quotesec .kn-getquote span{
	background: #fff;
	margin: 1px;
	border-radius: 50px;
	height: 48px;
	line-height: 48px;
	display: block;
	text-align: center;
	color: #3a3d55;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: .75px;
	padding:0;
}
.sn_quotesec .kn-getquote span:hover{
	color:#fff;
	background: #4e38d5;
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 );
}

.see-waht .sn_quotesec .kn-getquote{
	width: 204px;
	background: #4e38d5;
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 );
	border-radius: 50px;
	padding: 1px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	display:block;
	margin:23px auto 0 auto; 
}
.see-waht .sn_quotesec .kn-getquote span{
	background: #301a5c;
	margin: 1px;
	border-radius: 50px;
	height: 48px;
	line-height: 48px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: .75px;
	padding:0;
}
.see-waht .sn_quotesec .kn-getquote span:hover{
	color:#fff;
	background: #4e38d5;
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 );
}
.sn_anchor .kn-getquote{
	width: 242px;
	background: #4e38d5;
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 );
	border-radius: 50px;
	padding: 1px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	display:block;
	margin:10px auto 0 0; 
}
.sn_anchor .kn-getquote span{
	background: #181430;
	margin: 1px;
	border-radius: 50px;
	height: 55px;
	line-height: 55px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: .75px;
	padding:0;
}
.sn_anchor .kn-getquote span:hover{
	color:#fff;
	background: #4e38d5;
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 );
}

.seo-why {
	padding: 100px 0 50px 0;
}




.sn_success{ 
    width:530px;
    border:2px solid #158915;
    padding:10px 0;
    text-align:center;
    color:#158915;
    font-size:16px;
    line-height:20px;
    font-family: 'Calibre-Regular';
    box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        -ms-box-sizing:border-box;
        -moz-box-sizing:border-box;
        margin: 0 auto 20px auto;
        
}

.sn_failure {
    display: none;
    width: 530px;
    border: 2px solid #f00;
    padding: 10px 0;
    text-align: center;
    color: #f00;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Calibre-Regular';
    box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
    margin: 0 auto 20px auto;
}



.error_required {
    border-bottom: 1px solid #f00 !important;
}


.error_required::placeholder{
  color: red;
  opacity: 1;
}



.kn-serbox1 {
	padding-top:100px;
	background:#fff;
	padding-bottom:100px;
}
.kn-serbox1-left{
	max-width: 33%;
}
.kn-serbox1-left img {
	padding-bottom: 35px;
}
.kn-serbox1-left h4 {
	color: #3a3d55;
	font-size: 33px;
	line-height: 38px;
	padding-bottom: 18px;
	text-transform: uppercase;
}
.kn-serbox1-left p {
	font-size: 19px;
	line-height: 29px;
	font-family: 'Calibre-Regular';
	color: #73737f;
	padding-bottom: 13px;
}
.kn-serbox1-left a {
	width: 190px;
	display: block;
	background: #4e38d5;
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 );
	border-radius: 50px;
	padding: 1px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	margin-top: 30px;
}
.kn-serbox1-left a span {
	font-family: "Calibre-Regular";
	background: #fff;
	margin: 1px;
	border-radius: 50px;
	height: 42px;
	line-height: 42px;
	display: block;
	text-align: center;
	color: #4e38d5;
	text-transform: uppercase;
}
.kn-serbox1-left a span:hover {
	color: #fff;
	background: #4e38d5;
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 );
}

.kn-serbox1-right {
	max-width: 75%;
	margin-right: -267px;
}
.kn-serbox1.kwbd .kn-serbox1-right {
	max-width: 64%;
	margin-right: -100px;
}
.kn-serbox1.knux-d .kn-serbox1-right {
	max-width: 84%;
	margin-right: -287px;
}
.kn-serbox1-right img{
	max-width: 100%;
	width:100%;
}

/*================*/

.kn-serbox2 {
	padding-top:100px;
	background:#f1f4f6;
	padding-bottom:100px;
}
.kn-serbox2.kse-e-com{
	padding-top:80px;
}
.kn-serbox2-right{
	max-width: 36%;
}
.kn-serbox2-right img {
	padding-bottom: 35px;
}
.kn-serbox2-right h4 {
	color: #3a3d55;
	font-size: 33px;
	line-height: 38px;
	padding-bottom: 18px;
	text-transform: uppercase;
}
.kn-serbox2-right p {
	font-size: 19px;
	line-height: 29px;
	font-family: 'Calibre-Regular';
	color: #73737f;
	padding-bottom: 13px;
}
.kn-serbox2-right a.k-ass span {
	background: #f1f4f6;
}

.kn-serbox2-right a {
	width: 190px;
	display: block;
	background: #4e38d5;
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 );
	border-radius: 50px;
	padding: 1px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	margin-top: 30px;
}
.kn-serbox2-right a span {
	font-family: "Calibre-Regular";
	background: #fff;
	margin: 1px;
	border-radius: 50px;
	height: 42px;
	line-height: 42px;
	display: block;
	text-align: center;
	color: #4e38d5;
	text-transform: uppercase;
}
.kn-serbox2-right a span:hover {
	color: #fff;
	background: #4e38d5;
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 );
}

.kn-serbox2-left {
	max-width: 75%;
	margin-left: -100px;
}
.kn-serbox2.knapd-d .kn-serbox2-left {
	max-width: 75%;
	margin-left: -100px;
}
.kn-serbox2.kse-e-com .kn-serbox2-left {
	max-width: 64%;
	margin-left: -80px;
}
.kn-serbox2.kse-seo .kn-serbox2-left {
	max-width: 52%;
	margin-left: 0;
}





.kn-serbox1-right.kwbd {
	margin-right: -110px;
}
.kn-serbox2-left img{
	max-width: 100%;
	width:100%;
}
.pb-00{
	padding-bottom:0;
}
.kn-serbox1.kse-br .kn-serbox1-right {
	margin-right: -58px;
	max-width: 65%;
}

.sn_portfolio-box.last-port-box {
	margin-bottom: 0;
}
.kn-serbox1.kwbd {
	padding-bottom: 60px;
}




.loadMore{
	width: 165px;
	background: #4e38d5;
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 );
	border-radius: 50px;
	padding: 1px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	display:block;
	margin:0 auto; 
}
.loadMore span{
	background: #301a5c;
	margin: 1px;
	border-radius: 50px;
	height: 48px;
	line-height: 48px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: .75px;
	padding:0;
}
.loadMore span:hover{
	color:#fff;
	background: #4e38d5;
	background: -moz-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: -webkit-linear-gradient(left, #4e38d5 0%, #c040bc 99%);
	background: linear-gradient(to right, #4e38d5 0%, #c040bc 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e38d5', endColorstr='#c040bc', GradientType=1 );
}

.inner_portfolio {
    position: relative;margin-bottom: 70px;
}
/*.load_wrap {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -52px;
}*/
.portfolioInnerWrap {
    height: 2615px;
    overflow: hidden;
}
.portfolioInnerWrap.loadeTwo {
    height: 5230px;
}
.portfolioInnerWrap.loadeThree {
    height: 7845px;
}
.portfolioInnerWrap.loadeFour {
    height: 10460px;
}
.portfolioInnerWrap.loadeFive {
    /*height: 13075px;*/
    height: auto;
}
/*.portfolioInnerWrap.Six {
    height: auto;
}
*/



.speak_section {
    background: #f5f4fa;
    padding: 100px 0;
    position: relative;
}

.speak-inner:last-child {
    padding-right: 0;
}
.speak-inner {
    width: 28%;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    padding-right: 80px;
}

.speak-inner p{
    color: #73737f;
    font-family: "Calibre-Regular";
    font-size: 17px;
    line-height: 21px;}


.speak_section .sn_appsec {
    margin-bottom: 70px;
}

.sn_who-appsec p {
    font-size: 20px;
    line-height: 30px;
}

.speak-heading h5 {
    color: #414858;
    font-family: 'CalibreLight';
    font-size: 40px;
    line-height: 45px;
    text-transform: capitalize;
}

.speak-imagesec {
    margin-bottom: 20px;
}

.speak-heading {
    margin-bottom: 8px;
}