/* Import Fonts */

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
/*
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;
*/



body {
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #777777;
}

::-moz-selection { /* Code for Firefox */
 color: #fff;
 background: #75ecfd;
}
::selection {
	color: #fff;
	background: #75ecfd;
}
h1 {
	font-size: 80px !important;
	color: #fff;
	font-weight: normal;
	margin-bottom: 30px;
	text-shadow: 0px 6px 10px rgba(0, 0, 0, 0.4);
}
h1 span {
	color: #75ecfd;
}
h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 60px;
	color: #29d9c2;
	font-weight: 300;
	margin-bottom: 30px;
	margin-top: 0px;
}
h2 span {
	color: #01a2a6;
}
h4 {
	font-size: 19px;
	line-height: 1.375em;
	color: #303030;
	font-weight: 400;
	margin-bottom: 30px;
}
p {
	line-height: 28px;
}
.padding10 {
	padding: 0px !important;
	margin-top: 50px;
}
.padding10 img {
	max-width: 98%;
	float: left;
}
.jumbotron {
	background-image: url(../img/home-banner.png);
	color: #fff;
	padding: 250px 25px;
	background-repeat: no-repeat;
	background-position-y:-400px; 
	background-size: cover !important;
	
}
.container-fluid {
	padding: 60px 50px;
}
.container {
	padding: 70px 0px;
}
.navbar .container {
	padding: 0px;
}
.bg-grey {
	background-color: #f2fefe;
}
.logo-small {
	color: #f4511e;
	font-size: 50px;
}
.logo {
	color: #f4511e;
	font-size: 200px;
}
.thumbnail {
	padding: 0 0 15px 0;
	border: none;
	border-radius: 0;
}
.thumbnail img {
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
}
.carousel-control.right, .carousel-control.left {
	background-image: none;
	color: #f4511e;
}
.carousel-indicators li {
	border-color: #f4511e;
}
.carousel-indicators li.active {
	background-color: #f4511e;
}
.item h4 {
	font-size: 16px;
	line-height: 1.375em;
	font-weight: 400;
	font-style: italic;
	margin: 70px 0;
	color: #777777;
}
.item span {
	font-style: normal;
	font-size: 18px;
}
.panel {
	border: 1px solid #f4511e;
	border-radius: 0 !important;
	transition: box-shadow 0.5s;
}
.panel:hover {
	box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}
.panel-footer .btn:hover {
	border: 1px solid #f4511e;
	background-color: #fff !important;
	color: #f4511e;
}
.panel-heading {
	color: #fff !important;
	background-color: #f4511e !important;
	padding: 25px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.panel-footer {
	background-color: white !important;
}
.panel-footer h3 {
	font-size: 32px;
}
.panel-footer h4 {
	color: #aaa;
	font-size: 14px;
}
.panel-footer .btn {
	margin: 15px 0;
	background-color: #f4511e;
	color: #fff;
}
footer .glyphicon {
	font-size: 24px;
	margin-bottom: 20px;
	color: #fff;
}
#footer {
	background-color: #01a2a6;
	color: #FFF;
	font-size: 14px;
}
#footer a {
	color: #FFF !important;
	padding: 5px;
}
#footer p {
	font-size: 14px;
	margin-top: 20px;
	font-weight: 100;
	font-style: italic;
}
/* Navigation Start */
.navbar {
	margin-bottom: 0;
	background-color: #fff;
	z-index: 9999;
	border: 0;
	font-size: 14px !important;
	letter-spacing: 4px;
	border-radius: 0;
	font-family: 'Roboto Condensed', sans-serif;
	height: 120px;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.navbar li a {
	background-color: #FFF;
}
.navbar li a, .navbar .navbar-brand {
	color: #019496 !important;
	line-height: 90px !important;
}
.navbar-nav li a:hover {
	color: #ff6000 !important;
	background-color: #fff !important;
}
.navbar-nav li a:active {
	color: #ff6000 !important;
	background-color: #fff !important;
}
.navbar-nav li.active a {
	color: #ff6000 !important;
	background-color: #fff !important;
}
.navbar-default .navbar-toggle {
	border-color: transparent;
	color: #fff !important;
}
.dropdown-toggle {
	background-color: #FFF !important;
}
.dropdown-menu {
	border-radius: 0px;
}
.dropdown-menu li a {
	line-height: 40px !important;
	transition: .3s ease;
	letter-spacing: 1px;
	padding: 5px 20px;
}
.dropdown-menu li a:hover {
	background-color: #f9f9f9 !important;
}
/* Slide in Animation */

.slideanim {
	visibility: hidden;
}
.slide {
	animation-name: slide;
	-webkit-animation-name: slide;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	visibility: visible;
}
.carousel-indicators li {
	background-color: rgb( 199, 199, 199 );
	border: none;
}
.carousel-indicators .active {
	background-color: #01a2a6 !important;
}
.responsive1 {
	padding: 0px 6px;
	float: left;
	width: 60%;
	margin-bottom: 15px;
}
.responsive2 {
	padding: 0px 6px;
	float: left;
	width: 40%;
	margin-bottom: 15px;
}
#ourservices .gallery img {
	width: 100%;
	height: 500px;
}
#ourservices .desc {
	padding: 20px;
	text-align: left;
	position: absolute;
	margin-top: -110px;
	color: #FFF;
	font-size: 40px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}
