/*Standard Css*/


@import url("font-awesome.min.css");
@import url("font-awesome.css");
@import url("scroller1.css");
@import url("form.css");
@import url("JiSlider.css");
@import url("menu.css");
@import url("figcaption.css");
@import url("animations.css");
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-moz-transition: 0.5s all;
}
body {
	margin: 0 auto;
	padding: 0;
	border: 0;
	font-size: 100%;
	height: 100%;
	vertical-align: baseline;
	overflow-x: hidden;
	font-family: 'Roboto', sans-serif;
}
@font-face {
	font-family: Virginia-Sky;
	src: url(../fonts/Virginia-Sky.ttf);
	src: url(../fonts/Virginia-Skyd41d.html?#iefix) format("embedded-opentype"), url(../fonts/Virginia-Sky.html) format("woff"), url(../fonts/Virginia-Sky.ttf) format("truetype"), url(../fonts/Virginia-Sky-2.html#ABeeZee) format("svg")
}
@font-face {
	font-family: Brandon;
	src: url(../fonts/Brandon.ttf);
	src: url(../fonts/Brandond41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Brandon.html) format("woff"), url(../fonts/Brandon.ttf) format("truetype"), url(../fonts/Brandon-2.html#ABeeZee) format("svg")
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td, table {
	border-collapse: collapse;
	border-spacing: 0;
}
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 0;
	outline: none;
}
@-moz-document url-prefix() {
	.location select {
		text-indent: 10px;
	}
}
.header {
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	padding: 5px 30px;
	width: 100%;
	z-index: 9999;
	border-bottom: 1px solid #ccc;
}
.container {
	width: 100%;
	max-width: 1170px;
	margin: auto
}
.logo {
	float: left;
}
.lets-talk {
	float: right;
	margin-right: 70px;
	padding: 12px 0px;
}
.lets-talk a {
	float: left;
	border: 1px solid #000;
	background: #ffdc00;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	padding: 5px 10px;
	color: #000;
	text-decoration: none;
	line-height: 25px;
	position: relative;
	z-index: 9;
	overflow: hidden;
	cursor: pointer;
}
.lets-talk a img {
	float: left;
	margin-right: 5px;
}
.lets-talk a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ffdc00;
	transform: scaleX(0);
	transform-origin: 0 50%;
	transition: transform .3s ease-out;
}
.lets-talk a:hover:before {
	transform: scaleX(1);
	color: #fff !important;
	background: #ffdc00 !important;
}
.banner {
	float: left;
	width: 100%;
	margin-top: 54px;
	background: #fff;
	height: 554px;
	position: relative;
	overflow: hidden;
	border-top: 1px solid #ccc;
}
.banner img {
	width: 100%;
	height: auto;
}
.services {
	float: left;
	width: 100%;
}
.clients {
	float: left;
	width: 100%;
	height: 350px;
	overflow: hidden;
	position: relative;
}
.clients img {
	width: 100%;
	height: auto;
}
.overlay-client {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	background: rgba(255, 220, 0, .3);
	z-index: 9;
}
.sprinting {
	float: left;
	width: 100%;
	text-align: center;
	position: relative;
}
.sprinting-inner {
	position: absolute;
	top: -92px;
	z-index: 99;
	width: 100%;
}
.sprinting-heading {
	float: left;
}
.sprinting-heading h2 {
	font-family: Virginia-Sky;
	font-size: 120px;
	font-weight: normal;
}
.sprinting-heading span {
	font-size: 32px;
	margin-top: -60px;
	float: left;
	width: 100%;
	text-align: center;
	color: #8d8d8d;
	font-weight: 300;
	padding-left: 35px;
}
.tehnology {
	float: left;
	margin-top: 100px;
	padding-left: 38px;
}
.tehnology h2 {
	font-size: 50px;
	text-transform: uppercase;
}
.technology-inner {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 100px;
}
.technology-inner ul li {
	display: inline-block;
}
.technology-inner ul li a {
	font-size: 18px;
	text-decoration: none;
	color: #000;
	padding: 30px 50px;
	text-align: center;
	display: block;
	position: relative;
	z-index: 9;
	overflow: hidden;
}
.technology-inner ul li a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ffdc00;
	transform: scaleX(0);
	transform-origin: 0 50%;
	transition: transform .3s ease-out;
}
.technology-inner ul li a:hover:before {
	transform: scaleX(1);
	color: #fff !important;
	background: #ffdc00 !important;
}
.technology-inner ul li img {
	margin-bottom: 15px;
}
.sprinting-container {
	width: 100%;
	max-width: 680px;
	margin: auto;
	position: relative;
}
.about {
	float: left;
	width: 100%;
	padding: 60px 0px;
	padding-bottom: 80px;
	background: url(../images/aboutbg.png) right top no-repeat;
	background-position: 100% 20%;
}
.headingtitle {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}
.headingtitle h2 {
	font-size: 48px;
	padding: 0px 150px;
	font-weight: 400;
	text-transform: capitalize;
}
.headingtitle span {
	display: inline-block;
	width: 120px;
	background: #ffdc00;
	height: 7px;
	margin-top: 15px;
}
.about-left {
	float: left;
	width: 48%;
}
.about-left img {
	width: 100%;
	height: auto;
}
.about-right {
	float: right;
	width: 42%;
	margin-top: 50px;
	background: url(../images/line.png) left repeat-y;
}
.about-right ul {
	font-size: 18px;
	margin-left: 0px;
	padding-left: 0px;
}
.about-right ul li {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.about-right ul li:before {
	content: '';
	float: left;
	width: 56px;
	height: 50px;
	background: url(../images/bullet.png) no-repeat;
}
.about-right ul p {
	float: left;
	padding: 8px 0px 0px 20px;
	width: 85%;
}
.about-right ul li:last-child {
	margin-bottom: 0px;
}
.what-get-from-us {
	background: none;
}
.sm-col1 {
	float: left;
	width: 25%;
	padding: 5px;
}
.col1 {
	float: left;
	width: 100%;
	position: relative;
}
.col1 img {
	width: 100%;
	height: auto;
}
.servicehead {
	position: absolute;
	right: 0;
	height: 100%;
	width: 50px;
	background: #ffdc00;
	bottom: 0px;
	font-size: 35px;
	opacity: 1;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.servicehead1 {
	height: 55%;
}
.servicehead2 {
	height: 70%;
}
.servicehead3 {
	height: 80%;
}
.imgarea {
	line-height: 0px;
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.col1:hover .image {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.image {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
.servicehead h2 {
	writing-mode: vertical-lr;
	text-align: right;
	height: 100%;
	padding-bottom: 25px;
	font-size: 35px;
	font-weight: 300;
	padding-left: 5px;
}
.service-overlay {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	background: rgba(255, 220, 0, .9);
	padding: 15px;
	opacity: 0.0;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.focus-area {
	float: left;
	width: 100%;
	padding: 25px 0px;
	border: 1px solid #000;
	height: 100%;
	text-align: center;
	transition: opacity 0.5s linear;
}
.focus-area h3 {
	text-align: center;
	font-size: 24px;
	margin-bottom: 5px;
	margin-top: 25px;
	transition: 0.3s;
	margin-top: 2em;
}
.line2 {
	display: inline-block;
	width: 80px;
	height: 2px;
	background: #000;
}
.focus-inner {
	float: left;
	width: 100%;
	text-align: left;
	padding: 20px;
	transition: 0.3s;
	margin-top: 8em;
}
.focus-inner ul {
	list-style: disc;
	padding-left: 15px;
	font-size: 14px;
	line-height: 20px;
}
.col1:hover .servicehead {
	opacity: 0.0;
}
.col1:hover .service-overlay {
	opacity: 1.1;
}
.col1:hover .focus-inner {
	margin-top: 0em;
}
.col1:hover .focus-area h3 {
	margin-top: 5em;
}
.col1:hover {
	cursor: pointer;
}
.team {
	background: none;
}
.team1 {
	float: left;
	width: 25%;
	padding: 10px;
	text-align: center;
	height: auto;
}
.team-inner {
	float: left;
	width: 100%;
	background: url(../images/teambg.jpg) top repeat-x;
	border: 1px solid #c2c2c2;
	padding: 15px;
}
.teamimg {
	float: ;
	width: 100%;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 20px;
}
.teamimg img {
	border-radius: 50%;
}
.team-inner h2 {
	font-size: 17px;
	margin-bottom: 5px;
}
.team-inner p {
	font-size: 13px;
	color: #9c9c9c;
	margin-bottom: 40px;
}
.testimonials {
	float: left;
	width: 100%;
	background: url(../images/testimonialsbg.jpg) no-repeat;
	background-size: cover;
	padding: 60px 0px;
	background-attachment: fixed;
}
.testi-inner {
	float: left;
	width: 100%;
	background: #fff;
	padding: 30px;
	padding-bottom: 90px;
}
.testi1 {
	float: left;
	width: 33%;
	padding: 20px 40px;
	height: auto;
}
.testi-inner1 {
	float: left;
	width: 100%;
}
.testi-inner h3 {
	font-size: 24px;
	margin-bottom: 15px;
}
.testi-inner p {
	font-size: 14px;
}
.testimonial-b {
	float: left;
	width: 100%;
	margin-top: 35px;
}
.tesi-img {
	float: left;
	width: 20%;
}
.tesi-img img {
	width: 100%;
	height: auto;
	border-radius: 50%;
}
.tesi-text {
	float: left;
	width: 80%;
	padding-left: 25px;
	padding-top: 10px;
}
.tesi-text p {
	font-size: 13px;
}
.contact {
	background: none;
}
.contact1 {
	float: left;
	width: 33%;
	text-align: center;
	padding: 15px;
}
.contact1 h2 {
	font-size: 18px;
	margin: 10px 0px;
	font-weight: 400;
}
.textbox {
	float: left;
	width: 100%;
	padding: 20px 10px;
	font-size: 15px;
	border: none;
	border-bottom: 1px solid #ccc;
	text-align: center;
	outline: none;
}
.footer {
	float: left;
	width: 100%;
	background: #ededed;
	padding: 30px 0px;
}
.logo2 {
	float: left;
	width: 20%;
}
.focl1 {
	float: left;
	width: 20%;
}
.focl1 h2 {
	margin-bottom: 15px;
	font-size: 18px;
}
.focl1 ul li a {
	font-size: 14px;
	color: #000;
	text-decoration: none;
}
.focl1 ul li {
	line-height: 20px;
	float: left;
	width: 100%;
}
.get-touch {
	float: right;
}
.get-touch ul li img {
	float: left;
	margin-right: 10px;
}
.get-touch ul li {
	line-height: 30px;
	margin-bottom: 10px;
}
.copyright {
	float: left;
	width: 100%;
	border-top: 1px solid #cecece;
	padding-top: 15px;
	margin-top: 15px;
}
.copy {
	float: left;
	font-size: 14px;
}
.social1 {
	float: right;
}
.social1 a {
	float: left;
	font-size: 20px;
	padding: 0px;
	color: #6e6e6e;
	text-align: center;
	margin-right: 5px;
}
.client-brands {
	box-sizing: border-box;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-animation: client-brands 9550ms infinite linear;
	animation: client-brands 9550ms infinite linear;
	height: 760px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 0 0 -675px;
	width: 1350px;
	left: 50%;
	text-align: center;
	will-change: transform;
}
@-webkit-keyframes client-brands {
	from {
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
	to {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}
@keyframes client-brands {
	from {
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
	to {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}
.banner-inner {
	width: 100%;
	padding-top: 120px;
	text-align: center;
}
.banner1 {
	float: left;
	width: 100%;
	height: auto;
}
.banner1 h2 {
	font-size: 48px;
	font-weight: 300;
}
.banner1 h2 span {
	font-weight: 500;
	background: #ffdc00;
	padding: 0px 15px;
}
.banner1 h3 {
	font-weight: 500;
	font-size: 24px;
	padding: 0px 15px;
	font-weight: 300;
	color: #000;
	margin-top: 15px;
}
.banner1 h3 span {
	color: #000;
	font-weight: 600;
	font-size: 30px;
}
.banner-icons {
	float: left;
	width: 100%;
	margin-top: 35px;
}
.banner-icons ul li {
	display: inline-block;
	font-size: 20px;
	color: #000;
	padding: 15px 20px;
}
.banner-icons ul li img {
	width: auto;
}
.banner-inner>.slick-dots {
	bottom: -86px !important;
	z-index: 999;
	z-index: 999;
}
.banner-inner>.slick-dots li.slick-active button:before {
	/* opacity: 10; */
	color: #000000;
	background: #000;
}
.banner-inner>.slick-dots li button:before {
	font-family: 'slick';
	font-size: 46px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 10px;
	content: '';
	text-align: center;
	opacity: 10;
	/* color: #ffdc00; */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #ffdc00;
}
.banner-inner>.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 50px;
	height: 10px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.banner-inner>.slick-dots li {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 20px;
	margin: 0 10px;
	padding: 0;
	cursor: pointer;
}
.banner-inner>.slick-dots li button:before {
	font-family: 'slick';
	font-size: 46px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 10px;
	content: '';
	text-align: center;
	opacity: 10;
	/* color: #ffdc00; */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #ffdc00;
}
.team-scroll {
	float: left;
	width: 100%;
}
.tesimonial-scroll {
	float: left;
	width: 100%;
}
.social11 {
	float: left;
	width: 100%;
	border-top: 1px solid #000;
	padding-top: 25px;
	margin-top: 25px;
}
.social11 a {
	color: #000;
	float: left;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	text-align: center;
	margin-right: 5px;
}
.social11 a:hover {
	background: #000;
	color: #fff;
}
.fx_hd_top {
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
}
.contact-popup {
	position: fixed;
	background: rgba(255, 220, 0, .7);
	top: 0px;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 999999;
	display: none;
}
.form-inner {
	width: 100%;
	max-width: 800px;
	background: #fff;
	margin: auto;
	padding: 20px;
	margin-top: 100px;
	border-radius: 10px;
	text-align: center;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
	position: relative;
	-webkit-animation-name: frdpopup;
	-webkit-animation-duration: 0.4s;
	animation-name: frdpopup;
	animation-duration: 0.4s
}
@-webkit-keyframes frdpopup {
	from {
		bottom: -300px;
		opacity: 0
	}
	to {
		bottom: 0;
		opacity: 1
	}
}
@keyframes frdpopup {
	from {
		bottom: -300px;
		opacity: 0
	}
	to {
		bottom: 0;
		opacity: 1
	}
}
.form-inner h2 {
	font-size: 43px;
	padding: 0px 50px;
	font-weight: 300;
	margin-bottom: 10px;
}
/*form steps
*/

.form-step1 {
	float: left;
	width: 100%;
	-webkit-transition: width 1s ease;
	-moz-transition: width 1s ease;
	-o-transition: width 1s ease;
	-ms-transition: width 1s ease;
	transition: width 1s ease;
}
.form-step1 label {
	float: left;
	width: 100%;
	font-size: 24px;
	margin: 15px 0px;
}
.form-icon {
	float: left;
	width: 100%;
}
.bulletpoint {
	list-style-image: url(../img/bullet.html);
	margin-left: 35px;
	color: #fff;
}
.about-form ul li {
	display: inline;
	border: 1px solid #000;
	padding: 10px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	width: 45%;
	float: left;
	border-radius: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.about-form ul li input {
	float: left;
	margin-right: 10px;
}
.last-icons img {
	width: 20%;
	height: auto;
}
.thanksmsg {
	color: #000;
	font-size: 16px;
	float: left;
	width: 100%;
	margin-bottom: 25px;
}
.nextbtn {
	padding: 10px 30px;
	font-size: 22px;
	background: #000;
	color: #fff;
	border: none;
	border-radius: 25px;
	font-weight: 600;
	cursor: pointer;
	border: 2px solid #000;
	outline: none;
}
.nextbtn:hover {
	border: 2px solid #000;
	color: #000;
	background: #fff;
}
.form-text {
	padding: 20px 0px;
	font-size: 16px;
	float: left;
	width: 100%;
	margin-bottom: 15px;
	outline: none;
	border: none;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.close-icon {
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
}
.contact-img {
	position: fixed;
	bottom: 0;
	left: 0;
}
.contact-row {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 25px;
}
.shout {
	padding: 15px 25px;
	border-radius: 5px;
	font-size: 16px;
	border: none;
	outline: none;
	background: #ffdc00;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
}
.shout:hover {
	background: #000;
	color: #fff;
}
.errormsg {
	float: left;
	width: 100%;
	color: #F00;
	font-size: 18px;
	font-weight: 500;
	margin: 15px 0px;
}
#canvas, #text {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	z-index: 1;
}
.error-message {
	float: left;
	width: 100%;
	color: #F00;
	font-size: 18px;
	font-weight: 400;
	margin: 15px 0px;
}
.form-title {
	margin-bottom: 20px;
}
.chat {
	position: fixed !important;
	right: 100px !important;
	top: 19px !important;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-name: bounce;
	-moz-animation-name: bounce;
	cursor: pointer;
	z-index: 99;
}
@keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-webkit-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	60% {
		-webkit-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		transform: translateY(-15px)
	}
}
.topcontact {
	float: right;
	font-size: 14px;
	margin-top: 22px;
	padding-right: 15px;
}
.topcontact a {
	color: #000;
	text-decoration: none;
}
.blog-thumb {
	float: left;
	width: 100%;
}
.blog-content {
	position: absolute;
	bottom: 0;
	margin-bottom: -55px;
	left: 0;
	width: 100%;
	z-index: 999;
	background: #fddd00;
	padding: 15px;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
.background-slider img {
	width: 100%;
	height: auto;
}
.blog-label {
	float: left;
	width: 100%;
	font-size: 13px;
	color: #000;
	margin: 5px 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
}
.blog-content h2 {
	font-size: 18px;
}
.blog-date {
	float: left;
	width: 100%;
	font-size: 12px;
	color: #000;
	margin: 5px 0px;
	font-style: italic;
	color: #666;
}
.read-blog {
	float: left;
	margin: 10px 0px;
}
.read-blog a {
	display: block;
	padding: 5px 15px;
	font-size: 14px;
	font-weight: 500;
	border: 1px solid #000;
	background: none;
	text-decoration: none;
	color: #000;
	position: relative;
	z-index: 99;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.read-blog a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	transform: scaleX(0);
	transform-origin: 0 50%;
	transition: transform .3s ease-out;
}
.read-blog a:hover:before {
	transform: scaleX(1);
	color: #fff !important;
	background: #000 !important;
}
.read-blog a:hover {
	color: #fff;
}
.blog-thumb:hover .blog-content {
	margin-bottom: 0;
}
.text {
	padding-top: 50px;
}
.blog-row2 {
	float: left;
	width: 100%;
	padding: 45px 0px;
	padding-bottom: 0;
}
.blog-left {
	float: left;
	width: 70%;
}
.blog-right {
	float: right;
	width: 26%;
}
.blog-col1 {
	float: left;
	width: 100%;
	margin-bottom: 25px;
}
.image-container {
	float: left;
	width: 100%;
	line-height: 0;
}
.image-container img {
	width: 100%;
	height: auto;
}
.blog-content1 {
	float: left;
	width: 100%;
	text-align: left;
	padding: 15px 0px;
}
.blog-content1 h2 {
	font-size: 18px;
	font-weight: 500;
	margin: 5px 0px;
	float: left;
	width: 100%;
}
.read-blog1 {
	float: left;
	width: 100%;
}
.read-blog1 a {
	display: inline !important;
}
.blog-content1 p {
	font-size: 14px;
	color: #343434;
	padding: 8px 0px;
	line-height: 20px;
	float: left;
	width: 100%;
}
.blog-col-sm1 {
	float: left;
	width: 48%;
}
.blog-col-sm2 {
	float: right;
}
.blog-right1 {
	width: 100%;
	margin-bottom: 25px;
}
.call-us {
	font-size: 25px;
	margin: 15px 0px;
	margin-bottom: 0px;
}
.textbox11 {
	padding: 10px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 5px;
	outline: none;
	margin-left: 10px;
}
.fcol1 {
	float: left;
	width: 100%;
	margin: 15px;
}
.fcol1 p {
	margin: 15px 0px;
}
.blog-contnt {
	width: 48%;
	float: left;
	position: relative;
	border: 1px solid #ccc;
	margin: 10px;
}
.blog-contnt-und {
	width: 100%;
	float: left;
	background: #fff;
	position: relative;
	overflow: hidden;
}
.blog-contnt-und span {
	width: 50%;
	float: left;
	padding: 0px !important;
	margin: 0px !important;
	line-height: 0;
	overflow: hidden;
	position: relative;
}
.blog-txt1 {
	width: 100%;
	float: right;
	width: 50%;
	height: 100%;
	background: #fff;
	padding-left: 5px;
	padding: 15px
}
.blog-contnt-und span:before {
	position: absolute;
	right: 0px;
	top: 0;
	height: 30%;
	border-right: 15px solid white;
	border-bottom: 15px solid transparent;
	display: block;
	content: " ";
	z-index: 999;
}
.blog-contnt-und span:after {
	position: absolute;
	right: 0px;
	bottom: 0;
	height: 70%;
	border-right: 15px solid white;
	border-top: 15px solid transparent;
	display: block;
	content: " ";
	z-index: 999;
}
.blog-contnt h1 {
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: 500;
}
.blog-contnt h2 {
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: 500;
	color: #4a4a4a;
}
.blog-contnt ul {
	list-style: circle;
	margin-left: 25px;
	color: #666;
}
.blog-contnt-und1 span {
	float: right !important;
}
.blog-txt11 {
	left: 0px !important;
}
.blog-contnt-und1 span:before {
	position: absolute;
	left: 0px !important;
	bottom: 0;
	right: inherit !important;
	height: 30%;
	border-left: 15px solid white;
	border-right: 15px solid transparent;
	display: block;
	content: " ";
	z-index: 999;
}
.blog-contnt-und1 span:after {
	position: absolute;
	left: 0px !important;
	bottom: 0;
	right: inherit !important;
	height: 70%;
	border-left: 15px solid white;
	border-right: 15px solid transparent;
	display: block;
	content: " ";
	z-index: 999;
}
.blog-contnt img {
	width: 100%;
	height: auto;
}
.cofee {
	float: left;
	width: 100%;
	width: 100%;
	text-align: center;
}
.popupinner {
	width: 100%;
	max-width: 700px;
	margin: auto;
	background: #fff;
	margin-top: 150px;
	padding: 25px;
	text-align: center;
	position: relative;
	-webkit-animation-name: frdpopup;
	-webkit-animation-duration: 0.4s;
	animation-name: frdpopup;
	animation-duration: 0.4s;
}
.enrollpop h2 {
	color: #000;
	font-size: 31px;
	text-transform: inherit;
}
.or {
	float: left;
	width: 100%;
	margin: 15px 0px;
	border-bottom: 1px solid #e0e0e0;
	text-align: center;
}
.or span {
	float: left;
	padding: 10px;
	margin-bottom: -20px;
	width: 100%;
	text-align: center;
}
.or span {
	float: left;
	padding: 10px;
	margin-bottom: -20px;
	width: 100%;
	text-align: center;
	background: none !important;
	margin: 0;
}
.or span p {
	background: #fff;
	width: 80px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	color: #858585;
}
.blog-contnt ul li {
	font-size: 13px;
	line-height: 21px;
}
/*FOUNDER AREA*/
.founders {
	padding: 15px;
	width: 50%;
	float: left;
}
.founder-pic {
	text-align: center;
	width: 100%;
	float: left;
}
.founder-pic .img-responsive {
	width: 150px;
	height: 150px;
	border-radius: 100%;
	box-shadow: 0 0 16px 2px rgba(0, 0, 0, .2);
}
.founder-details {
	width: 100%;
	text-align: center;
	padding-top: 15px;
	float: left;
}
.founder-details h3 {
	font-size: 32px;
	margin-bottom: 6px;
	font-weight: normal;
}
.founder-details h4 {
	font-size: 20px;
	margin-bottom: 25px;
	color: #e4c501;
}
.founder-details p {
	font-size: 14px;
	color: #9c9c9c;
	margin-bottom: 0px;
	line-height: 25px;
	text-align: center;
	padding: 5px 28px;
}
.founder-details ul {
	float: none;
	text-align: center;
	margin-top: 30px;
}
.founder-details ul li {
	list-style: none;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0px 15px;
}
.founder-details ul li a {
	display: block;
	transition: 0.3s ease-in-out;
	text-decoration: none;
}
.founder-details ul li a:hover {
	color: #ffdc00;
}
.founder-details a i {
	font-size: 25px;
	margin: 0px 0px 0px 5px;
}
.founder-details a i.fa-facebook {
	color: #3b5998;
}
.founder-details a i.fa-twitter-square {
	color: #1da1f3;
}
.founder-details a i.fa-linkedin {
	color: #0077b5;
}
.founder-details a i.fa-google-plus-square {
	color: #d34836;
}

.logo img{max-width: 100%; height: auto;}
/*Responsive css*/
@media only screen and (max-width: 1199px){
	.lets-talk {padding: 17px 0px;}
	.topcontact{margin-top: 30px;}
	.banner {margin-top: 84px;height: auto; border: none;}
	.banner-inner{padding-top: 20px;}
	.banner1 h2 {font-size: 25px;}
	.banner-icons{margin-top: 5px;}
	.about{padding: 20px 0px;}
	.headingtitle h2 {font-size: 25px;padding: 0px;}
	.headingtitle span {width: 40px;height: 3px;margin-top: 0px;}
	.headingtitle{margin-bottom: 0px;}
	.blog-contnt {width: 47%;margin: 15px;}
	.blog-contnt h2 {font-size: 14px;font-weight: 400;}
	.founder-details h3 {font-size: 25px;margin-bottom: 0px;}
	.founder-details h4 {font-size: 15px;margin-bottom: 5px;font-weight: 400;}
	.testimonials{margin-top: 37px;}
	.testi-inner h3 {font-size: 16px;font-weight: 400;}
	.testi-inner{padding: 20px 0px 50px;}
	.contact-row{margin-top: 15px;}
	.footer{padding: 20px 0px;}
}
@media only screen and (max-width: 1024px){
	#services .container{text-align: center;}
	.blog-contnt {width: 70%;clear: both;margin: 15px;float: none;display: inline-block;vertical-align: top;text-align: left;}
	.get-touch {float: left;}
	.copyright{text-align: center;}
	.copy {float: none;font-size: 12px;display: inline-block;vertical-align: top;}
	.social1 {float: none;text-align: center;display: block;vertical-align: top;}
	.social1 a{float: none;}
}
@media only screen and (max-width: 767px){
	.blog-contnt {width: 90%;}
	.about-left{display: none;}
	.about-right {float: none;width: 100%;display: inline-block;margin: 20px auto 0px; vertical-align: top;}
	.founders {padding: 15px;width: 80%;float: none;display: inline-block;vertical-align: top;clear: both; height: auto !important;}
	#management .container{text-align: center;}
	.headingtitle h2 {font-size: 18px;padding: 0px 15px;}
	.slick-initialized .slick-slide{text-align: center;}
	.contact1 {float: none;width: 80%;text-align: left;padding: 15px;clear: both;vertical-align: top;margin: 0 auto;}
	.footer{text-align: center;}
	.logo2{width: 100%;}
	.focl1 {width: 100%;margin-bottom: 10px;}
	.focl1 ul li {line-height: 20px;float: none;width: auto;display: inline-block;padding: 5px;}
	.topcontact{display: none;}
	.tehnology {float: left;margin-top: -10px;padding-left: 38px;width: 100%;text-align: left;}
	.sprinting-heading {float: left;width: 100%;text-align: left;}
	.sprinting-heading h2{font-size: 40px;}
	.sprinting-heading span {font-size: 20px;margin-top: 0px;float: left;width: 100%;text-align: left;color: #8d8d8d;font-weight: 300;padding-left: 35px; margin-bottom: 20px;}
	.tehnology h2 {font-size: 25px;}
	.technology-inner{margin-top: 20px;}
}
@media only screen and (max-width: 479px){
	.blog-contnt h1 {font-size: 14px;}
	.about-right ul p{font-size: 14px;}
	.founders{width: 90%;}
	.lets-talk {margin-right: 55px;margin-top: 8px; padding: 0px;}
	.tehnology {float: left;margin-top: -10px;padding-left: 38px;width: 100%;text-align: left;}
	.sprinting-heading {float: left;width: 100%;text-align: left;}
	.sprinting-heading h2{font-size: 40px;}
	.sprinting-heading span {font-size: 20px;margin-top: 0px;float: left;width: 100%;text-align: left;color: #8d8d8d;font-weight: 300;padding-left: 35px; margin-bottom: 20px;}
	.tehnology h2 {font-size: 25px;}
	.technology-inner{margin-top: 20px;}
	.blog-contnt-und span{width: 100%;}
	.blog-contnt-und1 span::after, .blog-contnt-und1 span::before{display: none;}
	.blog-txt11{width: 100%;}
	.blog-contnt {width: 98%;margin: 15px 0px;}
	.logo {float: left;width: 120px;margin-top: 5px;}
	.about-right ul li::before {width: 48px;background-size: 100%;}
	.header{padding: 5px;}
	.burger{right: 5px; top: 5px;}
}