/*!
 * Alobin Technologies - Support for Binary (http://alobin.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 * blue = #3597d3, rgb = 53, 151, 211
 * orange = #e77e24, rgb = 231, 126, 36
 * orange-lighter = #f77f24, rgb = 247, 126 36
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,img, dfn, em, 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, table, caption, tbody, tfoot, thead, tr, th, td, 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: inherit;
    font-size: 100%;
    vertical-align: baseline;
}



html {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q, blockquote {
    quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}

a img {
    border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
    background: #fff;
    font-weight: 400;
    font-size: 100%;
    line-height: 1.5em;
    font-family: "Open Sans", "open-sans", sans-serif;
    -webkit-font-smoothing: antialiased;
}

p {
	font-size: 14px;
    line-height: 1.8em;
    color: #747c83;
}



a, button, input, textarea, select {
    outline: none;
}
a {
    display: inline-block;
    text-decoration: none;
    color: #f36;
}


input, textarea, button {
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
    resize: none;
    font-family: "Open Sans", "open-sans", sans-serif;
    -webkit-font-smoothing: antialiased;
	font-size: 12px !important;
}

strong {
    font-weight: 300;
}

img {
    display: inline-block;
}

iframe {
    position: relative;
    z-index: 15;
}

h1, h2, h3, h4, h5 {
    font-family: "Open Sans", "open-sans", sans-serif;
}

h1 {
    font: 300 45px/65px "Open Sans", "open-sans", sans-serif;
    color: #323a45;
}

h2 {
    font: 300 35px/52px "Open Sans", "open-sans", sans-serif;
    color: #323a45;
}

h3 {
    font: 300 40px/1.5em "Open Sans", "open-sans", sans-serif;
    color: #323a45;
}


.text-justify, .footer-links, .footer-signup ul, .home .trusted-by ul, .home2 .trusted-by ul, .home3 .trusted-by ul, .subscribe-content ul.logos, .subscribe-content ul.captions {
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

.inline-block {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
body {
    padding-top: 70px;
}
@media(min-width: 300px) {
	body {
		padding-top: 70px;
	}
}
h1, h2, h3, h4, h5, h6 {
	color: /**#000000**/ #555;
	text-rendering: optimizeLegibility;
	letter-spacing: 1px;
}
h1 small, 
h2 small, 
h3 small, 
h4 small, 
h5 small, 
h6 small {
	font-size: 12px;
}
p {
	color: #777;
	font-size: 13px;
	text-rendering: optimizeLegibility;
}

p small {
	font-size: 11px;
}
a, label {
	font-size: 12px;
}
.btn {
	border-radius: 0;
	position: relative;
}
.btn.glyphicon {
	top: 0;
}
.btn .glyphicon.hover-icon {
	position: absolute;
	padding: 10px;
	min-width: 30px;
	background-color: #fff;
	left: 0;
	top: 0;
	height: 100%;
}
.orange-lighter {
	background-color: #f77f24;
	border: 1px solid #f77f24;	
	color: #fff;
}
.orange-bg {
	background-color: #e77e24;
	color: #fff;
}
.btn.orange-bg {
	border-color: #e77e24;
}
.blue-bg {
	background-color: #3597d3;
	color: #fff;	
}
/* padding styles */
.pad-1 {
	padding-top: 17px;
}
.pad-2 {
	padding-top: 34px;
}
.pad-3 {
	padding-top: 51px;
}
/* flat ui colors */
.fc-alice-blue {
	color: #E4F1FE;
}
.fc-alice-blue-bg {
	background-color: #E4F1FE;
}
.fc-emerald-bg {
	background-color: #3FC380;
}
.fc-humming-bird-bg {
	background-color: #C5EFF7;
}
.fc-lynch-bg {
	background-color: #6C7A89;
}
.fc-ecstasy-bg {
	background-color: #F9690E;	
}
.fc-lightning-bg {
	background-color: #F5AB35;
}
.fc-observatory-bg {
	background-color: #049372;
}
.fc-steel-blue-bg {
	background-color: #4B77BE;
}
.fc-gossip-bg {
	background-color: #87D37C;
}
.fc-medium-turquoise-bg {
	background-color: #4ECDC4;
}

.pull-position-right {
	right: 0;
}
/* carousel styles */
.carousel-control.left,
.carousel-control.right {
	background: none;
}
.carousel-indicators li,
.carousel-indicators li.active {
	box-shadow: 0px 0px 2px 1px rgba(44, 44, 44, 0.5) !important;
	width: 25px !important;
	margin: 3px !important;
	height: 10px;
}

.logonav-brand {
	padding: 0;
}
.logonav-brand img {
}

.alo-menubar.navbar-default {
	background-color: #ffffff !important;
	padding: 10px 0px;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
	border: 1px solid #f2f2f2;
}
.alo-menubar.navbar-default .navbar-nav > .active > a, 
.alo-menubar.navbar-default .navbar-nav > .active > a:hover, 
.alo-menubar.navbar-default .navbar-nav > .active > a:focus {
	background-color: transparent !important;	
	border-bottom: 2px solid #3597d3;
	color: #3597d3;
	font-weight: bold;
}
.alo-menubar.navbar-default .navbar-nav > .active > a:hover, 
.alo-menubar.navbar-default .navbar-nav > .active > a:focus {
	border-bottom: 2px solid #e77e24;
}
/* utilities */
.primary-blue-bg {
	background-color: #3597d3;
	color: #fff;
}
.primary-blue {
	color: #3597d3;
}
.shadow-bg {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1) inset;
	box-sizing: content-box;
}

