/*!
 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=2f1dd224d6ffe84472de)
 * Config saved to config.json and https://gist.github.com/2f1dd224d6ffe84472de
 */
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    
}
.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-default .badge,
.btn-primary .badge,
.btn-success .badge,
.btn-info .badge,
.btn-warning .badge,
.btn-danger .badge {
  text-shadow: none;
}
.btn:active,
.btn.active {
  background-image: none;
}


/**************************************/
/*************** Login ****************/
/**************************************/

.btn-signin {
    margin-top: -1px;
    font-size: 100%;
    background: #fff;
    text-transform: uppercase;
    font-weight: 700;
    color: #0068b2;
/*    letter-spacing: -0.1rem;*/
    background-repeat: repeat-x;
    text-shadow: 0 0px 0 #fff;
    border-color: none;    
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    border-radius: 0px;
    padding: 2.85rem 1.5rem;
    border-color: 0px solid !important; 
}

.btn-signin:hover,
.btn-signin:focus {
  background-color: #ddd;
    color: #394d59;
}
.btn-signin:active { background-color: #ddd; }
.btn-signin.active {
  background-color: none;
/*  border-color: #dbdbdb;*/
      -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125);
    font-weight: 400;
    color: #00b2e2;
}
.btn-signin:disabled,
.btn-signin[disabled] {
  background-color: #e0e0e0;
  background-image: none;
}


.btn-signout {
    margin-top: -1px;
    font-size: 100%;
    background: #fff;
    text-transform: uppercase;
    font-weight: 700;
    color: #0068b2;
/*    letter-spacing: -0.1rem;*/
    background-repeat: repeat-x;
    text-shadow: 0 0px 0 #fff;
    border-color: none;    
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    border-radius: 0px;
    padding: 2.6rem 1.5rem;
    border-color: 0px solid !important; 
}

.btn-signout:hover,
.btn-signout:focus {
  background-color: #ededed;
    color: #394d59;
}
.btn-signout:active { background-color: #ddd; }
.btn-signout.active {
  background-color: #fff;
/*  border-color: #dbdbdb;*/
      -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125);
}
.btn-signin:disabled,
.btn-signin[disabled] {
  background-color: #e0e0e0;
  background-image: none;
}



.btn-default {
    
/*
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
  background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
*/
    
/*    background: #2b2523;*/
    background: #cc7a46;
    text-transform: uppercase;
    font-weight: 300;
/*  font-size: 2.5rem;*/
    color: #fafafa;
    letter-spacing: 0.25rem;
    background-repeat: repeat-x;
    border-color: #dbdbdb;
/*    text-shadow: 0 1px 0 #fff;*/
    border-color: #c7c7c7;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
    
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.btn-default img{
filter: url(filters.svg#grayscale); 
filter: gray(); 
-webkit-filter: grayscale(100%);
}
.btn-default br{margin:0.0rem; padding:10.0rem;}

.btn-default:hover,
.btn-default:focus {
  background-color: #cc9346;
  background-position: 0 -15px;
}
.btn-default:active,
.btn-default.active {
  background-color: #cc9346;
  border-color: #dbdbdb;
}
.btn-default:disabled,
.btn-default[disabled] {
  background-color: #e0e0e0;
  background-image: none;
}

.btn-off {
    
/*
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
  background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
*/
    
    background: #e0e0e0;
    text-transform: uppercase;
    font-weight: 700;
/*  font-size: 2.5rem;*/
    color: #444;
    letter-spacing: -0.1rem;
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    text-shadow: 0 1px 0 #fff;
    border-color: #c7c7c7;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
    cursor: default;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.btn-off img{
filter: url(filters.svg#grayscale); 
filter: gray(); 
-webkit-filter: grayscale(100%);
}
.btn-off br{margin:0.0rem; padding:10.0rem;}
.btn-off:hover,
.btn-off:focus { background-color: none; }
.btn-off:disabled,
.btn-off[disabled] { background: none; }

.btn-primary {
/*
  background-image: -webkit-linear-gradient(top, #0068b2 0%, #265a88 100%);
  background-image: -o-linear-gradient(top, #0068b2 0%, #265a88 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0068b2), to(#265a88));
  background-image: linear-gradient(to bottom, #0068b2 0%, #265a88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0068b2', endColorstr='#ff265a88', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
*/
  background-color: #0068b2;  
  border-color: #0163a8;
   color: #fefefe; 
    text-transform: uppercase;
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.2);
    font-weight: 300;
    letter-spacing: 0.1rem;
    
-webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #013961;
  background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #265a88;
  border-color: #245580;
}
.btn-primary:disabled,
.btn-primary[disabled] {
  background-color: #265a88;
  background-image: none;
}

.btn-secondary {
    letter-spacing: 0.2rem;
text-transform: uppercase;
background-color: #00b2e2;
border-color: #01a6d3;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
-webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #008eb5;
  background-position: 0 -15px;
}
.btn-secondary:active,
.btn-secondary.active {
  background-color: #008eb5;
  border-color: #017fa2;
}
.btn-secondary:disabled,
.btn-secondary[disabled] {
  background-color: #008eb5;
  background-image: none;
}

.btn-outline {
    color: #00b2e2;
    letter-spacing: 0.2rem;
text-transform: uppercase;
background-color: inherit;
border-color: #00b2e2;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
    border-width: 1px;
/*
-webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
*/
}
.btn-outline:hover,
.btn-outline:focus {
  background-color: #008eb5;
  background-position: 0 -15px;
  text-shadow: 1px 1px 1px rgba(250, 250, 250, 0.4);
}
.btn-outline:active,
.btn-outline.active {
  background-color: #008eb5;
  border-color: #017fa2;
}
.btn-outline:disabled,
.btn-outline[disabled] {
  background-color: #008eb5;
  background-image: none;
}
.btn-outline2 {
    color: #394d59  ;
    letter-spacing: 0.2rem;
text-transform: uppercase;
background-color: inherit;
border-color: #00b2e2;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
    border-width: 1px;
/*
-webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
*/
}
.btn-outline2:hover,
.btn-outline2:focus {
  background-color: #008eb5;
  background-position: 0 -15px;
}
.btn-outline2:active,
.btn-outline2.active {
  background-color: #008eb5;
  border-color: #017fa2;
}
.btn-outline2:disabled,
.btn-outline2[disabled] {
  background-color: #008eb5;
  background-image: none;
}

.btn-price {
    color: #fafafa;
    letter-spacing: 0.0rem;
text-transform: uppercase;
background-color: #00b2e2;
border-color: #01a6d3;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
-webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
    font-weight: 700;
}
.btn-price:hover,
.btn-price:focus {
  background-color: #008eb5;
  background-position: 0 -15px;
}
.btn-price:active,
.btn-price.active {
  background-color: #008eb5;
  border-color: #017fa2;
}
.btn-price:disabled,
.btn-price[disabled] {
  background-color: #008eb5;
  background-image: none;
}


.btn-more {
    color: #fafafa;
    letter-spacing: 0.0rem;
text-transform: uppercase;
background-color: none;
border-color: #fafafa;
/*    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);*/
    font-weight: 700;
}
.btn-more:hover,
.btn-more:focus {
  background-color: #fafafa;
  background-position: 0 -15px;
}
.btn-more:active,
.btn-more.active {
  background-color: none;
  border-color: #017fa2;
}
.btn-more:disabled,
.btn-more[disabled] {
  background-color: none;
  background-image: none;
}

.btn-paypal {
/*
    background-color: #ffcb42;
    border-color: #f9b110;
    color: #012169; 
*/
  background-color: #ffcb42;  
  border-color: #d99b0e;  
-webkit-box-shadow: 0px 3px 0px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 0px 3px 0px 0px rgba(50, 50, 50, 0.3);
box-shadow: 0px 3px 0px 0px rgba(50, 50, 50, 0.3);
}
.btn-paypal:hover,
.btn-paypal:focus {
  background-color: #fcc021;
  background-position: 0 -15px;
}
.btn-paypal:active,
.btn-paypal.active {
  background-color: #e3ab18;
  border-color: #f9b110;
}
.btn-paypal:disabled,
.btn-paypal[disabled] {
  background-color: #aaa;
  background-image: none;
}

.btn-offer {
    letter-spacing: 0.1rem;
text-transform: uppercase;
background-color: #ff5340; /* d63a49  */
border-color: #d93826;  /* #EF4862 */
  color: #fff;
    
/*    border-radius: 0px 0px 2px 2px;*/
    border-radius: 2px 2px 2px 2px;
/*    margin-bottom: 0.3rem;*/
    
    
-webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
    
/*    padding: 2.3rem 0.0rem;*/
    
    
}
.btn-offer:hover,
.btn-offer:focus {
  background-color: #d93826;
  background-position: 0 -15px;
    color: #eee;
}
.btn-offer:active,
.btn-offer.active {
  background-color: #a82213;
  border-color: #017fa2;
    color: #eee;
}
.btn-offer:disabled,
.btn-offer[disabled] {
  background-color: #b7b7b7;
  background-image: none;
}


.btn-map {
    letter-spacing: 0.1rem;
text-transform: uppercase;
background-color: #00b2e2;
border-color: #01a6d3;
    color: #394d59;
    
-webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
}
.btn-map:hover,
.btn-map:focus {
  background-color: #008eb5;
  background-position: 0 -15px;
    color: #fff;
}
.btn-map:active,
.btn-map.active {
  background-color: #008eb5;
  border-color: #017fa2;
    color: #fff;
}
.btn-map:disabled,
.btn-map[disabled] {
  background-color: #008eb5;
  background-image: none;
}
.

.btn-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
  background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #3e8f3e;
}
.btn-success:hover,
.btn-success:focus {
  background-color: #419641;
  background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
  background-color: #419641;
  border-color: #3e8f3e;
}
.btn-success:disabled,
.btn-success[disabled] {
  background-color: #419641;
  background-image: none;
}
.btn-info {
/*
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
  background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #28a4c9;
*/
text-transform: uppercase;
background-color: #fafafa;
color: #1d4c6f;
}
.btn-info:hover,
.btn-info:focus {
  background-color: #2aabd2;
  background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
  background-color: #2aabd2;
  border-color: #28a4c9;
}
.btn-info:disabled,
.btn-info[disabled] {
  background-color: #2aabd2;
  background-image: none;
}
.btn-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #e38d13;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #eb9316;
  background-position: 0 -15px;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #eb9316;
  border-color: #e38d13;
}
.btn-warning:disabled,
.btn-warning[disabled] {
  background-color: #eb9316;
  background-image: none;
}
.btn-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
  background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #b92c28;
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #c12e2a;
  background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #c12e2a;
  border-color: #b92c28;
}
.btn-danger:disabled,
.btn-danger[disabled] {
  background-color: #c12e2a;
  background-image: none;
}
.thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-color: #e8e8e8;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
  background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
  background-color: #2e6da4;
}

.navbar-default {
/*
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8));
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
*/
box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.15);
/*background: #fafafa;*/
background: #2b2523;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
/*
  background-image: -webkit-linear-gradient(top, #efefef 0%, #e7e7e7 100%);
  background-image: -o-linear-gradient(top, #efefef 0%, #e7e7e7 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#e7e7e7));
  background-image: linear-gradient(to bottom, #efefef 0%, #e7e7e7 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefefef', endColorstr='#ffe7e7e7', GradientType=0);
  -webkit-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.055);
  box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.055);;
*/
  background: none;  
}
.navbar-brand,
.navbar-nav > li > a {
/*  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);*/
/*    border-bottom:  1px solid #efefef;*/
    color: #fafafa;
}
.navbar-brand,
.navbar-nav > li:last-child > a {
/*  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);*/
    border-bottom:  0px solid #ff0000;
}
.navbar-inverse {
  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background-image: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222222));
  background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
  background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
  background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
    border-top: 0px solid #2b2523;
}
@media (max-width: 767px) {
  .navbar .navbar-nav .open .dropdown-menu > .active > a,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
    background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
  }
}
.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.alert-success {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
  border-color: #b2dba1;
}
.alert-info {
  background-image: -webkit-linear-gradient(top, #00b2e2 0%, #20c1ed 100%);
  background-image: -o-linear-gradient(top, #00b2e2 0%, #20c1ed 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00b2e2), to(#20c1ed));
  background-image: linear-gradient(to bottom, #00b2e2 0%, #20c1ed 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00b2e2', endColorstr='#ff20c1ed', GradientType=0);
  border-color: #01a4d0;
    
/*
-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.50);
-moz-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.50);
box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.50); 
*/
    
}
.alert-warning {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
  border-color: #f5e79e;
}
.alert-danger {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
  border-color: #dca7a7;
}
.progress {
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
  background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
}
.progress-bar {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
  background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
}
.progress-bar-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
}
.progress-bar-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
}
.progress-bar-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
}
.progress-bar-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
}
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.list-group {
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.06);
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: -1px -1px 0 rgba(250,250,250,0.5);
/*
background-image: -webkit-linear-gradient(top, #efefef 0%, #e7e7e7 100%);
background-image: -o-linear-gradient(top, #efefef 0%, #e7e7e7 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#e7e7e7));
background-image: linear-gradient(to bottom, #efefef 0%, #e7e7e7 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefefef', endColorstr='#ffe7e7e7', GradientType=0);
*/
    
/*    background: #e7e7e7;*/
    
  border-color: #0068b2;
    color: #394d59;
}
.list-group-item.active .badge,
.list-group-item.active:hover .badge,
.list-group-item.active:focus .badge {
  text-shadow: none;
}
.panel {
/*
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
*/
}
.panel-default > .panel-heading {
/*
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
*/
}
.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
  background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
}
.panel-success > .panel-heading {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
  background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
}
.panel-info > .panel-heading {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
  background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
}
.panel-warning > .panel-heading {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
}
.panel-danger > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
  background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
}
.well {
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
  background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}










/*****************************************/
/************* CUSTOM STYLES *************/
/*****************************************/


