/* ==== Google font ==== */
@import url('http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic|Montserrat:700|Merriweather:400italic');
body {
	width: 100%;
	height: 100%;
	font-family: 'Robotoregular';
	font-weight: normal;
	color: #333;
	background-color: #fff;
}
html {
	width: 100%;
	height: 100%;
}
form{ background:#fff;}
h1, h2, h3, h4, h5, h6 {
	margin: 20px 0 30px 0;
	text-transform: uppercase;
	font-family: 'Robotolight';
	font-weight: normal;
	letter-spacing: 1px;
}
p {
	margin: 0 0 10px;
	font-size: 15px;
	line-height:1.6em;
}
p.lead {
	font-weight: 600;
}
a {
	color: #00adee;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
a:hover, a:focus {
	text-decoration: none;
	color: #00adee;
	outline: 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.light {
	font-weight: 400;
}
.navbar {
	margin-bottom: 0;
	border-bottom: 1px solid rgba(255,255,255,.3);
}
.navbar-brand {
	font-weight: 700;
}
.navbar-brand {
/*height: 81px;
	padding: 5px 15px;
	font-size: 18px;
	line-height: 1em;*/
}
.navbar-brand h1 {
	color: #fff;
	font-size: 20px;
	line-height: 40px;
}
.navbar-brand:focus {
	outline: 0;
}
.nav.navbar-nav {
	/*background-color: rgba(255,255,255,.4);*/
	background-color: none;
}
.navbar-custom.top-nav-collapse .nav.navbar-nav {
	background-color: rgba(0,0,0,0);
}
.navbar-custom ul.nav li a {
	font-size: 16px;
	letter-spacing: 1px;
	color: #333;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'robotolight';
	transition: all 0.3s ease-in-out 0s;
	padding-right:12px;
}
.navbar-custom ul.nav li a.active {
	color: #00adee;
}
.navbar-custom.top-nav-collapse ul.nav li a {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	color: #333;
}
.navbar-custom ul.nav ul.dropdown-menu {
	border-radius: 0;
}
.navbar-custom ul.nav ul.dropdown-menu li {
	border-bottom: 1px solid #f5f5f5;
}
.navbar-custom ul.nav ul.dropdown-menu li:last-child {
	border-bottom: none;
}
.navbar-custom ul.nav ul.dropdown-menu li a {
	padding: 10px 20px;
}
.navbar-custom ul.nav ul.dropdown-menu li a:hover {
	background: #fff;
}
.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {
	color: #666;
}
.navbar-custom .nav li a {
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}
.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus, .navbar-custom .nav li.active {
	outline: 0;
	background-color: #fff;
	color: #00adee;
	transition: all 0.3s ease-in-out 0s;
}
.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus, .navbar-custom .nav li.active {
	outline: 0;
	background-color: #fff;
	color: #00adee!important;
	transition: all 0.3s ease-in-out 0s;
}
.navbar-toggle {
	padding: 4px 6px;
	font-size: 20px;
	color: #00adee;
}
.navbar-toggle:focus, .navbar-toggle:active {
	outline: 0;
}
/* loader */
#preloader {
	background: #ffffff;
	bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 999;
}
#loaderInner {
	background: #ffffff;
	height: 60px;
	left: 50%;
	margin: -50px 0 0 -50px;
	position: absolute;
	top: 50%;
	width: 60px;
}
 @keyframes boxSpin {
 0% {
 transform: translate(-10px, 0px);
}
 25% {
 transform: translate(10px, 10px);
}
 50% {
 transform: translate(10px, -10px);
}
 75% {
 transform: translate(-10px, -10px);
}
 100% {
 transform: translate(-10px, 10px);
}
}
 @keyframes shadowSpin {
 0% {
 box-shadow: 10px -10px #00adee, -10px 10px #00adee;
}
 25% {
 box-shadow: 10px 10px #00adee, -10px -10px #00adee;
}
 50% {
 box-shadow: -10px 10px #00adee, 10px -10px #00adee;
}
 75% {
 box-shadow: -10px -10px #00adee, 10px 10px #00adee;
}
 100% {
 box-shadow: 10px -10px #00adee, -10px 10px #00adee;
}
}
#load {
	z-index: 9999;
	background-color: #000;
	opacity: 0.75;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	margin: -5px auto 0 auto;
	left: 0;
	right: 0;
	border-radius: 0px;
	border: 5px solid #000;
	box-shadow: 10px 0px #39CCCC, 10px 0px #01FF70;
	animation: shadowSpin 1s ease-in-out infinite;
}
/* misc */
hr {
	margin-top: 10px;
}
/* margins */
.marginbot-0 {
	margin-bottom: 0 !important;
}
.marginbot-10 {
	margin-bottom: 10px !important;
}
.marginbot-20 {
	margin-bottom: 20px !important;
}
.marginbot-30 {
	margin-bottom: 30px !important;
}
.marginbot-40 {
	margin-bottom: 40px !important;
}
.marginbot-50 {
	margin-bottom: 50px !important;
}
/* ===========================
--- General sections
============================ */