/*.img-text-top {float:left; color:#FFF; position:absolute; margin-top:400px; padding:20px;}*/

#contact {
	background-image: url(../img/globalpresence-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	color: #fff;
	padding: 30px 25px;
}
#contact h2 {
	color: #fff;
}
#contact p {
	display: inline-block;
	width: 24%;
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
	text-transform: uppercase;
}
#contact-inner {
	background-image: url(../img/contact-inner-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	color: #fff;
	padding: 0px 25px;
}
#contact-inner h2 {
	color: #fff;
}
#contact-inner p {
	display: inline-block;
	font-size: 20px;
	font-weight: normal;
	margin-top: 20px;
}
#contact-inner p a {
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;
	color: #fff !important;
}
.btn-contactus {
	width: 300px !important;
	line-height: 60px;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 40px;
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 5px;
	border: 2px solid #acacac;
	background: #acacac;
	background: linear-gradient(#ff6e02, #ff5b02);
	margin-top: 30px;
}
#quality p {
	font-size: 20px;
	color: #161616;
}
#relatedlinks h3 {
	margin-bottom: 35px;
	color: #000;
	font-size: 24px;
}
.service-type {
	display: inline-block;
	width: 32%;
}
.service-type p {
	text-align: center;
	font-size: 18px;
	color: #000;
	margin-top: 15px;
}
.service-type img {
	height: 110px;
	width: auto;
}
.service-type2 {
	width: 30%;
	display: inline-block;
}
.service-type2 p {
	text-align: center;
	font-size: 18px;
	color: #000;
	margin-top: 15px;
}
.service-type2 img {
	height: 110px;
	width: auto;
}
.fa {
	padding: 20px;
	font-size: 30px;
	width: 50px;
	text-align: center;
	text-decoration: none !important;
}
/* Add a hover effect if you want */
.fa:hover {
	opacity: 0.7;
}
 @keyframes slide {
 0% {
 opacity: 0;
 transform: translateY(70%);
}
 100% {
 opacity: 1;
 transform: translateY(0%);
}
}
 @-webkit-keyframes slide {
 0% {
 opacity: 0;
 -webkit-transform: translateY(70%);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0%);
}
}
.osl-logo {
	margin: 35px 0px;
	width:209px;
}
#ourservices section {
	width: 80%;
	margin: 0 auto;
	margin-bottom: 120px;
}
.bottom-left {
	position: absolute;
	bottom: 8px;
	left: 16px;
}
/*Inner Pages*/