.thumbnail.primary-blue-bg .caption {
	color: #fff;
}

/* section styles */
.section {
	position: relative;
}
.section .section-header {
	padding: 51px 0;
}
.section .section-header .title {
	font-size: 24px;
}
.section .section-header .title .line {
	margin-bottom: 5px;
	border-bottom: 1px dotted #aaa;
	display: inline-block;
	width: 20px;
	height: 1px;
	margin-left: 17px;
	margin-right: 17px;
	position: relative;
}
.section .section-content {
	position: relative;
	padding: 34px 0;
}
.section .section-content .title {
	margin-bottom: 17px;
	font-size: 24px;
}
.section .section-content .side-section-content {
	position: absolute;
	height: 100%;
	padding: 34px;
	top: 0;
	width: 30%;
	background-color: rgba(255, 255, 255, .9);
}
.section .section-content .side-section-content .thumbnail-content {
	font-size: 14px;
	line-height: 2em;
}

#homeSlider .carousel-inner .carousel-caption h1,
#homeSlider .carousel-inner .carousel-caption h4 {
		color: #fff;
}
/*@media(min-width: 350px) {
	#homeSlider .carousel-inner .carousel-caption h1 {
		margin-top: 20px;
		padding-bottom: 0;
	}
	#homeSlider .carousel-inner .carousel-caption h4 {
		position: absolute;
		left: -9999px;
	}	
}
@media(min-width: 450px) {
	#homeSlider .carousel-inner .carousel-caption h4 {
		position: relative;
		left: 0px;
	}
}*/

/*homeSlider style update on 31/12/2014*/
@media(min-width:320px){           
	#homeSlider .carousel-inner .carousel-caption{
		bottom:39px !important;
	}
	#homeSlider .carousel-inner .carousel-caption h1 {		
		font-size:29px;
		line-height:27px;
	}
	#homeSlider .carousel-inner .carousel-caption h4 {
		display:none;
	}	
}
@media(max-width:320px){ 
	#homeSlider .carousel-inner .carousel-caption{
		bottom:39px;
	}
	#homeSlider .carousel-inner .carousel-caption h1 {
		font-size:29px;
		line-height:27px;
	}
	#homeSlider .carousel-inner .carousel-caption h4 {
		display:none;
	}	
}
@media(min-width: 768px) {		
	#homeSlider,
	#homeSlider .carousel-inner {
		height: 550px;
	}
	#homeSlider .carousel-inner .carousel-caption{
		bottom:20px ;
	}
	#homeSlider .carousel-inner .carousel-caption {
		top: 20%;
		/*background-color: rgba(53, 151, 211, 0.4);
		padding: 15px;*/
		/*border-radius: 4px;
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2) inset;*/
	}
	#homeSlider .carousel-inner .carousel-caption h1 {
		font-size: 4em;	
		font-weight: 100;
		line-height:65px;
	}
	#homeSlider .carousel-inner .carousel-caption h4 {
		padding-top: 20px;
		font-weight: bold;
		position: relative;
		left: 0;
		line-height: 1.5em;
		display:block;
	}
	
}
@media(min-width: 992px) {	
	#homeSlider,
	#homeSlider .carousel-inner {
		height: 500px;
	}
	#homeSlider .carousel-inner .carousel-caption h4 {
	}
}

/* What we do style */
#whatWeDo {
	margin-top: 34px;
}
#whatWeDo .section-header {
}
#whatWeDo .thumbnail {
	border: none;
	/*border-color: #f2f2f2; */
	padding: 17px 0px;
}
#whatWeDo .thumbnail .caption {
	text-align: center;
}
#whatWeDo .thumbnail .caption .divider {
	border-bottom: 1px solid #e0e0e0;
	display: block;
	margin: 17px auto;
	width: 10%;
}
#whatWeDo .thumbnail img {
	transition-proerty: all, border, opacity;
	transition-duration: .1s;
	border-radius: 50%;
	/*opacity: .8;*/
	width: 90px;
	height: 90px;
}
#whatWeDo .thumbnail:hover img {
	border: 1px solid #3597d3;
}
/*#whatWeDo .thumbnail:hover .img-double-border {
	background-image: url('../img/icon-border.png');
	background-repeat: no-repeat;
	*background-image: none;
	padding: 15px;
	background-size: cover;
	transition: all .3s ease-in-out;
}*/
#whatWeDo .thumbnail:hover .caption .divider {
	border-color: #3597d3;
	width: 50%;
	transition: all .3s ease-in-out;
}
#whatWeDo .section-content .title {
	font-size: 24px;
}

