#content { overflow : hidden; }
button.p {position: absolute;left: 70px;right: auto; bottom: 120px;}
button.n {position: absolute; right: 70px;left: auto;bottom: 120px;}
.w { margin: 0 auto; width: 1300px; }
.sidr { display:none; }
div.gallery .single .controls button, div.hero .controls button, div.tabs .controls button { background: url(../images/slider-arrows.png) no-repeat 0 0; width: 27px; height: 27px; font-size: 0; display: inline-block; opacity: 0.7; z-index:992; border: 0; border-radius: 0; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg);}
div.gallery .single .controls button:hover, div.hero .controls button:hover, div.tabs .controls button:hover{ opacity: 1; }
div.hero .controls button.n { background-position: 100% 0; margin-left: 5px; }
div.gallery .thumbs .controls button { background : transparent; text-transform : uppercase; border : none; padding : 0.5em 0; cursor : pointer; -webkit-appearance : none; }
div.hero { color : white; height:100vh; width: 100vw; clear : both; position : relative; }
div.hero .slides { height : 100%; width: 100%; position : relative; overflow : hidden; }
div.hero .slides ul { list-style : none; height : 100%; width : 99999999px; margin : 0; padding : 0; position : absolute; }
div.hero .slides ul li { text-align : center; height : 100vh; float : left; position:relative; z-index: 2; overflow: hidden;}
div.hero .slides .venue { bottom:0%; margin:0 auto; position:fixed; z-index:200; -webkit-transform-origin : center 800px; -moz-transform-origin : center 800px; -ms-transform-origin : center 800px; transform-origin : center 800px; -webkit-transition : -webkit-transform 0.7s ease-in-out; -moz-transition : -moz-transform 0.7s ease-in-out; -ms-transition : -ms-transform 0.7s ease-in-out; transition : transform 0.7s ease-in-out; text-align:center; width:100%; }
div.hero .slides .venue img{  width:100%; margin:0 auto; text-align: center;  top:0; left:0}
div.hero .slides .next .venue { -webkit-transform : rotate(180deg); -moz-transform : rotate(180deg); -ms-transform : rotate(180deg); transform : rotate(180deg); }
div.hero .slides .prev .venue { -webkit-transform : rotate(-180deg); -moz-transform : rotate(-180deg); -ms-transform : rotate(-180deg); transform : rotate(-180deg); }
div.hero .slides .venue-application-development { bottom:0%; margin:0 auto; position:fixed; z-index:200; -webkit-transform-origin : bottom 100%; -moz-transform-origin : bottom 100%; -ms-transform-origin : bottom 100%; transform-origin : bottom 100%; -webkit-transition : -webkit-transform 0.7s ease-in-out; -moz-transition : -moz-transform 0.7s ease-in-out; -ms-transition : -ms-transform 0.7s ease-in-out; transition : transform 0.7s ease-in-out; text-align:center; width:100%; }
div.hero .slides .venue-application-development img{  width:100%; margin:0 auto; text-align: center;  top:0; left:0}
div.hero .slides .next .venue-application-development { -webkit-transform : rotate(180deg); -moz-transform : rotate(180deg); -ms-transform : rotate(180deg); transform : rotate(180deg); }
div.hero .slides .prev .venue-application-development { -webkit-transform : rotate(-180deg); -moz-transform : rotate(-180deg); -ms-transform : rotate(-180deg); transform : rotate(-180deg); }
div.hero .slides .venue-website-design { bottom:0%; margin:0 auto; position:fixed; z-index:200; -webkit-transform-origin : center 800px; -moz-transform-origin : center 800px; -ms-transform-origin : center 800px; transform-origin : center 800px; -webkit-transition : -webkit-transform 0.7s ease-in-out; -moz-transition : -moz-transform 0.7s ease-in-out; -ms-transition : -ms-transform 0.7s ease-in-out; transition : transform 0.7s ease-in-out; text-align:center; width:100%; -webkit-transform : rotate(180deg); -moz-transform : rotate(180deg); -ms-transform : rotate(180deg); transform : rotate(180deg);}
div.hero .slides .venue-website-design img{  width:100%; margin:0 auto; text-align: center;  top:0; left:0}
div.hero .slides .next .venue-website-design { -webkit-transform : rotate(180deg); -moz-transform : rotate(180deg); -ms-transform : rotate(180deg); transform : rotate(180deg); }
div.hero .slides .current .venue-website-design { -webkit-transform : rotate(0deg); -moz-transform : rotate(0deg); -ms-transform : rotate(0deg); transform : rotate(0deg); }
div.hero .slides .venue-search-engine-marketing { bottom:0%; margin:0 auto; position:fixed; z-index:200; -webkit-transform-origin : center 800px; -moz-transform-origin : center 800px; -ms-transform-origin : center 800px; transform-origin : center 800px; -webkit-transition : -webkit-transform 0.7s ease-in-out; -moz-transition : -moz-transform 0.7s ease-in-out; -ms-transition : -ms-transform 0.7s ease-in-out; transition : transform 0.7s ease-in-out; text-align:center; width:100%; }
div.hero .slides .venue-search-engine-marketing img{  width:100%; margin:0 auto; text-align: center;  top:0; left:0}
div.hero .slides .next .venue-search-engine-marketing { -webkit-transform : rotate(180deg); -moz-transform : rotate(180deg); -ms-transform : rotate(180deg); transform : rotate(180deg); }
div.hero .slides .prev .venue-search-engine-marketing { -webkit-transform : rotate(-180deg); -moz-transform : rotate(-180deg); -ms-transform : rotate(-180deg); transform : rotate(-180deg); }
div.hero .slides .venue-search-engine-optimization { bottom:0%; margin:0 auto; position:fixed; z-index:200; -webkit-transform-origin : center 800px; -moz-transform-origin : center 800px; -ms-transform-origin : center 800px; transform-origin : center 800px; -webkit-transition : -webkit-transform 0.7s ease-in-out; -moz-transition : -moz-transform 0.7s ease-in-out; -ms-transition : -ms-transform 0.7s ease-in-out; transition : transform 0.7s ease-in-out; text-align:center; width:100%; }
div.hero .slides .venue-search-engine-optimization img{  width:100%; margin:0 auto; text-align: center;  top:0; left:0}
div.hero .slides .next .venue-search-engine-optimization { -webkit-transform : rotate(180deg); -moz-transform : rotate(180deg); -ms-transform : rotate(180deg); transform : rotate(180deg); }
div.hero .slides .prev .venue-search-engine-optimization { -webkit-transform : rotate(-180deg); -moz-transform : rotate(-180deg); -ms-transform : rotate(-180deg); transform : rotate(-180deg); }
div.hero .slides .venue-search-media-marketing { bottom:0%; margin:0 auto; position:fixed; z-index:200; -webkit-transform-origin : center 800px; -moz-transform-origin : center 800px; -ms-transform-origin : center 800px; transform-origin : center 800px; -webkit-transition : -webkit-transform 0.7s ease-in-out; -moz-transition : -moz-transform 0.7s ease-in-out; -ms-transition : -ms-transform 0.7s ease-in-out; transition : transform 0.7s ease-in-out; text-align:center; width:100%; }
div.hero .slides .venue-search-media-marketing img{  width:100%; margin:0 auto; text-align: center;  top:0; left:0}
div.hero .slides .next .venue-search-media-marketing { -webkit-transform : rotate(180deg); -moz-transform : rotate(180deg); -ms-transform : rotate(180deg); transform : rotate(180deg); }
div.hero .slides .prev .venue-search-media-marketing { -webkit-transform : rotate(-180deg); -moz-transform : rotate(-180deg); -ms-transform : rotate(-180deg); transform : rotate(-180deg); }
div.hero .slides .venue-content-management { bottom:0%; margin:0 auto; position:fixed; z-index:200; -webkit-transform-origin : center 800px; -moz-transform-origin : center 800px; -ms-transform-origin : center 800px; transform-origin : center 800px; -webkit-transition : -webkit-transform 0.7s ease-in-out; -moz-transition : -moz-transform 0.7s ease-in-out; -ms-transition : -ms-transform 0.7s ease-in-out; transition : transform 0.7s ease-in-out; text-align:center; width:100%; }
div.hero .slides .venue-content-management img{  width:100%; margin:0 auto; text-align: center;  top:0; left:0}
div.hero .slides .next .venue-content-management { -webkit-transform : rotate(180deg); -moz-transform : rotate(180deg); -ms-transform : rotate(180deg); transform : rotate(180deg); }
div.hero .slides .prev .venue-content-management { -webkit-transform : rotate(-180deg); -moz-transform : rotate(-180deg); -ms-transform : rotate(-180deg); transform : rotate(-180deg); }
div.hero .slides .services-info { color:#fff; position:absolute; z-index:991; width:700px; text-align:center; top:30%; font-family: 'Open Sans', sans-serif; margin:0 auto; left:0; right:0; }
div.hero .slides .services-info strong { font-size:90px; font-weight:800; /* font-style: italic;*/ line-height:80px; margin:0 auto; left:0; right:0; display:block;  color:#fff;}
div.hero .slides .services-info .website-design { -webkit-text-stroke: 1px #186ea8; text-shadow: 1px 1px 0 #186ea8, -1px -1px 0 #186ea8, 1px -1px 0 #186ea8, -1px 1px 0 #186ea8, 1px 1px 0 #186ea8; }
div.hero .slides .services-info .website-design  a{ -webkit-text-stroke: 1px #186ea8; text-shadow: 1px 1px 0 #186ea8, -1px -1px 0 #186ea8, 1px -1px 0 #186ea8, -1px 1px 0 #186ea8, 1px 1px 0 #186ea8; text-decoration:none; }
div.hero .slides .services-info .application-development { -webkit-text-stroke: 1px #712e8e; text-shadow:    1px 1px 0 #712e8e, -1px -1px 0 #712e8e, 1px -1px 0 #712e8e, -1px 1px 0 #712e8e, 1px 1px 0 #712e8e; }
div.hero .slides .services-info .mobile-apps { -webkit-text-stroke: 1px #d35918; text-shadow:    1px 1px 0 #d35918, -1px -1px 0 #d35918, 1px -1px 0 #d35918, -1px 1px 0 #d35918, 1px 1px 0 #d35918; }
div.hero .slides .services-info .search-engine-marketing { -webkit-text-stroke: 1px #146d68; text-shadow:    1px 1px 0 #146d68, -1px -1px 0 #146d68, 1px -1px 0 #146d68, -1px 1px 0 #146d68, 1px 1px 0 #146d68; }
div.hero .slides .services-info .search-engine-optimization { -webkit-text-stroke: 1px #376115; text-shadow:    1px 1px 0 #376115, -1px -1px 0 #376115, 1px -1px 0 #376115, -1px 1px 0 #376115, 1px 1px 0 #376115; }
div.hero .slides .services-info .social-media-marketing { -webkit-text-stroke: 1px #403901; text-shadow:    1px 1px 0 #403901, -1px -1px 0 #403901, 1px -1px 0 #403901, -1px 1px 0 #403901, 1px 1px 0 #403901; }
div.hero .slides .services-info .content-management { -webkit-text-stroke: 1px #376115; text-shadow:    1px 1px 0 #376115, -1px -1px 0 #376115, 1px -1px 0 #376115, -1px 1px 0 #376115, 1px 1px 0 #376115; }
div.hero .slides .services-info .qoute { width:100%; overflow:hidden }
div.hero .slides .services-info .qoute span { font-size:1.063em; text-align:left; display:block; line-height:22px; float:right; margin-top:40px; font-weight:500; text-align:left !important; font-family: 'Dosis', sans-serif; letter-spacing:2px; width: 335px;}
div.hero .slides .venue img { margin:0 auto; }
div.hero .controls { position : relative; /*bottom:20px;*/bottom:30%; left : 20px; width: auto; }
div.hero .controls .w { text-align : center; width :100%; overflow : hidden; }
div.hero .controls a.hide { color : white; font-size : 16px; text-decoration : none; text-transform : uppercase; line-height : 44px; height : 40px; padding : 0 0.5em; display : inline-block; position : relative; z-index : 1000; }
div.tabs { background : transparent url("../images/border_l.html") center bottom no-repeat; height : 242px; width : 100%; margin-bottom : 34px; padding : 34px 0; position : relative; }
div.hero .slides .services-info #mobileHomepage {margin-top: 0px; display:block; width:82%; text-align:right; overflow:hidden }
div.hero .slides .services-info #mobileHomepage .black{ height: 90px; width: 90px; background:#000;  text-align:center; float:right;border-radius:100%; margin-top: 20px; }
div.hero .slides .services-info #mobileHomepage a.eye { margin:20px auto; height: 50px; width: 50px; display: inline-block; cursor: pointer; background:url(../images/eye-sprite.png) no-repeat 0 0; background-size: 100% auto;  text-align:right; }
div.hero .slides .services-info #mobileHomepage .eye:hover {  animation: play .8s steps(8) infinite; -webkit-animation: play .8s steps(8) infinite; -moz-animation: play .8s steps(8) infinite; -o-animation: play .8s steps(8) infinite;}
@-webkit-keyframes play {
	from { background-position:0% 0%;}
	to { background-position:0 100%; }
}
@-moz-keyframes play {
	from { background-position:0% 0%;}
	to { background-position:0 100%; }
}
@-o-keyframes play {
	from {background-position:0% 0%;}
	to { background-position:0 100%; }
}
@keyframes play {
	from {background-position:0% 0%;}
	to { background-position:0 100%; }
}
div.hero .slides .services-info #mobileHomepage .eye:after { transition:all 0.7s; opacity:0; /*content:attr(title);*/ display: inline-block; width: 100%; font-size: 18px; color: #fff; border: 1px solid #f00; border-radius: 3px; padding: 0px 7px; position: absolute; top:35%; right: -100%; line-height: 30px; }
div.hero .slides .services-info #mobileHomepage .eye:hover:after { opacity: 1; }
div.hero .slides .services-info #mobileHomepage a.eye:active, div.hero .slides .services-info #mobileHomepage a.eye:focus, div.hero .slides .services-info #mobileHomepage a.eye:hover { opacity: 1; background-position: 0% 100%; -webkit-animation: play 333ms steps(7); -moz-animation: play 333ms steps(7); -ms-animation: play 333ms steps(7); -o-animation: play 333ms steps(7); animation: play 333ms steps(7); -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.our_services{position:absolute; top:50%; right:0px; z-index:1025; /*width:20%;*/  transform: translateY(-50%);}
.our_services a{ color:#fff; text-decoration:none; font-size:1em; display: block; padding:2px 10px; text-align:right; float: right; clear: both;}
.our_services a.active{ color:#fff; text-decoration:none}
.jcarousel-pagination{ position:absolute; bottom:0; z-index:99999;  left:0; visibility:hidden; }
.jcarousel-pagination a{ background:#000; border-radius:100%; padding:20px;}
.jcarousel-pagination a.active{ background:#fff; border-radius:100%; padding:10px;}
@media (min-width: 1920px) {
	.our_services a{ color:#fff; text-decoration:none; }
}
/*media-services.css*/
@media only screen and (min-width: 3200px) { 
	div.hero .slides .venue { bottom:0%; margin:0 auto; position:fixed; z-index:200; -webkit-transform-origin : center 2800px; -moz-transform-origin : center 2800px; -ms-transform-origin : center 2800px; transform-origin : center 2800px;}
	div.hero .slides .venue-application-development { bottom:0%; margin:0 auto; position:fixed; z-index:200; -webkit-transform-origin : center 2800px; -moz-transform-origin : center 2800px; -ms-transform-origin : center 2800px; transform-origin : center 2800px;}
	div.hero .slides .venue-website-design { bottom:0%; margin:0 auto; position:fixed; z-index:200; -webkit-transform-origin : center 2800px; -moz-transform-origin : center 2800px; -ms-transform-origin : center 2800px; transform-origin : center 2800px;}
	div.hero .slides .venue-search-engine-marketing { bottom:0%; margin:0 auto; position:fixed; z-index:200; -webkit-transform-origin : center 2800px; -moz-transform-origin : center 2800px; -ms-transform-origin : center 2800px; transform-origin : center 2800px;}
	div.hero .slides .venue-search-engine-optimization { bottom:0%; margin:0 auto; position:fixed; z-index:200; -webkit-transform-origin : center 2800px; -moz-transform-origin : center 2800px; -ms-transform-origin : center 2800px; transform-origin : center 2800px;}
	div.hero .slides .venue-search-media-marketing { bottom:0%; margin:0 auto; position:fixed; z-index:200; -webkit-transform-origin : center 2800px; -moz-transform-origin : center 2800px; -ms-transform-origin : center 2800px; transform-origin : center 2800px;}
	div.hero .slides .venue-content-management { bottom:0%; margin:0 auto; position:fixed; z-index:200; -webkit-transform-origin : center 2800px; -moz-transform-origin : center 2800px; -ms-transform-origin : center 2800px; transform-origin : center 2800px;}
}
@media (min-width: 1900px) and (max-width: 1920px) {
	div.hero .slides .venue { bottom:0%; margin:0 auto; position:fixed; z-index:200; -webkit-transform-origin : center 1600px; -moz-transform-origin : center 1600px; -ms-transform-origin : center 1600px; transform-origin : center 1600px;}
	div.hero .slides .venue-application-development { bottom:0%; margin:0 auto; position:fixed; z-index:200; -webkit-transform-origin : center 1600px; -moz-transform-origin : center 1600px; -ms-transform-origin : center 1600px; transform-origin : center 1600px;}
	div.hero .slides .venue-website-design { bottom:0%; margin:0 auto; position:fixed; z-index:200; -webkit-transform-origin : center 1600px; -moz-transform-origin : center 1600px; -ms-transform-origin : center 1600px; transform-origin : center 1600px;}
	div.hero .slides .venue-search-engine-marketing { bottom:0%; margin:0 auto; position:fixed; z-index:200; -webkit-transform-origin : center 1600px; -moz-transform-origin : center 1600px; -ms-transform-origin : center 1600px; transform-origin : center 1600px;}
	div.hero .slides .venue-search-engine-optimization { bottom:0%; margin:0 auto; position:fixed; z-index:200; -webkit-transform-origin : center 1600px; -moz-transform-origin : center 1600px; -ms-transform-origin : center 1600px; transform-origin : center 1600px;}
	div.hero .slides .venue-search-media-marketing { bottom:0%; margin:0 auto; position:fixed; z-index:200; -webkit-transform-origin : center 1600px; -moz-transform-origin : center 1600px; -ms-transform-origin : center 1600px; transform-origin : center 1600px;}
	div.hero .slides .venue-content-management { bottom:0%; margin:0 auto; position:fixed; z-index:200; -webkit-transform-origin : center 1600px; -moz-transform-origin : center 1600px; -ms-transform-origin : center 1600px; transform-origin : center 1600px;}
}
@media (max-width: 1080px) {
	.our_services{ width:30%;}
	.our_services a{ font-size:16px;}
	div.hero .slides .services-info { margin:0px;}
	div.hero .slides .services-info strong{font-size:70px; text-align:right;}
}
@media (max-width: 800px) {
	div.hero .slides .services-info{width:65%; padding: 0 20px;}
	div.hero .slides .services-info strong { font-size: 34px; text-align: left;}
	div.hero .slides .services-info .qoute span{ float: none; width: 100%; margin-top: 0px;}
	div.hero .slides .services-info #mobileHomepage{ width: 100%; }
	div.hero .slides .services-info #mobileHomepage .black{ float: none; }
}
@media (max-width: 767px)  {
	.our_services{top: 55%;}
	.our_services a {font-size: 15px; } 
	.our_services span{ padding: 5px 10px;}
	div.hero .slides .services-info #mobileHomepage .black{width:70px; height:70px;}
	div.hero .slides .services-info strong { font-size: 28px; text-align: left;}
	div.hero .slides .services-info{top:23%; width:98%;}
	.page-data .left-data .leftInnerdata .inner-project-name h2 {padding-top: 20%;}.
}
@media (max-width: 414px)  {
button.p {position: absolute;left: 30px;right: auto; bottom: 120px;}
button.n {position: absolute; right: 30px;left: auto;bottom: 120px;}
}
@media (max-width: 568px)  {
div.hero .controls{position: absolute;}
}
@media (max-width:360px)  {
		button.p {position: absolute;left: 10px;right: auto; bottom: 30px;}
		button.n {position: absolute; right: 10px;left: auto;bottom: 30px;}
}