body {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.42857143;
  color: #000;
  background-color: #fff;
  overflow-x:hidden;
  overflow-y:scroll;
}

a.FAQquestion {
	color: #B99C5A;
}


.navbar-fixed-top {
  background: white;
}


.top-nav-collapse {
background: white;
padding: 0;
}


.navbar-default {
  background-color: #f8f8f8;
  border-color: white;
}

.navbar-default .navbar-brand {
  color: #B99C5A;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #B99C5A;
}
.navbar-default .navbar-nav > li > a {
  color: #B99C5A;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #808080;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: white;
  background-color: #9c7b30;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-link {
  color: white;
}
.navbar-default .navbar-link:hover {
  color: #000;
}
.navbar-default .btn-link {
  color: white;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #000;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #000;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #000;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: red;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}

@media (max-width: 1150px) {
   .img-smallscreen {
   min-width:105x;
   max-width:140px;
   }



  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
	border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
	background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #fff;
	background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #fff;
	background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
	color: #444;
	background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.div-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.div-rounded {
  border-radius: 30px;
}

label.col-form-label {
  vertical-align: middle;
}

.form-control {
  display: inline;
  height: 34px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control-2 {
  display: inline;
  height: 34px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-transition: border-color ease-in-out .15s;
	   -o-transition: border-color ease-in-out .15s;
		  transition: border-color ease-in-out .15s;
margin-bottom:0px;
}

.bg-gradient {
  background-image: linear-gradient(to bottom, #ffffff 0%, RGB(145,185,151) 100%);
}


canvas#signature {
  border: 1px solid #ccc;
}

form>* {
  margin: 10px;
}

.col-form-label {
vertical-align:middle;
}

.form-control {
margin-bottom:2px;
}


#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(84,84,84);
  z-index: 2;
  cursor: pointer;
}

#text{
 position: absolute;
 top: 50%;
 left: 50%;
 font-size: 20px;
 color: white;
 transform: translate(-50%,-50%);
 -ms-transform: translate(-50%,-50%);
}


/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 200px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
}

/* The Close Button */
.close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}

.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}

.noheight {
display: block; /* makes it have a width */
content: ""; /* clears default height */
margin-top: 0; /* change this to whatever height you want it */
line-height:50%;
}

.topnavlinks {
font-size: 22px;
font-family: 'Open Sans';
letter-spacing: 0px;
color: #ffffff;
text-transform: none;
}

.topnavlinks:hover {
color: #cccccc;
}

.topnavlinks:active {
color: #cccccc;
}

.nav-screens {
display: inline-block;
text-align: center;
}

.nav-link {
width: 16%;
padding: 0px;
padding-bottom: 20px;
}

.options_frame {
border: 1px solid #CCCCCC;
margin: 5px;
width: 30%;
}

  .main-width {
  padding:30px;
  margin:30px;
  }

  .compareplans {
  margin:30px;
  margin-top:0px;
  padding:50px;
  padding-top:0px;
  padding-bottom:0px;
  text-align:center;
  width:97%;
  }

.plan_options {
margin-left:100px;
}

.options_bg {
padding: 10px;
text-align: center;
color: #B99C5A;
font-size: 2em;
margin: 10px;
}

.options_bg2 {
padding: 10px;
text-align: center;
color: #FFFFFF;
font-size: 2em;
margin: 10px;
cursor: pointer;
transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;
  border: none;
  border-radius: 6px;
}


.options_bg2:hover {
transform: translateY(-10px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.options_bg2.clicked {
transform: translateY(-10px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
border: 2px solid #000000;
}

.smallscreenbreak {
display: none;
}

option_limit {
font-size: 1.8em;
}

.extra_small {
font-size: 0.7em;
}


.gold_button {
width:600px;
background-color:#B99C5A;
padding:5px;
border: none;
border-radius: 6px;
box-shadow: 4px 4px 8px #3b3b3b, -4px -4px 8px #ffffff;
color: white;
cursor: pointer;
font-size: 16px;
padding: 15px 30px;
text-align: center;
transition: all 0.3s ease;
}

.grey_button {
width:600px;
background-color:RGB(113,113,113);
padding:5px;
border: none;
border-radius: 6px;
box-shadow: 4px 4px 8px #3b3b3b, -4px -4px 8px #ffffff;
color: white;
font-size: 16px;
padding: 15px 30px;
text-align: center;
transition: all 0.3s ease;
}

.disabled {
cursor: not-allowed;
}

.step {
border: none;
border-radius: 6px;
box-shadow: 4px 4px 8px #3b3b3b, -4px -4px 8px #ffffff;
color: white;
color: black;
font-size: 13px;
}

.step_message {
padding:10px;
width:100%;
text-align:center;
color:red;
font-size:1.1em;
}


.slider_message {
padding:10px;
padding-top:0px;
padding-bottom:0px;
height:10px;
width:100%;
text-align:center;
color:red;
font-size: 0.9em;
}

@media (max-width: 982px) {

.nav-screens hr {
 display: none;
 }

 .nav-link {
  width: 100%;
  }

  .topnavlinks {
font-family: 'Open Sans';
  font-size: 14px;
  }
  
  .main-width {
  padding:10px;
  margin:0px;
  }
  
  .compareplans {
  margin:20px;
  margin-top:0px;
  padding:5px;
  padding-top:0px;
  padding-bottom:0px;
  text-align:center;
  width:97%;
  }

  .plan_options {
  margin:3px;
  margin-left:0px;
  padding:5px;
  }

  .options_frame {
  width: 27%;
  }

  .options_frame2 {
  width: 30%;
  }

  .options_bg {
  font-size: 0.8em;
  margin: 5px;
  }
  
  .options_text {
  font-size: 0.75em;
  }

  .options_bg2 {
  box-sizing: border-box;
  font-size: 0.9em;
  margin: 2px;
  min-width:80px;
  box-shadow: 4px 4px 8px #3b3b3b, -4px -4px 8px #ffffff;
}


  .smallscreenbreak {
  display: block;
  }

  .option_limit {
  font-size: 0.9em;
  }

.extra_small {
font-size: 0.8em;
}

  .gold_button {
  width:320px;
  font-size: 13px;
  padding: 7px 14px;
  }

  .grey_button {
  width:320px;
  font-size: 13px;
  padding: 5px 10px;
  }

.step_message {
padding:10px;
width:100%;
text-align:center;
color:red;
font-size:0.8em;
}

.slider_message {
padding:10px;
padding-top:0px;
padding-bottom:0px;
height:10px;
width:100%;
text-align:center;
color:red;
font-size:0.9em;
}

.grey_button {
width:350px;
font-size: 14px;
padding: 7px 14px;
}

}



.options_hr {
width: 100%;
}

.option_unavail {
color: #CCCCCC;
}


div.fixed {
z-index:100;
position: fixed;
bottom: 0;
right: 0;
width: 500px;
height:500px;
background:transparent;
}