/* homeContactUs style */
#homeContactUs .contact-us-info .title {
	color: #fff;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
}
#homeContactUs .contact-us-info .info {
	color: #e0e0e0;
}
/* technologiesWeUse style */
#technologiesWeUse .section-header {
	background-image: url('../img/gplaypattern_@2X.png');
	background-repeat: repeat;
}
#technologiesWeUse .section-content .title {
	font-size: 20px;
}
#technologiesWeUse .thumbnail {
	border: none;
}
#technologiesWeUse .thumbnail .caption {
	text-align: center;
}
#technologiesWeUse .thumbnail .caption .divider {
	border-bottom: 1px solid #e0e0e0;
	display: block;
	margin: 17px auto;
	width: 10%;
}
#technologiesWeUse .thumbnail img {
	height: 90px;
	width: auto;
	transition-property: all, opacity;
	transition-duration: .3s;
}
#technologiesWeUse .thumbnail:hover img {
	opacity: 1;
}
#technologiesWeUse .thumbnail:hover .caption .divider {
	border-color: #3597d3;
	width: 50%;
	transition: all .3s ease-in-out;
}
/* latestWorks styles */
#latestWorks .section-header {
	background-image: url('../img/photography_@2X.png');
	background-repeat: repeat;	
}
#latestWorks .list-group-item {
	border-radius: 0;
}
#latestWorks .thumbnail {
	border-top: 2px solid #59ABE3;
	/*padding-top: 34px;	
	padding-bottom: 34px;*/
	min-height: 300px;
	transition-property: all, background-color;
	transition: duration: .1s;
}
#latestWorks .thumbnail:hover {
	background-color: #59ABE3;
	transition: all .1s ease-in-out;
}
#latestWorks .thumbnail.emerald {
	border-top: 2px solid #3FC380;	
}
#latestWorks .thumbnail.emerald:hover {
	background-color: #3FC380;
}
#latestWorks .thumbnail.aqua-island {
	border-top: 2px solid #A2DED0;	
}
#latestWorks .thumbnail.aqua-island:hover {
	background-color: #A2DED0;
}
#latestWorks .thumbnail.downy {
	border-top: 2px solid #65C6BB;	
}
#latestWorks .thumbnail.downy:hover {
	background-color: #65C6BB;
}
#latestWorks .thumbnail.observatory {
	border-top: 2px solid #049372;	
}
#latestWorks .thumbnail.observatory:hover {
	background-color: #049372;
}
#latestWorks .thumbnail.steel-blue {
	border-top: 2px solid #4B77BE;	
}
#latestWorks .thumbnail.steel-blue:hover {
	background-color: #4B77BE;
}
#latestWorks .thumbnail.flamingo {
	border-top: 2px solid #EF4836;	
}
#latestWorks .thumbnail.flamingo:hover {
	background-color: #EF4836;
}
#latestWorks .thumbnail.lightning-yellow {
	border-top: 2px solid #F5AB35;	
}
#latestWorks .thumbnail.lightning-yellow:hover {
	background-color: #F5AB35;
}
#latestWorks .thumbnail.ecstasy {
	border-top: 2px solid #F9690E;	
}
#latestWorks .thumbnail.ecstasy:hover {
	background-color: #F9690E;
}
#latestWorks .thumbnail:hover * {
	color: #fff;
}
#latestWorks .thumbnail .title {
	text-align: center;
	font-size: 24px;
	margin-bottom: 34px;
}
#latestWorks .thumbnail p {
	color: #aaa;
}

/* ourTeam styles 
#ourTeam .section-header {
	background-image: url('../img/school.png');
	background-repeat: repeat;	
}*/
#ourTeam .section-header .title {
	font-size: 24px;
	color: #fff;
}
#ourTeam .section-header .title .line {
	border-color: #fff;
}
#ourTeam .section-content .title {
	font-size: 24px;
}
#ourTeam .thumbnail .caption {
	text-align: center;
}
#ourTeam .thumbnail img {
	border-radius: 50%;
	padding: 10px;
	width: 150px;
	transition-property: all, opacity;
	transition-duration: .2s;
	opacity: .8;
}
#ourTeam .thumbnail:hover img {
	opacity: 1;
}
/* followUs styles */
#followUs .section-content {
	padding: 85px 0;
}
#followUs .social-link {
	border: 1px solid #3597d3;
	border-radius: 50%;
	width: 170px;
	height: 170px;
	text-align: center;
	padding-top: 69px;
	transition-property: all, background-color;
	transition-duration: .2s;
}
	#followUs .social-link:hover {
		background-color: #3597d3;		
	}
	
	#followUs .social-link.facebook {
		border-color: #3B5998;
	}
	#followUs .social-link.facebook:hover {
		background-color: #3B5998;
	}
	#followUs .social-link.facebook:hover img {
		background-image: url('../img/facebook-hover.png');
	}
#followUs .social-link.twitter {
	border-color: #52A7E7;
}
	#followUs .social-link.twitter:hover {
		background-color: #52A7E7;
	}
	#followUs .social-link.twitter:hover img {
		background-image: url('../img/twitter-hover.png');
	}
#followUs .social-link.google-plus {
	border-color: #D73D32;
}
	#followUs .social-link.google-plus:hover {
		background-color: #D73D32;
	}
	#followUs .social-link.google-plus:hover img {
		background-image: url('../img/google-plus-hover.png');
	}
#followUs .social-link.dribbble {
	border-color: #C32361;
}
	#followUs .social-link.dribbble:hover {
		background-color: #C32361;
	}
	#followUs .social-link.dribbble:hover img {
		background-image: url('../img/dribbble-hover.png');
	}
