/* NEW STYLES IN ADDITION TO THE BOOTSTRAP STYLES*/
@media screen {
body{
  font-family: Arial, Helvetica, sans-serif;
  min-height: 200px;
}

.feature ul {
	min-height: 300px;
}

.logo {
	float: left;
	margin-top: 30px;
	width: auto;
  padding-bottom: 10px;
}

.logo img{
	border: none;
  max-width: 100%;
}

.navbar{
  border: none;
}

.mini-nav{
  width: 50%;
  float: right;
  display: block;
  position: relative;
  font-size: .85em;
  margin-top: 10px;
  margin-bottom: 0px;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
}

.navbar-inverse{
	background-color: #ffffff;
	border: none;
}

.navbar-toggle {
	background-color: #000;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #666;
	border-color: #666;
}

.breadcrumb{
	text-transform: capitalize;
}

.clear{
	clear: both;
}

blockquote{
  font-size: 14px;
}

.bold{
  font-weight: bold;
}

table.contactform{
  width: 70%;
  max-width: 90%;
}

table.contactform tr td {
  border-bottom: 1px dotted #ccc;
  padding-top: 5px;
  padding-right: 20px;
  padding-bottom: 5px;
  text-align: left;
}

.req{
  color: #FF0000;
}

/****** ADD GLYPHICONS INSIDE FIELDS */

.left-inner-addon {
    position: relative;
}
.left-inner-addon input {
    padding-left: 30px;
}

.left-inner-addon span {
    position: absolute;
    padding: 10px 12px;
    pointer-events: none;
}

.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;
}
.right-inner-addon span {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
}

/*******************************************/

.navbar {
  position: relative;
  min-height: 135px;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #DADADA 5%, #FFFFFF 35%);

/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #DADADA 5% #FFFFFF 35%);

/* Opera */
background-image: -o-linear-gradient(top, #DADADA 5%, #FFFFFF 35%);

/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DADADA), color-stop(1, #FFFFFF));

/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #DADADA 5%, #FFFFFF 35%);

/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #DADADA 5%, #FFFFFF 35%);
}

.navbar-form{
	margin-top: 10px;
  padding-right: 0px;
}

.nav {
  clear:both;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  text-align: left;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 10px 0px 10px;
  font-family: Georgia, Serif;
  text-transform: uppercase;
  font-size: 14px;
  background: none;
  color: #666666;
}

.nav > li .subtext {
	font-family: sans-serif;
	font-size: 11px;
	text-transform: none;
	margin: 0;
	padding: 0;
}

.nav > li > a:hover {
	background: none;
	color: #0066cc;
	cursor: pointer;
}

.nav .divider-vertical {
  /*height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;*/
  border-right: #e5e5e5 dotted 2px;
  /*padding: 0 10px 0 0;*/
}

.navbar-inverse .navbar-nav > li > a{
  color: #666666;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #0066cc;
  background-color: transparent;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open> a:hover, .navbar-inverse .navbar-nav>.open> a:focus {
background-color: #ffffff ;
color: #0066cc;
}

.dropdown-menu > li > a { /*change specs so that text wraps on 1st level dropdown */
  /*display: block;*/
  padding: 3px 20px 5px 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: pre-line;
  font-size: .95em;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #fff;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #fff;
  border: none;
}

/* SUB MENU CODE //////////////////////////////*/

.dropdown-submenu{
    position:relative;
}

.dropdown-submenu > .dropdown-menu
{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu{
    display:block;
}

.dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}

.dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
}

.dropdown-submenu .pull-left{
    float:none;
}

.dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}


.container{
	max-width: 940px;
}

.notfound{
  background: url("../images/slides/slide01.jpg");
  background-size: 940px 343px;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-color: #000000;
  color: #ffffff;
  min-height: 343px;
  height: auto;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
  border-bottom: 10px solid #000000;
}

.notfound h1, .notfound h2, .notfound h3, .notfound p, .notfound a{
  color: #ffffff;
  }

