body {
	margin:0px;
	padding:0px;
	background-color:#f000;
	font-family: 'Open Sans', sans-serif !important;
    
}
p
{text-align: justify;}
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, dl, dt, dd, ol, nav ul, nav 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;
}
h4{
	font-family: 'Open Sans', sans-serif !important;

}
/* csss for Home-page */
/* csss for header */
.navbar-default {
	background-color: #fff;
	border-color: #fff;

}

@media (min-width:768px){
.navbar-default {	margin:0px 0 30px 0;}
}
.navbar-default ul {
	margin-top:30px;
}

.navbar-toggle {
	margin-bottom:30px;
}

.navbar-default .navbar-toggle {
	margin-top:55px;
}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;}
.navbar-default .navbar-nav > li > a:hover  {
	background-color:#64a8c8;
	border-radius:5px;
	color:#fff;
}
.navbar-default .navbar-nav > li > a.active {
	background-color:#464343;
	border-radius:5px;
	color:#fff;
	padding-bottom:5px;
	border-bottom:5px solid #64a8c8;
	}
.navbar-default .navbar-nav > li 
{margin-left:2px;}
/* csss for carousel */
.mb25 {
	margin-bottom:25px;}
 .carousel-inner>.item>a>img, .carousel-inner>.item>img {
width:100% !important;
}

.carousel-inner>.item>img {
	width:100%
}
.carousel-caption h1
{vertical-align:middle ;
margin-top:-28%;
text-align:left;}
.carousel-caption h2
{margin-bottom:4%;
text-align:left;}
.slideRight{
	animation-name: slideRight;
	-webkit-animation-name: slideRight;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}