#followUs .social-link.behance {
	border-color: #009DF5;
}
	#followUs .social-link.behance:hover {
		background-color: #009DF5;
	}
	#followUs .social-link.behance:hover img {
		background-image: url('../img/behance-hover.png');
	}
/* ourPartners styles */
#ourPartners .section-header {
	background-image: url('../img/partners-bg.jpg');
	background-repeat: repeat;		
}
#ourPartners .section-content {
	padding-top: 68px;
	padding-bottom: 17px;
}
#ourPartners .section-content .thumbnail {
	padding: 10px;
}

/* meetOurTeam style */
#meetOurTeam .section-content {
	background-image: url('../img/team-small.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	width: 100%;
	height: 300px;
}
#meetOurTeam .section-content .side-section-content {
	width: 40%;
}


/*meetOurTeam style update on 31/12/2014 */
@media(min-width:320px){
	#meetOurTeam .thumbnail-content {
		color:#fff;
		text-shadow:none;
	}
	#meetOurTeam .caption a{
	    margin-bottom:20px;
	}
}
@media(max-width:320px){
   #meetOurTeam .thumbnail-content {
		color:#fff;
		text-shadow:none;
	}
	#meetOurTeam .caption a{
	    margin-bottom:20px;
	}    
}
@media(min-width:768px) {
	#meetOurTeam .thumbnail-content {
		text-shadow: 0px -1px 0px rgba(255, 255, 255, .8);
		color: #777;	
	}
}
/* contactUs styles */
#contactUs .section-header .title {
	color: #fff;
}
#contactUs .section-header .title .line{
	border-color: #fff;
}
#contactUs .subpage-title {
	font-size: 24px;
	margin-bottom: 17px;
}

/* ourServices styles */
#ourServices .section-header {
	background-color: #6BB9F0;
}
#ourServices .section-header .title {
	color: #fff;
}
#ourServices .section-header .title .line {
	border-color: #fff;
}
#ourServices .thumbnail {
	border: none;
	padding: 17px 0px;
}
#ourServices .thumbnail .caption {
	text-align: center;
}
#ourServices .thumbnail .caption .divider {
	border-bottom: 1px solid #e0e0e0;
	display: block;
	margin: 17px auto;
	width: 10%;
}
#ourServices .thumbnail img {
	transition-proerty: all, border, opacity;
	transition-duration: .1s;
	border-radius: 50%;
	/*opacity: .8;*/
	width: 90px;
	height: 90px;
}
#ourServices .thumbnail:hover img {
	border: 1px solid #3597d3;
}
#ourServices .thumbnail:hover .caption .divider {
	border-color: #3597d3;
	width: 50%;
	transition: all .3s ease-in-out;
}
#ourServices .section-content .title {
	font-size: 24px;
}
/*#ourServices .section-header {
	background-image: url('../img/school.png');
	background-repeat: repeat;	
}*/

/* ourWorks styles */
#aloTrackerProduct .section-header .title,
#aloCareProduct .section-header .title{
	margin-bottom: 34px;
}
#aloTrackerProduct .section-header *, 
#aloCareProduct .section-header *, 
#auditoProduct .section-header * {	
	color: #fff;
	border-color: #fff;
}
#aloTrackerProduct .section-content {
	text-align: center;
}
/* howWeDo */
#howWeDo .section-header * {
	color: #fff;
	border-color: #fff;
}
#howWeDo .section-content .title .sno {
	padding: 0 10px;
	background-color: rgba(80,80,80, .6);
	color: #fff;
}
#howWeDo .section-content .thumbnail-content .img-circle {
	width: 100px;
}
/*howWeDo side-section-content style update on 31/12/2014*/
@media(min-width: 320px) {
	#howWeDo .section-content {
		min-height: 250px;
	}
	#howWeDo .section .section-content .side-section-content {
		padding: 17px;
	}
	#howWeDo .section .section-content{
		padding: 0px 0 ;
	}
	#howWeDo .section-content .side-section-content {
		width: 100% ;
		border-bottom:1px dotted #F5AB35;
	}	
	#howWeDo .section-content:last-child .side-section-content{
		border-bottom:none;
	}	
	#howWeDo .section-content .title {
		font-size: 20px;
		padding-top:10px;
	}	
	.gather-requirement-bg,
	.man-with-laptop-bg,
	.development-work-bg,
	.testing-app-bg,
	.deploying-training-bg {
		background-image:none;	
	}
}
@media(max-width: 320px) {
	#howWeDo .section-content {
		min-height: 250px ;
	}
	#howWeDo .section .section-content .side-section-content {
		padding: 17px;
	}
	#howWeDo .section .section-content {
		padding: 0px 0 ;
	}
	#howWeDo .section-content .side-section-content {
		width: 100% ;
		border-bottom:1px dotted #F5AB35;
	}
	#howWeDo .section-content:last-child .side-section-content{
		border-bottom:none;
	}
	#howWeDo .section-content .title {
		font-size: 20px;
		padding-top:10px;
	}
	.gather-requirement-bg,
	.man-with-laptop-bg,
	.development-work-bg,
	.testing-app-bg,
	.deploying-training-bg {
		background-image:none;	
	}
}
@media(min-width: 768px){
	#howWeDo .section-content {
		min-height: 350px;
	}
	#howWeDo .section .section-content {	
		padding: 34px 0;
	}
	#howWeDo .section-content .side-section-content {
		width: 50%;
	}
	#howWeDo .section-content .title {
		padding-top: 34px;
		font-size: 30px;
	}	
	.gather-requirement-bg {
		background-image: url('../img/team-small.jpg');
		background-repeat: no-repeat;
		background-size: cover;
	}
	.man-with-laptop-bg {
		background-image: url('../img/man-with-laptop.jpg');
		background-repeat: no-repeat;
		background-size: cover;
	}
	.development-work-bg {
		background-image: url('../img/development-work.jpg');
		background-repeat: no-repeat;
		background-size: cover;
	}
	.testing-app-bg {
		background-image: url('../img/testing-app.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position-y: -150px;
		/*background-position-x: -150px;*/
	}
	.deploying-training-bg {
		background-image: url('../img/deploying-training.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position-y: -150px;
	}
}

/* #contactForm style */
#contactForm .subpage-title {
	margin-bottom: 17px;
	font-size: 24px;
}
/* pageFooter styles */
#pageFooter {
	border-top: 2px solid #f77f24;	
	background-color: #555;
}
#pageFooter:after {
	background-color: #555;
	padding: 0;
	margin: 0;
	content: "";
	clear: both;
}
#pageFooter .navbar-brand {
	color: #fff;
	font-size: 11px;
}

