@import url(//fonts.googleapis.com/css?family=Lato:400,900);
@import url(https://fonts.googleapis.com/css?family=ABeeZee);
@import url(https://fonts.googleapis.com/css?family=Cabin:700);
@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);


.navbar-wrapper {
position:absolute;
top:0;
left:0;
right:0;
z-index:10;
}

.carousel-caption {
z-index:1;
}

.carousel .item {
height:520px;
background-color:#555;
}

.carousel img {
position:absolute;
top:0;
left:0;
min-height:400px;
}

.carousel-caption h1 {
    background-color: rgba(121, 123, 125, 0.4);
    max-width: 100%;
    position: relative;
    display: block;
    padding: 10px;
    font-size: 50px;
    color: #FFF;
    text-shadow: none;
    font-family: 'ABeeZee', sans-serif;
    font-weight: 500;
}

#exTab1.container {
    height: 1024px;
}

.marketing {
padding-left:15px;
padding-right:15px;
}

.marketing .col-lg-4 {
text-align:center;
margin-bottom:20px;
}

.marketing h2 {
font-weight:400;
}

.marketing .col-lg-4 p {
margin-left:10px;
margin-right:10px;
}

.featurette-divider {
margin:80px 0;
}

.featurette {
padding-top:120px;
overflow:hidden;
}

.featurette-image {
margin-top:-120px;
}

.featurette-image.pull-left {
margin-right:40px;
}

.featurette-image.pull-right {
margin-left:40px;
}

.featurette-heading {
font-size:50px;
font-weight:300;
line-height:1;
letter-spacing:-1px;
}

.animate {
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}

.info-card {
width:100%;
border:1px solid #d7d7d7;
position:relative;
font-family:Lato, sans-serif;
margin-bottom:20px;
overflow:hidden;
}

.info-card > img {
width:100px;
margin-bottom:60px;
}

.info-card .info-card-details,.info-card .info-card-details .info-card-header {
width:100%;
height:100%;
position:absolute;
bottom:-100%;
left:0;
background:#fff;
text-align:center;
padding:0 15px;
}

.info-card .info-card-details::-webkit-scrollbar {
width:8px;
}

.info-card .info-card-details::-webkit-scrollbar-button {
width:8px;
height:0;
}

.info-card .info-card-details::-webkit-scrollbar-track {
background:transparent;
}

.info-card .info-card-details::-webkit-scrollbar-thumb {
background:#a0a0a0;
}

.info-card .info-card-details::-webkit-scrollbar-thumb:hover {
background:#828282;
}

.info-card .info-card-details .info-card-header {
height:auto;
bottom:100%;
padding:10px 5px;
}

.info-card:hover .info-card-details {
bottom:0;
overflow:auto;
padding-bottom:25px;
}

.info-card:hover .info-card-details .info-card-header {
position:relative;
bottom:0;
padding-top:45px;
padding-bottom:25px;
}

.info-card .info-card-details .info-card-header h1,.info-card .info-card-details .info-card-header h3 {
color:#3e3e3e;
font-size:22px;
font-weight:900;
text-transform:uppercase;
margin:0!important;
padding:0!important;
}

.info-card .info-card-details .info-card-header h3 {
color:#8eb634;
font-size:15px;
font-weight:400;
margin-top:5px;
}

.info-card .info-card-details .info-card-detail .social {
list-style:none;
margin-top:25px;
text-align:center;
padding:0;
}

.info-card .info-card-details .info-card-detail .social a {
position:relative;
display:inline-block;
min-width:40px;
overflow:hidden;
text-align:center;
background-color:#d7d7d7;
border-radius:40px;
margin:0 5px;
padding:10px 0;
}

a.social-icon {
text-decoration:none!important;
box-shadow:0 0 1px rgba(51,51,51,0.7);
}

a.social-icon:hover {
color:#fff!important;
}

a.facebook {
color:#3b5a9a!important;
}

a.facebook:hover {
background-color:#3b5a9a!important;
}

a.twitter {
color:#2da8e1!important;
}

a.twitter:hover {
background-color:#2da8e1!important;
}

a.github {
color:#333!important;
}

a.github:hover {
background-color:#333!important;
}

a.google-plus {
color:#f45e4b!important;
}

a.google-plus:hover {
background-color:#f45e4b!important;
}

a.linkedin {
color:#0174b3!important;
}

a.linkedin:hover {
background-color:#0174b3!important;
}

.container-lg {
background-image:url(img/bg.jpg);
width:100%;
background-repeat: repeat-x;
}

.left-sidebar  .bgm{
	
	margin:10px 0 0 0;
	
}


.left-sidebar {
position:relative;
}


.left-sidebar li .active {
    background-color: #22a6d6;
}



.bgm {
background-color:#77787e;
padding:5px;
}

.inner-bgm {
background-color:#fff;
margin:5px;
padding:5px;
}

.fixit {
    
}



.left-sidebar li {
display:block;
margin-left:-20px;
}

.left-sidebar img {
display:inline-block;
width:100%;
position:relative;
margin:0 auto;
}

.left-sidebar ul {
margin:0;
}

.yblk {
    display: block;
    color: #fff;
    font-family: Lato, sans-serif;
    background-color: #e22a8a;
    position: relative;
    width: 93%;
    text-align: center;
    top: -24px;
    margin: 0 auto;
    padding: 1px;
}

.hike a {
font-weight:700;
color: #354E60;
font-family: 'Cabin', sans-serif;
font-size: 17px;
}

.hike a:hover {
text-decoration:none;
}

.inner-bgm span {
display:inline-block;
color:#541d02;
font-family: 'ABeeZee', sans-serif;
font-weight:700;
}

.lstcpny {
margin:10px;
}

.lstcpny p {
display:inline-block;
font-family: 'ABeeZee', sans-serif;
}

.lstcpny:after {
content:"";
display:block;
vertical-align:bottom;
width:96%;
border-top:1px solid #000;
}

.lstcpny img {
width:auto;
float:right;
top:-5px;
position:relative;
display:block;
}

.lstreq {
display:block;
background-color:#e7f5f9;
height:20%;
width:auto;
margin:0 0 10px;
padding:4%;
}



.lstreq2 {
    display: block;
    background-color: #e7f5f9;
    height: 140px;
    width: auto;
    margin: 0 0 10px;
    padding: 4%;
}


.lstreq p ,.lstreq2 p{
display:inline;
font-family: 'ABeeZee', sans-serif;
margin-bottom: 0px;
}

img.Ad {
width:100%;
border:10px solid #fff;
box-shadow:0 1px 1px #888;
margin: 20px 0 0;
}

.moreblk {
display:block;
position:relative;
width:100%;
height:100%;
margin: 50px 40px 0px 40px;
}

.more {
background-color:#6f6f74;
color:#fff;
font-family:monospace,sans-serif;
float:right;
text-align:center;
display:inline-block;
margin:-30px 44px 0 0;
padding:3px 30px;
}

a.more:hover {
    color: #fff;
    background-color: #e22a8a;
    text-decoration: none;
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}

#exTab1 .tab-content {
color:#000;
background-color:#fff;
margin-bottom: 12px;
}

