@import url(//fonts.googleapis.com/css?family=Open+Sans:400);

@import url(//fonts.googleapis.com/css?family=Open+Sans:700);
/*------ template stylization ------*/
body {
  background: #474846;
  font: 14px Arial, Helvetica, sans-serif;
  line-height: 21px;
  color: #695e4a;
}
.global {
  background-color: #695e4a;
}
p {
  margin-bottom: 0;
}
p.feature {
	margin-bottom: 35px;
}

a[href^="tel:"] {
  color: #822031;
  text-decoration: none;
}
a {
  color: #822031;
  outline: none;
  font-weight: 600;
}

a.light {
	font-weight: normal;
}

a:hover {
  color: #666666;
  text-decoration: none;
}

.larger {
	font-size:120%;
}

h1.brand {
  font-size: 0 !important;
  line-height: 0 !important;
  display: inline-block;
  	width: 222px;
	/*-- background-image:url('img/logo.png'); --*/
  margin: 0 !important;
  float: left !important;
  position: relative;
  padding: 20px 0 18px 0!important;
}

h1.brand a {
  display: inline-block;
}

/*------  ------*/h1 a img { 
  width: 100%;
}
h2 {
  color: #695e4a;
  font: 26px/26px Arial, Helvetica, sans-serif;
  margin: 28px 0 16px 0;
}
h3 {
  color: #695e4a;
  font: 23px/24px Arial, Helvetica, sans-serif;
  margin: 0 0 15px 0;
}
h4 {
  color: #ffffff;
  font: 300 24px/30px Arial, Helvetica, sans-serif;
  margin: 0 0 30px 0;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}

h5 {
  color: #695e4a;
  font: 20px/22px Arial, Helvetica, sans-serif;
  margin: 28px 0 15px 0;
  text-transform: uppercase;
}

h6 {
  color: #695e4a;
  font: 20px/22px Arial, Helvetica, sans-serif;
  margin: 0 0 15px 0;
  line-height:1.25;
}


.initially-hidden{
   display: none;
}

#content ul {
  list-style: none;
}
.extra-wrap {
  overflow: hidden;
}
/*-----btn-----*/
.btn.btn-primary {
  box-shadow: none;
  background: none;
  position: relative;
  text-decoration: none;
  display: inline-block;
  padding: 10px 20px 10px 19px;
  font: 10px Arial, Helvetica, sans-serif;
  color: #2f2f2f;
  border: none;
  letter-spacing: 0;
  text-transform: uppercase;
  text-shadow: none;
  text-decoration: none !important;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #f8f8f8;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.btn.btn-primary:hover {
  background: none;
  color: #ffffff;
  border-color: #2f2f2f;
  background-color: #2f2f2f;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.btn.btn-link {
  box-shadow: none;
  background: none !important;
  position: relative;
  text-decoration: none;
  display: inline-block;
  padding: 0;
  font: 12px  Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #900028;
  border: none;
  letter-spacing: 0;
  text-transform: capitalize;
  text-shadow: none;
  text-decoration: none !important;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.btn.btn-link span {
  display: inline-block;
  float: left;
  margin-right: 8px;
}
.btn.btn-link img {
  margin-bottom: 0 !important;
  margin-top: -2px;
}
.btn.btn-link:hover {
  color: #626262;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
/*-----list-----*/

.list-text {
  margin: 0;
  list-style-type: square;
  padding-bottom: 2px;
  border:none;
}

.list-text li{
  margin: 0;
  border:none;
}

.list1 {
  margin: 0;
  list-style: none;
  padding-bottom: 5px;
  border-bottom: 1px solid #c9c9c9;
}
.list1 li {
  background: url(../img/list_arrow.png) 5px 12px no-repeat;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 21px;
  padding: 5px 0 0 24px;
  border-top: 1px solid #c9c9c9;
}
.list1 li a {
  color: #822031;
  font: 12px Arial, Helvetica, sans-serif;
  margin: 0;
  display: inline-block;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.list1 li a:hover {
  color: #666666;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.list2 {
  margin: 0;
  list-style: none;
}
.list2 li {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 15px;
}
.list2 li .date {
  color: #262727;
  font: bold 18px 'Open Sans Condensed';
  float: left;
  margin-right: 10px;
}
.list3 {
  margin: 0;
  list-style: none;
}
.list3 li {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 17px;
}
.list3 li p {
  font-size: 12px;
  line-height: 18px;
}
.list3 li a {
  color: #822031;
  font: bold 12px Arial, Helvetica, sans-serif;
  margin: 0;
  display: inline-block;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.list3 li a:hover {
  color: #695e4a;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.list4 {
  margin: 0;
  list-style: none;
}
.list4 li {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 35px;
  display: block;
  border-bottom: 1px solid #822031;
}

.list4 li li {
  list-style:disc inside none;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 5px;
  border-bottom: none;
}

.list4 li .badge {
  padding: 0;
  margin: 0;
  box-shadow: none;
  text-shadow: none;
  border: none;
    border-bottom: 1px solid #822031;
  border-radius: 0;
  padding-top: 11px;
  font: bold 19px/12px 'Open Sans';
  text-align: center;
  text-transform: uppercase;
  background-color: #900028;
  color: #ffffff;
  float: left;
  margin-right: 12px;
  width: 44px;
  height: 33px;
  -webkit-border-radius: 44px;
  -moz-border-radius: 44px;
  border-radius: 44px;
}
.list4 li .badge span {
  font-size: 12px;
}
.list4 li .extra-wrap p {
  font-size: 12px;
}
.list4 li .extra-wrap p a {
  color: #900028;
  font-size: 12px;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.list4 li .extra-wrap p a:hover {
  color: #695e4a;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.list4 li .clearfix {
  margin-bottom: 13px;
}
.list4 li .extra-wrap p span {
  display: inline-block;
  float: left;
  margin-right: 5px;
}
.list4 li .extra-wrap h3 {
  margin-bottom: 2px;
}
.list5 
{
  padding:0;
  margin: 0;
  list-style: none;
}
.list5 li {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 6px;
}
.list5.info-box li {
  margin-bottom: 1px;
}
.list5.info-box li p {
  color: #e9eae4;
  font-size: 12px;
  line-height: 18px;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.list5.info-box li p span {
  display: block;
  width: 68px;
  float: none;
}
.list5 li a {
  color: #cbcbcb;
  font-size: 12px;
  line-height: 18px;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.list5 li a:hover {
  color: #2a2b29;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.listquick {
  margin: 0;
  list-style: none;
  padding-bottom: 5px;
  border-bottom: 1px solid #c9c9c9;
}
.listquick li {
  background-color: #e9eae4;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 21px;
  padding: 5px 0 0 24px;
  border-top: 1px solid #c9c9c9;
}
.listquick li a {
  color: #822031;
  font: 12px Arial, Helvetica, sans-serif;
  margin: 0;
  display: inline-block;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.listquick li a:hover {
  color: #666666;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}






.listnew {
  margin: 0;
  list-style: none;
  padding-left: -1.5em;
  margin-left: -1.5em;
}
.listnew li {
  font-size: 14px;
  line-height: 21px;
  padding-left: -2em;
  margin-left: -2em;
  margin-bottom: 35px;
  display: block;
  border-bottom: 1px solid #822031;
}

.listnew li li {
  list-style:disc inside none;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 5px;
  border-bottom: none;
}

.listnew li .badge {
  padding: 0;
  margin: 0;
  box-shadow: none;
  text-shadow: none;
  border: none;
    border-bottom: 1px solid #822031;
  border-radius: 0;
  padding-top: 11px;
  font: bold 19px/12px 'Open Sans';
  text-align: center;
  text-transform: uppercase;
  background-color: #900028;
  color: #ffffff;
  float: left;
  margin-right: 12px;
  width: 44px;
  height: 33px;
  -webkit-border-radius: 44px;
  -moz-border-radius: 44px;
  border-radius: 44px;
}
.listnew li .badge span {
  font-size: 12px;
}
.listnew li .extra-wrap p {
  font-size: 12px;
}
.listnew li .extra-wrap p a {
  color: #900028;
  font-size: 12px;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.listnew li .extra-wrap p a:hover {
  color: #695e4a;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.listnew li .clearfix {
  margin-bottom: 13px;
}
.listnew li .extra-wrap p span {
  display: inline-block;
  float: left;
  margin-right: 5px;
}
.listnew li .extra-wrap h3 {
  margin-bottom: 2px;
}









/*-----thumbs-----*/
.thumbnail
{
   background-color: inherit;
}
.thumb-pad1 {
  margin-bottom: 0;
  display: block;
}
.thumb-pad1 .thumbnail {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.thumb-pad1 .thumbnail .caption {
  padding: 0;
  color: #695e4a;
}
.thumb-pad1 .thumbnail .caption p {
  margin-bottom: 6px;
}
.thumb-pad1 .thumbnail .caption p strong {
  color: #9c1904;
}
.thumb-pad1 figure {
  margin: 0;
  display: inline-block;
  margin-bottom: 26px;
}
.thumb-pad1 figure img {
  width: 100%;
}
.thumb-pad2 {
  margin-bottom: 0;
  display: inline-block;
  margin-top: 5px;
}
.thumb-pad2 .thumbnail {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.thumb-pad2 .thumbnail .caption {
  padding: 0;
  color: #695e4a;
}
.thumb-pad2 .thumbnail .caption p {
  margin-bottom: 21px;
}
.thumb-pad2 figure {
  margin: 0;
  display: inline-block;
  margin-bottom: 20px;
}
.thumb-pad2 figure img {
  width: 100%;
}
.thumb-pad3 {
  display: inline-block;
  margin-top: 5px;
  width: 100%;
  margin-bottom: 25px;
}
.thumb-pad3 .thumbnail {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.thumb-pad3 .thumbnail .caption {
  padding: 0;
  color: #695e4a;
}
.thumb-pad3 figure {
  margin: 0;
  display: inline-block;
  width: 100%;
}
.thumb-pad3 figure img {
  width: 100%;
  max-width: 100%;
}
.thumb-pad4 {
  margin: 0;
  display: inline-block;
  max-width: 100%;
}
.thumb-pad4 .thumbnail {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  max-width: 100%;
}
.thumb-pad4 .thumbnail .caption {
  padding: 0;
  color: #695e4a;
  max-width: 100%;  
}
.thumb-pad4 figure {
  margin: 0;
  overflow: hidden;
  display: inline-block;
  float: left;
  margin-right: 31px;
}
.thumb-pad4 figure img {
  width: 100%;
}
.thumb-pad4 .thumbnail .caption p {
  position: relative;
  margin-bottom: 30px;
}
/*-----blockquote-----*/blockquote {
  padding: 0;
  border: none;
  margin: 0;
  position: relative;
  padding-right: 0;
  margin-bottom: 25px;
}
blockquote p {
  font: 14px Arial, Helvetica, sans-serif;
  line-height: 21px;
  color: #695e4a;
  margin-bottom: 18px;
}
blockquote .name {
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #900028;
  margin: 0;
  margin-bottom: 1px;
}
blockquote a {
  font: 12px Arial, Helvetica, sans-serif;
  line-height: 21px;
  color: #695e4a;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
blockquote a:hover {
  color: #900028;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
/*-----header-----*/
header {
  padding: 0;
  background: url(../img/bg_header.png) repeat-x;
  border-top: 4px solid #900028;
}
header .up-border {
  position: absolute;
  top: 0;
  width: 100%;
  height: 7px;
  background: url(../img/up_bord_bg.png) repeat;
}
header .up-border span {
  width: 100%;
  height: 8px;
  background-color: #ca8918;
  display: inline-block;
  position: relative;
  top: -7px;
}
header .call {
  float: left;
  margin-top: 55px;
  margin-left: 31px;
  text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.3);
}
header .call p {
  font: bold 16px/16px 'Open Sans Condensed';
  text-transform: uppercase;
  color: #d6d0c6;
  margin-bottom: 8px;
  letter-spacing: 2px;
}
header .call .call-numb {
  font-size: 27px;
  letter-spacing: 2px;
}
/*-----menu-----*/
header .navbar {
  float: none;
  margin: 0;
  display: block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #695e4a;
  border-right: 1px solid #b1a184;
  border-bottom: 1px solid #c5b9a3;
  border-left: 1px solid #b1a184;
  background: url(/img/bg_menu.png) repeat-x;
  z-index: 2;
}
.navbar-collapse .nav {
  float: none !important;
}
.navbar_ .collapse {
  overflow: visible;
  line-height: 0 !important;
  font-size: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navbar_ .nav-collapse_ .nav li li {
  font-size: 10px;
  line-height: 20px;
  display: block;
}
.navbar_ .navbar-inner {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  min-height: inherit;
  border: none;
  background: none;
  float: left;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.navbar_ .nav-collapse_ {
  height: 60px !important;
}
.nav-collapse_ {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: relative;
  float: none;
  margin: 0;
  padding: 0;
  background: none;
}
.nav-collapse_ .nav {
  display: block;
  float: none !important;
  margin: 0;
  padding: 0;
}
.nav-collapse_ .nav li {
  position: relative;
  display: inline-block;
  top: 0;
  margin: 0;
  padding: 0;
  float: left;
  font-size: 12px;
  line-height: 20px;
  zoom: 1;
}
.nav-collapse_ .nav > li > a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
  color: #ffffff;
  box-shadow: none;
  font: bold 14px/14px  Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-shadow: none;
  padding: 0;
  background: none;
  text-align: center;
  border-right-width: 1px;
  border-left-width: 1px;
  border-right-color: transparent;
  border-left-color: transparent;
  border-right-style: solid;
  border-left-style: solid;
  margin-right: 5px;
  background: url(../img/menu_bg.png) 0 bottom repeat-x;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  padding: 19px 26px 0 26px;
  height: 41px;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  box-sizing: content-box;
}
.nav-collapse_ .nav > li:first-child > a {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  border-left: none !important;
}
.nav-collapse_ .nav > li.active > a {
  color: #ffffff !important;
  background: url(../img/menu_bg.png) 0 top repeat-x;
  box-shadow: none;
  border-right-color: #b74e5a;
  border-left-color: #b74e5a;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.nav-collapse_ .nav > li:hover > a {
  color: #ffffff !important;
  background: url(../img/menu_bg.png) 0 top repeat-x;
  border-right-color: #b74e5a;
  border-left-color: #b74e5a;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.nav-collapse_ .nav > .sfHover > a {
  color: #ffffff !important;
  border-right-color: #b74e5a;
  border-left-color: #b74e5a;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  background: url(../img/menu_bg.png) 0 top repeat-x;
}
.nav-collapse_ .nav > li > a span {
  display: block;
  position: absolute;
  height: 6px;
  background: url(../img/menu-marker.png) no-repeat;
  top: 44px;
  width: 6px;
  left: 97px;
}
.nav-collapse_ .nav > li > a em {
  display: block;
  position: absolute;
  height: 6px;
  background: url(../img/menu-marker.png) no-repeat;
  top: 80px;
  width: 6px;
  left: 68px;
  font-style: normal;
}
/*-----subMenu1-----*/
.navbar-collapse .sub-menu > ul {
  position: absolute;
  display: none;
  width: 175px;
  left: 14px;
  top: 61px;
  list-style: none !important;
  zoom: 1;
  z-index: 1030;
  background: #695e4a;
  padding: 22px 0 15px 0;
  margin: 0;
  text-align: left;
}
.navbar-collapse .sub-menu > ul li {
  background: none;
  border: none;
  width: auto;
  float: none;
  margin: 0;
  padding: 0;
  display: block;
  margin-bottom: 9px;
  text-align: center;
}
.navbar-collapse .sub-menu > ul li a {
  display: block;
  background: transparent;
  padding: 0;
  margin: 0;
  font: 12px/12px Arial, Helvetica, sans-serif;
  color: #ffffff;
  padding: 7px 0 7px 0;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.navbar-collapse .sub-menu > ul li a span {
  margin-left: 10px;
  display: inline-block;
  background: url(../img/menu-marker2.png) no-repeat;
  width: 6px;
  height: 5px;
  position: relative;
  top: -2px;
}
.navbar-collapse .sub-menu > ul li a:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #822031;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.navbar-collapse .sub-menu > ul li.sfHover > a {
  text-decoration: none;
  color: #2a2b29;
  background-color: #ffffff;
}
/*-----subMenu2-----*/
.navbar-collapse .sub-menu > ul ul {
  position: absolute;
  display: none;
  width: 175px;
  left: 176px;
  top: -22px;
  list-style: none !important;
  zoom: 1;
  z-index: 1030;
  background: #d9d7d2;
  padding: 22px 0 15px 0;
  margin: 0;
  text-align: left;
}
.navbar-collapse .sub-menu > ul ul li a {
  display: block;
  background: transparent;
  padding: 0;
  margin: 0;
  font: 12px/12px Arial, Helvetica, sans-serif;
  color: #424242;
  padding: 7px 0 7px 0;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.navbar-collapse .sub-menu > ul ul li a:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #695e4a;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/*----content-----*/
#content {
  position: relative;
  padding: 0 0 0 0;
}
.img-polaroid {
  position: relative;
  padding: 4px;
  background: none;
  box-shadow: none;
  border: none;
  max-width: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
#toTop {
  display: none;
  width: 34px;
  height: 20px;
  overflow: hidden;
  background: url(../img/top2.png) 0 top no-repeat;
  position: fixed;
  margin-right: -690px !important;
  right: 50%;
  bottom: 40px;
  z-index: 999;
}
#toTop:hover {
  background: url(../img/top2.png) 0 bottom no-repeat;
}
.mail a {
  font: 14px Arial, Helvetica, sans-serif;
  line-height: 21px;
  color: #900028;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.mail a:hover {
  color: #262727;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.follow_links {
  margin: 0;
  list-style: none;
  float: right;
  margin-top: 51px;
}
.follow_links li {
  font: 10px/10px Arial, Helvetica, sans-serif;
  color: #ffffff;
  float: left;
  margin-right: 9px;
}
.follow_links a {
  font: 10px/10px Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  margin-right: 7px;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.follow_links a:hover {
  color: #d75600;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.follow_icon {
  margin: 0;
  list-style: none;
  float: right;
  margin-right: 32px;
  margin-top: 18px;
}
.follow_icon li {
  float: left;
  margin-left: 13px;
}
#bannBox {
  width: 100%;
  background-color: #ffffff;
  padding-bottom: 42px;
}
#bannBox .banner1 {
  text-align: center;
  padding-top: 44px;
}
.btn.btn4:before {
  content: "";
  position: absolute;
  z-index: -2;
  bottom: 10px;
  left: 12px;
  width: 85%;
  height: 10%;
}
#bannBox .banner1 {
  position: relative;
}
#bannBox .banner1 > div:before {
  width: 1px;
  height: 100%;
  background-color: #dbdbdb;
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  content: ' ';
}
#bannBox .banner1 p {
  margin-bottom: 35px;
}

#bannBox .banner1 img {
  margin-bottom: 28px;
}
#bannBox .banner1 .title {
  font: 23px/23px Arial, Helvetica, sans-serif;
  color: #695e4a;
  margin-bottom: 19px;
}

#bannBox .banner1 .title a {
	color: #822031;
}
#bannBox .banner1 .title a:hover {
	color: #695e4a;
}

#bannBox .banner1 .title .kurent {
	font-weight: normal;
	color: #0b6174;
}

#bannBox .banner1 .kurent a {
	font-weight: bold;
	color: #0b6174;
}

#bannBox .banner1 .kurent a:hover {
	color: #695e4a;
}


#projectsBox,
#projectsBox2,
.mapBox,
#blogBox,
#privacyBox,
#resultBox {
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #c4c5c0;
  padding-top: 15px;
}
#projectsBox2,
#blogBox {
  padding-bottom: 80px;
}
#ideasBox {
  padding-bottom: 25px;
  width: 100%;
  background-color: #e9eae4;
  border-bottom: 1px solid #666666;
  padding-top: 15px;
}
#projectsBox .span12 {
  overflow: hidden;
}
#carouselBox {
  width: 100%;
  background-color: #e9eae4;
  padding-top: 15px;
  padding-bottom: 20px;
}
#fooBox {
  padding-top: 47px;
  color: #cbcbcb;
}
#fooBox section {
  overflow: hidden;
}
#fooBox .foo-logo {
  margin-top: 3px;
  margin-bottom: 50px;
}
#fooBox .title {
  border-bottom: 1px solid #fff;
  padding-bottom: 9px;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.aboutBox {
  width: 100%;
  background-color: #695e4a;
  padding-top: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #695e4a;
}