#pageFooter ul#siteLinks li {
	float: left;
}
#pageFooter ul#siteLinks li a {	
	color: #fff;
	transition-property: all, border;
	transition-duration: .2s;
}
#pageFooter ul#siteLinks li a:hover,
#pageFooter ul#siteLinks li a:focus {
	color: #e2e2e2;
	background-color: transparent;
	border-bottom: 1px solid #f77f24;
}
#pageFooter ul#siteLinks li.active a {
	color: #f77f24;
}
/*pageFooter style updated on 31/12/2014*/
@media(min-width: 320px) {
	#pageFooter {
		min-height: 120px !important;
	}
	#pageFooter .pad-2{
		padding-top: 20px;
	}
	#pageFooter .navbar-brand {
		height: 37px;
	}
	#pageFooter .nav>li>a {
		padding: 10px 6px 6px 6px;
	}
	#pageFooter ul.pull-right {
		float:left !important;
	}
}
@media(max-width: 320px) {
	#pageFooter {
		min-height: 120px !important;
	}
	#pageFooter .pad-2{
		padding-top: 20px;
	}
	#pageFooter .navbar-brand {
		height: 37px;
	}
	#pageFooter .nav>li>a {
		padding: 10px 6px 6px 6px;
	}
	#pageFooter ul.pull-right {
		float:left !important;
	}
}
@media(min-width:768px){
	#pageFooter {	
		min-height: 100px;
	}
	#pageFooter .pad-2 {
		padding-top: 34px;
	}
	#pageFooter .navbar-brand {
		height: 50px;
	}
	#pageFooter .nav>li>a {
		padding: 10px 15px;
	}
	#pageFooter ul.pull-right {
		float:right !important;
	}	
}

/* card container styles */
.card-container {
  perspective: 600;
  position: relative;
  width:100%;
  height: 100%;
  
}

.collapse {


}
.card {
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: all .3s ease-in-out;
  width: 100%;
}
.card:hover {
  transform: rotateY(180deg);
}
.card .side {
  backface-visibility: hidden;
  height: 100%;
  position: absolute;
  width: 100%;
}
.card .back {
  transform: rotateY(180deg);
}
/* homeContactUs parallax effect style */
#homeContactUs {
	background: url('../img/parallax.jpg') no-repeat;	
	background-size: cover;
	background-attachment: fixed;	
	overflow: hidden;
	background-color: #1B1F23;
	padding-top: 85px;
	height: 400px;
}

/** dropdown-large style **/
.dropdown-large {
  position: static !important;
}
.dropdown-menu-large {
  margin-left: 16px;
  margin-right: 16px;
  padding: 20px 0px;
}
.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-large > li > ul > li {
  list-style: none;
}
.dropdown-menu-large > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  color: #999999;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header {
  color: #428bca;
  font-size: 18px;
}
@media (max-width: 768px) {
  .dropdown-menu-large {
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .dropdown-menu-large > li {
    margin-bottom: 30px;
  }
  .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }
}
  
/**my new styles**/
			/**Gallery view styles**/
 
            .demo-gallery > ul {
              margin-bottom: 0;
            }
            .demo-gallery > ul > li {
                float: left;
                margin-bottom: 15px;
                margin-right: 20px;
                width: 200px;
            }
            .demo-gallery > ul > li a {
              border: 3px solid #FFF;
              border-radius: 3px;
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
            }
            .demo-gallery > ul > li a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 200px;
              width: 200px;
            }
            .demo-gallery > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery > ul > li a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery > ul > li a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .justified-gallery > a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery .justified-gallery > a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .video .demo-gallery-poster img {
              height: 48px;
              margin-left: -24px;
              margin-top: -24px;
              opacity: 0.8;
              width: 48px;
            }
            .demo-gallery.dark > ul > li a {
              border: 3px solid #04070a;
            }
            .home .demo-gallery {
              padding-bottom: 80px;
            }
		/**gallery view ends here**/
			
			
			/*.work-list{
				background-color:#fff;
				border:1px solid #3597d3;
				
			
			}*/
			.pad-bottom{
				padding-bottom:20px;
			}
			.pad-top{
				padding-top:40px;
			}
			@media only screen and (max-width: 500px) {
				.pad-bottom{
					
					padding-bottom:10px;
				}
				.pad-top{
					
					padding-top:10px;
				}
            }
			