.alert-info small, .small {color: #fff;}

.navbardevider { border-left: 1px solid #efefef; display: block; position: relative; float: right; padding: 0.0rem 0.5rem; }
.navbardevider2 { border-left: 1px solid #efefef; display: block; position: relative; float: right; padding: 0.0rem 0.0rem; }

/* universal header */
.head h1{ padding: 1.0rem 0.5rem; margin: 0.0rem; font-size: 1.85rem; font-weight: 300 !important;  padding: 3.0rem 0.0rem; color: #fff; letter-spacing: 0.45rem; text-align: center;}

.privacy h1{ color: #0068b2; font-weight: 400;}
.privacy h2{ color: #555; font-weight: 400; font-size: 150%;}
.privacy h3{ color: #777; font-weight: 400; font-size: 120%;}
.privacy p { color: #888; }

/*********************** icon formatting **********************/
/**************************************************************/
.icons { margin:0px 0px 0px 0px; padding:0; text-align: right;  }
.icons li a { display: block; }
.icons li { list-style-type: none; padding-top: 5px; padding-right: 50px; margin-bottom: 5px; line-height: 2.0em; position: relative; color: #fefefe; /*text-shadow: -1px -1px 0px rgba(50, 50, 50, 0.9);*/ text-shadow: -1px -1px 1px rgba(0, 51, 87, 0.75); }
.icons li:before { position: absolute; top:; right: 0px; margin: 0px 0 0 0px; min-height: 27px; background: url(../img/mqicons-white.png) no-repeat; width: 32px; content:""; vertical-align: middle; border: 0px solid;}
.icons li.login:before { background-position: -0px -0px; display: block; }
.icons li.openclosed:before { background-position: -0px -27px; display: block; }


.arrow { margin:0px 0px 0px 0px; padding:0; text-align: right;  }
.arrow li a { display: block; }
.arrow li { list-style-type: none; padding-top: 5px; padding-right: 50px; margin-bottom: 5px; line-height: 2.0em; position: relative; color: #fefefe; text-shadow: -1px -1px 0px rgba(50, 50, 50, 0.9); }
.arrow li:before { position: absolute; top:; right: 0px; margin: 0px 0 0 0px; min-height: 27px; background: url(../img/mqicons-grey.png) no-repeat; width: 32px; content:""; vertical-align: middle; border: 0px solid;}
.arrow li.previous:before { background-position: -0px -0px; display: block; }
.arrow li.next:before { background-position: -0px -27px; display: block; }


/*********************** cookie + login bars *******************/
/**************************************************************/

.loudlink a{ font-weight: 700; color: #cc7a46 !important; border-radius: 3px; }
.loudlink a:hover{ font-weight: 700; color: #cc9346 !important;}

.signinlink a{ font-weight: 700; color: #0068b2 !important; border-radius: 3px; border: solid 1px #0068b2; }
.signinlink a:hover{ font-weight: 700; color: #00b2e2 !important;}


.navbar-border {
  border-top: 3px solid #0068b2;
}



/*********************************************************/
/*********************** footer bar **********************/
/*********************************************************/
footer { position: relative; z-index : 2; border-top:1px solid rgba(0, 0, 0, 0.1); background: #e2e2e2;  /*z-index: -1;*/}
.footertop { background: #eae6e6; padding: 1.0rem 0.0rem;
-webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.10x);
-moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.10);
box-shadow: 0px 1px 0px 0px rgba(50, 50, 50, 0.10); 
}


.footerbottom { padding: 0.5rem 0.5rem 3.0rem; }
.footernav ul { padding: 0.5rem 0.5rem; font-size: inherit; line-height: 1.65rem; margin-bottom: 0.0rem; list-style-position: outside; text-transform: uppercase; border-right: 0px solid #ddd; background: #f0f0f0; }
.copyrightnav ul{ padding: 0.0rem 0.0rem; font-size: inherit; line-height: 1.0; margin-bottom: 0.0rem; margin-top: 0.5rem; list-style-position: outside; font-family: inherit; text-align: left; font-weight: 700; }
.footerstamp {padding: 1.25rem 0.5rem; border-left: 1px solid #eee; overflow:hidden; }


footer blockquote{
  padding: 10px 0px 10px 60px;
  margin: 0 20px 0px 0px;
  font-size: 14.5px;
  border-left: 1px solid #d5d5d5;
    background: url('../img/miquando-logo-footer.png') no-repeat 10px center;
}
footer h4{ color: #aaa; font-size: 14.5px; }

.footerbottom ,.copyright small{ line-height: 1.45rem; color: #aaa !important; margin-top: 0.5rem; text-transform: capitalize; }

.footernav { padding: 0.5rem; text-transform: uppercase; background: #f5f5f5;  }

footer hr {
  box-sizing: content-box;
  border-top: 0px dotted rgba(20,20,20,0.2);
  border-bottom: 0px dotted rgba(255,255,255,0.15);
  margin: 0.25rem 0.0rem 0.25rem;
  padding: 0.0rem;
}

.page {background: #fafafa;}
.page h4{ color: #394d59; font-weight: 900; }
.page h2 { margin: 2.0rem 0; color: #5d5656; }
.page b{ color: #5c5252; }

.page2 {margin: 2.0rem 0.0rem 0.0rem;}
.page2 h2{ color: #0068b2; /*text-transform: uppercase;*/ margin: 0.0rem 0 0.0rem; }
.page2 h3{ color: #cddce5; /*text-transform: uppercase;*/ margin: 0.0rem 0 8.0rem; letter-spacing: 2.0rem; font-weight: 300; }
.page2 h4{ color: #394d59; font-weight: 400; }



.list-social { margin-top: 10px; padding-left: 0; list-style: none; margin-left: -5px; border-top: 1px solid #b0bcc3; }
.list-social > li { display: inline-block; padding-left: 2px; padding-right: 2px; margin-top: 10px; }
.icon-twitter_circle { color: #38a8e0; text-decoration: none !important;}
.icon-facebook_circle { color: #4866a8; text-decoration: none !important;}
.icon-linked_in_circle { color: #0076b2; text-decoration: none !important;}
.icon-instagram_circle {color: #517fa4; text-decoration: none !important;}



/*********************************************************/
/***************** Full Page Backgrounds *****************/
/*********************************************************/
.bgdarkgrd { 
    
    position: fixed;
    top: 0;
    left: 0;
    z-index: -5000;
    
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0068b2), color-stop(100%, #0b3451));
    background-image: linear-gradient( to top right, #0b3451, #0068b2 );
    background-image: linear-gradient( to top right, #0b3451, #0068b2 ); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
      width:100%;
    height: 100%;
    padding: 5% 0;
}

.bgdarkgrd2 { 
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0068b2), color-stop(100%, #0b3451));
    background-image: linear-gradient( to top right, #0b3451, #0068b2 );
    background-image: linear-gradient( to top right, #0b3451, #0068b2 ); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
      width:100%;
    height: 100%;
     padding: 5% 0;
}
.bgdarkgrd2 h1{ color: #ccf0f9; font-weight: 700; line-height: 1.25em; padding: 0 6.0rem; }

.bgbig img{ 
/*  background: url(../img/header/nextstep.jpg) no-repeat center center fixed; */

    position: fixed;
    top: 0;
    left: 0;
    z-index: -5000;
    background-position: center center;
    background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    width:100%;
    height: auto;
}

.bgmargins {padding: 1.0rem 4.0rem;}



/*********************************************************/
/**********************  Page Styles *********************/
/*********************************************************/
.contentmargins { 
    position: relative;
    z-index: 1;
    padding: 10rem 0.0rem;
/*
  -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
  -moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
  box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
*/
}



.contentmargins h2 {margin: 0 0 20px; color: #6d6666; }


                                    /***************** quickeasy + hands *****************/
                                    .quickeasy {background: url(../img/g-device-quickeasy-ibook.jpg) no-repeat 80% bottom; padding: 10rem 0.0rem 5.0rem;  }
                                    .hands { 
                                        background: #00b2e2 url('../img/bg-services.png') no-repeat center center;
                                      -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
                                      -moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
                                      box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
                                    padding: 60px 15%; 
                                        text-align: center;
                                    } 
                          


/*********************************************************/
/******************** Signin+Signup Page *****************/
/*********************************************************/
.bgsignup {background: url(../img/bg-contact.png) no-repeat center top; }
.signup { border: 0px solid #d8dcde; margin-top: 5%;/*padding: 2rem 4rem;*/ border-radius: 3px; background: #fafafa; 
-webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.10x);
-moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.10);
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); 
}
.bgsignup h2{ color: #394d59;}
.bgsignup b{ color: #0068b2;}




/*********************************************************/
/******************** New Features Page ******************/
/*********************************************************/
.light{ font-weight: 300; }

.featurepage { 
    background: #00b2e2;
/*    background: #fafafa;*/
    position: relative;
    z-index: 1;
    padding: 8rem 0.0rem; 
  -webkit-box-shadow: 0px 2px 0px 0px rgba(30, 30, 30, 0.30);
  -moz-box-shadow: 0px 2px 0px 0px rgba(30, 30, 30, 0.30);
  box-shadow: 0px 2px 0px 0px rgba(30, 30, 30, 0.30);
}
.featurepage h1{ color: #0068b2; /*margin: 60px 0 40px;*/}
.featurepage h2{ color: #fafafa; text-transform: uppercase; margin: 0.0rem 0 4.0rem; }
.featurepage h3{ color: #ccf0f9; text-transform: uppercase; margin: 0.0rem 0 4.0rem; letter-spacing: 1.0rem; font-weight: 300; }
.featurepage h4{ color: #25445a; font-weight: 700; }
.featurepage p{ color: #39637c; font-size: 100%; }

.feature { border-right: 1px solid rgba(0, 0, 0, 0.10); padding: 2.0rem 4.0rem; height: 230px; }
.featurepage hr { box-sizing: content-box; border-top: 1px solid rgba(20,20,20,0.10);/*border-bottom: 1px solid rgba(255,255,255,0.095);*/ margin: 0.0rem; padding: 0.0rem; }

.feature:last-child { border-right: 0px solid rgba( 50, 50, 50, 0.0); }

.featurepage span { margin: 0; }


                                    /***************** quote *****************/

                                    .quotestrip { padding: 4.0rem 0; background: #fafafa; }
                                    .quotestrip h2{ color: #6a7983; font-weight: 300; padding: 4.0rem 0 4.0rem; }
                                    .quotestrip h4{ color: #25445a; font-weight: 700; }
                                    .quotestrip P{ color: #6a7983; font-style: italic; }
                                        

                                    /***************** quote *****************/
                                    .featurebenefitlistbox { margin: 0 auto;}
                                    .featurebenefitslist li{ /*font-size: 200%;*/ font-weight: 400; color: #9ca6ac; margin: 0 auto; }
                                    .featurebenefitslist li span{ width: 100%; text-align: center; display: block; color: #0068b2; font-weight: 300; }
                                    .roundal {
/*                                      background: #ccc;*/
                                      border-radius: 50%;
                                      height: 0;
                                      padding-bottom: 25%;
                                      width: 25%;
                                        border: 3px solid #0068b2;
                                        margin: 0 auto;
                                    }
                                    .roundal-content {
                                      color: #6a7983;
                                      float: left;
                                        font-weight: 700;
                                      line-height: 1;
                                      margin-top: -0.5em;
                                      padding-top: 50%;
                                      text-align: center;
                                      width: 100%;
                                    }


                                    /*********************************************************/
                                    /***************** Feature benefits block ****************/
                                    /*********************************************************/
                                    .benefitsstrip { 
                                        background: #0068b2;
                                    /*    background: #fafafa;*/
                                        position: relative;
                                        z-index: 1;
                                        padding: 8rem 0.0rem 0.0rem; 
                                      -webkit-box-shadow: 0px 2px 0px 0px rgba(30, 30, 30, 0.30);
                                      -moz-box-shadow: 0px 2px 0px 0px rgba(30, 30, 30, 0.30);
                                      box-shadow: 0px 2px 0px 0px rgba(30, 30, 30, 0.30);
                                    }

                                    .benefitsstrip p{ color: #cce1f0; }
                                    .benefitsstrip h2{ color: #99c3e0; margin: 0 0 20px; }





/*********************************************************/
/******************** New Features Page ******************/
/*********************************************************/
.casepage { 
    background: #00b2e2;
/*    background: #fafafa;*/
    position: relative;
    z-index: 1;
    padding: 8rem 0.0rem; 
  -webkit-box-shadow: 0px 2px 0px 0px rgba(30, 30, 30, 0.30);
  -moz-box-shadow: 0px 2px 0px 0px rgba(30, 30, 30, 0.30);
  box-shadow: 0px 2px 0px 0px rgba(30, 30, 30, 0.30);
}
.casepage h1{ color: #0068b2; /*margin: 60px 0 40px;*/}
.casepage h2{ color: #fafafa; text-transform: uppercase; margin: 0.0rem 0 4.0rem; }
.casepage h3{ color: #ccf0f9; text-transform: uppercase; margin: 0.0rem 0 4.0rem; letter-spacing: 1.0rem; font-weight: 300; }
.casepage h4{ color: #25445a; font-weight: 700; }
.casepage p{ color: #39637c; font-size: 100%; }

.casepage hr { box-sizing: content-box; border-top: 1px solid rgba(20,20,20,0.10);/*border-bottom: 1px solid rgba(255,255,255,0.095);*/ margin: 0.0rem; padding: 0.0rem; }


.casepage span { margin: 0; }







/*********************************************************/
/******************** Price Plans Page *******************/
/*********************************************************/

.month { background: #e1eaef; font-weight: 700; max-height: 66px; }
.price { background: #0068b2; max-height: 66px; }
.primary { background: #0068b2; /*max-height: 66px;*/ }
.primaryprice { background: #00b2e2; max-height: 66px; }
.primaryprice { color: #fafafa; max-height: 66px; }
.primary h4 { color: #fafafa; }
.primary ul li { color: #fafafa; border-bottom: 1px solid rgba(50, 50, 50, 0.15); padding: 1.0rem 0.0rem; margin: 0.0rem 1.0rem; }

/*********************************************************/
/*********************** Pullout 1. **********************/
/*********************************************************/
.pullout-one { 
/*
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0068b2), color-stop(100%, #0b3451));
  background-image: linear-gradient( to top right, #0b3451, #0068b2 );
*/
    background: #06568e;
  -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.30);
  -moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.30);
  box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.30);
    padding: 40px; 0;
} 

.pullout-one hr {
  box-sizing: content-box;
  border-top: 1px solid rgba(20,20,20,0.2);
  border-bottom: 1px solid rgba(255,255,255,0.15);
  margin: 0.5rem 0.0rem 1.0rem;
  padding: 0.0rem;
}

.pullout-one h2{ color: #fafafa; padding: 0 0 0px; }
.pullout-one h3{ color: #9bb8cb; padding: 0 0 0px; }
.pullout-one b{ color: #00b2e2; padding: 0 0 0px; }
.pullout-one p{ color: #9bb8cb; }





/*********************************************************/
/*********************** Pullout 2. **********************/
/*********************************************************/
.pullout-two { 
  background-color: #203440;  
  -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.1);
  box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.30);
    padding: 40px; 0;
} 

.pullout-two h2{ color: #cddce5; padding: 0 0 0px; }
.pullout-two h3{ color: #9bb8cb; padding: 0 0 0px; }
.pullout-two b{ color: #00b2e2; padding: 0 0 0px; }
.pullout-two p{ color: #9bb8cb; }




/*********************************************************/
/*********************** Pullout 3. **********************/
/*********************************************************/
.pullout-three { 
    position: relative;
    z-index: 1;
/*background: #002d48 url('../img/bg-pattern.png') no-repeat right bottom;*/
background: #002d48;
  -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
  -moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
  box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
padding: 40px; 0;
} 

.pullout-three hr {
  box-sizing: content-box;
  border-top: 1px solid rgba(20,20,20,0.2);
  border-bottom: 1px solid rgba(255,255,255,0.15);
  margin: 0.5rem 0.0rem 1.0rem;
  padding: 0.0rem;
}

.pullout-three h3{ /*color: #394d59;*/ color: #0068b2; padding: 0 0 0px; }
.pullout-three h4{ /*color: #00b2e2;*/ color: #99c3e0; padding: 0 0 0px; /*font-size: 300%;*/}
.pullout-three h2{ color: #6a7983; padding: 0 0 40px; }
.pullout-three b{ color: #00b2e2; padding: 0 0 0px; }
.pullout-three p{ color: #394d59; }




/*********************************************************/
/******************** marketingstrip *********************/
/*********************************************************/
.marketingstrip1 { 
    background: #cddce5;
  -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.060);
  -moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.060);
  box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.060);
padding: 40px; 0;
} 
.marketingstrip1 h2{ color: #0068b2; /*text-transform: uppercase;*/ margin: 0.0rem 0 0.0rem; }
.marketingstrip1 h3{ color: #0068b2; /*text-transform: uppercase;*/ margin: 0.0rem 0 0.0rem; letter-spacing: 0.0rem; font-weight: 300; }
/*.marketingstrip1 h3, h4{ color: #394d59; color: #394d59; padding: 0 0 0px; font-weight: 300; }*/


.whitestrip { 
    background: #e1eaef ;
  -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.060);
  -moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.060);
  box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.060);
padding: 40px; 0;
} 





/******************************************************/
/**************** Misc Page Elements ******************/
/******************************************************/
.bookingamazing { position: relative; bottom: 30px; left: 50%; 
    -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Safari */
    transform: rotate(-10deg);
    overflow: hidden;
    margin: 0;
    padding: 0;
}




/*********************************************************/
/***************** business + user boxes *****************/
/*********************************************************/
.spbox { 
    position: relative;
    z-index: 2;
    background: url(../img/bg-wall-2.jpg); text-align: center; 
    padding: 100px 15% 0 ; 
    text-align: center;
} 

.userbox { 
    background:
        linear-gradient(
      rgba(248, 243, 243, 0.9), 
      rgba(248, 243, 243, 0.9)
    ),
    /* bottom, image */
    url(../img/bg-wall.jpg) center center;
/*    padding: 9.5% 15%; */
    text-align: center;
/*    height: 100%;*/
    background-size: cover;
/*    background: #00b2e2 url('../img/bg-services.png') no-repeat center center;*/
/*
  -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.10);
  -moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.10);
  box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.10);
*/
padding: 100px 15% 0; 
    text-align: center;
} 

.spbox .userbox, hr {
  box-sizing: content-box;
  border-top: 1px solid rgba(20,20,20,0.10);
  border-bottom: 1px solid rgba(255,255,255,0.015);
  margin: 1.5rem 0.0rem 0.0rem;
  padding: 0.0rem;
}


.spbox h3{ color: #3c3939; padding: 0 0 0px; font-size: 130%; margin: 0.5rem 0 2.0rem; font-weight: 700;}
.userbox h3{ color: #394d59; padding: 0 0 0px; font-size: 130%; margin: 0.5rem 0 2.0rem; font-weight: 700;}
.userbox h3{ color: #394d59; padding: 0 0 0px; font-size: 130%; margin: 0.5rem 0 2.0rem; font-weight: 700;}


            /***************** business + user boxes *****************/

            .discoversavebook { 
/*                background:#0068b2;*/
/*                padding: 20px; */
                text-align: center;
            } 

            .discover { 
                position: relative;
                z-index: 2;
                background:#edf3f7 url('../img/g1.png') no-repeat center 20px;
/*
              -webkit-box-shadow: 2px 2px 0px 0px rgba(50, 50, 50, 0.80);
              -moz-box-shadow: 2px 2px 0px 0px rgba(50, 50, 50, 0.080);
              box-shadow: 2px 2px 0px 0px rgba(50, 50, 50, 0.080);
*/
                padding: 90px 8% 20px; 
                text-align: center;
                min-height: 221px;
            }  
            .save { 
                position: relative;
                z-index: 1;
                background:#e6eff4 url('../img/g2.png') no-repeat center 20px;
/*
              -webkit-box-shadow: 2px 2px 0px 0px rgba(50, 50, 50, 0.090);
              -moz-box-shadow: 2px 2px 0px 0px rgba(50, 50, 50, 0.090);
              box-shadow: 2px 2px 0px 0px rgba(50, 50, 50, 0.090);
*/
                padding: 90px 8% 20px; 
                text-align: center;
                min-height: 221px;
            } 
            .book { 
                position: relative;
                z-index: 0;
                background:#dfeaf0 url('../img/g3.png') no-repeat center 20px;
/*
              -webkit-box-shadow: 2px 2px 0px 0px rgba(50, 50, 50, 0.070);
              -moz-box-shadow: 2px 2px 0px 0px rgba(50, 50, 50, 0.070);
              box-shadow: 2px 2px 0px 0px rgba(50, 50, 50, 0.070);
*/
                padding: 90px 8% 20px; 
                text-align: center;
                min-height: 221px;
            } 


            .discoversavebook hr {
              box-sizing: content-box;
              border-top: 1px solid rgba(20,20,20,0.10);
              border-bottom: 1px solid rgba(255,255,255,0.035);
              margin: 1.0rem 0.0rem 0.5rem;
              padding: 0.0rem;
            }


            .discoversavebook h3{ color: #394d59; padding: 0 0 0px; font-size: 150%; margin: 0.5rem 0 0.0rem; font-weight: 700;}
            .discoversavebook h4{ color: #82919b; padding: 0 0 0px; font-size: 110%; margin: 0.5rem 0 1.0rem; font-weight: 400;}







/******************************************************************/
/**************************** video box ***************************/
/******************************************************************/
/*.demovideo { position: relative; top: -100px; display: block; margin-left: auto; margin-right: auto; }*/
.demovideo { position: relative; top: 0; display: block; margin-left: auto; margin-right: auto; border: solid 0px #d8dcde; }
.videobox { background: #dae9f2; padding: 1.0rem 0.0rem; border-radius: 0px; border: solid 0px #d8dcde; }
.video { background: #fafafa; padding: 0.5rem; border-radius: 3px; border: solid 0px #d8dcde; }






/******************************************************************/
/**************************** video box ***************************/
/******************************************************************/
.highlightpoints { font-weight: 300; color: #0068b2; text-transform: uppercase; font-size: 250%; line-height: 1.005em; }





/******************************************************************/
/****************************** FAQs ******************************/
/******************************************************************/
.bgfaq { background: #0068b2; 
  -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
  -moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
  box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
}
.dblue { background: #0068b2; 
    min-height: 450px;
    padding: 2.0rem 0;
}
.lblue { background: #00b2e2; 
  -webkit-box-shadow: 2px 0px 0px 0px rgba(50, 50, 50, 0.20);
  -moz-box-shadow: 2px 0px 0px 0px rgba(50, 50, 50, 0.20);
  box-shadow: 2px 0px 0px 0px rgba(50, 50, 50, 0.20);
    min-height: 482px;
    padding: 4.0rem 0;
    position: relative;
    z-index: 2;
}


.bgfaq h3{ color: #d5e5f8; font-weight: 300;}
.bgfaq h4{ color: #9bb8cb; font-weight: 400;}



/******************************************************************/
/*********************** homepage search box **********************/
/******************************************************************/
.herosearch { /*position: relative; top: 0; left: 0;*/ padding: 0.0rem 0.0rem; display: block;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0068b2), color-stop(100%, #0b3451));
background-image: linear-gradient( to top right, #0b3451, #0068b2 );
}

.herosearch form {/* position: absolute; top: 5px; left: 0;*/ width: inherit;  margin: 0.0rem; padding: 1.0rem 1.0rem 1.0rem 1.0rem; background-color:rgba(255, 255, 255, 0.0); 
display: block;
}
.herosearch input, select{ /*position: relative; top: 0px; left: 0;*/ margin: 0rem 0rem 0.1rem 0rem; }
.herosearch input[type="text"]{ padding: 0rem 0.0rem 0.0rem 3.5rem; font-family: inherit; display: block; font-size: 1.35rem;}
.herosearch input[type="text"]:focus{ padding: 0rem 0.0rem 0.0rem 0.5rem; font-family: inherit; display: block; font-size: 1.35rem; background: #fff;}
.herosearch .btn { text-shadow: -1px -1px 0px rgba(0, 51, 87, 0.55); color: #fafafa; font-weight: 400; font-size: 1.65rem; font-family: inherit; letter-spacing: 0.2em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.searchbtn { margin-top: 10px;}
.locationbtn { margin: 10px 0 2px; padding: 10px 10px 10px; border-radius: 3px; line-height: 2.0rem; text-decoration: none !important; }
.locationbtn a{ text-decoration: none; line-height: 2.0rem; text-decoration: none !important; padding-right: 10px; }
.locationbtn span{ text-decoration: none; line-height: 2.0rem; padding-right: 10px; }



.herosearch h1 { color: #fff; font-size: 40%; font-weight: normal; text-align: center; text-shadow: -1px -1px 0px rgba(50, 50, 50, 0.5); }
.what { background:#fff url('../img/mqicons-grey.png') no-repeat 5px -28px;}
.where { background:#fff url('../img/mqicons-grey.png') no-repeat 5px 10px;}

.distance { border-top: 0px solid #999; padding: 0.25rem; background:#ebebeb;
-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
    
 -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;     
}

.distance h2{color: #999; font-size: 90%; font-weight: 400; padding: 0.0rem 5.0rem; text-align: center;}

.distance hr{   -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
/*  height: 0;*/
    border-top: 1px solid #e0e0e0; /* #aaa #e0e0e0 */
border-bottom: 1px solid #fff; /* #c5c5c5 #fff */
margin: 1.0rem 1.0rem;
padding: 0.0rem 0.0rem;}

.calls { margin-bottom: 0.1rem; background: #e5e5e5; padding: 0.0rem 0.0rem;
-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.35);
box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.35);
position: relative;
z-index: 2;
}


/***********************************************************************/
/*********************** listing entry formatting **********************/
/***********************************************************************/
.listingfilter { border-top: 0px solid #999; padding: 2.0rem; position: relative; z-index: 4; background:#ebebeb;
-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
}

.loadmore { border-top: 0px solid #999; padding: 1.0rem 3.0rem; position: relative; z-index: -1; background:#ddd;
-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
}

.pagebreak { padding: 0.25rem 1.0rem; position: relative; z-index: -1; background:#dadada;
-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
    border-top: 1px solid #c7c7c7;
}

.pagebreak h5{color: #3a586d ; border-right: 0px solid #c7c7c7; font-weight: 400; }
.pagebreak h4{color: #3a586d ; border-right: 0px solid #c7c7c7; font-weight: 400; }


.listings {
position: relative;
z-index: 2;
    background: #f5f5f5;
}

.listing { border-bottom: 0px solid rgba(0,104,178,0.00); margin: 0.25rem 0.0rem 0.0rem;
-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.2);
box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.2);
    border-top: 1px solid #d0d0d0;
}

.listingdetails a {background: none;}
.listingdetails a:hover {background: #eaeaea;}


.listing:first-child { border-top: 1px solid #ddd; }
.listing:last-child { border-bottom: 0px dotted #ddd; }

.listing hr{ border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 0.5rem 0 0.0rem; height: 0; }

.listing br{ margin: 0.0rem; padding: 0.0rem; }
.listingdetails { padding: 0.0rem 0.0rem; border: 0px; margin: 0.0rem 0.0rem 0.0rem; }

.listingcontent {padding:0.0rem 0.2rem 0.0rem 0.8rem;}

.listing h3{ color: #333; font-weight: 700; font-size: 1.65rem; line-height: 2.05rem; margin: 1.5rem 0.0rem 0.5rem;}

.listingsave { background: #33b1e8; text-align: center; min-height: 80px; padding: 2.0rem 0.0rem 2.4rem; line-height: 0.65em; margin-top: 0.0rem;
position: relative;
z-index: -1;    
-webkit-box-shadow: inset 2px 0px 0px 0px rgba(50, 50, 50, 0.10);
-moz-box-shadow: inset 2px 0px 0px 0px rgba(50, 50, 50, 0.10);
box-shadow: inset 2px 0px 0px 0px rgba(50, 50, 50, 0.10);
}

.listingsave b{ color: #fff; text-shadow: -1px -1px 1px rgba(0, 51, 87, 0.35); font-variant: small-caps; font-size: 1.35em; }
.listingsave i{ background: url(../img/mqicons-blue.png) center 0px; width: 100%; text-align: center; display: block; padding: 1.45rem 0.0rem 1.7rem; }

.listinginfo { background: #009ee2; text-align: center; min-height: 80px; padding: 1.0rem 0.0rem; line-height: 0.65em;
    
-webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 2px 0px 0px rgba(50, 50, 50, 0.2);
box-shadow:         0px 2px 0px 0px rgba(50, 50, 50, 0.2);
/*
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
*/
}
.listinginfo b{ color: #fff; text-shadow: -1px -1px 1px rgba(0, 51, 87, 0.35); font-variant: small-caps; font-size: 1.0em; }
.listinginfo i{ background: url(../img/mqicons-blue.png) center -33px; width: 100%; text-align: center; display: block; padding: 1.0rem 0.0rem 0.7rem; }

.listingbook { background: #0068b2; text-align: center; min-height: 80px; padding: 2.5rem 0.0rem 3.55rem; margin-top: 0.0rem; margin-right: 0.0rem; line-height: 0.21em;
/*
-webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 2px 0px 0px rgba(50, 50, 50, 0.2);
box-shadow:         0px 2px 0px 0px rgba(50, 50, 50, 0.2);
*/
    
-webkit-box-shadow: inset 3px 0px 0px 0px rgba(50, 50, 50, 0.10);
-moz-box-shadow: inset 3px 0px 0px 0px rgba(50, 50, 50, 0.10);
box-shadow: inset 3px 0px 0px 0px rgba(50, 50, 50, 0.10);
    
/*
-webkit-border-radius:  0px 0px 2px 0px;
-moz-border-radius:     0px 0px 2px 0px;
border-radius:          0px 0px 2px 0px;
*/
position: relative;
z-index: -1;
}

.listingbook b{ color: #fefefe; text-shadow: -1px -1px 1px rgba(0, 51, 87, 0.75); font-variant: small-caps; font-size: 1.85em;
-webkit-transform: rotate(352deg);
-moz-transform: rotate(352deg);
-o-transform: rotate(352deg);
}

.listingbook i{ } 

.listingnobook { background: #cccccc; text-align: center; min-height: 80px; padding: 2.5rem 0.0rem 3.55rem; line-height: 0.21em; cursor: default; margin-top: 0.0rem; margin-right: 0.0rem;
/*
-webkit-box-shadow:     0px 2px 0px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:        0px 2px 0px 0px rgba(50, 50, 50, 0.2);
box-shadow:             0px 2px 0px 0px rgba(50, 50, 50, 0.2);
*/
  -webkit-box-shadow: inset 3px 0px 0px 0px rgba(50, 50, 50, 0.10);
-moz-box-shadow: inset 3px 0px 0px 0px rgba(50, 50, 50, 0.10);
box-shadow: inset 3px 0px 0px 0px rgba(50, 50, 50, 0.10);  
/*
-webkit-border-radius:  0px 0px 2px 0px;
-moz-border-radius:     0px 0px 2px 0px;
border-radius:          0px 0px 2px 0px;
*/
position: relative;
z-index: -1;
}

.listingnobook b{ color: #b6b6b6; text-shadow: -1px -1px 0px rgba(230, 230, 230, 0.59); font-variant: small-caps; font-size: 1.85em;
-webkit-transform: rotate(352deg);
-moz-transform: rotate(352deg);
-o-transform: rotate(352deg);
}




.listinglogoholder {border: 0px solid rgba(20, 20, 20, 0.080); padding: 0.5rem 0.0rem 0.0rem; margin: 0.0rem 0.5rem 1.65rem;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.listinglogo {
height: auto;
padding-top: 0%;
width: 60px;
overflow: hidden;
background: #fefefe; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
border-radius: 50%;
border: 2px solid #bab9b9;
padding: 0.0rem;
margin-top: 20%;
margin-left: auto;
margin-right: auto;
    
/*    margin: 25% 0.5rem 1.65rem;*/
}

.listinglogo img{
padding-top: 0%;
width: 60px;
overflow: hidden;
background: #fefefe; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
border-radius: 50%;
border: 2px solid #fff;
}

.listing p{ font-style: italic; color: #808080; line-height: 1.45rem; font-size: 100%; margin-bottom: 0.0rem;}
.listing i{ font-style: italic; color: #808080; line-height: 2.0rem;  margin-bottom: 0.0rem;}



.listingsave2 { background: url(../img/mqicons-blue2.png) center 30px no-repeat; text-align: center; min-height: 95px; padding: 2.5rem 0.0rem; line-height: 0.65em; margin-top: 0.0rem; position: relative; z-index: -1;
filter: url(filters.svg#grayscale); 
filter: gray; 
-webkit-filter: grayscale(1);
opacity: 0.4;
filter: alpha(opacity=40);
    border-left: 1px solid #cbcbcb;
}


.listingsaved2 {  background: url(../img/mqicons-blue2.png) center -40px no-repeat; text-align: center; min-height: 95px; padding: 2.5rem 0.0rem; line-height: 0.65em; margin-top: 0.0rem; position: relative; z-index: -1;
/*filter: url(filters.svg#grayscale); 
filter: gray; 
-webkit-filter: grayscale(1);
opacity: 0.4;
filter: alpha(opacity=40);*/
border-left: 1px solid #e6e6e6;
}


.listingbook2 { background: #ebebeb; text-align: center; min-height: 80px; padding: 0.5rem 0.5rem; margin: 0.0rem; line-height: 0.21em;   
-webkit-box-shadow: inset 3px 0px 0px 0px rgba(50, 50, 50, 0.10);
-moz-box-shadow: inset 3px 0px 0px 0px rgba(50, 50, 50, 0.10);
box-shadow: inset 2px 0px 1px 0px rgba(50, 50, 50, 0.10);
}

.booknow {padding: 4.0rem 0.0rem 4.0rem; line-height: 1.65rem; font-weight: 700 !important; font-size: 150%; letter-spacing: -0.01rem; }
.booknowoff {padding: 4.0rem 0.0rem 4.0rem; line-height: 1.65rem; font-weight: 700 !important; font-size: 150%; letter-spacing: -0.01rem; color: #b2b2b2; border: 1px solid #d1d1d1; cursor: default !important;}
.booknow br{ padding: 0.0rem; margin: 0.0rem; line-height: 0.1rem; font-weight: 700 !important; }



/**********************************************************************************/
/******************************* listing offers tag *******************************/
.offer {
  position: absolute;
/*    left: 20%;*/
    left: 35.5%;
    top: 0.9rem;
     box-shadow: 0px 0px 0px rgba(50,50,50,0.8);    
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    padding: 0.0rem 0.5rem;
    color:  #fefefe;
    text-transform: capitalize;
    font-style: italic;
/*    text-shadow: -1px -1px 0px rgba(50, 50, 50, 0.35);*/
    z-index: 30;
    
/*  width: 40px; */
  height: 20.21px;
  background-color: #d63a49;
  margin: 10.10px 0;
  border-left: solid 0px #ef4861;
  border-right: solid 0px #eee;
    border-bottom: solid 3px #c33f53; /* #c33f53 */
}

/*
.offer:before,
.offer:after {
  content: "";
  position: absolute;
  z-index: -1;
    
  width: 24.75px;
  height: 24.75px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 9px;
}


.offer:after {
    content: "";
  position: absolute;
  z-index: -1;
    
  bottom: -12.3744px;
  border-bottom: solid 2.8284px #9f192d;
  border-left: solid 2.8284px #9f192d;
     box-shadow: 0px 0px 0px rgba(50,50,50,0.3);
}
*/

#offer { margin: 0 auto; padding: 0.0rem 0.0rem; text-align: center;}

#offer { border-top: 0px solid #999; margin: 0.0rem 0.0rem; padding: 0.025rem 0.25rem 0.25rem; position: relative; top: -10 !important; z-index: -1; background:#fff;
-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
text-align: center;
}

/**/


.hexagon2 {
  position: absolute;
    left: 50%;
    top: 0.5rem;
     box-shadow: 0 0 2px rgba(0,0,0,1);    

    
  width: 35px; 
  height: 20.21px;
  background-color: #d63a49;
  margin: 10.10px 0;
  border-left: solid 2px #ef4861;
  border-right: solid 2px #ef4861;
}

.hexagon2:before,
.hexagon2:after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 24.75px;
  height: 24.75px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 3.1256px;
}

.hexagon2:before {
  top: -12.3744px;
  border-top: solid 2.8284px #ef4861;
  border-right: solid 2.8284px #ef4861;
}

.hexagon2:after {
  bottom: -12.3744px;
  border-bottom: solid 2.8284px #ef4861;
  border-left: solid 2.8284px #ef4861;
}





.listingsnav {    
    -webkit-box-shadow: 0px 1px 0px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 1px 0px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.3);
}
.prev a{ background: #33b1e8; padding: 2.5rem; display: block;  
    -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
    -moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
    box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
}
.next a{ background: #009ee2; padding: 2.5rem; display: block;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
    -moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
    box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
}


/**********************************************************************/
/*********************** featured listing entrys **********************/
/*
.featuredbox { background: none; padding: 0.08rem 0.1rem 0.5rem 0.1rem; 
-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 2px 1px 0px rgba(50, 50, 50, 0.3);
box-shadow:         0px 2px 1px 0px rgba(50, 50, 50, 0.3);   
background-image: linear-gradient( to top right, #0068b2, #00b2e2 );    
}
*/


.featuredbox {
/**/
position: relative;
z-index: 0;
background-color: #444; 
/*background: url('../img/bg-featured.png') center center no-repeat;
background: url('../img/bg-featured.png') center center no-repeat, -moz-linear-gradient(to top right, #0068b2, #00b2e2);
background: url('../img/bg-featured.png') center center no-repeat, -webkit-gradient(to top right, 0 0, 0 100%, from(#0068b2), to(#00b2e2)); 
background: url('../img/bg-featured.png') center center no-repeat, -webkit-linear-gradient(to top right, #0068b2, #00b2e2); 
background: url('../img/bg-featured.png') center center no-repeat, -o-linear-gradient(to top right, #0068b2, #00b2e2); 
background: url('../img/bg-featured.png') center center no-repeat, linear-gradient(to top right, #0068b2, #00b2e2); */
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0068b2), color-stop(100%, #00b2e2));
    background-image: linear-gradient( to top right, #0068b2, #00b2e2 );   
    
-webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
-moz-box-shadow:    0px 2px 0px 0px rgba(50, 50, 50, 0.20);
box-shadow:         0px 2px 0px 0px rgba(50, 50, 50, 0.20); 
}


.featured { border-bottom: 0px solid rgba( 50, 50, 50, 0.3); /*background:#0068b2;*/ background: rgba( 0, 178, 226, 0.2); }
.featured:first-child { border-bottom: 0px solid rgba( 1, 79, 127, 0.2); }
.featured:last-child { border-bottom: 0px solid rgba( 50, 50, 50, 0.2); }

.featuredhead h1{ margin: 0.0rem; font-size: 1.85rem;  padding: 3.0rem 0.0rem; color: #fff; letter-spacing: 0.45rem; text-align: center; border-bottom: 1px solid rgba( 1, 79, 127, 0.2);}

.featuredhead b{ padding: 0.5rem 0.5rem 0.5rem 0.25rem; font-weight: 300; color: #fff; /*background: #fff;*/ }


.featured hr{ border: solid rgba( 50, 50, 50, 0.1); border-width: 1px 0 0; clear: both; margin: 0.0rem 0 0.0rem; height: 0; }

.featured h3{ color: #ededed; font-weight: normal; font-size: 1.65rem; line-height: 2.05rem; margin-bottom: 0.5rem;}

.featured br{ margin: 0.0rem; padding: 0.0rem; }
.featureddetails { padding: 0.0rem 0.0rem; border: 0px; margin: 0.0rem 0.0rem 0.0rem;}
.featuredcontent {padding:0.0rem 0.5rem;}

.featuredsave { background: #33b1e8; text-align: center; min-height: 90px; padding: 2.0rem 0.0rem 2.4rem; line-height: 0.65em; margin-top: 0.0rem;
-webkit-box-shadow: inset 2px 0px 0px 0px rgba(50, 50, 50, 0.10);
-moz-box-shadow: inset 2px 0px 0px 0px rgba(50, 50, 50, 0.10);
box-shadow: inset 2px 0px 0px 0px rgba(50, 50, 50, 0.10);
}

.featuredsave b{ color: #fff; text-shadow: -1px -1px 1px rgba(0, 51, 87, 0.35); font-variant: small-caps; font-size: 1.35em; }

.featuredsave i{ background: url(../img/mqicons-blue.png) center 0px; width: 100%; text-align: center; display: block; padding: 1.45rem 0.0rem 1.7rem; }


.featuredinfo { background: #009ee2; text-align: center; min-height: 80px; padding: 1.0rem 0.0rem; line-height: 0.65em; 
-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    0px 1px 1px 0px rgba(50, 50, 50, 0.4);
box-shadow:         0px 1px 1px 0px rgba(50, 50, 50, 0.4);
}

.featuredinfo b{ color: #fff; text-shadow: -1px -1px 1px rgba(0, 51, 87, 0.35); font-variant: small-caps; font-size: 1.0em; }
.featuredinfo i{ background: url(../img/mqicons-blue.png) center -33px; width: 100%; text-align: center; display: block; padding: 1.0rem 0.0rem 0.7rem; }

.featuredbook { background: #0068b2; text-align: center; min-height: 90px; padding: 3.0rem 0.0rem 3.0rem; margin-top: 0.0rem; margin-right: 0.0rem; line-height: 0.21em;
    
    -webkit-box-shadow: inset 3px 0px 0px 0px rgba(50, 50, 50, 0.10);
-moz-box-shadow: inset 3px 0px 0px 0px rgba(50, 50, 50, 0.10);
box-shadow: inset 3px 0px 0px 0px rgba(50, 50, 50, 0.10);
}

.featuredbook b{ color: #fefefe; text-shadow: -1px -1px 1px rgba(0, 51, 87, 0.75); font-variant: small-caps; font-size: 1.85em;
}

.featuredbook i{ } 

.featurednobook { background: #cccccc; text-align: center; min-height: 90px; padding: 2.5rem 0.0rem 3.5rem; line-height: 0.15em; cursor: default; margin-top: 0.0rem; margin-right: 0.20rem;
-webkit-box-shadow:     0px 2px 0px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:        0px 2px 0px 0px rgba(50, 50, 50, 0.2);
box-shadow:             0px 2px 0px 0px rgba(50, 50, 50, 0.2);  

}

.featurednobook b{ color: #b6b6b6; text-shadow: -1px -1px 0px rgba(230, 230, 230, 0.9); font-variant: small-caps; font-size: 1.85em;
}

.featuredlogoholder {border: 0px solid rgba(20, 20, 20, 0.080); padding: 1.5rem 0.0rem 0.0rem; margin: 1.0rem 0.5rem 1.65rem;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}


.featuredlogo {
height: auto;
padding-top: 0%;
width: 60px;
overflow: hidden;
background: #fefefe; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
border-radius: 50%;
border: 1px solid #3d8fca;
padding: 0.0rem;
margin-top: 0;
margin-left: auto;
margin-right: auto;
}

.featuredlogo img{
padding-top: 0%;
width: 60px;
overflow: hidden;
background: #fefefe; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
border-radius: 50%;
border: 2px solid #00b2e2;
}

.featuredsave2 { background: url(../img/mqicons-blue2.png) center 30px no-repeat; text-align: center; min-height: 95px; padding: 2.5rem 0.0rem 2.5rem; line-height: 0.65em; margin-top: 0.0rem; position: relative; z-index: -1;
filter: url(filters.svg#grayscale); 
filter: gray; 
-webkit-filter: grayscale(1);
opacity: 0.4;
filter: alpha(opacity=40);
    -webkit-filter: brightness(9);
  filter: brightness(90);
    border-left: 1px solid rgba( 50, 50, 50, 0.3);
}


.featuredsaved2 {  background: url(../img/mqicons-blue2.png) center -40px no-repeat; text-align: center; min-height: 95px; padding: 2.5rem 0.0rem 2.5rem; line-height: 0.65em; margin-top: 0.0rem; position: relative; z-index: -1; border-left: 1px solid rgba( 250, 250, 250, 0.1);  
}

.featuredbook2 { background: #0068b2; /*background-image: linear-gradient( to top left, #0068b2, #00b2e2 );*/ text-align: center; min-height: 80px; padding: 0.5rem 0.5rem; margin: 0.0rem;  
-webkit-box-shadow: inset 3px 0px 0px 0px rgba(50, 50, 50, 0.10);
-moz-box-shadow: inset 3px 0px 0px 0px rgba(50, 50, 50, 0.10);
box-shadow: inset 2px 0px 0px 0px rgba(50, 50, 50, 0.10); 
}




.paginate { position: relative; z-index: 0; 
-webkit-box-shadow: inset  0px 2px 2px rgba(50, 50, 50, 0.5);
-moz-box-shadow:  inset   0px 2px 2px rgba(50, 50, 50, 0.5);
box-shadow:     inset     0px 2px 2px rgba(50, 50, 50, 0.5);
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}





.featuredsave3 { background: url(../img/i-favs.png) center 35px no-repeat; text-align: center; min-height: 115px; padding: 3.0rem 1.0rem 2.5rem; line-height: 0.65em; margin-top: 0.0rem; position: relative; z-index: -1;
    border-left: 1px solid rgba( 50, 50, 50, 0.2);
}

.featuredsaved3 {  background: url(../img/i-favs.png) center -65px no-repeat; text-align: center; min-height: 115px; padding: 2.5rem 0.0rem 2.5rem; line-height: 0.65em; margin-top: 0.0rem; position: relative; z-index: -1; border-left: 1px solid rgba( 50, 50, 50, 0.2);  
}


.listingsave3 { background: url(../img/i-favs.png) center 35px no-repeat; text-align: center; min-height: 115px; padding: 2.5rem 1.0rem; line-height: 0.45em; margin-top: 0.0rem; position: relative; z-index: -1;
border-left: 1px solid #e6e6e6;
}


.listingsaved3 {  background: url(../img/i-favs.png) center -65px no-repeat; text-align: center; min-height: 115px; padding: 3.0rem 1.0rem; line-height: 0.45em; margin-top: 0.0rem; position: relative; z-index: -1;
border-left: 1px solid #e6e6e6;
}

/****************************************************************/
/*********************** profile icon tabs **********************/
/****************************************************************/
#profile { background: #f2f2f2; }
#services{ background: #f2f2f2; }
#reviews{ background: #f2f2f2; padding: 0.0 0.0 2.0rem;}
#share{ background: #f2f2f2; }
#contact{ background: #f2f2f2; }
.tab-content > .active > .profilecontent { margin: 0.0rem; padding: 1.0rem 0.5rem; height: 100%; position: relative; border: 0px solid;}
.tab-content > .active { position: relative; z-index: 5;
-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 1px 1px 0px rgba(50, 50, 50, 0.3);
box-shadow:         0px 2px 0px 0px rgba(50, 50, 50, 0.3);
}

.profilecontent h4, h5{ color: #444;}

#offer-tab{ background: #ff5340; line-height: 1.20rem; color: #fff;}
#offer-tab img{ margin-bottom: 0.10rem !important; color: #fff;}



#getdirections { background: #00b2e2; width: 100% !important; text-shadow: 1px 1px 0px rgba(250, 250, 250, 0.5); 
-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    0px 1px 1px 0px rgba(50, 50, 50, 0.6);
box-shadow:         0px 2px 0px 0px rgba(50, 50, 50, 0.15);
padding: 0.5rem 0.5rem 2.0rem 0.5rem;
}

.tabs-content > #getdirections { background: #e9e9e9; width: 100% !important; text-shadow: 1px 1px 0px rgba(250, 250, 250, 0.5);
padding: 1.0rem 0.0rem 0.0rem 0.0rem;
}



.p-bookitbox { /*background: #eee;*/ padding: 0.5rem; }
.p-bookit { font-size: 180%; font-weight: 700;  text-align: center; padding: 3.3rem 0.0rem 3.3rem; line-height: 2.0rem; letter-spacing: -0.02rem; }
.address { font-size: 90%; line-height: 1.25em; /*font-weight: 600;*/ color: #555; padding: 0.5rem 0.5rem 0.5rem; /*background: #dedede;*/ min-height: 100%; border-right: 1px solid #ddd; }
.address hr{ margin: 0.5rem 0.0rem 0.5rem; border: 0; border-top: 1px solid #ddd; }

.specialoffer { font-size: 90%; line-height: 1.25em; /*font-weight: 600;*/ color: #555; padding: 0.5rem 0.5rem 0.5rem; /*background: #dedede;*/ min-height: 100%; border-right: 1px solid #ddd; }
/*.profilebg { background-image: linear-gradient( to top right, #0b3451, #0068b2 ); }*/

.profilelogo{ border-top: 1px solid #ddd; text-align: center; }

.profilehead {
    position: relative;
    z-index: 3;
-webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2); 
}   

.profilename { background: rgba(255,255,255,0.5); padding: 2.5rem 0.5rem 1.5rem; text-shadow: 0px 0px 0px rgba(250, 250, 250, 0.7); font-weight: 700; font-size: 110%; }
.serviceopen { /*background:#44aa52 url(../img/mqicons-white.png) center -28px no-repeat;*/ background:#44aa52; padding: 1.1rem 0.0rem 1.0rem; color: #fefefe; text-align: center; text-shadow: 0px 0px 0px rgba(50, 50, 50, 0.2); }
.serviceopen span { display: block; }
.serviceclosed { background:#ff5340 url(../img/mqicons-white.png) center -28px no-repeat; padding: 3.5rem 0.0rem 0.5rem; color: #fefefe; text-align: center; }

.contactchannels { padding: 0.5rem; margin: 0.025rem; background: #e3e3e3;     
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;  }


/******************************************************/
/************************ Map *************************/
/******************************************************/
.getdirectionspanel {
-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    0px 1px 1px 0px rgba(50, 50, 50, 0.6);
box-shadow:         0px 2px 0px 0px rgba(50, 50, 50, 0.15);
}
.getdirections { background: #5ccded; padding: 0.5rem; position: relative; z-index: 1; }

.getdirections br{margin: 0.0rem; padding: 0.0rem;}
.getdirections input{ position: relative; top: 0px; left: 0; margin: 0rem 0rem 0.1rem 0rem; border: 1px solid #00b2e2; }
.getdirections input[type="text"]{ padding: 0rem 0.0rem 0.0rem 3.5rem; font-family: inherit; display: block; font-size: inherit;}
.getdirections input[type="text"]:focus{ padding: 0rem 0.0rem 0.0rem 3.5rem; font-family: inherit; display: block; font-size: inherit;}
.wherea { background:#fff url('../img/i-directionsab.png') no-repeat 5px 6px;}
.whereb { background:#fff url('../img/i-directionsab.png') no-repeat 5px -35px;}
/**/
.mapdirections { background:#fff url('../img/bg-mapdirections.png') no-repeat center center; border: 0px solid #a9a9a9; padding: 1.0rem; /*margin: 0.5rem 0.45rem 0.0rem;*/ margin: 0.5rem 0.0rem 0.0rem; border-radius: 3px; }
.mapdirections ol{ font-size: 90%; margin: 0.0rem; color: #555; }

/*.map {margin: 0.0rem 0.5rem 0.5rem 0.5rem !important; padding: 0.0rem !important; margin-bottom: 0.0rem !important; border: 0px solid #fefefe; }*/


.getdirectionsbtn{ background-color: #79d7f0; padding: 0.9rem 0.5rem; color: #fff !important; }

/* Ratio 16:9 ( 100%/16*9 = 56.25% ) */ 
.mapcontainer{ position: relative; /*width: 100% !important;*/ padding-bottom: 56.25%; }
.mapcontainer #map_canvas{ border-radius: 3px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0px; /*max-width: 100% !important;*/ }


/*
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }
*/

/******************************************************/
/********************** Services **********************/
/******************************************************/
.service h4{ font-size: 100%; }
.service h5{ font-size: 100%; color: #ff4648; text-shadow: 1px 1px 0px rgba(250, 250, 250, 0.9); }
.service p{ font-size: 90%; line-height: 1.25rem !important; color: #777; font-style: italic; min-height: 100% !important;}
.service hr{ border: solid rgba(50,50,50,0.2); border-width: 1px 0 0; clear: both; margin: 0.0rem 0 0.0rem; height: 0;}
/*.servicebook { background: #0068b2; text-align: center; min-height: 110px; padding: 2.5rem 0.0rem 1.5rem; line-height: 0.55em;}*/
.servicebook { background: #0068b2; text-align: center; line-height: 0.85em; min-height: 100%; padding: 49.5% 0.0rem 49.5%; 
 -webkit-box-shadow: inset 3px 0px 0px 0px rgba(50, 50, 50, 0.10);
-moz-box-shadow: inset 3px 0px 0px 0px rgba(50, 50, 50, 0.10);
box-shadow: inset 5px 0px 0px 0px rgba(50, 50, 50, 0.10);
    
    position: relative;
    z-index: -1;
}

.servicebook b{ color: #fefefe; text-shadow: -1px -1px 1px rgba(0, 51, 87, 0.55); font-variant: small-caps; font-size: 1.85em;
-webkit-transform: rotate(352deg);
-moz-transform: rotate(352deg);
-o-transform: rotate(352deg);
    min-height: 100%;
}

.servicedownloads { font-size: inherit; background: #e6e6e6; padding: 0.0rem 0.0rem !important 0.0rem; margin: 0.0rem 0.0rem !important 0.0rem; /*position: relative; z-index: 2;
top: 0rem;*/
height: 100%;
/*overflow: visible;*/
    
-webkit-box-shadow: 0px 3px 0px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow: 0px 3px 0px 0px rgba(50, 50, 50, 0.1);
box-shadow: 0px 3px 0px 0px rgba(50, 50, 50, 0.1); 
border-top: solid 0px #e9e9e9;
}

.servicedownloads h3{ text-transform: capitalize; padding: 1.0rem 0.0rem; margin: 0.0rem 0.0rem; color: #777;
text-shadow: 0px 0px 0px rgba(250, 250, 250, 0.9);
}

.inserv {padding: 0.0rem 0.0rem 1.0rem 0.5rem; }




/******************************************************/
/*********************** Reviews **********************/
/******************************************************/
.reviews {padding: 0.0rem 0.5rem;}
.reviews p{ font-size: 90%; line-height: 1.25rem !important; color: #777; font-style: italic; padding: 0.5rem 0.0rem 0.0rem; }
.reviews b{ color: #555; font-size: 90%; line-height: 1.25rem; padding: 0.0rem; margin: 0.0rem; }
.reviews em{ color: #0068b2; font-size: 90%; line-height: 1.25rem; padding: 0.0rem; margin: 0.0rem; font-weight: 400; font-style: normal; }
/*.reviews hr{ border-top: 1px solid #ddd; border-bottom: 1px solid #fff; margin: 0.5rem 0.0rem; padding: 0.0rem 0.0rem; }*/
.reviewsadd { padding: 0.25rem 1.0rem; position: relative; z-index: 0; background:#dadada;
-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 5 0, 0.3);
box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
    border-top: 1px solid #c7c7c7;
}
.review img{ padding: 0.0rem; margin: 0.0rem; text-align: center !important; position: relative; top: top; left: center; line-height: 0.0rem; vertical-align: middle;}

.review { color: #555; font-size: 90%; padding: 0.0rem 0.5rem; background: #f5f5f5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
}
.review hr{ border-top: 1px solid #e0e0e0; border-bottom: 1px solid #fff; margin: 0.5rem 0.0rem; padding: 0.0rem 0.0rem; }
.review h3 { color:#0068b2; font-size: 120%; border: 0px; padding: 0.0rem; margin: 1.0rem 0 0; font-weight: 700;} 



.contacts hr{ border-top: 1px solid #e0e0e0; border-bottom: 1px solid #fff; margin: 0.25rem 0.0rem; padding: 0.0rem 0.0rem; }
.contacts a br{ border-top: 1px solid #e0e0e0; border-bottom: 1px solid #fff; margin: 0.05rem 0.0rem; padding: 0.0rem 0.0rem; }
.contacts > .button {margin: 0.0rem;    -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 2px 0px 0px rgba(50, 50, 50, 0.2);
box-shadow:         0px 1px 0px 0px rgba(50, 50, 50, 0.3);}




/******************************************************/
/*********************** Booking **********************/
/******************************************************/
/*#steps fieldset{ display: none; }*/
/*#steps fieldset:not(:first-of-type){ display: none; }*/

/*fieldset:first-child{ display: visible; }*/
/*#steps fieldset{ display: none; }*/
/*#steps fieldset:first-of-type { background:#e9ffd9; }*/
#steps fieldset:not(:first-of-type){ display: none; }

#bookingprogress { margin-left: 0% auto; padding: 0.5rem 0.0rem 0.0rem; text-align: center !important;}

#bookingprogressbar {
	margin-bottom: 0.0rem;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}
#bookingprogressbar li {
	list-style-type: none;
	font-size: 0.75rem;
	width: 25px;
	float: left;
	position: relative;    
    margin: 0 0.15rem 0 0.15rem;
}
#bookingprogressbar li:before {
	content: counter(step);
	counter-increment: step;
	line-height: 1.5rem;
	display: block;
	font-size: 1.0rem;
    color: #b6b6b6;
    text-shadow: -1px -1px 0px rgba(230, 230, 230, 0.9);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px; 
    height: 25px;
    background: #ccc;
	margin: 0 auto 20px auto;
}

/*progressbar connectors*/
#bookingprogressbar li:after {
	content: '';
	width: 50%;
	position: absolute;
	left: -50%;
	top: 0px;
	z-index: -1; /*put it behind the numbers*/
}
#bookingprogressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
#bookingprogressbar li.active:before,#bookingprogressbar li.active:after{   
	color: #fefefe;
    text-shadow: -1px -1px 0px rgba(20, 20, 20, 0.5);
    font-size: 1.0rem;
    background: #00b2e2; 
}
#bookingprogressbar li.final { background: #ff0000;}

#bookit  { text-align: center; padding: 0.0em 0.0em 0.0em 0.0em;
    /*background-image: linear-gradient( to top right, #0068b2, #00b2e2 );  */
/*background: #f7f7f7;*/
background-image: linear-gradient( to top right, #0b3451, #0068b2 );
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0068b2), color-stop(100%, #0b3451));  
    
-webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.1);
box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.3); 
position: relative;
    z-index: 1;
    height: 100%;
}

.bootitbg {}

/*
#bookit input[type="text"]{ padding: 0rem 0.0rem 0.0rem 3.5rem !important; font-family: inherit; display: block; font-size: 1.35rem;}
#bookit input[type="text"]:focus{ padding: 0rem 0.0rem 0.0rem 0.5rem; font-family: inherit; display: block; font-size: 1.35rem; }
*/


#bookit #bookitlogo { margin: 1.0rem 0.0rem 1.0rem; }

#bookit h4{ font-weight: 300; color: #fff; background: #00b2e2; padding: 2.0rem 3.5rem; line-height: 2.0rem; margin-bottom: 0.0rem; font-size: 1.65rem; /*text-shadow: -1px -1px 0px rgba(20, 20, 20, 0.2);*/
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border-radius: 3px; }
#bookit h5{ font-weight: 300; color: #fff; letter-spacing: 0.1rem;}

#bookit, fieldset{ padding: 2.0rem 1.0rem 8.0rem; margin: 0.0rem 0.0rem 0.0rem 0.0rem; text-align: center; line-height: 0.0rem;  }

#bookit, fieldset img{ /*padding: 2.0rem 2.0rem 8.0rem;*/ margin: 0.0rem 0.0rem 0.0rem 0.0rem; text-align: center; line-height: 0.0rem;  }

#bookit hr{
box-sizing: content-box;
border-top: 1px dotted rgba(20,20,20,0.4);
border-bottom: 1px dotted rgba(250,250,250,0.2);
margin: 1.0rem 0.0rem;
padding: 0.0rem 0.0rem;
}

.booking h1{ color: #767676; font-weight: 200; letter-spacing: 0.2rem; }
.bookitbutton { background: #0068b2; text-align: center; padding: 2.3rem 0.0rem 2.3rem; line-height: 0.75em; }
.bookitbutton b{ color: #fefefe; text-shadow: -1px -1px 0px rgba(50, 50, 50, 0.7); font-variant: small-caps; font-size: 1.5em;}
.reveal-modal, dialog .bookitbutton { margin: 0.0rem 10%; padding: 0.0rem; }

/*#steps input[type="text"]{ padding: 0rem 0.0rem 0.0rem 3.0rem; margin: 0.0 0.0 3.5rem 0.0; font-family: inherit; display: block; font-size: inherit;}*/


#steps fieldset { padding: 0.0rem; margin: 0.0rem; border: 5px; }

/*#steps fieldset:focus{position: relative; top: 0; border: 1px solid #ff0000;}*/

/*
#date { background:#fefefe url('../img/mqicons-blue.png') no-repeat -25px -85px;}
#date input[type="text"]:focus{ padding: 0rem 4.0rem 0.0rem 0.0rem !important; font-family: inherit; display: block; font-size: inherit; border: 1px solid;}
*/

.bookingdate { background:#fefefe url('../img/g-form-icons.png') no-repeat -0px -64px;}
.bookingtime { background:#fefefe url('../img/g-form-icons.png') no-repeat -0px -113px;}
.bookingphone { background:#fefefe url('../img/g-form-icons.png') no-repeat -0px -160px;}
.discount { background:#fefefe url('../img/g-form-icons.png') no-repeat -0px -208px;}
.pencil { background:#fefefe url('../img/g-form-icons.png') no-repeat -0px -258px;}
.bookingphone ,input[type="text"]{ padding: 0rem 0.0rem 0.0rem 1.0rem; font-family: inherit; display: block; /*font-size: inherit;*/}


.bookingpreconfirm h3{ color: #b6ccdd; text-align: center; font-weight: 300; font-size: 130%; line-height: 2.5rem; margin: 0 0 0.5rem 0; }
.bookingpreconfirm span{ color: #00b2e2; text-align: center; font-weight: 300; font-size: 110%; line-height: 1.25rem; }
.bookingpreconfirm label{ text-align: center; line-height: 1.25rem;}
.bookingpreconfirm hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 0.45rem 0 0.45rem; height: 0; }

.bookingpreconfirm #confirmnumber, #confirmtime, #confirmdate, #nothing input[type="text"]{ padding: 0rem 0.0rem 0.0rem 0.0rem !important; /*font-family: inherit;*/ display: block; font-size: 16px; line-height: 1.64rem;
width: 75px;
height: 75px;
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
border-radius: 38px; 
    border: 1px solid rgba(50,50,50,0.4);
}
.bookingpreconfirm #confirmnumber, #confirmtime, #confirmdate, #nothing input[type="text"]:focus{ padding: 0rem 0.0rem 0.0rem 0.0rem; /*font-family: inherit;*/ display: block; font-weight: 400; color: #0068b2; }


.herosearch input[type="text"]{ padding: 0rem 0.0rem 0.0rem 3.5rem; font-family: inherit; display: block; font-size: 1.35rem;}
.herosearch input[type="text"]:focus{ padding: 0rem 0.0rem 0.0rem 0.5rem; font-family: inherit; display: block; font-size: 1.35rem; background: #fff;}


.bookingpreconfirm input[type="text"]:focus{ padding: 0rem 0.0rem 0.0rem 0.5rem; font-family: inherit; display: block; font-size: 0.85rem;}

.bookingdiscount h3{ color: #ff5340; /*text-shadow: 1px 1px 0px rgba(250, 250, 250, 0.2);*/ text-align: center; font-size: 115%; line-height: 1.25rem; margin: 0 0 0.5rem 0; }
.bookingdiscount hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 0.85rem 0 0.45rem; height: 0; }
.bookingdiscount label{ text-align: center; font-size: 80%; line-height: 1.25rem; font-weight: 300; padding: 0 0 0.0rem 0.5rem; color: #eee; text-shadow: 0px 0px 0px rgba(20, 20, 20, 0.0);}
.bookit .button{ text-shadow: -1px -1px 0px rgba(50, 50, 50, 0.5); color: #eee; font-weight: normal; font-family: inherit; letter-spacing: 0.2em; }


#steps input[type="text"]:focus{ padding: 0rem 0.0rem 0.0rem 0.5rem; font-family: inherit; display: block; /*font-size: inherit;*/}
#steps input[type="date"]:focus{ padding: 0rem 0.0rem 0.0rem 0.5rem; font-family: inherit; display: block; /*font-size: inherit;*/}
#steps input[type="time"]:focus{ padding: 0rem 0.0rem 0.0rem 0.5rem; font-family: inherit; display: block; /*font-size: inherit;*/}
#steps input[type="tel"]:focus{ padding: 0rem 0.0rem 0.0rem 0.5rem; font-family: inherit; display: block; /*font-size: inherit;*/}

#registration, input[type="tel"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="text"]:focus, input[type="email"]:focus{ padding: 0rem 0.0rem 0.0rem 0.5rem; font-family: inherit; display: block; /*font-size: inherit;*/}

/******************************************************/
/*************** Booking Widget Styles ****************/
/******************************************************/
.bookingwidget {margin: 0 auto; display: block;}
/*.bookingwidget iframe{ background: none; border-radius: 6px; width: 310px; margin: 0 auto; border: 2px solid #fafafa; }*/
.bookingwidget iframe{ border-radius: 6px; width: 310px; margin: 0 auto; margin-left: -5px; text-align: center; padding: 0; border: 2px solid #fafafa; }

#dvRestaurantWidget {margin: 0 auto; display: block;}
.timeslot-box {margin: 0 auto; display: block;}






/**********************************************************/
/*********************** Registration **********************/
/**********************************************************/
#social { padding: 4.0rem 3.0rem 0.0rem; /*background: #0b3451;*/}
#social h2{ font-weight: 300; color: #fff; text-align: center; background: #00b2e2; /*background: url(../img/bg-registration-bubble2.png) no-repeat;*/ padding: 0.5rem 3.5rem 2.5rem; line-height: 2.0rem; margin-bottom: 0.0rem; font-size: 1.65rem; /*text-shadow: -1px -1px 0px rgba(20, 20, 20, 0.2);*/
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border-radius: 3px; }
#social hr{box-sizing: content-box; border-top: 1px solid #051b2a; border-bottom: 1px solid #174d73; margin: 1.0rem 0.0rem; padding: 0.0rem 0.0rem;}
#social, fieldset{ padding: 2.0rem 2.0rem 0.0rem; margin: 0.0rem 0.0rem 0.0rem 0.0rem; line-height: 0.0rem;  }
#social, fieldset span{ /*padding: 2.0rem 2.0rem 8.0rem;*/ margin: 0.0rem 0.0rem 0.0rem 0.0rem; text-align: center; line-height: 0.0rem;  }
#social span{margin: 0.0rem 0.0rem 2.0rem 0.0rem !important;}

#registrationbg{ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0068b2), color-stop(100%, #0b3451));
background-image: linear-gradient( to top right, #0b3451, #0068b2 );
 background-image: linear-gradient( to top right, #0b3451, #0068b2 ); }

#registration { padding: 0.0rem 3.0rem 4.0rem; position: relative; z-index: 11; -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.1);
box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.30);  
}
#registration label {color: #bbd0de; font-weight: 400; font-style: italic;}
#registration input {margin: 0.0rem 0.0rem 0.25rem;}
#registration h2{ font-weight: 300; color: #afc8d9; text-align: center; font-size: 2.25rem; letter-spacing: 0.2rem; margin: 0.0rem; line-height: 3.5rem; padding: 0.0rem; }
#registration h3{ font-weight: 300; color: #fff; text-align: center; background: #00b2e2; /*background: url(../img/bg-registration-bubble2.png) no-repeat;*/ padding: 0.0rem 3.5rem; line-height: 2.0rem; margin-bottom: 0.0rem; font-size: 1.65rem; /*text-shadow: -1px -1px 0px rgba(20, 20, 20, 0.2);*/
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border-radius: 3px; }
#registration h3 a { /*text-shadow: -1px -1px 0px rgba(50, 50, 50, 0.2);*/ text-decoration: underline; color: #0068b2 ; }
#registration p{ font-weight: inherit; line-height: 1.5rem; color: #bbd0de; /*text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.25);*/ padding: 1.0rem 0.0rem 0.0rem; }
#registration hr{box-sizing: content-box; border-top: 1px dotted rgba(20,20,20,0.4); border-bottom: 1px dotted rgba(250,250,250,0.2); margin: 1.0rem 0.0rem; padding: 0.0rem 0.0rem;}

#newbie{ display: none; }
#newbie hr{box-sizing: content-box; border-top: 1px dotted rgba(20,20,20,0.4); border-bottom: 1px dotted rgba(250,250,250,0.2); margin: 1.0rem 0.0rem; padding: 0.0rem 0.0rem;}
#newbie #sms #email input[type="radio"]label input[type="checkbox"]label {margin:0.0em 0.0em 0.0em 0.85em;}
#returning{ display: none; }
#returning hr{box-sizing: content-box; border-top: 1px dotted rgba(20,20,20,0.4); border-bottom: 1px dotted rgba(250,250,250,0.2); margin: 1.0rem 0.0rem; padding: 0.0rem 0.0rem;}

#regconfirmation {display: none; text-align: center; padding-top: 2.0rem;}

.windows { background-color: #fafafa; border-color: #1d81ab; margin-bottom: 0.0rem; border: 0px solid !important;}
.twitter {background-color: #38a8e0; border-color: #1d81ab; margin: 0.0rem; border: 0px solid !important;}
.facebook { background-color: #3b5998; border-color: #1d81ab; margin: 0.0rem; border: 0px solid !important;}
.google { background-color: #e34429; border-color: #1d81ab; margin: 0.0rem; border: 0px solid !important;}
.linkdin { background-color: #0076b2; border-color: #1d81ab; margin: 0.0rem; border: 0px solid !important;}
.yahoo { background-color: #8a2a8f; border-color: #1d81ab; margin: 0.0rem; border: 0px solid !important;}
.email { background-color: #0068b2; border-color: #1d81ab; margin: 0.0rem; border: 0px solid !important;}
.pinterest { background-color: #ca2026; border-color: #ca2026; margin: 0.0rem; border: 0px solid !important;}


#registration fieldset, img{ padding: 0.0rem; margin: 0.0rem 0.0rem 0.0rem 0.0rem; text-align: center !important; position: relative; top: top; left: center; line-height: 0.0rem;  }



@-webkit-keyframes lightbluePulse {
  from { background-color: rgba(0,104,178,0.0); -webkit-box-shadow: 0 0 9px rgba(50,50,50,0.9); }
  50% { background-color: rgba(0,104,178,1.0); -webkit-box-shadow: 0 0 28px rgba(0,104,178,1.0); }
  to { background-color: rgba(0,104,178,0.0); -webkit-box-shadow: 0 0 9px rgba(50,50,50,0.9); }
}

.blue img{ color: #eee; padding: 0.0em 0.0em; margin: 3.0em auto; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; width: 64px; height: 64px; text-align: center !important; background: #003768;  
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
    
-webkit-animation-name: lightbluePulse;
-webkit-animation-duration: 2.5s;
-webkit-animation-iteration-count: infinite; 
}


#registration .registration-button{ background: #00b2e2; text-align: center; padding: 3rem 0.0rem; line-height: 0.75em; color: #333; text-shadow: 1px 1px 0px rgba(250, 250, 250, 0.5); font-variant: small-caps; font-size: 1.5em; font-weight: 700; border-color: #009bc5; border-width: 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

/*Hide all except first fieldset*/
#registration fieldset:not(:first-of-type){ display: none; }



/*progressbar*/
#progress { margin-left: 30.3%; padding: 2.0rem 0.0rem 1.0rem }

#progressbar {
	margin-bottom: 0.0rem;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}
#progressbar li {
	list-style-type: none;
	font-size: 0.75rem;
	width: 12%;
	float: left;
	position: relative;    
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	line-height: 2.0rem;
	display: block;
	font-size: 2.5rem;
	color: rgba(255,255,255, 0.3);
	margin: 0 auto 5px auto;
}

/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 30%;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
/*
#progressbar li.active:before,#progressbar li.active:after{
	color: rgba(255,255,255, 0.7);
    font-size: 2.8rem;
}
*/


#progressbar li.active:nth-child(1n+0):before{
	color: rgba(255,255,255, 0.7);
    font-size: 2.8rem;
}
#progressbar li.active:nth-child(1n+0):after{
    color: rgba(255,255,255, 0.3);
    font-size: 2.5rem;
}



/********************* Contact MQ **********************/
/******************************************************/
.msg span{}

.contactmq { padding: 1.0rem 3.0rem 4.0rem; position: relative; z-index: 11; -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.1);
box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.30);  
}
.contactmq label {color: #a0b7c7; font-weight: 400; font-style: italic;}
.contactmq input {margin: 0.0rem 0.0rem 0.25rem;}
.contactmq h2{ font-weight: 300; color: #e3edf4; text-align: center; font-size: 2.25rem; letter-spacing: 0.2rem; margin: 0.0rem; line-height: 1.5rem; padding: 2.0rem 0.0rem; 
}
.contactmq hr{box-sizing: content-box; border-top: 1px dotted rgba(20,20,20,0.2); border-bottom: 1px dotted rgba(255,255,255,0.2); margin: 0.5rem 0.0rem; padding: 0.0rem 0.0rem;}
.contactmq h3{ font-weight: 300; color: #fff; text-align: center; background: #00b2e2; /*background: url(../img/bg-registration-bubble2.png) no-repeat;*/ padding: 2.0rem; line-height: 2.0rem; margin-bottom: 0.0rem; font-size: 1.65rem; /*text-shadow: -1px -1px 0px rgba(20, 20, 20, 0.2);*/
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border-radius: 3px; }
.contactmq fieldset, img{ padding: 0.0rem; margin: 0.0rem 0.0rem 0.0rem 0.0rem; text-align: center !important; position: relative; top: top; left: center; line-height: 0.0rem;  }
.contactmq p{color: #bbd0de; font-weight: 400; text-align: center;}

.contactmqphone { padding: 0.0rem 2.5rem; margin: 0.0rem 0.0rem 0.0rem 0.0rem; position: relative; z-index: 10;
position: relative;
background: #0b3451;
-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
border-top: 1px solid rgba(50, 50, 50, 0.3);}
.contactmqphone hr{box-sizing: content-box; border-top: 1px dotted rgba(20,20,20,0.2); border-bottom: 1px dotted rgba(255,255,255,0.2); margin: 0.5rem 0.0rem; padding: 0.0rem 0.0rem;}
.contactmqphone h5{color: #bbd0de; font-weight: 400; text-align: center;}

/********************* User Fav's *********************/
/******************************************************/


.favouritebg{ padding: 1.0rem 0.5rem; /*background-image: linear-gradient( to top right, #0068b2, #00b2e2 );*/ position: relative; z-index: 1;
-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.3);
box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.3);
    
    background-image: linear-gradient( to top right, #0b3451, #0068b2 );
}

.favouriteheadbg{ padding: 1.0rem 0.5rem; background-image: linear-gradient( to bottom right, #0068b2, #00b2e2 ); position: relative; z-index: 1;
-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.3);
box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.3);
border-bottom: 1px solid rgba(50,50,50, 0.1)
}

.favourite { padding: 1.0rem; margin: 0.1rem 0.1rem; background: rgba(0,0,0,0.25); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.3);
box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.0);
min-height: 135px; 
    font-size: 100%;
border: 1px solid rgba(50, 50, 50, 0.1);
}
.favourite hr{border-top: 0px dotted rgba(50,50,50,0.4); border-bottom: 0px dotted rgba(255,255,255,0.1); margin: 0.5rem 0.0rem; padding: 0.0rem;}
.favourite h3 { font-size: 90%; text-align: center; margin: 0.0rem; font-weight:400; }

.favouritelogo {
height: auto;
padding-top: 0%;
width: 60px;
overflow: hidden;
background: #fefefe; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
border-radius: 50%;
/*border: 2px solid #cbcbcb;*/
padding: 0.0rem;
margin-top: 0%;
margin-left: auto;
margin-right: auto;   
}

.favourite a img{
padding-top: 0%;
width: 60px;
overflow: hidden;
background: #fefefe; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
border-radius: 50%;
border: 2px solid #fff;
    color: #fefefe !important;
    
/*
    filter: url(filters.svg#grayscale); 
    filter: gray; 
    -webkit-filter: grayscale(1);
*/
}

.favourite a:hover img{
padding-top: 0%;
width: 60px;
overflow: hidden;
background: #fefefe; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
border-radius: 50%;
border: 2px solid #fff;
    
/*
    filter: none;
    -webkit-filter: grayscale(0);
*/
}

.favourite a{ color: #fefefe; text-shadow: -1px -1px 0px rgba(50,50,50, 0.2); font-weight: 300; letter-spacing: 0.1rem; }


#login {border: 0px; text-align: center; padding: 2.5rem 1.0rem 0.0rem; }
#login form{ border: 0px solid #eee; padding: 0.0rem 0.0rem; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#login fieldset{ border: 0px; text-align: center; padding: 0.0rem 0.0rem; }
#login h3{ font-weight: 400; color: #fff; background: #00b2e2; padding: 1.0rem 1.0rem; line-height: 1.25rem; margin-bottom: 0.0rem; text-shadow: -1px -1px 1px rgba(0, 51, 87, 0.35);
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border-radius: 3px; }
#login span{ text-align: center; position: relative; top: -8px; left: auto; z-index: 2;}
#login .rememberme { background: #efefef; height: 100%; padding: 1.0rem 0 0rem 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#login-list {
  margin: 0 auto 1.625rem auto;
  margin-left: 1.4  5rem;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  #login-list > li {
    list-style: none;
    float: left;
    margin-left: 1.4rem;
    display: block; }
    #login-list > li > * {
      display: block; }



/*********************************************************/
/*********************** Cookie bar *********************/
/*********************************************************/
.cookie2 {/*font-size: 120%;*/ line-height: 100%; /*height: 80px;*/ display:table-cell; vertical-align:middle; /*margin-bottom: 100px !important; */}
.cookie2 h4{ color: #1d4c6f; }
.cookie2 p{ color: #1d4c6f; }
.cookie2 hr {box-sizing: content-box; border-top: 1px solid rgba(10, 43, 67, 0.3); border-bottom: 1px solid rgba(250,250,250,0.1); margin: 1.5rem 0.0rem 0.5rem; padding: 0.0rem 0.0rem;}
.cookie2 li a { display: block; font-weight: 700; /*color: #0a2b43;*/ color: #1d4c6f; }
.cookie2 li { list-style-type: none; padding-top: 0px; padding-left: 35px; margin-bottom: 0px; line-height: 2.9rem; position: relative; color: #fafafa; }
.cookie2 li:before { position: absolute; top:; left: 0px; margin: 0px 0 0 0px; min-height: 37px; background: url(../img/mqicons-grey.png) no-repeat; width: 35px; content:""; vertical-align: middle; border: 0px solid;}
.cookie2 li.settings:before { background-position: -0px -72px; display: block; }
.cookie2 li.learn:before { background-position: -0px -140px; display: block; }
.cookie2 li.go:before { background-position: -0px -106px; display: block; }



/*********************************************************/
/******************** Message bubble 1. ******************/
/*********************************************************/
.msgbubble1 { position: relative; background: #0068b2; margin-bottom: 2.0rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 4.0rem 0.0rem;
-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.10x);
-moz-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.10);
box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.20); 
}
.msgbubble1:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(0, 178, 226, 0); border-top-color: #0068b2; border-width: 5px; margin-left: -5px;}
.msgbubble1 h2{ color: #d8e5ef; text-align: center; font-weight: 300; line-height: 2.0rem; margin: 0 0 0.5rem 0; /*text-shadow: -1px -1px 0px rgba(20, 20, 20, 0.2);*/ padding: 0.0rem 3.0rem; margin-bottom: 0.0rem;}
.msgbubble1 h3{ color: #00385e; text-align: center; font-weight: 400; line-height: 1.0em; margin: 2.0rem 0 0.5rem 0; /*text-shadow: -1px -1px 0px rgba(20, 20, 20, 0.2);*/ padding: 0.0rem 3.0rem; margin-bottom: 0.0rem;}
.msgbubble1 b{ color: #d8e5ef; text-align: center; font-weight: 400 !important; line-height: 2.0rem; margin: 0 0 0.5rem 0; /*text-shadow: -1px -1px 0px rgba(20, 20, 20, 0.2);*/ padding: 0.0rem 0.0rem; margin-bottom: 0.0rem;}
.msgbubble1 p{ color: #25445a; text-align: center; font-weight: 400; font-size: 110%; line-height: 1.85rem; text-shadow: -1px -1px 0px rgba(20, 20, 20, 0.0); padding: 0.0rem 4.0rem; }
.msgbubble1 span{ text-align: center; position: relative; top: 0px; left: auto; z-index: 2; color: #394d59;}




/*********************************************************/
/******************** Message bubble 2. ******************/
/*********************************************************/
.msgbubble2 { position: relative; background: #00b2e2; margin-bottom: 2.0rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 2.0rem 0.0rem;
-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.10x);
-moz-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.10);
box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.20); 
}
.msgbubble2:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(0, 178, 226, 0); border-top-color: #00b2e2; border-width: 5px; margin-left: -5px;}
.msgbubble2 h2{ color: #3a4e59; text-align: center; font-weight: 300; line-height: 2.0rem; margin: 0 0 0.5rem 0; /*text-shadow: -1px -1px 0px rgba(20, 20, 20, 0.2);*/ padding: 0.0rem 3.0rem; margin-bottom: 0.0rem;}
.msgbubble2 b{ color: #fafafa; text-align: center; font-weight: 700 !important; line-height: 2.0rem; margin: 0 0 0.5rem 0; /*text-shadow: -1px -1px 0px rgba(20, 20, 20, 0.2);*/ padding: 0.0rem 0.0rem; margin-bottom: 0.0rem;}
.msgbubble2 p{ color: #25445a; text-align: center; font-weight: 400; font-size: 110%; line-height: 1.85rem; text-shadow: -1px -1px 0px rgba(20, 20, 20, 0.0); padding: 0.0rem 4.0rem; }
.msgbubble2 span{ text-align: center; position: relative; top: 0px; left: auto; z-index: 2; color: #394d59;}




/*********************************************************/
/***************** Message bubble error. *****************/
/*********************************************************/
.msg-error { position: relative; background: #db0728; margin-bottom: 2.0rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 2.0rem 0.0rem;
-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.10x);
-moz-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.10);
box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.20); 
/*border: 3px solid #db0728;*/
}
.msg-error:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgb(219, 7, 40, 0); border-top-color: #db0728; border-width: 5px; margin-left: -5px;}
.msg-error h3{ color: #fff; text-align: center; font-weight: 300; font-size: 130%; line-height: 2.0rem; margin: 0 0 0.5rem 0; /*text-shadow: -1px -1px 0px rgba(20, 20, 20, 0.2);*/ padding: 0.0rem 3.0rem; margin-bottom: 0.0rem;}
.msg-error h4{ color: #fafafa; text-align: center; font-weight: 400 !important; font-size: 110% !important; line-height: 2.0rem; margin: 0 0 0.5rem 0; /*text-shadow: -1px -1px 0px rgba(20, 20, 20, 0.2);*/ padding: 0.0rem 2.0rem; margin-bottom: 0.0rem;}
.msg-error p{ color: #25445a; text-align: center; font-weight: 300; font-size: 110%; line-height: 1.85rem; text-shadow: -1px -1px 0px rgba(20, 20, 20, 0.0); padding: 0.0rem 4.0rem; }
.msg-error span{ text-align: center; position: relative; top: 0px; left: auto; z-index: 2; color: #394d59;}




/*********************/
/* Foundation Styles*/

img {max-width: 100%; height: auto; }
/*
img { -ms-interpolation-mode: bicubic; }
img { display: inline-block; vertical-align: middle; }
*/

#sortable { width: 100%; }
#sortable .fav-state { width: 33.33333333%; }
#sortable .list-inline > li{ margin: 0px !important; padding: 0px !important; }
#sortable .list-inline , ul{ margin-left: 0px !important; padding: 0px !important; }



/************************************/
/* Custom Radio Buttons + Checkboxes*/

.btn:focus { outline: none; }

input[type=checkbox],input[type=radio]{opacity:0;position:absolute;z-index:12;width:22px;height:22px;}
input[type=checkbox]:checked,input[type=radio]:checked,input[type=checkbox]:focus,input[type=radio]:focus{outline:none !important;}
input[type=checkbox]+.lbl,input[type=radio]+.lbl{position:relative;z-index:11;display:inline-block;margin:0;line-height:18px;min-height:25px;min-width:24px;font-weight:normal; color: #00b2e2; }
input[type=checkbox]+.lbl.padding-16::before,input[type=radio]+.lbl.padding-16::before{margin-right:16px;}
input[type=checkbox]+.lbl.padding-12::before,input[type=radio]+.lbl.padding-12::before{margin-right:12px;}
input[type=checkbox]+.lbl.padding-8::before,input[type=radio]+.lbl.padding-8::before{margin-right:8px;}
input[type=checkbox]+.lbl.padding-4::before,input[type=radio]+.lbl.padding-4::before{margin-right:4px;}
input[type=checkbox]+.lbl.padding-0::before,input[type=radio]+.lbl.padding-0::before{margin-right:0px;}
input[type=checkbox]+.lbl::before,input[type=radio]+.lbl::before{font-family:fontAwesome;font-weight:normal;font-size:14px;color:#00b2e2 ;content:"\a0";background-color:#FAFAFA;border:3px solid #CCC;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);border-radius:0;display:inline-block;text-align:center;vertical-align:middle;height:22px;line-height:17px;min-width:22px;margin-right:1px; margin-top: -5px;
border-radius: 3px;}
input[type=checkbox]:checked+.lbl::before,input[type=radio]:checked+.lbl::before{display:inline-block;content:'\f00c';background-color:#F5F8FC;border-color:#00B2E6;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05),inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05),inset 15px 10px -12px rgba(255, 255, 255, 0.1);}
input[type=checkbox]:hover+.lbl::before,input[type=radio]:hover+.lbl::before,input[type=checkbox]+.lbl:hover::before,input[type=radio]+.lbl:hover::before{border-color:#00B2E6;}
input[type=checkbox]:active+.lbl::before,input[type=radio]:active+.lbl::before,input[type=checkbox]:checked:active+.lbl::before,input[type=radio]:checked:active+.lbl::before{box-shadow:0 1px 2px rgba(0, 0, 0, 0.05),inset 0px 1px 3px rgba(0, 0, 0, 0.1);}
input[type=checkbox]:disabled+.lbl::before,input[type=radio]:disabled+.lbl::before,input[type=checkbox][disabled]+.lbl::before,input[type=radio][disabled]+.lbl::before,input[type=checkbox].disabled+.lbl::before,input[type=radio].disabled+.lbl::before{background-color:#DDD !important;border-color:#CCC !important;box-shadow:none !important;color:#BBB;}
input[type=radio]+.lbl::before{border-radius:32px;font-family:Arial,Helvetica,sans-serif;font-size:36px;}
input[type=radio]:checked+.lbl::before{content:"\2022";}





.lbl span{text-align: left;}

#reviewdate input[type="date"]{ line-height: 34px; padding-left: 3.0rem; }


@media screen and (-webkit-min-device-pixel-ratio: 0) { 
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px;
    background: #ededed;
  }
}

/* Stops zoom on ios */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="tel"],
    input[type="date"],
    input[type="time"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="text"]{
/*    padding-left: 30px;*/
  }
    #confirmnumber, #confirmtime, #confirmdate, #nothing input[type="text"]:focus{ padding: 0rem 0.0rem 0.0rem 0.0rem; /*font-family: inherit;*/ display: block; /*font-size: 16px;*/ text-align: center; font-weight: 400; color: #0068b2;
  }
}

.error {border-color: #db0728; border-width: 2px;   -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 10px #db0728;
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 10px #db0728;}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
.herosearch input[type="text"]:focus{ padding: 0rem 0.0rem 0.0rem 0.5rem; font-family: inherit; display: block; font-size: 16px; background: #ededed;} }


/*Type*/
.subhead { color: #6a7983; font-weight: 300; }


.glyph-lg {font-size: 28px;}

#footer { border-top: 1px solid #ecedee; border-bottom: 1px solid #ecedee; padding: 20px 0 40px; background: #f7fafb; }
.copyright { border-top: 0px solid #ecedee; padding: 20px 0 40px; color: #9ca6ac !important; font-size: 80%; }

.signup-one { background:  #d1d4d6; padding: 4rem 0;}

.signup-two { background:  #bec1c3; padding: 4rem 0;}

/*
.membership { padding: 4rem 0;
    background:#fafafa url(../img/bg-spgraph.png) no-repeat bottom right !important;
}
*/

.features { padding: 2rem 0; }

.quote { padding: 12rem 14rem;}

.quote2 { padding: 1.75rem 0rem; border-top: 0px solid #d8dcde; border-bottom: 0px solid #d8dcde; /*line-height: 2.0rem;*/ }

.successstories-call { padding: 8rem; border: 0px solid #b5b5b5;  }

.claimlisting-call { padding: 8rem; background: #bebebe;  }
.claimlisting-call h2{ padding: 2.60rem; letter-spacing: 8px; font-weight: 200;  }


.bgcontact {background: url(../img/bg-contact.png) no-repeat center top; }

/**********************/
/* animated navbar */
/***********************/
.normal { 
/*height: 110px;*/
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
}

.navbar-brand img {   
max-width:100%; height: auto;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
transition: 0.2s;
}

nav.navbar a{  
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}

.navbar-right {
padding-top: 0px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
transition: 0.2s;
}

.shrink {
height: 70px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
transition: 0.2s;
}

nav.shrink a{ padding-top: 25px !important; padding-bottom: 25px !important;  
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}

.shrink .navbar-right {
padding-top: 0px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
transition: 0.2s;
}
.shrink .navbar-brand img {
margin-top: -25px !important; 
max-width: 70%; height: auto;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
transition: 0.2s;
/*    border: 1px solid;*/
}

.shrink .navbar-collapse { height: 70px !important; 
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
transition: 0.2s;
}

@media (max-width: 767px) {
  
    .shrink .navbar-collapse { 
        height: 100% !important;
    }
    nav.shrink a{ padding-top: 10px !important; padding-bottom: 0px !important;  
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
        line-height:  2.0em;
    }
    .shrink .navbar-brand img {
    margin-top: -10px !important; 
    max-width: 70%; height: auto;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    /*    border: 1px solid;*/
        overflow: hidden;
    }
    .shrink .navbar-brand {
        margin-top: 0px !important;
    }
}

/**/

.focussedinput {
  border-color: 2px solid #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}


.actionbox { padding: 20px; border: 1px solid #e1e7ed; height: 100%; }
.actionbox b{ margin-left: 10px; color: #6d6666; font-size: 18px; }

#wall {
  background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(5, 0, 0, 0.7), 
      rgba(5, 0, 0, 0.7)
    ),
    /* bottom, image */
    url(../img/bg-wall.jpg);
/*    padding: 9.5% 15%; */
    padding: 40px 15%; 
    text-align: center;
/*    height: 100%;*/
    background-size: cover;
/*    min-height: 515px;*/
}
#wall2 {
  background: url(../img/bg-wall-2.jpg); padding: 40px 15%;  text-align: center; background-size: cover;
}
#wall h2{ color: #fafafa; padding: 140px 0 0px; font-size: 150%; margin: 0.5rem 0 2.0rem; font-weight: 700;}
#wall p{ color: #ddd0d0; padding: 0 0 0px; font-size: 120%; margin: 0.5rem 0 2.0rem; font-weight: 300;}

.actionboxform { padding: 40px 10%; border: 1px solid #e1e7ed; height: 100%; }

#wall2{ 
    background: url(../img/bg-wall-2.jpg); padding: 40px 15%;  text-align: center; background-size: cover;

padding: 60px 15%; 
    text-align: center;
} 

.newbox { 
    background:
        linear-gradient(
      rgba(248, 243, 243, 0.9), 
      rgba(248, 243, 243, 0.9)
    ),
    /* bottom, image */
    url(../img/bg-wall.jpg) center center;
/*    padding: 9.5% 15%; */
    text-align: center;
/*    height: 100%;*/
    background-size: cover;
/*    background: #00b2e2 url('../img/bg-services.png') no-repeat center center;*/
/*
  -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.10);
  -moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.10);
  box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.10);
*/
padding: 100px 2% 0; 
    text-align: center;
} 

.newboxc2a { 
    background:
        linear-gradient(
      rgba(248, 243, 243, 0.6), 
      rgba(248, 243, 243, 0.6)
    ),
    url(../img/bg-wall-2.jpg); text-align: center center;  
    position: relative;
    z-index: 2;
    padding: 100px 15% 0 ; 
    text-align: center;
} 

.newbox3 { 
    padding: 100px 15% 0 ; 
    text-align: center;
/*    background: #f5f1f1;*/
} 
.newbox4 { 
    padding: 100px 15% 0 ; 
    text-align: center;
/*    background: #f5f1f1;*/
/*    min-height: 473px;*/
} 
.block { background: #f5f1f1;} 

.portbox { border: solid 0px #c1bfbf; padding: 20px; background: #fafafa; }
.portbox2 {    background:
        linear-gradient(
      rgba(248, 243, 243, 0.6), 
      rgba(248, 243, 243, 0.6)
    ),
    url(../img/bg-wall-2.jpg); text-align: center center;  
    position: relative;
    z-index: 2;
    padding: 20px; 
    text-align: center;
} 

.carousel-caption { font-weight: 900 !important; letter-spacing: 1rem; border: solid 1px #ddd; }
.carousel-caption2 { font-weight: 900 !important; letter-spacing: 1rem; border: solid 0px #ddd; }

.footerlogo{ margin: 10px 0 0 0; border-right: solid 1px #bfbcbc; }

.partybadge {position: absolute; right: -12%; top: -15%; z-index:2;}
.partybadge2 {/*position: absolute; right: 5%; top: 5%;*/ text-align: center; z-index:2;}

@media (max-width: 767px) {
.footerlogo{ margin: 10px 0 0 0; padding-bottom: 10px; border-bottom: solid 1px #bfbcbc; border-right: solid 0px #bfbcbc; }
.newbox { 
    background:
        linear-gradient(
      rgba(248, 243, 243, 0.9), 
      rgba(248, 243, 243, 0.9)
    ),
    /* bottom, image */
    url(../img/bg-wall.jpg) center center;
/*    padding: 9.5% 15%; */
    text-align: center;
/*    height: 100%;*/
    background-size: cover;
/*    background: #00b2e2 url('../img/bg-services.png') no-repeat center center;*/
/*
  -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.10);
  -moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.10);
  box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.10);
*/
padding: 2%; 
    text-align: center;
} 
 
.spbox { 
    position: relative;
    z-index: 2;
    background: url(../img/bg-wall-2.jpg); text-align: center; 
    padding: 10px 15% 0 ; 
    text-align: center;
} 

.userbox { 
    background:
        linear-gradient(
      rgba(248, 243, 243, 0.9), 
      rgba(248, 243, 243, 0.9)
    ),
    /* bottom, image */
    url(../img/bg-wall.jpg) center center;
/*    padding: 9.5% 15%; */
    text-align: center;
/*    height: 100%;*/
    background-size: cover;
/*    background: #00b2e2 url('../img/bg-services.png') no-repeat center center;*/
/*
  -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.10);
  -moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.10);
  box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.10);
*/
padding: 10px 15% 0; 
    text-align: center;
} 
.actionboxform { padding: 0px 10%; border: 1px solid #e1e7ed; }
#wall {
  background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(5, 0, 0, 0.7), 
      rgba(5, 0, 0, 0.7)
    ),
    /* bottom, image */
    url(../img/bg-wall.jpg);
/*    padding: 9.5% 15%; */
    padding: 0px 15%; 
    text-align: center;
/*    height: 100%;*/
/*    background-size: auto;*/
/*    min-height: 515px;*/
}

    .partybadge {position: relative; right: 0%; top: 0%; z-index:2; text-align: center;}
    .partybadge2 {position: relative; right: 0%; top: 0%; z-index:2; text-align: center;}

.contentmargins { 
    position: relative;
    z-index: 1;
    padding: 2rem 0.0rem;
/*
  -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
  -moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
  box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.20);
*/
}

    

  }
}