html {}

*:focus {outline: none!important; text-decoration: none!important;}
*:active {outline: none!important; text-decoration: none!important;}
a:hover {text-decoration: none;}
input, textarea {border-radius: 0; -webkit-appearance: none;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}

body {font-family:'Brandon'; font-size: 13px; background:#fff; position: relative;}

main .container-fluid .limit-width {max-width: 1400px; margin:0 auto;}

#content {background:#fff;}

.navbar {border: none; margin: 0px;}


/* Carousel General */

.carousel-fade .carousel-inner .item {-webkit-transition-property: opacity; transition-property: opacity;}
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {opacity: 0;}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.carousel-indicators {bottom: 5px;}
.carousel-indicators li.active {background:#ac7b4e;}
.carousel-indicators li {background:#333;}
.carousel-control {background-image:none!important;}  
.carousel-control .fa {position: absolute; z-index: 5; display: inline-block;}
.carousel-control.right .fa {right: 20%;} 
.carousel-control.left .fa {left: 20%;}
.carousel-fade .carousel-inner .item a.go {width: 100%; height: 100%; position: absolute; z-index: 99; cursor: pointer;}

#slider .caption {text-align: center; padding: 0;}

#slider .caption .brand img {max-width: 150px; display: inline-block;}

#slider .caption h2 {color:#fff; font-family: "Brandon Bold"; font-size: 28px; line-height: 40px; margin:10px 0 0 0;}
#slider .caption hr {display: inline-block; margin:10px 0; width: 60px; border-top:5px solid rgba(255,255,255,0.3);}
#slider .caption p.price {color:#fff; display: block; margin:0; font-size: 24px;}
#slider .caption a.cta {color:#fff; background: #ac7b4e; padding: 8px 15px 6px 15px; text-shadow: none; display: inline-block;  font-size: 12px; letter-spacing: 1px; font-family: "Brandon Bold"; border-radius: 3px;}

#slider .container:before {display: block; content:""; background: rgba(0,0,0,0.5); position: absolute; width: 100%; height: 100%; top:0; left: 0;}    

/* Modal General */

.modal {text-align: center; padding: 0!important;}
.modal-backdrop {opacity:1!important; background-color: rgba(1, 57, 97, 0.9);}
.modal-content {-webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0); -moz-box-shadow: 0 5px 15px rgba(0,0,0,0); -o-box-shadow: 0 5px 15px rgba(0,0,0,0); box-shadow: 0 5px 15px rgba(0,0,0,0); border:none;}
.modal-body {padding:20px;}
.modal-body hr {opacity: 0.7;}
.modal-header {border-bottom:1px solid #f0f0f0; padding:0;}
.modal-footer {border-bottom:1px solid #f0f0f0;}
.modal .close {position: absolute; z-index:999; top:10px; right: 10px; color:#fff; background-color:#fff; height: 28px; width: 28px; font-size: 14px; color:#000;}

/* Tooltip General */

.tooltip.top .tooltip-arrow {border-top-color: #333333;}
.tooltip.left .tooltip-arrow {border-left-color: #333333;}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #333333;}
.tooltip.right .tooltip-arrow {border-right-color: #333333;}
.tooltip-inner {background-color:#333333; padding:8px 12px 5px 12px; max-width: none; white-space: nowrap; font-size: 11px;  font-family: "Brandon Medium";}

/* Tabs w/ Collapsable General */

.tabbed ul.nav-tabs {background:#f0f0f0;}
.tabbed ul.nav-tabs li {}
.tabbed ul.nav-tabs li a {border-radius: 0; padding: 20px 5px; background:#f0f0f0; color:#303030; font-family: "Brandon Medium";  font-size: 11px; border: 0; border-left: 0.5px solid rgba(0,0,0,0.1); border-right: 0.5px solid rgba(0,0,0,0.1); margin-right: -1px;}
.tabbed ul.nav-tabs li.active a {border-top:0!important; border-bottom:0!important; background:#fff;}
.tabbed ul.nav-tabs li:first-child a, .tabbed ul.nav-tabs li.active:first-child a {border-left: 0;}
.tabbed ul.nav-tabs li:last-child a, .tabbed ul.nav-tabs li.active:last-child a {border-right: 0;}

.tabbed .tab-content .tab-pane {padding: 20px; background:#fff; color:#000; border-bottom: 5px solid #e5e5e5;}

.tabbed .panel-group {}
.tabbed .panel-default {}
.tabbed .panel-default .panel-heading {background: #fff; color:#303030;}
.tabbed .panel-default .panel-heading .panel-title {font-size: 12px; font-family: "Brandon Medium"; padding: 0;}
.tabbed .panel-default .panel-heading .panel-title a {display: block; padding:15px 15px 12px 15px;}
.tabbed .panel-default .panel-body {padding: 10px 20px; border-top:1px solid #e5e5e5!important;}


/* Customize */

.tabbed ul.nav-tabs li#broker-area-go a, .tabbed .panel-default#broker-area .panel-heading {background:#ac7b4e; color:#fff;}
.tabbed ul.nav-tabs li#broker-area-go a i.fa-unlock, .tabbed .panel-default#broker-area .panel-heading a.collapsed i.fa-unlock {display: none;}
.tabbed ul.nav-tabs li.active#broker-area-go a, .tabbed .panel-default#broker-area .panel-heading a:not(.collapsed) {background:#0aaa59; color:#fff;} 
.tabbed ul.nav-tabs li#broker-area-go a i {font-size: 16px; margin-top:-3px;}
.tabbed ul.nav-tabs li.active#broker-area-go a i.fa-lock, .tabbed .panel-default#broker-area .panel-heading a:not(.collapsed) i.fa-lock {display: none;}
.tabbed ul.nav-tabs li.active#broker-area-go a i.fa-unlock {display: inline-block!important;}
.tabbed .tab-content .tab-pane#broker-area, .tabbed .panel-default#broker-area .panel-body {background:#0aaa59; color:#fff;}
.tabbed .tab-content .tab-pane#broker-area .item {border-left-color: rgba(255,255,255,0.2);}
.tabbed .tab-content .tab-pane#broker-area .item b {color:#fff;}
.tabbed .tab-content .tab-pane#broker-area .item span {color:rgba(255,255,255,0.8);}

.tabbed #inside .item {border-left: 0;}

.tabbed span.title {color:#333333; border:1px solid #333333; font-size: 12px;  font-family: "Brandon Medium"; padding:8px 5px 6px 5px; display: block; text-align: center; margin-top:15px;}

.tabbed .item {margin: 15px 0; color:#606060; border-left: 3px solid #eee; padding-left:10px;}
.tabbed .item b {font-family: "Brandon Medium"; color:#303030; margin-bottom: 3px;  display: block; font-size: 12px;}

/* Dropdown General */

ul.nav-tabs {border: 0;}
ul.nav-tabs li.dropdown {display: block!important; width:100%; text-align: center;}

ul.nav-tabs li.dropdown > a, ul.nav-tabs li.dropdown.open > a {color:#fff; background:#333333;  border-radius: 0; border:0; box-shadow: none; letter-spacing: 0.5px; display: block; font-family: "Brandon Medium"; margin:0;}
ul.nav-tabs li.dropdown > a:hover, ul.nav-tabs li.dropdown.open > a:hover {border: 0; opacity: 0.8;}

ul.nav-tabs li.dropdown > a:after {content:"\f107"; font-family: "FontAwesome"; display: inline-block; margin-left: 10px; position: absolute; font-size: 13px;}
ul.nav-tabs li.dropdown > ul.dropdown-menu {background:#333333; width: 100%; border:0; border-radius: 0; padding:0;}
ul.nav-tabs li.dropdown > ul.dropdown-menu li a {font-family: "Brandon Medium"; color:#fff; font-size: 11px;  padding:15px; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.1);}
ul.nav-tabs li.dropdown > ul.dropdown-menu li:last-child a {border-bottom: 0;}
ul.nav-tabs li.dropdown > ul.dropdown-menu li a:hover {background: rgba(255,255,255,0.1);}
ul.nav-tabs li.dropdown > ul.dropdown-menu li.active a {background: none;}
ul.nav-tabs li.dropdown > ul.dropdown-menu li.active a:after {content:"\f00c"; font-family: "FontAwesome"; display: inline-block; margin-left: 5px; position: absolute; font-size: 11px;}

body.dropdown-overlay:after {content:""; display: block; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(0,0,0,0.7);}    
    
body.dropdown-overlay #dropper .dropdown {z-index: 1001;}

/* Panel General w/ Collapsable */

.panel-default, .collapsable-panel {border:0; box-shadow: 0; border-radius: 0; background:#000;}
.panel-default .panel-heading, .collapsable-panel .panel-heading {border: 0; border-radius: 0; padding: 0; background:#333333; color:#fff;  padding:0; text-align: center; font-size: 12px; font-family: "Brandon Bold"; letter-spacing: 1px;}
.panel-default .panel-heading h3, .collapsable-panel .panel-heading h3 {font-size: 12px; padding:15px 15px 12px 15px;}
.collapsable-panel .panel-heading a {color:#fff; padding:15px 15px 12px 15px;}
.collapsable-panel .panel-heading a:after {content:"\f107"; font-family: "FontAwesome"; display: inline-block; margin-left: 8px; position: absolute; font-size: 13px;}
.panel-default .panel-body, .collapsable-panel .panel-body {padding: 0; background:#fff;}
.collapsable-panel .panel-body ul.list-group {margin: 0;}
.collapsable-panel .panel-body ul.list-group li {padding:10px 15px 10px 20px; border-radius: 0; border:0; margin:0; border-bottom: 1px solid #f1f1f1;}
.collapsable-panel .panel-body ul.list-group li a {display: block; font-size: 12px; color:#333333;}
.collapsable-panel .panel-body ul.list-group li a span.count {float:right; color:#333333;}
.collapsable-panel .panel-body ul.list-group li.active {background:#fff;}
.collapsable-panel .panel-body ul.list-group li.active a {color:#ac7b4e;}
.collapsable-panel .panel-body ul.list-group li.sub-title {background:#333333; color:#fff;  padding:10px 15px 7px 20px; font-size: 12px;}
.collapsable-panel .panel-body ul.list-group li:last-child {border-bottom: 0;}

/* Product Gallery */

#product-carousel {width:100%;}
#product-carousel .carousel-inner {position: relative; width: 100%; min-height: 250px;}
#product-carousel .carousel-outer {position: relative;}
#product-carousel .carousel-control.left, #product-carousel .carousel-control.right {background-image: none !important; background-repeat: repeat-x; background-color:rgba(0,49,84,0.9); height: 50px; width:30px; text-shadow: none; line-height: 50px; top: 50%; transform: translateY(-50%);}
#product-carousel .carousel-control.right {right: 0; left: auto;}
#product-carousel .carousel-control.left {left: 0; right: auto;}
#product-carousel .carousel-control i {font-size:28px; bottom:0; top:10px; left:0; right:0;}
#product-carousel .carousel-indicators {margin: 10px 0 0 0; bottom: 0; position: static; text-align: left; width: 100%; overflow:hidden;}
#product-carousel .carousel-indicators li {background-color: transparent; -webkit-border-radius: 0; border-radius: 0; display: inline-block; height: auto; margin: 0 !important; border:0; width: auto;}
#product-carousel .carousel-indicators li img {display: block; opacity: 0.4; width: 75px;}
#product-carousel .carousel-indicators li.active img, #product-carousel .carousel-indicators li.active img:hover {opacity: 1;}
#product-carousel .carousel-indicators li:hover img {opacity: 0.75;}

/* Home */

body#home #content {margin-top:15px;}

/* Stock Bar */

#stock {background: #ac7b4e;}
#stock ul.ticker {padding:0; margin-top:10px;}
#stock ul.ticker li {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 50px; padding:12px 0 12px 0; list-style: none; font-size: 12px; text-align: center;}

#stock ul.ticker li a {letter-spacing: 1px;  font-family: "Brandon Bold"; color:#fff;}
#stock ul.ticker li a span.name {display: block;}
#stock ul.ticker li a span.price, #stock ul.ticker li a span.sale {display: inline-block; }

#stock ul.ticker li a span.name {opacity: 0.8;}
#stock ul.ticker li a span.price {opacity: 0.4; margin:0 5px;}
#stock ul.ticker li a span.sale {opacity: 0.8; margin:0 5px;}
#stock ul.ticker li a span.line {text-decoration: line-through;}

#stock #controller {text-align: center; padding:15px 0 0 0; background:rgba(255,255,255,0.3);}
#stock #controller span.control-button {font-family: "Brandon Medium"; color:#fff; cursor: pointer; opacity: 0.6; padding:0; margin:0 10px; text-align: center}

#stock #controller span.prev i.control-label {float: right;}
#stock #controller span.next i.control-label {float: left;}

#stock #controller span i.control-label {font-style: normal; display: inline-block; line-height: 21px; font-size:12px;}
#stock #controller span i.fa {font-size:18px; margin:0px;}

#stock #controller span:hover {opacity: 1;}

#stock ul.nav-tabs li.dropdown > a, #stock ul.nav-tabs li.dropdown.open > a {color:#fff; background: rgba(255,255,255,0.2); padding:24px 5px 18px 5px;}
#stock ul.nav-tabs li.dropdown > ul.dropdown-menu {background:#ac7b4e;}

/* Search */

body#home #sidebar {padding:0; margin-bottom: 15px;}

body#home #search {background:#202020; background-image: url(/assets/img/home/quick_search_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}

#search form {padding-top:20px; text-align: center;}
#search form legend {font-size: 16px; letter-spacing: 2px; font-family: "Brandon Medium"; color:#fff; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.2);  display: block; margin:15px;}
#search form input {border-radius: 0; border:0; box-shadow: none; font-size: 12px; padding:13px 10px 11px 10px; background-color: rgba(255,255,255,0.3); transition:all ease .5s; -webkit-transition:all ease .5s; -moz-transition:all ease .5s; font-family: "Brandon Medium"; color:#fff;}
#search form input:hover {background-color: rgba(255,255,255,0.4);}
#search form input:focus {background-color: rgba(255,255,255,0.6);}

#search form input.hasValue {background-color: rgba(255,255,255,0.3);}

#search form input::-webkit-input-placeholder {color: rgba(255,255,255,0.5);}
#search form input::-moz-placeholder {color: rgba(255,255,255,0.5);}
#search form input:-ms-input-placeholder {color: rgba(255,255,255,0.5);}
#search form input:-moz-placeholder {color: rgba(255,255,255,0.5);} 

#search form input[type="submit"] {background: #ac7b4e; color:#fff;}
#search form input[type="submit"]:hover {background:rgba(0,0,0,0.4);}

#search form .input-group-addon {border:0; border-radius: 0; padding:6px 8px; background:rgba(0,0,0,0.2); color:#fff;}

#search form .bootstrap-select .dropdown-toggle:focus {outline: 0!important; background-color: #fff;}
#search form .bootstrap-select .dropdown-toggle {border-radius: 0; border:0; padding:10px 10px 8px 10px; font-size: 12px; background-color: rgba(255,255,255,0.3)!important; color:#fff; font-family: "Brandon Medium"; }

#search form .bootstrap-select .dropdown-toggle.bs-placeholder {background-color: rgba(255,255,255,0.3);}
#search form .bootstrap-select .dropdown-toggle.bs-placeholder span.filter-option, #search form .bootstrap-select .dropdown-toggle.bs-placeholder span.caret {color: rgba(255,255,255,0.5);}

#search form .bootstrap-select .dropdown-menu {border-radius: 0; padding: 0; border:0; margin-top:0;}
#search form .bootstrap-select .dropdown-menu > li > a {color:#000000; border-bottom: 1px solid rgba(0,0,0,0.05); font-family: "Brandon Medium"; padding:10px 10px; font-size: 12px; }
#search form .bootstrap-select .dropdown-menu > li > a:focus, #search form .bootstrap-select .dropdown-menu > li > a:hover {background: rgba(0,0,0,0.05);}

#search form .bootstrap-select .dropdown-menu > li.selected a, #search form .bootstrap-select .dropdown-menu > li.selected a:hover {color:#ac7b4e; background:none;}
#search form .bootstrap-select .dropdown-menu > li.selected a span.check-mark {margin-top:10px; color:#ac7b4e;}

form .checkbox, form .radio {text-align: left;}
form .checkbox label, form .radio label {padding: 0 20px 0 0; color:#333333;}
form .checkbox label:after, form .radio label:after {content: ''; display: table; clear: both;}
form .checkbox .cr, form .radio .cr {position: relative; display: inline-block; border: 1px solid #333333; border-radius: 0; width: 1.3em; height: 1.3em; float: left; margin-right: .5em;}
form .radio .cr {border-radius: 50%;}
form .checkbox .cr .cr-icon, form .radio .cr .cr-icon {position: absolute; font-size: .8em; line-height: 0; top: 50%; left: 20%;}
form .radio .cr .cr-icon {margin-left: 0.04em;}
form .checkbox label input[type="checkbox"], form .radio label input[type="radio"] {display: none;}
form .checkbox label input[type="checkbox"] + .cr > .cr-icon, form .radio label input[type="radio"] + .cr > .cr-icon {transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all .3s ease-in;}
form .checkbox label input[type="checkbox"]:checked + .cr, form .radio label input[type="radio"]:checked + .cr {background:#333333;}
form .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, form .radio label input[type="radio"]:checked + .cr > .cr-icon {transform: scale(1) rotateZ(0deg); opacity: 1; color:#fff;}
form .checkbox label input[type="checkbox"]:disabled + .cr, form .radio label input[type="radio"]:disabled + .cr {opacity: .5;}
form .checkbox span.text {display: block; padding-left: 30px; text-indent: 0px;}

form .input-group.upload .btn {border-radius: 0; font-size: 12px; background: #a1a1a1; border: 0; font-family: "Brandon"; padding: 8px 12px;}
form .input-group.upload input.preview {font-size: 12px!important; border:0!important; background: #eee!important; padding:6px 12px!important;}





/* Custom */

#search form .unit.bootstrap-select .dropdown-toggle,
#search form .unit.bootstrap-select .dropdown-toggle .pull-left,
#search form .unit.bootstrap-select .dropdown-menu a {text-align: center;}

#search form .filter-title {margin: 3px 0 14px 0; font-size: 12px; letter-spacing:1px; font-family: "Brandon Medium"; color:#fff; display: block; }

#search form a.detailed-search-cta {color:#fff; display: inline-block;  letter-spacing: 1px; font-size: 11px; margin-bottom: 13px; font-family: "Brandon Bold";}
#search form a.detailed-search-cta i {font-size: 14px; margin-left:5px;}

/* Search Blue */

#search.search-blue form {padding:30px 0 0 0;}
#search.search-blue form input {background-color: #c9effe;}
#search.search-blue form input::-webkit-input-placeholder {color:#333333; font-family: "Brandon";}
#search.search-blue form input::-moz-placeholder {color: #333333; font-family: "Brandon";}
#search.search-blue form input:-ms-input-placeholder {color: #333333; font-family: "Brandon";}
#search.search-blue form input:-moz-placeholder {color: #333333; font-family: "Brandon";} 

#search.search-blue form span.filter-title {color:#333333; letter-spacing: 0; margin-bottom:10px; font-family: "Brandon Medium";}
#search.search-blue form .inline span.filter-title {margin-top:10px;}
#search.search-blue form hr {margin:15px 0 25px 0;}
#search.search-blue form .bootstrap-select .dropdown-toggle.bs-placeholder {background-color: #c9effe;}
#search.search-blue form .bootstrap-select .dropdown-toggle.bs-placeholder span.filter-option, #search.search-blue form .bootstrap-select .dropdown-toggle.bs-placeholder span.caret {color:#333333;}

#search.search-blue form input[type="submit"] {background:#ac7b4e; color:#fff;}
#search.search-blue form input[type="submit"]:hover {background:#ac7b4e;}

#search.search-blue form .bootstrap-select .dropdown-toggle, #search.search-blue form .bootstrap-select .dropdown-toggle:focus {background-color: #c9effe; text-transform: none; font-family: "Brandon";}

#search.search-blue form .bootstrap-select .dropdown-menu > li > a {text-transform: none; font-family: "Brandon";}

/* Banner */

#sidebar #banner-home {margin:15px 0;}

/* Boat Card */

.boat-card {text-align: center; color:#fff; margin-bottom: 15px;}
.boat-card .thumb {position: relative;}
.boat-card .name {background:#202020; padding:12px 3px; color:#fff;  font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: "Brandon Bold"; letter-spacing: 1;}
.boat-card .info {background:#2f2f2f; padding:0; overflow: auto; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.boat-card .info span {float:left; display: inline-block; padding: 8px;}
.boat-card .info span.year {width:25%;}
.boat-card .info span.price {width: 75%;} 

/* Boat Card Status */

.boat-card[data-status="new"] .thumb .tag {position: absolute; background: rgba(0,0,0,0.3); color:#fff;  letter-spacing: 1px; width:100%; left:0; right:0; padding:13px 10px 11px 10px; font-family: "Brandon Medium"; font-size: 11px;}

.boat-card[data-status="sale"] .info span.price {color:#ffcb2c;} 
.boat-card[data-status="sale"] .info span.price del {color:#fff; margin-right: 5px;}
.boat-card[data-status="sale"] .thumb .tag {position: absolute; background: rgba(0,0,0,0.3); color:#fff;  letter-spacing: 1px; width:100%; left:0; right:0; padding:13px 10px 11px 10px; font-family: "Brandon Medium"; font-size: 11px; animation: blinker 2s linear infinite;}

@keyframes blinker {50% {opacity: 0;}}

.boat-card[data-status="sold"] .thumb {overflow:hidden;}
.boat-card[data-status="sold"] .thumb .tag {width: 200px; background-color: rgba(158,1,20,0.7); position: absolute; top: 25px; right: -55px; left: auto; text-align: center; line-height: 35px; letter-spacing: 1px; color: #f0f0f0; transform: rotate(45deg); -webkit-transform: rotate(45deg);  font-family: "Brandon Medium"; font-size: 11px;}

/* Newsletter */

#newsletter-optin {border-top:1px solid rgba(0,0,0,0.1); padding:35px 0; text-align: center;}
#newsletter-optin span.bell i {font-size: 36px; opacity: 0.1;}
#newsletter-optin h5 {color:#3b3c41; font-size: 24px; font-family: "Brandon Light"; }
#newsletter-optin h5 b {font-family: "Brandon";}
#newsletter-optin p {opacity: 0.7;}
#newsletter-optin .input-group {width: 100%;}

#newsletter-optin input {border-radius: 0; border:0; box-shadow: none; font-size: 12px; padding:13px 10px 11px 10px; background-color: #3b3c41; opacity: 0.9; transition:all ease .5s; -webkit-transition:all ease .5s; -moz-transition:all ease .5s; color:#fff; font-family: "Brandon"; letter-spacing: 0.5px;}

#newsletter-optin input[type="email"] {width: 75%;}
#newsletter-optin input[type="email"]:focus {background-color: #3b3c41; opacity: 1;}

#newsletter-optin input[type="email"]::-webkit-input-placeholder {color:rgba(255,255,255,0.7);}
#newsletter-optin input[type="email"]::-moz-placeholder {color:rgba(255,255,255,0.7);}
#newsletter-optin input[type="email"]:-ms-input-placeholder {color:rgba(255,255,255,0.7);}
#newsletter-optin input[type="email"]:-moz-placeholder {color:rgba(255,255,255,0.7);} 

#newsletter-optin input[type="submit"] {width:25%; float:right; background-color:#ac7b4e; opacity: 0.9; color:#fff;  font-size: 12px; font-family: "Brandon Bold";}
#newsletter-optin input[type="submit"]:hover {opacity: 0.8;}

/* Widgets */

#widgets {border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); padding: 15px 0;}

#widgets [id*='widget-'] {border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 20px; margin-bottom: 20px;}    
#widgets [id*='widget-'] h6 {color:#3b3c41; font-size: 24px; font-family: "Brandon Light"; }
#widgets [id*='widget-'] h6 b {font-family: "Brandon";}
#widgets [id*='widget-'] hr {display: inline-block; width: 70px; border-top:4px solid #202020; opacity: 0.2;}
#widgets #widget-call {text-align: center;}
#widgets #widget-call span.number {color:#ac7b4e; font-size: 26px; display: block;}

#widgets #widget-services {text-align: center;}
#widgets #widget-services {margin:0; padding: 0;}
#widgets #widget-services ul li {color:#333333; margin: 10px;}

#widgets #widget-services ul li i {display: block; width:50px; margin:20px auto 5px auto; height: 40px; background-repeat: no-repeat; background-position: center;}
#widgets #widget-services ul li i#technical-service {background-image: url(../img/icon/widget-services/technical-service.svg); background-size: 80%;}
#widgets #widget-services ul li i#air-charter {background-image: url(../img/icon/widget-services/air-charter.svg); background-size: 80%;}
#widgets #widget-services ul li i#survey {background-image: url(../img/icon/widget-services/survey.svg); background-size: 80%;}
#widgets #widget-services ul li i#insurance {background-image: url(../img/icon/widget-services/insurance.svg); background-size: 100%;}
#widgets #widget-services ul li i#transport {background-image: url(../img/icon/widget-services/transport.svg); background-size: 100%;}
#widgets #widget-services ul li i#leasing {background-image: url(../img/icon/widget-services/leasing.svg); background-size: 80%;}
#widgets #widget-services ul li i#agency {background-image: url(../img/icon/widget-services/agency.svg); background-size: 80%;}

#widgets #widget-services ul li span {display: block; text-align: center; font-size: 12px; margin-top: 10px; line-height: 16px;  color:#000000;}
#widgets #widget-services ul li span b {display: block; font-family: "Brandon Medium";}

#widgets #widget-weather {text-align: center; border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
#widgets #widget-weather .inner {margin:0 auto; display: inline-block;}

#widgets #widget-weather .inner i.icon {display: inline-block; width:100px; margin-right: 20px; float:left; height: 80px; background-repeat: no-repeat; background-position: left;}

#widgets #widget-weather[status="partly-cloudy"] .inner i.icon {background-image: url(../img/icon/widget-weather/partly-cloudy.svg); background-size: 100%;}
#widgets #widget-weather[status="rainy"] .inner i.icon {background-image: url(../img/icon/widget-weather/rain.svg); background-size: 90%;}
#widgets #widget-weather[status="cloudy"] .inner i.icon {background-image: url(../img/icon/widget-weather/cloudy.svg); background-size: 90%;}
#widgets #widget-weather[status="thunderstorm"] .inner i.icon {background-image: url(../img/icon/widget-weather/thunder.svg); background-size: 80%;}
#widgets #widget-weather[status="sunny"] .inner i.icon {background-image: url(../img/icon/widget-weather/sun.svg); background-size: 80%;}

#widgets #widget-weather .inner .info {text-align: left; margin-top:10px; float:left;}
#widgets #widget-weather .inner .info span.city {color:#ac7b4e;  font-size: 14px; font-family: "Brandon Medium"; display: block;}
#widgets #widget-weather .inner .info span.degree i {font-style: normal; color:#ac7b4e;}
#widgets #widget-weather .inner .info span.degree i.unit {display: inline-block; font-size: 36px;}
#widgets #widget-weather .inner .info span.degree i.status {display: inline-block; font-size: 12px; margin-left: 5px;}

/* News */

#latest-news {padding:25px 0 5px 0; text-align: center;}
#latest-news a.all-news {font-size: 12px; margin-bottom:20px; color:#3b3c41; background:rgba(255,255,255,0.4); padding:8px 10px 6px 10px; font-family: "Brandon Medium";  display: inline-block;}
#latest-news h5 {color:#3b3c41; font-size: 24px; font-family: "Brandon Light"; }
#latest-news h5 b {font-family: "Brandon";}
#latest-news hr.short {display: block; width: 70px; border-top:4px solid #3b3c41; opacity: 0.2;}

/* News Card */

.news-card {text-align: center; margin-bottom: 15px;}
.news-card .inner {background:#fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);}
.news-card .details {margin-top:10px; padding:15px;}
.news-card span, .news-card p {display: block;}
.news-card span.title a {margin:5px 0; color:#3b3c41; display: block; font-size: 16px; font-family: "Brandon Bold";}
.news-card span.date { color:#ccc; font-size:11px;}
.news-card p {font-size: 13px; opacity: 0.7;}
.news-card a.go-cta {color:#3b3c41;  font-size: 12px; font-family: "Brandon Bold"; margin-bottom: 3px; display: block;}
.news-card a.go-cta:after {content:"\f105"; font-family: "FontAwesome"; display: inline-block; margin-left: 5px;}

.modal[id*='news-'] .modal-body {text-align: center;}
.modal[id*='news-'] .modal-body span, .news-card p {display: block;}
.modal[id*='news-'] .modal-body span.title a {margin:5px 0; color:#333333; font-size: 18px; font-family: "Brandon Bold";}
.modal[id*='news-'] .modal-body span.date { color:#ccc; font-size:12px;}
.modal[id*='news-'] .modal-body p {font-size: 14px;}

/* Intro About */

#intro-about {padding:40px 0; margin-top:10px; -webkit-box-shadow: 0px -4px 19px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 0px -4px 19px 0px rgba(0,0,0,0.05);
box-shadow: 0px -4px 19px 0px rgba(0,0,0,0.05);}
#intro-about h4 {font-size: 18px; color:#3b3c41; display: block; margin:20px 0;  font-family: "Brandon Bold";}
#intro-about p {font-size: 14px;}
#intro-about a.go-cta {border:2px solid #ac7b4e; color:#ac7b4e; padding:8px 10px 6px 10px; font-family: "Brandon Bold";  margin-top:15px; display: inline-block;}

/* Cover */

figure.cover {text-align: center; padding:50px 0;}
figure.cover h2 {font-size: 30px; font-family: "Brandon Light";  letter-spacing: 1px; margin:0; display: block;}
figure.cover p {font-size: 14px; letter-spacing: 0.5px; line-height: 24px; margin:0;}

figure.cover.gradient {background: #000000; background: -webkit-linear-gradient(to right, #434343, #000000); background: linear-gradient(to right, #434343, #000000);}
 
figure.cover.gradient h2 {color:#fff;}

/* Breadcrumb */

ol.breadcrumb {margin:20px 0 0 0; border:1px solid rgba(255,255,255,0.5); display: inline-block; background: transparent; text-align: center; border-radius: 0; padding: 10px 12px 8px 12px; border-radius: 5px;  font-size: 11px; letter-spacing: 1px;}
ol.breadcrumb li a {color:rgba(255,255,255,0.6);}
ol.breadcrumb li.active {color:rgba(255,255,255,1);}

/* News All */

body#news-all #content {padding-top:15px;}

/* Search Results */

body#search-results figure.cover {}

body#search-results #content {padding:20px 0 25px 0;}

body#search-results #search {}

body#search-results #search h3 {position: absolute; left:0; right:0; font-family: "Brandon Bold"; display: inline-block; margin:-42px auto 0 auto; text-align: center;  font-size: 14px; letter-spacing: 2px; color:#fff; border-top-left-radius: 5px; border-top-right-radius: 5px; background:#333333; padding:15px 20px 12px 20px;}

body#search-results #search-wrapper {background: #202020; background: -webkit-linear-gradient(to right, #404040, #202020); background: linear-gradient(to right, #404040, #202020);}  


body#search-results #search form .inline-group .form-group .unit.bootstrap-select .dropdown-toggle, body#search-results #search form .inline-group .form-group .unit.bootstrap-select .dropdown-toggle .pull-left, body#search-results #search form .inline-group .form-group .unit.bootstrap-select .dropdown-menu a {text-align: left;}


body#search-results #search form .cut-right {padding-right: 0;}
body#search-results #search form .cut-left {padding-left: 5px;}


body#search-results #search form .unit .bs-caret {display: none;}

body#search-results #search form a.save-search,
body#search-results #search form a.update-search {color:#fff;  font-size: 11px; font-family: "Brandon Medium"; padding: 11px 15px 9px 15px; display: block; margin-top: 35px;}

body#search-results #search form a.save-search {border:1px solid #fff; color:#fff;}
body#search-results #search form a.update-search {background: #ac7b4e;}

body#search-results .action-bar {margin-top:30px;}

body#search-results .action-bar span.result-count { font-family: "Brandon Medium"; font-size: 11px; color:#3b3c41; margin-top:10px; display: inline-block;}

body#search-results .action-bar ul {float:right;}

body#search-results .action-bar ul.nav-tabs li.dropdown > a {color:#3b3c41; background: transparent; padding:11px 25px 9px 12px; font-size:11px; font-family: "Brandon Medium";}
body#search-results .action-bar ul.nav-tabs li.dropdown > a:after {top:10px;}

body#search-results .action-bar ul.nav-tabs li.dropdown.open > a {background:#f1f1f1;}
body#search-results .action-bar ul.nav-tabs li.dropdown > ul.dropdown-menu {background:#fff;}
body#search-results .action-bar ul.nav-tabs li.dropdown > ul.dropdown-menu li a {color:#3b3c41; font-size: 11px;}


body#search-results .active-filters {margin:25px 0 0 0; background:rgba(0,0,0,0.1); padding:20px 0 10px 0;}
body#search-results .active-filters a.remove-filters {margin:20px 25px 0 0; color:#fff; font-size: 11px; font-family: "Brandon";  letter-spacing: 1px; float:right; display: block;}
body#search-results .active-filters ul {padding: 0; float:left;}
body#search-results .active-filters ul li {border:1px solid #fff;  border-radius: 3px; padding:6px 10px 5px 10px; margin:10px 10px 10px 0; color:#fff; font-family: "Brandon"; font-size: 10px; letter-spacing: 0.5px;}
body#search-results .active-filters ul li a.remove {margin-left: 8px; font-size: 11px; color:#fff;}


body#search-results .boat-card .inner {position: relative; border:5px solid #fff; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
body#search-results .boat-card .inner button {border:0; background:rgba(255,255,255,0.4); font-size:20px; color:#fff; width:39px; height:39px; outline: none; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; position: absolute; z-index:1; top:0px; left:0px; text-align: center; padding: 0;}

body#search-results .boat-card .inner button:hover{background:#ac7b4e; color:#fff;}
body#search-results .boat-card .inner button:active {background: gray;}

body#search-results .boat-card .added-to-compare{-webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; border:5px solid #ac7b4e!important;}

body#search-results .boat-card .added-to-compare button {background:#ac7b4e; color:#fff; }

body#search-results .boat-card .added-to-compare button div {margin-left:-2px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}

body#search-results .boat-card button .added-to-compare:hover{background:#333333;}

#compare-items-list {background: #202020; padding:10px; position: fixed; z-index:999999; bottom: 0; width: 100%; display: none;}
#compare-items-list .mini-boat {position: relative; text-align: left; background: rgba(255,255,255,0.1); overflow: auto;}
#compare-items-list .mini-boat .photo {float:left; width:50%; position: relative;}
#compare-items-list .mini-boat .photo a.clear {position: absolute; left:5px; top:5px; background:rgba(0,0,0,0.8); color:#fff; padding:5px 8px;}
#compare-items-list .mini-boat .info {float:left; width:50%; padding:10px; color:#fff;}
#compare-items-list .mini-boat .info a {color:#fff;}
#compare-items-list .mini-boat .info a span.name {font-family: "Brandon Medium"; font-size: 13px; display: block; margin-bottom: 5px;}
#compare-items-list .mini-boat .info a span.year, #compare-items-list .mini-boat .info a span.price {font-size:12px;}

#compare-items-list .mini-boat span {display: block;}

#compare-items-list .actions {margin-top:20px;}
#compare-items-list .actions a {float:left; color:#fff; padding:13px 15px 10px 15px; }
#compare-items-list .actions a.go-compare {margin-left: 5px; border:1px solid #ac7b4e; background:#ac7b4e; font-family: "Brandon Medium";}
#compare-items-list .actions a.go-compare:before {content:"\f0ec"; font-family: "FontAwesome"; display: inline-block; margin-right: 10px;}


body#search-results .suggestion {text-align: center; background: rgba(255,255,255,0.4); padding:40px 0;}
body#search-results .suggestion span.advice {color:#333333;display: block; font-size: 22px;}
body#search-results .suggestion a.cta {color:#fff; display: inline-block; padding:12px 15px 9px 18px; border-radius: 4px;  font-family: "Brandon Medium"; letter-spacing: 1px; background: #ac7b4e; margin-top:20px;}
body#search-results .suggestion a.cta i {font-size: 16px; margin-left: 5px;}



    #privacy-notification {background: rgba(0,0,0,0.7); padding: 15px 0; text-align: center; position: fixed; width:100%; bottom: 0; visibility: hidden;z-index: 9999; }
    #privacy-notification span.dismiss {position: absolute; right: 20px; top:0; background: rgba(255,255,255,0.1); color:#fff; padding: 10px; height: 100%; cursor: pointer;}
    #privacy-notification span.dismiss svg {fill:#fff; display: inline-block; width: 20px; height: 20px; margin-top:4px;}
    #privacy-notification span.description {font-size: 12px; color:#fff;}
    #privacy-notification span.description a {font-weight: bold; color:#fff;}


/* Compare */

body#compare-boats {}
body#compare-boats #content {margin:40px 0;}
body#compare-boats #table-top {background:#ac7b4e; text-align: center;}  
body#compare-boats #table-top #main-title {padding:20px 0;}
body#compare-boats #table-top #main-title i {font-size:20px; display: inline-block; color:#fff; opacity: 0.3; margin-right: 10px;}
body#compare-boats #table-top #main-title span { color:#fff; display: inline-block; font-family: "Brandon Medium"; font-size: 16px;}
body#compare-boats #table-top span.boat-name { color:#fff; margin:15px 0 12px 0; display: block; font-family: "Brandon Medium";} 
body#compare-boats #table-top img {margin-top:15px;}
body#compare-boats #table-top .first-boat {background:rgba(255,255,255,0.1);}      
body#compare-boats #table-top .second-boat {background:rgba(255,255,255,0.2);} 
body#compare-boats #table-top .third-boat {background:rgba(255,255,255,0.3);} 

body#compare-boats #properties {text-align: center; background:#e0f1fd; color:#606060; line-height: 24px; padding:0; font-size: 12px;}
body#compare-boats #properties .skill {text-align: center; background: rgba(0,0,0,0.1); padding:5px 0; color:#333333; font-family: "Brandon Bold"; }
body#compare-boats #properties #buttons {padding-top:30px; padding-bottom: 30px;}
body#compare-boats #properties #buttons a.go-boat {background:#333333; color:#fff;  padding:12px 5px 10px 5px; margin:5px 0; font-family: "Brandon Medium"; letter-spacing: 1px;}
body#compare-boats #properties #buttons a.go-boat:hover {background:#333333;}
body#compare-boats #properties:nth-child(2n) {background: #eef8ff;}
body#compare-boats #properties:last-child {background: rgba(255,255,255,0.7);}

/* Advanced Search */

body#advanced-search #content {margin:40px 0;}

body#advanced-search #banner_large_leaderboard {text-align: right;}
body#advanced-search #banner_large_leaderboard img {display: inline-block;}

/* Boat */

body#boat {}



body#boat #content {margin-top:30px;}

body#boat figure.cover {height: 400px; position: relative;}

body#boat figure.cover .overlay {}

body#boat figure.cover {padding: 10px 0 0 0; overflow: hidden;}
body#boat figure.cover img { display: block; margin:20px auto; 0 auto; -webkit-mask-box-image: -webkit-linear-gradient(left,transparent, transparent 5%, white 20%, white 80%, transparent 95%);}
body#boat #system-message.fav-notify {background:#3b3c41; color:#fff; text-align: left;}
body#boat #system-message.fav-notify a.close {opacity: 0.6;}
body#boat #system-message.fav-notify a.close:hover {color:#fff; opacity: 1;}
body#boat #system-message.fav-notify i.fa-star-o {color:#ac7b4e; font-size: 28px;}

body#boat #boat-details {background: #fff; padding:10px 10px 20px 10px;}
body#boat #boat-details .heading {overflow: auto; padding-top:20px; text-align: center;}
body#boat #boat-details .heading h2 {margin:0; color:#333333;  font-family: "Brandon Bold"; font-size: 18px; display: block; text-align: center;}

body#boat #boat-details .heading span#status {text-align: center; margin:20px 0; display: block; font-family: "Brandon Medium"; font-size: 11px; letter-spacing: 1px;  padding:8px 0 6px 0;}
body#boat #boat-details .heading span#status.sold {border:1px dashed #9E0114; color:#9E0114;}
body#boat #boat-details .heading span#status.sale {border:1px dashed #d8770f; color:#d8770f;}


body#boat #boat-details .heading span.icons {display: block; margin-top:20px;}
body#boat #boat-details .heading span.icons a {display: inline-block;} 
body#boat #boat-details .heading span.icons a i {font-size: 24px; float:left; display: inline-block;}
body#boat #boat-details .heading span.icons a span {font-size: 11px; margin:7px 0 0 10px; display: inline-block;  font-family: "Brandon Medium"; }
body#boat #boat-details .heading span.icons button {background: none; border:0;}
body#boat #boat-details .heading span.icons button a#add-to-compare {color:#aaa;}
body#boat #boat-details .heading span.icons button a#add-to-compare:hover {color:#aaa;}
body#boat #boat-details .heading span.icons button.added-to-list a#add-to-compare {color:#ac7b4e;}
body#boat #boat-details .heading span.icons a#action-to-fav {color:#ac7b4e; margin-left: 10px;}
body#boat #boat-details .heading span.icons a:hover i {-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite;}

@-webkit-keyframes pulse {
	0% {-webkit-transform: scale(1.1); transform: scale(1.1)}
	50% {-webkit-transform: scale(0.8);transform: scale(0.8)}
	100% {-webkit-transform: scale(1.1); transform: scale(1.1)}
}
@keyframes pulse {
	0% {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}
	50% {-webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8)}
	100% {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}
}

body#boat #boat-details .context p {color:#333333; text-align: justify; float: left; margin:0;}

body#boat #boat-details .first-look {text-align: center;  font-size: 12px;}
body#boat #boat-details .first-look b {display: block; font-family: "Brandon Medium";}
body#boat #boat-details .first-look span {color:#606060;}
body#boat #boat-details .first-look span.highlight {color:#ac7b4e; font-family: "Brandon Medium";}

body#boat #boat-specifications {margin-top:20px;}

body#boat #broker-sidebar {background:#fff;}
body#boat #broker-sidebar .person-details {border-bottom: 5px solid #eee;}
body#boat #broker-sidebar .person-details #photo {}
body#boat #broker-sidebar .person-details #info {text-align: center; margin-top:15px;}
body#boat #broker-sidebar .person-details #info span {display: block;}
body#boat #broker-sidebar .person-details #info span.name { color:#333333; font-family: "Brandon Bold";}
body#boat #broker-sidebar .person-details #info span.email {margin:5px 0; color:#707070; }
body#boat #broker-sidebar .person-details #info span.mobile {color:#333333; font-family: "Brandon Medium";}
body#boat #broker-sidebar .person-details #info span.mobile:before {content:"\f095"; font-family: "FontAwesome"; display: inline-block; margin-left:-20px; position: absolute; font-size: 13px;}

body#boat #broker-sidebar #send-message .panel-heading, body#boat #broker-sidebar #send-message .panel-heading a {background: #f5f5f5; color:#303030; font-family: "Brandon Medium";}
body#boat #broker-sidebar #send-message .panel-body {background: #f5f5f5;}

body#boat #broker-sidebar #send-message form {padding:5px 15px 0 15px; text-align: center;}
body#boat #broker-sidebar #send-message form input, body#boat #broker-sidebar #send-message form textarea {border-radius: 0; border:0; box-shadow: none; font-size: 12px; padding:13px 10px 11px 10px; background-color: rgba(0,0,0,0.09); transition:all ease .5s; -webkit-transition:all ease .5s; -moz-transition:all ease .5s; font-family: "Brandon"; color:#707070;}
body#boat #broker-sidebar #send-message form input:hover {background-color: rgba(0,0,0,0.2);}
body#boat #broker-sidebar #send-message form input:focus {background-color: rgba(0,0,0,0.1);}

body#boat #broker-sidebar #send-message form input::-webkit-input-placeholder {color:#909090;}
body#boat #broker-sidebar #send-message form input::-moz-placeholder {color: #909090;}
body#boat #broker-sidebar #send-message form input:-ms-input-placeholder {color: #909090;}
body#boat #broker-sidebar #send-message form input:-moz-placeholder {color: #909090;} 

body#boat #broker-sidebar #send-message form input[type="submit"] {font-family: "Brandon Medium"; background-color:#333333; color:#fff;}
body#boat #broker-sidebar #send-message form input[type="submit"]:hover {background-color:#333333;}

body#boat #broker-sidebar #send-message form textarea {resize: none; width: 100%; height: 100px;}

body#boat #actions-buttons .btn.added-to-list, body#boat #actions-buttons .btn.added-to-list:hover {background: #0aaa59;}
body#boat #actions-buttons .btn {text-align: left; margin-bottom:10px; background:#333333; border:0; border-radius: 0;  font-size: 11px; letter-spacing: 0.5px; font-family: "Brandon Medium"; color:#fff;}
body#boat #actions-buttons .btn:hover {background:#333333;}
body#boat #actions-buttons .btn-label {position: relative; left: -12px; display: inline-block;padding: 12px 16px 10px 16px;background: rgba(0,0,0,0.2); border-radius:0; font-size: 16px; text-align: center;}
body#boat #actions-buttons .btn-label i {width: 15px;}
body#boat #actions-buttons .btn-labeled {padding-top: 0;padding-bottom: 0;}

body#boat #actions-buttons ul#share {background:#333333; color:#fff; padding: 0; margin: 0; font-size: 16px; text-align: center; overflow: auto;}
body#boat #actions-buttons ul#share li.first-label {background: rgba(0,0,0,0.2); padding: 12px 16px 10px 16px; float: left;}
body#boat #actions-buttons ul#share li.first-label i {width: 15px;}
body#boat #actions-buttons ul#share li {padding: 12px 5px 10px 5px;}
body#boat #actions-buttons ul#share li a {color:#fff; margin:0 5px; opacity: 0.8;}
body#boat #actions-buttons ul#share li a:hover {opacity: 1;}

body#boat .suggested-boats {background: #fff; margin-top:50px; padding:30px 0;}

body#boat .suggested-boats .divider {margin-bottom: 30px; position: relative; text-align: center;}
body#boat .suggested-boats .divider::after {background-color: #e5e5e5; content: ""; display: block; height: 1px; left: 0; position: absolute; right: 0; top: 50%;}
body#boat .suggested-boats .divider h5 {background-color: #fff; color: #333333; display: inline-block; font-size: 14px; margin-bottom: 0;  margin-top:0px; position: relative;  z-index: 2; padding:20px; font-family: 'Brandon Bold';}

/* Static - Services */

body#static-services .current-page-bar {background:#e8f3fd;}

body#static-services .current-page-bar ul li {color:#333333;}

body#static-services .current-page-bar ul li a {border:0; padding-top:30px; padding-bottom: 30px; background: none;}
body#static-services .current-page-bar ul li a:hover {background:rgba(255,255,255,0.5);}

body#static-services .current-page-bar ul li.active a span:after {content:"\f107"; font-size: 24px; font-family: "FontAwesome"; display: inline-block; position: absolute; right:0; left:0; margin-top:20px; color:#ac7b4e;}
body#static-services .current-page-bar ul li.active a:hover, body#static-services .current-page-bar ul li.active {background:#fff;}

body#static-services .current-page-bar ul li i {display: block; width:50px; margin:0 auto; height: 40px; background-repeat: no-repeat; background-position: center;}
body#static-services .current-page-bar ul li i#technical-service {background-image: url(../img/icon/widget-services/technical-service.svg); background-size: 80%;}
body#static-services .current-page-bar ul li i#air-charter {background-image: url(../img/icon/widget-services/air-charter.svg); background-size: 80%;}
body#static-services .current-page-bar ul li i#survey {background-image: url(../img/icon/widget-services/survey.svg); background-size: 80%;}
body#static-services .current-page-bar ul li i#insurance {background-image: url(../img/icon/widget-services/insurance.svg); background-size: 100%;}
body#static-services .current-page-bar ul li i#transport {background-image: url(../img/icon/widget-services/transport.svg); background-size: 100%;}
body#static-services .current-page-bar ul li i#leasing {background-image: url(../img/icon/widget-services/leasing.svg); background-size: 80%;}
body#static-services .current-page-bar ul li i#agency {background-image: url(../img/icon/widget-services/agency.svg); background-size: 80%;}

body#static-services .current-page-bar ul li span {display: block; text-align: center; font-size: 12px; margin-top: 10px; line-height: 16px;  color:#333333;}
body#static-services .current-page-bar ul li span b {display: block; font-family: "Brandon Medium";}

body#static-services .context {padding: 20px 0; background: #fff;}

body#static-services .context #services_carousel .controller {margin-bottom: 20px; overflow: auto;}
body#static-services .context #services_carousel .controller a img {opacity: 0.4;}
body#static-services .context #services_carousel .controller a.active img {opacity: 1;}
body#static-services .context #services_carousel .item {text-align: center;}
body#static-services .context #services_carousel .item h3 {color:#333333; font-size: 18px; margin-top:40px; font-family: "Brandon Medium";}
body#static-services .context #services_carousel .item p {color:#333333; font-size: 14px; margin:20px 0;}

body#static-services .context #services_carousel .custom-nav {border:1px solid #eee; overflow: auto; padding: 25px 0; text-align: center; margin-bottom: 20px;}
body#static-services .context #services_carousel .custom-nav a {font-size: 22px; border:1px solid #ac7b4e; padding:5px 18px; color:#ac7b4e;}


/* Static - Value My Boat */

body#static-valuemyboat {}
body#static-valuemyboat figure.cover {padding:50px 0 80px 0;}
body#static-valuemyboat figure.cover figcaption h3 {font-size: 16px; line-height: 28px; color:#fff;  letter-spacing: 1px;}

body#static-valuemyboat  #promo-video .embed-responsive {margin:50px auto;}

body#static-valuemyboat #content {background: #fff; padding:60px 0 0 0;}
body#static-valuemyboat #content hr.vertical {border-right: 1px solid #eee; border-top:0; border-bottom:0; width: 1px; margin:0 auto; height: 760px; left:0; right:0; position: absolute;}

body#static-valuemyboat #content .item {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee;}
body#static-valuemyboat #content .item:last-child {border-bottom: 0;}

body#static-valuemyboat #content .item span.title { font-family: "Brandon Bold"; font-size: 16px; color:#333333;}
body#static-valuemyboat #content .item p {margin:10px 0; font-size: 14px; text-align: justify;}
body#static-valuemyboat #content .item p.feature span {display: block; margin:5px 0; font-size: 14px;}
body#static-valuemyboat #content .item p.feature span i.fa {margin-right: 5px; display: inline-block;}
body#static-valuemyboat #content .item p.feature span.adv {color: #0aaa59;}
body#static-valuemyboat #content .item p.feature span.dis {color: #ac7b4e;}
body#static-valuemyboat #content .item .get-quote {margin:0px;}

/* Static - Progress */

body#static-progress figure.cover {background-image: url(../img/cover/static-progress-cover.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding:50px 0 0 0;}
body#static-progress figure.cover hr {opacity: 0.1; margin:40px 0;}
body#static-progress figure.cover figcaption.expanded {color:#fff;}
body#static-progress figure.cover figcaption.expanded h3 {margin:0 0 30px 0;  font-size: 18px;}
body#static-progress figure.cover figcaption.expanded #left, body#static-progress figure.cover figcaption.expanded #right {font-size: 12px; font-family: "Brandon Light";}


body#static-progress figure.cover figcaption.expanded #quotation {background:rgba(255,255,255,0.1); margin-top:30px; font-family: "Brandon Light"; padding:20px 0; font-size: 20px;}

body#static-progress #promo-video .embed-responsive {margin:50px auto;}

body#static-progress #howitworks {background:#fff; padding:40px 0;}

body#static-progress #howitworks .item {}

body#static-progress #howitworks .item span.title {margin-bottom: 20px; display: block; text-align: center;  font-family: "Brandon Bold"; font-size: 16px; color:#333333;}
body#static-progress #howitworks .item p {font-size: 14px; text-align: justify;}


body#static-progress #whatwedo {}
body#static-progress #whatwedo .heading {background:#f1f1f1; text-align: center; padding: 20px 5px 16px 5px;  font-family: "Brandon Bold"; font-size: 16px; color:#333333;}

body#static-progress #whatwedo .context {background: #f9f9f9; padding:30px 0;}
body#static-progress #whatwedo .context .item span.title {margin-bottom: 20px; letter-spacing: 3px; display: block; text-align: center;  font-family: "Brandon Medium"; font-size: 14px; color:#333333;}
body#static-progress #whatwedo .context .item ul {padding: 0; margin: 0;}
body#static-progress #whatwedo .context .item ul li {position: relative; padding: 0 0 0 20px; margin: 0; margin-bottom: 10px; font-size: 14px;}
body#static-progress #whatwedo .context .item ul li:before {content: "\f13d"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #ac7b4e; font-size: 12px;  padding-right: 0.5em; position: absolute;  top: 2px; left: 0;}

body#static-progress #rates .heading {background:#f9f9f9; text-align: center;}
body#static-progress #rates .heading span.title {background:#333333; padding: 15px 23px; display: inline-block; border-top-right-radius: 3px; border-top-left-radius: 3px;  font-family: "Brandon Medium"; font-size: 14px; color:#fff; letter-spacing: 1px;}


body#static-progress #rates .context {background:#333333; padding:20px 0;}
body#static-progress #rates .context .item {text-align: center; color:#fff;}
body#static-progress #rates .context .item span {display: block;}
body#static-progress #rates .context .item span.percent {font-family: "Brandon Light"; font-size: 58px;}
body#static-progress #rates .context .item span.title {font-family: "Brandon Medium"; font-size: 14px; }

body#static-progress #rates .note {background:#333333; text-align: center; padding: 10px 5px 8px 5px; letter-spacing: 1px; font-family: "Brandon Light"; font-size: 12px; color:#fff;}

body#static-progress #action-buttons {background:#fff; padding:60px 0;}
body#static-progress #action-buttons a {display: block; border-radius: 30px; padding:15px 5px 12px 5px;  text-align: center; border-width: 1px; border-style: solid; margin:10px 0;}
body#static-progress #action-buttons a {opacity: 0.8;}
body#static-progress #action-buttons a:hover {opacity: 1;}
body#static-progress #action-buttons a.find {color:#333333; border-color:#333333;}
body#static-progress #action-buttons a.sell {color:#0aaa59; border-color:#0aaa59;}

body#static-contact figure.cover {background-image: url(../img/cover/static-contact-cover.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}

body#static-contact figure.cover figcaption h3 {color:#fff; margin:20px 0; font-size: 16px; letter-spacing: 0.5px;}
body#static-contact figure.cover figcaption ul#phone {}
body#static-contact figure.cover figcaption ul#phone li {color:#fff; font-size: 14px; letter-spacing: 0.5px; margin:0 10px;}
body#static-contact figure.cover figcaption ul#phone li i {margin-right: 5px;}
body#static-contact figure.cover figcaption ul#phone li i.fa-phone {font-size: 17px;}

body#static-contact #maps {position: relative;}
body#static-contact #maps #googlemaps {height: 100%; width: 100%; position:absolute; top: 0; left: 0; z-index: 0;}
body#static-contact #send-message {background: #fff; padding:20px 25px 10px 25px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);}
body#static-contact #send-message .heading {text-align: center;}
body#static-contact #send-message .heading  h3 {color:#333333; font-size: 20px; font-family: "Brandon Medium";}
body#static-contact #send-message .heading  p {color:#333333; font-size: 14px; margin:0;}
body#static-contact #send-message form {margin-top:30px; text-align: center;}

body#static-contact #send-message form input, body#static-contact #send-message form textarea {border-radius: 0; box-shadow: none; font-size: 14px; padding:13px 10px 11px 0px; transition:all ease .5s; -webkit-transition:all ease .5s; -moz-transition:all ease .5s; border-top:0; border-left: 0; border-right:0; border-bottom:1px solid #ddd; font-family: "Brandon Medium"; color:#333333;}
body#static-contact #send-message form textarea {resize: none; height: 150px;}
body#static-contact #send-message form input:hover {border-bottom: 1px solid #909090;}
body#static-contact #send-message form input:focus {border-bottom: 1px solid #909090;}

body#static-contact #send-message form input[type="submit"] {padding:13px 10px 10px 10px; border-radius: 25px; background:#333333; font-size: 13px; font-family: "Brandon Medium"; letter-spacing: 1px; color:#fff; border:0; margin:20px auto 10px auto; display: inline-block; }
body#static-contact #send-message form input[type="submit"]:hover {background:#333333}

body#static-contact #send-message #success p {border:1px dashed #0aaa59; text-align: center; padding:15px; color:#0aaa59; font-family: "Brandon Medium"; letter-spacing: 0.5px;}

/* User Panel */

body#user-panel figure.cover {background-image: url(../img/cover/user-panel-cover.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}

body#user-panel #content {margin:30px 0 40px 0;}

body#user-panel #panel-nav .panel-default, body#user-panel #panel-nav .panel-default .panel-body, body#user-panel #panel-nav .panel-default .panel-body ul.list-group {background: transparent; border-radius: 5px;}

body#user-panel #panel-nav .panel-default li.list-group-item:first-child {border-top-left-radius: 5px; border-top-right-radius: 5px;}
body#user-panel #panel-nav .panel-default li.list-group-item:last-child {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
body#user-panel #panel-nav .panel-default li {padding: 0;}
body#user-panel #panel-nav .panel-default li a {padding:18px 10px 15px 20px; color:#333333;  font-family: "Brandon Medium"; font-size:11px;}

body#user-panel #panel-nav .panel-default li a i {width: 20px; font-size: 14px;}
body#user-panel #panel-nav .panel-default li a:hover {color:#333333}
body#user-panel #panel-nav .panel-default li.active a {color:#ac7b4e;}

body#user-panel .context {background: #fff; padding:30px 30px 20px 30px; border-radius: 5px;}
body#user-panel .context h4 {margin:0; color:#333333; font-family: "Brandon Medium";}

body#user-panel .context form input {border-radius: 0; border:0; box-shadow: none; font-size: 12px; padding:13px 10px 11px 10px; background-color: rgba(255,255,255,0); transition:all ease .5s; -webkit-transition:all ease .5s; -moz-transition:all ease .5s; border:1px solid #ddd; font-family: "Brandon Medium"; color:#333333;}
body#user-panel .context form input:hover {background-color: rgba(255,255,255,0.4);}
body#user-panel .context form input:focus {background-color: rgba(255,255,255,0.6); border: 1px solid #909090;}

body#user-panel .context form .form-group > label {color:#333333; margin-top:20px;}

body#user-panel .context form input::-webkit-input-placeholder {color:#ccc;}
body#user-panel .context form input::-moz-placeholder {color: #ccc;}
body#user-panel .context form input:-ms-input-placeholder {color: #ccc;}
body#user-panel .context form input:-moz-placeholder {color: #ccc;} 

body#user-panel .context form input[type="submit"] {background:#333333; border:0; color:#fff;}
body#user-panel .context form input[type="submit"]:hover {background:#333333;}

body#user-panel .context form .checkbox .text {color:#303030;}

form .checkbox label {color:#303030;}
form .checkbox .cr, form .radio .cr {background: #ccc; border:0;}

body#user-panel .boat-card {margin-bottom: 30px;}
body#user-panel .boat-card a.remove {background: rgba(225,93,27,0.5); position: absolute; right: 0; top:0; padding: 8px 13px; color:#fff;}
body#user-panel .boat-card a.remove:hover {background: rgba(225,93,27,0.8);}

body#user-panel .query {margin-bottom: 30px;}
body#user-panel .query .inner {background:#333333; position: relative; text-align: center; opacity: 0.9;}
body#user-panel .query .inner:hover {opacity: 1;}
body#user-panel .query .inner a.text {padding:60px 20px; display: block; color:#fff;  font-family: "Brandon Medium"; letter-spacing: 1px;}

body#user-panel .query .inner a.remove {background: rgba(225,93,27,0.5); position: absolute; right: 0; top:0; padding: 8px 13px; color:#fff;}
body#user-panel .query .inner a.remove:hover {background: rgba(225,93,27,0.8);}

body#user-panel .count {text-align: center;  color:#909090; font-family: "Brandon Medium"; font-size: 11px;}

body#user-panel #system-message {margin-top:0;}

/* Membership */

body#membership {background: url(../img/cover/membership_bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
body#membership #content {background: none;}
body#membership .context {background: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);}

body#membership #intro {background: url(../img/cover/membership_intro_bg.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; padding:30px 20px 0px 20px;} 
body#membership #intro span.welcome {color:#fff; font-size: 36px; letter-spacing: 2px;  display: block;}

body#membership #intro .divider {width: 55%; text-align: center; display: block; margin:0 auto;}
body#membership #intro .divider h5 {display: table; white-space: nowrap; margin:10px auto; color:rgba(255,255,255,0.5);  }
body#membership #intro .divider h5:before, body#membership #intro .divider h5:after {border-top: 1px solid rgba(255,255,255,0.5); content: ''; display: table-cell; position: relative; top: 0.5em; width: 50%;}
body#membership #intro .divider h5:before {right: 3%;}
body#membership #intro .divider h5:after {left: 3%;}

body#membership #intro ul {display: inline-block; margin:30px auto;}
body#membership #intro ul li {color:#fff; text-align: left; margin-bottom: 5px; letter-spacing: 0.5px; position: relative; padding:0 0 0 20px;}
body#membership #intro ul li:before {content: "\f10c"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; font-size: 12px;  padding-right: 0.5em; position: absolute;  top: 2px; left: 0;}


body#membership .actions {padding:30px 20px; text-align: center;}
body#membership .actions h2 {color:#333333; font-size: 24px; font-family: "Brandon Medium";}
body#membership .actions .notify {color:#333333; font-size: 14px;}
body#membership .actions .notify a {color:#0aaa59; border-bottom: 1px solid #0aaa59; padding-bottom: 3px;}

body#membership .actions form {margin:50px 0;}
body#membership .actions form .input-group {margin-bottom: 10px;}
body#membership .actions form input {border-radius: 0; border-top:0; border-left: 0; border-right: 0; border-bottom: 1px solid #ccc; box-shadow: none; font-size: 16px; padding:22px 10px 20px 0; background:none; transition:all ease .5s; -webkit-transition:all ease .5s; -moz-transition:all ease .5s; font-family: "Brandon"; color:#333333;}

body#membership .actions form .input-group-addon {border-top:0; border-left: 0; border-right: 0; border-bottom: 1px solid #ccc; border-radius: 0; padding:6px 0;  background:none; transition:all ease .5s; -webkit-transition:all ease .5s; -moz-transition:all ease .5s;}
body#membership .actions form .input-group-addon i {width: 30px; text-align: left; color:#333333; font-size: 16px;}

body#membership .actions form input:hover, body#membership .actions form .input-group.hovered .input-group-addon {border-bottom: 1px solid #808080;}
body#membership .actions form input:focus, body#membership .actions form .input-group.focused .input-group-addon {border-bottom: 1px solid #ac7b4e;}

body#membership .actions form input::-webkit-input-placeholder {color:#909090;}
body#membership .actions form input::-moz-placeholder {color: #909090;}
body#membership .actions form input:-ms-input-placeholder {color: #909090;}
body#membership .actions form input:-moz-placeholder {color: #909090;} 

body#membership .actions form input[type="submit"] {padding:13px 10px 10px 10px; border-radius: 25px; background:#333333; font-size: 13px; font-family: "Brandon Medium"; letter-spacing: 1px; color:#fff; border:0; width:70%; margin:60px auto 30px auto; display: block; }
body#membership .actions form input[type="submit"]:hover {background:#333333}

body#membership .actions .foot a {color:#707070; font-family: "Brandon Medium"; font-size:12px; }
body#membership .actions .foot a:after {content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 14px; margin-left: 10px;}

body#membership.signup .actions {padding:20px 20px 0 20px;}
body#membership.signup .actions form {margin:30px 0;}
body#membership.signup .actions form input[type="submit"] {margin:30px auto 0 auto;}


/* Static - Get Quote Button */

.get-quote {text-align: center;}
.get-quote a.cta {margin: 10px 0 30px 0; display: inline-block; background:#333333; color:#fff; width: 200px;}
.get-quote a.cta span.text {width:70%; font-family: "Brandon Medium"; letter-spacing: 1px; padding:17px 0 15px 0;  display: inline-block; float:left;}
.get-quote a.cta span.icon {background:rgba(0,0,0,0.3); font-size: 24px; padding:8px 15px; display: inline-block; width:30%;}
.get-quote a.cta:hover {background: #333333;}

#get-quote-modal {}

#get-quote-modal .modal-content {padding: 0; border: 0;}
#get-quote-modal .modal-body {padding: 0px;}
#get-quote-modal .modal-footer {padding: 0px; margin: 0; border: 0;}
#get-quote-modal .modal-header {text-align: center;}
#get-quote-modal .modal-header .close {margin:5px 5px 0 0; opacity: 1; font-size: 16px; color:#fff; background: #ac7b4e;}
#get-quote-modal .modal-header h5 {color:#333333; margin:30px 0 25px 0; font-size: 20px; font-family: "Brandon Medium"; }


#get-quote-modal form {margin:0; padding:0;}
#get-quote-modal form .form-inner {padding:0 20px;}

#get-quote-modal form .form-group label {color:#333333; margin-bottom: 10px; font-family: "Brandon"; letter-spacing: 0.2px;}
#get-quote-modal form .form-group label .req {color:#ac7b4e; margin-left: 3px;}


#get-quote-modal form .input-group input {border: 1px solid #ccc; border-left: 0; padding:22px 10px 20px 0;}

#get-quote-modal form .form-group textarea {border: 1px solid #ccc; border-left:0; padding:10px;}

#get-quote-modal form input, #get-quote-modal form textarea {border-radius: 0; box-shadow: none; font-size: 14px; background:none; font-family: "Brandon"; color:#303030;}

#get-quote-modal form .input-group-addon {border: 1px solid #ccc; border-right: 0; border-radius: 0; padding:0 0 0 10px;  background:none;}
#get-quote-modal form .input-group-addon i {width: 30px; text-align: left; color:#c0c0c0; font-size: 16px;}

#get-quote-modal form .input-group, #get-quote-modal form .input-group-addon, #get-quote-modal form .input-group-addon i, #get-quote-modal form .input-group input, #get-quote-modal form .form-group textarea {transition:all ease .5s; -webkit-transition:all ease .5s; -moz-transition:all ease .5s;}

#get-quote-modal form .input-group input:hover, #get-quote-modal form .form-group textarea:hover {border: 1px solid #808080;}
#get-quote-modal form .input-group input:hover, #get-quote-modal form .input-group textarea:hover {border-left: 0;}
#get-quote-modal form .input-group.hovered .input-group-addon {border: 1px solid #808080; border-right: 0;}
#get-quote-modal form .input-group.hovered .input-group-addon i {color:#808080;}


#get-quote-modal form .input-group input:focus, #get-quote-modal form .form-group textarea:focus {border: 1px solid #333333;}
#get-quote-modal form .input-group input:focus, #get-quote-modal form .input-group textarea:focus {border: 1px solid #333333; border-left: 0;}


#get-quote-modal form .input-group.focused .input-group-addon {border: 1px solid #333333; border-right: 0;}
#get-quote-modal form .input-group.focused .input-group-addon i {color:#333333;}

#get-quote-modal form .form-group.has-error label {color:#8d1515;}
#get-quote-modal form .form-group.has-error input, #get-quote-modal form .form-group.has-error textarea {border: 1px solid #8d1515; border-left: 0;}
#get-quote-modal form .form-group.has-error .input-group-addon {border: 1px solid #8d1515; border-right: 0;}
#get-quote-modal form .form-group.has-error .input-group-addon i {color:#8d1515;}

#get-quote-modal form textarea {resize: none; padding-left: 0!important;}

#get-quote-modal form input::-webkit-input-placeholder, #get-quote-modal form textarea::-webkit-input-placeholder {color:#909090;}
#get-quote-modal form input::-moz-placeholder, #get-quote-modal form textarea::-moz-placeholder {color: #909090;}
#get-quote-modal form input:-ms-input-placeholder, #get-quote-modal form textarea:-ms-input-placeholder {color: #909090;}
#get-quote-modal form input:-moz-placeholder, #get-quote-modal form textarea:-moz-placeholder {color: #909090;} 

.stepwizard {display: table; width: 100%; position: relative; margin-top:20px;}
.stepwizard .stepwizard-row {display: table-row;}

.stepwizard .stepwizard-step {display: table-cell; text-align: center; position: relative;}
.stepwizard .stepwizard-step .btn {background: transparent; border:0; border-radius: 0; padding: 0; box-shadow: none;}
.stepwizard .stepwizard-step .btn span.circle {background:#909090; color:#fff; font-size: 12px; height: 30px; width: 30px; line-height: 30px; border-radius: 50%; display: inline-block;}
.stepwizard .stepwizard-step .btn span.circle:after {content: "\f178"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 16px; margin-left: 10px; position: absolute; color:#909090;}
.stepwizard .stepwizard-step .btn span.title {color:#909090; font-family: "Brandon Medium"; font-size: 13px; display: inline-block; margin-left: 20px;}

.stepwizard .stepwizard-step .btn.btn-primary span.circle {background:#333333;}
.stepwizard .stepwizard-step .btn.btn-primary span.title {color:#333333;}
.stepwizard .stepwizard-step .btn.btn-primary span.circle:after {color:#333333;}

#get-quote-modal form input.nextBtn {padding:16px 10px 13px 10px; font-size: 13px; font-family: "Brandon Medium", "FontAwesome"; letter-spacing: 1px; color:#fff; border:0;  margin-top:10px;}

#get-quote-modal form input.nextBtn {background:#ac7b4e;}
#get-quote-modal form input.nextBtn:hover {background:#ac7b4e}

.stepwizard-step button[disabled] {opacity: 1 !important; filter: alpha(opacity=100) !important;}

#get-quote-modal #preview {font-size: 13px;}
#get-quote-modal #preview span.title {font-size: 14px; margin:10px 0; display: block;  font-family: "Brandon Bold";}
#get-quote-modal #preview span[class*='boat'] {margin-bottom: 5px; display: block; font-family: "Brandon Medium";}
#get-quote-modal #preview b {margin:5px 0; font-size:13px; display: block; color:#333333;}
#get-quote-modal #preview span.notify {display: block; margin:10px 0; color:#333333; font-family: "Brandon Medium";}

/* System Messages */

.alert {margin-top:35px; padding:20px 60px 20px 80px;  font-family: "Brandon Medium"; font-size: 12px; line-height: 26px; width:100%; float:none; border:0; position: relative; color:#202020;}
.alert a {color:#202020!important;}
.alert.alert-dismissable a.close {position: absolute; transform: translate(-50%,-50%); top:50%; right:20px; font-size: 30px; opacity: 1;}
.alert span.head-icon {opacity: 0.2; font-size: 46px; left:40px; position: absolute; transform: translate(-50%,-50%); top:50%;}
.alert span.item {font-size: 16px; margin:0 10px;}
.alert.alert-info {background:rgba(0,0,0,0.1);}
.alert.alert-success {}
.alert.alert-warning {}
.alert.alert-danger {}


/* Footer */    

footer {background: #333333 url(../img/footer/footer_bg.jpg); background-repeat: no-repeat; background-position: center; background-size:cover; }
footer #links img#logo {display: inline-block; margin:20px auto; filter: brightness(0) invert(1);}
footer #links .sitemap {margin-bottom: 20px; text-align: center;}
footer #links .sitemap span.title {color:#fff;  border-left: 3px solid rgba(255,255,255,0.2); padding-left: 10px; margin-bottom: 10px; display: inline-block; font-size: 12px; letter-spacing: 1px;}
footer #links .sitemap ul {text-align: center;}
footer #links .sitemap ul li {padding: 0; border:0; border-radius: 0; background: none;}
footer #links .sitemap ul li a {color:#fff; font-family: "Brandon Light"; margin-bottom: 5px; display: inline-block;}

footer #bottom {background: #fff; text-align: center;  padding:20px 0; font-size:12px; font-family: "Brandon Medium";}
footer #bottom hr {margin:15px 0;}
footer #bottom #copyright {color:#000000;}
footer #bottom #association {text-align: center;}
footer #bottom #association img {display: inline-block; width: 45px;}
footer #bottom #ucbucuk a {color:#000000;}

/* Turn Top */

.turn-top {display: inline-block; position: fixed; height: 50px; width: 50px; right: 20px; bottom: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: #ac7b4e url(../img/icon/turn-top.svg) no-repeat center center; background-size: 60%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; z-index:9; border-radius: 5px;}
.turn-top.turn-is-visible, .turn-top.turn-fade-out, .no-touch .turn-top:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;}
.turn-top.turn-is-visible {visibility: visible; opacity: 1;}
.turn-top.turn-fade-out {opacity: .5;}
.no-touch .turn-top:hover, .turn-top:hover {background-color: #ac7b4e; opacity: 1;}

/*==================================================
=                      Phones                      =
==================================================*/

@media(max-width:767px) {  
    
main {padding-top:70px;}    
    
body.mobile-overlay {overflow: hidden; position: fixed;}    
body.mobile-overlay:after {content: ''; display: block; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 3 !important; background: rgba(0,0,0,0.7);}    
    
/* Header */ 
        
.navbar {background:#54555a; -webkit-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.20); box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.20); position: fixed; width: 100%; z-index:9999;}  
   
nav.navbar-default .navbar-header {padding:0; height:70px; text-align: center;} 
nav.navbar-default .navbar-header .navbar-brand {width:160px; height: 60px; margin:0 auto; display: inline-block; position: absolute; top:5px; left:0; right: 0; float:none; background: url(../img/branding/boatmart_logo.png) no-repeat center; background-size: contain;}
nav.navbar-default .navbar-header .navbar-brand h1 {text-indent: -99999px; margin:0; font-size:12px; line-height: 18px;} 
   
nav.navbar-default .navbar-header .icon {position: absolute; top:25px; left:15px;} 
nav.navbar-default .navbar-header .icon a {}   
nav.navbar-default .navbar-header .icon a i {font-size: 20px;  color:#fff; float: left;}
nav.navbar-default .navbar-header .icon a span {font-size: 11px; display: inline-block;  margin:3px 0 0 5px; color:#fff; font-family: "Brandon Medium";}    
nav.navbar-default .navbar-header button, nav.navbar-default .navbar-header button:hover, nav.navbar-default .navbar-header button:focus, nav.navbar-default .navbar-header button:active {background:none; border: none;}
nav.navbar-default .navbar-header button span.icon-bar {background: #c3c2c4; width: 22px; transition: all 0.2s;}
nav.navbar-default .navbar-header button span.top-bar {transform: rotate(45deg); transform-origin: 10% 10%;}
nav.navbar-default .navbar-header button span.middle-bar {opacity: 0;}
nav.navbar-default .navbar-header button span.bottom-bar {transform: rotate(-45deg); transform-origin: 10% 90%;}
nav.navbar-default .navbar-header .navbar-toggle.collapsed .top-bar {transform: rotate(0);}
nav.navbar-default .navbar-header .navbar-toggle.collapsed .middle-bar {opacity: 1;}
nav.navbar-default .navbar-header .navbar-toggle.collapsed .bottom-bar {transform: rotate(0);}     
nav.navbar-default .navbar-header .navbar-toggle {border-radius: 0; position: absolute; right:25px; top:30px; padding:0; margin:0;}   
nav.navbar-default .navbar-collapse {padding:0; border-top:0; box-shadow: none; max-height: 100%; background:#3b3c41;} 
   
    
nav.navbar-default .nav-justified > li > a,
nav.navbar-default .nav-justified > li > a:active,
nav.navbar-default .nav-justified > li > a:focus,
nav.navbar-default .nav-justified > li > a:hover,
nav.navbar-default .nav-justified > li > a:visited {background:transparent; color:#fff;  letter-spacing: 0.5px; font-family: "Brandon Medium"; font-size: 12px; border-top:1px solid rgba(255,255,255,0.05); padding:15px 25px; line-height: 13px; margin:0;}

nav.navbar-default .nav-justified li.dropdown.open .dropdown-menu {position:relative; top:auto; left:auto; float:none; background: rgba(255,255,255,0.1); box-shadow: none; border-radius: 0; border:0;}  
nav.navbar-default .nav-justified li.dropdown.open .dropdown-menu:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}    
nav.navbar-default .nav-justified li.dropdown.open .dropdown-menu li {width: 50%; float:left; display: inline-block; }
nav.navbar-default .nav-justified li.dropdown.open .dropdown-menu li a {color:#fff; font-size: 12px; padding:10px; text-align: center; }  
nav.navbar-default .nav-justified li.dropdown.open .dropdown-menu li a:hover {background: none;}
    
nav.navbar-default .nav-justified .caret {border:none; margin-left: 5px; height: auto; width: auto; transition: transform 0.1s linear;}
nav.navbar-default .nav-justified .caret:before {content: "\f107"; font-family: "FontAwesome"; font-style: normal; font-weight: normal; text-decoration: inherit;}
    
/* Slider */    
  
#slider .item {height: 450px; margin-top:70px;}
#slider .carousel-control .fa {top: 55%; font-size:2em;} 
#slider .caption {position: absolute; z-index:9; display: inline-block; left:0; right:0; top: 120px; bottom:0;}    
      
}


/*==================================================
=                     Tablets                      =
==================================================*/

@media only screen and (min-width : 767px) {
    
main {padding-top:50px;}    
 
/* Header */
    
.minibar {background: #404042; position: absolute; z-index:999; top:0; left:0; width: 100%;}  
.minibar ul {margin: 0;}  
.minibar ul li:first-child {border-left: 1px solid rgba(255,255,255,0.1);}
.minibar ul li {padding: 16px; border-right: 1px solid rgba(255,255,255,0.1);}
.minibar ul li a {color:#fff; font-size:10px; letter-spacing: 0.5px; font-family: "Brandon Medium"; }
.minibar ul li a .fa {font-size: 14px;}
.minibar ul li a.user {color:#ffffff;}    
    
/* Navigation */
    
nav .container {width: 95%;}  
    
nav.navbar-default .container {transition:all ease .5s; -webkit-transition:all ease .5s; -moz-transition:all ease .5s;}
body.scrolling nav.navbar-default .container {width:100%; -webkit-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.20); box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.20);}     
body.scrolling nav.navbar-default {position: fixed; z-index: 9; top:0;}  
body.scrolling  nav.navbar-default .nav-justified {border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
    
nav.navbar-default {background:transparent; margin:0 -15px; left:0; right: 0; top:50px; position: absolute; z-index: 99999;} 

    
nav.navbar-default #navbar {padding: 0;}
    
nav.navbar-default .nav-justified {background:#205c98; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}

nav.navbar-default .nav-justified li {text-align: center;}     
    
nav.navbar-default .nav-justified li.desktop-first a {border-right: 1px solid rgba(255,255,255,0.1);}
nav.navbar-default .nav-justified li.desktop-last a {border-left: 1px solid rgba(255,255,255,0.1);}
    
nav.navbar-default .nav-justified li.desktop-first a,
nav.navbar-default .nav-justified li.desktop-first a span {border-bottom-left-radius: 5px;}
    
nav.navbar-default .nav-justified li.desktop-last a,
nav.navbar-default .nav-justified li.desktop-last a span {border-bottom-right-radius: 5px;} 
    
nav.navbar-default .nav-justified li > a:active,
nav.navbar-default .nav-justified li > a:focus,
nav.navbar-default .nav-justified li > a:hover {background: rgba(255,255,255,0.06);}
    
nav.navbar-default .nav-justified li > a {height: 100px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} 
nav.navbar-default .nav-justified li > a span {position: absolute; line-height: 15px; left:0; right:0; bottom:0; top:0; display: block;} 
nav.navbar-default .nav-justified li > a span i {display: block; width:50px; margin:20px auto 5px auto; height: 30px; background-repeat: no-repeat; background-position: center;}
nav.navbar-default .nav-justified li > a span i#motorboat {background-image: url(../img/icon/nav/motorboat.svg); background-size: 100%;}
nav.navbar-default .nav-justified li > a span i#sailing {background-image: url(../img/icon/nav/sailing.svg); background-size: 60%;}
nav.navbar-default .nav-justified li > a span i#sellmyboat {background-image: url(../img/icon/nav/sellboat.svg); background-size: 69%;}
nav.navbar-default .nav-justified li > a span i#howwework {background-image: url(../img/icon/nav/handshake.svg); background-size: 70%;}

nav.navbar-default .nav-justified li#default-logo {padding:0; background:rgba(0,0,0,0.1);}   
nav.navbar-default .nav-justified li#default-logo > a {padding:0;} 
nav.navbar-default .nav-justified li#default-logo > a:hover {background:transparent;} 
nav.navbar-default .nav-justified li#default-logo > a img {margin:0 auto; width:140px; padding-top:25px;}    
    
nav.navbar-default .nav-justified li > a,
nav.navbar-default .nav-justified li > a:active,
nav.navbar-default .nav-justified li > a:focus,
nav.navbar-default .nav-justified li > a:hover,
nav.navbar-default .nav-justified li > a:visited {color:#ffffff;  font-family: "Brandon Medium"; font-size:11px;}    

    
/* Slider */   
    
   
#slider:hover {cursor:pointer;}      
#slider .item {height: 500px; margin-top:50px;}     
#slider .carousel-control .fa {top: 45%; font-size: 4em;}  
#slider .caption {margin-top:130px;}
#slider .caption .inner {background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 56%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 56%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 56%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); padding:60px 15px; margin:0 20px;}   
    
#carouselButtons {left: 100px; position: absolute; bottom: 10px;}
#carouselButtons button {background-color: transparent; border-radius: 0; box-shadow: none; border: 0; padding:0; width:25px; height: 25px; line-height: 30px; opacity: 0.7;}
#carouselButtons button:hover {opacity: 1;}    
#carouselButtons button i {font-size: 20px; color:#fff;}
   
    
/* Stock Bar */

#stock ul.ticker {margin-top:0px; line-height: 40px;}
#stock ul.ticker li a span.name {display: inline-block;}
    
#stock #controller {text-align: right; padding:18px 0px 6px 5px; background:transparent;}
#stock #controller span.control-button {margin:0px;}    
    
#stock #controller span i.fa {font-size:24px;}
    

    
/* Newsletter */

#newsletter-optin {text-align: left;}
#newsletter-optin span.bell i {font-size: 70px;}
#newsletter-optin .input-group {margin-top:15px;}
    
/* Widgets */
   
#widgets [id*='widget-'] {border-bottom:0; padding-bottom: 0; margin-bottom: 0; padding: 20px;}   
#widgets #widget-call {text-align: left;}
#widgets #widget-services {border-right: 1px solid rgba(0,0,0,0.05); border-left: 1px solid rgba(0,0,0,0.05);}    
#widgets #widget-services ul li {margin:0 5px; opacity: 0.5;} 
#widgets #widget-services ul li:hover {opacity: 1;}
#widgets #widget-services ul li i {width:40px; margin:0px auto; height: 40px;}
#widgets #widget-weather {text-align: right; border-right: 0;}
   
          
/* Boat Card */
    
body#home .boat-card {padding-right: 0;}

    
    
/* News All */
  
body#news-all #content {padding-top:30px;}    
body#news-all .news-card {margin-bottom: 30px; }  
body#news-all .news-card .inner {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
body#news-all .news-card:hover .inner {-webkit-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.2);}   
    
/* Cover */
    
figure.cover {padding:200px 0 100px 0;}
    
/* Search Results */
    
body#search-results figure.cover {padding:100px 0 250px 0;}
    
body#search-results #search-wrapper {padding:130px 0 0 0;}  
    
body#search-results .action-bar a.add2fav {margin:0;}  
    
body#search-results .boat-card {margin-bottom: 30px;}

#search-results.affixedContent {margin-top:550px;} 
.affixedElement {position:fixed; top:0px; z-index: 999; width:100%;}
.affixedElement .search-title {display: none;}
#search-wrapper.affixedElement {padding: 0!important;}
#search-wrapper.affixedElement .active-filters {display: none;}

/* Compare */
    
body#compare-boats #table-top #main-title {padding: 0;}
body#compare-boats #table-top #main-title i {font-size:80px; margin-top:20px; margin-right: 0;}
body#compare-boats #table-top #main-title span {display: block;}    
    
body#compare-boats #properties .skill {text-align: left; background: transparent; padding:0;}
body#compare-boats #properties {padding:10px 5px 8px 5px;}

body#compare-boats #properties #buttons {padding-top:10px; padding-bottom: 10px;}
body#compare-boats #properties #buttons a.go-boat {padding:12px 30px 10px 30px;}  
    
/* Boat */
    
body#boat #system-message.fav-notify {text-align: center;}
    
body#membership #intro {padding:200px 20px 80px 20px;} 
    
body#static-contact #maps {height: 700px;}
body#static-contact #send-message {margin-top:-50px;}
body#static-progress figure.cover {padding:170px 0 0 0;}
    
body#static-progress figure.cover figcaption.expanded #left {text-align: right;}
body#static-progress figure.cover figcaption.expanded #right {text-align: left;}
    
body#static-valuemyboat figure.cover {padding:170px 0 80px 0;}
    
body#static-valuemyboat #content .item .get-quote {margin:50px 0;}


body#membership .context {margin:200px 0 100px 0;}    
   
/* Footer */    

footer #links {padding:45px 0 30px 0;}  
footer #links img#logo {max-width: 180px; margin:0;}    
footer #links .sitemap {text-align: left; margin:0;}
footer #links .sitemap ul {padding-left:0; text-align: left;}    
    
footer #bottom {line-height: 50px; padding: 5px 0;}
footer #bottom #copyright {text-align:left;}
footer #bottom #ucbucuk {text-align:right;}    
    
}    


/*==================================================
=                     Desktops                     =
==================================================*/

@media screen and (min-width: 992px) {
    
nav .container {width: 90%;}        

nav.navbar-default .navbar-nav > li > a,
nav.navbar-default .navbar-nav > li > a:active,
nav.navbar-default .navbar-nav > li > a:focus,
nav.navbar-default .navbar-nav > li > a:hover,
nav.navbar-default .navbar-nav > li > a:visited {font-size:12px;}

nav.navbar-default .nav-justified li > a span {line-height: 30px;}   
nav.navbar-default .nav-justified li#default-logo > a img {width:220px; padding-top:40px;}        

body#boat #boat-details {padding:10px 30px 15px 10px;}
body#compare-boats #table-top #main-title i {margin-top:60px;}

    
/* Modal */    
    
.modal:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
.modal-dialog {display: inline-block; text-align: left; vertical-align: middle;}  
    
}

/*==================================================
=                    Wide Screens                  =
==================================================*/

@media screen and (min-width: 1200px) {

nav .container { width: 1170px; }        
        
}

/*==================================================
=            Equal Height Card Items Fix           =
==================================================*/

@media (min-width:1200px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}

@media (min-width:992px) and (max-width:1800px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}

/*==================================================
=                      Plugins                     =
==================================================*/

/* Bootstrap Select */

 select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\9}.bootstrap-select>.dropdown-toggle{width:100%;padding-right:25px;z-index:1}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2}.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle{border-color:#ac7b4e}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{z-index:auto}.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn{border-radius:0}.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group{margin-bottom:0}.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}.form-inline .bootstrap-select.btn-group .form-control{width:100%}.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group.bs-container{position:absolute;height:0!important;padding:0!important}.bootstrap-select.btn-group.bs-container .dropdown-menu{z-index:1060}.bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}.bootstrap-select.btn-group .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff}.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static}.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}

/* Fancybox */