GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
/*@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,500);*/
html{100%}
body {
  font-family: 'Roboto', 'sans-serif', 'Arial';
  color: #5a5a5a;
  100%
}

.bg-primary { color: #fff; background-color: #428bca; padding: 15px;} 

.bg-a{color: #05D7FF;} .bg-a:hover{color: #3e3e3e}

.center{margin: 0 auto; display: block}
.core-val{width:00px;}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-left: 0;
  padding-right: 0;
}
.navbar-wrapper .navbar {
  padding-left: 15px;
  padding-right: 15px;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/*slides*/
.sl-im {width: 10%}
.sl-ft {font-size: 28px;}

/* Carousel base class */
.carousel {  
  height: auto;
  margin-bottom: 40px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: relative;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;  

    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
@media(max-width: 1280px){
  .carousel-inner > .item > img {        
    position: absolute;
    top: 0;
    left: 0;    
    width: auto;
    height: 100%;
  }
}

@media(min-width: 1920px){
  .carousel-inner{
    height: 700px;
  }
  .carousel-caption{
    margin-bottom: -10%;
  }
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  margin-top: 10px;
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}


/* Featurettes
------------------------- */


/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    margin-top: -20px; /*Space Reduction*/
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-left:  15px;
    padding-right: 15px;
  }
  .navbar-wrapper .navbar {
    padding-left:  0;
    padding-right: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 0px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    font-weight: 100;
    /*margin-bottom: 20px;*/
    /*font-size: 21px;*/    
    font-style: italic;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
    color: #eaab00;
  }
  .block{padding-top: 100px;}
  @media(min-height: 991px){
    .block_space{padding-top: 40px;}    
  }

}
@media (max-width: 991px){
  .featurette-divider {
    border-top: 1px solid #CECECE;
    margin: 30px 0; /* Space out the Bootstrap <hr> more */
  }
  hr.featurette-main{
  margin-bottom: 30px;
  border-top: 1px solid #CECECE;
  }
}
@media (min-width: 992px) {
  .featurette-heading {margin: 20px 0px 0px 0px;}
  .head-nm{margin-top: 0px;}
  .featurette-divider {
    border-top: 1px solid #CECECE;
    /*margin: 80px 0;  Space out the Bootstrap <hr> more */
    margin: 30px 0;
  }
  hr.featurette-main-m{
    margin: 60px 0;
    border-top: 1px solid #CECECE;
  }
  hr.featurette-main{
  margin-bottom: 40px;
  border-top: 1px solid #CECECE;
  }
  .contact{margin: 4% 0 0;}
}

/*Other Important CSS Styles
/*firefox outline fix*/
a, a:visited, a:focus, a:active, input:hover input, input:visited, input:focus, input:active, input:hover{outline:0 none !important;}
a, input, button, a:hover, p, span{
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s, .2s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property:color, text;
-moz-transition-duration:.2s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property:color, text;
-o-transition-duration:.2s;
-o-transition-timing-function: linear, ease-in;
text-decoration: none;
}
.justify{text-align: justify}.tleft{text-align: left}.tcenter{text-align: center}.tright{text-align: right}
.main-block{margin: 0 0 10px;}
.img-small{width: 140px}
/*.about-block{height: 500px; width: 320px; margin: 0 40px;}.nm{ text-align: center;}*/
.about-block{height: 430px;text-align: center; width: 555px; margin: 20px;}
.nm{ text-align: center;}
.well-md{padding: 25px 35px;}
/*.well-ad{padding-left: 35px; margin: 8% 0;}*/
.well-ad{padding-left: 35px; margin: 8% 0; background-color: #64c0c8; color: white; border-radius: 0; -webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.45); -moz-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.45);box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.45); border: none;}
.well-link{color: white}
.well-sp{width: 600px; margin: 0 auto;}
@media (max-width: 1024px){
  .well-md{margin: 5px auto; width: 350px; height: 540px}
}
/*Dropdown Menu */
/*.navbar-nav>li>.dropdown-menu {margin-top: 5px; border-radius: 0px;}*/
.navbar-right .dropdown-menu {
right: auto;
left: auto;
}
.img-md{width: 50%; margin: 0 auto;}
.img-mg{width: 50%; margin: 0 auto; margin-top: 19%}
@media(max-width: 768px){
  .img-md{width: 50%; margin: 0 auto;}
}

.mld-img{margin: 10px 0; width: 20%;}

#wrap {
  /*background-color: #F3F0EA;*/
  /*background-color: #eaeaea;*/
  background-color: #FAFAFA;
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 0px;
}

/* Set the fixed height of the footer here */
footer {
  margin-top: 40px;
  padding: 20px 0 20px;
  height: auto;
  background-color: #222;
  color: white
}

.carousel-caption{background-color: rgba(216, 216, 216, 0.3); border-radius: 10px;}
.carousel-control.left{background: none;}
.carousel-control.right{background: none;}
.ft-lnk{color: #009AA6;}.ft-lnk:hover{color: #acacac}
.dt-ln{border-bottom: 1px dotted #999999; margin: 5px 0;}
.sm-im{width: 8%;}
.lg-hld{text-align: center;}.sm-im{display: inline; margin: 35px 8px;}
@media(max-width: 700px){
  .lg-hld{text-align: left;}
  .sm-im{display: inline; margin: 10px 5px;}
  .featurette-heading{text-align: center;}
  .lead{text-align: center;}
}
.head-cl{color: #009AA6; text-align: center}
a.head-cl:hover{color: #FF7900;}
.sub-head{margin-top: -10px; font-size: 18px; color: #A3A3A3; text-align: center; font-weight: lighter}
@media(max-width: 700px){
  .head-cl{text-align: center;}
  .sub-head{text-align: center;}
}
.addr-head{ margin-top: 15px; font-size: 25pt;}
/*Google Maps*/
@media(min-width: 1024px){
#map-canvas{height: 469px; width: auto;}
#map-canvas-air{height: 469px; width: auto;}
#map-canvas-tn{height: 469px; width: auto;}
#map-canvas-tnch{height: 469px; width: auto;}
}
@media(max-width: 700px){
  #map-canvas{height: 350px; width: auto;}
  #map-canvas-air{height: 350px; width: auto;}
  #map-canvas-tn{height: 350px; width: auto;}
  #map-canvas-tnch{height: 350px; width: auto;}
}
/*Google Maps End*/

input, textarea, select{margin: 0 0 10px;}
textarea{resize:vertical;}
label{font-weight: 700; color: #7d7d7d;}
.contact{text-align: center;}
.btn-snj{width: auto;height: 40px; margin-bottom: 10px;}
.nm{margin-top: -10px;}

/*Navigation bar Modified*/
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
color: #fff;
background-color: #009AA6;
/*#2aa9c9*/
border-radius: 2px;
width: auto;
/*-webkit-box-shadow: 0 3px 5px  rgba(0, 0, 0, 0.3);  
   -moz-box-shadow: 0 3px 5px  rgba(0, 0, 0, 0.3);  
   -box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);  */
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
color: #fff;
background-color: #009AA6;
border-radius: 5px;
}
.navbar-inverse {
background-color: #222;
border-color: #009AA6;
color: white;
border-bottom-width: 2px;
}
.navbar-inverse .navbar-nav>li>a {
color: #999;
border-radius: 2px;
/*color: white;*/
}
@media(min-width: 768px){  
  .navbar-inverse{height: 80px;}
  .nav{margin-top: 14px;}
  .navbar-brand{margin-top: 14px;}  
  .navbar-nav>li>a{margin-right: 2px;}
  .main-logo{margin-top: -10%; margin-left: -20px;}
}
/*End Navigation bar Modified*/
@media(max-width: 976px){
  /*.marketing{margin-top: 20%;}*/
  .so-tl{text-align: left}
  #wrap{padding: 65px 0 0}
}
.img-aff{width: 36%;margin: 0 auto;}
@media(max-width: 768px){
  .main-logo{margin-top: 0%; width: 60%} 
}
.close{font-size: 13px;}
/*File upload button*/
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn-file{overflow:hidden;position:relative;vertical-align:middle;}.btn-file>input{width:104px;position:absolute;top:0;right:0;margin:0;opacity:0;filter:alpha(opacity=0);transform:translate(-300px, 0) scale(4);font-size:23px;direction:ltr;cursor:pointer;}
.fileupload{margin-bottom:9px;}.fileupload .uneditable-input{display:inline-block;margin-bottom:0px;vertical-align:middle;cursor:text;}
.fileupload .thumbnail{overflow:hidden;display:inline-block;margin-bottom:5px;vertical-align:middle;text-align:center;}.fileupload .thumbnail>img{display:inline-block;vertical-align:middle;max-height:100%;}
.fileupload .btn{vertical-align:middle;}
.fileupload-exists .fileupload-new,.fileupload-new .fileupload-exists{display:none;}
.fileupload-inline .fileupload-controls{display:inline;}
.fileupload-new .input-append .btn-file{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
.thumbnail-borderless .thumbnail{border:none;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.fileupload-new.thumbnail-borderless .thumbnail{border:1px solid #ddd;}
.control-group.warning .fileupload .uneditable-input{color:#a47e3c;border-color:#a47e3c;}
.control-group.warning .fileupload .fileupload-preview{color:#a47e3c;}
.control-group.warning .fileupload .thumbnail{border-color:#a47e3c;}
.control-group.error .fileupload .uneditable-input{color:#b94a48;border-color:#b94a48;}
.control-group.error .fileupload .fileupload-preview{color:#b94a48;}
.control-group.error .fileupload .thumbnail{border-color:#b94a48;}
.control-group.success .fileupload .uneditable-input{color:#468847;border-color:#468847;}
.control-group.success .fileupload .fileupload-preview{color:#468847;}
.control-group.success .fileupload .thumbnail{border-color:#468847;}
label.fup{font-weight: 300;}
/*End file upload button*/



/*whatsapp*/
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}
/* end of whatsapp*/