.home-section {
	padding-top: 10px;
	padding-bottom: 0px;
	display: block;
	position: relative;
	z-index: 120;
}
.service-section {
	padding-top: 30px;
	padding-bottom: 30px;
	display: block;
	position: relative;
	z-index: 120;
}
.ourapproach-section {
	padding-top: 0px;
	padding-bottom: 0px;
	display: block;
	position: relative;
	z-index: 120;
	margin-top: -10px;
}
.ourteam-section {
	padding-top: 0px;
	padding-bottom: 15px;
	display: block;
	position: relative;
	z-index: 120;
	margin-top: 0px;
}
.section-heading h2 {
	font-size: 25px;
}
.section-heading i {
	margin-bottom: 20px;
	margin-top: 20px;
}
/* --- section bg var --- */

.bg-white {
	background: #fff;
}
.bg-gray {
	background: #f8f8f8;
}
.bg-dark {
	background: #575757;
}
/* --- section color var --- */

.text-light {
	color: #fff;
}
/* ===========================
--- Intro
============================ */
.black {
	color:#000 !important;
}

.intro {
	width: 100%;
	margin: auto;
	/*margin-top: 50px;*/
	position: relative;
	/*background: url(../img/bg1.jpg) no-repeat top center;*/
	background-color: #fff;
}
#intro.intro {
	padding: 0% 0 0 0;
}


 



.intro .slogan {
	text-align: center;
}
.intro .page-scroll {
	text-align: center;
}
.brand-heading {
	font-size: 40px;
}
.intro-text {
	font-size: 18px;
}
.intro .slogan h2 {
	color: #FFF;
	text-shadow: none;
	font-size: 60px;
	line-height: 60px;
	font-weight: 700;
	font-family: Montserrat, sans-serif;
	background-color: rgba(0, 0, 0, 0);
	text-decoration: none;
	text-transform: uppercase;
	border-width: 0px;
	border-color: #000;
	border-style: none;
	text-shadow: -1px 0 1px #000;
}
.intro .slogan h4 {
	color: #fff;
	text-shadow: -1px 1px 1px #000;
}
/* ===========================
--- services
============================ */

.boxed-grey {
	background: #e2f0f5;
	padding: 20px;
	border-radius: 10px;
	min-height: 430px;
	height: auto;
	-webkit-box-shadow: 0px 8px 5px 0px rgba(143, 166, 174, 0.75);
	-moz-box-shadow: 0px 8px 5px 0px rgba(143, 166, 174, 0.75);
	box-shadow: 0px 8px 5px 0px rgba(143, 166, 174, 0.75);
}
.boxed-grey:hover, .boxed-grey:active {
	opacity: 0.6;
	transition: all 0.3s ease-in-out 0s;
	color: #333;
}
.team h5 {
	margin-bottom: 10px;
	text-transform: capitalize;
	font-size: 18px;
	font-weight: 300;
	color: #333;/*line-height: 30px;*/
}
.team1 h5 {
	margin-bottom: 10px;
	text-transform: capitalize;
	font-size: 24px;
	font-weight: 300;
	color: #333;
	line-height: 30px;
}
.team p.subtitle {
	margin-bottom: 20px;
	font-size: 14px;
	text-align: left;
}
.team ul.subtitle {
	margin-bottom: 20px;
	font-size: 14px;
	text-align: left;
	padding-left: 15px;
	height: 170px;
}
.team li {
	margin-top: 10px;
}
.avatar {
	margin-bottom: 10px;
}
.team-social {
	margin-left: 0;
	padding-left: 0;
}
.team-social {
	text-align: center;
}
.team-social li {
	display: inline-block;
	margin: 0 !important;
	padding: 0;
}
.team-social a {
	margin: 0;
	padding: 0;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #3bbec0;
	color: #fff;
	-webkit-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}
.team-social a i {
	text-align: center;
	margin: 0;
	padding: 0;
}
.team-social .social-facebook a {
	background: #3873ae;
}
.team-social .social-twitter a {
	background: #62c6f8;
}
.team-social .social-dribble a {
	background: #d74980;
}
.team-social .social-deviantart a {
	background: #8da356;
}
.team-social .social-google a {
	background: #000;
}
.team-social .social-vimeo a {
	background: #51a6d3;
}
.team-social .social-facebook a:hover {
	background: #4893ce;
}
.team-social .social-twitter a:hover {
	background: #82e6ff;
}
.team-social .social-dribble a:hover {
	background: #f769a0;
}
.team-social .social-deviantart a:hover {
	background: #adc376;
}
.team-social .social-google a:hover {
	background: #333;
}
.team-social .social-vimeo a:hover {
	background: #71c6f3;
}
/* ===========================
--- Approach
============================ */

.approach-icon {
	margin-bottom: 20px;
	float: left;
}
.approach-icon > img {
	margin-bottom: 20px;
	width: 158px;
	height: 161px;
}
.approach-box {
	background-color: #39484d;
	color: #fff;
	padding: 20px;
	min-height: 315px;
	height: auto;
}
.approach-box > h5 {
	text-transform: capitalize;
	font-size: 20px;
	text-align: left;
	font-family: 'Robotolight';
}
.approach-desc {
	width: 249px;
	margin-left: 20px;
	float: left;
}
.approach-desc > p {
	text-align: justify;
	font-size: 14px;
	font-weight: normal;
	font-family: 'Robotoregular';
	line-height: 18px;
}
.approach-desc > a img {
	float: right!important;
	transition: all 0.3s ease-in-out 0s
}
.approach-desc > a img:hover {
	float: right!important;
	opacity: 0.5;
	transition: all 0.3s ease-in-out 0s;
}
/* ===========================
--- Contact
============================ */

