@font-face {
	font-family: open_sansregular;
	src: url(../font/open-sans/kit/opensans.eot);
	src: url(../font/open-sans/kit/opensans.eot?#iefix) format('embedded-opentype'), url(../font/open-sans/kit/opensans.woff2) format('woff2'), url(../font/open-sans/kit/opensans.woff) format('woff'), url(../font/open-sans/kit/opensans.ttf) format('truetype'), url(../font/open-sans/kit/opensans.svg#open_sansregular) format('svg');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: ramblaregular;
	src: url(../font/Rambla-Regular/kit/rambla-regular.eot);
	src: url(../font/Rambla-Regular/kit/rambla-regular.eot?#iefix) format('embedded-opentype'), url(../font/Rambla-Regular/kit/rambla-regular.woff) format('woff'), url(../font/Rambla-Regular/kit/rambla-regular.ttf) format('truetype'), url(../font/Rambla-Regular/kit/rambla-regular.svg#ramblaregular) format('svg');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: Calibri-Light;
	src: url(../font/calibrii/kit/Calibri-Light.eot?) format('eot'), url(../font/calibrii/kit/Calibri-Light.woff) format('woff'), url(../font/calibrii/kit/Calibri-Light.ttf) format('truetype'), url(../font/calibrii/kit/Calibri-Light.svg#Calibri-Light) format('svg')
}
@font-face {
	font-family: avantgarde_bk_btbook;
	src: url(../font/Avgardn/kit/avgardn-webfont.eot);
	src: url(../font/Avgardn/kit/avgardn-webfont.eot?#iefix) format('embedded-opentype'), url(../font/Avgardn/kit/avgardn-webfont.woff) format('woff'), url(../font/Avgardn/kit/avgardn-webfont.ttf) format('truetype'), url(../font/Avgardn/kit/avgardn-webfont.svg#avantgarde_bk_btbook) format('svg');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: impactregular;
	src: url(../font/impact/kit/impact_1.eot);
	src: url(../font/impact/kit/impact_1.eot?#iefix) format('embedded-opentype'), url(../font/impact/kit/impact_1.woff2) format('woff2'), url(../font/impact/kit/impact_1.woff) format('woff'), url(../font/impact/kit/impact_1.ttf) format('truetype'), url(../font/impact/kit/impact_1.svg#impactregular) format('svg');
	font-weight: 400;
	font-style: normal
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, canvas, caption, center, cite, code, command, datalist, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, source, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var, video {
	background: 0 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
table, table td {
	padding: 0;
	border: none;
	border-collapse: collapse
}
embed, img {
	vertical-align: top
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display: block
}
mark, rp, rt, ruby, summary, time {
	display: inline
}
input, textarea {
	border: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0
}
iframe {
	border: 0;
	margin: 0;
	padding: 0
}
input, select, textarea {
	margin: 0;
	padding: 0
}
* {
	text-rendering: optimizeLegibility!important;
	-webkit-font-smoothing: antialiased!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box
}
::-moz-selection {
background-color:#E06C00;
color:#fff
}
::-webkit-selection {
background-color:#E06C00;
color:#fff
}
::-ms-selection {
background-color:#E06C00;
color:#fff
}
::-o-selection {
background-color:#E06C00;
color:#fff
}
::selection {
	background-color: #E06C00;
	color: #fff
}
.left {
	float: left
}
.right {
	float: right
}
.float {
	float: left;
	width: 100%
}
.auto {
	margin: 0 auto;
	width: 1200px
}
a {
	text-decoration: none;
	display: block
}
.clr {
	clear: both
}
body {
	margin: 0 auto;
	width: 100%;
	font-family: Calibri-Light;
	font-size: 14px;
	text-align: center;
	line-height: 23px
}
.ie7 body, .ie7 img, .ie8 body, .ie8 img {
	border: 0
}
.ie7 .orange-btn, .ie8 .orange-btn {
	background: url(../images/btn-bg.png) top left no-repeat;
	width: 204px;
	height: 37px;
	padding: 15px 0 0;
	border: 0;
	text-align: center
}
.ie7 .orange-btn:hover, .ie8 .orange-btn:hover {
	background: url(../images/btn-bg-hover.png) top left no-repeat
}
.ie7 ul.menu li {
	float: left
}
.ie7 ul.sociallinks li {
	float: left;
	margin-left: 5px
}
.ie7 ul.experience li {
	float: left
}
.ie7 ul.experience li p {
	padding: 20px 10px 50px
}
.ie7 ul.sociallinks li a, .ie8 ul.sociallinks li a {
	background: url(../images/ie-social-bg.png) top left no-repeat;
	width: 34px;
	height: 29px;
	padding: 5px 0 0 1px
}
.ie7 ul.sociallinks li a:hover, .ie8 ul.sociallinks li a:hover {
	background: url(../images/ie-social-bg-hover.png) top left no-repeat
}
.ie7 ul.portfolio li {
	float: left
}
.ie7 ul.portfolio li a {
	padding: 10px 20px
}
.callback-my {
	position: fixed;
	top: -6px;
	left: 0;
	outline: 0;
	z-index: 9999
}
#prelaoder {
	position: fixed;
	min-height: 100%;
	min-width: 100%;
	background: #000;
	z-index: 99999999999999999
}
#prelaoder .prelaoder-inner h6 {
	font-size: 20px;
	line-height: 20px
}
.spinner {
	margin: 300px auto 0;
	width: 70px;
	text-align: center
}
.spinner>div {
	width: 18px;
	height: 18px;
	background-color: #339fdd;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.spinner .bounce1 {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}
.spinner .bounce2 {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}
@-webkit-keyframes bouncedelay {
0%, 100%, 80% {
-webkit-transform:scale(0)
}
40% {
-webkit-transform:scale(1)
}
}
@keyframes bouncedelay {
0%, 100%, 80% {
transform:scale(0);
-webkit-transform:scale(0)
}
40% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
#gallery a {
	display: inline-block;
	text-decoration: none
}
.preloader {
	background: url(../images/i/89.gif) center center no-repeat
}
.header {
	float: left;
	width: 100%;
	position: fixed;
	z-index: 999;
}
.top-btn {
	float: right;
	width: 187px;
	height: 106px;
	background: url(../images/top-btn.png) top left no-repeat;
	margin: -82px -74px 0 0;
	display: none
}
.h2 {
	font-size: 21px;
	margin: 10px auto;
	color: #333;
	font-weight: 400
}
#back-top {
	position: fixed;
	bottom: 78px;
	right: 0
}
#back-top a {
	display: block;
	text-align: center;
	font: 14px/100%;
	text-transform: uppercase;
	text-decoration: none;
	color: #1fa2f4;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s
}
#back-top span {
	width: 38px;
	height: 71px;
	display: block;
	background: url(../images/top-main-plain-btn.png) center center no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	margin: 0 0 10px 11px
}

.fa-search-plus, .fa{ color:#000; background:#fff; padding:12px; font-size:22px; border:solid 1px #075CE5;}
.fa-external-link{ color:#000; background:#fff; padding:12px; font-size:22px;  border:solid 1px #075CE5;}
.top-header-bg {
	background: #008BCE;
	padding: 0
}
.info {
	float: right;
	margin: 2px 20px
}
.info img {
	float: left;
	margin: 5px
}
.info h6 {
	float: left;
	margin: 5px;
	font-weight: 400;
	font-size: 14px;
	color: #fff
}
.info a {
	color: #FFF
}
.info a:hover {
	color: #003
}
.socail {
	float: right;
	width: 220px
}
.socail h6 {
	float: left;
	margin: 8px 5px;
	font-weight: 400;
	font-size: 14px;
	color: #fff
}
.socail a {
	float: left;
	display: block;
	margin-right: 5px
}
.main-box {
	float: right;
	margin: 4px 0
}
.main-box a {
	margin: 0 3px 0 0
}
.box-icon-1 {
	float: left;
	width: 30px;
	height: 30px;
	background: url(../images/socail-icon.png) no-repeat;
	-webkit-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-ms-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s;
	border-radius: 50%
}
.box-icon-1:hover {
	float: left;
	width: 30px;
	height: 30px;
	background: url(../images/socail-icon.png) 0 -32px no-repeat;
	cursor: pointer;
	border-radius: 50%
}
.box-icon-2 {
	float: left;
	width: 30px;
	height: 30px;
	background: url(../images/socail-icon.png) -32px 0 no-repeat;
	-webkit-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-ms-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s;
	border-radius: 50%
}
.box-icon-2:hover {
	float: left;
	width: 30px;
	height: 30px;
	background: url(../images/socail-icon.png) -32px -32px no-repeat;
	border-radius: 50%
}
.box-icon-3 {
	float: left;
	width: 30px;
	height: 30px;
	background: url(../images/socail-icon.png) -63px 0 no-repeat;
	-webkit-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-ms-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s;
	border-radius: 50%
}
.box-icon-3:hover {
	float: left;
	width: 30px;
	height: 30px;
	background: url(../images/socail-icon.png) -63px -32px no-repeat;
	border-radius: 50%
}
.menubg {
	background: #f9f9f9;
	box-shadow: 0 1px 5px #A6A6A6;
	-moz-box-shadow: 0 1px 5px #A6A6A6;
	-webkit-box-shadow: 0 1px 5px #A6A6A6;
	-o-box-shadow: 0 1px 5px #A6A6A6
}
.logo {
	float: left;
	position: absolute;
	margin: -16px 0 0;
	z-index: 9999;
	background: url(../images/logo.png) no-repeat;
	width: 249px;
	height: 118px
}
.i-pad-menu, .ipad-menu-new {
	display: none
}
nav {
	float: right;
	margin: 0
}
nav ul li {
	list-style-type: none;
	display: inline-block;
	float: left
}
nav ul li span {
	float: left;
	width: 100%;
	margin-top: 5px
}
nav ul li a {
	display: block;
	padding: 15px 0 38px;
	border-bottom: solid 5px #f9f9f9;
	font-size: 15px;
	color: #339fdd
}
nav ul li a:hover {
	display: block;
	padding: 15px 0 38px;
	background: #008BCE;
	border-bottom: solid 5px #0560aa;
	font-size: 15px;
	color: #fff
}
.active a:visited, nav .active a:link {
	background: #008BCE;
	border-bottom: solid 5px #0560aa;
	font-size: 15px;
	color: #fff
}
.slider-my {
	width: 100%;
	border-bottom: solid 11px #19376b;
	box-shadow: 0 5px 5px #CCC;
	margin-top: 7.8%
}
.slider-my img {
	width: 100%
}
.welcome-div {
	margin: 15px 0
}
.line {
	float: left;
	width: 280px;
	height: 1px;
	background: #b2c7d1;
	margin: 25px 71px
}
.welcome-div img {
	float: left
}
.welcome-div h1 {
	font-size: 50px;
	font-family: impactregular;
	float: left;
	margin: 10px 20px 30px;
	color: #339fdd
}
.welcome-div p {
	font-family: Calibri-Light;
	font-size: 22px;
	color: #24323a;
	line-height: 34px
}
.divider-dotted {
	margin: -13px 105px;
	float: left
}
.services-bg {
	background: url(../images/services-bg.png);
	float: left;
	padding: 15px 0
}
.services h2 {
	font-size: 44px;
	color: #fff;
	font-weight: bolder
}
.services-tagline {
	font-family: avantgarde_bk_btbook;
	font-size: 24px;
	color: #fff;
	line-height: 60px
}
.services-list-left {
	margin: 10px 0;
	float: left
}
.services-list-left ul {
	margin: 0;
	float: left
}
.services-list-left li {
	width: 320px;
	margin: 16px 0;
	border: 5px solid #fff;
	padding: 0;
	background: #e3e3e3
}
.services-list-left li a {
	color: #000
}
.services-list-left li a:hover {
	background: #339FDD;
	cursor: pointer;
	color: #fff
}
.services-list-left h3 {
	text-align: right;
	float: right;
	width: 100%;
	margin: 3px 0;
	font-size: 16px
}
.list-holder {
	width: 220px;
	float: left;
	margin: 4px 0
}
.services-list-left img {
	margin: 5px 0
}
.services-list-left p {
	float: right;
	text-align: right
}
.services-list-left li span {
	position: absolute;
	margin: 24px 0 0 11px
}
.muscuts {
	float: left;
	margin: 41px 80px;
	width: 390px;
	height: 387px;
	background: url(../images/muscut.png) no-repeat
}
h1.red {
	font-family: cinzelregular;
	font-size: 30px;
	color: #c00505;
	font-weight: 400
}
.slider-cover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9
}
ul.slider-container {
	margin: 0 auto;
	width: 100%
}
ul.slider-container li {
	list-style: none;
	display: inline-block
}
ul.slider-container li.leftside {
	width: 250px;
	margin-right: 20px
}
ul.slider-container li.middle {
	width: 569px;
	position: relative;
	background: #e3e3ed
}
ul.slider-container li.rightside {
	width: 250px;
	margin-left: 20px
}
ul.slider-container li h1 {
	font-weight: 400;
	font-family: clicker_scriptregular;
	font-size: 45px;
	color: #f86e6e;
	padding: 20px 0
}
ul.slider-container li.leftside p, ul.slider-container li.rightside p {
	font-family: droid_sansregular;
	font-size: 16px;
	color: #5b5b5b;
	padding-bottom: 30px;
	text-align: left
}
ul.slider-container li p span {
	color: red
}
.fblike {
	margin: 0 auto;
	width: 120px!important;
	text-align: left
}
h1.compliment {
	color: #df1919;
	font-family: clicker_scriptregular;
	font-size: 44px;
	font-weight: 400
}
.services-list-right {
	margin: 10px 0;
	float: left
}
.services-list-right ul {
	margin: 0;
	float: left
}
.services-list-right li {
	width: 320px;
	margin: 16px 0;
	border: 5px solid #fff;
	padding: 0;
	background: #e3e3e3
}
.services-list-right li a {
	color: #000
}
.services-list-right li a:hover {
	background: #339FDD;
	cursor: pointer;
	color: #fff
}
.services-list-right h3 {
	text-align: left;
	float: right;
	width: 100%;
	margin: 3px 0;
	font-size: 14px
}
.list-holder-2 {
	width: 220px;
	float: right;
	margin: 4px 0
}
.services-list-right img {
	margin: 5px 0
}
.services-list-right p {
	float: right;
	text-align: left
}
.services-list-right li span {
	position: absolute;
	margin: 24px 0 0 -111px
}
.uj-icon-set {
	position: relative;
	text-align: left!important;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	-ms-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
	cursor: pointer
}
.uj-icon-set:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg)
}
.services-strip-bg {
	background: url(../images/services-contact-bg-strip.png) no-repeat;
	height: 98px;
	margin: 0 115px;
	padding: 30px 0
}
.services-strip-bg h4 {
	float: left;
	font-family: Calibri-Light;
	font-weight: 700;
	font-style: italic;
	color: #fff;
	font-size: 27px;
	padding: 7px 20px
}
.get-free-quote-btn {
	float: right;
	background: #001c33;
	margin: 1px 56px;
	padding: 11px 9px;
	font-family: Calibri-Light;
	font-weight: 700;
	font-size: 22px;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-bottom: solid 3px #005faf;
	text-align: left
}
.get-free-quote-btn:hover {
	float: right;
	background: #339fdd;
	margin: 1px 56px;
	padding: 11px 9px;
	font-family: Calibri-Light;
	font-weight: 700;
	font-size: 22px;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-bottom: solid 3px #005faf;
	text-align: left
}
.work-testmonial {
	padding: 10px 0
}
.slider {
	float: left;
	margin: 0 73px
}
.our-latest-work {
	width: 680px;
	float: left
}
.our-latest-work h3 {
	font-size: 25px
}
.bottom-border {
	float: left;
	width: 209px;
	background: #09F;
	height: 3px;
	margin: 5px 35%
}
.bottom-border-2 {
	float: left;
	width: 323px;
	background: #09F;
	height: 3px;
	margin: 5px 15%
}
.work-slider {
	margin: 0 0 0 44px
}
.work-slider li {
	list-style-type: none;
	display: inline-block;
	margin-right: 20px;
	margin-top: 10px;
	float: left
}
.testmonial-box {
	float: right;
	width: 455px
}
.testmonial-box p {
	background: #eee;
	padding: 5px;
	font-family: avantgarde_bk_btbook;
	float: left;
	text-align: left;
	text-align: justify;
	font-size: 14px;
	border: 3px solid #c4bfbf;
	alignment-adjust: 30px;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	sbox-shadow: 0 0 5px #ccc
}
.testmonial-box h3 {
	font-size: 25px
}
.testmonial-box span {
	float: left
}
.tech-bg {
	background: #F2F2F2
}
.tech-bg h4 {
	font-size: 28px;
	color: #24323a;
	padding: 20px 0
}
.clients-list {
	margin: 10px auto;
	width: 100%
}
.clients-list li {
	display: inline-block;
	padding: 20px 0;
	margin-right: 28px
}
.footerbg {
	background: url(../images/dotmap.png) bottom center no-repeat #000
}
.footer-link {
	float: left;
	width: 200px;
	margin-right: 10px
}
.footer-link li:first-child {
	font-family: Calibri-Light;
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	text-align: left;
	padding: 10px 0
}
.footer-link li a {
	display: block;
	text-align: left;
	font-family: Calibri-Light;
	font-size: 13px;
	color: #fff;
	background: url(../images/footer-list-img.png) 0 8px no-repeat;
	padding: 5px 22px
}
.address {
	float: right;
	width: 300px
}
.address li:first-child {
	font-family: Calibri-Light;
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	text-align: left;
	padding: 10px 0
}
.address li img {
	float: left;
	margin: 5px 10px
}
.address li {
	text-align: left;
	font-size: 14px;
	color: #fff;
	padding: 0
}
.address li span {
	font-family: Calibri-Light;
	float: left;
	margin: 7px 0
}
.address li a {
	color: #fff
}
.footerbg p {
	font-size: 14px;
	color: #fff
}
.container:hover .image {
	-webkit-transform: rotateY(180deg);
	-webkit-transform-style: preserve-3d;
	transform: rotateY(180deg);
	transform-style: preserve-3d
}
.container .image, .container:hover .image {
	-webkit-transition: all .7s ease;
	transition: all .7s ease
}
.read-more {
	float: right;
	margin: -20px 0 0;
	color: #000;
	font-weight: 700
}
.read-more:hover {
	float: right;
	margin: -20px 0 0;
	color: #09F;
	font-weight: 700
}
#slideshow {
	margin: 0 auto;
	position: relative;
	width: 448px;
	padding: 10px;
	float: left
}
#slideshow>div {
	position: absolute;
	top: 0;
	left: 10px;
	right: 10px;
	bottom: 10px
}
.services-ipad-list {
	display: none
}
.aboutus-banner img {
	width: 100%
}
.goyal-story {
	float: left;
	width: 50%
}
.aboutus h1 {
	padding: 20px 0;
	font-size: 30px;
	text-align: left
}
.goyal-story p {
	text-align: left;
	text-align: justify;
	font-size: 16px;
	line-height: 28px
}
.aword-list {
	margin: 0 auto
}
.aword-list li {
	display: inline-block;
	margin: 18px 10px 0
}
.inner-page-banner-container {
	float: left;
	margin-top: 126px;
	border-bottom: solid 11px #19376b;
	box-shadow: 0 5px 5px #CCC
}
.inner-page-banner-container img {
	width: 100%
}
.inner-container {
	float: left
}
.inner-container h1 {
	font-size: 31px;
	font-family: open_sansregular;
	color: #19376b;
	text-align: center;
	padding: 20px 0
}
.services-inner-list {
	margin: 0;
	width: 100%
}
.services-inner-list li {
	width: 285px;
	list-style-type: none;
	display: inline-block;
	padding: 5px
}
.services-inner-list li a {
	display: block;
	margin: 5px;
	border: 5px solid #e2e2e2;
	font-family: Calibri-Light;
	font-size: 16px;
	color: #545454;
	font-weight: 400
}
.services-inner-list li a:hover {
	display: block;
	margin: 5px;
	border: 5px solid #1DA7E4;
	font-family: Calibri-Light;
	font-size: 16px;
	font-weight: 400;
	background: #DFF6FF;
	color: #666
}
.services-inner-list li h1 {
	font-size: 17px;
	font-family: open_sansregular;
	text-align: center;
	color: #339fdd;
	font-weight: 400;
	padding: 0
}
.services-inner-list li img {
	margin: 5px 0
}
.services-inner-list li p {
	padding-bottom: 10px
}
.right-icon {
	position: absolute;
	top: 140%;
	left: 0
}
.left-icon {
	position: absolute;
	right: 0;
	top: 140%
}
.button {
	cursor: pointer;
	text-decoration: none;
	color: #666;
	-webkit-tap-highlight-color: transparent
}
@keyframes hover {
50% {
-webkit-transform:translateY(-3px);
-ms-transform:translateY(-3px);
transform:translateY(-3px)
}
100% {
-webkit-transform:translateY(-6px);
-ms-transform:translateY(-6px);
transform:translateY(-6px)
}
}
@-webkit-keyframes hover-shadow {
0% {
-webkit-transform:translateY(6px);
transform:translateY(6px);
opacity:.4
}
50% {
-webkit-transform:translateY(3px);
transform:translateY(3px);
opacity:1
}
100% {
-webkit-transform:translateY(6px);
transform:translateY(6px);
opacity:.4
}
}
@keyframes hover-shadow {
0% {
-webkit-transform:translateY(6px);
-ms-transform:translateY(6px);
transform:translateY(6px);
opacity:.4
}
50% {
-webkit-transform:translateY(3px);
-ms-transform:translateY(3px);
transform:translateY(3px);
opacity:1
}
100% {
-webkit-transform:translateY(6px);
-ms-transform:translateY(6px);
transform:translateY(6px);
opacity:.4
}
}
.hover-shadow {
	display: inline-block;
	position: relative;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent
}
.hover-shadow:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0,0,0,.35) 0, rgba(0,0,0,0) 80%);
	background: radial-gradient(ellipse at center, rgba(0,0,0,.35) 0, rgba(0,0,0,0) 80%);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity
}
.hover-shadow:hover {
	-webkit-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	transform: translateY(-6px);
	-webkit-animation-name: hover;
	animation-name: hover;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate
}
.hover-shadow:hover:before {
	opacity: .4;
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	transform: translateY(6px);
	-webkit-animation-name: hover-shadow;
	animation-name: hover-shadow;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate
}
.inner-container h2 {
	font-family: open_sansregular;
	font-size: 26px;
	color: #19376b;
	text-align: left;
	padding: 20px 0
}
.content-inner {
	text-align: left;
	text-align: justify;
	font-family: Calibri-Light;
	font-size: 16px;
	color: #535353;
	font-weight: 400;
	line-height: 25px
}
.vector {
	float: left;
	margin-right: 10px;
	width: 350px;
	margin-top: 11px
}
.aboutuslist {
	float: right;
	width: 835px;
	margin: 10px 0
}
.aboutuslist li {
	list-style-type: none;
	display: block;
	font-family: Calibri-Light;
	font-size: 16px;
	text-align: justify;
	color: #535353;
	margin: 10px 0;
	line-height: 27px;
	background: url(../images/list-inner-page-img.png) 5px 6px no-repeat;
	padding: 0 0 0 29px
}
.location-vector {
	float: left
}
.address-2 {
	float: left;
	width: 400px;
	margin: 25px 3px
}
.address-2 li:first-child {
	font-family: open_sansregular;
	font-size: 25px;
	color: #3e3e3e;
	font-weight: 700;
	text-align: left;
	padding: 10px
}
.address-2 li img {
	float: left;
	margin: 10px
}
.address-2 li {
	text-align: left;
	font-size: 14px;
	color: #3e3e3e;
	padding: 0;
	line-height: 27px;
	display: block
}
.address-2 li span {
	font-family: Calibri-Light;
	float: left;
	margin: 5px 0;
	font-size: 18px;
	line-height: 30px;
    font-weight: normal;
}
.address-2 li a {
	color: #3e3e3e
}
.address-2 li h2 {
	padding: 0;
	font-family: Calibri-Light;
	font-size: 20px;
	color: #339fdd
}
.form-box {
	float: right;
	width: 450px;
	margin: 10px 0 0
}
.form-box h2 {
	color: #339fdd;
	font-size: 24px;
	font-family: open_sansregular;
	font-weight: 400;
	padding: 0
}
.form-box span {
	font-size: 7px;
	padding: 10px 0 0;
	color: silver
}
.form-box input, .form-box select {
	float: left;
	width: 100%;
	padding: 12px 10px;
	border: 1px solid #ddd;
	margin-top: 12px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px
}
.form-box textarea {
	float: left;
	width: 100%;
	padding: 12px 10px;
	border: 1px solid #ddd;
	margin-top: 12px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	height: 80px
}
.submit-btn-contact {
	float: left;
	padding: 8px 12px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	background: #339fdd;
	font-family: open_sansregular;
	font-size: 19px;
	color: #FFF;
	margin: 10px 0 0;
	border-bottom: solid 3px #003
}
.submit-btn-contact:hover {
	float: left;
	padding: 8px 12px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	background: #09F;
	font-family: open_sansregular;
	font-size: 19px;
	color: #FFF;
	margin: 10px 0 0;
	border-bottom: solid 3px #003
}
.location-divider {
	float: left;
	margin: 10px 0
}
.map {
	float: left;
	border: 5px solid #ddd;
	margin: 10PX 0;
	width: 100%
}
.list-content-holder {
	float: left;
	width: 100%
}
.list-holder-services-inner {
	float: left;
	width: 272px;
	border: 1px solid #e5e5e5;
	margin: 23px 20px 10px 0
}
.list-holder-services-inner img {
	float: left;
	margin: 12px 6px
}
.list-holder-services-inner h2 {
	background: #e5e5e5;
	text-align: left;
	padding: 14px;
	font-family: open_sansregular;
	font-size: 19px;
	color: #5a5a5a
}
.list-holder-services-inner h2:hover {
	background: #000;
	text-align: left;
	padding: 14px;
	font-family: open_sansregular;
	font-size: 19px;
	color: #fff
}
.services-inner-list-2 {
	background: #f5f5f5
}
.services-inner-list-2 li {
	display: block;
	list-style-type: none
}
.services-inner-list-2 li a {
	display: block;
	padding: 12px 35px;
	text-align: left;
	font-family: Calibri-Light;
	font-size: 15px;
	color: #5a5a5a;
	border-bottom: dashed 1px #333;
	background: url(../images/list-inner-page-img.png) 10px 17px no-repeat
}
.services-inner-list-2 li a:hover {
	display: block;
	padding: 12px 35px;
	text-align: left;
	font-family: Calibri-Light;
	font-size: 15px;
	color: #fff;
	border-bottom: dashed 1px #333;
	background: url(../images/list-inner-page-img-hover.png) 10px 17px no-repeat #008BCE
}
.active a:visited, .services-inner-list-2 .active a:link {
	background: url(../images/list-inner-page-img-hover.png) 10px 17px no-repeat #008BCE;
	color: #fff
}
.service-content {
	float: left;
	width: 900px;
	margin-bottom: 15px
}
.service-content h3 {
	font-family: Calibri-Light;
	font-size: 26px;
	color: #19376b;
	text-align: left;
	padding: 21px 0 7px
}
.service-content p {
	font-family: Calibri-Light;
	font-size: 16px;
	color: #313131;
	text-align: left;
	text-align: justify;
	line-height: 27px
}
.service-content h4 {
	font-family: open_sansregular;
	font-size: 22px;
	color: #29a5da;
	text-align: left;
	font-weight: 700;
	padding: 10px 0
}
.domain-feature-list {
	float: left
}
.domain-feature-list li {
	display: block;
	list-style: none;
	text-align: left;
	font-family: Calibri-Light;
	font-size: 16px;
	color: #313131;
	padding: 5px 25px;
	background: url(../images/list-inner-page-img.png) 0 10px no-repeat
}
.services-contaner {
	float: left;
	width: 100%
}
.services-contaner h3 {
	font-family: open_sansregular;
	font-size: 22px;
	color: #29a5da;
	text-align: left;
	font-weight: 700;
	padding-top: 20px
}
.services-contaner {
	font-family: Calibri-Light;
	font-size: 16px;
	color: #313131;
	text-align: left;
	text-align: justify;
	line-height: 27px
}
.inner-sub-img {
	float: right
}
.clients-content {
	padding: 0;
	font-family: open_sansregular;
	font-size: 20px;
	color: #00B2FF;
	text-align: center;
	font-style: italic;
	font-weight: 700
}
.client-list {
	margin: 15px auto
}
.client-list li {
	list-style-type: none;
	display: inline-block
}
.client-list li a {
	display: block;
	margin: 10px;
	box-shadow: 0 0 3px #ccc
}
.client-list li img {
	width: 210px
}
.webdesign-list {
	margin: 0 auto;
	width: 100%
}
.webdesign-list li {
	list-style-type: none;
	display: inline-block;
	width: 290px;
	background: #f4f4f4;
	border: 5px solid #ececec;
	margin: 0 3px;
	padding: 0
}
.webdesign-list li a {
	background: 0 0;
	width: 100%;
	margin: 0;
	color: #000
}
.webdesign-list li h1 {
	text-align: center;
	font-size: 27px;
	font-weight: 700
}
.webdesign-list li img {
	margin: 5px 0
}
.webdesign-list li p {
	text-align: center;
	font-size: 14px
}
.web-design-vector img {
	width: 465px;
	float: left
}
.project-link {
	float: left;
	width: 100%;
	margin: 10px 0
}
.line-2 {
	width: 372px;
	height: 2px;
	background: #19376b;
	margin: 12px 5px;
	float: left
}
.e-line-2 {
	width: 262px;
	height: 2px;
	background: #19376b;
	margin: 12px 5px;
	float: left
}
.e-line-3 {
	width: 303px;
	height: 2px;
	background: #19376b;
	margin: 12px 5px;
	float: left
}
.line-responsive {
	width: 289px;
	height: 2px;
	background: #19376b;
	margin: 12px 5px;
	float: left
}
.line-responsive-2 {
	width: 350px;
	height: 2px;
	background: #19376b;
	margin: 12px 5px;
	float: left
}
.project-link h1 {
	font-size: 32px;
	color: #19376b;
	text-align: center;
	font-family: open_sansregular
}
.related-project-list {
	margin: 0 auto;
	width: 100%
}
.related-project-list li {
	display: inline-block;
	list-style-type: none;
	width: 250px
}
.related-project-list li img {
	width: 100%
}
.related-project-list li a {
	display: block;
	margin: 12px 10px;
	border: 7px solid #e5e5e5
}
.related-project-list li a:hover {
	display: block;
	margin: 12px 10px;
	border: 7px solid #3ABCFF
}
.related-project-list2 {
	margin: 0 auto;
	width: 100%
}
.related-project-list2 li {
	display: inline-block;
	list-style-type: none;
	width: 250px;
	margin: 12px 10px;
	border: 7px solid #e5e5e5
}
.related-project-list2 li img {
	width: 100%
}
.view-more-btn {
	float: left;
	background: #19376b;
	padding: 7px 15px;
	color: #fff;
	font-size: 19px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	margin: 0 44%
}
.view-more-btn:hover {
	float: left;
	background: #09F;
	padding: 7px 15px;
	color: #fff;
	font-size: 19px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	margin: 0 44%
}
.have-project-strip {
	background: #339fdd;
	float: left;
	padding: 13px 0
}
.have-project-strip h1 {
	float: left;
	font-size: 53px;
	color: #fff;
	margin: 20px 0 0 165px
}
.web-a {
	float: left;
	background: #00324f;
	padding: 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	font-size: 21px;
	color: #fff;
	margin: 0 28%;
	border: 2px solid #9ECEEA
}
.web-a:hover {
	float: left;
	background: #09F;
	padding: 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	font-size: 21px;
	color: #fff;
	margin: 0 28%;
	border: 2px solid #fff
}
.p-width {
	float: left;
	width: 762px
}
.write-us-btn {
	float: left;
	background: #00324f;
	padding: 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	font-size: 21px;
	color: #fff;
	margin: 0 2%;
	border: 2px solid #9ECEEA
}
.write-us-btn:hover {
	float: left;
	background: #09F;
	padding: 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	font-size: 21px;
	color: #fff;
	margin: 0 2%;
	border: 2px solid #9ECEEA
}
.mobile-app-list {
	margin: 0 auto;
	width: 100%
}
.mobile-app-list li {
	display: inline-block;
	width: 584px;
	margin-bottom: 20px
}
.mobile-app-list li h1 {
	font-size: 20px
}
.mobile-app-list li img {
	float: left;
	margin-right: 10px
}
.mobile-app-list li p {
	float: left;
	width: 431px;
	margin: 5px 0;
	font-size: 16px
}
.mobile-app-list li:last-child {
	margin: 0 0 0 26px
}
.margin {
	margin: -20% 0 0
}
.clients-tagline {
	font-size: 24px;
	color: #666;
	font-weight: 700;
	font-family: Calibri-Light
}
.testmonial {
	float: left;
	width: 65%;
	margin: 5px 0
}
.testmonial-holder {
	float: left;
	width: 100%;
	padding: 10px;
	margin: 5px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px
}
.divider-dotted-2 {
	width: 100%;
	float: left;
	border: 1px dashed #ddd;
	margin: 10px 0
}
.testmonial-holder span {
	margin: 0 auto;
	background: #339FDD;
	padding: 10px 20px;
	font-size: 20px;
	color: #fff
}
.testmonial-holder p {
	font-family: Calibri-Light;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
	text-align: center
}
.test-form {
	float: right;
	width: 400px;
	margin: 20px 0;
	border: 1px solid #ddd;
	padding-bottom: 5px
}
.test-form h2 {
	padding: 13px 5px;
	background: #D8D8D8;
	font-size: 20px;
	color: #000
}
.test-form img {
	float: left;
	margin: 13px 6px
}
.test-form form {
	padding: 5px
}
.test-form input {
	float: left;
	width: 100%;
	padding: 12px 10px;
	border: 1px solid #ddd;
	margin-top: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px
}
.test-form textarea {
	float: left;
	width: 100%;
	padding: 12px 10px;
	border: 1px solid #ddd;
	margin-top: 12px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	height: 80px
}
.portfolio-holder {
	float: left;
	width: 100%;
	margin-bottom: 10px
}
.plan-holder {
	margin: 0 150px;
	float: left
}
.services-box_con {
	width: 233px;
	margin-top: 20px;
	float: left;
	height:317px;
	margin-left: 20px;
	margin-right: 20px
}
.services-box {
	position: absolute;
	width: 256px;
	height: 271px
}
.services-box-heading {
	color: #FFF;
	font-size: 24px;
	font-weight: 400;
	font-family: open_sansregular;
	padding-top: 33px;
	text-align: center;
	line-height: 29px
}
.ser_black {
	color: #000;
	font-size: 15px;
	text-align: center
}
.float-shadow {
	display: inline-block;
	position: relative;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent
}
.float-shadow:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0,0,0,.35) 0, rgba(0,0,0,0) 80%);
	background: radial-gradient(ellipse at center, rgba(0,0,0,.35) 0, rgba(0,0,0,0) 80%);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity
}
.float-shadow:hover {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px)
}
.float-shadow:hover:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	-ms-transform: translateY(5px);
	transform: translateY(5px)
}
.button-seo {
	cursor: pointer;
	text-decoration: none;
	color: #666;
	-webkit-tap-highlight-color: transparent
}
.ser_price {
	background: url(../images/rupees.png) left center no-repeat;
	color: #FFF;
	font-family: CaviarDreams-webfont, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 30px;
	margin-left: 78px;
	padding-left: 0;
	margin-right: 51px
}
.services-red {
	background: url(../images/services-red.png) top center no-repeat
}
.services-pay-par-click {
	background: url(../images/services-blue.png) top center no-repeat
}
.smo {
	background: url(../images/services-yellow.png) top center no-repeat
}
.priject-disc-holder {
	float: left;
	width: 800px;
	border: 1px dashed #09F
}
.content-project {
	float: left;
	width: 100%
}
.content-project h1 {
	text-align: left;
	font-size: 20px;
	font-family: open_sansregular;
	padding: 10px
}
.content-project p {
	float: left;
	font-size: 13px;
	text-align: left;
	text-align: justify;
	font-weight: 400;
	padding: 10px;
	font-family: open_sansregular
}
.content-project h2 {
	font-size: 14px;
	text-align: left;
	float: left;
	margin: 0 10px;
	font-family: open_sansregular
}
.list {
	float: left;
	width: 250px
}
.list li {
	float: left;
	width: 100%
}
.list img {
	float: left;
	margin: 5px 10px
}
.list span {
	float: left;
	margin: 6px 0;
	font-family: open_sansregular
}
.packages-container {
	float: left;
	width: 100%;
	margin-top: 167px
}
.pricing-tabel {
	float: left;
	width: 100%
}
.td {
	padding: 8px;
	border: 1px solid #ddd;
	font-family: open_sansregular;
	font-size: 15px
}
.bg {
	background: #00B2FF;
	color: #fff;
	padding: 8px;
	font-family: open_sansregular;
	font-size: 18px;
	border: 1px dashed #003
}
.pricing-tabel a {
	background: #09F;
	padding: 10px;
	font-size: 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	color: #fff;
	border-bottom: solid 3px #06F
}
.pricing-tabel a:hover {
	background: #01173c;
	padding: 10px;
	font-size: 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	color: #fff;
	border-bottom: solid 3px #06F
}
.title-main {
	width: 100%;
	background: #003969;
	font-size: 22px;
	color: #fff;
	padding: 8px;
	font-family: open_sansregular
}
.content-inner-2 {
	padding: 10px 0;
	font-family: open_sansregular;
	text-align: left;
	font-size: 13px;
	color: #848484
}
.wrapper-demo {
	display: none
}
.form-packages-box {
	float: left;
	width: 320px
}
.form-packages-box input, .form-packages-box select, .form-packages-box textarea {
	float: left;
	width: 100%;
	padding: 12px 10px;
	border: 1px solid #CACACA;
	margin-top: 12px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px
}
.form-packages-box H1 {
	font-size: 20PX
}
.facbook-comment-box {
	float: left;
	margin-top: 15px;
	height: 290px;
	padding: 0
}