.bigtext{
  font-size: 20em;
  line-height: 1em;
  color: #FFFFFF;
}

.insidetext{
  margin-bottom: 400px;
}



.jumbotron{
	padding-top: 30px;
  padding-bottom: 30px !important; /*makes top and bottom padding equal, bottom was set to 48px*/
	margin-bottom: 50px;

/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #000000 0%, #333333 100%);

/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #000000 0%, #333333 100%);

/* Opera */
background-image: -o-linear-gradient(top, #000000 0%, #333333 100%);

/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(1, #333333));

/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #000000 0%, #333333 100%);

/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #000000 0%, #333333 100%);
}

.jumbotron .container {
  max-width: 940px;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 10%;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=100);
  opacity: 1;
}

.carousel-control.right, .carousel-control.left {
  background-image: none;
}

.carousel-inner > .item {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ffffff;
	/*margin-bottom: 50px; - removed to fix hero image spacing*/
	-webkit-box-shadow: #666 3px 3px 3px 1px;
	-moz-box-shadow: #666 3px 3px 3px 1px;
	box-shadow: #666 3px 3px 3px 1px;
}

.carousel-indicators {
	bottom: 10px;
}

.col-md-4 img {
	/*width:300px;
	height:193px;*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 8px solid #F1F1F1;
	background-color:#EEEEEE;
	-webkit-box-shadow: #666 3px 3px 3px 1px;
	-moz-box-shadow: #666 3px 3px 3px 1px;
	box-shadow: #666 3px 3px 3px 1px;
	margin-bottom: 20px;
  max-width: 100%;
}

img.right {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 8px solid #F1F1F1;
	background-color:#EEEEEE;
	-webkit-box-shadow: #666 3px 3px 3px 1px;
	-moz-box-shadow: #666 3px 3px 3px 1px;
	box-shadow: #666 3px 3px 3px 1px;
	margin-bottom: 20px;
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
  max-width: 100%;
}


/*
.hp-middle img{
	width:300px;
	height:193px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 8px solid #F1F1F1;
	background-color:#EEEEEE;
	-webkit-box-shadow: #666 3px 3px 3px 1px;
	-moz-box-shadow: #666 3px 3px 3px 1px;
	box-shadow: #666 3px 3px 3px 1px;
	margin-bottom: 20px;
}
*/

h1 {
	font-family: Georgia, Serif;
	font-size: 22px;
	font-weight: bold;
	color: #000;
	margin-bottom: 0;
	padding-bottom: 10px;
}

h2 {
	font-family: Georgia, Serif;
	font-size: 21px;
	font-weight: normal;
	color: #0066cc;
	margin-bottom: 0px;
	padding-bottom: 5px;
  line-height: 26px;
}

.container h3 {
	font-family: Georgia, Serif;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: bold;
	color: #000;
	margin-top: 0;
	padding-bottom: 0;
}

.subhead {
	font-family: inherit;
	font-size: 12px;
	font-weight: normal;
	color: #8c8c8c;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}

.col-md-4 {
	padding-top: 20px;
}

.col-md-8 {
	padding-top: 20px;
}


.btn-gradient {
background-image: -o-linear-gradient(left, #CCCCCC 0%, #FFFFFF 50%, #CCCCCC 100%);
background-image: -moz-linear-gradient(left, #CCCCCC 0%, #FFFFFF 50%, #CCCCCC 100%);
background-image: -webkit-linear-gradient(left, #CCCCCC 0%, #FFFFFF 50%, #CCCCCC 100%);
background-image: -ms-linear-gradient(left, #CCCCCC 0%, #FFFFFF 50%, #CCCCCC 100%);
background-image: linear-gradient(to left, #CCCCCC 0%, #FFFFFF 50%, #CCCCCC 100%);
width: 163px;
color: #016999;
-webkit-box-shadow: #666 3px 3px 3px 1px;
-moz-box-shadow: #666 3px 3px 3px 1px;
box-shadow: #666 3px 3px 3px 1px;
}

footer{
	min-height: 145px;
	background-color: #333;
	border-top: 5px solid #4c4c4c;
	color: #999;
	padding-top: 10px;
	font-size: .8em;
	font-weight: normal;
	margin-bottom: 0;
	margin-top: 20px;
}

footer a{
	color: inherit;
	text-decoration: underline;
  cursor: pointer;
}

footer a:hover{
  color: inherit;
  text-decoration: none;
}

footer .col1{
	float:left;
}

footer .col2{
	float: right;
	text-align: left;
	line-height: 1.2em;
}


footer ul.footlinks {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

footer ul.footlinks li{
	display: inline;
}

footer ul.footlinks li a{
	color: #999;
	border-right: #999 solid 1px;
	padding: 5px;

}

footer ul.footlinks .last > a {
	border: none;
}

.navbar .dropdown-menu {
	margin-top: 0px;
}

.dropdown-menu > li > a {
	white-space: normal;
}

.sub-menu {
	left: -90% !important;
}

/****Keyterm highlighting****/
span.keyterm {
  font-style: italic;
  font-weight:700;
}

span.italics {
  font-style: italic;
}

.center-text {
  text-align: center;
}

/**** Cryoperm List ****/
ul#cryo-list {
  list-style: none;
  margin-bottom: 30px;
}

ul#cryo-list li {
  float: left;
  margin-right: 30px;
}

/****Header Logo ****/
.navbar .logo a .page-title {
  font-family: Arial, sans-serif;
  font-size: 20px;
  /*float: left;*/
}

.navbar .logo a:hover {
  text-decoration: none;
}

/**** Content Container Min Height ****/
.min-h {
  min-height: 600px;
}

/**** Footer Contact Info ****/
ul.footer-contact {
  list-style: none;
}

p.copyright {
  margin-bottom: 30px;
  text-align: center;
}

ul.footlinks {
  text-align: center;
}

ul.footlinks li:last-of-type a {
  border-right: none;
}

/**** Print & PDF Icons ****/
.icons {
  float: right;
  margin-bottom: 10px;
}

.gray {
  background-color: #ccc;
}
.print-only {
  display: none;
}

/**** Hero Image ****/
.jumbotron #myCarousel .carousel-inner .active img {
  border-radius: 10px;
}


/************** RESPONSIVE *************/


@media (min-width: 768px) and (max-width: 960px){

 .navbar-collapse{
  padding-right: 0px;
  padding-left: 0px;
 }

.navbar-nav > li a {
  padding: 10px 8px 0px 8px;
  font-size: 13px;
}

.navbar-nav > li:first-of-type a{
  padding-left: 0px;
}

.dropdown-menu{
  font-size: 12px;
}

.navbar-nav > li a{
  padding: 10px 1px 0px 5px;
}

}

@media screen and (min-width: 768px){
.navbar-responsive .form-group{
  display: none;
}

.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{
  margin-left: -15px;
}

p.copyright {
  text-align: left;
}

ul.footlinks {
  text-align: left;
}

}


@media screen and (max-width: 767px) {

  /************** SPECIAL STYLES FOR RESPONSIVE PUSH NAV *************/

  .navbar-nav {
    margin:0;
  }
  /* General styles for all menus */
  .cbp-spmenu {
    background: #f8f8f8;
    position: fixed;
    padding:0;
    margin:0 !important;
    overflow-x:hidden;
    overflow-y:visible;
    display:block;
  }
  .cbp-spmenu h3 {
    color: #afdefa;
    font-size: 1.9em;
    padding: 20px;
    margin: 0;
    font-weight: 300;
    background: #0d77b6;
  }
  .cbp-spmenu a {
    display: block;
  }
  /* Orientation-dependent styles for the content of the menu */
  .cbp-spmenu-vertical {
    width: 260px;
    height: 100%;
    top: 0;
    z-index: 1000;
  }
  .cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
  }
  .cbp-spmenu-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left;
  }
  .cbp-spmenu-horizontal a {
    float: left;
    width: 20%;
    padding: 0.8em;
    border-left: 1px solid #258ecd;
  }
  /* Vertical menu that slides from the left or right */
  .cbp-spmenu-left {
    left: -260px;
  }
  .cbp-spmenu-right {
    right: -260px;
  }
  .cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
  }
  .cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
  }
  /* Horizontal menu that slides from the top or bottom */
  .cbp-spmenu-top {
    top: -150px;
  }
  .cbp-spmenu-bottom {
    bottom: -150px;
  }
  .cbp-spmenu-top.cbp-spmenu-open {
    top: 0px;
  }
  .cbp-spmenu-bottom.cbp-spmenu-open {
    bottom: 0px;
  }
  /* Push classes applied to the body */
  .cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
  }
  .cbp-spmenu-push-toright {
    left: 260px;
  }
  .cbp-spmenu-push-toleft {
    left: -260px;
  }
  /* Transitions */
  .cbp-spmenu,
  .cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

.collapse {
  visibility: hidden; /* Bootstrap v3.3.0 */
}
.cbp-spmenu {
  visibility:visible; /* The Fix */
}

/** END PUSH MENU STYLES ****/
}

@media screen and (max-width: 768px) {
/** CONTINUE WITH ADDITIONAL RESPONSIVE STYLES *****/

.breadcrumb{
  font-size: .8em;
}

.navbar-collapse{
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.col-md-4{
  display: none;
}

.navbar-nav{
  float: left;
}


.navbar-nav > .dropdown-menu{
  width: 100%;
  float: left;
}

.dropdown-menu{
  min-width: 180px;
}

.navbar-right .form-group{
  display: none;
}

#navbar-collapse .form-group {
  display: block;
}


.dropdown-menu > .dropdown-menu {
  width: 100%;
  float: left;
  margin-left: 5%;
}

.navbar-nav > .dropdown-menu li:hover{
  background-color: #eee;
}

.dropdown-submenu > .dropdown-menu li:hover{
  text-decoration: underline;
}

footer p{
  font-size: .9em;
}

.carousel-control .glyphicon{
  display: none;
}

.jumbotron{
  padding-top: 20px;
}

footer .col2{
  float: left;
  margin-top: 20px;
}

.navbar-responsive{
  margin-right: 20px;
  margin-left: 10px;
}

.nav .divider-vertical{
  border: none;
}


/*****STYLES RELATED TO SUBMENU *****/

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: 5%;
  -webkit-border-radius: 0 6px 6px 6px;
     -moz-border-radius: 0 6px 6px 6px;
          border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
     -moz-border-radius: 5px 5px 5px 0;
          border-radius: 5px 5px 5px 0;
}

.dropdown-submenu > a:after {
  display: block;
  float: right;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-right: -10px;
  border-color: transparent;
  border-left-color: #cccccc;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
}

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
     -moz-border-radius: 6px 0 6px 6px;
          border-radius: 6px 0 6px 6px;
}

.min-h {
  min-height: 700px;
}

}


@media (max-width: 600px){

footer .col2{
  display: none;
}

.mini-nav{
  display: none;
}

#cryo-list {
  display: none;
}

img.right {
  float: none;
  margin:0 auto;
}

img.hide-me {
  display: none;
}

ul.footer-contact {
  margin-left: -34px;
  margin-top: 10px;
  text-align: center;
}

.form-group .right-inner-addon i.fa-search { /*Search icon styling in dropdown*/
  position: absolute;
  padding: 10px 12px;
  top: -35px;
  left: -9px;
}

.navbar .logo a h1.page-title {
  display: none;
}

li.icon-btn {
    display: none;
  }

li.icon-btn {
  display: none;
}

}

}

@media print {
  header {
    display: none;
  }

  .jumbotron {
    display: none;
  }

  form.form-horizontal {
    display: none;
  }

  .footlinks {
    display: none;
  }

  .footer-contact li {
    list-style: none;
  }
}