form#contact-form .form-group label {
	text-align: left !important;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}
form#contact-form input, form#contact-form select, form#contact-form textarea {
	border-radius: 0;
	border: 1px solid #eee;
	-webkit-box-shadow: none;
	box-shadow: none;
}
form#contact-form input:focus, form#contact-form select:focus, form#contact-form textarea:focus {
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.input-group-addon {
	background-color: #fefefe;
	border: 1px solid #eee;
	border-radius: 0;
}
.widget-contact {
	text-align: left;
}
.company-social {
	margin-left: 0;
	padding-left: 0;
	margin-top: 10px;
}
.company-social {
	text-align: left;
}
.company-social li {
	display: inline-block;
	margin: 0 !important;
	padding: 0;
}
.company-social a {
	margin: 0;
	padding: 0;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #3bbec0;
	color: #fff;
	-webkit-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}
.company-social a i {
	text-align: center;
	margin: 0;
	padding: 0;
}
.company-social .social-facebook a {
	background: #3873ae;
}
.company-social .social-twitter a {
	background: #62c6f8;
}
.company-social .social-dribble a {
	background: #d74980;
}
.company-social .social-deviantart a {
	background: #8da356;
}
.company-social .social-google a {
	background: #000;
}
.company-social .social-vimeo a {
	background: #51a6d3;
}
.company-social .social-facebook a:hover {
	background: #4893ce;
}
.company-social .social-twitter a:hover {
	background: #82e6ff;
}
.company-social .social-dribble a:hover {
	background: #f769a0;
}
.company-social .social-deviantart a:hover {
	background: #adc376;
}
.company-social .social-google a:hover {
	background: #333;
}
.company-social .social-vimeo a:hover {
	background: #71c6f3;
}
.pa-contt {
	width: 173px;
}
.title-txt1{ font-size:18px;}
.tabs-left1 > .nav-tabs .active > a, .tabs-left1 > .nav-tabs .active > a:hover, .tabs-left1 > .nav-tabs .active > a:focus {
	background-color: #00adee;
	border-color: #ddd transparent #ddd #ddd;
	color: #fff;
	font-family: "Robotoregular";
	font-size: 14px;
	text-align: left;
	transition: all 0.2s ease-in-out 0s;
}
.tabs-left1 > .nav-tabs > li {
	float: none;
}
.tabs-left1 > .nav-tabs > li > a {
	margin-bottom: 3px;
	min-width: 74px;
}
.tabs-left1 > .nav-tabs > li > a {
	margin-right: -1px;
}
/* ===========================
--- Footer
============================ */

footer h4 strong {
	font-family: robotoregular;
}
footer {
	text-align: center;
	padding: 0px 0;
	padding-top: 10px;
}
footer p {
	color: #f8f8f8;
	font-family: 'Robotolight';
	font-size: 14px;
}
/* ==========================
Parallax
============================= */

#parallax1 {
	/*background-image: url(../img/parallax/1.jpg);*/
}
#parallax1:after {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC);
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0.7;
	z-index: -1;
}
#parallax2 {
	/*background-image: url(../img/parallax/2.jpg);*/
}
#parallax2:after {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC);
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0.7;
	z-index: -1;
}
/* ===========================
--- Elements
============================ */