.errorMsg {
    color: red;
}

/*  Camera overrides */
@media (max-width: 660px) {
   .cameraContents {
       display:none;
   }
}

/*-----forms-----*/

ul.form-fields {
	margin:0;
	padding:0;
	list-style-type:none;
}

.form-fields li {
	display: block;
	position:relative;
	margin:0;
	padding:6px 5px 2px 9px;
	clear:both;
}

.form-fields li.focused {
   background-color: #d8d9d3; 
}

.form-fields li:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.form-fields  li span label
{
   clear: both;
}

.form-fields textarea{
   width: 100%;
}

.horizontal-form-field   
{
   float: left;
   margin: 0 4px 0 0;
   padding: 0 0 8px;
}

.horizontal-form-field   input{
   margin-bottom: 0px;
}

.horizontal-form-field  label{
    clear: both;
    display: block;
    font-size: 12px;
    line-height: 12px;
    margin: 0;
    padding-top: 6px;
}

.form-fields label.desc{
   font-weight: bold; 
}

form .req {
   color: red !important;
   float: none;
   font-weight: bold;
   margin: 0;
}

.radioButtonList label{
   display: inline;
   margin-bottom: 0px;
}

.radioButtonList input[type="radio"]
{
   margin-top: 0px;
   margin-left: 5px;
   margin-right: 5px;
}