.nav-pills > li {
float:right;
display:block;
position:relative;
width:35%;
text-align:center;
font-family:monospace,sans-serif;
}

#exTab1 .nav-pills > li > a {
border-radius:0;
cursor: pointer;
}

.nav-pills > li a {
    background-color: #e22a8a;
    color: #fff;
}

.nav-pills > li a:hover {
color:#fff;
cursor:auto;
}

.tbify {
margin:6px -10px 12px 0;
}

.middle-box {
width:100%;
display:block;
position:relative;
height:60px;
margin: 3% 0 0 0;
}

.middle-box .reg {
    background-color: #e22a8a;
    color: #f3f3f3;
    font-family: monospace,sans-serif;
    float: left;
    text-align: center;
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 10px 60px;
}

 a.reg:hover {
background-color: #a50056;
color:#fff;
text-decoration:none;
-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;

}


.icon-button {
background-color:#FFF;
border-radius:3.6rem;
cursor:pointer;
display:inline-block;
font-size:2rem;
height:3.6rem;
line-height:3.6rem;
position:relative;
text-align:center;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
width:3.6rem;
margin: 2% 0% 0% 0%;
}

.icon-button span {
border-radius:0;
display:block;
height:0;
left:50%;
position:absolute;
top:50%;
-webkit-transition:all .4s;
-moz-transition:all .4s;
-o-transition:all .4s;
transition:all .4s;
width:0;
margin:0;
}