.btn {
	border-radius: 0;
	font-family: 'Robotolight';
	font-weight: normal;
	font-size: 14px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.btn-circle {
	width: 70px;
	height: 70px;
	margin-top: 15px;
	padding: 7px 16px;
	border: 2px solid #fff;
	border-radius: 50%;
	font-size: 40px;
	color: #fff;
	background: 0 0;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}
.btn-circle.btn-dark {
	border: 2px solid #666;
	color: #666;
}
.btn-circle:hover, .btn-circle:focus {
	outline: 0;
	color: #fff;
	background: rgba(255,255,255,.1);
}
.btn-circle.btn-dark :hover, .btn-circle.btn-dark :focus {
	outline: 0;
	color: #999;
	background: #fff;
}
.btn-circle.btn-dark :hover i, .btn-circle.btn-dark :focus i {
	color: #999;
}
.page-scroll .btn-circle i.animated {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1s;
}
.page-scroll .btn-circle:hover i.animated {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
}
#custom-search-input {
	float: right;
	width: 350px;
	font-family: 'Robotolight';
	margin-top: 15px;
}
.item {
	background: #fff;
	text-align: center;
	height: 300px;
}
.carousel {
	margin-top: 0px;
}
.carousel-caption > h3 {
	text-transform: capitalize;
	color: #000;
	font-size: 38px;
	line-height: 60px;
	width: 183px;
}
.carousel-caption > p {
	text-transform: capitalize;
	color: #00adee;
	font-size: 18px;
}
.contact-cont {
	background-color: #e2f0f5;
	height: auto;
	min-height: 60px;
	margin-top:15px;
}
.pad-bot0 {
	padding-bottom: 0px!important;
}
.pad-top0 {
	padding-top: 0px!important;
}
.pad-topa {
	padding-top: 62px!important;
}
.mar-bota {
	margin-bottom: -78px!important;
}
.bot-nav {
	margin: auto;
	width: 510px;
	/*border-bottom: 1px solid #000;*/
	height: auto;
	min-height: 50px;
	font-family: 'Robotolight';
	margin-top: 10px;
}
.bot ul li a {
	color: #000!important;
}
.bot-add {
	color: #39484d;
	line-height: 60px;
	margin-bottom: 0px;
}
.serv-drop {
	margin-top: 32px;
}
.serv-drop1 {
	margin-top: 32px;
}
.ban-bold {
	font-family: 'roboto_condensedbold';
	font-size: 40px;
}
.avatar1 {
	height: 150px;
	margin-top: 10px;
}
.avatar1 a img {
	transition: all 0.3s ease-in-out 0s;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.avatar1 a img:hover {
	opacity: 0.5;
	transition: all 0.3s ease-in-out 0s;
}
.inner > p {
	min-height: 116px;
	height: auto;
}
#text {
	color: #fff;
	background: #ffcc00;
}
#map {
	height: 500px;
}
.btn-skin:hover, .btn-skin:focus, .btn-skin:active, .btn-skin.active {
	color: #00adee;
	background-color: #666;
	border-color: #666;
}
.btn-default:hover, .btn-default:focus {
	border: 1px solid #80d6f6;
	outline: 0;
	color: #fff;
	background-color: #80d6f6;
}
.btn-huge {
	padding: 25px;
	font-size: 26px;
}
.banner-social-buttons {
	margin-top: 0;
}
/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
	content: "-";
	display: block;
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	/*border-left: 10px solid white;*/
	position: absolute;
	top: 50%;
	margin-top: -26px;
	left: 94%;
	z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
	content: " ";
	display: none;
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 10px solid rgb(173, 173, 173);
	position: absolute;
	top: 50%;
	margin-top: -17px;
	margin-left: 1px;
	left: 100%;
	z-index: 3;
}
/** The Spacing **/
.btn-breadcrumb .btn {
	padding: 6px 10px 6px 4px;
}
.btn-breadcrumb .btn:first-child {
	padding: 6px 6px 6px 6px;
}
.btn-breadcrumb .btn:last-child {
	padding: 6px 4px 6px 4px;
}
/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
	border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
	border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
	border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
	border-left: 10px solid #adadad;
}
/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
	border-left: 10px solid #428bca;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
	border-left: 10px solid #357ebd;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
	border-left: 10px solid #3276b1;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
	border-left: 10px solid #285e8e;
}
/** Success button **/
.btn-breadcrumb .btn.btn-success:not(:last-child):after {
	border-left: 10px solid #5cb85c;
}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {
	border-left: 10px solid #4cae4c;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
	border-left: 10px solid #47a447;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
	border-left: 10px solid #398439;
}
/** Danger button **/
.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
	border-left: 10px solid #d9534f;
}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
	border-left: 10px solid #d43f3a;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
	border-left: 10px solid #d2322d;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
	border-left: 10px solid #ac2925;
}
/** Warning button **/
.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
	border-left: 10px solid #f0ad4e;
}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
	border-left: 10px solid #eea236;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
	border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
	border-left: 10px solid #d58512;
}
/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:last-child):after {
	border-left: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
	border-left: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
	border-left: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
	border-left: 10px solid #269abc;
}
.panterra-inner {
	margin-top: 124px;
}
.pan-bred {
	margin-top: 0px;
	margin-left:10px;
}
.btn-panterra {
	background-color: #fff;
	border-color: #fff;
	color: #333;
}
.btn-panterra:hover, .btn-panterra:focus, .btn-panterra:active {
	background-color: #fff;
	border-color: #fff;
	color: #00adee;
}
#active-bred {
	color: #00adee!important;
}
/* custom inclusion of right, left and below tabs */

.tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs {
	border-bottom: 0;
}
.tab-content > .tab-pane, .pill-content > .pill-pane {
	display: none;
}
.tab-content > .active, .pill-content > .active {
	display: block;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.tabs-below > .nav-tabs {
	border-top: 1px solid #ddd;
}
.tabs-below > .nav-tabs > li {
	margin-top: -1px;
	margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus {
	border-top-color: #ddd;
	border-bottom-color: transparent;
}
.tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus {
	border-color: transparent #ddd #ddd #ddd;
}
.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
	float: none;
}
.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
	min-width: 74px;
	margin-right: 0;
	margin-bottom: 3px;
	font-size: 14px;
	font-family: 'Robotoregular';
	text-align: left;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.tabs-left > .nav-tabs > li > a:hover {
	/*background-color: #00adee;
	color: #fff;*/
}
.tabs-left > .nav-tabs > li > a:hover:after {
	content: '';
	display: block;
	position: absolute;
	top: 10px;
	left: 100%;
	width: 0;
	height: 0;
	border-color: transparent transparent transparent #00adee;
	border-style: solid;
	border-width: 10px;
}
.tabs-left > .nav-tabs {
	float: left;/*border-right: 1px solid #ddd;*/
}
.tabs-left > .nav-tabs > li > a {
	margin-right: -1px;
	background-color: #f4f4f4;
	color: #333;
}
.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus {
	border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {
/*border-color: #ddd transparent #ddd #ddd;
*border-right-color: #ffffff;*/
background-color: #fff;
color: #00adee;
font-size: 14px;
font-family: 'Robotoregular';
text-align: left;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.tabs-right > .nav-tabs {
	float: right;
	margin-left: 19px;
	border-left: 1px solid #ddd;
}
.tabs-right > .nav-tabs > li > a {
	margin-left: -1px;
}
.tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus {
	border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus {
	border-color: #ddd #ddd #ddd transparent;
 *border-left-color: #ffffff;
}
.pan-tab-border {
	border-bottom: 0px solid #00adee;
}
.pan-tab-border > h2 {
	margin-bottom: 10px;
	padding-top:10px;
}
.pan-tab-left-down {
	margin-top:0px;
	padding-right:0;
}

.nav-tabs.pan-tab-left-down > li.active > a, .nav-tabs.pan-tab-left-down > li.active > a:focus, .nav-tabs.pan-tab-left-down > li.active > a:hover{ border:0 !important; background:#00adee !important; color:#fff;}
.pan-tab > h3 {
	color: #00adee;
	text-transform: capitalize;
	margin: 10px 0 20px 0;
}
.pan-tab-pic {
	padding-bottom: 20px;
	margin-top:0px;
}
.panterra-values {
	background-color: #feba14;
	padding: 10px;
	margin-bottom: 20px;
	min-height: 99px;
	height: auto;
	width: 100%;
	margin-top: 20px;
	float: left;
}
.panterra-values > p {
	font-size: 12px;
}
.panterra-values > h4 {
	font-size: 14px;
	font-family: 'roboto_condensedbold';
	margin: 10px 0 20px 0;
	line-height: 0px;
}
.pan-inner-top {
	margin-top: 20px;
}
blockquote {
	background: #feba14;
	border-left: 2px solid #feba14;
	padding: 0px;
	quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
	color: #333;
	/*content: open-quote;*/
	font-size: 40px;
	line-height: 10px;
	margin-right: 0px;
	vertical-align: -10px;
	font-family: 'Robotoregular';
}
blockquote p {
	display: inline;
	font-size: 12px;
	line-height: 20px;
}
.navbar-custom.top-nav-collapse ul.nav li a.active {
	color: #00adee;
}
.pan-blue {
	color: #00adee;
}
.fl_l {
	float: left;
}
.fl_r {
	float: right;
}
.nav-tabs .active:after {
	content: '';
	display: block;
	position: absolute;
	top: 13px;
	left: 95%;
	width: 0;
	height: 0;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
	border-width:6px;
}
​ .sub-cat {
	background: #fff;
	color: #333;
}
.sub-cat ul {
	margin-bottom: 10px;
	color: #00adee;
}
.sub-cat li {
	list-style-position: outside;
	line-height: 20px;
	font-size: 12px;
	margin-top: 10px;
	list-style-type: disc;
	margin-left: -10px;
}
.mt50 {
	padding-top: 337px;
}
.mtbo {
	margin-bottom: 0px;
}
.robo_reg {
	font-family: 'roboto_condensedbold'!important;
}
.pa-ser-heading {
	padding-bottom: 20px;
	padding-top: 10px;
	float: left;
	width: 100%;
	font-size: 18px;
	color: #333;
	font-family: 'roboto_condensedbold';
}
.pa-service {
	background: #e2f0f5;
	border-radius: 5px;
	width: 100%;
	min-height: 263px;
	height: auto;
	padding: 20px;
	color: #333;
	font-size: 14px;
	text-align: left;
	-webkit-box-shadow: 0px 8px 5px 0px rgba(143, 166, 174, 0.75);
	-moz-box-shadow: 0px 8px 5px 0px rgba(143, 166, 174, 0.75);
	box-shadow: 0px 8px 5px 0px rgba(143, 166, 174, 0.75);
}
.pa-service:hover {
	opacity: 0.6;
	transition: all 0.3s ease-in-out 0s;
	-webkit-box-shadow: 0px 8px 5px 0px rgba(143, 166, 174, 0.75);
	-moz-box-shadow: 0px 8px 5px 0px rgba(143, 166, 174, 0.75);
	box-shadow: 0px 8px 5px 0px rgba(143, 166, 174, 0.75);
}
.main1 {
	float: left;
	-webkit-border-radius: 0px 20px 20px 20px;
	-moz-border-radius: 0px 20px 20px 20px;
	border-radius: 0px 20px 20px 20px;
}
.main2 {
	float: left;
	-webkit-border-radius: 20px 0px 20px 20px;
	-moz-border-radius: 20px 0px 20px 20px;
	border-radius: 20px 0px 20px 20px;
}
.main3 {
	float: left;
	-webkit-border-radius: 20px 20px 0px 20px;
	-moz-border-radius: 20px 20px 0px 20px;
	border-radius: 20px 20px 0px 20px;
}
.main4 {
	float: left;
	-webkit-border-radius: 20px 20px 20px 0px;
	-moz-border-radius: 20px 20px 20px 0px;
	border-radius: 20px 20px 20px 0px;
}
.mab20 {
	margin-bottom: 20px;
}
.mab30 {
	margin-bottom: 30px;
}
.mat20 {
	margin-top: 10px;
}
.botbtn2 {
	position: absolute;
	right: 25px;
	bottom: 15px;
}
.middel-content {
	margin-top: 120px;
}
.pan-tab-s h3 {
	margin-top:5px;
	padding:10px 10px 10px 0px;
	/*background: #fff;*/
	color: #06a7ea;
	font-size: 18px;
	text-align: left;
	margin-bottom:1px;
	text-transform: capitalize;
	font-family: 'roboto_condensedbold';
	border-bottom:1px dotted #ccc;
}
.pan-tab-sa h3 {
	padding: 10px 0px 0px 0px;
	background: #fff;
	color: #00adee;
	font-size: 24px;
	text-transform:capitalize;

}


/* ===========================
--- CSS3 Pulsing animation starts
============================ */

 @-webkit-keyframes pulse {
 0 {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 50% {
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @-moz-keyframes pulse {
 0 {
 -moz-transform: scale(1);
 transform: scale(1);
}
 50% {
 -moz-transform: scale(1.2);
 transform: scale(1.2);
}
 100% {
 -moz-transform: scale(1);
 transform: scale(1);
}
}
/* ===========================
--- CSS3 Pulsing animation ends
============================ */


/* ===========================
--- Media Queries starts
============================ */


@media (min-width:1025px) {
.team h5 {
	font-size: 16px !important;
	line-height: 18px !important;
}
}
 @media(min-width:767px) {

.navbar {
	/*padding: 20px 0;*/
	border-bottom: 0;
	letter-spacing: 1px;
	background: 0 0;
/*	-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
	-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
	transition: background .5s ease-in-out, padding .5s ease-in-out;
*/	background-color: #fff;
}
.top-nav-collapse {
	padding: 0;
	background-color: #000;
}
.navbar-custom.top-nav-collapse {
	border-bottom: 1px solid #9fdef6;
}
.intro {
	height: 414px;
	padding: 0;
	margin-top: 118px;
}


.search_content {
	min-height: 414px;
	padding: 0;
	/*margin-top: 118px;*/
}


.brand-heading {
	font-size: 100px;
}
.intro-text {
	font-size: 25px;
}
.botbtn {
}
}
 @media (max-width: 1024px) and (min-width: 990px) {
.team h5 {
	height: 31px;
	line-height: 18px !important;
}
.approach-desc {
	width: 235px !important;
}
}
 @media (max-width:980px) {
	
.pa-contt {
	width: 100%;
}
.panterra-inner {
	margin-top: 164px;
}
.serv-drop {
	margin-top: 0px;
}
.serv-drop1 {
	margin-top: 24px;
}
.botbtn {
}
.intro {
	height: 299px;
	padding: 0;
	margin-top: 159px;
}
.boxed-grey {
	margin-bottom: 20px;
}
.navbar-brand {
	height: 92px;
}
.w100 {
	width: 100%;
}
.approach-desc {
	width: 100%;
	margin-left: 0px;
}
.approach-icon {
	float: none;
}
.approach-box > h5 {
	text-align: center;
}
.boxed-grey {
	min-height: 465px;
}
.approach-box {
	min-height:450px;
}
.navbar-brand > img {
	width: 100%;
}
.carousel-inner {
	height: auto;
}
.avatar1 a img {
	margin: auto;
}
.nav-tabs .active:after {
	content: '';
	display: block;
	position: absolute;
	top: 88%;
	width: 0;
	height: 0;
	border-color: #fff transparent transparent transparent;
	border-style:solid;
	border-width:5px;
	margin-left:-45%;
}
.tabs-left > .nav-tabs > li > a:hover:after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	width: 0;
	height: 0;
	border-color: #00adee transparent transparent transparent;
	border-style: solid;
	border-width: 10px;
	margin-left: -50%;
}
.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
	float: left;
	width: 25%;
	padding-left: 1%;
	margin-bottom:-2px;
}
.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
	margin-bottom:0;
	text-align:center;
}
.tabs-left > .nav-tabs > li.active > a, .tabs-right > .nav-tabs > li.active > a {
	
	text-align:center !important;
}

.tab-design{ border-top:5px solid #00adee; border-left:0 !important;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
.navbar-custom ul.nav li a {
	padding-right:20px !important;
}
.approach-box{min-height:470px;}
}



@media (max-width:768px) {


.txt-middel{ text-align:left;}
.navbar-nav > li > a {
	margin-left: 0px;
	padding-left: 0px
}
.carousel-caption > h3 {
	width: 330px;
}
.section-heading h2 {
	font-size: 18px;
}
.pan-tab-pic {
	padding-bottom: 0px;
}
.contact-cont {
	height: auto;
}
.bot-nav {
	height: auto;/*width: 100%;*/
}
.approach-desc {
	width: 100%;
	margin-left: 0px;
}
.approach-icon {
	float: none;
}
.approach-box > h5 {
	text-align: center;
}
.approach-box {
	margin-top: 20px;
}
.w100 {
	width: 100%;
}
.team.boxed-grey {
	margin-bottom: 30px;
}
.boxed-grey {
	margin-bottom: 30px;
}
#intro.intro {
	padding: 0% 0 0;
}
.intro {
	height: 346px;
}
.navbar-brand > img {
	width: 80%;
}
#custom-search-input {
	float: right;
	width: 300px;
	margin-bottom:15px !important;
	margin-top:15px !important;
}
.navbar-header #custom-search-input {margin-top:15px !important;}

.item {
	height: auto;
}
.pan-tab-pic {
	padding-bottom: 20px;
	margin: 0 auto;
	max-width:100%;
}
.navbar-nav {
/*	background: #fff;*/
}
}
@media (max-width:640px) {
	.navbar-custom.navbar-fixed-top{ position:relative !important;}
.carousel-caption > h3 {
	width: 100%;
}
.pan-bred {
	/*padding-left: 15px;*/
	padding-right: 15px;

}
.pan-tab-border {
/*padding-left: 10px;*/
}
.intro {
	margin-top:10px;
}
#custom-search-input {
	display:;
}
.intro {
	height: 300px;
}
.navbar-nav {
	background: #fff;
}
.panterra-inner {
	margin-top:0px;
}
.bot-nav ul {
	padding-left: 0px!important;
	background-color: #E2F0F5;
}
.nav {
	padding-left: 18px;
}
}
@media (max-width:605px) {
#custom-search-input {
	display:;
}
.carousel-caption > h3 {
	display: block;
}
}
@media (max-width:480px) {
.panterra-inner {
	margin-top:0px;
}
.boxed-grey {
	min-height: 412px;
}
.team ul.subtitle {
	line-height: 16px;
}
.pan-inner-top {
	width: 90%;
}
.nav {
	padding-left: 0px !important;
}
#active-bred {
	color: #00adee!important;
	font-size: 14px
}
.section-heading > h2 {
	margin: 20px 0px;
}
.pan-tab-border > h2 {
	font-weight: bold;
	font-size: 16px !important;/*	color: #00ADEE;*/
}
.team1 h5 {
	font-size: 16px;
}
.team h5 {
	height: 70px;
	line-height: 19px;
}
.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
	float: none;
	padding-left: 0%;
	width: 100%;
}
h1, h2, h3, h4, h5, h6 {
	margin: 10px 0 10px;
}
.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
	/*height: 65px;*/
}
.nav-tabs .active:after {
	display: none;
}
.tabs-left > .nav-tabs > li > a:hover:after {
	display: none;
}
.botbtn2 {
	bottom: 40px;
	position: absolute;
	bottom: 20px;
	right: 23px;
	width: 8%;
}
.panterra-values > p {
	font-size: 14px;
	line-height: 18px;
}
.panterra-values > h4 {
	font-weight: bold;
}
.carousel-caption {
	left: 10%;
	bottom: -30px;
}
.navbar-custom.top-nav-collapse .nav.navbar-nav {
	margin-left: 20px;
}
.navbar {
	min-height: 93px;
}
.navbar-collapse {
	background: #fff;
}
.intro {
	height: 164px;
	margin-top:0px;
}
.home-section {
	padding-top: 10px;
}
.pan-tab-border > h2 {
	font-size: 14px;
}
.bot-add {
	line-height: 40px;
}
.carousel-caption > h3 {
	font-size: 25px;
	line-height: 40px;
	margin: 0;
}
.bot-nav {
	height: auto;
	width: 100%;
}
#custom-search-input {
	display:;
}
#custom-search-input {

	width:100% !important;}