input.fatInput {
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    text-align: center;
    min-width: 40px;
    margin-bottom: 3px;
}


.stiPurpleButton
{
 background: url("/img/st3dpurplebutton.png") repeat-x scroll 50% 50% #881122;
 border: 1px solid #881122;
 border-radius: 8px;
 padding: 5px;
 color: #FFFFFF;
 font-weight: bold;
 box-shadow: 1px 1px 3px #333333; 
}

.stiPurpleButton:hover
{
 background: url("/img/st3dpurplebuttonhover.png") repeat-x scroll 50% 50% #881122; 
}

.stiPurpleButton:active
{
 background: #ce1a33; 
 box-shadow: none;  
}

.stiPurpleButton[disabled='disabled'], .stiPurpleButton[disabled='disabled']:hover, .stiPurpleButton[disabled='disabled']:active
{
   background: #DDDDDD;
   border: 1px solid #AAAAAA;   
   color: #AAAAAA;     
   box-shadow: none;
}

.offset-checkbox-margins
{
   margin-left: 25px;
}

.radio, .checkbox
{
   margin-top: 0px;
   margin-bottom: 5px;
}

.full {
    width: 100% !important;
    clear:both;
}

select.small, input.small
{
   width: 150px;
}

select.medium, input.medium
{
   width: 304px;
}

/*-----pricing page-----*/

#priceEstimatorFormContainer label.choice
{
   padding-bottom: 0;
}

#pricingFormTable td {
    padding: 0 15px 0 0;
}

input.pricingInput  {
    border-color: #881122;
    margin-bottom: 3px;
}

.pricingTable {
    width: calc(100% - 20px);
    text-align:left;
    border-collapse:collapse;
    margin:20px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}

.pricingTable th {
    font-size:12px;
    font-weight:bold;
    text-align:center;
    background:#fff;
    border:none;
    color:#881122;
    padding:8px;
	border-bottom:1px solid #881122;
}

.pricingTable td {
    background:#fff;
    border-bottom:none;
    text-align:center;
    color:#000;
    border-top:1px solid #e5e3e0;
    border-right:1px solid #e5e3e0;
    border-left:1px solid #e5e3e0;
    padding:2px;   
    width: 20%;
}

.pricingTable td.rowDescCol
{
   text-align: left;
   width: 40%;
}

.softwareCostRow td.rowDescCol, .maintenanceRow td.rowDescCol
{
   padding-left: 15px;
}

.maintenanceRow
{
   font-style: italic;  
}

.totalRow
{
   font-weight: bold;
}

.underlinedRow 
{
    border-bottom:1px solid #881122;
}

.platinumRow td.rowDescCol
{
   padding-left: 15px;
}

.totalRow td.cellTextRight, .maintenanceRow td.cellTextRight
{
   text-align: right;
   padding-right: 20px;
}


form.wufoo li
{
   display: block;
   position: relative;
   margin: 0px;
   padding: 4px 5px 2px 9px;
   clear: both;
}

form.wufoo ul
{
   margin: 0px;
   padding : 0px;
   list-style-type: none;
}

form.wufoo li span
{
   float:left;
}

form.wufoo li div, form.wufoo li span {
    margin: 0px 4px 0px 0px;
    padding: 0px 0px 8px;
}

form.wufoo label.desc{
    padding: 0px 0px 1px;
    display: block;
}

form.wufoo .req {
    float: none;
    color: #F00 !important;
    font-weight: bold;
    margin: 0px;
}

form.wufoo label.choice {
    line-height: 1.5em;
    margin: -1.65em 0px 0px 20px;
    padding: 0.44em 0px 0.5em;
    width: 88%;
    display: block;
}
form.wufoo li div label, form.wufoo li span label {
    margin: 0px;
    padding-top: 6px;
    clear: both;
    display: block;
}
form.wufoo textarea.small {
    height: 5.5em;
}

