@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Autour+One');
@font-face {
    font-family: 'swis721_blkcn_btblack';
    src: url('../fonts/tt0173m_-webfont.eot');
    src: url('../fonts/tt0173m_-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tt0173m_-webfont.html') format('woff2'),
         url('../fonts/tt0173m_-webfont-2.html') format('woff'),
         url('../fonts/tt0173m_-webfont.ttf') format('truetype'),
         url('../fonts/tt0173m_-webfont.svg#swis721_blkcn_btblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.html') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.html') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'OpenSansRegular';
	src: url('../fonts/opensans-regular_0.eot');
	src: url('../fonts/opensans-regular_0.eot') format('embedded-opentype'),
	     url('../fonts/opensans-regular_0.html') format('woff'),
		 url('../fonts/opensans-regular_0.ttf') format('truetype'),
		 url('../fonts/opensans-regular_0.svg#OpenSansRegular') format('svg');
		 font-style: normal;
		 font-weight: normal;
}
@font-face {
	font-family: 'OpenSemiBold';
	src: url('../fonts/opensans-semibold_0.eot');
  	src: url('../fonts/opensans-semibold_0.eot') format('embedded-opentype'),
	     url('../fonts/opensans-semibold_0.html') format('woff'),
		 url('../fonts/opensans-semibold_0.ttf') format('truetype'),
		 url('../fonts/opensans-semibold_0.svg#OpenSemiBold') format('svg');
		 font-style: normal;
		 font-weight: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.html') format('woff2'),
         url('../fonts/opensans-semibold-webfont-2.html') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "rupee_foradianregular";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/rupee_foradian-webfontd41d.eot?#iefix") format("embedded-opentype"),
	     url("../fonts/rupee_foradian-webfont.html") format("woff"),
		 url("../fonts/rupee_foradian-webfont.ttf") format("truetype"),
		 url("../fonts/rupee_foradian-webfont.svg#rupee_foradianregular") format("svg");
}
@font-face {
    font-family: 'black';
    src: url('../fonts/proximanova-black-webfont.html');
    src: url('../fonts/proximanova-black-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-black-webfont-2.html') format('woff2'),
         url('../fonts/proximanova-black-webfont-3.html') format('woff'),
         url('../fonts/proximanova-black-webfont-4.html') format('truetype'),
         url('../fonts/proximanova-black-webfont-5.html#proxima_novablack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'abelregular';
    src: url('../fonts/Abel-Regular-webfont.eot');
    src: url('../fonts/Abel-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Abel-Regular-webfont.html') format('woff2'),
         url('../fonts/Abel-Regular-webfont-2.html') format('woff'),
         url('../fonts/Abel-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Abel-Regular-webfont.svg#abelregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
		font-family:'FontAwesome';
		src:url('../fonts/fontawesome-webfonte0a5.eot?v=4.3.0');
		src:url('../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.3.0') format('embedded-opentype'),
		    url('../fonts/fontawesome-webfonte0a5.html?v=4.3.0') format('woff2'),
			url('../fonts/fontawesome-webfonte0a5-2.html?v=4.3.0') format('woff'),
			url('../fonts/fontawesome-webfonte0a5.ttf?v=4.3.0') format('truetype'),
			url('../fonts/fontawesome-webfonte0a5.svg?v=4.3.0#fontawesomeregular') format('svg');
		font-weight:normal;
		font-style:normal
}
@font-face {
	font-family: 'dosissemibold';
    src: url('../fonts/dosis-semibold_0-webfont.eot');
	src: url('../font/dosis-semibold_0-webfont.html') format('embedded-opentype'),
	     url('../fonts/dosis-semibold_0-webfont.html') format('woff'),
		 url('../fonts/dosis-semibold_0-webfont.ttf') format('truetype'),
		 url('../fonts/dosis-semibold_0-webfont.svg#dosissemibold') format('svg');
}

@font-face {
    font-family: 'dosisextrabold';
    src: url('../fonts/dosis-extrabold_0-webfont.eot');
    src: url('../fonts/dosis-extrabold_0-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis-extrabold_0-webfont.html') format('woff2'),
         url('../fonts/dosis-extrabold_0-webfont-2.html') format('woff'),
         url('../fonts/dosis-extrabold_0-webfont.ttf') format('truetype'),
         url('../fonts/dosis-extrabold_0-webfont.svg#dosisextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'dosis-book';
    src: url('../fonts/dosis-book_0-webfont.eot');
	src: url('../fonts/dosis-book_0-webfont.eot') format('embedded-opentype'), url('../fonts/dosis-book_0-webfont.html') format('woff'), url('../fonts/dosis-book_0-webfont.ttf') format('truetype'), url('../fonts/dosis-book_0-webfont.svg#dosis-book') format('svg');
}

@font-face {
	font-family: 'Bebas';
	src: url('../fonts/bebasneue-webfont-webfont.eot');
	src: url('../fonts/bebasneue-webfont-webfont.eot') format('embedded-opentype'), url('../fonts/bebasneue-webfont-webfont.html') format('woff'), url('../fonts/bebasneue-webfont-webfont.ttf') format('truetype'), url('../fonts/bebasneue-webfont-webfont.svg#Bebas') format('svg');
}
@font-face {
	font-family: 'Franklin Gothic Book';
	src: url('../fonts/FranklinGothic-Book.eot');
	src: url('../fonts/FranklinGothic-Bookd41d.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FranklinGothic-Book.html') format('woff2'),
		url('../fonts/FranklinGothic-Book-2.html') format('woff'),
		url('../fonts/FranklinGothic-Book.ttf') format('truetype'),
		url('../fonts/FranklinGothic-Book.svg#FranklinGothic-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Franklin Gothic Demi Cond';
	src: url('../fonts/FranklinGothic-DemiCond.eot');
	src: url('../fonts/FranklinGothic-DemiCondd41d.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FranklinGothic-DemiCond.html') format('woff2'),
		url('../fonts/FranklinGothic-DemiCond-2.html') format('woff'),
		url('../fonts/FranklinGothic-DemiCond.ttf') format('truetype'),
		url('../fonts/FranklinGothic-DemiCond.svg#FranklinGothic-DemiCond') format('svg');
	font-weight: normal;
	font-style: normal;
}

* { outline:none; }
.clear{ clear:both;}
.clear-bdr { clear:both; border-bottom:1px solid #e9e9e9; margin:15px 0px; }
body { font-family: 'Roboto', Arial, Helvetica, sans-serif; margin:0px; padding: 0px; }
p { font-size: 16px; line-height: 30px; color: #737373; padding-top:15px; padding-bottom:5px; text-align:justify; }

.header{ background:#fefefe url(../images/top-shadow.png) left top no-repeat; width:100%; min-height:60px; position:fixed; top:0;
	            box-shadow: 0 2px 3px rgba(167, 167, 167, 0.4); z-index:100000000000 !important; }
#logo-wrapper{ margin:9px 0px 0px 0px; float:left; }
#logo-wrapper img { max-width:100%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.contact { float: right; font-family: 'swis721_blkcn_btblack'; font-size: 14px; color: #666c6d; margin: 2px 0px 0px 0px; letter-spacing: 1px; position: absolute; right: 45px; }
.contact span { float: left; margin: 0px 0px 0px 25px; }
.contact span img { display: inline-block; margin: -3px 0px 0px 0px; }
.contact a { color: #666c6d; }
.contact a:hover { color: #000; }


.hero-subheader .align-container { height: 100vh; }
.transp-header { background: transparent; box-shadow: 0 2px 3px rgba(167, 167, 167, 0); }
.transp-header .homeicon { display:none; }
.transp-header .contact { color: #b3b5b5; margin: 10px 0px 0px 0px; }

.header-fix { position: fixed !important; background: #2d2d2d; padding: 0px; min-height:40px;}
#logo-wrapper img.akslogo2 { display: none; }

.header-fix #logo-wrapper img.akslogo1 { top: -50px; position: absolute; opacity: 0; }
.header-fix #logo-wrapper img.akslogo2 { display: block; }
.header-fix .mainmenu { margin-top: 0px; }
.header-fix .mainmenu nav ul li a, .transp-header .mainmenu nav ul li a { color: #fff !important; }
.homeicon2 { display: none; }
.header-fix .mainmenu nav ul li.first-li a img.homeicon { display:none; }
.header-fix .mainmenu nav ul li.first-li a img.homeicon2 { display:block; }
.header-fix .contact { color: #b3b5b5; margin: 14px 0px 0px 0px; }
.header-fix .contact a { color: #fff; }
.clear-bdr { clear: both; border-top: 1px solid #f1f1f1; }





::-moz-selection {
	background:rgba(40,198,250,.99);
	color:#000
}
::selection {
	background: rgba(40,198,250,.99);
	color: #000
}
::-moz-selection {
	background:rgba(40,198,250,.99);
	color:#000
}

.statics-bg { background:url(../images/statics-bg.jpg) center center fixed;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    width: 100%; position: relative; z-index:0;
 }
.statics-bg:after { content:''; display: block; position: absolute; left:0; top:0; background:url(../images/dotted-pattren.png) left top repeat; width: 100%; height: 100%; z-index:1; }
.counter-outer { position: relative; z-index: 2; color: #fff; padding: 50px 0px; text-align: center; }
.counterhd { display: block; font-family: 'Roboto', sans-serif; font-size: 60px; font-weight: 300; color: #fff; line-height: 55px; margin: 0px 0px 20px 0px; }
.counterhd span { display: block; font-size: 18px; }
.num-counter { display: inline-block; text-align: left; font-size: 50px; font-weight: 700; letter-spacing: 1px; border-right: 1px solid #686f77; margin: 0px 13px 0px 0px; padding: 0px 13px 0px 9px; }
.num-counter:last-child { border: 0;}
.counter-icon { float: left; margin: 0px 15px 8px 0px; width: 80px; }
.counter-icon img { max-width: 100%; }
.counter-detail { float: left; line-height: 40px; margin: 6px 10px 8px 0px; }
.num-counter h5 { font-size: 17px; font-weight: 100; letter-spacing:0; }
.grey-bg { background: url(../images/grey-pattren.jpg) left top repeat; padding: 40px 0px 0px 0px; }
.homeport-hd, .homeport-hd p { text-align: center; }
.homeport-hd p { margin: 30px; padding: 0px; font-size: 17px; color: #545555; line-height: 29px; }
.homeport-hd h3 { display: inline-block; font-size: 28px; color: #6d6e6e; line-height: 55px; margin: 20px 0px 0px 0px;  }
.homeport-hd h3 span { font-size: 55px; color: #545555; font-weight: 700; display:block;  }
.homeserv-white { background-color: #fff; padding: 0px 5px 8px 0px; margin-bottom: 35px; box-shadow: 2px 25px 56px rgba(0,0,0,0.11); position:relative; transition:all 0.5s ease-in-out; }
.homeserv-white:hover { box-shadow: 2px 25px 56px rgba(0,0,0,0); z-index:1; transform:translate3d(-0px, 6px, 0px); } 

.homeserv-white:after, .home-serv:after { content:''; display: block; height: 1px; clear: left; }
.home-serv { background:#f2f2f2 url(../images/servicebox-bg.jpg) left top no-repeat; width: 104.55%; margin: 10px 0px 0px -8px; padding: 20px 0px 20px 20px; position: relative; transition:all 0.5s ease-in-out; }
.home-serv:hover { box-shadow: 0px 4px 25px rgba(121, 121, 121, 0.7); z-index:1; transform:translate3d(-0px, -5px, 0px); } 
.home-serv:hover>h4 { color: #009ddc; }
.home-serv:hover>h4 span { color: #1a1a1a; }

.serviceicon { float: left; width: 106px; height: 106px; border-radius: 100%; background-color: #607077; border: 4px solid #fff; box-shadow: 6px 7px 18px rgba(0,0,0,0.15); position: absolute; top: 80px; left: 35px; display:-ms-flexbox; display:-webkit-flex; display:flex;-ms-flex-align:center; -webkit-align-items:center; -webkit-box-align:center; align-items:center; transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; }
.serviceicon img{max-width:100%;margin:0 auto;}

.home-serv:hover .serviceicon { background-color: #0e8bbd; transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);}
.home-serv h4 { font-size: 26px; color: #1a1a1a; line-height: 42px; margin: 0px 0px 8px 100px; transition:all 0.5s ease-in-out; }
.home-serv h4 span { font-weight: 700; font-size: 36px; color: #009ddc; margin: 0px 0px 10px 50px; }
.home-serv ul { margin: 0px 0px 0px 20px; padding: 0px 0px 0px 23px; list-style: none; position: relative; }
.home-serv ul li { margin: 5px 0px 0px 0px; padding: 0px; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 500; color: #1b1b1b; position: relative; }
.home-serv ul li a { color: #313131; }
.home-serv ul li a:hover { color: #0276a5; }

.home-serv ul:before { content:''; display: block; margin: 0px; padding: 0px; list-style: none; position: absolute; left: 0px; top: 10px; bottom: 10px; width: 1px; height: 80%; background-color: #a8a8a8; }
.home-serv ul li:before { content:''; display: block; margin: 0px; padding: 0px; width: 12px; height: 1px; position: absolute; left: -23px; top: 10px; background-color: #a8a8a8; }

.servicemore { position: absolute; right: 0px; bottom: 0px; background: url(../images/servicemore-bg.png) left top no-repeat; width: 29px; height: 28px; text-align: center; padding: 4px 0px 0px 3px; opacity: 0.5;  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.servicemore a { display: block; width: 100%; height: 100%; }
.servicemore:hover { opacity: 1; }


.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin: 9px -14px 0px -5px; position: relative; overflow: hidden;
}


.homeport-hd2 p { margin: 13px;  }
.grey-bg2 { background: url(../images/grey-pattren-big.jpg) left top repeat-x; }
.homeport-btn-outer { display: inline-block; padding: 8px 20px; border-radius: 8px; margin: 1px 0px; }
.portfolio-white { background-color: #fff; padding: 0px 8px 8px 0px; margin: 15px 0px 35px 0px; box-shadow: 0px 3px 10px rgba(0,0,0,0.0666); position:relative; transition:all 0.5s ease-in-out; min-height: 350px; }
.portfolio-white:after { content:''; display: block; height: 1px; clear: left; }
.homeport-btn { background: transparent; border:0 none; font-size: 15px; color: #545555; text-transform: uppercase; margin: 0px 2px; padding: 17px 19px; border-radius: 5px; }
.homeport-btn:hover, .homeport-btn:focus, .homeport-btn:active { background: #28a9e0 !important; border:0 none; font-size: 15px; color: #fff; text-transform: uppercase; margin: 0px 2px; padding: 17px 19px; border-radius: 5px; box-shadow: 0px 0px 5px rgba(255,255,255,1); }
.non { display: none; }
.port-btn { background: #28a9e0 !important; border: 0 none; font-size: 15px; color: #fff; text-transform: uppercase; margin: 0px 2px; padding: 17px 28px !important;  border-radius: 5px; }
.port-btn { background: #28a9e0 !important; border: 0 none; font-size: 15px; color: #fff; text-transform: uppercase; margin: 0px 2px; padding: 17px 28px !important;  border-radius: 5px; }
.port-btn:hover, .port-btn:focus { background: #198fc1; color: #fff !important; }

/* hover effect
.column {
	margin: 15px 15px 0;
	padding: 0;
}
.column:last-child {
	padding-bottom: 60px;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	float: left;
	width: 300px;
	height: 200px;
	margin: 0 0 0 25px;
	padding: 0;
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
figure {
	width: 300px;
	height: 200px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}


.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

 */

.port-hover {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.55);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.gallery_product:hover .port-hover {
  height: 100%;
}

.text {
	  white-space: nowrap; 
	  font-family: 'Roboto', Arial, Helvetica, sans-serif;
	  font-size: 20px;
	  font-weight: 300;
	  color: rgba(255,255,255,0.9);
	  text-align: center;
	  position: absolute;
	  overflow: hidden;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
}
.text a.quotebtn { padding: 6px 15px; color: #333; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 17px;	  font-weight: 500; margin: 8px 0px; display: inline-block; border-radius: 3px; text-decoration: none;

  background: #e5e5e5; /* Old browsers */
  background: -moz-linear-gradient(top, #e5e5e5 0%, #d9d9d8 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e5e5e5 0%,#d9d9d8 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e5e5e5 0%,#d9d9d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#d9d9d8',GradientType=0 ); /* IE6-9 */
}
.text a.quotebtn.quotebtn:hover { background: #fff; padding: 6px 15px; color: #333; }


.client-hd { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 47px; color: #4b4b4b; font-weight: 700; text-align: center; margin: 70px 0px 35px 0px;  }
.client-hd span { position: relative; display: block; }
.client-hd span:after, .client-hd span:before { content:''; display: block; position: absolute; top: 35px; right: 17%; width: 70px; height: 1px; background-color: rgba(0,0,0,0.7); }
.client-hd span:before { left: 17%; right: auto; }

.client-logo { width: 20%; height: 150px; float:left; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; display:-ms-flexbox; display:-webkit-flex; display:flex;-ms-flex-align:center; -webkit-align-items:center; -webkit-box-align:center; align-items:center; transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; }
.client-logo img, .client-logo-inr img{ max-width:100%; margin:auto; text-align:center; opacity: 0.7;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;	
	transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;
	}
.client-logo:hover img, .client-logo-inr:hover img{ -webkit-filter: none; opacity: 1;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none;
    filter: none;
	}
.client-logo:last-child { border-right: 0; }
.client-logo:nth-child(5n) { border-right: 0; }
.client-logo:nth-child(11n) { border-bottom: 0; }
.client-logo:nth-child(12n) { border-bottom: 0; }
.client-logo:nth-child(13n) { border-bottom: 0; }
.client-logo:nth-child(14n) { border-bottom: 0; }
.client-logo:nth-child(15n) { border-bottom: 0; }
.client-logo:nth-child(16n) { border-bottom: 0; }


.client-raw { margin: 0px 6%; }
.client-raw:after { content:''; display: block; height: 1px; clear: left; }
.client-more { margin: 30px auto; text-align: center; }
.client-more a { color:#888888; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size:18px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.client-more a:hover { color:#000; }
.success-outer { margin: 0px 0 0px 0; position: relative; }
.success-left { background: url(../images/success-left.jpg) left top no-repeat; background-size: 100% 100%; text-align: center; padding: 160px 0px 0px 0px; min-height: 460px !important; }
.success-left h4 { color:#3e3d3d; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size:63px; font-weight:700; text-align: left; margin: 0px; }
.success-left h4 span { color:#017bad; }
.success-left p { color:#4a4a4a; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size:29px; font-weight:500; text-align: justify; margin: 10px 0px 0px 0px; padding: 0px; line-height: 40px; }
.success-left-inr { display: inline-block; }
.success-right { background: url(../images/success-right.jpg) left top no-repeat; background-size: 100% 100%; text-align: center; padding: 90px 70px 0px 70px !important; min-height: 460px !important; position: relative; z-index:0; text-align: center; }
.success-right:after { content:''; display: block; position: absolute; left:0; top:0; background:url(../images/dotted-pattren2.png) left top repeat; width: 100%; height: 100%; z-index:1; }
.success-right-inr { position: relative; z-index: 2; color: #fff; text-align: left; display: inline-block; }
.success-right-inr>.carousel>.carousel-inner { padding-bottom: 20px; min-height: 320px; }

.testi-name { display: block; margin-bottom: 15px; }
.testi-name:after { content:''; display: block; height: 1px; clear: left; }
.testi-name>i.name { float:left; font-size: 19px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 500; font-style:normal; margin: 28px 0px 0px 0px; line-height: 25px; }
.testi-name>i.name span { font-size: 22px; font-weight: 700; color: #6bc7ff; text-transform: uppercase; }
.testi-name>.testi-logo { float: right; width: 180px; height: 79px; background-color: #fff; text-align: center; display:-ms-flexbox; display:-webkit-flex; display:flex;-ms-flex-align:center; -webkit-align-items:center; -webkit-box-align:center; align-items:center; transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; }
.testi-name>.testi-logo img{ max-width:100%; margin:auto;  text-align:center; -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
	 transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;
	
	 }
	
.testi-name>.testi-logo:hover img{ -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none;
    filter: none;
}
	
.test-text {  }
.test-text p { font-size: 20px; font-weight: 500; color: #fff; margin-top: 0px; text-align: left; }
.sucess-icon { position: fixed; z-index:1; left: 0; right: 0; top: 50%; bottom: 50%; margin:auto; }
.success-right-inr>.carousel>.carousel-indicators li { text-indent: 0 !important; height:27px !important; width:27px !important; border-radius: 100% !important; padding: 2px 0px; font-size: 15px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 500; border: 2px solid transparent; }
.success-right-inr>.carousel>.carousel-indicators li.active { border: 2px solid #40b7ff; color: #40b7ff; background-color: transparent }
.bodywhite { position: relative; z-index:2; background-color:#fff; padding-bottom: 20px; }
.blog-outer { background:#fff url(../images/blog-bg.jpg) center center no-repeat; background-size: 100% auto; position: relative; z-index:2; padding-bottom: 20px; }
.blog-outer h5 { color:#3e3d3d; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 52px; font-weight:700; text-align: center; margin: 70px 0px 20px 0px; }
.blogwhite-box { background:#fff url(../images/blog-edge.jpg) right top no-repeat; margin:0 auto; padding: 20px 0px 27px 0px; width: 83.55%; box-shadow: 2px 25px 56px rgba(0,0,0,0.11); position: relative; transition: all 0.5s ease-in-out;  }
.blogdownarrow { display: block; text-align: center; padding: 0px 0px 13px 0px; }
.homeblogimg-outer { max-width: 570px; }
.homeblogimg { display:block; width: 100%; position: relative; }
.homeblogimg img { max-width: 100%; }
.homeblog-content { padding: 20px 0px 20px 28px !important; }
.homeblog-content h5 { text-align: left; color:#585858; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 33px; font-weight: 300; margin: 10px 0px 20px 0px; padding: 0px; line-height: 50px; }
.homeblog-content h5 span { font-size: 44px; font-weight: 500; color: #3595c5; margin: 20px 0px; padding: 0px; }
.homeblog-content p { color:#000; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 19px; font-weight: 300; margin: 26px 0px; padding: 0px; }
.blogmore { color: #158fcb; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 500; margin: 20px 0px; text-transform: uppercase; transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; }
.blogmore:hover { color: #000; }
.blogthumbs { bottom: 12px !important; text-align: right !important; margin-left: -15% !important; }
.blogthumbs li { width: 38px !important; height: 37px !important; border-radius: 0 !important; text-indent: 0 !important; background-color: #28a9e0 !important;  }
.blogthumbs li img { width: 100%; height: 100%; }
.blogthumbs li.active img { opacity: 0.5; }
.blog-control { background-image: none !important; background-color: #fff !important; width: 37px !important; height: 37px !important; font-size: 23px !important; color: #000 !important; margin: auto; border: 2px solid #28a9e0; padding: 0px; opacity: 1 !important; text-shadow:none !important; top: 160px !important; transition: all 0.5s ease-in-out !important; -webkit-transition: all 0.5s ease-in-out !important; }
.blog-control.left { left: 7%; }
.blog-control.right { right: 7% !important; }
.blog-control:hover { background-color: #28a9e0 !important; color: #fff !important; }
.homequery-outer { padding: 40px 0px 32px 0px; margin:0px; background:#fff url(../images/homequery-bg.jpg) center bottom no-repeat; display:block; width:100%; position: relative; z-index:1 }
.homequery-outer h5, .homequery-outer h6 { padding: 0px; margin: 0; color: #000; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 38px; text-align:center; font-weight:400; }
.homequery-outer h6 { padding: 0px; margin: 10px 0px 0px 0px; color: #737373; font-size: 24px; }
.homequery-form { margin: 0 auto; padding: 0px; width: 82%; padding: 12px; }
.homequery-form p { margin: 10px 22px 18px 18px; padding:0px; color: #000; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 15px; font-weight:400; line-height: 22px; float: left }
.homefld, .homefld2 { background-color: #7d7d7d; margin: 0px 0px 9px -5px; padding: 8px; width: 106.66%; }
.homefld2 { width: 100%; }
.homefld i { float: right; margin: 5px; }
.homefld input[type=text], .homefld textarea, .homecapchafld input[type=text]{ width:88%; padding:5px 8px; background:transparent; border:0 none; color: #CCC; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 17px; font-weight:300; }
.requirefld { text-align: right; margin: -5px 0px 5px 0px; color: #d74461; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 15px; font-weight:400; }

.homecapchafld { background-color: #7d7d7d; margin: 0px 10px 9px -5px; padding: 8px; float: left; width: 32%; }
.homecapchafld input[type=text] { width: 100%; }

.homecapcha { float: left; width: 32%; }
.homecapcha input[type=button].captcha-value { float: left; background:#fff url(../images/capcha-bg.jpg) left top repeat; border: 0 none;  font-family: 'Autour One', cursive; font-size: 30px; width: 80%; letter-spacing: 4px; padding: 4px 0px; text-align: center; cursor:default }

.homecapcha input[type=button].refreshbnt { float: left; background:#4b8fb2 url(../images/refresh.png) center center no-repeat; border: 0 none; width: 20%; padding: 15px; cursor: pointer; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }

.homecapcha input[type=button].refreshbnt:hover { background:#29698a url(../images/refresh.png) center center no-repeat; }

.enquirybtn { background: #0b84c1; border: 0 none; cursor: pointer; padding: 15px 0px 14px 0px; margin: 0px 5px 0px 0px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; float: right; width: 33%; text-transform: uppercase; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; 
 text-align: center; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; overflow: hidden; position: relative; }
.enquirybtn:hover { /* background: #29698a; */ }

.enquirybtn span { z-index:20; }
.enquirybtn:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: 0.4;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: 1;
}
.enquirybtn:hover:after { left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); }





.req-text { display: block; text-align: right; color: #858687; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 13px; font-weight:400; padding: 0px 20px 8px 0px; }

.homefld textarea{ height: 91px; margin-bottom:-3px; resize:none; }
.homefld input[type=text]::-webkit-input-placeholder, .homefld textarea::-webkit-input-placeholder, .homecapchafld input[type=text]::-webkit-input-placeholder{ color:#eae9e9; }
.homefld input[type=text]:-moz-placeholder, .homefld textarea:-moz-placeholder, .homecapchafld input[type=text]:-moz-placeholder{color:#eae9e9;}
.homefld input[type=text]::-moz-placeholder, .homefld textarea::-moz-placeholder, .homecapchafld input[type=text]:-moz-placeholder{color:#eae9e9;}
.homefld input[type=text]:-ms-input-placeholder, .homefld textarea:-ms-input-placeholder, .homecapchafld input[type=text]:-ms-input-placeholder{ color:#eae9e9; }
footer { /* background-color: #1e1e1e; */ background-color: #222222; color: #c6cad2; font-size: 14px; border-top: 1px solid #fff; padding: 0px; font-family: 'Roboto', Arial, Helvetica, sans-serif; position: relative; z-index:1; }
footer:after { content:''; display: block; height: 1px; clear: left; }
footer h6 { color:#fff; font-size:25px; font-weight:300; margin: 22px 0px; }
.foot-left { padding: 23px 10px 23px 40px; width: 29.55%; float: left; background: #1e1e1e; }
.footcountry { font-size: 18px; color: #fff; font-weight: 300px; text-transform: uppercase; margin-top: 20px; }
.footcountry img { float: left; margin: 2px 10px 0px 0px; }
.adresslist { margin: 0px 0px 20px 5px; padding:0px; list-style: none; }
.adresslist li.email:before { display: none !important; }
.adresslist li { margin:8px 0px; padding: 3px 0px 0px 25px; list-style: none; position: relative; font-size: 14px; color:#bababa; line-height:20px; }
.adresslist li span { color:#fff; }
.adresslist li span.thirdno { color:#bababa; display: block; margin-left: 30px; }


.adresslist li a { color:#bababa; }
.adresslist li a:hover { color:#fff; }
.adresslist li strong { color: #ebebeb; font-size: 15px; line-height: normal; font-weight:700; margin:10px 0px 5px -32px; display:block; }
.adresslist li i { position: absolute; left:0; font-size:17px; }
.adresslist li i.fa-mobile { font-size:21px; top: 1px; } 
.adresslist li.margin0 { margin:0 }
.email i { font-size: 15px !important; margin: 4px 0px 0px 0px; }

.foot-right { padding: 0px; float: right !important; padding-left: 0px !important; width: 70.44%; }
.footer-ranking { background-color: #222222; padding: 20px 40px; border-bottom: 1px solid #2d2d2d; }
.footer-ranking:after { content:''; display: block; height: 1px; clear: both; }
.rankingimg { float:left; width:15% }
.bestinmarket { float:left; width:85% }
.bestinmarket h6 { margin: 5px 0 12px 0; }
.bestinmarket p { margin: 0px; padding:0px; color: #acacac; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 14px; font-weight:300; line-height: 22px; float: left }
.footinr-left { background-color: #222222; float: left; width: 60%; padding: 25px 0px 160px 0px; }
.footinr-rht { float: left; width: 40%; background-color: #1e1e1e; padding: 13px 40px 0px 40px; }

@media (min-width:1024px) {
   .footinr-rht { min-height: 28px; }
}


.footinr-left div { padding: 0px 0px 0px 37px; }
.footinr-left ul { float: left; padding: 0px; margin: 0px 40px 0px 0px; list-style: none; }
.footinr-left ul.ulfull { float: none; margin: 0px; }
.footinr-left ul li { padding: 0px; margin: 4px 0px 8px 0px; font-size: 14px; color: #bcbcbc; }
.footinr-left ul li a { color: #bcbcbc; }
.footinr-left ul li a:hover { color: #fff; }
.getupdate { padding: 13px 35px 25px 35px !important; margin: 30px 0px 0px 0px; border-top: 1px solid #2d2d2d; }


.getupdate input[type=text]::-webkit-input-placeholder { color:#5e5e5e; }
.getupdate input[type=text]:-moz-placeholder { color:#5e5e5e;}
.getupdate input[type=text]::-moz-placeholder { color:#5e5e5e;}
.getupdate input[type=text]:-ms-input-placeholder { color:#5e5e5e; }

.getupdate input[type=text] { font-size: 14px; color: #000; border-radius: 5px; background-color: #d3d3d3; border:0 none; padding: 10px 15px 8px 15px; width: 75%; float: left; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.getupdate input[type=text]:focus { background-color: #fff; }
.getupdate-btn { font-size: 15px; color: #fff; border-radius: 5px; background-color: #1c78bd; border:0 none; padding: 9px 35px 8px 35px; margin: 0px 0px 0px 8px; width: 23%; text-transform:uppercase; float: left; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;  text-align: center; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; overflow: hidden; position: relative; }
.getupdate-btn:hover { background-color: #219bf7; }

.getupdate-btn span { z-index:20; }
.getupdate-btn:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: 0.4;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: 1;
}
.getupdate-btn:hover:after { left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); }



.foot-socialouter { width: 100% }
.foot-social{ list-style: none; margin:5px 0px 35px 0px; padding:0px; }
.foot-social li{ display:inline-block; margin: 0px 4px 0px 0px; font-size:13px;  -webkit-transition:All .6s ease; -moz-transition:All .6s ease; -o-transition:All .6s ease;}
.foot-social li a img{ -webkit-transition:All .6s ease; -moz-transition:All .6s ease; -o-transition:All .6s ease;}
.foot-social li a:hover img{
	-webkit-transform: rotate(360deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(360deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(360deg) scale(1) skew(0deg) translate(0px);}

.secureby { float: left; margin: 35px 10px 0px 0px; }
.copyright { display:block; background-color: #222222; padding: 27px 0px; text-align: center; font-size: 14px; color: #737272; border-top: 1px solid #2d2d2d; }

.laptop { width: 100%; height: 768px; position: absolute; z-index: 10000000000000; background:rgba(215,67,98,0.2); border-bottom: 1px solid #fff; top: 0; }

.cont-greybox { background-color:#fafafa; border:1px solid #f3f3f3; padding:30px 0px 15px 15px; margin-bottom:30px; min-height: 659px; }
.cont-greybox p { padding:0px 0px 0px 25px; margin: 0px 0px 0px 32px; line-height:26px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size:15px; position:relative; text-align: left; }
.cont-greybox p.phone, .cont-greybox p.mobile { padding: 0px 0px 3px 25px; }
.cont-greybox p.watsapp { padding: -40px 0px 20px 25px; }
.cont-greybox p.lastno { padding: 0px 0px 20px 25px; }

.cont-greybox p.feedback { padding:0px 0px 0px 0px; margin:0px; }
.cont-greybox p a { color: #737373; }
.cont-greybox p a:hover { color:#000; }
.cont-greybox h2 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight:400; font-size:26px; color:#222; margin:0px 0px 15px 0px; padding:0px; }
.cont-greybox h3 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight:400; font-size: 21px; color:#00a3e0; margin:0px 0px 15px 12px; padding:0px; text-transform: uppercase; }
.cont-greybox h3 img { display: inline-block; margin: -5px 8px 0px 0px; padding:0px; }
.cont-greybox h4 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight:500; font-size: 17px; color:#010101; margin:0px 0px 10px 20px; padding:0px; }



.address:before { content: "\f041"; font-family:'FontAwesome'; color:#333; font-size:25px; position:absolute; margin-left: -23px; }
.phone:before { content: "\f098"; font-family:'FontAwesome'; color:#333; font-size:18px; position:absolute; margin-left: -26px; }
.mobile:before { content: "\f10b"; font-family:'FontAwesome'; color:#333; font-size:28px; position:absolute; margin-left: -23px; }
.email:before { content: "\f0e0"; font-family:'FontAwesome'; color:#333; font-size:16px; position:absolute; margin-left: -25px; }
.watsapp:before { content: "\f232"; font-family:'FontAwesome'; color:#333; font-size:22px; position:absolute; margin-left: -26px; }

.cont-social { margin:8px 0px; padding:0px; list-style:none; }
@media (min-width:1024px) {
      .contactapp { display:block; margin: 8px 0px 47px 0px; }
}
	


.cont-social li { padding-bottom: 0px; }
.cont-social li a.fblink, .cont-social li a.gblink, .cont-social li a.tblink, .cont-social li a.linkd, .cont-social li a.bloglink, .cont-social li a.utube {
	width:37px;
	height:38px;
	padding:0px;
	margin:0px 5px 1px 0px;
	float:left; 
	font-size:0px !important;
	background:url(../images/cont-social.jpg) left top no-repeat;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.cont-social li a.fblink:hover {
	background:url(../images/cont-social.jpg) left -40px no-repeat;
}
.cont-social li a.tblink {
	background:url(../images/cont-social.jpg) -45px 0px no-repeat;
}
.cont-social li a.tblink:hover {
	background:url(../images/cont-social.jpg) -45px -40px no-repeat;
}
.cont-social li a.linkd {
	background: url(../images/cont-social.jpg) -90px 0 no-repeat;
}
.cont-social li a.linkd:hover {
	background: url(../images/cont-social.jpg) -90px -40px no-repeat;
}
.cont-social li a.gblink {
	background: url(../images/cont-social.jpg) -132px 0 no-repeat;
}
.cont-social li a.gblink:hover {
	background: url(../images/cont-social.jpg) -132px -40px no-repeat;
}	 
.cont-social li a.utube {
	background: url(../images/cont-social.jpg) -174px 0 no-repeat;
}
.cont-social li a.utube:hover {
	background: url(../images/cont-social.jpg) -174px -40px no-repeat;
}  
.cont-social li a.bloglink {
	background: url(../images/cont-social.jpg) -217px 0 no-repeat;
}
.cont-social li a.bloglink:hover {
	background: url(../images/cont-social.jpg) -217px -40px no-repeat;
} 
.cont-box-form { padding:30px 30px 15px 30px; }
.form-row { width:100%; background-color:#fff; border:1px solid #e2e2e2; margin:0px 0px 9px 0px; }
.form-row i { border-right:1px solid #e2e2e2; padding:12px 10px; height:100%; color:#333; }
.form-row a i { color:#333; }
.form-row a i:hover { color:#999 }
.form-row input[type=text], .form-row select { border:0 none; padding:10px; font-size:13px; }
.form-row select { width:82%; }
.form-row textarea { border:0 none; padding: 15px 10px; font-size: 13px; width:100%; height: 300px; resize:none; }
.cont-capchafld input[type=text] { width:45%; }

::-webkit-input-placeholder {
    color:#000;
}
:-moz-placeholder {
    color:#000;
}
::-moz-placeholder {
    color:#000;
}
:-ms-input-placeholder {
    color:#000;
}
.contbtn {  font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size:15px; color:#fff; background-color:#1c97cf; float:right; margin:0px 0px 0px 10px; text-transform:uppercase; border:0 none; padding:8px 40px; border-radius:6px; cursor:pointer;
-webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out; -ms-transition:all 0.15s ease-out; }
.contbtn:hover { background-color:#115a7b; }
.contredbtn { background-color:#dc4247; }
.contredbtn:hover { background-color:#a91e22; }
.capcha { float: left; margin: 0px; background: #666666; padding: 8px 15px; }
.cont-accord { padding-right:15px; margin-top: 25px; }
.cont-accord-hd { background-color:transparent !important; border-color:transparent !important; }
.cont-accord-hd>h4.panel-title {  font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 14px; display: block; color: #646464; line-height: 37px; padding:0 0 0 30px; cursor: pointer; background: url(../images/minus.png) left top 7px no-repeat !important; }
.cont-accord-hd h4.collapsed, .cont-accord-hd h4:visited { background: url(../images/plus.png) left top 7px no-repeat !important; }

.cont-accord>.panel-default>.panel-heading+.panel-collapse>.panel-body { border:0 none !important; padding:7px 10px 15px 0px; font-size: 14px; text-align:justify; }
.cont-accord>.panel-default { border:0 none !important; border-bottom: 1px solid #e5e5e5 !important; border-radius:0 !important; background-color: transparent !important; box-shadow: none !important;  }
.cont-accord>.panel-default>.panel-heading { padding:0 !important; }
.cont-accord>.panel-default:nth-child(3n) { border-bottom: 0 none !important; }

.iner-bnr { position: relative; min-height:190px; margin: 50px 0px 30px 0px; padding: 20px 0px 20px 0px; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; }
.iner-bnr:before { content:''; display: block; position: absolute; left:0; top:0; background:url(../images/dotted-pattren3.png) left top repeat; width: 100%; height: 100%; z-index:1; }
.iner-bnr>.container-fluid>.row { position: relative; z-index:2; }

.iner-bnr h1 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 53px; display: block; color: #e4e4e4; line-height: 37px; margin:23px 0 0 0px; font-weight: 700; }
.contact-bnr { background-image: url(../images/contact-img.jpg); }
.profile-bnr { background-image: url(../images/profile-img.jpg); margin-bottom: 0px; }
.career-bnr { background-image: url(../images/career-bg.jpg); min-height:390px; }
.career-bnr:before { display:none; }
.payus-bnr { background-image: url(../images/payus-img.jpg); }
.career-hd { position: relative; padding: 40px 0px 20px 25px;  }
.career-hd:before { content:''; position: absolute; width: 80%; height: 67%; left:0; top:0px; display:block; background-color: rgba(28,83,107,0.7); margin: -10px 0px 0px -100px; z-index:1;
    -ms-transform: skew(15deg,0deg); /* IE 9 */
    -webkit-transform: skew(15deg,0deg); /* Safari */
    transform: skew(15deg,0deg); /* Standard syntax */
  }
.career-hd:after { content:''; position: absolute; width: 81%; height: 67%; left:0; top:0px; display:block; background-color: rgba(28,83,107,0.5); margin: -10px 0px 0px -100px; z-index:1;
    -ms-transform: skew(15deg,0deg); /* IE 9 */
    -webkit-transform: skew(15deg,0deg); /* Safari */
    transform: skew(10deg,0deg); /* Standard syntax */
}
.mobapp-bnr { background-image: url(../images/mobapp-bg.jpg); min-height:390px; padding: 74px 0px 20px 0px; }
.ecom-bnr { background-image: url(../images/ecommerce-bnr2.jpg); min-height:390px; padding: 74px 0px 20px 0px; }
.webdesign-bnr { background-image: url(../images/designing-bnr.jpg); min-height:490px; padding: 30px 0px 20px 0px; }
.webdesign-bnr p { font-weight: 300 !important; margin: 20px 180px !important; line-height: normal; }
.designing-banr-bot { display: inline-block; background: url(../images/designing-banr-bot-bg.png) center top no-repeat; padding: 0px 60px 20px 60px; width: 80%; text-align: center; }
.designing-banr-bot h2 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 30px; display: block; color: #7bdbff; line-height: 37px; margin: 30px 0px; font-weight: 400; }
.design-icon { display: inline-block; margin: 0px 20px 0px 0px; font-size: 13px; color: #cdd1d2; }
.design-icon span { display: block; margin: 0px 0px 8px 0px; }
.develop-bnr { background-image: url(../images/develop-img.jpg); margin-bottom: 0px; }
.seo-bnr { background-image: url(../images/seo-bnr.jpg); min-height:490px; padding: 30px 0px 20px 0px; }
.seo-bnr p { font-weight: 300 !important; margin: 20px 180px !important; line-height: normal; }
.seobnr-left { background: rgba(0,0,0,0.5); padding: 50px 0px 30px 0px !important; margin: 30px 0px 0px 0px; text-align: left; }
.seobnr-bot { width: 96%; margin: 10px auto; }
.seobnr-bot h2 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 84px; display: block; color: #dfdfdf; line-height: 80px; margin: 0 2% 0 0; font-weight: 500; z-index:2; position: relative; float: left; width: 70%; text-align: right; }
.seobnr-bot h2 span { font-size: 56px; font-weight: 300; display: block; }
.seobnr-bot h2 span i { font-style: normal; color: #26beff; }
.seobnr-bot h3 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 192px; line-height: 140px; display: block; color: #26beff; margin: 0px 0px 0px 10px; padding: 0px; font-weight: 900; z-index:2; position: relative; float: left; width: 15%; letter-spacing: -25px; }
.seobnr-bot h3 span { font-size: 106px; font-weight: 500; }
.seobnr-right { padding: 0px 56px 0px 0px !important; position: relative; text-align:left; }
.seobnr-right:before, .seobnr-right:after { content:''; display: block; position: absolute; right:0; top:0; background: url(../images/seo-corner.png) right top no-repeat; width: 56px; height: 100%; }
.seobnr-right:before { height: 81%; bottom: 0px; top: 58px; background: #fff; border-radius: 0px 0px 5px 0px;  }
.seobnr-right-inr { width:100%; background: #fff; border-radius: 5px 0px 0px 5px; padding: 0px 0px 20px 0px;  }
.seobnr-right-hd { text-align: center; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 25px; display: block; color: #212222; line-height: 62px; padding: 10px 0px 0px 0px; font-weight: 500; z-index:2; position: relative; }
.seobnr-right ul { margin: 0px 0px 0px 50px; padding: 0px; list-style: none; }
.seobnr-right ul li { padding: 10px 5px 10px 55px; margin: 0px 0px 1px 0px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 16px; color: #2a3235; font-weight: 500; position: relative; }
.seobnr-right ul li span { width: 26px; height: 26px; position: absolute; left: 15px; top: 8px; padding: 2px 5px 5px 5px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: 500; background-color: #26beff; text-align: center; border-radius: 100%; }
.seobnr-right ul li:nth-child(odd) { background-color: #f2f2f2; }
.seobnr-right ul li:nth-child(odd) span { background-color: #0280b5; }


.career-bnr h1 { text-align: right; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 50px; display: block; color: #fff; line-height: 62px; margin: 50px 30px 0px 0px; font-weight: 900; z-index:2; position: relative; }
.career-bnr .paging-list:after { height: 53%; }
.openposition { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 53px; display: block; color: #2a3235; font-weight: 900; text-align: center; margin: 15px 0px; padding: 0px; }
.career-hd h2 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 53px; display: block; color: #fff; line-height: 62px; margin: 10px 0px 55px 0px; font-weight: 900; z-index:2; position: relative; text-transform: uppercase; }
.career-hd p { color:#efefef !important; font-size: 20px !important; line-height: 30px !important; position: relative; z-index:2; text-shadow: 0px 2px 10px #000; }
.iner-bnr p { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 18px; display: block; color: #e4e4e4; line-height: 25px; font-weight:400; margin: 5px 0px 10px 0px; }
.paging-list { float: right; color: #fff; list-style: none; margin: 30px 0px 0px 0px; padding: 0px; position: relative; }
.paging-list:after { content:''; position: absolute; right:0; top: 10px; background-color: rgba(136,173,192,0.9999); width: 1px; height: 68%; }
.paging-list li { display: block; margin: 0px 0px 12px 0px; padding: 0px 30px 0px 0px; text-align: right; position: relative; }
.paging-list li:after { content:''; position: absolute; right:0; top: 0; bottom:0px; margin:auto; background-color: rgba(136,173,192,0.9999); height: 1px; width: 15px; }

.paging-list li a { background-color: rgba(136,173,192,0.2222); border-radius: 7px; color: #fff; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 14px; padding: 5px 15px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.paging-list li a:hover { opacity: 0.5; }
.paging-disable { cursor:default; opacity: 0.5; }
.paging-list-center { float: none; display: inline-block; z-index: 10000000; position: relative; }
.paging-list-center li { float: none; display: inline-block; padding: 0px 8px 20px 0px; margin: 0px; }
.paging-list-center li:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
	top: auto;
    bottom: 0;
    margin: auto;
    background-color: rgba(136,173,192,0.9999);
    height: 15px;
    width: 1px;
}
.paging-list-center:after {
    content: '';
    position: absolute;
	margin: auto;
    left: 0;
    right: 0;
    bottom: 0px;
	top: auto;
    background-color: rgba(136,173,192,0.9999);
    height: 1px;
    width: 78%;
}


h1.requesthd { margin-top: 57px; }
.quotation-bg { background: url(../images/enquiry-bg.jpg) left top no-repeat; background-size: cover; background-attachment:fixed; margin-top: -30px; padding: 20px 0px 0px 0px; }
.quotation-hd { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 20px; color: #343434; font-weight:500; text-align: center; margin: 0px 80px 30px 80px; }
.quotation-white { background-color: rgba(255, 255, 255, 0.91); padding: 50px; margin: 0px 20px 60px 20px; box-shadow: 2px 12px 30px rgba(0,0,0,0.2222); position: relative; transition: all 0.5s ease-in-out; }
.quotation-white:hover { box-shadow: 2px 25px 56px rgba(0,0,0,0); z-index: 1; transform: translate3d(-0px, 6px, 0px); }

.portfolio-bnr { background-image: url(../images/portfolio-bg.jpg); min-height:555px; margin: 0px 0px 0px 0px; padding: 100px 0px 20px 0px; text-align: center; }
.portfolio-bnr:before { content:''; display: block; position: absolute; left:0; top:0; background-color:rgba(0,0,0,0.5522); width: 100%; height: 100%; z-index:1; }
.portfolio-bnr h1 { font-size: 80px; font-weight: 700; color: #e7e8e8; }
.portfolio-bnr p { color: #c1c1c1; font-size: 20px; line-height: 32px; text-align: center; font-weight:300; margin: 25px 0px 0px 0px; }

.portfolio-bnr>.container-fluid>.row>ul.paging-list { float: none; display: inline-block; }
.portfolio-bnr>.container-fluid>.row>ul.paging-list>li { float: left; padding: 0px 9px 0px 0px; text-align: center; }
.portfolio-bnr>.container-fluid>.row>ul.paging-list:after, .portfolio-bnr>.container-fluid>.row>ul.paging-list>li:after { display: none; }
.portfolio-bnr>.container-fluid>.row>ul.paging-list>li>a { background-color: rgba(75, 114, 134, 0.5555); }

.form-row2 { display:block; color:#a7a7a7; font-size:12px; margin:1.5555% 0; width:100% }
.row2-name { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 16px; color: #525252; font-weight:400; margin: 20px 0px 10px 15px; }
.row2-fld { width:100%; padding: 11px 25px 11px 20px; margin: 0px 0px 8px 0px; background: #a0a0a0; border:0 none; border-radius: 25px; }
.row2-fld input[type=text], .row2-fld textarea, .row2-fld select { width: 100%; background-color: transparent; border:0 none; color: #fff; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 15px; font-weight:300; }
.form-row2 select { padding: 2px 10px 2px 0px; margin: 0px; color: #000; }

.row2-fld textarea { height: 135px; resize: none; }
.requirement-box textarea { height: 220px; resize: none; }
.capcha2 { float: left; margin: 0px 15px 15px 0px; width: 57%; padding: 8px 25px 10px 25px; background: url(../images/capcha-bg2.jpg) left top repeat; border: 2px solid #c5c5c5; border-radius: 25px; text-align: center; font-family: 'Patua One', cursive; font-size: 22px; color: #000; }
.refreshbnt2 { float: left; font-size:17px; color: #fff; background:#007293; border: 0 none; width: 38%; padding: 11px 5px 11px 5px; border-radius: 25px; cursor: pointer; text-align: center; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.refreshbnt2:hover { background:#0c586e; }

.submitbtn { width:100%; font-size:17px; color: #fff; background:#007293; border: 0 none; margin: 6px 0px 0px 0px; cursor:pointer; padding: 8px 0px; border-radius: 25px; cursor: pointer; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.submitbtn:hover { background:#0c586e; }

.quotation-box { background: #fff; margin: 6px 0px 0px 0px; padding: 15px; min-height: 160px; border-radius: 25px; box-shadow: 2px 7px 23px rgba(0,0,0,0.03333); }
.check-group { display: block; margin: 10px 0px 0px 45px !important; padding:0px; }

/* checkbox start */

.check-group label { display: inline-block; vertical-align: middle; position: relative; cursor:default !important; font-size: 15px; color: #696969; margin:0px; padding:0px 0px 0px 10px !important; padding-left: 5px; }
	
.check-group label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 18px;
  height: 18px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #828282;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.check-group label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555; }
  
  
.check-group input[type="checkbox"], .check-group input[type="radio"] { opacity: 0; z-index: 1; cursor: pointer; width: 19px; height: 18px; }
.check-group input[type="checkbox"]:focus + label::before,
.check-group input[type="radio"]:focus + label::before { outline-offset: -2px; }

.check-group input[type="checkbox"]:checked + label::after,
.check-group input[type="radio"]:checked + label::after { font-family: "FontAwesome"; content: "\f00c"; }

.check-group input[type="checkbox"]:indeterminate + label::after,
.check-group input[type="radio"]:indeterminate + label::after {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
  background-color: #555555;
  border-radius: 2px;
  margin-left: -16.5px;
  margin-top: 7px;
}
.check-group input[type="checkbox"]:disabled,
.check-group input[type="radio"]:disabled {
    cursor: not-allowed;
}
.check-group input[type="checkbox"]:disabled + label,
.check-group input[type="radio"]:disabled + label {
      opacity: 0.65; }
.check-group input[type="checkbox"]:disabled + label::before,
.check-group input[type="radio"]:disabled + label::before {
  /* background-color: #eeeeee; */
        cursor: not-allowed; }
.check-group.checkbox-circle label::before {
    border-radius: 50%; }
.check-group.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #337ab7;
  border-color: #337ab7; }
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff; }
.scroll-top {
	width: 60px;
	height: 60px;
	background: url(../images/top.png) top center no-repeat;
	background-size: 100% 100%;
	position: fixed;
	bottom: 100px;
	right: 19px;
	float: right;
	text-align: center;
	display: none;
	z-index: 1000000
}
.scroll-top a {
    display: block;
    padding: 12px 10px;
    font-size: 0px;
    width: 59px;
    height: 60px;
}
.scroll-top:hover {
	opacity: 0.5;
}
.profile-section1 { background: url(../images/profilewhite-bg.jpg) left top 10% no-repeat; background-size: 100% 100%; background-attachment: fixed; padding: 80px 0px; text-align: center; }
.profile-section1 h2 { color: #1390c5; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 53px; font-weight: 700; margin:0px; padding: 0px; text-transform: uppercase; }
.profile-section1 p { color: #737373; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 23px; line-height: 40px; font-weight: 400; margin: 15px 180px; padding: 0px; text-align: center; }
.profile-section1 a { display: inline-block; color: #fff; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 20px; line-height: 40px; font-weight: 400; margin: 5px 0px; padding: 9px 30px; text-align: center; border-radius: 4px; -webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out; -ms-transition:all 0.15s ease-out;
	
	background: #036fc5;
	background: -moz-linear-gradient(45deg, #036fc5 0%, #1987b7 35%, #1987b7 35%, #2493b0 71%, #2c9cab 100%);
	background: -webkit-linear-gradient(45deg, #036fc5 0%,#1987b7 35%,#1987b7 35%,#2493b0 71%,#2c9cab 100%);
	background: linear-gradient(45deg, #036fc5 0%,#1987b7 35%,#1987b7 35%,#2493b0 71%,#2c9cab 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#036fc5', endColorstr='#2c9cab',GradientType=1 );
 }
.profile-section1 a:hover {  color: #deeaf2;
	background: #2c9cab;
	background: -moz-linear-gradient(45deg, #2c9cab 0%, #2493b0 29%, #1987b7 65%, #1987b7 65%, #036fc5 100%);
	background: -webkit-linear-gradient(45deg, #2c9cab 0%,#2493b0 29%,#1987b7 65%,#1987b7 65%,#036fc5 100%);
	background: linear-gradient(45deg, #2c9cab 0%,#2493b0 29%,#1987b7 65%,#1987b7 65%,#036fc5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c9cab', endColorstr='#036fc5',GradientType=1 );
}
.profile-section2 { background:#373d48 url(../images/profilebg.jpg) left top 10% no-repeat; background-size: 100% 100%; background-attachment: fixed; padding: 80px 0px 0px 0px; position: relative;  }
.profile-section2 p { color: #f0f0f0; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 21px; line-height: 38px; font-weight: 300; margin: 40px 0px 25px 0px; padding: 0px; width: 95%; float: right; }

.experience-cont { position: absolute; width: 102%; min-height: 600px; left:0; top: 140px; background-color: #fff; padding: 120px 0px 0px 0px;  }
.coma-img { float: right; margin: 0px -15px 0px 0px; }
.experience-cont h3 {
    color: #169fd9;
    font-size: 142px;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    padding: 0px 0px 35px 0px;
    line-height: 140px;
    font-weight: 900;
    text-align: center;
    letter-spacing: -11px;
    position: relative;
    margin: 0;
}
.experience-cont h3:after { content:''; display: inline-block; height: 7px; width: 45px; background-color: #28a9e0; clear: both; position:absolute; left:0px; right:0px; bottom:0px; margin:auto; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.experience-cont:hover h3:after { content:''; display: inline-block; height: 7px; width: 88%; background-color: #28a9e0; clear: both; position:absolute; left:0px; right:0px; bottom:0px; margin:auto; }
.experience-cont sup { top: -0.5em; font-size: 92px; margin-right: -17px; margin-left: 14px; }
.experience-cont h3 span { color: #313131; font-size: 47px; font-family: 'Roboto', Arial, Helvetica, sans-serif; line-height: 38px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; }
.exep-desc { width: 100%; padding: 9px 30px; }
.exep-desc em { font-style: normal;
    text-transform: uppercase;
    color: #313131;
    font-size: 24px;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    margin-top: 70px;
    letter-spacing: 2px;
    display: inline-block;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    width: 100%;
    text-align: center; display: block; }

.exep-desc p { margin:0px; padding:0px; color: #313131; font-size: 17px; line-height: 30px; font-weight:400; font-family: 'Roboto', Arial, Helvetica, sans-serif; display:none; width: 100%; }
.experience-cont:hover em { display:none; }
.experience-cont:hover p { display:block; }

.wefocus-outer { background-color: #169fd9; min-height: 500px; margin-top: 90px; border-top: 9px solid #fff; text-align: right; }
.wefocus-outer h3 { background: url(../images/focus-icon.png) right top no-repeat; color: #fff; font-size: 53px; font-family: 'Roboto', Arial, Helvetica, sans-serif; padding: 30px 70px 25px 0px; line-height: 58px; font-weight: 700; text-transform: uppercase; margin: 50px 0px 30px 0px }
.wefocus-outer p { width: 100%; color: #deeef8; font-size: 23px; font-family: 'Roboto', Arial, Helvetica, sans-serif; line-height: 38px; font-weight: 400; margin: 0px 0px 30px 0px; padding: 0px; text-align: right; }

.focuspoint-outer { display: block; padding: 30px 0px; margin-bottom: -60px; position: relative; background-color: #058ac2; text-align: center; z-index: 2; }
.focuspoint-outer ul { margin: 0px; padding: 0px; list-style: none; }
.focuspoint-outer ul li { display: inline-block; margin: 0px 20px; padding:35px 45px 35px 0px; list-style: none; color: #fff; font-size: 25px; font-family: 'Roboto', Arial, Helvetica, sans-serif; border-right: 1px solid #37a1ce; }

/* focuspoint-outer */

.focuspoint-outer ul li:nth-child(3n) { border-right: 0 none; padding-right: 0px; margin-right: 0px; }
.focuspoint-outer ul li img { display: inline-block; margin: 0px 12px 0px 0px; }
.letswork-outer { position: relative; background:#373d48 url(../images/aks-receptionbg.jpg) left top 10% no-repeat; background-size: 100% 100%; background-attachment: fixed; border-top: 1px solid #fff; text-align: center; padding: 75px 0px 95px 0px; }
.letswork-outer:after { content:''; display: block; position: absolute; left:0; top:0; background: rgba(38, 21, 9, 0.5); width: 100%; height: 100%; z-index:1; }
.letswork-outer>.container-fluid { position: relative; z-index:2; }
.letswork-outer h4 { color: #cdcdcc; font-size: 87px; font-family: 'Roboto', Arial, Helvetica, sans-serif; padding: 30px 0px 25px 0px; line-height: 88px; font-weight: 700; margin: 50px 0px 15px 0px; letter-spacing: 1px; }
.letswork-outer h4 span { display: block; font-size: 67px; }
.letswork-outer p { width: 100%; color: #a8a5a5; font-size: 20px; font-family: 'Roboto', Arial, Helvetica, sans-serif; line-height: 34px; font-weight: 300; margin: 0px 0px 30px 0px; padding: 0px; text-align: center; }
.gettouch-link { color: #2eafe6; display: inline-block; font-size: 33px; font-family: 'Roboto', Arial, Helvetica, sans-serif;    line-height: 50px; font-weight: 100; margin: 25px 0px 0px 0px; }
.gettouch-link a { color: #2eafe6; }
.gettouch-link a:hover { color: #fff; }
.gettouch-link em { display: block; font-size: 54px; border-bottom: 3px solid #2eafe6; font-weight: 100; padding-bottom: 2px; }  
.gettouch-link img { float: left; }
.gettouch-link-left { float: left; margin: 5px 20px 0px 0px; }
.gettouch-link-right { float: left; }
.profile-section3 { padding: 70px 0px 35px 0px; text-align: center; color: #494949; font-size: 43px; font-family: 'Roboto', Arial, Helvetica, sans-serif; line-height: 55px; font-weight: 500; margin: 0px; }
.profile-section4 { padding: 50px 0px 90px 0px; margin: 0px; background-color: #fafafa; }
.polygone-shape { -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); background-color: #56b7d7; font-size: 30px; color:#fff; width:30%; max-width: 75px; padding: 20px 0px; text-align: center; float: left;  }

.polygone-shape:before { content:''; display: block; position: absolute; left: 11.55%; top: 80px; border-left:1px dashed #acacac; width: 5px; height: 55%; z-index:1; }
.profile-section4-box { float: left; width: 68%; margin-left: 8%; }
.profile-section4-box h5 { color: #0e8cb6; font-size: 30px; font-family: 'Roboto', Arial, Helvetica, sans-serif; margin: 25px 0px 15px 0px }
.profile-section4-box p { color: #464646; font-size: 17px; line-height: 30px; font-family: 'Roboto', Arial, Helvetica, sans-serif; margin: 5px 0px 15px 0px; padding:0px; }
.client-body { background-color:#f3f3f3; padding: 30px 0px; }
.client-body p { color: #595959; font-size: 23px; line-height: 40px; font-family: 'Roboto', Arial, Helvetica, sans-serif; margin: 5px 0px 35px 0px; padding:0px; }


.show-grid [class^=col-] span,
.container-fluid .show-grid [class^=col-] {
  display: block;
  padding: 0px 10px;
}

/* [class^=col-] {
  margin-bottom: 30px;
} */
.client-logo-inr { width: 100%; height: 157px; background-color: #fff; margin: 0px 0px 20px 0px;
 display:-ms-flexbox; display:-webkit-flex; display:flex;-ms-flex-align:center; -webkit-align-items:center; -webkit-box-align:center; align-items:center; transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; }
.client-logo-inr img{max-width:100%;margin:0 auto;}
.footer-inr { max-width:1920px; margin:0 auto; }
.rede { background-color:#efefef; min-height:80px; margin: 20px 5px; box-shadow: 0px 0px 8px rgba(0,0,0,0.2); transition:all 0.3s ease-in-out; display: flex; border: 0; box-sizing: border-box; }
.rede::before, .rede::after {
  box-sizing: inherit; content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}
.rede:hover { background-color:#fff; transform:scale(1,1.2); /* border: 1px dashed #0eb4e4; */ }
.rede span { margin: auto; }
.rede::before, .rede::after { border: 1px dashed transparent; width: 0; height: 0; }
.rede::before { top: 0; left: 0; }
.rede::after { bottom: 0; right: 0; }
.rede:hover::before, .rede:hover::after { width: 100%; height: 100%; }
.rede:hover::before { border-top-color: #0eb4e4; border-right-color: #0eb4e4; transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; }
.rede:hover::after { border-bottom-color: #0eb4e4; border-left-color: #0eb4e4; transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; }
.txtcenter { text-align: center; }
.txtcenter p { text-align: center; }
.mobapp1 { padding: 50px 0px 70px 0px; }
.mobapp1 img { max-width: 100%; }
.blueh4 { color: #0082ba; font-size: 20px; margin: 20px 0px 0px 0px; padding: 0px; }
.greycont { padding: 50px 0px 70px 0px; background-color: #f8f8f8; }
.greycont img { max-width: 100%; }
.mobileapp-hd { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 62px; display: block; color: #2a3235; font-weight: 900; margin: 15px 0px; padding: 0px; }
.mobapp2 { padding: 50px 100px 0px 100px; background:#3a4f76 url(../images/mobile-app-bg.jpg) center top no-repeat; }
.mobapp2 h3 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 52px; line-height: normal; display: block; color: #fff; text-align: center; font-weight: 900; margin: 25px 80px 35px 80px; padding: 0px; }
.mobapp2-cont { background: rgba(255,255,255,0.6); padding: 0px 90px; }
.mobapp2-cont2 { background: #fff; padding: 40px 30px; }
.mobapp2-cont2 img { max-width: 100%; }
.mobapp2-cont2 p { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 18px; color: #000; }
.mobapp3 { padding: 50px 150px 60px 150px; }
.mobapp3 h4 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 62px; line-height: normal; display: block; color: #000; text-align: center; font-weight: 900; margin: 25px 80px 35px 80px; padding: 0px; }
.mobapp3-inr { padding: 50px; background: #f8f8f8; border: 2px solid #d5d5d5; }
.mobapp3-inr ul { margin: 0px; padding: 0px; list-style: none; }
.mobapp3-inr ul li { position: relative; margin: 0px; padding: 0px 0px 8px 40px; list-style: none; font-size: 24px; color: #000; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
.mobapp3-inr ul li:after { font-family:'FontAwesome'; content:'\f00c'; display: block; position: absolute; left: 0; top: 0; z-index:1; }
.mobapp4{ background: url(../images/mobile-app-bg2.jpg) center center no-repeat; background-attachment: fixed; background-size: cover;}
.mobapp4 .overlay { background:rgba(21,21,21,0.8); padding: 90px 0px 90px 0px; }
.mobapp4-box { background:rgba(21,21,21,0.8); padding: 40px 30px 0px 30px; min-height: 370px; }
.mobapp4-box h3 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 24px; line-height: normal; display: block; color: #14aef0; font-weight: 900; margin: 0px 0px 8px 0px; padding: 0px; }
.mobapp4-box p { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 17px; font-weight:300; color: #fff; }
.ready-cont { padding: 60px 0px; text-align: center; }
.ready-cont h5 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 62px; color: #000; text-align: center; font-weight: 900; margin: 0px 0px 35px 0px; padding: 0px; display: block; }
.ready-cont a { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 20px; color: #fff; font-weight: 400; padding: 12px 50px; display: inline-block; background-color: #14aef0; border-radius: 4px; transition: all 0.3s ease-in-out;  }
.ready-cont a:hover { background-color: #0076a8; }
.ecom-solution1 { padding: 20px 0px 60px 0px; }
.ecom-solution1 p { padding: 0px; margin: 0px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 23px; color:#0082ba; }
.ecom-solution2 { padding: 70px 45px 60px 0px; }
.ecom-solution2 p { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 26px; color: #1f1f1f; font-weight: 500; line-height: 40px; text-align: left; }
.ecom-solution2 p span { font-size: 34px; color: #ca3c0b; font-weight: 700; }
.padd0 { padding: 0px !important; }
.ecom-solution3 { background: url(../images/ecom-bg.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; }
.overlay { background:rgba(28,121,198,0.2); padding: 70px 45px 60px 0px; }
.ecom-solution3 h4 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 50px; color: #FFF; font-weight: 500; margin: 0px; padding: 0px; display: block; }
.ecom-solution3 p { color: #FFF; }
.ecom-solution4 { padding: 60px 100px 60px 100px; text-align: center; }
.ecom-solution4 h5 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 62px; letter-spacing: 2px; color: #000; font-weight: 500; margin: 30px 0px 30px 0px; display: block; position: relative; z-index:2 }
.ecom-solution4 h5 span { color: #fff; }
.ecom-solution4 h5 i { font-style:normal; position: relative; z-index:2; padding: 14px 0px 0px 66px; }
.ecom-solution4 h5 i.second { padding: 14px 0px 0px 77px; }
.ecom-solution4 h5 i:before { content:''; position: absolute; width: 121px; height: 121px; border-radius: 100%; left:0; top:0; background: #246092; z-index:-1; }
.ecom-solution4 p { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 25px; color: #000; font-weight: 400; line-height: 40px; text-align: center; }
.ecom-solution5 h5 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 50px; color: #000; font-weight: 500; margin: 30px 0px 30px 0px; display: block; }
.ecom-solution5-box { background-color: #fff; padding: 40px 40px 10px 40px; box-shadow: 0px 0px 10px rgba(0,0,0,0.11); min-height: 280px; }
.ecom-solution5-box h6 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 26px; color: #000; font-weight: 500; margin: 20px 0px 10px 0px; display: block; }
.ecom-solution5-box p { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 19px; color: #000; font-weight: 400; line-height: 30px; margin: 0px; padding: 0px; }
.ecom-solution1 img, .ecom-solution2 img, .ecom-solution3 img, .ecom-solution4 img, .ecom-solution5 img { max-width: 100% }
.design-cont1 { padding: 60px 0px; background: url(../images/desiging-bg1.jpg) right 50px bottom no-repeat; }
.design-cont1 h3 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 56px; color: #494949; font-weight: 700; margin: 0px 0px 10px 0px; padding: 0px; display: block; line-height: 55px; }
.design-cont1 h3 span { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 32px; color: #757575; font-weight: 400; }
.design-cont1 p { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 18px; color: #737373; font-weight: 400; line-height: 30px; margin: 0px 80px 20px 0px; padding: 0px; text-align: left; }
.design-cont1 img { margin: 40px 0px 20px 0px; padding: 0px; max-width: 100%; }
.design-cont2 { padding: 60px 0px; background: url(../images/designing-bnr-bg.jpg) left top no-repeat; }
.design-cont2 img { margin: 40px 0px 0px 0px; padding: 0px; max-width: 100%; }
.design-p { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 30px; color:#fff; font-weight: 300; margin: 0px 0px 120px 0px;  }
.design-p2 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 28px; color:#636363; font-weight: 400; }
.design-p2 span { font-weight: 700; color: #000; }
.design-cont3 { padding: 60px 0px; background: #393f4d url(../images/desiging-bg2.jpg) right top no-repeat; background-size: auto 100%; background-attachment:fixed; }
.design-cont3 p { color: #e1e2e3; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 28px; text-align: center; font-weight: 400; }
.design-cont3 ul { margin: 0px; padding: 0px; list-style:none; }
.design-cont3 ul li { margin: 0px 0px 10px 0px; padding: 0px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 25px; color:#e1e2e3; text-align: center; font-weight: 300; }
.design-cont4 { padding: 60px 0px; }
.design-cont4 h4 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 53px; color: #0f97c6; font-weight: 700; margin: 0px 0px 30px 0px; padding: 0px 0px 25px 0px; display: block; text-align: center; position: relative; background: url(../images/blue-arrow.png) center bottom no-repeat; }
.whtsmake-row { display: block; margin: 20px 0px; }
.whtsmake-icon { float: right; margin: 0px 0px 0px 20px; width: 20%; }
.whtsmake-icon img { max-width: 100%; }
.whtsmake-content { text-align: right; padding: 10px 0px 0px 0px; width: 75%; }
.whtsmake-content h5 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 22px; color: #4e4e4e; font-weight: 700; margin: 5px 0px 0px 0px; padding: 0px; display: block; }
.whtsmake-content p { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; text-align: right; font-weight: 400; color: #737373; }
.whtsmake-row.left, .whtsmake-row.left .whtsmake-content, .whtsmake-row.left .whtsmake-content p, .whtsmake-row.left .whtsmake-icon { text-align: left; float: left; }
.whtsmake-row.left .whtsmake-icon { float: left; margin: 0px 20px 0px 0px; }
.develop-cont1 { padding: 60px 0px 0px 0px; position: relative; }
.develop-cont1 { max-width: 100%; }
.develop-icon, .develop-icon2 { float: left; margin: 40px 30px -10px 0px; z-index: 2; position: relative; }
.develop-icon2 { margin-top: 0px; }
.develop-cont1-p { padding: 30px 0px; background: #f5f5f5; position: absolute; width: 100%; top: 36%; z-index:0; } 
.develop-cont1-p p { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 21px; line-height: 36px; color: #4e4e4e; font-weight: 300; } 
.develop-img {  margin: 40px 0px 0px 0px; z-index: 2; position: relative; max-width: 100%; }
 
.develop-cont2 { padding: 10px 0px 0px 0px; position: relative; }
.develop-cont2 h3 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 45px; font-weight: 700; color: #494949; margin: 15px 0px 20px 0px; padding: 0px 0px 25px 0px; text-align: center; background: url(../images/black-arrow.png) center bottom no-repeat; }
.develop-cont2-inr { background: #e7f8ff url(../images/develop-bg.jpg) center center no-repeat; background-attachment: fixed; background-size: 100% auto;}
.develop-cont2-inr .overlay { background:rgba(231,248,255,0.6); padding: 40px 0px; }
.develop-cont2-inr p { text-align: center; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 30px; font-weight: 400; line-height: 40px; color: #5a6165; margin: 0px 80px; padding: 0px;  } 

.devlop-process-outer { margin: 30px 80px 0px 10px; text-align: center; }
.devlop-process { margin: 30px -60px 0px 0px; text-align: center; }
.devlop-pro-circle { background: rgba(21,140,194,0.8); padding: 30px 20px 20px 20px; width: 100%; min-height: 330px; border-radius: 100%; }
.devlop-pro-circle h4 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 22px; font-weight: 400; color: #fff; margin: 25px 0px 0px 0px; padding: 0px; text-align: center; }
.devlop-pro-circle p { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 15px; line-height: 25px; font-weight: 400; color: #fff; margin: 15px 10px 0px 10px; padding: 0px; text-align: center; }
.devlop-pro-icon { background-color: #3ccfff; width: 173px; height: 173px; border-radius: 100%; display: inline-block; margin: -70px 0px 0px 0px; position: relative; }
.devlop-pro-icon img { max-width: 100%; margin: auto; position: absolute; top:0; bottom:0; right:0; left:0; }
.develop-cont3 { padding: 40px 0px 50px 0px; }
.develop-cont3 img { max-width: 100%; }


.develop-cont3 h4 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 45px; font-weight: 700; color: #494949; margin: 15px 0px 20px 0px; padding: 0px; text-align: center; }
.develop-cont3-p { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 400; color: #737373; margin: 0px 150px 50px 150px; padding: 0px 0px 25px 0px; text-align: center; position: relative; }
.develop-cont3-p:after { content:''; width: 36px; height: 1px; background-color: #000; position: absolute; bottom: 0px; left: 0px; right: 0px; margin: auto; }
.develop-cont3-points { display: block; margin: 0px 0px 30px 0px; }
.develop-points-img { float: left; text-align: right; width: 10%; margin: 0px 30px 0px 0px; padding: 5px 0px 0px 0px; }
.develop-points-content { float: left; width: 80%; margin: 0px 0px 0px 0px; }
.develop-points-content h5 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 400; color: #292929; margin: 0px; padding: 0px; }
.develop-points-content p { margin: 10px 0px 0px 0px; padding: 0px; line-height: 25px; }
.develop-cont4 { padding: 25px 0px; text-align: center; background-color: #1c508b; }
.develop-cont4 p { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 27px; font-weight: 300; line-height: 38px; color: #fff; margin: 0px 50px; padding: 0px; text-align: center; }
.develop-cont5 { padding: 40px 0px; }
.develop-cont5 h6 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 40px; font-weight: 700; color: #1f1f1f; margin: 0px 0px 30px 0px; padding: 0px; }
.promise-cont { float: left; width: 18.55%; margin: 0px 15px 15px 0px; background-color: #f9f9f9; border: 1px solid #eaeaea; text-align: center; padding: 30px 0px 0px 0px; border-radius: 8px; position: relative; }
.promise-cont h6 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 19px; font-weight: 400; color: #252525; margin: 20px 0px; padding: 0px; }
.promise-cont-img { width: 100%; height: 85px; position: relative; }
.promise-cont-img img { max-width: 100%; position: absolute; top:0; right:0; bottom:0; left:0; margin: auto; }
.seo-cont1 { padding: 40px 0px; }
.seo-cont1 h2 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 53px; font-weight: 700; line-height: 65px; color: #494949; margin: 20px 0px 0px 0px; padding: 0px; text-align: center; }
.seo-cont1 h2 span { display:block; font-size: 25px; font-weight: 400; color: #585858; }
.seo-cont1 h3 { display:block; font-size: 25px; font-weight: 400; margin: 0px 0px 30px 0px; padding: 0px; color: #0280b5; text-align: center; }
.seo-icon { width: 28%; text-align:left;  }
.seo-content h5 { text-transform: uppercase; font-size: 24px; font-weight: 500; }
.seo-content h6 { text-transform: uppercase; font-size: 17px; font-weight: 400; color: #737373; margin: 8px 0px 0px 0px; padding: 0px; }
.seo-content { width: 65%; }
.seo-cont2 { padding: 60px 0px; background: url(../images/grey-pattren2.jpg) left top repeat; }
.seo-cont2 h3, .seo-cont3 h4 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 53px; font-weight: 700; line-height: 65px; color: #494949; margin: 20px 0px 0px 0px; padding: 0px; text-align: center; }
.seo-cont2-p { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 23px; font-weight: 400; line-height: 35px; color: #737373; margin: 20px 0px 50px 0px; padding: 0px; text-align: center; }
.seo-cont2 img { max-width: 100%; }
.seo-cont3 { padding: 60px 0px; }
.letsmakeouter { padding-top: 30px; margin: 40px 0px 20px 0px; text-align: center; position: relative; }
.letsmakeouter img { position: absolute; top:0; left:0; right:0; margin:auto; }
.letsmakeouter-box { background: #f9f9f9; border-radius: 5px; border: 1px solid #e5e5e5; padding: 30px 30px 20px 30px; min-height: 240px; }
.letsmakeouter-box h6 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; color: #424242; margin: 20px 0px 0px 0px; padding: 0px; text-align: center; text-transform: uppercase; }
.letsmakeouter-box p { text-align: center; }
.tickmark { display: inline-block; font-size: 110px; color:#017bad; width: 180px; height: 180px; padding: 10px 0px 0px 0px; border-radius: 100%; border: 4px solid #017bad; }
.partners-outer { display: block; background: url(../images/partners-bg.jpg) center bottom no-repeat; background-size: cover; padding: 50px 0px; margin: 0px; position: relative; }
.partners-outer h2 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 47px; line-height: 35px; font-weight: 300; color: #4d4c4c; margin: 30px 0px 0px 0px; padding: 0px;}
.partners-outer h2 span { font-size: 18px; }
.partner-logo { float: left; margin: 2% 4% 0 0; width: 22%; height: 60px; text-align: center; display:-ms-flexbox; display:-webkit-flex; display:flex;-ms-flex-align:center; -webkit-align-items:center; -webkit-box-align:center; align-items:center; transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; }
 
.partner-logo:last-child { margin: 2% 0 0 0; }
.partner-logo img { max-width: 100%; opacity: 0.7; margin:auto; text-align:center;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;	
	transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;
	}
/* .partner-logo:hover img { -webkit-filter: none; opacity: 1;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none;
    filter: none;
	}
 */.weare-outer { display: block; background: url(../images/weare-bg.jpg) center bottom no-repeat; background-size: cover; padding: 80px 0px; margin: 0px; position: relative; }
.partner-bdr { position:absolute; top: 0px; left: 40px; max-width: 80%; }
.weare-img { max-width: 100%; margin: 80px 0px 0px 0px; }
.leadtxt, .leadtxt3 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 28px; line-height: 35px; font-weight: 400; color: #737373; margin: 30px 0px 0px 0px; padding: 0px; text-transform: uppercase; }
.leadtxt2 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 60px; line-height: 70px; font-weight: 700; color: #545555; margin: 20px 0px 0px 0px; padding: 0px;}
.leadtxt3 { font-size: 25px; margin: 30px 0px 30px 0px; }
.payusouter { background: url(../images/payus.jpg) left top no-repeat; background-size: cover; border: 4px solid #d9d9d9; padding: 70px; margin: 30px 0px 60px 0px; text-align: center; }
.payusouter iframe { border: 0px !important; width: 100% !important; text-align: center; }
.payusouter iframe body { background-color:none !important;  }



.payusouter h3 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 53px; line-height: normal; display: block; color: #2a3235; font-weight: 900; text-align: center; margin: 0px 0px 20px 0px; padding: 0px; }
.payusouter ul { margin: 20px 0px 0px 0px; padding: 0px; list-style:none; display: inline-block }
.payusouter ul li { margin: 0px 0px 10px 0px; padding: 0px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 36px; color:#000; text-align: center; font-weight: 500; text-transform: uppercase; float: left; }
.payusouter ul li span { display: inline-block; margin: 70px 40px 0px 40px; }
.payusouter ul li a { transition: all 0.5s ease-in-out; }
.payusouter ul li a img { transition: all 0.5s ease-in-out; max-width: 100%; }
.payusouter ul li a:hover { box-shadow: 0px 4px 25px rgba(121, 121, 121, 0.7); z-index:1; transform:translate3d(-0px, -5px, 0px); } 
.payusouter ul li a:hover img { transform:translate3d(-0px, -8px, 0px); } 
.payusouter h4, .iframeh4 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 35px; line-height: normal; color: #005d85; font-weight: 500; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px; display:inline-block ; }
.payfld { display:inline-block ; margin: 0px 20px 0px 0px; width: 30%; }
.paybtn { display:inline-block ; }
.payfld input[type=text] { width:100%; padding: 15px; background:#fff; border:0 none; color: #000; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 400; border-radius: 8px; }
.paybtn input[type=submit] { border: 0 none; font-size: 15px; color: #fff; text-transform: uppercase; margin: 0px 2px; padding: 17px 28px;  transition: all 0.5s ease-in-out;  border-radius: 5px;
background: #01b1fc; /* Old browsers */
background: -moz-linear-gradient(top, #01b1fc 0%, #054562 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #01b1fc 0%,#054562 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #01b1fc 0%,#054562 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b1fc', endColorstr='#054562',GradientType=0 ); /* IE6-9 */

}
.paybtn input[type=submit]:hover
{
background: #054562; /* Old browsers */
background: -moz-linear-gradient(top, #054562 0%, #01b1fc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #054562 0%,#01b1fc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #054562 0%,#01b1fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#054562', endColorstr='#01b1fc',GradientType=0 ); /* IE6-9 */}
.woocom-bnr { background-image: url(../images/woocom-bnr.jpg); min-height:390px; padding: 74px 0px 20px 0px; margin: 50px 0px 0px 0px; position: relative; overflow: hidden; }
.woocom-bnr:after { content:''; position: absolute; right: -200px; bottom: -100px; width: 250px; height: 250px; padding: 130px; border: 120px solid rgba(255,255,255,0.11); border-radius: 100%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }

.woocom-bnr-img { max-width: 100%; float: left; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; opacity: 0.7 }
.woocom-bnr h1 { text-align: left; font-size: 80px; line-height: 81px; color: #e4e4e4; margin: 20px 0 0 0px; }
.woocom-bnr h1 span { color: #01a7ee; }
.woocom-bnr:hover img { opacity: 1; transform: translate3d(20px, 10px, -20px); /* transform: translate3d(50%, -100%, 10%); transform: translate3d(-100px, -30px, 50px); */ }
.paging-list2 { text-align: left; list-style: none; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 80px; position: relative; }
.paging-list2 li { float: left; font-size: 15px; color: #fff; margin: 0px 30px 0px 0px; }
.paging-list2 li a { color: #2ec1ff; }
.paging-list2:before { content:''; display: block; position: absolute; left:0; top: 10px; background:#2ec1ff; width: 50px; height: 1px; }
.paging-list2:after { font-family:'FontAwesome'; content:'\f04b'; display: block; position: absolute; left: 50px; top: 1px; color: #2ec1ff; }
.woocom-bnr p { margin: 15px 0px 0px 0px; padding: 0; }
.woocom-bnr p span { font-size: 15px; }
.woocom1 { background: url(../images/weare-bg.jpg) center center no-repeat; background-size: cover; padding: 80px 0px; } 
.woocom1-img { position: relative; }
.woocom1-img:before { content:''; display: block; position: absolute; left: -45px; top: 0px; background:#2ec1ff; width: 90%; height: 100%;z-index:0;  }
.woocom1-img img { max-width: 100%; z-index:1; position:relative; }
.woocom1 h5 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 45px; line-height: 60px; display: block; color: #2a3235; font-weight: 900; margin: 80px 0px 20px 0px; padding: 0px; }
.woocom1 h5 span { color: #6b6b6b; font-size: 55px; }
.woocom2 { padding: 20px 0px 50px 0px; }
.woocom2 h4, .opencart2 h4 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 62px;
    line-height: normal;
    display: block;
    color: #000;
    text-align: center;
    font-weight: 900;
    margin: 25px 80px 20px 80px;
    padding: 0px;
}
.opencart2 { text-align: center; padding: 80px 0; color:#44b0d4; }
.opencart2 i { font-size: 102px; }

.process-phases {
	position: relative
}
.linerow {
	position: relative
}
.linerow:before {
	content: '';
    top: 146px;
	left: 0;
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #96979B
}
.process-phases ul {
	list-style: none;
	margin-top: 32px
}
.process-phases ul li {
	width: 30.3333333333%;
	float: left;
	margin-right: 30px;
	position: relative;
	text-align: center
}
.process-phases ul li p {
	text-align: center
}
.process-phases ul li:nth-child(3n) {
	margin-right: 0
}
.process-phases ul li:nth-child(3n+1) {
	clear: left
}
.process-phases ul li:nth-child(3) ~ * {
	margin-top: 0px
}
.process-phases ul li .circle {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    position: relative;
    display: block;
    border: 1px solid #96979B;
    margin: 0 auto;
    background-color: #FFF;
    z-index: 1;
}
.process-phases h6 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 22px;
    color: #4e4e4e;
    font-weight: 700;
    margin: 15px 0px 0px 0px;
    padding: 0px;
    display: block;
}
.process-phases ul li .icon {
    position: relative;
    display: block;
    height: 105px;
    margin-bottom: 0px;
}
.woocom3{ background: url(../images/woocom-bg.jpg) center center no-repeat; background-attachment: fixed; background-size: cover;}
.woocom3 .overlay { background:rgba(21,21,21,0.8); padding: 90px 0px 30px 0px; }
.woocom3 h6 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 62px;
    line-height: normal;
    display: block;
    color: #fff;
    font-weight: 900;
    margin: 0px 0px 40px 0px;
    padding: 0px;
}
.woocom-box { float: left; width: 74%; margin-left: 8%; margin-bottom: 8%; }
.woocom-box h5 { color: #56b7d7; font-size: 25px; line-height: 40px; font-family: 'Roboto', Arial, Helvetica, sans-serif;
margin: 0px 0px 15px 0px; text-transform: uppercase; }
.woocom-box p { color: #fff; font-size: 17px; line-height: 30px; font-family: 'Roboto', Arial, Helvetica, sans-serif; margin: 5px 0px 15px 0px; padding:0px; }
.ready-cont2 h5 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 45px; color: #000; text-align: center; font-weight: 900; margin: 0px 0px 5px 0px; padding: 0px; display: block; }
.ready-cont2 p { text-align: center; }
.opencart-bnr { background-image: url(../images/opencart-bnr.jpg); background-size: 100% auto; min-height:390px; padding: 74px 0px 20px 0px; margin: 50px 0px 0px 0px; position: relative; overflow: hidden; }
.opencart-bnr:after { content:''; position: absolute; right: -200px; bottom: -100px; width: 250px; height: 250px; padding: 130px; border: 120px solid rgba(255,255,255,0.11); border-radius: 100%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.opencartimg {  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.opencart-bnr:hover img.opencartimg { transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);}


.opencart-bnr h1 { font-size: 75px; color: #fff; line-height: normal; }
.opencart-bnr h1 span { display:block; font-size: 35px; color: #fff; text-transform: uppercase; letter-spacing: 5px; text-align: center; margin-top: -30px; }
.opencartlist { background-color: black; margin: 20px 0px 60px 0px; padding: 8px; border-radius: 8px;
  -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  animation-name: example;
  animation-duration: 2s; display: inline-block; animation-iteration-count: infinite;
}
 




/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  from {background-color: black;}
  to {background-color: #105e7f;}
}

/* Standard syntax */
@keyframes example {
  from {background-color: black;}
  to {background-color: #105e7f;}
}
/* .opencartlist:after { font-family:'FontAwesome'; content:'\f04b'; display: block; position: absolute; left: 50px; top: 1px; color: #2ec1ff; } */
.opencartlist ul { margin: 0px; }
.opencartlist ul li a { color: #fff; }

.opencart1 { background: #f2f2f2; padding: 50px 0px; text-align: center; } 
.opencart1-img { position: relative; }
.opencart1 p { text-align: center; font-size: 20px; line-height: 35px; color: #000; font-style: italic }
.opencart-box { background-color: #fff; padding: 30px 8px 8px 8px; min-height: 280px; transition:all 0.5s ease-in-out; }
.opencart-box p { font-size: 14px; line-height: 20px; color: #000; }
.opencart-box h3 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 21px;
    line-height: 26px;
    color: #4e4e4e;
    font-weight: 700;
    margin: 15px 0px 0px 0px;
    padding: 0px;
    display: block;
}
.opencart-box:hover { box-shadow: 0px 4px 25px rgba(121, 121, 121, 0.7); z-index:1; transform:translate3d(-0px, -5px, 0px); } 
.androidapp-bnr { background-image: url(../images/android-app-bnr.jpg); background-size: cover; min-height: 650px; padding: 74px 0px 20px 0px; margin: 50px 0px 0px 0px; position: relative; overflow: hidden; text-align: center; }
.androidapp-bnr:after { content:''; position: absolute; right: -200px; bottom: -100px; width: 250px; height: 250px; padding: 130px; border: 120px solid rgba(255,255,255,0.11); border-radius: 100%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.androidapp-bnr p { text-align: center; margin: 15px 0px 0px 0px; }
.androidappimg { position: relative; margin: -320px 0px 0px 0px; z-index:2; }
.androidapp-box { background-color: #01a9f2; padding: 30px 15px 8px 15px; margin: 20px 0px; min-height: 250px; transition:all 0.5s ease-in-out; }
.androidapp-box p { font-size: 14px; line-height: 20px; color: #fff; }
.androidapp-box h3 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 21px;
    line-height: 26px;
    color: #fff;
    font-weight: 700;
    margin: 15px 0px 0px 0px;
    padding: 0px;
    display: block;
}
.androidapp-box:hover { box-shadow: 0px 4px 25px rgba(121, 121, 121, 0.7); z-index:1; transform:translate3d(-0px, -5px, 0px); } 
.androidapp2 { padding: 80px 0; color:#44b0d4; }
.androidapp2 h3 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 32px;
    line-height: 26px;
    color: #000;
    font-weight: 700;
    margin: 15px 0px 0px 0px;
    padding: 0px;
    display: block;
}
.androidapp2 h3 i { font-size: 40px; margin-right: 5px; }
.androidapp2 ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; position: relative; }
.androidapp2 ul li { display:block; float: none; width: 100%; text-align: left; margin: 5px 0px 20px 0px; padding: 0px 0px 0px 30px; font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 500; color: #333333; position: relative; }
.androidapp2 ul li:before { content: "\f18e"; font-family:'FontAwesome'; color:#333; font-size:25px; position:absolute; left: 0px; }
.androidapp3{ background: url(../images/androidapp-bg.jpg) center center no-repeat; background-attachment: fixed; background-size: cover;}
.androidapp3 .overlay { background:rgba(21,21,21,0.8); padding: 90px 0px 30px 0px; }
.androidapp3 h6 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 62px;
    line-height: normal;
    display: block;
    color: #fff;
    font-weight: 900;
    margin: 0px 0px 40px 0px;
    padding: 0px;
}
.androidappimg2 { float: right; max-width: 100%; }


.hybrid-bnr { background-image: url(../images/hybrid-bnr.jpg); background-size: cover; min-height: 500px; padding: 74px 0px 20px 0px; margin: 50px 0px 0px 0px; position: relative; overflow: hidden; }
.hybrid-bnr:after { content:''; position: absolute; right: -200px; bottom: -100px; width: 250px; height: 250px; padding: 130px; border: 120px solid rgba(255,255,255,0.11); border-radius: 100%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.hybrid1 { background: url(../images/weare-bg.jpg) center bottom no-repeat; background-size: cover; background-attachment:fixed;
padding: 74px 0px;  }
.hybrid1 img { max-width: 100%; }
.hybrid1 ul { margin: 80px 0px 0px 30px; padding: 0px 0px 0px 0px; list-style: none; position: relative; }
.hybrid1 ul li { display:block; float: none; width: 100%; text-align: left; margin: 5px 0px 20px 0px; padding: 0px 0px 0px 30px; font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 500; color: #333333; position: relative; }
.hybrid1 ul li:before { content: "\f18e"; font-family:'FontAwesome'; color:#333; font-size:25px; position:absolute; left: 0px; }
.hybrid2 { background: url(../images/hybrid-bg.jpg) center bottom no-repeat; background-size: cover; background-attachment:fixed; }
.hybird2-overlay { background:rgba(21,21,21,0.8); padding: 90px 0px 90px 0px; }

.iphoneapp-bnr { background-image: url(../images/android-app-bnr.jpg); background-size: cover; min-height: 650px; padding: 74px 0px 20px 0px; margin: 50px 0px 0px 0px; position: relative; overflow: hidden; text-align: center; }
.iphoneapp-bnr:after { content:''; position: absolute; right: -200px; bottom: -100px; width: 250px; height: 250px; padding: 130px; border: 120px solid rgba(255,255,255,0.11); border-radius: 100%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.iphoneapp-bnr p { text-align: center; margin: 15px 150px 0px 150px; font-size: 20px; line-height: 35px; }
.iphoneappimg { position: relative; margin: -320px 0px 0px 0px; z-index:2; }
.iphoneapp-box { background-color: #01a9f2; padding: 30px 15px 8px 15px; margin: 20px 0px; min-height: 250px; transition:all 0.5s ease-in-out; }
.iphoneapp-box p { font-size: 14px; line-height: 20px; color: #fff; }
.iphoneapp-box h3 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 21px;
    line-height: 26px;
    color: #fff;
    font-weight: 700;
    margin: 15px 0px 0px 0px;
    padding: 0px;
    display: block;
}
.iphoneapp-box:hover { box-shadow: 0px 4px 25px rgba(121, 121, 121, 0.7); z-index:1; transform:translate3d(-0px, -5px, 0px); } 
.iphoneapp2 { padding: 80px 0; color:#44b0d4; }
.iphoneapp2 h3 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 27px;
    line-height: 26px;
    color: #000;
    font-weight: 700;
    margin: 0px;
    padding: 0px;
    display: block;
}
.iphoneapp2 p { color: #4c4c4c; padding-top: 5px; padding-bottom: 15px; }


.iphoneapp2 h3 i { font-size: 35px; margin-right: 5px; }
.iphoneapp2 ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; position: relative; }
.iphoneapp2 ul li { display:block; float: none; width: 100%; text-align: left; margin: 5px 0px 20px 0px; padding: 0px 0px 0px 30px; font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 500; color: #333333; position: relative; }
.iphoneapp2 ul li:before { content: "\f18e"; font-family:'FontAwesome'; color:#333; font-size:25px; position:absolute; left: 0px; }
.iphoneapp3{ background: url(../images/androidapp-bg.jpg) center center no-repeat; background-attachment: fixed; background-size: cover;}
.iphoneapp3 .overlay { background:rgba(21,21,21,0.8); padding: 90px 0px 30px 0px; }
.iphoneapp3 h6 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 62px;
    line-height: normal;
    display: block;
    color: #fff;
    font-weight: 900;
    margin: 0px 0px 40px 0px;
    padding: 0px;
}
.magento-bnr { background-image: url(../images/magento-bnr.jpg); background-size: cover; min-height: 650px; padding: 74px 0px 20px 0px; margin: 50px 0px 0px 0px; position: relative; overflow: hidden; text-align: center; }
.magento-bnr:after { content:''; position: absolute; left: -20px; bottom: -50px; width: 341px; height: 400px; opacity:0.8; background: url(../images/magento-bg.png) left top no-repeat; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.magento-bnr-inr { text-align: left; }
.magento-bnr-inr h3 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 30px;
    line-height: normal;
    display: block;
    color: #e4e4e4;
    font-weight: 900;
    margin: 30px 0px;
    padding: 0px;
}
.magento-bnr-inr h3 span { color: #2ca0d2;}
.magento-bnr-inr h4 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 30px; line-height: normal; display: block; color: #e4e4e4; font-weight: 600; margin: 30px 0px; }
.magento1 { background: #f2f2f2 url(../images/megentoimg.jpg) right top no-repeat; background-size:auto 100%; padding: 80px 0px; }
.megento1-white { display: inline-block; width: 70%; background: #fff; padding: 30px 50px; }
.megento1-white h5 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 30px; line-height: normal; display: block;
color: #2bb6f3; font-weight: 600; margin: 20px 0px 0px 0px; padding: 0; position: relative; }
.magento2 { padding: 60px 0px 40px 0px; }
.magento2-box { margin: 30px 0px; position: relative; padding: 0px 0px 0px 100px; }
.magento2-box h3 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 20px; line-height: normal; display: block; margin:0px; padding:0px; }
.magento2-box p { margin: 8px 0px 0px 0px; padding:0px; line-height: 26px; }
.magento2-box i { width: 72px; height: 72px; background-color: #01a7ee; font-size: 40px; color: #fff; position: absolute; top:0; left:
0; text-align: center; padding: 15px 0px 0px 0px;
 }
.magento3 { 
    padding: 130px 0 70px;
    background: url(../images/megentoimg2.jpg) no-repeat center top;
    background-size: cover;
    min-height: 700px; }
.magento3 h6 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 50px;
    line-height: normal;
    display: block;
    color: #fff;
    font-weight: 900;
    margin: 60px 0px 20px 0px;
    padding: 0px;
	text-align: right;
}
.magento3 p { color: #fff; text-align: right; }
.magentobox { background: #0c6c96; text-align:center; min-height: 285px; }
.magentobox h3, .magentobox p { text-align:center; }
.magentobox I { font-size: 60px; color: #FFF; }
.content-bnr { background-image: url(../images/content-bnr.jpg); background-size: cover; min-height: 650px; padding: 74px 0px 20px 0px; margin: 50px 0px 0px 0px; position: relative; overflow: hidden; }
.content-bnr:after { content:''; position: absolute; right: -200px; bottom: -100px; width: 250px; height: 250px; padding: 130px; border: 120px solid rgba(255,255,255,0.11); border-radius: 100%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.banr-white { background:  rgba(0,0,0,0.5); padding: 30px 60px 40px 60px; margin: 30px 0px 0px 0px; width: 75% }
.banr-white h3 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 50px;
    line-height: normal;
    display: block;
    color: #e4e4e4;
    font-weight: 600;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
.banr-white p { margin: 8px 0px; padding: 0px; color: #e4e4e4; }
.content1 { background: url(../images/content-bg.jpg) center top no-repeat; background-size: 100% 90%; background-attachment:fixed; }
.content1-overlay { background:rgba(255,255,255,0.8); padding: 30px 0px 70px 0px; }
.content1-overlay h5 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 40px;
    line-height: normal;
    display: block;
    color: #000;
    font-weight: 900;
    margin: 40px 0px 0px 0px;
    padding: 0px;
}
.content1-overlay p { color: #000; }
.content2 { padding: 70px 0px 70px 0px; }
.content2 h5 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 45px;
    color: #0185bd;
    font-weight: 900;
    margin: 0px 0px 25px 0px;
    padding: 0px;
    display: block;
}
.content2 h5 span { color: #000; text-decoration: underline; }
.content2 img { float: left; margin: 0px 20px 20px 0px; }
.content2 p { font-size: 22px; line-height: 38px; }
.content3 { background: #f3f3f3; padding: 90px 0px; }
.content3-box { margin: 0 auto; background: #fff; transition:all linear 0.5s; }
.content3-box:hover { box-shadow: 2px 2px 56px rgba(0,0,0,0.15555); }
.content3-box-right { float: right; width: 60%; }
.content3-box-left { width: 40%; float: left; padding: 50px; }
.content3 h5 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 40px;
    color: #000;
    font-weight: 900;
    margin: 0px 0px 25px 0px;
    padding: 0px;
}
.content3 h5 span { color: #0185bd;}
.content3-box-left img { display: block; margin: 0px 0px 30px 0px; }
.content3-box1, .content3-box2 { float: left; width: 50%; min-height: 400px; padding: 20px; background: url(../images/content-bg2.jpg) right top no-repeat; background-size: cover; color: #fff; }
.content3-box2 { background-image: url(../images/content-bg3.jpg); }

.content3-box1 ul, .content3-box2 ul { margin: 0px; padding: 0px; list-style: none; position: relative; }
.content3-box1 ul li, .content3-box2 ul li { display:block; float: none; width: 100%; text-align: left; margin: 20px 0px;
padding: 0px 0px 0px 40px; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 30px; font-weight: 300; position: relative; }
.content3-box1 ul li:before , .content3-box2 ul li:before { content: "\f00c"; font-family:'FontAwesome'; color: #18b0f1; font-size:25px; position:absolute; left: 0px; }

.ecomdev-bnr { background-image: url(../images/ecomdev-bnr.jpg); background-size: cover; min-height: 650px; padding: 74px 0px 20px 0px; margin: 50px 0px 0px 0px; position: relative; overflow: hidden; }
.ecomdev-bnr:after { content:''; position: absolute; right: -200px; bottom: -100px; width: 250px; height: 250px; padding: 130px; border: 120px solid rgba(255,255,255,0.11); border-radius: 100%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.ecomdev-bnr .pbig { font-size: 30px; line-height: 40px; color: #9be1ff; }
.ecomdev1 { background: #f5f5f7; padding: 50px 0px 0px 0px; position: relative; overflow-x: hidden }
.ecomdev1:before { content:''; position: absolute; right: 200px; top: 0px; width: 55%; height: 80%; border-radius: 100%; z-index:0
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d6d6d6+0,ffffff+64,ffffff+100 */
background: #d6d6d6; /* Old browsers */
background: -moz-linear-gradient(45deg,  #d6d6d6 0%, #ffffff 64%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #d6d6d6 0%,#ffffff 64%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #d6d6d6 0%,#ffffff 64%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

 box-shadow: 0px 4px 25px rgba(121, 121, 121, 0.01);
 }
.ecomdev1 > .container-fluid { z-index:1 } 
.ecomdev1 h3 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 40px;
    color: #000;
    font-weight: 900;
    margin: 35px 0px;
    padding: 0px; text-align: center; z-index:1; position: relative;
}
.ecomdev1-box { border-bottom: 8px solid #08a1e2; background: rgba(255,255,255,0.7); padding: 40px !important; transition:all 0.5s ease-in-out; }
.ecomdev1-box:hover { box-shadow: 0px 4px 25px rgba(121, 121, 121, 0.7); z-index:1; transform:translate3d(-0px, -5px, 0px); } 
.ecomdev1-box h4 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 35px;
    color: #000;
    font-weight: 500;
    margin: 35px 0px 0px 0px;
    padding: 0px;
}
.ecomdev1-box2 { border-bottom: 8px solid #000; background: rgba(249,249,249,0.7); min-height: 500px !important; box-shadow: 0px 4px 25px rgba(121, 121, 121, 0.7); z-index:1; transform:translate3d(-0px, -5px, 0px); }
.ecomdev1-box2:hover { box-shadow: 0px 4px 25px rgba(121, 121, 121, 0); z-index:1; transform:translate3d(0px, 5px, 0px); } 
.ecomdev1-box4 { background: #08a1e2; margin-top: 80px; }
.ecomdev1-box4 img { max-width: 100%; float: left; margin: 20px 30px 20px 0px; }
.ecomdev1-box4 h4 { color: #fff; }
.ecomdev1-box4 p { color: #fff; font-size: 20px; }
.ecomdev3 { background:#f5f5f7 url(../images/ecomdev-bg.jpg) right bottom no-repeat; background-size: contain; padding: 70px 0px; }
.ecomdev3-box { margin: 0 auto; background: #fff; transition:all linear 0.5s; }
.ecomdev3-box:hover { box-shadow: 2px 2px 56px rgba(0,0,0,0.15555); }
.ecomdev3-box-right { float: right; width: 53%; padding: 30px; }
.ecomdev3-box-left { width: 47%; float: left; }
.ecomdev3-box-left img { max-width: 100%; }
.ecomdev3-box-right h6 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 35px;
    color: #000;
    font-weight: 900;
    margin: 35px 0px 0px 0px;
    padding: 0px;
}
.ecomdev3-box-right ul { margin: 0px; padding: 0px; list-style: none; position: relative; }
.ecomdev3-box-right ul li { display:block; float: none; width: 100%; text-align: left; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 40px; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 30px; font-weight: 400; position: relative; }
.ecomdev3-box-right ul li:before { content: "\f00c"; font-family:'FontAwesome'; color: #18b0f1; font-size:25px; position:absolute; left: 0px; }

.searchengine-bnr { background-image: url(../images/searchengine-bnr.jpg); background-size: cover; min-height: 650px; padding: 74px 0px 20px 0px; margin: 50px 0px 0px 0px; position: relative; overflow: hidden; text-align: center; }
.searchengine-bnr:after { content:''; position: absolute; right: -200px; bottom: -100px; width: 250px; height: 250px; padding: 130px; border: 120px solid rgba(255,255,255,0.11); border-radius: 100%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.searchengine-bnr p { margin-left: 5%; margin-right: 5%; text-align: center; }
.searchengine-bnr h1 { margin: 23px 0 40px 0px; }
.moretraffic-outer { display: inline-block; }
.moretraffic { float: left; width: 206px; height: 209px; border-radius: 100%; background-color: rgba(255,255,255,0.8); font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 40px; line-height: 45px; text-align: center; color: #000; font-weight: 700; padding: 50px 0px 0px 0px; margin: 50px 5px 10px 5px; -webkit-transition:All .6s ease; -moz-transition:All .6s ease; -o-transition:All .6s ease; }
.moretraffic:hover {
	-webkit-transform: rotate(360deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(360deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(360deg) scale(1) skew(0deg) translate(0px);
 margin: 20px 5px 40px 5px;}
.moretraffic.big:hover {
	-webkit-transform: rotate(-360deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(-360deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(-360deg) scale(1) skew(0deg) translate(0px);
 margin: 50px 5px 0px 5px;}
.moretraffic span { font-size: 45px; }
.moretraffic.big { background-color: rgba(1, 167, 238, 0.78); color: #fff; margin: -10px 5px 10px 5px;  transition: all 0.5s ease-in-out; }
.searchengine-box1 { background-color: #000; min-height: 730px; }
.searchengine-box1 img { width: 100%; transition: all 0.5s ease-in-out; }
.searchengine-box1:hover img { opacity:0.5 }
.searchengine-content { color:#fff; padding: 15px 30px; background: url(../images/searchengine-bg.png) right bottom no-repeat; }
.searchengine-content h4 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 27px; color: #fff; font-weight: 500; margin: 16px 0px 0px 0px; padding: 0px; }
.searchengine-content p { color: #fff; }
.searchengine-box2 { display: block; position: relative; background: #146b86; margin-bottom: 30px; transition: all 0.5s ease-in-out; overflow-y: hidden }
.searchengine-box2 img { width: 100%; transition: all 0.5s ease-in-out; }
.searchengine-box2:hover img { opacity: 0.6; -webkit-transform: scale(1.1) skew(1.1deg); -moz-transform: scale(1.1) skew(1.1deg); -o-transform:  scale(1.1) skew(1.1deg); }
.searchengine-box3 { margin: 0px; background: url(../images/searchengine-bg2.jpg) left top no-repeat; background-size: cover; min-height:242px; transition: all 0.5s ease-in-out; }
.searchengine2 { padding-bottom: 100px; }


.searchengine3 { margin: 0px 0px 0px 0px; background: url(../images/searchengine-bg3.jpg) center center no-repeat; background-attachment: fixed; background-size: cover; }
.searchengine3 .overlay { background: rgba(21,21,21,0.77); padding: 90px 0px 90px 0px; }
.searchengine-box4 h6 { margin: 20px 0px 0px 0px; }
.searchengine-box4 ul li { margin: 20px 0px 0px 0px; font-size: 17px; line-height: 26px; }


/* harpreet css end 2017 */	


/* package start */
.plan-outer,
.starter-outer,
.basic-outer,
.intermediate-outer,
.advance-outer{ width:19%; float:left; margin-top:2%; }
.plan-outer { width:42%; }

.bdr-right { border-right:1px solid #d8d8d8; }

.plan-outer ul,
.starter-outer ul,
.basic-outer ul,
.intermediate-outer ul,
.advance-outer ul{ display:block; list-style:none; padding:0px; margin:0px; border-left:1px solid #d8d8d8; }

.plan-outer ul li,
.starter-outer ul li,
.basic-outer ul li,
.intermediate-outer ul li,
.advance-outer ul li{ font-size:15px; line-height:normal; color:#575757; padding:6px 8px; border-bottom:1px solid #d8d8d8; }

.plan-outer ul li span,
.starter-outer ul li span,
.basic-outer ul li span,
.intermediate-outer ul li span,
.advance-outer ul li span{ font-family: "rupee_foradianregular"; }

.th, .tble-hd { background-color:#0089d9; font-size:17px !important; line-height:40px !important; color:#fff !important; }
.whiteth { color:#fff !important; }
.blueth { color:#fff !important; background-color:#e6a700 !important; }
.yellowth { color:#fff !important; background-color:#dc4247 !important; }
.redth { color:#fff !important; background-color:#8bb434 !important; }

.min-height { min-height:80px; }
.orderbtn { padding:0px !important; }
.orderbtn a, .orderbtn a.bluebtn, .orderbtn a.yellowbtn, .orderbtn a.redbtn { display:block; background-color:#fff; color:#000; padding:6px 8px; margin:0px 1px;
transition:All 0.6s ease;
-webkit-transition:All 0.6s ease;
-moz-transition:All 0.6s ease;
-o-transition:All 0.6s ease; }
.orderbtn a.bluebtn { background-color:#04bcdb; }
.orderbtn a.bluebtn:hover { background-color:#1c5f93; }
.orderbtn a.yellowbtn { background-color:#e39614; }
.orderbtn a.redbtn { background-color:#df182f; }
.orderbtn a:hover { background-color:#07a8d2; color:#fff; }
.plan-hide{display:none;}
.block387 { display:none; }
.dev-pack-total { background-color: #313131; color:#000 !important; font-size:17px !important; border-left: 1px solid #313131; border-top: 1px solid #313131; }
.accordion-section-title { display:none;}
.phone-row { display:block; color:#a7a7a7; font-size:14px; margin:2% 0; width:100% }
.phone-row:after { content:"."; width:100%; height:2px; color:#000; clear:both; }


.phone-name { float:left; margin:0 1% 0 0; min-width:30%; font-weight:bold; }
.phone-name:after { content:":"; font-weight:bold; float:right; }

.phone-det { float:left; margin:0; }
.phone-det a { color:#1480b1; text-decoration:underline !important; }
.phone-det a:hover { text-decoration:none !important; }
.form-outer { background:url(../images/request-frm-bg.html) left top repeat; border: 1px solid #444; padding:5px 8px; }
.form-row { display:block; color:#a7a7a7; font-size:12px; margin:1.5555% 0; width:100% }
.basicbtn, .intermediatebtn, .advancebtn { width:80%; text-align:center; font-size:16px; color: #fff; line-height: normal; display:inline-block; margin:0px; background-color:#e6a700; padding: 12px 0px; border-radius: 5px; border:1px solid rgba(255, 255, 255, 0.6);
-webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out; -ms-transition:all 0.15s ease-out; }
.basicbtn:hover { background-color:#b88600;}

.intermediatebtn { background-color:#dc4247; }
.intermediatebtn:hover { background-color:#045b80; }

.advancebtn { background-color:#8bb434; }
.advancebtn:hover { background-color:#0ca5df; }
.cost { font-family: 'OpenSemiBold'; font-size:25px; color:#e6a700; margin:20px 0px; }
.cost strong { display:block; font-size:14px; color:#666; text-transform:uppercase; letter-spacing:3px; }
.cost span { font-family: "rupee_foradianregular"; }
.cost i { display:block; font-size:13px; letter-spacing:3px; }

.redcost { color:#dc4247; }
.greencost { color:#8bb434; }
/* package end */
.banner-bot { display:block; text-align:center; margin:0px; padding:0px; border-top:1px solid #fff; }
.banner-bot img { width:100%; margin:0px; padding:0px; display:block; margin:0px;  }
.banner-bot span { margin:2px 0 0 0; display:block; opacity:0.7; }
.term-hd { font-size: 18px; display: block; text-transform:uppercase; margin-bottom:0px; padding-bottom:0px; }
.pagelist { margin:20px 0px; padding:0px; }
.pagelist li { margin:20px 0px 20px 50px; padding:0px; font-size: 16px; line-height: 30px; color: #737373; text-align:justify; }
.cllogo-inr { margin-right:10px; width:14%; }
.onetimecost-hd { font-family: 'OpenSemiBold'; font-size:16px; color:#069; text-transform:uppercase; letter-spacing:3px; padding:25px 0px; }
.onetimecost-hd span { font-family: "rupee_foradianregular"; }



.stopfade { 
   opacity: .5;
}



/* banner start */
.video-fg { background:url(../images/slider-try.png) center center no-repeat; width:100%; height: 100%; 
background-size:cover; position:absolute; z-index:0; top:0; }

.banner .carousel {  }

.banner .carousel-indicators { background:#0e3657; position: absolute; width: 100%; left: 0px; bottom: 0px; margin: 0px; padding: 0px; }
.banner .carousel-indicators li { background-color:#0e3657; border:0 none !important; border-right: 1px solid #325470 !important; border-width:0 0px 0 1px; border-radius: 0; cursor: pointer; display: inline-block; height: auto; margin: 0px; text-indent: -0px; width: 20%; font-family: 'open_sanslight'; font-size:11px; color:#e7e9eb; /*text-transform:uppercase;*/ padding: 3px 15px 0px 15px; text-align:center; line-height:normal; vertical-align:middle; min-height: 20px; position:relative; float:left; }

.banner .carousel-indicators li i { display:inline-block !important; /* margin: -25px 10px 0px 10px; */ margin: -20px 5px 0px 0px; position:relative; top: -7px; opacity:0.7; }

.greybtns2 li i { position:relative; top: -3px !important; opacity:0.7; width: 20px; }
.greybtns2 li i img { max-width: 100%; }

.banner .carousel-indicators li span { margin: 8px 0px 0px 0px; display:inline-block !important; text-align:left !important;  }

.banner .carousel-indicators li:first-child { border:none}
.banner .carousel-indicators .active { background-color: #0099cc; color:#fff; height: auto; margin: 0; width: 20%; border-right:none; }
.banner .carousel-indicators .active i { opacity:1.0 }

.banner .greybtns li { background-color: #2a2a2a !important; border-right: 1px solid #424242 !important; padding: 3px 0px 0px 0px; font-size: 10px; line-height: 13px; letter-spacing: 1px; }
.banner .greybtns li.active { background-color: #161616 !important; }

.banner .greybtns2 li { font-size: 11px; padding: 10px 5px; }
.banner .greybtns { width: 87%; left: 0px; right: 0px; margin: auto; border-left: 1px solid #424242; background-color: #2a2a2a !important; }


.banner .carousel-indicators .active:before { content:''; width:28px; height:15px; position:absolute; top:-12px; left:0; right:0; margin:auto; float:none; /* background:url(../images/top_arrow.png); */ }

.banner .carousel-control { width:40px; opacity:.8; top:45%;}
.banner .carousel-control.right{ right:0px; background:none;}
.banner .carousel-control.left{ left:0px; background:none;}
.banner .carousel-caption { top: 8%; left:3.55%; text-align:left ; z-index:2 !important;  }
.banner .carousel-caption p { font-size:17px; color:#fff; padding-bottom:10px; line-height:26px; }

.banner .carousel-control .glyphicon-chevron-left, .banner .carousel-control .glyphicon-chevron-right, .banner .carousel-control .icon-prev, .banner .carousel-control .icon-next { width: 42px; height: 60px; margin-top: -60px;}


.banner>.carousel>.ol.carousel-indicators {} 
.banner .img-responsive, .banner .thumbnail > img, .banner .thumbnail a > img, .banner .carousel-inner > .item > img, .banner .carousel-inner > .item > a > img { width:100%; }
.firstslide h2 { font-family: 'Roboto', sans-serif; font-size: 65px; font-weight: 500; color:#e6e6e6; line-height: 85px; margin: 93px 0px 20px 0px; }
.firstslide h2 span { color:#28c6fa; }
.banner .carousel-caption p.firstslide-hd2 { font-family: 'Roboto', sans-serif; color:#e3ded3; font-size: 38px; font-weight: 300; line-height: 26px; text-align: left; padding: 0; }
.firstslide-img { margin-top: 0px; max-width: 35%; }
.firstslideimg { position:absolute; right:0px; bottom:0px; }
.firstslide .carousel-caption ul { padding: 20px 0px; list-style: none; }
.firstslide .carousel-caption ul li {
    font-family: 'OpenSansRegular';
    font-size: 16px;
    color: #80fcd5;
    line-height: 28px;
    padding-left: 24px;
    background: url(../images/green-arrow.html) left 8px no-repeat;
}
.firstslide .carousel-caption a, .secondslide .carousel-caption a { float:left; padding: 14px 40px; margin: 20px 0px 0px 0px; font-size:15px; color:#6dfaff; text-transform:uppercase; border:2px solid #6dfaff; -webkit-transition:All .6s ease; -moz-transition:All .6s ease; -o-transition:All .6s ease; }
.firstslide .carousel-caption a img, .secondslide .carousel-caption a img { margin: 0px 0px 0px 8px; -webkit-transition:All .6s ease; -moz-transition:All .6s ease; -o-transition:All .6s ease; }
.firstslide .carousel-caption a:hover, .secondslide .carousel-caption a:hover { color:#fff; border-color:#fff; }
.firstslide .carousel-caption a:hover img, .secondslide .carousel-caption a:hover img { margin: 0px 4px 0px 4px; }

.secondslide .carousel-caption a { color:#f9e5c4; border-color:#f9e5c4; }
.secondslide .carousel-caption a:hover { border-color:#4bc9ff; }
.secondslide .carousel-caption { left:0; display: block !important; vertical-align: top !important; padding:0px; }
.secondslide h1, .secondslide h2 { font-family: 'Roboto', sans-serif; font-size: 58px; font-weight: 700; color:#cee9e9; line-height:80px; margin: 100px 0px 15px 0px; position:relative; letter-spacing: 1px; }
.secondslide h1 span, .secondslide h2 span { color: #99dcf2; font-size: 68px; }
.banner .secondslide p { font-family: 'OpenSansRegular'; font-size: 20px; color:#9d9e9e; line-height:32px; margin: 0px; padding: 0px; position:relative; }
.devlop-left { float: left; width: 75% }
.devlop-right { float: right; width: 45%; margin-top: -170px; text-align: right; }
.devlop-right img { max-width: 100%; }

.fourthslide h2 { font-size: 68px; font-family: 'Roboto', sans-serif; font-weight: 500; color: #fff; line-height:70px; margin: 110px 0px 0px 0px; }
.fourthslide h2 span { color:#f88824; }
.fourthslide p { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 28px !important; line-height: 43px !important; letter-spacing:1px; margin: 5px 0px 65px 0px; text-align: left; }
.fourthslide-cont { width:70%; float:left; }
.fourthslide-img { float:right; max-width: 100%; margin-top: -300px; }
.thirdslide h2 { line-height:70px; margin: 90px 0px 10px 0px; padding:0px; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 55px; color:#d1a65c; letter-spacing: 1px; }
.thirdslide h2 span { color:#d1dfe8; font-size: 82px; }
.banner .thirdslide p { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 41px; color: #c0d2e7; letter-spacing:1px; margin: 0px 0px 0px 0px; text-align: left; line-height: normal; }
.fifthslide-cont { width:70%; float:left; }
.thirdslide img { float:right; max-width: 100%; margin: -120px 70px 0px 0px; }

.sixthslide-img { float: right; max-height:; }
.sixthslide-img img { max-width: 100%; }

.fifthslide>.carousel-caption { height: 100vh; padding-top: 80px; }
.fifthslide h2 { font-family: 'Franklin Gothic Demi Cond'; font-size: 67px; color:#fff; letter-spacing:2px; line-height:75px; margin: 20px 0px 0px 75px; padding: 0px; position:relative; }
.fifthslide h2 span { font-size: 77px; }

.fifthslide p { font-family: 'open_sansregular' !important; font-size: 20px !important; color: #9d9e9e !important; margin: 0px 0px 0px 0px; width:40%; margin-left:80px; float:left; text-align:left !important; line-height: 30px !important; }
.fifthslide-img { float: right;  margin: -1% 2% 0 0; position:relative; max-width:100%; }

/* banner End */


/* .video-fg { background:url(../images/slider-try.png) center center no-repeat; width:100%; height:640px;
background-size:cover; position:relative; z-index:0; top:0;  } */
.videoslide span { font-family: 'Franklin Gothic Demi Cond'; font-size:95px; color:#e0d2a5; display:block; letter-spacing:2px; padding-left:10px; }
.mob-slider-img { display:none; }




/* Sweep To Bottom */
.hvr-sweep-to-bottom, .hvr-sweep-to-bottomblack {   
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  /* box-shadow: 0 0 1px transparent; */
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before, .hvr-sweep-to-bottomblack:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #292a2b;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottomblack:before {
  background: #000;
}


.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active { }
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before,
.hvr-sweep-to-bottomblack:hover:before, .hvr-sweep-to-bottomblack:focus:before, .hvr-sweep-to-bottomblack:active:before
 {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.client_block {
    /* position: relative;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
	overflow: hidden; */
}
.client_block .project_detail {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ffffff;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
	z-index:1;
	display: block;
}
.client_block div.h4 {
	/* position: relative;  3993*/
	height: 60px;
	position: absolute;
	top: 110px;
	bottom: 0;
    left: 0;
    right: 0; opacity: 0;
	/* max-width: 500px;  3993*/
	
	font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 300; color: #fff;
	
	margin: auto;
	text-align: center;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.project_detail>.h4>a.quotebtn {
    /* position: absolute;  3993*/
    position: relative; border-radius: 5px; border: 2px solid #fff;	font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 400; color: #fff;
    top: 20px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 40px auto 0;
	padding: 8px 15px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
	opacity:0;
}
.project_detail>.h4>a.quotebtn:hover { background-color: #fff; color: #000; }




.client_block img { -webkit-transition: all 2.5s ease; -moz-transition: all 2.5s ease; transition: all 2.5s ease; }
.client_block:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.client_block:hover .project_detail div.h4 { opacity: 1;
    -webkit-transform: translateY(-70px);
    -moz-transform: translateY(-70px);
    -ms-transform: translateY(-70px);
    -o-transform: translateY(-70px);
    transform: translateY(-70px);
}

.client_block:after {
    display: block;
    content: "";
    position: absolute;
    left: 5%;
    top: 15%;
    top: 15%;
    width: 90%;
    height: 70%;
    margin: 0;
	background:rgba(15, 22, 40, 0.62);
    border: 1px solid rgba(255, 255, 255, 0.6);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.client_block:hover a.quotebtn, .client_block:hover:after {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
	opacity:1;
}
.position-outer>.panel-outer {  border:0 none; border-bottom: 1px solid #dcdcdc; border-radius: 0 !important; box-shadow: none; float: left; width: 45%; margin: 2px 10px 2px 30px; }
.position-outer .panel+.panel { margin-top: 2px !important; }
.position-outer>.panel-outer>.panel-heading { background-color: transparent !important; border-radius: none !important; padding:0px; }
.position-outer>.panel-outer>.panel-heading h4 a { display: block; font-family: 'Roboto', sans-serif; font-size: 27px; font-weight: 400; color:#fff; text-transform: uppercase; line-height: 30px; padding: 20px 25px; background-color: #2fa7cd; }

.position-outer>.panel-outer>.panel-heading h4 a span { display: block; font-size: 18px; color: #fff; font-weight: 500; text-transform:none; }
.position-outer>.panel-outer>.panel-heading h4 a.collapsed { color: #2a3235; background-color: transparent; }
.position-outer>.panel-outer>.panel-heading h4 a.collapsed>span { color: #818485; }
.position-outer>.panel-outer>.panel-collapse { background: #f7f7f7; padding: 5px 15px; }
.position-outer>.panel-outer>.panel-collapse:after { content:''; display: block; height: 1px; clear: both; }

.panel-title > a:before {
    float: right !important;
    /* font-family: FontAwesome;
    content: "\f067"; */
	margin-top: 20px;
    padding-right: 5px;
	content:'';
	color: #2fa7cd;
	width: 19px; height: 20px;
	background: url(../images/minus-icon.png) right top no-repeat;
}

.panel-title > a.collapsed:before {
    float: right !important;
	background:#fff url(../images/plus-icon.png) right top no-repeat;
    /* content: "\f055"; */
}
.applynow-btn { float:right; color: #fff; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 15px; line-height: 20px; font-weight: 400; margin: 5px 0px 20px 0px; padding: 5px 15px; text-align: center; border-radius: 4px; -webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out; -ms-transition:all 0.15s ease-out;
	
	background: #036fc5;
	background: -moz-linear-gradient(45deg, #036fc5 0%, #1987b7 35%, #1987b7 35%, #2493b0 71%, #2c9cab 100%);
	background: -webkit-linear-gradient(45deg, #036fc5 0%,#1987b7 35%,#1987b7 35%,#2493b0 71%,#2c9cab 100%);
	background: linear-gradient(45deg, #036fc5 0%,#1987b7 35%,#1987b7 35%,#2493b0 71%,#2c9cab 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#036fc5', endColorstr='#2c9cab',GradientType=1 );
 }
.applynow-btn:hover {  color: #deeaf2;
	background: #2c9cab;
	background: -moz-linear-gradient(45deg, #2c9cab 0%, #2493b0 29%, #1987b7 65%, #1987b7 65%, #036fc5 100%);
	background: -webkit-linear-gradient(45deg, #2c9cab 0%,#2493b0 29%,#1987b7 65%,#1987b7 65%,#036fc5 100%);
	background: linear-gradient(45deg, #2c9cab 0%,#2493b0 29%,#1987b7 65%,#1987b7 65%,#036fc5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c9cab', endColorstr='#036fc5',GradientType=1 );
}
.applynow-outer { padding: 50px 0px; margin: 0px; background: url(../images/career-apply-bg.jpg) right top no-repeat; background-size: 100% auto; text-align: center; }
.applynow-outer h5 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 38px; color: #212121; font-weight:700; text-align: center; margin: 0px; padding: 0px; }
.applynow-outer p { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 20px; color: #000; line-height: 35px; text-align: center; font-weight: 400; }
.applynow-outer p a { color: #0eb4e4; font-weight: 500; margin: 15px 0px 0px 0px; display: inline-block; }
.applynow-outer p a:hover { color: #000; }
.portfolio-blue { background-color: #00c2ff; border-top: 1px solid #fff; position: relative; z-index: 2; }

.portfolio-tab { position: relative; top:auto; margin: -190px 0px 0px 0px; padding: 0px; z-index:2; text-align: center; }
.portfolio-tab>li { float: none !important; display:inline-block; text-align: center; margin: 19px 0px 0px 40px !important; padding: 0px 0px 38px 0px !important; position: relative; }
.portfolio-tab>li>a { text-align: center; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 20px; color: rgba(255,255,255,0.7) !important; text-transform: initial !important; }
.portfolio-arrow { display: none; position: absolute; width: 38px; height: 50px;
    bottom: -18px; left:0; right:0; margin:auto;
    /* right: 50px; */
    /* width: 0; */
    height: 0;
    border-style: solid;
    border-width: 20px 18px 0 20px;
    border-color: rgba(0,0,0,0.8) transparent transparent transparent;
}
.portfolio-tab>li>a:hover, .portfolio-tab>li>a:hover span, .portfolio-tab>li.active span { color: rgba(86,215,255,0.9) !important; }
.portfolio-tab>li:hover i, .portfolio-tab>li.active i { display: block; }
.portfolio-box { margin: 0 auto; padding: 70px 50px 70px 50px; width: 95%; position: relative; }
.portfolio-tab>li>a img { display: inline-block; margin-bottom: 15px; }
.portfolio-tab>li>a>span.text { position:relative; top:0px; left:0px; }
.tab-content>.active { position: relative; }

.portfolio-control { background-image: none !important; width: 48px !important; height: 127px !important; margin: auto; padding: 0px; opacity: 1 !important; text-shadow:none !important; top: 40px !important; transition: all 0.5s ease-in-out !important; -webkit-transition: all 0.5s ease-in-out !important; }
.portfolio-control.left { left: 1.2%; }
.portfolio-control.right { right: 1.2% !important; }
.portfolio-control:hover { opacity: 0.5 !important; }
.portfolio-grey { background-color: #f1f1f1; padding: 80px 0px; text-align: center; }
.portfolio-grey h4 { font-family: 'Roboto', sans-serif; font-size: 38px; font-weight: 700; color: #2f2f2f; text-align: center; margin: 0px; }
.portfolio-grey p { font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: 400; color: #737373; text-align: center; line-height: normal; }

.portfolio-grey a { display: inline-block; background-color: #28a9e0; font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: 400; color: #fff; text-align: center; line-height: normal; padding: 10px 25px; border:1px solid #fff; border-radius: 5px; margin: 10px 0px 0px 0px; box-shadow:0px 1px 11px #fff; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; overflow: hidden; position: relative; }
.portfolio-grey a span { z-index:20; }
.portfolio-grey a:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: 1;
}

.portfolio-grey a:hover {  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); }
.portfolio-grey a:hover:after { left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); }
.homeblogimg-outer { max-width: 570px; }
.portfolio-img { max-width: 700px; float: right !important; position: relative; padding: 20px 0px 30px 0px; text-align: right; }
.portfolio-img img, .portfolio-mobile img { max-width: 100%; }
.portfolio-desktop { box-shadow: 0px 5px 30px 0 rgba(0,0,0,0.4); position: relative; z-index:1; }
.portfolio-mobile { position:absolute; z-index:2; bottom: 0px !important; right: 36px !important; }

.portfolio-content { position: relative; padding: 70px 0px 0px 0px; }
.portfolio-logo { width: 220px; height: 70px; border-radius: 5px; background: #fff; display:-ms-flexbox; display:-webkit-flex; display:flex;-ms-flex-align:center; -webkit-align-items:center; -webkit-box-align:center; align-items:center; }
.portfolio-logo img { max-width:100%; margin:0 auto; }
.portfolio-content h5 { font-family: 'Roboto', sans-serif; font-size: 44px; font-weight: 700; color: #fff; margin: 45px 0px 20px 0px; padding:0px; text-transform: uppercase; }
.tag-list { margin:0px; padding:0px; list-style:none; display: block; }
.tag-list:after { content:''; display: block; width: 100%; height:2px; clear:both; }

.tag-list li { float: left; margin: 0px 20px 10px 0px; padding: 0px 0px 0px 30px; list-style:none; font-family: 'Roboto', sans-serif; font-size: 25px; font-weight: 400; color: #ddf4ff; background: url(../images/tag-icon.png) left 0px top 6px no-repeat; }

.portfolio-more { display: inline-block; font-family: 'Roboto', sans-serif; font-size: 17px; font-weight: 400; color: #fafeff; text-align: center; line-height: normal; padding: 12px 33px; border: 2px solid #c4f1ff; border-radius: 5px; margin: 20px 0px 0px 0px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; overflow: hidden; position: relative; }

.portfolio-more i { margin: 0px 0px 0px 30px; }

.portfolio-more span { z-index:20; }
.portfolio-more:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: 1;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: 1;
}
.portfolio-more:hover:after { left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); }
.portfolio-more:hover { background-color: #fafbfc; border-color: #fafbfc; color: #02aee4; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.2), 0 17px 50px 0 rgba(0,0,0,0.05); }


/* craousal animation start */
.caption-animate .item.active .carousel-caption {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.caption-animate  .item.active .carousel-caption.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.caption-animate  .item.active .carousel-caption.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.caption-animate .item.active .carousel-caption.flipOutX,
.caption-animate .item.active .carousel-caption.flipOutY,
.caption-animate .item.active .carousel-caption.bounceIn,
.caption-animate .item.active .carousel-caption.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
.caption-animate .item .carousel-caption.fadeIn,
.caption-animate .item .carousel-caption.fadeInDown,
.caption-animate .item .carousel-caption.fadeInDownBig,
.caption-animate .item .carousel-caption.fadeInLeft,
.caption-animate .item .carousel-caption.fadeInLeftBig,
.caption-animate .item .carousel-caption.fadeInRight,
.caption-animate .item .carousel-caption.fadeInRightBig,
.caption-animate .item .carousel-caption.fadeInUp,
.caption-animate .item .carousel-caption.fadeInUpBig{
  opacity:0;
}
.caption-animate .item .carousel-caption{
   padding:0px !important; 
}

.caption-animate .item .portfolio-mobile.carousel-caption{
   padding:0px !important; left:auto !important; position: absolute !important;
}
/* craousal animation start */

#whatsapp {
    position: fixed;
    right: 20px;
    height: 45px;
    text-align: center;
    width: 45px;
    font-size: 31px;
    background-color: #13a4e1;
	
    border-radius: 31px;
    top: 40px;
	z-index: 100000000000;
  -webkit-animation: mymove 3s;  /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
  animation: mymove 3s;
  animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
  from { bottom: 30px; }
  to { bottom: 20px; background-color: #01e675;
      transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
   }
}

@keyframes mymove {
  from { bottom: 30px; }
  to { bottom: 20px; background-color: #01e675;
      transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);  
  }
}

.transp-header .contact a { color: #fff !important; } 


/* harPreet ENd */




/*---responsive start---*/

/* 
@media (min-width:1400px) {
	.banner .carousel-caption { top: 8.5555% !important; }
}


@media (min-width:1366px) {
    .getstart-hd { margin:0px 0px 15px 0px !important; }
	.getstart-hd span{ font-size:40px; }
}

@media (min-width:1440px) {
     video { min-height: 100%; height: 650px !important; padding-top:20px;	}	
	.sixthslide-img { width: auto; margin: 15px 0 0 0; }
}

@media (min-width:1600px) {
	.sixthslide-img { width: auto; margin: 20px 0 0 0; }
}

@media (min-width:1280px) {
     video { top:0px; min-height: 70%; width: 20%; height:600px !important; margin-bottom:0px; }

} */

@media (min-width:769px) {
	.homeport-btn-outer .dropdown, .homeport-btn-outer .dropup { position: static;}
	.homeport-btn-outer ul.dropdown-menu { display: block !important; width: 100%; position: static; border: 0 none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; text-align: center; background: rgba(255,255,255,0.3);
    display: inline-block;
    padding: 8px 20px;
    border-radius: 8px; }
	.homeport-btn-outer .dropdown-menu>li>a { display: inline-block; padding: 0px; }
	.homeport-btn-outer .port-btn { display: none; }
}

@media (max-width:1400px) {
   .home-serv h4 span { margin: 0px 0px 10px 35px; }
}


@media (max-width:1367px) {
	.seobnr-bot h2 { font-size: 74px; }
	.seobnr-bot h2 span { font-size: 48px; }
	.profile-section4-box { width: 70%; }
    .profile-section1 p { margin: 15px 160px; }
	.secondslide-left { width: 52%; }
	.serviceicon { left: 25px; }
	.home-serv ul { padding: 0px 0px 0px 18px; }
	.home-serv ul li { font-size: 14px; }
	.home-serv ul li:before { left: -18px; }
	.home-serv h4 { margin: 0px 0px 8px 80px; }
	.client-hd span:after { right: 15%; }
	.client-hd span:before { left: 15%; }
	.foot-left { width: 27.55%; }
	.foot-right { width: 72.44%; }
	.footinr-left ul { margin: 0px 35px 0px 0px; }
	.footinr-left { width: 63%; }
	.footinr-rht { width: 37%; }
	.foot-left { padding: 23px 10px 0px 40px; }
	.firstslide h2 { font-size: 60px; margin: 45px 0px 20px 0px; line-height: 78px; }	
	.firstslide-img { max-width: 30%; }
	.secondslide h2 { margin: 65px 0px 15px 0px; }
	.devlop-right { margin-top: -180px; }
	.fourthslide h2 { margin: 65px 0px 0px 0px; line-height: 59px; }	
	.fifthslide h2 { line-height: 50px; margin: 0px 0px 10px 75px; }
	.sixthslide-img img { max-height: 69vh; }
	.homeblog-content h5 span { font-size: 40px; }
	.contact span { margin: 0px 0px 0px 10px; }	
}

@media (max-width: 1280px) {
	.home-serv ul { margin: 0px 0px 0px 6px; }
	
	.partners-outer h2 { font-size: 40px; line-height: 30px; margin: 0px 0px 0px 0px; }
	.partners-outer h2 span { font-size: 15px; }
	
	.portfolio-content h5 { font-size: 35px; }
	.portfolio-tab>li { margin: 19px 0px 0px 30px !important; }
	.portfolio-tab>li>a>span.text { font-size: 17px; }
	
	.profile-section4-box { width: 70%; margin-left: 5%; }
	.profile-section4-box h5 { font-size: 28px; }
	.polygone-shape { font-size: 30px; width: 30%; max-width: 60px; padding: 13px 0px; }
	.polygone-shape:before { left: 11%; top: 63px; }
	.profile-section4-box p { font-size: 15px; line-height: 27px; }
	.profile-section4-box h5 { font-size: 25px; margin: 20px 0px 15px 0px; }
	.profile-section3 { font-size: 26px; line-height: 37px;}
	.career-hd:before { width: 94%; }
	.career-hd:after { width: 95%;}
	.career-hd h2 { font-size: 45px; line-height: 55px; margin: 0px 0px 33px 0px; }
	
	
	.profile-section3 { font-size: 35px; line-height: 50px; }
	.wefocus-outer { margin-top: 60px; }
	.profile-section2 { padding: 50px 0px 0px 0px; }
	.profile-section2 p { font-size: 19px; line-height: 36px; }
	.exep-desc p { font-size: 17px; line-height: 30px; }
	.experience-cont { min-height: 570px; }
	
	.profile-section1 p { margin: 15px 70px; }
	.firstslide-img { width:38% }
	.firstslide .carousel-caption ul li { font-size: 15px; }
	.firstslide h2 { font-size: 54px; line-height: 70px; }
	.banner .carousel-caption p.firstslide-hd2 { font-size: 30px; }
	.secondslide-left { width: 55%; }
	.secondslide h2 { font-size: 54px; }
	.secondslide h2 span { font-size: 64px; }
	.secondslide-right { width: 38%; }
	.fourthslide-cont { width: 60%; }
    .thirdslide img { margin: 40px 0px 90px 0px; }
	.thirdslide h2 { font-size: 44px; }
	.thirdslide h2 span { font-size: 70px; line-height: 70px; }
	.fourthslide h2 { font-size: 55px; line-height: normal; }
	.fourthslide-img { max-width: 33vw; max-height: 76vh; margin-top: 45px; }
	.banner .fourthslide p br { display: none; }
    .fifthslide .carousel-caption { right: 0; width: 100%; }
	.fifthslide h2 { font-size: 60px; }
	.fifthslide h2 span { font-size: 70px; }
	.fifthslide-cont { width: 60%; }
	.serviceicon { left: 10px; width: 95px; height: 90px; }
	.serviceicon img { max-width: 50px; }
	.home-serv h4 { margin: 0px 0px 8px 35px; line-height: 36px; }
	.home-serv h4 span { font-size: 33px; }
	.num-counter { margin: 0px 10px 0px 0px; }
	.client-hd span:after { right: 100px; }
	.client-hd span:before { left: 100px; }
	.success-right { padding: 90px 45px 0px 45px !important; }
    .testi-name>.testi-logo { width: 145px; height: 79px; }
	.testi-name>.testi-logo img { max-width: 80%; }
	.homequery-form { width: 85%; }
	.homefld input[type=text], .homefld textarea { width: 84%; }
	.banner .greybtns { width: 84%; }
	.homeblog-content { padding: 20px 15px !important; }
	.homeblog-content h5 { font-size: 30px; margin: 0px 0px 0px 0px; }
	.check-group { display: block; margin: 10px 0px 0px 25px !important; }
	.capcha2 { width: 52%; margin:0px 10px 15px 0px; }
	.refreshbnt2 { font-size: 15px; width: 41%; }
	.check-group label { font-size: 13px; }
}

@media (max-width: 1199px) {
	.home-serv ul { margin: 0px 0px 0px 0px; }
	.home-serv ul li { font-size: 13px; }
	.partners-outer h2 { font-size: 30px; line-height: 30px; margin: 0px 0px 0px 0px; }
	.partners-outer h2 span {  line-height: 10px !important; }
	
	.seo-bnr p { margin: 20px 80px !important; }
	.seobnr-bot h2 { font-size: 60px; line-height: 63px; }
	.seobnr-bot h2 span { font-size: 40px; }
	.seobnr-bot h3 { font-size: 140px; line-height: 112px; }
	.seobnr-bot h3 span { font-size: 65px; }
	.seobnr-right-hd { font-size: 22px; }
	.seobnr-right ul { margin: 0px 0px 0px 30px; }
	
	.design-p { font-size: 27px; margin: 0px 0px 150px 0px; }
	.design-p2 { font-size: 23px; }
	
	.tag-list li { margin: 0px 10px 10px 0px; font-size: 19px; }
	.caption-animate .item .portfolio-mobile.carousel-caption { max-width: 170px; }	
	
	.position-outer>.panel-outer>.panel-heading h4 a { font-size: 23px; line-height: 25px; }
    .position-outer>.panel-outer>.panel-heading h4 a span { font-size: 16px; }
	.position-outer>.panel-outer { margin: 2px 10px 2px 20px; }
	
	.polygone-shape { width: 30%; padding: 14px 0px; margin: 0px 0px 0px -15px; }
	.polygone-shape:before { left: 9%; }
	.profile-section4-box { width: 75%; }
	.wefocus-outer { margin-top: 45px; }
	.profile-section2 p { font-size: 18px; line-height: 33px; }
	.exep-desc p { font-size: 16px; line-height: 27px; }
	.experience-cont { min-height: 540px; padding: 90px 0px 0px 0px; }

	.focuspoint-outer ul li { margin: 0px 9px; font-size: 20px; padding: 25px 27px 25px 0px; }
	.profile-section1 p { margin: 15px 0px; }
	.firstslide-img { width:48% }
	.firstslide h2 { font-size: 48px; line-height: 60px; }
	.getstart-iner { padding: 0px 0px 23px 0px; }
	.banner .carousel-indicators li i { margin: -25px 5px 0px 5px;}
	.secondslide h2 { font-size: 50px; margin: 60px 0px 0px 0px; }
	.secondslide h2 span { font-size: 60px; }
	.fourthslide h2 { font-size: 40px; }
	.fourthslide h2 i { font-size: 43px; font-style: normal; }
	.fifthslide h2 { font-size: 53px; }
	.fifthslide h2 span { font-size: 63px; }
	.serviceicon { top: auto; bottom: 35px; width: 95px; height: 90px; }
	.client-raw { margin: 0px 3%; }
	.success-left h4 { font-size: 55px; }
	.success-left p { font-size: 24px; line-height: 30px; }
	.test-text p { font-size: 17px; line-height: 26px; }
	.testi-name>i.name { font-size: 16px; }
	.homequery-outer h6 { font-size: 21px; }
	.footinr-left ul { margin: 0px 27px 0px 0px; }
	.foot-left { width: 29.55%; }
	.foot-right { width: 70.44%; }
	.footinr-rht { padding: 13px 40px 0px 30px; }
	.foot-social li { display: inline-block; margin: 0px 2px 0px 0px; }
	.weaccept { max-width: 100%; }
     footer h6 { font-size: 23px; margin: 20px 0px; }
	.footer-ranking { padding: 20px 40px 20px 25px; }
	.footinr-left div { padding: 0px 0px 0px 25px; }
	.getupdate { padding: 13px 35px 25px 25px !important; }
	.getupdate-btn { padding: 9px 0px 8px 0px; text-align: center; }
	.contact { font-size: 14px; letter-spacing: 0px;}	
	.counter-icon { font-size:30px; width:60px; height:60px; margin:0px 10px 0px 0px; }	
	.servicebox { margin:30px 0px; min-height:500px; }
	.seobnr { background:#9dd6ea url(../images/seobanr-bg.html) right -12% bottom no-repeat; }
	.banner .greybtns { width: 86%; }
	.banner .greybtns2 li { font-size: 10px; }
    .devlop-right { width: 35%; margin-top: -130px; }
	.homeblog-content h5 { font-size: 25px; line-height: 40px; }
	.homeblog-content h5 span { font-size: 34px; }
	.homeblog-content p { font-size: 18px; margin: 10px 0px 15px 0px; }
	.searchengine-box1 { min-height: 786px; }
}

@media (max-width: 1120px) {
	.portfolio-tab { margin: -183px 0px 0px 0px; }
	.portfolio-tab>li { margin: 19px 0px 0px 30px !important; }
	.portfolio-tab>li>a>span.text { font-size: 15px; }	
	
	.banner .carousel-caption p { font-size:14px; line-height:25px; }
	.secondslide-left { width: 50%; }
	.secondslide-right { width: 45%; }
	.secondslide h2 { font-size: 40px; margin: 60px 0px 0px 0px; }
	.secondslide h2 span { font-size: 50px; }
	.banner .secondslide p { font-size:15px; line-height:32px; }
	.banner .thirdslide p { font-size: 26px; }	
    .thirdslide img { margin: 65px 0px 0px 0px; width: 40%; }
	.thirdslide h2 { font-size: 32px; line-height: 50px; margin: 90px 0px 0px 0px; }
	.thirdslide h2 span { font-size: 52px; line-height: 52px; }
	.fifthslide h2 { font-size: 48px; margin: 20px 0px 0px 0px; }
	.fifthslide h2 span { font-size: 58px; }
	.fifthslide p { margin-left: 0px; }
	.serviceicon { width: 80px; height: 75px; left: 5px; }
	.home-serv h4 { margin: 0px 0px 8px 10px; } 
	.num-counter { letter-spacing: 0px; margin: 0px; padding: 0px 4px 0px 5px; width: auto !important; }
	.homeport-hd2 p br { display: none; }
	.client-hd span:after { right: 50px; width: 55px; }
	.client-hd span:before { left: 50px; width: 55px; }
	.footinr-left ul { margin: 0px 22px 0px 0px; }
	.footinr-left { width: 100%; }
	.footinr-rht { padding: 13px 40px 0px 20px; width: 100%; }
	.secureby { margin: 35px 10px 0px 0px; font-size: 18px; }
	.foot-social li { margin: 0px 2px 4px 0px; }
	.foot-socialouter { width: 50%; float: left; }
	.foot-left { width: 32.55%; }
	.foot-right { width: 66.44%; }
	.rankingimg { width: 20%; }
	.bestinmarket { width: 78%; }
	.banner .greybtns { width: 89%; }
	.banner .greybtns2 li { font-size: 10px; min-height: 62px; }
	.banner .carousel-indicators li span { display: block !important; text-align: center !important; }
	.banner .carousel-indicators li i { margin: 1px 5px 0px 5px; }
	.homeblog-content p { font-size: 17px; line-height: 26px; }
	.blogwhite-box { padding: 20px 0px 40px 0px; }
	.homeblog-content p { margin: 10px 0px; }
	.quotation-white { padding: 50px 30px; }
	.quotation-hd { font-size: 18px; margin: 0px 35px 30px 35px; }
}


@media (max-width: 1025px) {
	.webdesign-bnr p { margin: 20px 0px !important; }
	.designing-banr-bot { background-size: 100% auto; width: 100%; padding: 0px 0px 20px 0px; }
	
	
	.portfolio-content { position: relative; padding: 14px 0px 0px 0px; }
	.portfolio-content h5 { font-size: 28px; margin: 15px 0px 10px 0px; }
	.tag-list li { margin: 0px 15px 5px 0px; padding: 5px 0px 0px 30px; font-size: 16px; }
	.portfolio-more { font-size: 15px; font-weight: 300; padding: 9px 10px; margin: 15px 0px 0px 0px; }
	.portfolio-more i { margin: 0px 0px 0px 10px; }
	
	
	
	.position-outer>.panel-outer>.panel-heading h4 a { font-size: 20px; line-height: 22px; padding: 20px 12px; }
	/* .position-outer>.panel-outer>.panel-heading h4 a { font-size: 23px; line-height: 25px; }
    .position-outer>.panel-outer>.panel-heading h4 a span { font-size: 16px; }
	.position-outer>.panel-outer { margin: 2px 10px 2px 20px; } */
	
	.profile-section4 { text-align: center; }
	.polygone-shape { max-width: 100%; width: 100px; height: 110px; padding: 25px 0px 0px 0px; margin: 0px auto; float: none; font-size: 40px; }
	.polygone-shape:before { display: none; }
	.profile-section4-box { width: 95%; }
	.profile-section4-box p { text-align: center; }
	
	
	.firstslide .carousel-caption { width: 100%; }
	.firstslide h2 { font-size: 40px; line-height: 55px; }
	.firstslide-img {  margin-top: 0px; }
	.fourthslide h2 { line-height: 48px; }
	.fourthslide p { font-size: 18px !important; }
	.homequery-form { width: 95%; }	
	.homeservice-box h3 { font-size: 19px; }	
	.servicebox { min-height:530px; }
	.diffrent-seo ul li { padding: 15px 8px; font-size:13px; }	
	.seobnr { background:#9dd6ea url(../images/seobanr-bg.html) right -30% bottom no-repeat; }
	.seobnr p { font-size:40px;}
	.seobnr p span { font-size:50px;  }
	.padding-ltrt-30 { padding:8px 20px; }	
	.footmail { margin: 0px 20px 0px 0px; }
	.footmail i { font-size: 25px; }	
	.footmail a, .footmail span { font-size: 14px; }	
	.foot-top-left { width:100%; text-align:center; margin:0px 0px 25px 0px; }
	.foot-top-right { width:100%; text-align:center; }
    #logo-wrapper { width: 14%;}
	.cllogo-inr { width:17%; }
	.client-hd span:after, .client-hd span:before { display: none; }
	
}

@media (max-width: 992px) {
    .payusouter iframe { min-height: 314px; }
	.payusouter h4, .iframeh4 { display: block; text-align: left; margin: 0px 0px 20px 0px; }
	.payfld { display: block ; margin: 0px 0px 20px 0px; width: 100%; }
	.paybtn { display: block; text-align: right; }
	
	.seobnr-left { padding: 20px 0px 30px 0px !important; margin: 0px 0px 0px 0px; }
	.design-p, .design-p2 { font-size: 25px; font-weight: 400; margin: 20px 0px; color:#636363; text-align: justify; }
	.whtsmake-icon { float: left; margin: 0px 20px 0px 0px; width: 15%; }
	.whtsmake-content { text-align: left; padding: 10px 0px 0px 0px; width: 80%; float: left; }
	.whtsmake-content p { text-align: left; }
	
	.ecom-solution4 h5 { font-size: 40px; }
	.ecom-solution4 h5 i:before { width: 100px; height: 100px; top: -15px; }	
	.ecom-solution4 p { font-size: 19px; line-height: 35px; }
	.ecom-solution5-box p { font-size: 15px; line-height: 24px; }
	.ecom-solution4 { padding: 60px 0px 60px 0px; }

	.caption-animate .item .portfolio-mobile.carousel-caption { max-width: 132px; }
	.portfolio-content h5 { font-size: 26px; line-height: 35px; margin: 20px 0px 10px 0px; font-weight:400; }
	.portfolio-control { width: 30px !important; height: 100px !important; }	
	.portfolio-control img { max-width: 100%; }	
	
	.portfolio-content { padding: 0px; }
	.career-hd:before { width: 97%; }
	.career-hd:after { width: 100%;}
	.career-hd h2 { font-size: 38px; line-height: 45px; margin: 0px 0px 33px 0px; }
	.career-hd { padding: 20px 0px 0px 15px; }
	.career-bnr { min-height: 270px; }
	.portfolio-tab { margin: -155px 0px 0px 0px; }
	.portfolio-tab>li { margin: 19px 0px 0px 20px !important; }
	.portfolio-tab>li>a>img { max-width: 50px; }
	
	
	
	.position-outer>.panel-outer { float: none; width: 100%; margin: 10px 0px; }
	.panel-title > a:before { margin-top: 11px; }
	.client-body p { font-size: 19px; line-height: 30px; margin: 5px 0px 25px 0px; }
    .client-body p br { display: none; }
	.focuspoint-outer ul li { margin: 0px 5px; font-size: 18px; padding: 25px 17px 25px 0px; }
	.focuspoint-outer ul li img { max-width: 32px; margin:0px 8px 0px 0px; }
	.profile-section3 { font-size: 28px; line-height: 40px; }
	
	.firstslide h2 { font-size: 34px; line-height: 43px; }
	.banner .carousel-caption p.firstslide-hd2 { font-size: 22px; }
	.banner .carousel-indicators li i { margin: -25px 5px 0px 0px; width: 23px; }
	.banner .carousel-indicators li i img { max-width: 100%; }
	.fourthslide-cont { width: 60%; }	
    .thirdslide img { margin: 30px 0px 0px 0px; width: 38%; }
	.thirdslide h2 { font-size: 28px; }
	.thirdslide h2 span { font-size: 48px; line-height: 48px; }
	.banner .fourthslide p { line-height: 25px !important; }
	.serviceicon { width: 95px; height: 90px; left: 30px; }
	.num-counter { font-size: 40px; text-align: center; width: 22% !important; }
	.counter-icon { float: none; margin:0px auto 8px auto; left:0; right:0; }
	.counter-detail { float: none; line-height: 30px; margin: 6px auto; display: inline-block; }
	.client-logo { width: 32%; border-bottom: 1px solid #e5e5e5; }
	.client-logo:nth-child(3n) { border-right: 0 none; }
	.client-logo:nth-child(5n) { border-right: 1px solid #e5e5e5; }
	.client-logo:nth-child(11n), .client-logo:nth-child(12n) { border-bottom: 1px solid #e5e5e5; }	
	.client-logo:last-child { border-right: 0 none; }
	.sucess-icon { display: none; }
	.success-left { padding: 50px !important; text-align: left; min-height: 1px !important; }
	.success-left p br { display: none; }
	.success-right { padding: 50px 45px 0px 45px !important; min-height: 1px !important; }
	.homecapchafld { width: 53%; margin: 0px 10px 9px -5px; }
	.homecapcha { width: 45%; }
	.enquirybtn { width: 45%; }
	.homequery-outer h6 { font-size: 19px; }
	.homequery-outer { background: #fff url(../images/homequery-bg.jpg) right bottom no-repeat; }
	.header-fix>.container-fluid>.menuouter>.mean-container>.mean-bar { padding: 4px 0px 0px 0px; }
	.header-fix>.container-fluid>.menuouter>.mean-container>.mean-bar>a.meanmenu-reveal { padding:7px 7px 6px; }

	.counter-img { display:none; }
	.counterhd { text-align:center; line-height:normal;  }
	.counterhd span { float:none; }
	.banner .greybtns { width: 80%; }
	.banner .greybtns2 li { font-size: 10px; min-height: 82px; }
	.blogthumbs { left: 0% !important; }
	.requirement-box textarea { height: 128px; }
	.searchengine-box1 { min-height: 1px; margin-bottom: 20px; }
	.ecomdev3-box-left, .ecomdev3-box-right { width: 100%; float: none; }
	.ecomdev3-box-left img { width: 100%; }
}

@media (max-width: 940px) {	
      .portfolio-tab { margin: -139px 0px 0px 0px; }
      .portfolio-tab>li { margin: 19px 0px 0px 8px !important; }
	  .portfolio-tab>li>a>span.text { font-size: 13px; }
	  .portfolio-tab>li>a { padding: 0px 0px 20px 0px !important; }
	  
	  
      .contact, .transp-header .contact { /* float:left; */ position:relative; z-index:10000000000000000; margin: 24px 0px 0px 0px; }
/*       .header-fix .contact { margin: 10px 0px 0px 260px; } */
	  
      .portfolio-tab { top: 15px !important; }
	  .portfolio-tab>li { padding: 0px !important; }
	  .portfolio-tab>li>a { padding: 0px 0px 20px 0px !important; background: transparent !important; text-align: center !important; }
	  .portfolio-bnr { min-height: 450px; }
	  
	  .focuspoint-outer { padding: 20px 0px; }
      .focuspoint-outer ul li { margin: 0px 5px; font-size: 16px; padding: 15px 10px 15px 0px; }
	  .focuspoint-outer ul li img { max-width: 32px; margin:0px 8px 0px 0px; }
	
	  .profile-section1 { padding: 60px 0px; }
      .profile-section1 h2 { font-size: 45px; }
	  .profile-section1 p { font-size: 21px; line-height: 30px; }
     .letswork-outer h4 { font-size: 70px; }
	 .letswork-outer h4 span { font-size: 50px; }
	 .letswork-outer h4 { line-height: 68px; margin: 20px 0px 0px 0px; }
	 
      header{ position:relative; top:0;}
	  body { padding: 0px;}	
	 .banner .carousel-indicators li span { margin: 0px; text-align: center !important; display:block !important; }
	 .banner .carousel-indicators li i { margin: 5px !important; position: relative; top: 0px; }
	 .secondslide-left { width: 40%; }
     .secondslide-right { width: 55%; }
	 .secondslide h2 { font-size: 30px; line-height: 45px;}
	 .secondslide h2 span {  font-size: 40px; margin-left: 1%; }
	 .devbnr-row2 i, .devbnr-row4 i { margin: 0px 7px 0px 12px; }
	 .fourthslide h2 { font-size: 30px; }
	 .fourthslide h2 i { font-size: 35px; }
	 .fifthslide-img { display: none; }
	 .fifthslide h2 { line-height: 57px;}
	 .serviceicon { width: 85px; height: 80px; left: 20px; }
	 .homequery-form { width: 100%; padding: 0px; }
	 .iner-bnr h1 { font-size: 40px; margin:45px 0 0 0px; font-weight: 700; }
	 .designing-banr-bot h2 { font-size: 22px; }
     .portfolio-bnr h1 { font-size: 35px; margin: 0px; }
	 .iner-bnr p { font-size: 15px; }
	 .portfolio-bnr p { font-size: 20px; line-height: 23px; margin: 10px 0px 0px 0px; }
	  

	.clientele{  background:#fff; }
	.marquee-with-options { padding: 30px 0px 50px 0px;}
	
	.clientele-hd {font-size: 35px; display:block; text-align:center; padding:47px 0px 0px 0px; background-color:transparent; }
	.clientele-hd img { display:none; }
	.servicebox { min-height:650px; }	
	.diffrent-seo ul li { padding: 15px 25px; margin-bottom:30px; }
	
	.seobnr { background:#9dd6ea url(../images/seobanr-bg.html) right -40% bottom no-repeat; }
	.seobnr p { font-size:30px;}
	.seobnr p span { font-size:35px;  }
	.seoimg { width:14%; }
	.seoimg img { max-width:100%; }
	.seobnr { padding: 60px 0px;}
	.plan-outer ul li, .starter-outer ul li, .basic-outer ul li, .intermediate-outer ul li, .advance-outer ul li { font-size: 14px; }
	#logo-wrapper { width: auto; }
	.moretraffic { font-size: 26px; line-height: normal; width: 160px; height: 160px; padding: 38px 0px 0px 0px; }
	.moretraffic span { font-size: 32px; display: block; }
	.moretraffic.big { margin: 50px 5px 10px 5px;  }
}

@media (max-width: 769px) { 
    .weare-outer { padding: 40px 0px 70px 0px; }
	.weare-img { margin: 0; }
	.partners-outer h2 { text-align: center; }
	.leadtxt2 { font-size: 50px; line-height: 55px; }
	.portfolio-box { padding: 15px 50px; }
	.mobileapp-hd { font-size: 40px; }
	.mobapp2 { padding: 50px 0px 0px 0px; }
	.mobapp2-cont { padding: 0px 50px; }
	.mobapp2 h3 { font-size: 34px; margin: 25px 0px 35px 0px; }
	.mobapp3 { padding: 50px 0px 60px 0px; }
	.mobapp3 h4 { font-size: 38px; margin: 25px 0px 35px 0px; }
	.mobapp3-inr ul li { padding: 0px 0px 8px 25px; font-size: 16px; }
	.mobapp3-inr { padding: 20px; }
	.mobapp4-box { min-height: 10px; padding: 20px ; margin-bottom: 25px; }
	.ready-cont h5 { font-size: 35px; }
	.mobapp4 .overlay { padding: 50px 0px; }
	.mobapp-bnr { padding: 20px 0px; }
	
    .portfolio-content h5 { border-bottom: 1px dashed rgba(255,255,255,0.4); padding-bottom: 8px; }	
	
    /* responsive tabbing start */
	.portfolio-tab>li>a>span.text { font-size: 35px; font-family: 'Roboto', sans-serif; font-weight: 200; color: #fff !important; }		    .portfolio-arrow { border-color: #0e93bd transparent transparent transparent; }
    ul.nav-tabs-responsive { top:0 !important; margin:0px; padding:0px;  }
  .nav-tabs-responsive > li {
    display: none;
    /* width: 15%; */
    float: left !important;
    border-color: #fafbfc;
    color: #02aee4;
	padding: 15px 0px !important;
    border-radius: 10px;
    background: #0e93bd !important;
	
}
  .nav-tabs-responsive > li > a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    width: 100%;
    text-align: center;
    vertical-align: top;
	padding:0px !important;
  }
  .nav-tabs-responsive > li.active {
    width: 90%;
  }
  .nav-tabs-responsive > li.active:first-child {
    margin-left: 23%;
  }
  .nav-tabs-responsive > li.active, .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
    display: block;
  }
  .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
	background: transparent !important; border: 0;
  }
  .nav-tabs-responsive > li.next { float: right !important; }
  .nav-tabs-responsive > li.next > a, .nav-tabs-responsive > li.prev > a {
    -webkit-transition: none;
    transition: none;
  }
  .nav-tabs-responsive > li.next > a .text, .nav-tabs-responsive > li.prev > a .text {
    display: none;
  }
  .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.prev > a:after, .nav-tabs-responsive > li.prev > a:after {
    position: relative;
    top: 1px;
    display: inline-block;
	font-family:'FontAwesome';
	color: #000;
	font-size: 50px;
	
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .nav-tabs-responsive > li.prev > a:after {
    content: "\f0d9";
  }
  .nav-tabs-responsive > li.next > a:after {
    content: "\f0da";
  }
  .nav-tabs-responsive > li.dropdown > a > .caret {
    display: none;
  }
  .nav-tabs-responsive > li.dropdown > a:after {
    content: "\e114";
  }
  .nav-tabs-responsive > li.dropdown.active > a:after {
    display: none;
  }
  .nav-tabs-responsive > li.dropdown.active > a > .caret {
    display: inline-block;
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-left {
    left: 0;
    right: auto;
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-center {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-right {
    left: auto;
    right: 0;
  }
	
	.portfolio-tab>li>a>img { display: none; border: 0 none; }
	.career-hd:before, .career-hd:after { display: none; }
	.career-hd h2 { font-size: 38px; line-height: 45px; margin: 0px 0px 33px 0px; }
	.career-hd { padding: 20px 0px 0px 15px; }
	.career-bnr { min-height: 270px; }
	.career-hd { display: none; }
	.career-bnr h1 { text-align: center; }
	.career-bnr:before { content:''; display:block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,0.3); z-index:0; }
	.openposition { font-size: 35px; margin: 0px 0px 15px 0px; }
	.position-outer>.panel-outer>.panel-heading h4 a { font-size: 17px; padding: 15px 8px; font-weight:500; }
	.position-outer>.panel-outer>.panel-heading h4 a span { font-size: 15px; }
	
	
	.profile-section3 { font-size: 20px; line-height: 30px; }
	.profile-section3 { padding: 40px 0px 20px 0px; }
	.profile-section4 { padding: 50px 0px 0px 0px; }
	.profile-section4-box { float: none; margin-bottom: 49px; margin-left: 2%; }
	.focuspoint-outer { padding: 0; }
	.focuspoint-outer ul li { margin: 0px 0px; padding: 22px 0px; width: 100%; text-align: center; font-size: 20px; }
	.focuspoint-outer ul li img { max-width: 100%; margin: 0px auto 14px auto; float: none; display: block; }
	.focuspoint-outer ul li:nth-child(2n) { background-color: #0978a7; }
	
	.profile-section1 h2 { font-size: 40px; }
	.profile-section1 p { font-size: 18px; }
    .experience-cont { min-height: 20px; padding: 60px 0px 30px 0px; position: relative; top:0; }
	.coma-img { display: none; }
	.exep-desc em { transform: rotate(0deg); -webkit-transform: rotate(0deg); margin: 0px; padding: 0px; display: block !important; }
	.exep-desc p { display: block; margin: 0px; padding: 0px; float: none; }
	.profile-section2 p { width: 100%; padding: 0px; }
	
	
	
	.banner .carousel-indicators .active { margin: 0px; padding-bottom: 21px; }
	.secondslide h2 i { float: left; }
	.devbnr-row2 { margin-right: -73px; }
	.fourthslide h2 { line-height: 38px; }
	.thirdslide h2 { font-size: 22px; }
	.thirdslide h2 span { font-size: 40px; line-height: 40px; margin-top: 0px; }
	.home-serv { width: 100%; margin: 10px 0px 0px 0px; }
	.homeserv-white { padding: 4px 0px 10px 0px; }
	.home-serv h4 br { display: none; }
	.home-serv h4 span { margin: 0px 0px 8px 0px; }
	.home-serv .pull-right { float: left !important; margin-left: 150px; }
	.num-counter { width: 45% !important; margin: 0px; padding: 15px 0px; border-bottom: 1px solid #686f77; }
	.num-counter:nth-child(2n) { border-right: 0; }
	.num-counter:nth-child(5n) { border-bottom: 0; }
	.homefld, .homefld2 { margin: 0px 0px 9px 0px; width: 100%; }
	.homecapchafld { width: 50%; margin: 0px 10px 9px 0px; }
	.homecapcha { width: 48%; }
	.enquirybtn { margin: 10px 2px 0px 0px; }
	.homequery-outer h6 { margin: 10px 28px 0px 29px; }
	.foot-left, .foot-right { width: 100%; }
	.footinr-left div:after { content:''; display: block; height: 1px; clear: both; }
	/* .contact, .transp-header .contact { margin: 20px 0px 0px 180px; }
	.header-fix .contact { margin: 10px 0px 0px 200px; } */
	.transp-header .contact { margin: 10px 0px 0px 200px; }	
	
	
	.iner-bnr, .iner-bnr p { text-align: center; min-height: 1px; }
	.paging-list { float: none; margin: 12px 0px 0px 0px; display: inline-block; }
	.paging-list li { float: left; margin: 0px 8px 0px 0px; padding: 0px 0px 0px 0px; }
	.paging-list:after, .paging-list li:after { display: none; }
	.iner-bnr h1 { margin: 20px 0 10px 0px; }
	.iner-bnr p { margin: 0; padding-top: 0px; }
	.portfolio-bnr { margin: 0px; padding: 50px 0px 30px 0px; }
	.portfolio-bnr p { font-size: 18px; padding: 10px 0px; }
	
	.quotation-white { margin: 0px 0px 60px 0px; padding: 20px; }
	.quotation-hd { font-size: 16px; margin: 0px 0px 30px 0px; line-height: 24px; }
	.homeport-hd h3 span { font-size: 35px; }
	.homeport-hd p { margin: 20px 10px 30px 10px; line-height: 29px; }
	.homeport-hd h3 { line-height: 45px; }
	.grey-bg { padding: 10px 0px 0px 0px; }
	.client_block img { width: 100%; }
	.portfolio-white { padding: 1px 8px 8px 0px; }
	.counterhd { font-size: 50px; }
	.counterhd span { font-size: 15px; }

    .div-1, .div-2, .div-3{ display:none}	
	.mailuscont { margin-top: 5px; line-height: 34px; float:none; }
	.banerbot-rht-outer { float:none; width:100%; text-align:center; }
	.bnrbot-cont li { padding: 12px 0px 9px 0px; width:48%; text-align:center; }
    .banerbot-after:after { display:none; }
	.homeabout { padding: 0px 64px;}
	.homeportfolio { width: 100%; margin: 30px auto 0px auto;}
	.tabcircle { font-size: 20px; color: #72980d; text-align: left; border:0; border-radius: 0; background:none; width: auto !important; height: auto !important; box-shadow: -3px -5px 6px rgba(0, 0, 0, 0); margin-bottom:0; display: block; float: left;}	
	.homeportfolio br { display:none; margin-right:10px; }
    .tabcircle i { font-size: 22px; margin-top: -4px; }	
    .aboutblue { padding:40px 0px; }
	.aboutimg, .developimg { margin:0px auto 20px auto; width:30%; text-align:center;  }
	.aboutimg2 { margin-bottom:30px; }
	.servicebox { min-height:30px; }	
	.developmentbnr p { font-size:25px; margin:0px 0px 0px 0px; }
	.developmentbnr p span { font-size:30px; }
	.seo-fetures { margin:0px; }
	.seo-fetures ul li { margin:0px 0px 45px 0px; padding:6px 0px 0px 70px; font-size:19px; }
	.whtseo p { padding: 0px;}
	
	.seobnr { background:#9dd6ea; }	
	.seoimg { display:none; }
	
	.form-row input[type=text] { width:80%; }
	.cont-capchafld input[type=text] { width:40%; }
	.padd-right0 { padding-right:15px; }
	
	.request-box-form { padding:20px 10px;}
    .request-txt { font-size: 14px !important; line-height: 23px !important; padding: 0px 0px 0px 0px !important;}
	.form-row select { width:90%; }
	.plan-hide{ display:block;}
	
	/*------------------------------------*\
	-------- DEMO Code: accordion
	\*------------------------------------*/
	/*----- Accordion -----*/
	.accordion, .accordion * {
		-webkit-box-sizing:border-box; 
		-moz-box-sizing:border-box; 
		box-sizing:border-box;
	}
	
	.accordion {
		overflow:hidden; margin:15px 0px 0px 0px;
	}
	
	/*----- Section Titles -----*/
	.accordion-section-title {
		width:100%;
		padding:10px 15px;
		display:inline-block;
		border-bottom:1px solid #fff;
		background:#0089d9;
		transition:all linear 0.15s;
		/* Type */
		font-size:16px;
		color:#fff;
		position:relative; opacity:0.9;
	}
	.accordion-section-title:after, .accordion-section-title.active:after {
		content: "\f0d7";
		font-family:'FontAwesome';
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
	    /*--adjust as necessary--*/
		font-size: 15px;
		position: absolute;	
		right:12px;
		top:12px;
	}
	.accordion-section-title.active:after {
		content: "\f0d8";
	}
	
	.accordion-section-title.active, .accordion-section-title:hover {
		background:#03577b; opacity:1;
		/* Type */
		text-decoration:none;
	}
	
	.accordion-section:last-child .accordion-section-title {
		border-bottom:none;
	}
	
	/*----- Section Content -----*/
	.accordion-section-content {
		padding:0px 12px 15px 5px;
		display:none;
		height:150px;
		overflow-y:scroll; 
		border-bottom:1px solid #4c4c4c;
		border-left:1px solid #4c4c4c;
		border-right:1px solid #4c4c4c;
		margin-bottom:15px;
	}	
	.plan-outer, .starter-outer, .basic-outer, .intermediate-outer, .advance-outer { width: 48%; margin: 15px 0; }
	.plan-outer ul li, .starter-outer ul li, .basic-outer ul li, .intermediate-outer ul li, .advance-outer ul li {
		border-right: 1px solid #d8d8d8;
	}
	.min-height768 { min-height: 100px; }
	.th, .tble-hd { font-size:14px !important; line-height:normal !important;}
	.footer-bottom { background:#ecf5f7;  }	
	.cllogo-inr { width:28%; }
	.portfolio-content { margin: 40px 0px; }
    .content3-box-right, .content3-box-left { float: none; width: 100%; }
	.androidappimg { margin: -100px 0px 0px 0px; max-width: 100%; }
}

@media (max-width: 680px) {
    .payusouter { padding: 30px 20px !important;    }
    .payusouter iframe { min-height: 280px; }
    .iframeh4 { font-size: 20px; }
     .whtsmake-row { margin: 10px 0px; }
	 .design-cont1 { padding: 20px 0px; }
	 .design-cont2 { padding: 10px 0px 20px 0px; background: url(../images/designing-bnr-bg.jpg) left top -120px no-repeat; }
     .design-cont1 h3, .design-cont4 h4 { font-size: 43px; }
	 .whtsmake-content { width: 76%; }
	 .design-p, .design-p2, .design-cont3 ul li { font-size: 18px; }
     .design-cont1 p { margin: 0px 0px 20px 0px; }
	 .nav-tabs-responsive > li.active { width: 87%; }
     .letswork-outer h4 { font-size: 55px; line-height: normal; }
     .letswork-outer h4 span { font-size: 40px; }
	 .ecom-bnr { padding: 20px 0px 40px 0px; }
	 .ecom-solution2 p { font-size: 20px; line-height: 30px; }
	 .ecom-solution2 p span { font-size: 23px; }
	 
	 
     .profile-section1 a { font-size: 15px; padding: 13px 30px; line-height: normal; }
	 .profile-section1 h2 { font-size: 30px; }
    .firstslide-img { display: none; }
	.devbnr-row i, .devbnr-row i, .devbnr-row i, .devbnr-row i, .secondslide-right:after { display: none !important;	}
	.devbnr-row img { float: right; }
	.devbnr-row2 { margin-right: 0px; }
    .devbnr-row { font-size: 0px; margin: 0px 0px 15px 0px; }
	.secondslide-left { width: 80%; }
	.secondslide-right { width: 20%; }
	.devbnr-row img { float: right; max-width: 60px !important; }
	.devbnr-row .col-sm-11 { padding: 0px !important; }
    .sixthslide-img { margin: 0; width: 35%; }	
	.statics-bg { -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%; }
	.client-raw { margin: 0px 1%; }
	.homecapchafld { width: 49%; }
	/* .header-fix .contact, .transp-header .contact { margin: 10px 0px 0px 120px; }
	.contact { margin: 20px 0px 0px 100px; } */
	.devlop-right, .devlop-left br, .thirdslide img { display: none; }
	.devlop-left, .fifthslide-cont { width: 100%; }
	.thirdslide h2 { font-size: 40px; line-height: normal; }
	.thirdslide h2 span { font-size: 50px; }
	.blog-control.left { left: 3%; }
	.blog-control.right { right: 3% !important; }
	.blogwhite-box>.carousel-indicators { width: 100%; }	
	.promise-cont { width: 45%; }
}

@media (max-width: 580px) {     	
    .partner-logo { margin: 2% 2% 5% 2%; width: 42%; }
    .seobnr-bot h2 { font-size: 46px; }
	.iner-bnr h1 { font-size: 32px; }
	.seo-cont1 h2 { font-size: 40px; line-height: 50px; margin: 0px; }
	.seo-cont1 h2 span { font-size: 22px; line-height: 35px; }
	.seo-cont1 h3 { font-size: 22px; margin: 4px 0px 30px 0px; line-height: 34px; }
	.seo-content h5 { font-size: 20px; }
	.seo-cont2 h3, .seo-cont3 h4 { font-size: 35px; line-height: 38px; margin: 20px 0px 0px 0px; }
	.seobnr-right-hd { font-size: 18px; }
	.seobnr-bot h2 span { font-size: 30px; }
	
	
	.seobnr-left { padding: 20px 0px 0px 0px !important; }
	.seo-bnr p { margin: 20px 0px !important; }
    .design-icon { margin: 0px 20px 20px 0px; width: 32%; }
    .portfolio-content h5 { font-size: 20px; }
	.nav-tabs-responsive > li { border: 0 none !important; }
	.nav-tabs-responsive > li.active { width: 85%; }
	.portfolio-tab>li>a>span.text { font-size: 28px; }
	.letswork-outer h4 { font-size: 45px;}
	.letswork-outer h4 span { font-size: 30px; margin:0px; }
	
	
	.banner .greybtns { width: 75%; }
	.banner .greybtns2 li { min-height: 2px; }
	.banner .carousel-indicators .active { padding-bottom: 10px; }
	.banner .carousel-indicators li span { display: none !important; }
	/* .banner .carousel-indicators li i { width: 100%; } */
	.secondslide h1, .secondslide h2 { font-size: 31px; line-height:50px; margin: 6px 0px 15px 0px; }
    .banner .secondslide p { font-size: 16px; line-height: 28px; color: #dcdcdc; text-align: left; }		
	.secondslide h1 span { font-size: 53px; }	
	
	.video-outer { display:none !important; }	
	.mob-slider-img { display:block; width:100%; }
	.fourthslide-img { display: none; }
	.fourthslide-cont { width: 100%; }
	.fourthslide .carousel-caption { padding-top: 0; }
	.fourthslide h2 { font-size: 30px; }
	.banner .thirdslide p { font-size: 23px; }
	.sixthslide-img { display: none; }
	.fifthslide p { width: 100%; }	
	.home-serv .pull-right { margin-left: 100px; }
	.homeport-hd h3 span { font-size: 32px; }
	.homeport-hd p { margin: 0px 0px 20px 0px; }
	.client-logo { width: 50%; height: 120px; border-bottom: 1px solid #e5e5e5; }
	.client-logo img { max-width: 70%; }
	.client-logo:nth-child(2n) { border-right: 0 none !important; }
	.client-logo:nth-child(3n) { border-right: 1px solid #e5e5e5; }
	.client-logo:nth-child(5n) { border-right: 1px solid #e5e5e5; }
	.client-logo:nth-child(13n), .client-logo:nth-child(14n) { border-bottom: 1px solid #e5e5e5; }
	.success-left h4 { font-size: 50px; }
	.homecapchafld { width: 100%; }
	.enquirybtn { margin: 0px 2px 0px 0px; width: 36%; }
	.homecapcha { width: 55%; }
	.enquirybtn { margin: 0px 2px 0px 0px; width: 39%;}
	/* .contact, .transp-header .contact { margin: 20px 0px 0px 70px; }
	.header-fix .contact, .header-fix.transp-header .contact { margin: 10px 0px 0px 120px; } */
	.contact { margin: 10px 0px 0px 0px; }
	.header-fix .contact { margin: 2px 0px 0px 0px !important; }
	.contact span { margin: 0px 0px 4px 9px; display: block; float: none; }
	.header-fix .contact span { margin: 2px !important; display: block !important; float: none !important; }
	
	.counterhd { font-size: 35px; }
	.client-hd { font-size: 32px; margin: 50px 0px 20px 0px; }
	.homequery-outer h5 { font-size: 30px; }
	.homequery-outer h6 { margin: 10px 28px 10px 29px; line-height: 26px; }
	
	.blog-control.left { left: 55px !important; }
	.blog-control.right { left: 98px !important; right:auto !important }
	.blog-outer>.container-fluid>.carousel>.carousel-control { padding: 0px 10px 5px 10px; top:auto !important; }
	.blog-outer { padding-bottom: 55px; }
	.blogwhite-box { width: 95%; }
	.portfolio-bnr p { font-size: 15px; line-height: normal; }
	.portfolio-bnr p br { display: none; }
	.ecomdev3-box-left, .ecomdev3-box-right { width: 100%; float: none; }
	.ecomdev3-box-right { padding: 30px; }
	.ecomdev3-box-right h6 { font-size: 27px; margin: 5px 0px 0px 0px; }
	.ecomdev3-box-right ul li { margin: 20px 0px 0px 0px; }
	.moretraffic { font-size: 18px; width: 100px; height: 100px; padding: 20px 0px 0px 0px; margin: 30px 5px 10px 5px; }
	.moretraffic.big { margin: 15px 5px 10px 5px; }
	.moretraffic span { font-size: 20px; }
}

@media (max-width: 480px) { 
     .cont-greybox p.phone a, .watsapp a { display: block; }
     .header-fix>.container-fluid>.menuouter>.mean-container>.mean-bar { padding: 8px 0px 0px 0px; }
     .leadtxt2 { font-size: 30px; line-height: 36px; margin:0; }
	 .leadtxt3 { font-size: 25px; margin: 15px 0px 30px 0px; }
     .adresslist li span.thirdno { margin-left: 0px; }
     .footphn a { display:block; font-size: 16px; font-weight: 600; }
     .footphn a em { display: inline-block; width: 38px; height:20px; }
	 
     #whatsapp { top: 70px;	z-index: 1000000000; }
     .design-cont1 h3, .design-cont4 h4 { font-size: 34px; line-height: normal; }
     .mobileapp-hd { font-size: 32px; margin: 10px 0px 0px 0px; }
	 .mobapp1 { padding: 30px 0px; }
	 .mobapp2 h3 { font-size: 28px; margin: 0px 0px 20px 0px; }
	 .mobapp2-cont { padding: 0px 30px; }
	 .mobapp2-cont2 { padding: 10px; }
	 .mobapp3-inr { margin: 0px 20px; }
	 .ready-cont a { padding: 7px 30px; }
	 .ready-cont h5 { margin: 0px 0px 20px 0px; }
	 .paging-list li a { font-size: 12px; padding: 5px 9px; }
    .portfolio-grey h4 { font-size: 25px; }
	.portfolio-grey p { font-size: 18px; }
	.portfolio-box { padding: 15px; }
	.portfolio-control { width: 20px !important; height: 50px !important; }
	.nav-tabs-responsive > li.active { width: 82%; }
	.portfolio-tab>li>a>span.text { font-size: 23px; }
	.nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next { padding: 5px 0px !important; }

	.iner-bnr h1 { font-size: 34px; }
	.client-body p { font-size: 16px; line-height: 25px; margin: 0px 0px 25px 0px; }
	.client-logo-inr { width: 100%; height: 120px; }
	.client-logo-inr img { max-width: 80%; }
	.applynow-outer p { font-size: 18px; line-height: 30px; }
	
	.profile-section2 p { font-size: 15px; line-height: 28px; text-align: justify; }
	.letswork-outer { padding: 50px 0px 30px 0px; }
	.letswork-outer h4 { font-size: 40px; margin: 0px; }
	.letswork-outer h4 span { font-size: 25px; }
	.profile-section4-box { margin-bottom: 30px; }
	.experience-cont sup { font-size: 70px; }
	.experience-cont h3 {
    font-size: 110px;
    padding: 0px 0px 15px 0px;
    line-height: 97px;
    margin-bottom: 10px;
}
	.experience-cont h3 span { font-size: 34px; }
	.profile-section4 { padding: 30px 0px 0px 0px; }
	
	
	.gettouch-link-left { margin: 5px 10px 0px 0px; width: 65px; }
	.gettouch-link-left img { max-width: 100%; }
	.gettouch-link { font-size: 20px; line-height: 36px; margin: 0px; }
	.gettouch-link em { font-size: 30px; border-bottom: 2px solid #2eafe6; }
	.wefocus-outer h3 { font-size: 40px; padding: 30px 0px 25px 0px; text-align: left; margin: 25px 0px 15px 0px; }
	
	
	.profile-section1 h2 { font-size: 25px; line-height: normal; }
	.getstart-raw { width: 96%;}
	.getstart-outer { padding-right: 10px !important; padding-left: 10px !important; }
	.firstslide h2 { font-size: 30px; line-height: 39px; margin: 80px 0px 10px 0px; }
	.banner .carousel-caption p.firstslide-hd2 { font-size: 20px; }
	.carousel-caption { padding-top: 0px !important;  }
	.banner .carousel-indicators li { padding: 10px !important; }
	.secondslide-left, .secondslide-right { width: 100%; }
	.devbnr-row { margin: 0px 4px 15px 0px; display: inline-block; }
	.secondslide h2 { margin: 10px 0px 20px 0px; }
	.secondslide h2 br { display: none; }	
	.secondslide h2 span { font-size: 44px; margin-left: 0; line-height: 30px; }
	.thirdslide h2 span { font-size: 35px; }
	.home-serv { padding: 115px 0px 26px 5px; }
	.serviceicon { width: 95px; height: 90px; left: 0px; right:0px; top: 15px; bottom: auto;  margin:auto; }
	.home-serv h4 { text-align: center; }
	.home-serv .pull-right { margin-left: 0px; }
	.homeport-hd p { margin: 6px 0px 20px 0px; text-align: justify; }
	.homeport-hd h3 { line-height: 50px; }	
	.num-counter { text-align: center; width: 100% !important; padding: 25px 15px 15px 25px; border-right:0 none; }
	.num-counter:nth-child(5n) { border-bottom: 1px solid #686f77; }
	.counter-icon { float: none; margin: 0px auto 8px auto; left: 0; right: 0; display: inline-block; }
	.counter-detail { float: none; line-height: 30px; margin: 6px 0px 0px 20px; display: inline-block; }
	.counterhd { font-size: 40px; }	
	.success-left h4 { font-size: 40px; }
	.homecapcha { width: 100%; }
	.enquirybtn { margin: 10px 0px 0px 0px; width: 50%; }
	.homefld, .homefld2 { padding: 4px; }
	.homefld input[type=text], .homefld textarea, .homecapchafld input[type=text] { font-size: 14px; }
	.homecapchafld { padding: 4px; }
	.enquirybtn { padding: 8px 0px; font-size: 14px; }
	.homecapcha input[type=button].captcha-value { padding: 0px; }
	.homecapcha input[type=button].refreshbnt { padding: 11px; }
	.homequery-outer h5 { font-size: 30px; }
	.homequery-outer h6 { margin: 10px 0px 0px 0px; }
	.rankingimg { width: 100%; margin: 10px 0px }
	.bestinmarket { width: 100%; }
	.copyright { padding: 27px; }
	.footinr-left div { width: 100% }
	.getupdate input[type=text] { width: 71%; }
	.foot-socialouter { width: 100%; }
	.foot-social { margin: 5px 0px 15px 0px; }
	.getupdate { margin: 5px 0px 0px 0px; padding: 0px 35px 10px 25px !important; }
	.foot-left { padding: 0px 10px 0px 22px; }
	footer h6 { font-size: 20px; margin: 15px 0px 10px 0px; }
	.footinr-left { padding: 0px; }
	.contact { font-size: 15px; }
 	/* .contact, .transp-header .contact { margin: 20px 0px 0px 20px; }
	.header-fix .contact, .header-fix.transp-header .contact { margin: 10px 0px 0px 45px; } */
	.header-fix #logo-wrapper { width: auto; float: left; }
	.header-fix>.container-fluid>.menuouter { top:0; }
	
	
	.getstart-iner { padding: 0px 15px 20px 15px; }
	.getstart-hd { font-size: 28px; margin: 0px 0px 15px 0px; }
	.getstart-hd span { font-size: 32px;}
	.capchafld { width: 82%; margin: 0px 8px 11px 0px;}
	.home-enquirybtn-raw input[type=submit] { float:none; width: 100%; padding: 10px 16px; }
	.bnrbot-cont { border:0; }
	.bnrbot-cont li { padding: 12px 0px 9px 0px; width: 100%; border-right:none; border-top: 1px solid #80d1f0; }	
	.homeabout { padding: 0px; font-size:15px; line-height:normal; background-image:none; }	
	.block-header .title h2 { font-size: 29px; }		
		
	
	
    .list-demo li {width: 100%;}
	.homeservice-box ul { padding: 0px 0px 0px 20px; }
	.co2 { width:100%; float:left; margin:20px 0px;}
    .time { width:100%; float:left;  }
	.portfoliohd { font-size: 40px; }
	.bluehd { font-size: 22px; }
	.developmentbnr { padding:15px 0px; }
	.feature-smal {margin: 20px 0px 20px 0px;}
	.develop-blue-box { background-color: rgba(0, 0, 0, 0.070); padding: 0px 13px 15px 13px; min-height:1px; }
	.develop-blue-box-inr h3 { font-size: 15px; margin-top:12px; }
	.develop-blue-box-inr p { font-size: 13px; line-height:normal; }
	.develop-process-blue { padding: 30px 0px; }
	.seo-fetures ul li { margin:0px 0px 20px 0px; padding:6px 0px 0px 40px; font-size:15px; }
	.seo-fetures ul li img { width:30px; }	 
	.seohd { font-size: 25px;  }
	.form-row select { width:86%; }
	.min-height480 { min-height: 100px; }
	.blog-outer h5 { font-size: 26px; margin: 40px 0px 20px 0px;}
	.homeblog-content h5 { font-size: 19px; line-height: 40px; font-weight: 400; margin: 0 !important; }
	.homeblog-content h5 span { font-size: 25px; }
	.partners-outer h2 span { line-height: 23px !important; margin-top: 10px; }
	.ready-cont h5 { font-size: 27px;}
    .develop-cont1-p { position: relative; top:auto; }
	.develop-cont2 h3 { font-size: 35px; }	
	.develop-cont2-inr p { font-size: 18px; line-height: 27px; margin: 0px; }
	.develop-cont2-inr .overlay { padding: 0px; }
	.devlop-process { margin: 20px -15px 20px -15px; }
	.devlop-process-outer { margin: 0; }
	.develop-cont3 h4 { font-size: 35px; }
	.develop-cont3-p { margin: 0px 0px 50px 0px; }
	.develop-cont3-points { margin: 30px 0px; }
	.promise-cont { width: 100%; }
	.payusouter h3 { font-size: 28px; margin: 0px 0px 0px 0px; padding: 0px; }
	.payusouter ul li span { display: inline-block; margin: 0px 0px 0px 100px; }
	.moretraffic { font-size: 16px; width: 90px; height: 90px; }
	.ecomdev1 h3 { font-size: 34px; }
	.banr-white { padding: 30px 20px; width: 100%; }
	.banr-white h3 { font-size: 35px; margin-bottom: 10px; }
	.content1-overlay h5 { font-size: 30px; }
	.content3-box-left { padding: 20px 15px 0px 15px; }
	.content3-box1, .content3-box2 { width: 100%; }
	.iphoneapp3 h6, .androidapp3 h6, .woocom2 h4, .opencart2 h4, .woocom3 h6, .woocom1 h5, .woocom1 h5 span { font-size: 30px; }
	.woocom1 h5 { line-height: normal; }
	.woocom2 h4 { margin: 25px 0px; }
	.woocom-box { float: none; margin-left: 0px; width: 100%; }
	.woocom-box h5 { text-align: center; }
	.androidapp-bnr img, .opencart1 img { max-width: 100%; }
	.androidapp2 h3 { line-height: 37px; }
	.megento1-white { padding: 30px 15px; width: 100%; }
	.opencart-bnr { background-size: cover; }
	.opencart-bnr img { max-width: 100%; }
	.process-phases ul { padding: 0; }
	.process-phases ul li { width: 100%; }
	.transp-header .contact { margin: 10px 0px 0px 0px; }
	.form-row textarea { height: 100px; }
}
/* 480 end */
@media (max-width: 380px) {
	.nav-tabs-responsive > li.active { width: 80%; }
	.portfolio-tab>li>a>span.text { font-size: 20px; }
	
	.profile-section1 { padding: 40px 0px; }
	.profile-section1 h2 { font-size: 22px; }
	.profile-section1 p { margin: 5px 0px 15px 0px; }
	.profile-section1 a { font-size: 16px; padding: 8px 23px; line-height: 18px; }
	.position-outer>.panel-outer>.panel-heading h4 a { font-size: 15px; padding: 10px 8px; }
	.position-outer>.panel-outer>.panel-heading h4 a span { font-size: 13px; }
/* 	.contact, .transp-header .contact { margin: 20px 0px 0px 0px; }
	.header-fix .contact, .header-fix.transp-header .contact { margin: 10px 0px 0px 0px; } */
}


@media (max-width: 340px) {	
    .letswork-outer h4 { font-size: 35px;}
	.letswork-outer h4 span { font-size: 22px; }	
	.profile-section1 h2 { font-size: 25px; line-height: normal; }
	.fourthslide h2 { font-size: 23px; line-height: 28px; }
	.fourthslide h2 i { font-size: 20px; }
	.num-counter { padding: 25px 15px 15px 10px; }
	.header-fix #logo-wrapper { max-width: 64px; margin-top: 10px !important; }
    .header-fix>.container-fluid>.menuouter>.mean-container>.mean-bar>a.meanmenu-reveal { padding:5px 5px 4px; }
	
 	
	.secondslide h2 { font-size: 28px; }
	.secondslide h2 span { font-size: 40px; }
	.block-header .title h1 { font-size: 40px; }
	.banerbot-cont:after { background-color: #00a3e0; }
	.discuss-btn a { padding:10px; width:95%; font-size:16px; }
	 h2 { margin: 0px 0px 0px 0px;}
     .form-row select { width:84%; }
	 .plan-outer ul li, .starter-outer ul li, .basic-outer ul li, .intermediate-outer ul li, .advance-outer ul li {
    font-size: 11px; padding: 6px 4px;}	
	.cllogo-inr { width:90%; }
	.getstart-hd span { font-size: 24px;}
	
}