.navbar-custom .nav.navbar-nav {
	background-color: rgba(255,255,255,.4);
}
.navbar.navbar-custom.navbar-fixed-top {
	margin-bottom: 30px;
}
.tp-banner-container {
	padding-top: 40px;
}
.page-scroll a.btn-circle {
	width: 40px;
	height: 40px;
	margin-top: 10px;
	padding: 7px 0;
	border: 2px solid #fff;
	border-radius: 50%;
	font-size: 20px;
}
.carousel-caption > p {
	color: #000;
	font-size: 18px;
	margin-top: -166px;
	white-space: nowrap;
}
}
@media (max-width:360px) {
.panterra-inner {
	margin-top:0px;
}
.team ul.subtitle {
	padding-left: 0px;
	font-size: 13px;
}
.team h5 {
	font-size: 16px;
	line-height: 25px;
}
.carousel-caption > h3 {
	display:block;
	 position: absolute;
    top: -130px;
	line-height:20px;
}
.carousel-caption {
	padding-bottom: 0px;
}
.carousel-caption > p {
	font-size: 14px;
}
.ban-bold {
	font-size: 18px;
}
.intro {
	height: 167px;
}
.navbar-brand {
	float: none;
}
.navbar-brand > img {
	padding: 10px;
}
#intro.intro {
	padding: 0% 0 0;
}
h3, .h3 {
	font-size: 20px;
}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
	margin-left: 0px;
	margin-right: 0px;
}
.boxed-grey {
	min-height: 512px;
}
.intro {
	height: 161px;
}
.nav {
	padding-left: 15px;
}
.pan-tab-pic {
	width: 100%;
}
.boxed-grey {
	min-height: 444px;
}
.carousel-caption > p {
	color: #000;
	font-size: 14px;
	margin-top: -90px;
	white-space: nowrap;
}
}
@media (max-width:414px) {
.navbar-custom.navbar-fixed-top{ position:relative !important;}
.navbar-nav > li > a {
	margin-left: 0px;
	padding-left: 15px;
}
}
@media (max-width:320px) {
.navbar-custom.navbar-fixed-top{ position:relative !important;}
.pan-inner-top {
	font-size: 12px;
}
.intro {
	height: 115px;
}
.carousel-caption > p {
	color: #000;
	font-size: 14px;
	margin-top: -100px;
	white-space: nowrap;
}
.navbar.navbar-custom.navbar-fixed-top {
	margin-bottom: 10px;
}
.carousel {
	margin-top: -25px;
}
.team h5 {
	font-size: 12px;
	line-height: 20px;
}
.team h5 {
	height: 61px;
}
.team li {
	margin-top: 5px;
	margin-left: 10px;
}
.avatar {
	margin-bottom: 4px;
}
.boxed-grey {
	padding: 15px;
	min-height: 385px;
}
.team ul.subtitle {
	font-size: 12px;
}
.pa-service {
	min-height: 420px;
}
}