.space-top{
   margin-top:60px;
}
.headProduct{
	background-image: url('../img/header images/alobug_header.jpg');
	background-repeat:no-repeat;
     height:100%;
	background-size:100%;
	padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 50px;
	}
	@media only screen and (max-width: 768px) {
.headProduct{
     height: 200px;
            } }
.headProduct1{
	background-image: url('../img/header images/2016-08-05_123659-1080x550.png');
	background-repeat:no-repeat;
     height: 100%;
	background-size:100%;
	padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 50px;
	}
@media only screen and (max-width: 768px) {
.headProduct1 {
     height:200px;
	} 

}	
	.headProduct2{
	background-image: url('../img/header images/halal_header1.jpg');
	background-repeat:no-repeat;
     height: 100%;
	background-size:100%;
	padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 50px;
	}
	@media only screen and (max-width: 768px) {
.headProduct2{
     height: 200px;
            } }
	.headProduct3{
	background-image: url('../img/header images/alocare_header1.jpg');
	background-repeat:no-repeat;
     height:100%;
	background-size:100%;
	padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 50px;
	}
	@media only screen and (max-width: 768px) {
.headProduct3{
     height: 200px;
            } }
	.headProduct4{
	background-image: url('../img/header images/alolab_header.jpg');
	background-repeat:no-repeat;
     height: 100%;
	background-size:100%;
	padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 100px;
	}
	@media only screen and (max-width: 768px) {
.headProduct4{
     height: 200px;
            } }
	.headProduct5{
	background-image: url('../img/school.jpg');
	background-repeat:no-repeat;
     height:100%;
	background-size:100%;
	padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 100px;
	}
	@media only screen and (max-width: 768px) {
.headProduct5{
     height: 200px;
            } }
	.headProduct6{
	background-image: url('../img/header images/02-design-wireframe2.jpg');
	background-repeat:no-repeat;
     height:100%;
	background-size:100%;
	padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 100px;
	}
@media only screen and (max-width: 768px) {
.headProduct6{
     height: 200px;
            } }
			.headProduct7{
	background-image: url('../img/header images/lens-camera-photography(1).png');
	background-repeat:no-repeat;
     height:100%;
	background-size:100%;
	padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 50px;
	}
	@media only screen and (max-width: 768px) {
.headProduct7{
     height: 200px;
            } }
.headProduct8{
	background-image: url('../img/header images/asso_manager1.jpg');
	background-repeat:no-repeat;
     height: 100%;
	background-size:100%;
	padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 50px;
	}
@media only screen and (max-width: 768px) {
.headProduct8{
     height: 200px;
            } }
			
.headProduct9{
	background-image: url('../img/header images/security_eyes.jpg');
	background-repeat:no-repeat;
     height:100%;
	background-size:100%;
	padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 50px;
	}
@media only screen and (max-width: 768px) {
.headProduct9{
     height: 200px;
            } }
.padtop-hover{
 padding-top:72px;
 font-weight:bold;

}
@media only screen and (max-width: 768px) {
.padtop-hover{
	padding-top:10px;
	padding-bottom:0px;
		} }

.padding-head{
	padding-top:100px;
}
.padding-navhead{
	padding-top:50px;
	padding-bottom:25px;
}
.padding-list{
	padding-top: 3px !important;
	padding-bottom:3px !important;
}
.website-head{
   color:#000000 !important;
}
.img-logo{

  width:200px !important;
  padding-top:200px;
  padding-right:0px; 
  padding-bottom:200px;
}
.row-logo{
	margin-left:448px;
	margin-right:400px;
}

.img-header
{
	padding-top:100px;
    padding-bottom: 200;
}
@media only screen and (max-width: 768px) {
.img-header{
	padding-top:10px;
	padding-bottom:0px;
		} }


.work-toggle {
     display: block !important;
}

/**.text-shadow{
    text-shadow: 2px 2px 16px #e6e6e6;
}**/
.heading-size
{
font-size:20px;
}


.hovereffect {
  width: 100%;

  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}
.bottomSpace{
    padding-top: 25px;
	padding-bottom: 25px;

}

.image-fit{
	
	object-fit: cover;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  top: -200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.1s ease-out 0.5s;
  transition: all 0.1s ease-out 0.5s;
}

.hovereffect:hover .overlay {
  opacity: 9;
  filter: alpha(opacity=100);
  top: 0px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}