.jumbotron-innerpage {
	background-color: #ececec;
	color: #fff;
	padding: 30px 25px;
	margin-top: 100px;
}
.jumbotron-innerpage h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 36px !important;
	color: #707070;
	font-weight: normal;
	margin-bottom: 20px;
	text-shadow: none;
}
.jumbotron-innerpage p {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #777777;
}
#about h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 60px !important;
	color: #29d9c2;
	font-weight: 400;
	margin-bottom: 30px;	
	margin-top: 10px;
	text-shadow: none;
}
#about h1 span {
	color: #01a2a6;
}
#about h3 {
	color: #01a2a6;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 26px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 20px 0px;
}
#about p {
	text-align: justify;
}
#about ul {
	padding: 0px;
	margin: 0px;
}
#about ul li {
	list-style: none;
	line-height: 36px;
}
.bg-grey2 {
	background-color: #f4f4f3 !important;
}
 @media( max-width: 585px ) {
.osl-logo {
	margin: 15px;
	width: 150px !important;
	height: auto;
}
.container {
	padding: 30px 20px !important;
}
.navbar .container {
	padding: 0px 20px !important;
}
.navbar {
	height: 60px;
}
.navbar li {
	background-color: #FFF !important;
}
.navbar li a {
	background-color: #FFF;
}
.navbar li a, .navbar .navbar-brand {
	color: #019496 !important;
	line-height: 20px !important;
}
.dropdown-menu li a {
	line-height: 30px !important;
	transition: .3s ease;
	letter-spacing: 1px;
	padding: 5px 20px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	margin-top: -14px;
	border: none !important;
}
.jumbotron {
	background-image: url(../img/home-banner.png);
	background-position: center;
	background-size: cover;
	padding: 50px 25px;
}
.container-fluid {
	padding: 20px;
}
.row {
	padding: 30px 0px;
}
h1 {
	font-size: 40px !important;
	margin-bottom: 0px;
	line-height: 50px;
}
h1 span {
	color: #75ecfd;
}
h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 40px;
	color: #29d9c2;
	font-weight: 300;
	margin-bottom: 0px;
	margin-top: 0px;
}
h2 span {
	color: #01a2a6;
}
.center-block {
	width: 40% !important;
	display: block;
	margin-bottom: 30px;
}
#ourservices section {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 50px;
	margin-top: 30px;
}
#ourservices .gallery img {
	width: 100% !important;
	height: auto;
}
#ourservices .desc {
	margin-top: -60px;
	font-size: 25px;
	font-weight: 400;
	padding: 10px;
}
.responsive1 {
	width: 100% !important;
	margin-bottom: 10px;
	padding: 0px !important;
}
.responsive2 {
	width: 100% !important;
	margin-bottom: 10px;
	padding: 0px !important;
}
#quality p {
	font-size: 14px;
	color: #161616;
}
#quality .center-block {
	width: 100% !important;
}


/*   Inner Pages   */

.jumbotron-innerpage {
	background-color: #ececec;
	color: #fff;
	padding: 10px 20px;
	margin-top: 60px;
}
.jumbotron-innerpage h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px !important;
	color: #707070;
	font-weight: normal;
	margin-bottom: 0px;
	text-shadow: none;
}
.jumbotron-innerpage p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #777777;
}
#about h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 40px !important;
	color: #29d9c2;
	font-weight: 400;
	margin-bottom: 30px;
	text-shadow: none;
}
#about h1 span {
	color: #01a2a6;
}
#about h3 {
	color: #01a2a6;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 26px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 20px 0px;
}
#about p {
	text-align: justify;
}
#about ul {
	padding: 0px;
	margin: 0px;
}
#about ul li {
	list-style: none;
	line-height: 36px;
}
#contact-inner p {
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
}
.btn-contactus {
	width: 100% !important;
	line-height: 60px;
	text-align: center;
	margin-top: 20px;
}
.col-xs-12 {
	padding: 0px;
}
.service-type {
	display: inline-block;
	width: 30%;
	padding: 5px;
}
.service-type p {
	text-align: center;
	font-size: 14px;
	color: #000;
	margin-top: 15px;
	line-height: 20px;
}
.service-type img {
	height: 50px;
	width: auto;
}
.service-type2 {
	width: 30%;
	display: inline-block;
}
.service-type2 p {
	text-align: center;
	font-size: 14px;
	color: #000;
	margin-top: 15px;
	line-height: 20px;
}
.service-type2 img {
	height: 50px;
	width: auto;
}
.img-responsive {
	margin-bottom: 20px;
}
#about h3 {
	color: #01a2a6;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 20px 0px;
}
}


.txtgreen{
	color: #5bb949;
	font-weight: bold;
}

.txtblue{
	color: #056eff;
	font-weight: bold;
}


 @media only screen and (min-device-width : 586px) and (max-device-width : 768px) {
	 
	 
	 
}
 @media only screen and (min-device-width : 769px) and (max-width: 1024px) {
	 
.jumbotron {
	background-image: url(../img/home-banner.png);
	color: #fff;
	padding: 200px 25px;
}

#ourservices .desc {
	padding: 20px;
	text-align: left;
	position: absolute;
	margin-top: -100px;
	color: #FFF;
	font-size: 36px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}
	 
}
 @media only screen and (min-device-width : 1025px) and (max-width: 1280px) {
	 

	 
	 
}