@media all and (max-width:958px) and (min-width:769px) {
	.botbtn2 {
	bottom: 2px !important;	}
	}
/* ===========================
--- Media Queries ends
============================ */
@media all and (max-width:4200px) and (min-width:980px), (min-width: 1024px) {
.none-margin-space{ margin:0 !important;}
.none-padding-space{ padding:0 !important;}
.none-padding-top-space{ padding-top:0 !important;}
.none-padding-bottom-space{ padding-bottom:0 !important;}
.none-padding-right-space{ padding-right:0 !important;}
.none-padding-left-space{ padding-left:0 !important;}
.contact-text-hgt{ min-height:200px;}
  
}
@media all and (max-width:660px) and (min-width:320px) {
	#custom-search-input{ margin-top:0 !important; margin-bottom:6px !important;}
.navbar-custom.top-nav-collapse .nav.navbar-nav {
	margin-left:0px !important;
}
.navbar-custom.top-nav-collapse .nav.navbar-nav a{ padding-left:0;}

}
@media all and (max-width:960px) and (min-width:320px) {

.thumb-img-list .img-responsive{ width:100%;}
	}
.over-all-box{  border: 1px solid #eee; box-shadow:0px 4px rgba(0, 0, 0, 0.1);}
.m-b-20{ margin-bottom:20px;}
.m-b-35{ margin-bottom:35px;}
.list-bg{ background:#f7f7f7;}
.tab-design{ border-left:5px solid #00adee;}
.m-t-0{ margin-top:0 !important;} 

.nav-tabs .active.none-border:after{ border:0 !important;}



.login form { width:600px; height:0 auto;  margin:0 auto; } 
.search { border: 1px solid #ccc;width:572px;min-height: 30px;
padding: 4px 20px 4px 8px;font-size: 18px;-moz-transition: all .2s linear; 
-webkit-transition: all .2s linear;transition: all .2s linear;}
.search:hover { width: 572px;border-color:#999999;}       
.search:focus { width: 572px;border-color:#03F;outline: none;}
.but{ padding: 6px 10px;color: #222;border-radius:3px solid #00F;
border:1px solid #CCC;background: #f4f4f4;margin-bottom:4%;font-weight:bold;cursor:pointer;
font-size:75%;font-family: arial,sans-serif;-moz-border-radius: 3px ;-webkit-border-radius: 3px;
border-radius: 3px ;  }
.but:hover { padding: 6px 10px;color: #222;background: #f4f4f4;margin-bottom:4%;
cursor:pointer;font-size:75%;border-color:#f7f7f7;font-family: arial,sans-serif;
-moz-border-radius: 3px ;-webkit-border-radius: 3px; border-radius: 3px ;  }
.but:before { content: 'ðŸ”'; } 
.lang a{ font-weight:100px;text-decoration:none;}
.highlight { font-weight:bolder; color:red; font-style:bold; }
.norecord { float:none; margin: 10%; text-align:center; background:#e2f0f5; padding:10px;  }
.rmore { color:#00adee; }
.rmore a { color:#00adee; }
.rmore:hover { color:#F60; }
.search-result{ background:#f3f5f7; border-bottom:1px solid #d3d8dd; padding:10px 20px 5px 20px; margin-bottom:4px;}
.search-result:hover{ background:#EEE;}
.search-result h3{ margin:0 0 10px 0; padding:0 0px;}
.description{ font-size:13px;}
#resuil-title {color:#3f3f3f; font-weight:400;   text-transform: capitalize; }
#custom-search-input input.form-control {float: right;}
.trade {
	font-size:12px !important;
}
@media (max-device-width: 800px) and (orientation: portrait) { 
#custom-search-input{ margin-top:0 !important; margin-bottom:8px !important;} 
.navbar-main-collapse{ background:#fff;}
.navbar-main-collapse .navbar-nav{ margin-top:0px;}
 }