.icon-button:hover span {
width:3.6rem;
height:3.6rem;
border-radius:3.6rem;
margin:-1.8rem;
}

.twitter span {
background-color:#4099ff;
}

.facebook span {
background-color:#3B5998;
}

.google-plus span {
background-color:#db5a3c;
}

.linkedin span {
background-color:#0177b5;
}

.pinterest span {
background-color:#bd081c;
}

.icon-button i {
background:none;
color:#FFF;
height:3.6rem;
left:0;
line-height:3.6rem;
position:absolute;
top:0;
-webkit-transition:all .4s;
-moz-transition:all .4s;
-o-transition:all .4s;
transition:all .4s;
width:3.6rem;
z-index:10;
}

.icon-button .icon-twitter {
color:#4099ff;
}

.icon-button .icon-facebook {
color:#3B5998;
}

.icon-button .icon-google-plus {
color:#db5a3c;
}

.icon-button .icon-linkedin {
color:#0177b5;
}

.icon-button .icon-pinterest {
color:#bd081c;
}

.icon-button:hover .icon-linkedin,.icon-button:hover .icon-pinterest,.icon-button:hover .icon-twitter,.icon-button:hover .icon-facebook,.icon-button:hover .icon-google-plus {
color:#FFF;
text-decoration:none;
}

.social-links {
float:right;
}

span.favic {
float:right;
color:#888d98;
}

i.icon-calendar {
padding:0 4px 0 0;
}

lstreq.hike a ,lstreq2.hike a{
font-size:25px;
}

.lstreq:hover,.lstreq2:hover {
background-color: #00dcff;
    cursor: pointer;
    box-shadow: 1px 1px 2px #888;
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}

p.mel {
font-size:20px;
font-weight:600;
display:inline-flex;
padding:10px 0 0 16px;
font-family: 'ABeeZee', sans-serif;
}

<!--------navigation------>
.opaque-navbar {
background-color:rgba(0,0,0,5.5);
height:60px;
border-bottom:0;
transition:background-color .8s ease 0;
}

.opaque-navbar.opaque {
    background-color: #539ffd;
    height: 60px;
    transition: background-color .8s ease 0;
}

ul.dropdown-menu {
background-color:#000;
}

img.logo {
    position: relative;
    top: -23px;
    padding: 4px;
    background-color: rgba(255, 255, 255, 0.81);
}

.glass {
    background-color: rgba(188, 246, 255, 0.6);
    position: relative;
    padding: 16px;
}


.map {
border:10px solid #fff;
box-shadow:0 1px 1px #888;
}

.map iframe {
position:relative;
display:block;
width:100%;
height:280px;
}

footer {
background-image:url(img/bg_footer.jpg);
position:relative;
width:100%;
max-width:100%;
padding:10px;
}

.copyright {
height:60px;
text-align:center;
background-color:#2d2d31;
color:#FFF;
margin:5px 0 0;
}

.copyright a {
color:#3d9abf;
text-decoration:none;
}

.copyright:after {
content:"";
display:block;
vertical-align:bottom;
width:100%;
border-top:6px solid #539ffd;
}

.copyright span:first-child {
float:left;
padding:20px;
}

.copyright span:nth-child(2) {
float:right;
padding:20px;
}

.ft-menu {
display:block;
position:relative;
color:#539ffd;
font-size:large;
margin:30px 10px auto;
}

.ft-menu a {
color:#fff;
text-decoration:none;
font-family: 'ABeeZee', sans-serif;
}

.about {
display:block;
position:relative;
color:#fff;
font-size:14px;
text-align:justify;
margin:30px 10px auto;
font-family: 'ABeeZee', sans-serif;
}

.ft-menu span>h4 {
color:#fff;
}