.slideLeft{
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}
@media (max-width:400px){
.carousel-caption h1
{vertical-align:middle ;
margin-top:-28%;
text-align:left;
font-size:12px;}
.carousel-caption h2
{margin-bottom:4%;
text-align:left;
font-size:12px;}

}
@media (max-width:600px){
.carousel-caption h1
{vertical-align:middle ;
margin-top:-28%;
text-align:left;
font-size:16px;}
.carousel-caption h2
{margin-bottom:4%;
text-align:left;
font-size:14px;}

}
/* csss for my-section-3 */
.my-section-3 {
	background-color:#64a9ca;
	padding-top:20px;
	margin-bottom:15px;
}
.my-section-3 .thumbnail {
	background-color:#64a9ca;
	border:hidden;

}
.my-section-3 .thumbnail h3 {
	text-align:center;
	text-transform:uppercase;
	padding:10px 5px;
	background-color:#373737;
	color:#fff;
	font-size:18px;
	margin-bottom:20px;
	border-radius:5px;

}
.my-section-3 .thumbnail img {
	border-radius:50%;
	margin-bottom:20px;
}
.my-section-3 .thumbnail p, .my-section-3 .thumbnail p a {
	font-size:14;
	color:#fff;
	margin-bottom:10px;
}
/* csss for my-section-4 */
.my-section-4 .thumbnail {
	background-color:#e8e8e8;
	padding:12px;
}
.my-section-4 h4, .my-section5 h4, .my3 h4 {
	margin-bottom:15px;
	font:24px bold;
	text-transform:uppercase;
}
.my-divider {
	border-bottom:2px solid #222222;
	width:30%;
	padding-left:30% !important;
}
.my-section-4 .thumbnail:hover .my-divider
{border-bottom:2px solid #fff;}
.my-section-4 .thumbnail h3 {
	font-size:18px;
	font-weight:bold;
	color:#222222;
	text-transform:uppercase;
	text-align:center;
	margin-top:15px;
}
.my-section-4 .thumbnail p {
	margin-bottom:10px;
	text-align:left;
}

.my-section-4 .thumbnail p a {
	color:#000;
	font-weight:bold;
}
.my-section-4 .thumbnail:hover
{background-color:#052532;
color:#fff;}
.my-section-4 .thumbnail:hover p, .my-section-4 .thumbnail:hover h3, .my-section-4 .thumbnail:hover p a 
{background-color:#052532;
color:#fff;}
/* csss for my-section-5 */
.my-section5 {
	background-color:#f6f6f6 !important;
	padding:10px 0;
	margin-bottom:15px;
}
.my-section5 h4 {
	margin-bottom:15px;
	font:24px bold;
	text-transform:uppercase;
}
/* csss for my-section-6 */
.my-section6 {
	background-color:#373737;
	padding:10px 0;
}
.my-section6 ul li {
	display:inline-block;
	margin-left:5px;
}
.facebook, .g-pluse, .linkeden {
	background-image:url(../images/carosel.png);
	height:52px;
	width:52px;
	display:inline-block;
}
a.facebook {
	background-position:0px 0px;
}
a.facebook:hover {
	background-position:0px -54px;
}
a.g-pluse {
	background-position:-52px 0px;

}
a.g-pluse:hover {
	background-position:-52px -54px;
}
a.linkeden {
	background-position:-104px 0px;
}
a.linkeden:hover {
	background-position:-104px -54px;

}

.mb25
{margin-bottom:25px;}
.my-section6 h5, .my-section6 p, .my-section6 h4
{color:#fff;}
.my-section6 h5
{margin-top:10px;}
.my-section6 li a
{color:#fff;}
.my-section6 li a:hover
{color:#000;}
/* about us page css */
.abus p
{line-height:30px;
}
.alert-info, .title
{background-color:#01232d;
color:#fff;}

/* solution page css */
.tab-content
{padding:10px 0;}
.nav-tabs > li
{width:16.6%;}
.nav-tabs > li a
{text-transform:uppercase;
text-align:center;
font-weight:400;
}
.bggrey{background-color:#e8e8e8;
padding-top:12px;
margin-bottom:20px;}
.tab-content p
{font-size:15px;
line-height:20px;}
/* contact page css */
.mycontact h4, .mycontact h5
{font-weight:bold;
padding-bottom:8px;}
.mb10
{margin-bottom:15px;}
.mysolution h3
{margin-bottom:20px;}
.mysolution p
{line-height:25px;
margin-bottom:5px;}
.title {  border:1px solid #E0E0F8; padding:10px; font-size:18px; line-height:20px; margin-bottom:20px; }

.services-list li { padding:5px; }
.get-touch h2 {
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
	margin-bottom:8px;
	clear:both;

}
.input-name {
	margin-bottom:4px;
	height:34px;
	background-color:#d1d1d1;
	width:500px;
	border-radius:2px;
	border:0px;
	padding-left:3px;
}
.input-email {
	margin-bottom:4px;
	height:34px;
	background-color:#d1d1d1;
	width:500px;
	border-radius:2px;
	border:0px;
	padding-left:3px;
}
.input-Message {
	margin-bottom:4px;
	height:110px;
	background-color:#d1d1d1;
	width:500px;
	border-radius:2px;
	border:0px;
	padding-left:3px;
}
.input-btn-black
{background-color:#000;
color:#fff;
	border-radius:2px;
	border:0px;
	height:34px;
	width:95px;
	margin-bottom:8px;
	}
.input-btn-red
{
color:#fff;
	border-radius:2px;
	border:0px;
	height:34px;
	width:59px;
		margin-bottom:8px;
	}
.mb13
{margin-bottom:13px;}
@media (max-width: 767px){

.get-touch
{margin-top:90px;
margin-bottom:40px;}

}


/*
==============================================
slideDown
==============================================
*/


.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: 3s;	
	-webkit-animation-duration: 3s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	

	visibility: visible !important;						
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	50%{
		-webkit-transform: translateY(8%);
	}
	65%{
		-webkit-transform: translateY(-4%);
	}
	80%{
		-webkit-transform: translateY(4%);
	}
	95%{
		-webkit-transform: translateY(-2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

/*
==============================================
slideUp
==============================================
*/


.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: 3s;	
	-webkit-animation-duration: 3s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
	50%{
		transform: translateY(-8%);
	}
	65%{
		transform: translateY(4%);
	}
	80%{
		transform: translateY(-4%);
	}
	95%{
		transform: translateY(2%);
	}			
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	50%{
		-webkit-transform: translateY(-8%);
	}
	65%{
		-webkit-transform: translateY(4%);
	}
	80%{
		-webkit-transform: translateY(-4%);
	}
	95%{
		-webkit-transform: translateY(2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

/*