﻿/*----Innoweb Creations Nov2016*/
/*----File for VulcanTrips -----*/

body {
    font-family: 'Open Sans', sans-serif;
}

.topband {
    background-color:#49524d;
    padding-top:10px;
    padding-bottom:10px;
}
.txtphonesm {
     color:#3cd8ab;
     padding-top:5px;
     font-size:12px;
}
.txtphone {
    font-family: 'Open Sans', sans-serif;
     font-weight:bold;
     font-size:14px;
     padding-top:5px;
     color:#fff;
}

.navbar-default {
    background-color:#fff;
    border-bottom:none;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #3cd8ab;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #3cd8ab;
}
.navbar-nav {
    font-family: 'Roboto Condensed', sans-serif;
    font-size:14px;
    font-weight:bold;
}
.navbar-nav > li > a {
    padding-top:20px;
    padding-bottom:40px;
    
}
.navbar-default .navbar-nav > li > a {
  color: #555;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  background-color: #3cd8ab;
  color: #fff;
}
.section {
    padding-top:60px;
    padding-bottom:60px;
}

.heading {
    font-family: 'Roboto Condensed', sans-serif;
    font-size:26px;
    padding-bottom:20px;
}

.sheading {
    font-family: 'Roboto Condensed', sans-serif;
    font-size:20px;
    padding-bottom:5px;
}

.tagline {
    font-family: 'Caveat', cursive;
    font-size:32px;
    color:#fff;
}
.taglinesm {
    font-family: 'Caveat', cursive;
    font-size:26px;
}
.sidemenu {
    background-color:#49524d;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    /*padding:12px;*/
    padding-right:6px;
    color:#3cd8ab;
    font-size:20px;
    top:250px;
}
    .sidemenu > li {
        padding:10px;
    }
.sidemenu > li > a {
    padding:5px;
    margin:0;
    color:#3cd8ab;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #49524d;
  color:#eb6922;
}

.greybtn {
    background-color:#49524d;
    color:#fff;
}

.greybtn i {
    color:#3cd8ab;
}
.greybtn:hover {
    color:#eb6922;
}

.greenbtn {
    background-color:#3cd8ab;
    color:#49524d;
}

.greenbtn i {
    color:#fff;
}

.orgbtn {
    background-color:#eb6922;
    color:#fff;
}
.orgbtn:hover, .orgbtn:focus {
    color:#fff;
    text-decoration:none;
}

/*line*/
.rule {
  height: 3px;
  background: #e1e2e4;
  max-width:250px;
  text-align: center;
  margin: 10px auto 20px;
}
.rule:after {
  content: '';
  display:inline-block;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  border:4px solid #fff;
  position:relative;
  background: #eb6922;
  top:-.6em;
}


.mapparallax {
    /* The image used */
    background-image: url("../pictures/owlbg.png");

    /* Set a specific height */
    min-height: 300px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.downparallax {
    /* The image used */
    background-image: url("../pictures/contactus.jpg");

    /* Set a specific height */
    min-height: 300px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.lnks {
    padding-top:50px;
}
.lnks .lheading {
     font-family: 'Roboto Condensed', sans-serif;
     font-weight:bold;
     font-size:16px;
     padding-bottom:10px;
}
.lnks i {
    padding-right:6px;
}
.lnksul > li {
    padding-top:5px;
    border-bottom:1px solid #fff;
}

.vicons {
    text-align:center;
}
.vicons p {
    font-family: 'Roboto Condensed', sans-serif;
     font-weight:bold;
     font-size:16px;
     padding-top:5px;
}

.form-group label {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:normal;
    color:#3cd8ab;
}

.form-group input{
    border-radius:0;
    background-color:#efefef;
    font-size:12px;
}
.form-group textarea {
       border-radius:0;
    background-color:#efefef;
    font-size:12px;
}

.input-group-addon {
    background-color:#fff;
    color:#eb6922;
}

.owlheader {
    color:#eb6922;
    font-size:14px;
    font-weight:bold;
}
.owlcontent {
    font-size:13px;
}

.acontent {
    text-align:justify;
}
.acontent i {
    color:#eb6922;
}
.acontent li {
    padding-top:5px;
    padding-bottom:5px;
    border-bottom:1px solid #eee;
}

.blklnk {
    color:#333;
    text-decoration:none;
}

.blklnk:hover {
    color:#333;
    font-weight:bold;
    text-decoration:none;
}

.olnk {
    color:#eb6922;
}
.olnk:hover {
    color:#eb6922;
}

.grlnk {
    color:#3cd8ab;
    text-decoration:none;
}
.grlnk:hover, grlnk:focus, grlnk:active {
    color:#3cd8ab;
    text-decoration:none;
}




.sticky-container {
/*background-color: #333;*/
padding: 0px;
margin: 0px;
position: fixed;
right: -119px;
top: 260px;
width: 200px;
}

.sticky li {
list-style-type: none;
background-color: #49524d;
color: #3cd8ab;
height: 43px;
padding: 0px;
padding-top:10px;
padding-left:10px;
margin: 0px 0px 1px 0px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
cursor: pointer;
/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);*/
color:#3cd8ab;
}

.sticky li:hover {
margin-left: -115px;
/*-webkit-transform: translateX(-115px);
        -moz-transform: translateX(-115px);
        -o-transform: translateX(-115px);
        -ms-transform: translateX(-115px);
        transform:translateX(-115px);*/
        /*background-color: #8e44ad;*/
/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);*/
color:#eb6922;
}

.sticky li img {
float: left;
margin: 5px 5px;
margin-right: 10px;
}

.sticky li p {
padding: 0px;
margin: 0px;
text-transform: uppercase;
line-height: 43px;
}

.topsticky {
    padding:0;
    margin:0;
}
.topsticky li {
    padding:0;
    margin:0;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    border:1px solid #999;
    border-bottom:0;
}
.topsticky li a {
    color:#3cd8ab;
}
.topsticky li:hover a {
    color:#eb6922;
}

.form-control {
    color:#000;
}