.ft-menu span>h4:after,.about span>h4:after {
content:"";
display:block;
vertical-align:bottom;
width:100%;
border-top:2px solid #6d7176;
margin:5px 0 0;
}

.more:hover,.middle-box .reg:hover {
box-shadow:0 1px 1px #888;
}

.copyright a:hover,.ft-menu a:hover {
color:#539ffd;
text-decoration:none;
}

@media min-width 768px {
.marketing {
padding-left:0;
padding-right:0;
}

.navbar-wrapper {
margin-top:20px;
margin-bottom:-90px;
}

.navbar-wrapper .navbar {
border-radius:4px;
}

.carousel-caption p {
margin-bottom:20px;
font-size:21px;
line-height:1.4;
}
}

@media max-width 992px {
.opaque-navbar {
background-color:#fff;
height:60px;
transition:background-color .5s ease 0;
}

.carousel-caption h1 {
    background-color: rgba(121, 123, 125, 0.4);
    max-width: 100%;
    position: relative;
    display: block;
    padding: 10px;
    font-size: 40px;
    color: #FFF;
    text-shadow: none;
    font-family: 'ABeeZee', sans-serif;
    font-weight: 500;
}

#exTab1.container {
    height: auto;
}

}



@media (max-width: 768px){
	
	
	.carousel-caption h1 {
    background-color: rgba(121, 123, 125, 0.4);
    max-width: 100%;
    position: relative;
    display: block;
    padding: 10px;
    font-size: 40px;
    color: #FFF;
    text-shadow: none;
    font-family: 'ABeeZee', sans-serif;
    font-weight: 500;
}
	
#exTab1.container {
    height: auto;
}
	
	.middle-box {
    height:170px;
}

.middle-box .reg {
    background-color: #e22a8a;
    color: #000;
    font-family: monospace,sans-serif;
    text-align: center;
    display: block;
    margin: 6px 0px 0px 0px;
    position: relative;
    padding: 10px 60px;
    width: 100%;
}

.social-links {
    /* float: right; */
    display: block;
    position: relative;
    width: 101%;
    margin: 10px 0 0 0;
}
.nav-pills > li {
    float: right;
    display: block;
    position: relative;
    width: 100%;
    margin: 0px 5px 0px 0;
    text-align: center;
    font-family: monospace,sans-serif;
}
.lstreq p,.lstreq2 p {
    display: inline-block;
    font-family: 'ABeeZee', sans-serif;
    line-height: 16px;
}
.copyright span:nth-child(2) {
    float: right;
    padding: 20px;
    color: #9c9a9a;
}
	
	
}




.btn {
    width: 100%;
    background-color: #6f6f74;
    color: #fff;
}

.btn:hover{
background-color:#fc0;
cursor:pointer;
box-shadow:1px 1px 2px #888;

}


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

.form-inline .form-group {
    margin-bottom: 11px;
}

.form-inline .control-label {
    width: 110px;
    text-align:right;
    margin-right: 10px;
}
.logit {
    float: right;
    display: flex;
    top: 12px;
    position: relative;
    
}



.logit span {
    padding: 1px;
}

.logit a{

padding: 5px;
color: #fff;
text-decoration:none;
}

.logit a:hover{

color:#a50056;
font-size:14px;

}

.boxit {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 16px 0 32px 0;
}


.boxit img {
    width: 100%;
}





@media (max-width: 368px){
.lstcpny img {
    width: auto;
    float: right;
    top: 8px;
    position: relative;
    display: block;
    width: 20%;
}
#exTab1.container {
    height: auto;
}

img.logo {
    position: relative;
    top: -10px;
    padding: 4px;
    background-color: rgba(255, 255, 255, 0.81);
    width: 50%;
}

.logit {
    float: left;
    display: flex;
    top: -105px;
    position: absolute;
    left: 22%;
    font-size: 10px;
}

.carousel-caption h1 {
    
    font-size: 25px;
    font-family: 'ABeeZee', sans-serif;
    font-weight: 500;
}


.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #2f2f2f;
    display: none;
}


.carousel .item {
    height: auto;
    background-color: #555;
}

.carousel-caption {
    
    top: 90px;
}