form.wufoo textarea {
    width: 100%;
}

form.wufoo .large
{
   width: 100%;
}

form.wufoo .full input, form.wufoo .left input, form.wufoo .right input, 
form.wufoo .right select
{
   width: 100%
} 

form.wufoo li div span.left, form.wufoo li div span.right
{
   width: 47%;
   margin: 0px;
}

form.wufoo .left
{
   float: left;
}

form.wufoo .right
{
   float: right;
}

/*-----carousel-----*/
.list_carousel {
  position: relative;
}
.list_carousel #foo {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  padding-top: 5px;
  cursor: default;
}
.list_carousel #foo > li {
  padding: 0;
  margin-left: 30px;
  cursor: default;
  padding: 4px 4px 14px 4px;
  background-color: #fff;
}
.list_carousel #foo > li a {
  color: #900028;
  display: inline-block;
  font: 13px/13px Arial, Helvetica, sans-serif;
  margin: 0;
  text-transform: uppercase;
  margin-bottom: 5px;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.list_carousel #foo > li a:hover {
  color: #695e4a;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.list_carousel #foo > li .caption {
  padding-left: 17px;
  padding-right: 17px;
}
.list_carousel #foo > li .caption p {
  font-size: 12px;
  color: #695e4a;
  line-height: 18px;
}

.caption cite { font-style: normal; display: block; text-align: right; text-transform: uppercase; font-size: 9px; font-weight: bold; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; }


.list_carousel #foo > li figure {
  margin: 0;
  display: inline-block;
  margin-bottom: 12px;
  width: 100%;
}
.list_carousel #foo > li figure img {
  width: 100%;
}
.list_carousel #foo > li p {
  color: #8d7d69;
}
.list_carousel #foo > li p strong {
  color: #9c1904;
}
.list_carousel.responsive {
  width: auto;
  margin-left: -30px;
}
.list_carousel.responsive .caroufredsel_wrapper {
  min-height: 306px;
  cursor: default !important;
}
.list_carousel .prev,
.list_carousel .next {
  display: inline-block;
  width: 11px;
  height: 19px;
  cursor: pointer;
  position: absolute;
  top: -37px;
}
.list_carousel .prev {
  background: url(../img/prev_arrow.png) 0 top no-repeat;
  right: 15px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.list_carousel .next {
  background: url(../img/next_arrow.png) 0 top no-repeat;
  right: 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.list_carousel .prev:hover {
  background: url(../img/prev_arrow.png) 0 bottom no-repeat;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.list_carousel .next:hover {
  background: url(../img/next_arrow.png) 0 bottom no-repeat;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
/*---*/
.list_carousel #foo1 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  padding-top: 5px;
}
.list_carousel #foo1 > li {
  padding: 0;
  display: inline-block;
  float: left;
  margin-left: 0;
  border-left: 1px dotted #aaaaaa;
  cursor: default;
}
.list_carousel #foo1 li:first-child {
  border-left: none;
}
.list_carousel #foo1 > li figure {
  margin: 0;
  display: inline-block;
  width: 100%;
}
.list_carousel #foo1 > li figure img {
  width: 100%;
}
.list_carousel #foo1 > li p {
  color: #8d7d69;
}
.list_carousel #foo1 > li p strong {
  color: #9c1904;
}
#carouselBox .caroufredsel_wrapper {
  padding-bottom: 20px;
  cursor: default !important;
}
#carouselBox .list_carousel.responsive .caroufredsel_wrapper {
  min-height: 21px;
  margin-left: 12px !important;
}
/*---*/
.list_carousel1 {
  position: relative;
}
.list_carousel1 #foo {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.list_carousel1 #foo > li {
    padding: 0;
  display: inline-block;
  float: left;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
   box-shadow: none;
}

.list_carousel1 #foo > li figure {
  margin: 0;
  display: block;
  margin-bottom: 30px;
}
.list_carousel1 #foo > li figure img {
  width: 100%;
}
.list_carousel1 #foo > li p {
  color: #8d7d69;
}
.list_carousel1 #foo > li p strong {
  color: #9c1904;
}
.list_carousel1.responsive {
  width: auto;
  margin-left: 0;
  margin-bottom: 11px;
}
.list_carousel1 .prev,
.list_carousel1 .next {
  display: inline-block;
  width: 70px;
  height: 29px;
  cursor: pointer;
  position: absolute;
  top: -52px;
}
.list_carousel1 .prev {
  background: url(../img/prev_arrow.png) 0 top no-repeat;
  right: 70px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.list_carousel1 .next {
  background: url(../img/next_arrow.png) 0 top no-repeat;
  right: 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.list_carousel1 .prev:hover {
  background: url(../img/prev_arrow.png) 0 bottom no-repeat;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.list_carousel1 .caroufredsel_wrapper {
  position: relative;
  min-height: 570px;
  cursor: default !important;
}
.list_carousel1 .next:hover {
  background: url(../img/next_arrow.png) 0 bottom no-repeat;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#carouselBox .list_carousel .prev,
#carouselBox .list_carousel .next {
  top: 11px;
}
#carouselBox .list_carousel.responsive {
  margin-bottom: 0;
}
#carouselBox .list_carousel .prev {
  background: url(../img/prev_arrow.png) 0 top no-repeat;
  left: 32px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#carouselBox .list_carousel .next {
  background: url(../img/next_arrow.png) 0 top no-repeat;
  right: 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#carouselBox .list_carousel .prev:hover {
  background: url(../img/prev_arrow.png) 0 bottom no-repeat;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#carouselBox .list_carousel .next:hover {
  background: url(../img/next_arrow.png) 0 bottom no-repeat;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#carouselBox .list_carousel.responsive .caroufredsel_wrapper {
  margin-top: 0 !important;
}
/*--------------*/
.list_carousel2 {
  position: relative;
}
.list_carousel2 #foo {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  padding-top: 5px;
}
.list_carousel2 #foo > li {
  padding: 0;
  display: inline-block;
  float: left;
  margin-left: 30px;
  cursor: default;
}
.list_carousel2 #foo > li > div {
  padding: 0;
  padding: 4px 4px 14px 4px;
  background-color: #fff;
  margin-bottom: 31px;
}
.list_carousel2 #foo > li a {
  color: #900028;
  display: inline-block;
  font: 13px/13px Arial, Helvetica, sans-serif;
  margin: 0;
  text-transform: uppercase;
  margin-bottom: 5px;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.list_carousel2 #foo > li a:hover {
  color: #695e4a;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.list_carousel2 #foo > li .caption {
  padding-left: 17px;
  padding-right: 17px;
}
.list_carousel2 #foo > li .caption p {
  font-size: 12px;
  color: #695e4a;
  line-height: 18px;
}
.list_carousel2 #foo > li figure {
  margin: 0;
  display: inline-block;
  margin-bottom: 12px;
  width: 100%;
}
.list_carousel2 #foo > li figure img {
  width: 100%;
}
.list_carousel2 #foo > li p {
  color: #8d7d69;
}
.list_carousel2 #foo > li p strong {
  color: #9c1904;
}
.list_carousel2.responsive {
  width: auto;
  margin-left: -30px;
  margin-bottom: 47px;
}
.list_carousel2 .prev,
.list_carousel2 .next {
  display: inline-block;
  width: 11px;
  height: 19px;
  cursor: pointer;
  position: absolute;
  top: -37px;
}
.list_carousel2 .prev {
  background: url(../img/prev_arrow.png) 0 top no-repeat;
  right: 15px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.list_carousel2 .next {
  background: url(../img/next_arrow.png) 0 top no-repeat;
  right: 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.list_carousel2 .prev:hover {
  background: url(../img/prev_arrow.png) 0 bottom no-repeat;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.list_carousel2 .next:hover {
  background: url(../img/next_arrow.png) 0 bottom no-repeat;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.list_carousel2 #foo > li p > a {
  margin-top: 2px;
  margin-left: 5px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.list_carousel2 #foo > li p > a:hover {
  margin-left: 10px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.list_carousel2.responsive .caroufredsel_wrapper {
  min-height: 1085px;
}
/*-----subscribeForm-----*/
#subscribe-form {
  margin: 0;
  position: relative;
}
#subscribe-form .error {
  display: block;
  overflow: hidden;
  height: 0px;
  position: absolute;
  top: 42px;
  left: 0;
  font: 11px Arial, Helvetica, sans-serif;
  color: #de453f;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#subscribe-form input {
  background-color: #ffffff;
  border: none;
  width: 67%;
  outline: none;
  box-shadow: none;
  color: #695e4a;
  font: 12px Arial, Helvetica, sans-serif;
  line-height: 19px;
  border-radius: 0;
  padding: 9px 10px 10px 10px;
  margin: 5px 0 27px 0;
  box-sizing: content-box;
  margin-right: 0;
  float: none;
  border: 1px solid #e7e7e7;
}
#subscribe-form label.invalid .error {
  height: 19px;
}
#subscribe-form .success {
  display: none;
  border: 1px solid #e8e8e8;
  border-radius: 0;
  padding: 10px 0 10px 10px;
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, #f5f5f5, #fefefe);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#fefefe));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #fefefe);
  background-image: -o-linear-gradient(top, #f5f5f5, #fefefe);
  background-image: linear-gradient(to bottom, #f5f5f5, #fefefe);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fffefefe', GradientType=0);
  text-align: center;
  color: #333;
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0px;
  width: 390px;
}
.email {
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 17px;
}
#subscribe-form a {
  box-shadow: none;
  position: relative;
  text-decoration: none;
  display: inline-block;
  padding: 12px 21px 13px 20px;
  width: 108px;
  font: 11px 'Convergence', sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  text-shadow: none;
  text-decoration: none !important;
  border-radius: 0;
  background: #de453f;
  border: 1px solid #de453f;
  text-align: center;
  cursor: pointer;
}
#subscribe-form a:hover {
  color: #323232;
  border-color: #e8e8e8;
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, #f5f5f5, #fefefe);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#fefefe));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #fefefe);
  background-image: -o-linear-gradient(top, #f5f5f5, #fefefe);
  background-image: linear-gradient(to bottom, #f5f5f5, #fefefe);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fffefefe', GradientType=0);
}
/*-----search-----*/
#search-404 {
  position: relative;
  margin: 0;
  top: 7px;
}
#search-404 input {
  background-color: #ffffff;
  width: 370px;
  outline: none;
  box-shadow: none;
  color: #695e4a;
  font: 14px Arial, Helvetica, sans-serif;
  line-height: 21px;
  border-radius: 0;
  padding: 4px 15px 5px 18px;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0;
  float: left;
  border: none;
  height: 37px;
  margin-right: 26px;
  margin-bottom: 10px;
  border: 1px solid #d0d0d0;
}
.search_link {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#search-404 .btn.btn-primary {
  margin: 0;
}
#search-404 .btn.btn-link {
  color: #ffffff;
  margin-top: 8px;
}
#search-404 .btn.btn-link:hover {
  color: #695e4a;
}
#search {
  display: inline-block;
  margin: 0;
  float: left;
  position: relative;
  margin-top: 16px;
}
#search a {
  position: absolute;
  top: 6px;
  right: 8px;
}
#search a .img_act {
  position: absolute;
  top: 3px;
}
#search input {
  width: 215px;
  outline: none;
  box-shadow: none;
  color: #585858;
  font: bold 14px/20px 'Open Sans Condensed';
  height: 21px;
  border-radius: 0;
  padding: 5px 10px 5px 13px;
  margin-right: 0;
  float: left;
  background: url(../img/search_bg.png) repeat;
  text-transform: uppercase;
  border-width: 1px;
  border-style: solid;
  border-top-color: #1e1f1f;
  border-right-color: #444543;
  border-bottom-color: #444543;
  border-left-color: #1e1f1f;
}