.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.hovereffect:hover h2 {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  margin: 50px 0 0 0;
  background-color: transparent;
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  transform: translateY(0px);
  color: #e6e6e6;
  border: 1px solid #e6e6e6;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect:hover a.info {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  box-shadow: 0 0 5px #000;
  color: #e6e6e6;
  border: 1px solid #e6e6e6;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.headLine{
	color: #e6e6e6;
}
.headLine_buysnippet{
	color: #3c763d;
}
.headline-font{
	font-size:65px;
}

.headLine1{
	color: #fff !important;
	font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .1.5em !important;
	font-size: 35px;
	position: relative;
    z-index: 3;
	
}
@media only screen and (max-width: 500px) {
.headline1{
	font-size: 20px;
		} }

.headLine2{
	color: #000000;
}
.leftside{
	float:left;
}
.rightside{
	float:right;
}
.leftside{
	float:left;
	padding-left:30px;
}

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

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.productSpace{
	padding-top: 100px;
    padding-right: 50px;
    padding-bottom: 100px;
	padding-left: 50px
	
}
.productSpace1{
	padding-top: 10px;
    padding-right: 200px;
    padding-bottom: 10px;
	padding-left: 200px;	
}
.productSpace2{
	padding-top: 40px;   
    padding-bottom: 10px;	
}
.head{
	background-image: url('../img/01gathering-requirements.jpg');
	background-repeat:no-repeat;
    height:250px;
	background-size:100%;
	padding-top: 90px !important;
    padding-right: 0px;
    padding-bottom: 50px;	
}
@media only screen and (max-width: 500px) {
.head{
	 height:0px;
	background-size:100%;
	
		} }
 

.head-bg_img_overlay{
	background-color: rgba(0,0,0,0.4);
	position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    pointer-events: none;
}


#img2{
	float:left;
	width:50%;

	
}
#img3{
	float:right;
	width:50%;
	
}
.ulmenu-width{
	width:100%;
}
.limenu-width{
	width:25%;
}
.page-definition{
	color:#192529;
	font-family: "Arnhem";
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.5;
	margin-right: auto;
    margin-left: auto;
    width: 88.75%;
    max-width: 620px;
}
.page-definition1{
	color:#192529;
	font-family:"Caponi,serif";
	font-weight: 400;
	font-size: 2.5em;
	line-height: 1.5;
	/*padding-right:225px;
    padding-left: 225px;*/
   
   
}
.page-definition2{
	color:#192529;
	font-family:"Caponi,serif";
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.5;
	/*padding-right:225px;
    padding-left: 225px;*/
   
  
}
.page-contenthead{
    color: #192529;
	margin-top: 60px;
    margin-bottom: 36px;
	font-size: 3.75em;
	line-height: 1;
    margin-right: auto;
    margin-left: auto;
    width: 88.75%;
    max-width: 620px;
	font-family: Caponi,serif;
}
.page-content{
	color: #192529;
	margin-bottom: 24px;
	font-size: 1.125em;
    line-height: 1.67;
	margin-right: auto;
    margin-left: auto;
    width: 88.75%;
    max-width: 620px;
}

.figcaption {
    padding-left: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 168px;
    transform: translateY(-50%);
}
@media (min-width: 680px){
.figcaption__heading {
    margin-bottom: 18px;
}}
.figcaption__heading {

	display: block;
    text-transform: uppercase;
	}
strong {
    font-weight: 700;
}
.figcaption__desc {
    line-height: 1.5;
}

@media (min-width: 680px){
.figure:not(:last-of-type) {
    margin-bottom: 66px;
}}
@media (min-width: 680px){
.figure:first-of-type {
    margin-top: 60px;
}}
@media (min-width: 680px){
.figure {
    position: relative;
    overflow: auto;
}}
.figure {
    width: 88.75%;
    max-width:840px;
}
.employee__links, .figure, .l-post__footer--center .employee {
    margin-right: auto;
    margin-left: auto;
}


@media (max-width: 679px){
.figure {
    border-bottom: 1px solid #e8e9e9;
}
}
.solution {
    margin-bottom: 66px;
}
.content-left{
    /**padding-left:10px;**/
}
.author-color{
color:#f5f5f5 !important;
}
.space-tb{
    margin-top: 60px;
    margin-bottom: 36px;
	}

.image-bg {
    background-color: rgba(0, 0, 0, 0.7);
	}
	\\\\\\\\\\\\\\\\\
.p-style {
	
	font-size: 23px;
	text-rendering: optimizeLegibility;

    line-height: 1.8em;
    color: #BDBDBD;
}
.a-style {
    display: inline-block;
    text-decoration: none;
    color: #777;
}
.fc-lightning-bg2 {
	background-color: #f9f9f9;
}
.fc-lightning-bg1 {
	background-color: #23a6ba;/*#f9f9f9*/
}
#
aloTrackerProduct1 .section-header *, 
#aloCareProduct1 .section-header *, 
#auditoProduct1 .section-header * {	
	color: #17202A;
	border-color: #17202A ;
}
.author-padding{
	padding-bottom:20px;
}
@media only screen and (max-width: 500px) {
.desktop-only{
	 padding-top:0px;
	 font-size:20px;
		} }
.web-swifti{
	background-image: url('..//websites/blue-flux-wave-color-2560x1600-wallpaper666792.jpg');
	background-repeat:no-repeat;
    height:100%;
	background-size:100%;
	/*padding-top: 150px;*/
    padding-right: 50px;
    padding-bottom: 50px;
	font-size:35px !important;
	}