.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    height: auto;
    font-size: 48px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: .5;
}

.lstreq2 {
    display: block;
    background-color: #e7f5f9;
    height: auto;
    width: auto;
    margin: 0 0 10px;
    padding: 4%;
}

}

@media (max-width: 640px){

.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{
	display: block;
width:100%;
height: auto;
overflow: hidden;
margin: 0 auto;
position: relative;}

#exTab1.container {
    height: auto;
}

.lstreq2 {
    display: block;
    background-color: #e7f5f9;
    height: auto;
    width: auto;
    margin: 0 0 10px;
    padding: 4%;
}

img.logo {
    position: relative;
    top: -69px;
    padding: 4px;
    background-color: rgba(255, 255, 255, 0.81);
    width: 76%;
}



.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #2f2f2f;
    display: none;
}
.carousel .item {
    height: auto;
    background-color: #555;
}

.carousel-caption {
    
    top: 90px;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    height: auto;
    font-size: 48px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: .5;
}



}

.fnt{
	
	
    font-family: 'ABeeZee', sans-serif;
    font-weight: 500;
	
	
}


@media (max-width: 1360px){
	
	.carousel .item {
    height: auto;
    background-color: #555;
}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    height: auto;
    font-size: 48px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: .5;
}
	
}

.tup {
    margin: 1% 0px 0 0;
}

.top-jum .btn.btn-select.btn-select-light {
    margin: 0 0 0 0;
}

.top-jum {
    background-color: rgba(255, 255, 255, 0.61);
    border-bottom: 4px solid #fff;
    height: auto;
    padding: 0px 12px 8px 12px;
    margin: 0 0 10px 0;
}

.btn2{width: 100%;background-color: #e22a8a;color: #fff;display: inline-block;padding: 6px 12px;margin-bottom: 0;font-family: 'ABeeZee', sans-serif;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;text-decoration:none;}

.btn2:hover{
background-color:#539ffd;
cursor:pointer;
color:#fff;
box-shadow:1px 1px 2px #888;
text-decoration:none;
-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}



.turnintodropdown select {
    width: 100%;
    height: 34px;
	background-color: #fff;
border: 1px solid #6f6f74;
padding: 4px 10px 4px 6px;


-webkit-appearance: none;  /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
 -moz-appearance: none;  /*REMOVES DEFAULT FIREFOX STYLE*/
background: #fff url(img/drop-down-arrow.png) no-repeat right center;
background-size: 33px;


}

.turnintodropdown select:hover {

 background: #fff url(img/drop-down-arrow-hover.png) no-repeat right center;
    background-size: 33px;
    border: 1px solid #4db9e2;
-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
pointer:select;

}

	.turnintodropdown select > option {
	
 -webkit-appearance: none;  /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
 -moz-appearance: none;  /*REMOVES DEFAULT FIREFOX STYLE*/
 appearance: none;
    background-color: #fff;
	filter: hue-rotate(10deg);
	border:none;
    color: #000;
    height: 26px;
	font-family: 'ABeeZee', sans-serif;
font-size: 14px;
font-weight: 400;
padding: 4px 10px 4px 10px;
}




.leq {
    display: block;
    background-color: #fff;
    height: 20%;
    width: auto;
    margin: 0 0 10px;
    padding: 4%;
    border-bottom: 1px solid #897d26;
    line-height: 2.3em;
}

.leq p {
display:inline-flex;
font-family: 'ABeeZee', sans-serif;
margin-bottom: 0px;
}
	
.small-logo {
top:10px;
width:72%;
}

.logo {
background-position: 0 0;
background-repeat: no-repeat;
-webkit-transition: background-position .4s ease-in;
-moz-transition: background-position .4s ease-in;
-o-transition: background-position .4s ease-in;
transition: background-position .4s ease-in;
}



.s5_logo_path .small-logo {
background-position: 0px -122px; //here play with the position.
}

.lg-img{
    float: left;
    margin: 1% 6% 0 1%;
}


.lg-img img {
    max-width: 100%;
    display: block;
    position: relative;
    margin: 0px auto;
}

i img {
    width: 36px;
    position: absolute;
    display: block;
}