.search-box{
   width: 230px; 
   float:right; 
   margin-top:-5px;
}

.search-input{
   width: 160px;
}

.search-box input.button{
   width: 65px;
}

@media (max-width: 315px) {
   .follow_icon{
      margin-right: 0px;
   }
}

/*Reset some styles for the Google search results*/
.search-results *
{
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
}

.search-results table{
   border-spacing: inherit;
   border-collapse: inherit;
}

.search-results 
{
   font-family: Arial, sans-serif;
   font-size: 13px;
   line-height: 19px;
}

.search-results a
{
   font-weight: normal;
}

.search-results .gsc-control-cse
{
   padding-top: 0px;
} 

/*-----map-----*/
.map {
  margin: 5px 0 44px 0;
  display: inline-block;
  line-height: 0;
  width: 100%;
}
.map iframe {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 647px ;
  border: none;
  line-height: 0;
}
.info {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 18px;
  margin-right: 20px;
}
.info p span {
  display: inline-block;
  width: 100px;
  color: #695e4a;
  font-size: 14px;
}
.info a {
  color: #695e4a;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.info a:hover {
  color: #9c1904;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.info strong {
  color: #9c1904;
}
/*-----form-----*/
#contact-form {
  position: relative;
  z-index: 1;
  margin: 22px 0 20px 0;
  padding: 0 0 0 0;
  vertical-align: top;
  font-family: Arial, Helvetica, sans-serif;
}
.txt-form {
  display: block;
  padding-bottom: 6px;
  color: #ffffff;
}
.txt-form span {
  color: #ffffff;
}
.form-div-1,
.form-div-2,
.form-div-3 {
  float: left;
  width: 192px;
}
.form-div-1,
.form-div-2 {
  margin-right: 22px;
}
#contact-form div {
  overflow: hidden;
}
#contact-form fieldset {
  position: relative;
  z-index: 10;
  overflow: hidden;
  padding: 0;
  width: 100%;
  border: none;
}
#contact-form label {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  min-height: 48px;
  width: 100%;
}
#contact-form .message {
  display: block !important;
  min-height: 129px;
  width: 100%;
  margin-bottom: 22px;
}
#contact-form input,
#contact-form textarea {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0;
  padding: 6px 15px 6px 11px;
  width: 100%;
  outline: none;
  border: none;
  background: #ffffff;
  font: 12px Arial, Helvetica, sans-serif;
  line-height: 21px;
  color: #695e4a;
  border: 1px solid #d0d0d0;
}
#contact-form input {
  height: 35px;
}
#contact-form input:focus,
#contact-form textarea:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#contact-form .area .error {
  float: none;
}
#contact-form textarea {
  overflow: auto;
  width: 100%;
  height: 330px;
  resize: none;
}
#contact-form .success {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 10px;
  width: 100%;
  border: none;
  background: #ffffff;
  border: 1px solid #d0d0d0;
  color: #695e4a;
  text-align: center;
  text-transform: none;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 22px;
}
#contact-form .error,
#contact-form .empty {
  position: absolute;
  bottom: 0;
  right: 2px;
  display: none;
  overflow: hidden;
  padding: 1px 4px 0px 0;
  width: 100%;
  color: #2f2f2f;
  text-transform: none;
  font-size: 11px;
  line-height: 1.27em;
  font-family: Arial, Helvetica, sans-serif;
  text-align: right;
}
#contact-form .message .error,
#contact-form .message .empty {
  bottom: -15px;
  text-align: right;
}
.btns a {
  margin-right: 10px;
}
/*-----footer-----*/
footer {
  padding-top: 25px;
  padding-bottom: 42px;
  background-color: #474846;
}
footer p {
  font: 12px Arial, Helvetica, sans-serif;
  color: #e9eae4;
}
footer p > a {
  font: 12px Arial, Helvetica, sans-serif;
  color: #e9eae4;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
footer p > a:hover {
  color: #900028;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
footer figure {
  margin: 0;
}
footer .tel {
  font: bold 22px/22px 'Open Sans Condensed';
  color: #282929;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
footer .info-txt p {
  font: bold 14px/16px 'Open Sans Condensed';
  color: #8d7d69;
  text-transform: uppercase;
  margin-bottom: 10px;
}
footer .info-txt p a {
  color: #9c1904;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
footer .info-txt p a:hover {
  color: #282929;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.select-menu {
  display: none !important;
}

.loginFormTable td
{
   padding: 5px;
}

.table-a.login-form-newsletter-table
{
   width: 50%;
}

/*-------------------------------------------------------media queries----------------------------------------------------------*/
@media (min-width: 1200px) {
  .form-div-1,
  .form-div-2,
  .form-div-3 {
    width: 242px;
  }
  .list5.info-box li p span {
    display: inline-block;
    float: left;
  }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 980px) and (max-width: 1199px) 
{
  .nav-collapse_ .nav > li > a {
    padding: 19px 12px 0 12px;
  }
  .nav-collapse_ {
    height: auto !important;
  }
  #search-404 input {
    margin-right: 0;
    width: 100%;
  }
  .logo-numb {
    display: block;
    overflow: hidden;
    margin-bottom: 40px;
  }
  header .navbar {
    float: none;
    display: block;
    background: url(../img/bg_menu.png) repeat-x;
  }
  .navbar_ .nav-collapse_ {
    float: none;
  }
  .up-border .bord {
    width: 170px;
  }
  .list-banner {
    padding-left: 0;
  }
  .list-banner li {
    width: 283px;
  }
  .btn.btn4 {
    padding: 10px 8px 9px 7px;
    font-size: 11px;
  }
  footer .tel {
    font-size: 22px;
    line-height: 22px;
  }
  .error {
    margin-left: 0 !important;
  }
  .list_carousel2.responsive .caroufredsel_wrapper {
    min-height: 975px;
  }
  .form-div-1,
  .form-div-2,
  .form-div-3 {
    width: 192px;
  }
  .list5.info-box li p span {
    display: block;
    float: none;
  }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 979px) {
  h2 {
    font-size: 30px;
  }
  #search-404 input {
    margin-right: 0;
    width: 100%;
  }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 979px) {
  .form-div-1,
  .form-div-2,
  .form-div-3 {
    width: 100%;
  }
  .form-div-1,
  .form-div-2 {
    margin-right: 20px;
  }
  .nav-collapse_ .nav > li > a {
    padding: 19px 12px 0 12px;
  }
  .list_carousel #foo1 {
    margin-top: 30px;
  }
  #carouselBox .list_carousel.responsive .caroufredsel_wrapper {
    margin-top: 30px !important;
  }
  #carouselBox .list_carousel .prev,
  #carouselBox .list_carousel .next {
    top: 0;
  }
  #carouselBox .list_carousel .prev {
    left: auto;
    right: 18px;
  }
  #carouselBox .list_carousel .next {
    right: 0;
  }
  .list_carousel2.responsive .caroufredsel_wrapper {
    min-height: 930px;
  }
  #search-404 input {
    margin-right: 0;
    width: 100%;
  }
  .nav-collapse_ .nav > li > a span {
    left: 70px;
  }
  #fooBox .span2 {
    width: 195px;
    float: left;
    margin-right: 30px;
  }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {
  .follow_icon {
    float: none;
    display: inline-block;
  }
  #bannBox .banner1 > div:before {
    width: 100%;
    height: 1px;
    background-color: #dbdbdb;
    position: absolute;
    z-index: 1;
    display: inline-block;
    bottom: 0;
    left: 0;
    content: ' ';
    z-index: 11;
  }
  #bannBox .banner1 {
    padding-bottom: 25px;
  }
  header .navbar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: none;
    border: none;
    text-align: center;
  }
  .navbar_ .navbar-inner {
    width: 100%;
    float: none;
    margin: 0;
  }
  .navbar_ .nav-collapse_ {
    width: 100%;
  }
  .navbar_ .nav-collapse_ .nav {
    display: none;
  }
  .navbar_ .nav-collapse_ {
    height: auto !important;
    background: none;
  }
  .select-menu {
    display: block !important;
    margin-bottom: 0;
    width: 100%;
    border-color: #fca243;
    background: #900028;
    color: #ffffff;
    cursor: pointer;
    border-radius: 0;
  }
  .top {
    display: none;
  }
  .form-div-1,
  .form-div-2,
  .form-div-3 {
    float: none;
    width: 100%;
    margin: 0 0 0 0;
  }
  #carouselBox .list_carousel.responsive .caroufredsel_wrapper {
    margin-top: 30px !important;
  }
  #carouselBox .list_carousel .prev,
  #carouselBox .list_carousel .next {
    top: 0;
  }
  #carouselBox .list_carousel .prev {
    left: auto;
    right: 18px;
  }
  #carouselBox .list_carousel .next {
    right: 0;
  }
  .box1 {
    display: inline-block;
    float: left;
    width: 29%;
    margin-right: 20px;
  }
  .thumb-pad2 figure {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
  }
  .list_carousel2.responsive .caroufredsel_wrapper {
    min-height: 955px;
  }
  #search-404 input {
    margin-right: 0;
    width: 100%;
  }
  .error {
    margin-top: 50px !important;
  }
  .margTop1 {
    margin-top: 50px !important;
  }
  .nav-collapse_ .nav > li > a span {
    left: 70px;
  }
  #fooBox .span2 {
    width: 300px;
    float: left;
    margin-right: 30px;
  }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 626px) and (max-width: 767px) {
  #fooBox .span2 {
    width: 250px;
    float: left;
    margin-right: 30px;
  }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 626px) {
  .box1 {
    margin-right: 20px;
  }
  .thumb-pad2 figure {
    float: none;
    margin-right: 0;
    width: 100%;
  }
  .list_carousel2.responsive .caroufredsel_wrapper {
    min-height: 915px;
  }
  #search-404 input {
    margin-right: 0;
    width: 100%;
  }
  #fooBox .span2 {
    width: 230px;
    float: left;
    margin-right: 30px;
  }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 560px) {
  .list_carousel.responsive .caroufredsel_wrapper {
    min-height: 272px;
  }
  .box1 {
    width: 45%;
    margin-right: 10px;
  }
  #search-404 input {
    margin-right: 0;
    width: 100%;
  }
  .follow_links {
    display: none;
  }
  h1.brand {
    /*----*/float: none !important;
    display: block;
    text-align: center;
  }
  .caroufredsel_wrapper {
    min-height: 80px;
  }
  .list_carousel.responsive .caroufredsel_wrapper {
    min-height: 272px;
  }
  .list_carousel.responsive {
    margin-top: 50px;
  }
  .list_carousel2.responsive {
    margin-top: 50px;
  }
  .thumb-pad4 figure {
    float: none;
    margin-right: 0px;
    width: 100%;
    margin-bottom: 15px;
  }
  .list4 .pull-left,
  .pull-right {
    float: none;
    display: inline-block;
  }
  #fooBox .span2 {
    width: 40%;
    float: left;
    margin-right: 30px;
  }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 482px) and (max-width: 625px) {
  
}
@media (max-width: 480px) {
  .map iframe {
    height: 200px;
  }
  h1.brand {
    display: block;
    float: none !important;
  }
  .box1 {
    width: 100%;
    margin-right: 0;
  }
  .box1 {
    width: 45%;
    margin-right: 10px;
  }
  #search-404 input {
    margin-right: 0;
    width: 100%;
  }
  #fooBox .span2 {
    width: 100%;
    float: none;
    margin-right: 0;
  }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 320px) and (max-width: 481px) {
  
}
@media (max-width: 320px) {
  .box1 {
    width: 100%;
    margin-right: 0;
  }
  #search-404 input {
    margin-right: 0;
    width: 100%;
  }
  #fooBox .span2 {
    width: 100%;
    float: none;
    margin-right: 0;
  }
}
/*---------------------------------------------------------------------------------------------------------------------------*/.error {
  max-width: 100% !important;
  margin-top: 163px;
  margin-left: 0;
}
.margBot {
  margin-bottom: 28px;
}
.margBot1 {
  margin-bottom: 17px !important;
}
.margBot2 {
  margin-bottom: 26px;
}
.margBot3 {
  margin-bottom: 21px;
}
.margBot4 {
  margin-top: 50px;
  margin-bottom: 23px;
}
.margBot5 {
	margin-bottom: 28px;
	padding-bottom: 5px;
	border-bottom: 1px solid #822031;
}