.project-detail-holder{ float:left; width:100%; margin-top:12%; margin-bottom:10px;}
.project-slider{ float:left; width:800px; border:solid 2px #ddd; margin-bottom:10px; margin-right:10px;}
.ser_black a{ background:#0CF; padding:10px;}
.seo-plan{ float:left;}
.plan-btn{ background:#008BCE; float:left; padding:8px 15px; font-weight:bold; border-radius:5px; color:#fff; font-size:16px; margin:116% 0 0 70px;}
.plan-btn:hover{ background:#000; float:left; padding:8px 15px; font-weight:bold; border-radius:5px; color:#fff; font-size:16px; margin:116% 0 0 70px;}

@media only screen and (max-width:1200px) {
body {
	margin: 0 auto;
	width: 100%;
	font-family: Calibri-Light;
	font-size: 14px;
	text-align: center;
	line-height: 23px;
	overflow-x: hidden
}
.auto {
	margin: 0 auto;
	width: 940px
}
.logo {
	float: left;
	position: absolute;
	margin: -16px 0 0;
	z-index: 9999;
	background: url(../images/logo-2.png) no-repeat;
	width: 217px;
	height: 105px
}
nav ul li a {
	display: block;
	padding: 5px 0 38px;
	border-bottom: solid 5px #f9f9f9;
	font-size: 15px;
	color: #339fdd
}
nav ul li a:hover {
	display: block;
	padding: 5px 0 38px;
	background: #008BCE;
	border-bottom: solid 5px #0560aa;
	font-size: 15px;
	color: #fff
}
.line {
	margin: 25px 5px;
	width: 274px
}
.divider-dotted img {
	width: 100%
}
.muscuts {
	float: left;
	margin: 129px 46px;
	width: 203px;
	height: 203px;
	background: url(../images/muscut-2.png) no-repeat
}
.services-strip-bg {
	width: 100%;
	margin: 0;
	float: left
}
.get-free-quote-btn {
	margin: 1px 31px
}
.services-strip-bg h4 {
	font-size: 24px
}
.get-free-quote-btn:hover {
	margin: 1px 31px
}
.slider {
	margin: 0
}
.our-latest-work {
	width: 546px;
	float: left
}
.bottom-border {
	margin: 5px 31%
}
.testmonial-box {
	width: 370px
}
#slideshow {
	width: 384px
}
#back-top {
	position: fixed;
	bottom: 78px;
	margin-left: 989px
}
.inner-page-banner-container {
	float: left;
	margin-top: 117px;
	border-bottom: solid 11px #19376b;
	box-shadow: 0 5px 5px #CCC
}
.aboutuslist {
	float: right;
	width: 569px
}
.address-2 {
	float: right;
	width: 400px;
	margin: 25px 3px
}
.form-box {
	float: right;
	width: 100%;
	margin: 10px 0 0
}
.form-box select {
	float: left;
	width: 100%;
	padding: 5px;
	border: 1px solid #ddd
}
.location-divider img {
	float: left;
	width: 100%
}
.map {
	float: left;
	border: 5px solid #ddd;
	margin: 10PX 0;
	width: 100%
}
.left-icon, .right-icon {
	display: none
}
.work-process img {
	width: 100%
}
.service-content {
	float: left;
	width: 635px
}
.inner-sub-img, .wrapper-demo {
	display: none
}
.related-project-list li {
	display: inline-block;
	list-style-type: none;
	width: 200px
}
.view-more-btn, .view-more-btn:hover {
	margin: 0 43%
}
.img {
	width: 100%
}
.mobile-app-list {
	margin: 0 auto;
	width: 100%
}
.mobile-app-list li {
	display: inline-block;
	width: 450px;
	margin-bottom: 20px;
	border: 1px dashed #06F;
	padding: 5px
}
.mobile-app-list li h1 {
	font-size: 20px;
	text-align: center
}
.mobile-app-list li img {
	float: left;
	margin: 0 159px
}
.mobile-app-list li p {
	float: left;
	width: 100%;
	margin: 5px 0;
	text-align: center
}
.mobile-app-list li:last-child {
	margin: 0;
	float: right
}
.holder-plan-list-mg img {
	width: 100%
}
.plan-holder {
	margin: 0 36px;
	float: left
}
.facbook-comment-box {
	width: 207px;
	height: 285px
}
.slider-my {
	margin-top: 10.8%
}
}

@media only screen and (max-width:979px) {
body {
	margin: 0 auto;
	width: 100%;
	font-family: Calibri-Light;
	font-size: 14px;
	text-align: center;
	line-height: 23px;
	overflow-x: hidden
}
.auto {
	margin: 0 auto;
	width: 728px
}
.muscuts, .services-list-left, .services-list-right {
	display: none
}
.slider-my {
	width: 100%;
	border-bottom: solid 11px #19376b;
	box-shadow: 0 5px 5px #CCC;
	margin-top: 13.8%
}
.services-ipad-list {
	margin: 0 auto;
	width: 100%;
	display: block
}
.services-ipad-list li {
	display: inline-block;
	list-style-type: none;
	width: 237px
}
.services-ipad-list li a {
	display: inline-block;
	list-style-type: none;
	width: 220px;
	color: #000;
	background: #e3e3e3;
	border: 4px solid #fff;
	margin: 30px 12px;
	padding: 5px;
	position: relative;
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px
}
.services-ipad-list li a:hover {
	display: inline-block;
	list-style-type: none;
	width: 220px;
	color: #fff;
	background: #339fdd;
	border: 4px solid #fff;
	margin: 30px 12px;
	padding: 5px;
	position: relative;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px
}
.services-ipad-list li h3 {
	font-size: 15px;
	padding-top: 25px
}
.services-ipad-list li img {
	position: absolute;
	top: -46px;
	left: 69px
}
.services-strip-bg {
	display: none
}
.tech-bg img {
	width: 100%
}
.logo {
	display: none
}
.line {
	width: 170px
}
.our-latest-work {
	width: 100%;
	float: left
}
.slider {
	margin: 0 86px
}
.bottom-border {
	margin: 5px 36%
}
.work-testmonial {
	padding: 10px 0;
	height: 506px
}
#slideshow {
	width: 100%
}
.testmonial-box {
	float: left;
	width: 100%;
	margin: 13px 0 0
}
.testmonial-box p {
	border: none;
	text-align: center;
	line-height: 32px;
	box-shadow: none
}
.testmonial-box span {
	float: left;
	width: 100%
}
.read-more, .read-more:hover {
	float: none
}
.bottom-border-2 {
	margin: 5px 27%
}
.tech-bg {
	background: #E5E5E5
}
.footer-link {
	margin-right: 162px
}
.i-pad-menu {
	display: block
}
.ipad-menu-new {
	float: left;
	width: 100%;
	background: #FFF;
	display: block
}
.logo-ipad {
	float: left
}
nav {
	display: none
}
.welcome-div p {
	font-family: Calibri-Light;
	font-size: 20px;
	text-align: justify
}
.js #menu {
	display: none
}
.js .slicknav_menu {
	display: block
}
.menubg {
	float: left;
	background: #f9f9f9;
	width: 100%
}
.i-pad-menu ul {
	float: right;
	background: #CCC
}
.i-pad-menu ul li {
	display: block;
	list-style: none
}
.i-pad-menu li img {
	display: block;
	padding: 10px;
	float: left
}
.aboutuslist {
	float: right;
	width: 100%
}
.vector {
	display: block;
	width: 100%
}
.inner-page-banner-container {
	float: left;
	border-bottom: solid 11px #19376b;
	box-shadow: 0 5px 5px #CCC
}
.address-2 {
	float: right;
	width: 390px;
	margin: 25px 3px
}
.address-2 li span {
	font-family: open_sansregular;
	float: left;
	margin: 5px 0;
	font-size: 15px;
	line-height: 30px
}
.list-holder-services-inner {
	float: left;
	width: 100%;
	border: 1px solid #e5e5e5;
	margin: 20px 10px 10px 0
}
.services-inner-list-2 li {
	display: inline-block;
	list-style-type: none
}
.services-inner-list-2 li a {
	display: block;
	padding: 12px 10px;
	text-align: left;
	font-family: open_sansregular;
	font-size: 13px;
	color: #5a5a5a;
	border-bottom: dashed 1px #333;
	background: 0 0
}
.services-inner-list-2 li a:hover {
	display: block;
	padding: 12px 10px;
	text-align: left;
	font-family: open_sansregular;
	font-size: 13px;
	color: #fff;
	border-bottom: dashed 1px #333;
	background: #339fdd
}
.service-content {
	float: left;
	width: 100%
}
.have-project-strip h1 {
	float: left;
	font-family: Calibri-Light;
	font-size: 53px;
	color: #fff;
	margin: 20px 0 0
}
.webdesign-list li {
	list-style-type: none;
	display: inline-block;
	width: 290px;
	background: #f4f4f4;
	border: 5px solid #ececec;
	margin: 4px 3px;
	padding: 0
}
.web-design-vector img {
	width: 45%;
	margin: 36px 0
}
.inner-sub-img {
	float: left
}
.inner-sub-img img {
	width: 100%;
	float: left
}
.my-drop-list-class {
	float: right;
	width: 300px
}
.list-holder-services-inner {
	display: none
}
.wrapper-demo {
	display: block
}
.services-contaner p {
	font-size: 13px
}
.domain-feature-list, .img {
	width: 100%
}
.related-project-list li {
	display: inline-block;
	list-style-type: none;
	width: 160px
}
.view-more-btn, .view-more-btn:hover {
	margin: 0 41%
}
.mobile-app-list {
	margin: 0 auto;
	width: 100%
}
.mobile-app-list li {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border: 1px dashed #06F;
	padding: 5px
}
.mobile-app-list li h1 {
	font-size: 20px;
	text-align: center
}
.mobile-app-list li img {
	float: left;
	margin: 0 293px
}
.mobile-app-list li p {
	float: left;
	width: 100%;
	margin: 5px 0;
	text-align: center
}
.mobile-app-list li:last-child {
	margin: 0;
	float: right
}
.plan-holder {
	margin: 0;
	float: left
}
.services-box_con {
	margin: 0
}
.facbook-comment-box {
	width: 400px;
	clear: both;
	float: left
}
.address {
	display: block;
	float: left;
	margin-left: 10px
}
.img-responsive {
	width: 100%
}

.project-slider{ float:left; width:100%; border:solid 2px #ddd; margin-bottom:10px; margin-right:10px;}

}

@media only screen and (max-width:767px) {
body {
width:100%;
overflow-x:hidden
}
.auto {
width:440px;
padding:0 20px
}
.info {
display:none
}
.line {
width:38px
}
.slider-my {
width:100%;
border-bottom:solid 11px #19376b;
box-shadow:0 5px 5px #CCC;
margin-top:16.8%
}
.welcome-div h1 {
font-size:38px
}
.welcome-div p {
text-align:justify;
text-align:center
}
.services-tagline {
line-height:28px;
padding:20px 0
}
.services h2 {
padding:10px 0
}
.slider {
margin:0
}
.bottom-border {
margin:5px 24%
}
.bottom-border-2 {
margin:5px 9%
}
.work-testmonial {
padding:10px 0;
height:539px
}
.footer-link {
display:block
}
.footerbg p {
padding:30px 0
}
.have-project-strip h1 {
float:left;
font-family:Calibri-Light;
font-size:23px;
color:#fff;
width:100%;
text-align:center;
margin:0 0 10px
}
.have-project-strip a {
float:left;
background:#00324f;
padding:10px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
font-size:21px;
color:#fff;
margin:0 132px;
border:2px solid #9ECEEA
}
.have-project-strip a:hover {
float:left;
background:#339fdd;
padding:10px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
font-size:21px;
color:#fff;
margin:0;
border:2px solid #9ECEEA
}
.service-content h3 {
font-size:19px
}
.domain-feature-list li {
font-size:13px
}
.view-more-btn, .view-more-btn:hover {
margin:0 34%
}
.project-link h1 {
font-size:28px
}
.mobile-app-list {
margin:0 auto;
width:100%
}
.mobile-app-list li {
display:inline-block;
width:100%;
margin-bottom:20px;
border:1px dashed #06F;
padding:5px
}
.mobile-app-list li h1 {
font-size:20px;
text-align:center
}
.mobile-app-list li img {
float:left;
margin:0 128px
}
.mobile-app-list li p {
float:left;
width:100%;
margin:5px 0;
text-align:center
}
.mobile-app-list li:last-child {
margin:0 0 10px;
float:right
}
.service-content p {
font-size:13px
}
.address {
width:299px
}
.testmonial-holder span {
margin:0 auto;
background:#339FDD;
padding:10px 20px;
font-size:15px;
color:#fff
}
.write-us-btn {
margin:0;
float:left
}

.project-detail-holder {
float: left;
width: 100%;
margin-top:27%;
margin-bottom: 10px;
}

}
@media only screen and (max-width:479px) {
body {
	width: 100%;
	overflow-x: hidden
}
.auto {
	width: 280px;
	padding: 0 20px
}
.line, .welcome-div img {
	display: none
}
.welcome-div h1 {
	text-align: center;
	float: left;
	width: 100%;
	margin: 10px 0
}
.services h2 {
	font-size: 25px;
	padding: 0
}
.services-tagline {
	font-size: 15px
}
.bottom-border {
	margin: 9px 6%
}
.bottom-border-2 {
	width: 239px;
	margin: 5px 0
}
.work-testmonial {
	height: 733px
}
.slicknav_menu {
	display: none;
	float: right;
	position: absolute;
	z-index: 9999999;
	top: 12%;
	right: 0
}
.footer-link {
	display: block;
	width: 100%;
	margin: 0
}
.facbook-comment-box {
	width: 100%
}
.slider-my {
	width: 100%;
	border-bottom: solid 11px #19376b;
	box-shadow: 0 5px 5px #CCC;
	margin-top:56.8%;
}
.logo-ipad {
	float: none
}
.wrapper-demo {
	margin: 0 20px;
	font-weight: 400;
	float: none
}
.services-inner-list li {
	width: 100%;
	list-style-type: none;
	display: inline-block;
	padding: 5px
}
.inner-page-banner-container {
	float: left;
	margin-top: 176px;
	border-bottom: solid 11px #19376b;
	box-shadow: 0 5px 5px #CCC
}
.have-project-strip a {
	float: left;
	background: #00324f;
	padding: 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	font-size: 21px;
	color: #fff;
	margin: 0;
	border: 2px solid #9ECEEA
}
.have-project-strip a:hover {
	float: left;
	background: #339fdd;
	padding: 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	font-size: 21px;
	color: #fff;
	margin: 0;
	border: 2px solid #9ECEEA
}
.service-content h3 {
	font-size: 19px
}
.domain-feature-list li, .service-content p {
	font-size: 13px
}
.wrapper-dropdown-5 .dropdown li a {
	font-size: 14px
}
.view-more-btn, .view-more-btn:hover {
	margin: 0 24%
}
.project-link h1 {
	font-size: 15px
}
.mobile-app-list li img {
	float: left;
	margin: 0 48px
}
.address, .wrapper-dropdown-5 {
	width: 100%
}
.related-project-list2 li {
	width: 100%;
	margin: 10PX 0
}
.testmonial-holder p {
	text-align: justify
}

.callback-my { 
position: fixed;
position:absolute;
top: -6px;
left: 0;
float:left;
outline: 0;
z-index: 99999999999999999;}

.callback-my img{ width:46px; float:left;}

}

@media only screen and (max-width :320px) {
body {
	width: 100%;
	overflow-x: hidden
}
.auto {
	width: 100%;
	padding: 0 20px
}
}