@media only screen and (max-width: 768px) {
.web-swifti{
     height: 200px;
            } }
.web-fashion{
	background-image: url('..//websites/960x854x716d19f34471c2d7c261efb4.jpg');
	background-repeat:no-repeat;
    height:100%;
	background-size:100%;
	/*padding-top: 150px;*/
    padding-right: 50px;
    padding-bottom: 50px;
	font-size:35px !important;
	}
@media only screen and (max-width: 768px) {
.web-fashion{
     height: 200px;
            } }
.web-aarthitraders{
	background-image: url('..//websites/notebook-1194456_1920.jpg');
	background-repeat:no-repeat;
    height:100%;
	background-size:100%;
	/*padding-top: 150px;*/
    padding-right: 50px;
    padding-bottom: 50px;
	font-size:35px !important;
	}
@media only screen and (max-width: 768px) {
.web-aarthitraders{
     height: 200px;
            } }
.web-akshaytvs{
	background-image: url('..//websites/Apache-200-12-1024x683.jpg');
	background-repeat:no-repeat;
    height:100%;
	background-size:100%;
	/*padding-top: 150px;*/
    padding-right: 50px;
    padding-bottom: 50px;
	font-size:35px !important;
	}
@media only screen and (max-width: 768px) {
.web-akshaytvs{
     height: 200px;
            } }
.web-alifcons{
	background-image: url('..//websites/bg3.jpg');
	background-repeat:no-repeat;
    height:100%;
	background-size:100%;
	/*padding-top: 150px;*/
    padding-right: 50px;
    padding-bottom: 50px;
	font-size:35px !important;
	}
@media only screen and (max-width: 768px) {
.web-alifcons{
     height: 200px;
            } }
.web-marktech{
	background-image: url('..//websites/green-color-simple-background-texture-wide.jpg');
	background-repeat:no-repeat;
    height:100%;
	background-size:100%;
	/*padding-top: 150px;*/
    padding-right: 50px;
    padding-bottom: 50px;
	font-size:35px !important;
	}
@media only screen and (max-width: 768px) {
.web-marktech{
     height: 200px;
            } }
.web-unichem{
	background-image: url('..//websites/background image for unichem.jpg');
	background-repeat:no-repeat;
    height:100%;
	background-size:100%;
	/*padding-top: 150px;*/
    padding-right: 50px;
    padding-bottom: 50px;
	font-size:35px !important;
	}
@media only screen and (max-width: 768px) {
	.web-unichem{
		 height: 200px;
	} 
}
.unichem-text-shadow
{
	text-shadow: 2px 2px 8px  #3B4093;
	color: #3B4093 !important;
}
.swifti-shadow{
	text-shadow: 2px 2px 8px  #163F73;
	
}
.fashion-shadow{
	text-shadow: 2px 2px 8px  732416;
}

.aarthi-shadow{
	text-shadow: 2px 2px 8px  #18BECC;
}

.akshay-shadow{
	text-shadow: 2px 2px 8px  #3B4093;
}
.marktech-shadow{
	text-shadow: 2px 2px 8px  #3B4093;
}

.alif-shadow{
	text-shadow: 2px 2px 8px  #3B4093;
}
.pad-websites{
				padding-top:200px;
				padding-bottom:200px;
			}
@media (max-width: 568px){
	.mob-col-xs-12 {
		 width: 90% !important; 
	}
}
@media (max-width: 675px){
	.limenu-width {
		width: 115% !important;
	}
}
.ulmenu-width>li>a {
    padding: 0px !important;
}
@media (max-width: 767px){
.visible-xs {
    display: block!important;
	padding-top:50px;
	padding-bottom:25px;
}}
@media (max-width: 991px){
.visible-sm {
    display: block!important;
    padding-top: 50px;
    padding-bottom: 25px;
}}
.nav-pills>li.active>a
{
	background-color: #3597d3 !important;
 }
.nav-justified>li>a
 {
	margin-bottom: 0px !important;
 }
.halal_shadow{
	text-shadow: 2px 2px 5px #d32f2f;
}
.security_shadow{
	text-shadow: 2px 2px 1px black;
}
.blr_shadow{
    text-shadow: 1px 2px 2px #a52a2a;
	}
.ohp_shadow{
    text-shadow: 1px 2px 2px #8a6d3b;
	}
.pxl_shadow{
    text-shadow: 1px 2px 2px #9e9e9e;
	}
.alobug_shadow{
	text-shadow: 3px 1px 2px #795548;
}
.buys_shadow{
	text-shadow: 1px 1px 1px #4caf4f;
}
.asso_shadow{
	text-shadow: 2px 2px 1px #9c27b0;
}
.alolab_shadow{
    text-shadow: 2px 2px 2px #4FC3F7;
	}
.alocare_shadow{
    text-shadow: 2px 2px 2px #5c6bc0;
	}
/*.groot-logo {
	width: 50%;
	display: block;
	margin: 0 auto;
}
@media only screen and (max-width: 768px) {
	.groot-logo {
		width: 20%;
		display: block;
		margin: 0 auto;
	}
}*/