.margTop {
  margin-top: 39px;
}
.margTop1 {
  margin-top: 102px;
}
.padBot {
  padding-bottom: 56px;
}
.headColor {
  background-color: #f88d2e;
  background-image: -moz-linear-gradient(top, #faa749, #f66706);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#faa749), to(#f66706));
  background-image: -webkit-linear-gradient(top, #faa749, #f66706);
  background-image: -o-linear-gradient(top, #faa749, #f66706);
  background-image: linear-gradient(to bottom, #faa749, #f66706);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffaa749', endColorstr='#fff66706', GradientType=0);
}
/*---------------------------------------------------------------------------------------------------------------------------*//*Core variables and mixins*/
.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: 31px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul.feature {
	list-style-type: disc;
	margin-bottom: 30px;
}

li.feature {
	border-bottom:none;
	margin-bottom: 4px;
}


/* applying the class "displayed" to an image will center it */
IMG.displayed {
 display: block;
 margin-left: auto;
 margin-right: auto
}


/* applying the class "middle" to a DIV will center it */
div.middle {
 display: block;
 width:425px;
 margin-left: auto;
 margin-right: auto
}


/* Basic table structure, allowing for a "hover" effect on rows for easier reading */
.table-a {

 width:90%;
 text-align:left;
 border-collapse:collapse;
 margin:20px;
}

.table-a th {
 font-size:12px;
 font-weight:normal;
 text-align:center;
 border-bottom:1px solid #881122;
 color:#857b6b;
 padding:8px;
}

.table-a td {

 border-bottom:1px solid #e5e3e0;
 color:#000;
 border-top:1px solid transparent;
 padding:8px;
}

.table-a td.indent {
 padding-left:30px;
}

.table-a img {
 display:block;
 margin-right:auto;
 margin-left:auto;
}

.table-a tr:hover td {
 background:#e5e3e0;
 color:#000;
}

.table-a tfoot {
 font-size:12px;
 font-weight:normal;
 text-align:center;
 border:none;
 padding:8px;
}

.table-a tfoot td {
 color:#857b6b;
 border-bottom:none;
}


.table-a tfoot:hover td {
 color:#857b6b;
}

.tableCenter {
 text-align:center;
}

.tableRight {
 text-align:right;
}

/* Modified version of "table-a" that allows for sub-head categories with no hover */
.table-b {
 width:90%;
 text-align:left;
 border-collapse:collapse;
 margin:20px;
}

.table-b th {
 font-size:12px;
 font-weight:normal;
 text-align:center;
 border:none;
 color:#857b6b;
 padding:8px;
}

.table-b td {

 border-bottom:none;
 color:#000;
 border-top:1px solid #e5e3e0;
 padding:8px;
}

.table-b img {
 display:block;
 margin-right:auto;
 margin-left:auto;
}

.table-b tr:hover td {
 background:#fff;
 color:#000;
}

.table-b td.noHov {
 border-top:1px solid #881122;
 font-weight:bold;
}

.table-b tr.noHov:hover td {
 color:#000;
}

.table-b tfoot {
 font-size:12px;
 font-weight:normal;
 text-align:center;

 border:none;
 padding:8px;
}

.table-b tfoot td {
 color:#857b6b;
 border-bottom:none;
}

.table-b tfoot:hover td {

 color:#857b6b;
}



/* Modified version of "table-a" that allows for sub-head categories with no hover and centered text for pricing page */
.table-c {
 width:100%;
 width: calc(100% - 20px);
 text-align:left;
 border-collapse:collapse;
 margin:20px;
}

.table-c th {
 font-size:12px;
 font-weight:normal;
 text-align:center;
 background:#fff;
 border:none;
 color:#857b6b;
 padding:8px;
}

.table-c td {
 background:#fff;
 border-bottom:none;
 text-align:center;
 color:#000;
 border-top:1px solid #e5e3e0;
 border-right:1px solid #e5e3e0;
 border-left:1px solid #e5e3e0;
 padding:2px;
}

.table-c td.textLeft {
 text-align:left;
 }

.table-c td.end {
 border-bottom:1px solid #e5e3e0;
}

.table-c td.endLeft {
 border-bottom:1px solid #e5e3e0;
 text-align:left;
 }

.table-c img {
 display:block;
 margin-right:auto;
 margin-left:auto;
}

.table-c tr:hover td {
 background:#e5e3e0;
 color:#000;
}

.table-c td.noHov {
 text-align:left;
 border-top:1px solid #881122;
 border-right:none;
 border-left:none;
 font-weight:bold;
}

.table-c tr.noHov:hover td {

 background:#fff;
 color:#000;
}

.table-c td.noHov2 {
 text-align:center;
 border-top:1px solid #e5e3e0;
 border-right:none;
 border-left:none;
 font-weight:normal;
}

.table-c tr.noHov2:hover td {

 background:#fff;
 color:#000;
}

.table-c td.noHov3 {
 text-align:right;
 border-top:1px solid #881122;
 border-right:none;
 border-left:none;
 font-weight:bold;
}

.table-c tr.noHov3:hover td {

 background:#fff;
 color:#000;
}

.table-c tfoot {
 font-size:12px;
 font-weight:normal;
 text-align:center;
 background:#fff;
 border:none;
 padding:8px;
}

.table-c tfoot td {
 color:#857b6b;
 border-bottom:none;
}

.table-c tfoot:hover td {
 background:#fff;
 color:#857b6b;
}






/* Modified version of "table-a" that allows for sub-head categories with no hover and centered text for pricing page */
.table-d {
 width:90%;
 text-align:left;
 border-collapse:collapse;
 margin:20px;
}

.table-d th {
 font-size:12px;
 font-weight:normal;
 text-align:left;
 background:none;
 border:none;
 color:#857b6b;
 padding:8px;
}



.table-d td {
 background:none;
 border-bottom:none;
 text-align:left;
 color:#000;
 border-top:1px solid #e5e3e0;
 border-right:1px solid #e5e3e0;
 border-left:1px solid #e5e3e0;
 padding:2px;
}

.table-d td.end {
 border-bottom:1px solid #e5e3e0;
}

.table-d img {
 display:block;
 margin-right:auto;
 margin-left:auto;
}

.table-d tr:hover td {
 background:#fff;
 color:#000;
}


.table-d td.noHov {
 text-align:left;
 border-top:1px solid #881122;
 border-right:none;
 border-left:none;
 font-weight:bold;
}

.table-d tr.noHov:hover td {

 background:none;
 color:#000;
}


.table-d tfoot {
 font-size:12px;
 font-weight:normal;
 text-align:center;
 background:none;
 border:none;
 padding:8px;
}

.table-d tfoot td {
 color:#857b6b;
 border-bottom:none;
}

.table-d tfoot:hover td {
 background:none;
 color:#857b6b;
}


/* Creates a background image of quote marks for the quotes page */

.quoteBack {
 margin:15px 0 60px 0;
 clear:both;
 padding:0 85px 0 85px;
 width:auto;
 background-image: url(../img/quote_background.png);
 background-size:100% auto;
 background-repeat:no-repeat;
 }

.quoteJustify {
 text-align:justify;
 }

.quoteRight {
 text-align:right;
 }
 
 
 /* Three Column list (for Report Writer page) */

#threeColumn {
 list-style:none;
}

#threeColumn ul {
  width: 90%;
  
}

#threeColumn li
{
  float: left;

  width: 100px;
  padding:5px 10px 10px 10px;
  border: 1px #777777;
}
/* stop the floating after the list */

#threeColumn br {
  clear: left;
}

div.threeWrapper
{
  width:525px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 1em;
}





/* Modified version of "table-a" that allows for sub-head categories with no hover and centered text for pricing page */
.table-e {
 width:90%;
 text-align:left;
 border-collapse:collapse;
 margin:0 10px 0 10px;
}

.table-e th {
 font-size:12px;
 font-weight:normal;
 text-align:center;
 background:#fff;
 border:none;
 color:#857b6b;
 padding:8px;
}

.table-e td {
 background:#fff;
 border-bottom:none;
 text-align:left;
 padding: 4px 0px 4px 10px;
 color:#000;
 border-top:1px solid #e5e3e0;
 border-right:1px solid #e5e3e0;
 border-left:1px solid #e5e3e0;
}

.table-e td.end {
 border-bottom:1px solid #e5e3e0;
}


.table-e tr:hover td {
 background:#e5e3e0;
 color:#000;
}


.table-e td.noHov {
 text-align:left;
 border-bottom:1px solid #881122;
 border-right:none;
 border-left:none;
 border-top:none;
 font-weight:bold;
}

.table-e tr.noHov:hover td {

 background:#fff;
 color:#000;
}


.table-e tfoot {
 font-size:12px;
 font-weight:normal;
 text-align:center;
 background:#fff;
 border:none;
 padding:8px;
}

.table-e tfoot td {
 color:#857b6b;
 border-bottom:none;
}

.table-e tfoot:hover td {
 background:#fff;
 color:#857b6b;
}

.specialBox {
background-color:#DAD9D5;
border:1px solid #88857E;
width: 70%;
margin-left:10%;
margin-right:10%;
padding:10px;
}

#cse-search-box
{
   margin-bottom: 21px;  
}

.show-button, .hide-button, .support-toggle
{
   cursor: pointer;
}

/* "linkbutton" creates the bullet link list style that includes the circle/arrow graphic */
.linkbutton {
 display:block;
 margin-left:auto;
 margin-right:auto;
 width:200px;
 padding: 0;
 list-style: none;
}
	
.linkbutton li {
 padding: 0 0 5px 18px;
 background-image: url(../img/arrow_inverse.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
}
	
.linkbutton ul li {
 padding: 0 0 5px 18px;
 background-image: url(../img/arrow-plain.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
 list-style:none;
}

.linkbuttonTwo {
 display:block;
 margin-left:auto;
 margin-right:auto;
 max-width:350px;
 padding: 0;
 list-style: none;
}
	
.linkbuttonTwo li {
 padding: 0 0 5px 18px;
 background-image: url(../img/arrow_inverse.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
}

.linkbuttonTwo ul li {
 padding: 0 0 5px 18px;
 background-image: url(../img/arrow-plain.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
 list-style:none;
}


.linkbuttonThree {
 display:block;
 margin-left:auto;
 margin-right:auto;
 width:300px;
 padding: 0;
 list-style: none;
}
	
.linkbuttonThree li {
 padding: 0 0 5px 18px;
 background-image: url(../img/arrow_inverse.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
}

.linkbuttonThree ul li {
 padding: 0 0 5px 18px;
 background-image: url(../img/arrow-plain.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
 list-style:none;
}

.linkbutton.democonflinkbutton {
   margin-top: 20px;
   font-size: 16px;
}

.specialBox {
background-color:#DAD9D5;
border:1px solid #88857E;
width: 70%;
margin-left:10%;
margin-right:10%;
padding:10px;
}

/* Creates the larger text for the first paragraph of text */
.firstParagraph {
 font-size:14px;
 line-height:1.5em;
 padding-bottom:30px;
}

/* Creates the larger text for the first paragraph of text - use when there's no image with first paragraph */
.firstParagraphAlt {
 font-size:14px;
 line-height:1.5em;
 padding-bottom:5px;
}

/* This positions an image to the left and allows text to wrap around it */
.firstParagraph img {
 float:left;
 padding-bottom:0;
 padding-right:10px;
}

.clean {
	clear:both;
}

/* Creates a LIST with a button graphic for links */

.linkbuttonTwo {
 display:block;
 margin-left:auto;
 margin-right:auto;
 max-width:350px;
 padding: 0;
 list-style: none;
}
	
.linkbuttonTwo li {
 padding: 0 0 5px 18px;
 background-image: url(../img/more_arrow.png);
 background-repeat: no-repeat;
 background-position: 0 2px;
}

.linkbuttonTwo ul li {
 padding: 0 0 5px 18px;
 background-image: url(../img/more_arrow.png);
 background-repeat: no-repeat;
 background-position: 0 2px;
 list-style:none;
}



.whatsnew2 {
  margin: 0;
  list-style: none;
  padding-bottom: 5px;

}

.whatsnew2 li {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 21px;
  padding: 5px 0 0 35px;
  border-top: 1px solid #c9c9c9;
}

.whatsnew2 li.newicon {
  background: url(/img/misc-images/new-icon.png) 5px 12px no-repeat;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 21px;
  padding: 5px 0 0 35px;
  border-top: 1px solid #c9c9c9;
}

.whatsnew2 li.oldicon {
  background: url(/img/misc-images/doc_icon.gif) 5px 12px no-repeat;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 21px;
  padding: 5px 0 0 35px;
  border-top: 1px solid #c9c9c9;
}

.whatsnew2 li.startlist {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 21px;
  padding: 5px 0 0 35px;
  border-top: none;
}

.whatsnew2 li.endlist {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 21px;
  padding: 5px 0 0 35px;
  border-bottom: none;
}

.whatsnew2 li li.newicon a {
  color: #822031;
  margin: 0;
  font-size: 16px;
  display: inline-block;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.whatsnew2 li li.newicon a:hover {
  color: #666666;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.whatsnew2 li li.newicon a.newheadline {
  color: #822031;
  font-size: 16px;
  margin: 0;
  display: inline-block;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}



/* "trial" "webinar" and "demo" styles create the rollover button links */
#trial {
 display: block;
 margin-left:auto;
 margin-right:auto;
 width: 134px;
 height: 67px;
 background: url(../img/misc-images/free-trial-button.gif) no-repeat 0 0;
}

#trial:hover { 
 background-position: 0 -67px;
}

#trial span {
 display: none;
}

#webinar {
 display: block;
 margin-left:auto;
 margin-right:auto;
 width: 135px;
 height: 67px;
 background: url(../img/misc-images/webinar-button.gif) no-repeat 0 0;
}

#webinar:hover { 
 background-position: 0 -67px;
}

#webinar span {
 display: none;
}

#demo {
 display: block;
 margin-left:auto;
 margin-right:auto;
 width: 135px;
 height: 67px;
 background: url(../img/misc-images/demo-button.gif) no-repeat 0 0;
}

#demo:hover { 
 background-position: 0 -67px;
}

#demo span {
 display: none;
}



.register {
 display: block;
 margin-left:auto;
 margin-right:auto;
 width: 135px;
 height: 67px;
 background: url(../img/webinar/register2_button.gif) no-repeat 0 0;
}

.register:hover { 
 background-position: 0 -67px;
}

.register span {
 display: none;
}

.recording {
 display: block;
 margin-left:auto;
 margin-right:auto;
 width: 135px;
 height: 67px;
 background: url(../img/webinar/recording_button.gif) no-repeat 0 0;
}

.recording:hover { 
 background-position: 0 -67px;
}

.recording span {
 display: none;
}

/* Support Download page */
#updateRequestForm
{
   max-width: 600px;
}

/* "trial" "webinar" and "demo" styles create the rollover button links */

#clickhere {
 float:left;
 display: block;
 margin-left:auto;
 margin-right:auto;
 width: 67px;
 height: 67px;
 background: url(../img/misc-images/click-here.gif) no-repeat 0 0;
}

#clickhere:hover { 
 background-position: 0 -67px;
}

#clickhere span {
 display: none;
}




#solo {
 display: block;
 margin-left:auto;
 margin-right:auto;
 width: 438px;
 height: 30px;
 background: url(../img/misc-images/solo-small-button.gif) no-repeat 0 0;
}

#solo:hover { 
 background-position: 0 -30px;
}

#solo span {
 display: none;
}


/* use "rightCol" as a class style to an IMG to CENTER an image in the right hand navigation column */ 
img.rightCol {
 display:block;
 margin: 10px auto 10px auto;
}

#mainRight p {
 padding:0 15px 0 15px;
}

/* FAQ slide down */


dd {
    color: #999;
    font-weight: normal;
}
dt {
    font-weight: bold;
    color: black;
}


/*Light box (magnification popup) styles*/
.mfp-bg.mfp-ready{
   opacity: .5;
}

img.mfp-img{
   padding: 30px 0px 20px 0px;
}

/* start state */
.mfp-zoom.mfp-wrap .mfp-content  {
   opacity: 0;
   transition: all 0.2s ease-in-out; 
   transform: scale(0.8); 
}
    
/* animate in */
.mfp-zoom.mfp-wrap.mfp-ready .mfp-content  {
   opacity: 1;
   transform: scale(1); 
}

.mfp-zoom.mfp-wrap.mfp-removing .mfp-content {
   opacity: 0;
   transform: scale(0.8); 
}

.trademark {
	font-size: 75%;
}

.inline-features-video{
   width: 500px;
   height: 375px;
}

.inline-features-wrapper{
   width: 500px;
   position: relative;
}

.inline-features-wrapper span{
   position: absolute;
   width: 100%;
   text-align: center;
   top: 50px;
   font-size: 30px;
}

@media (max-width: 875px) {
   .inline-features-video {
      width: 400px;
      height: 300px;
   }
   
   .inline-features-wrapper {
      width: 400px;
   }

   .inline-features-wrapper span {
      font-size: 22px;
   }
}
@media (max-width: 475px) {
   .inline-features-video{
      width: 300px;
      height: 225px;
   }
   
   .inline-features-wrapper{
      width: 300px;
   }
   
   .inline-features-wrapper span{
      font-size: 18px;
   }
}
@media (max-width: 375px) {
   .inline-features-video{
      width: 220px;
      height: 165px;
   }
   
   .inline-features-wrapper{
      width: 220px;
   }
   
   .inline-features-wrapper span{
      font-size: 12px;
   }
}

/* embedded containers made the inner container too wide for the page because of the outer containers 
   margins and paddings. We were probably not supposed to have embedded containers*/
@media (min-width: 768px){
   .container .container{
      width: 710px;
   }
}
@media (min-width: 992px){
   .container .container{
      width: 930px;
   }
}
@media (min-width: 1200px){
   .container .container{
      padding-left: 5px;
      padding-right: 5px;
      width: 1130px;
   }
}

/* page specific classes:*/
.thumb-pad4 .thumbnail .caption.ask-yourelf-caption p 
{
   margin-bottom:15px;
   font-style: italic;
}

.thumb-pad4 .thumbnail .caption.ask-yourelf-caption p.ask-yourself-yes 
{
   font-style: normal;
}

/* styles the "phone down" warning banner */
#warning {
	text-align: center;
	background-color: #822031;
	color: white;
	font-size: 120%;
}
