@import url(//fonts.googleapis.com/css?family=Lato);
* {
font-family:'Open Sans Condensed', Lato, sans-serif;
}
html{
/*  -ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%
*/
}
body{
margin:0;
/*background: url(../images/SeaView1.jpg);
background-repeat: no-repeat;
background-size: 100%;*/
}
footer, header, nav{
display:block
}
[hidden], template{
display:none
}
a:active, a:hover{
outline:0
}
b, strong{
font-weight:700
}
mark{
background:#ff0;
color:#000
}
img{
border:0
}
code{
font-size:1em
}
button, input{
font:inherit;
margin:0
}
button{
overflow:visible
}
button{
text-transform:none
}
button, html input[type=button], input[type=reset], input[type=submit]{
-webkit-appearance:button;
cursor:pointer
}
button[disabled], html input[disabled]{
cursor:default
}
button::-moz-focus-inner, input::-moz-focus-inner{
border:0;
padding:0
}
input{
line-height:normal
}
input[type=checkbox], input[type=radio]{
box-sizing:border-box;
padding:0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{
height:auto
}
input[type=search]{
-webkit-appearance:textfield;
box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{
-webkit-appearance:none
}
*{
-moz-box-sizing:border-box;
box-sizing:border-box
}
:after, :before{
-moz-box-sizing:border-box;
box-sizing:border-box
}
html{
-webkit-tap-highlight-color:transparent
}
button, input{
font-size:inherit;
line-height:inherit
}
a{
text-decoration:none
}
a:focus, a:hover{
color:#23527c;
text-decoration:underline
}
a:focus{
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px
}
img{
vertical-align:middle
}
.sr-only{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0, 0, 0, 0);
border:0
}
[role=button]{
cursor:pointer
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
font-weight:500;
line-height:1.1;
color:inherit
}
.h1, .h2, .h3, h1, h2, h3{
margin-top:20px;
margin-bottom:10px
}
.h4, .h5, .h6, h4, h5, h6{
margin-top:10px;
margin-bottom:10px
}

.mark, mark{
padding:.2em;
background-color:#fcf8e3
}
.text-left{
text-align:left
}
.text-right{
text-align:right
}
.text-center{
text-align:center
}
.page-header{
padding-bottom:9px;
margin:40px 0 20px;
border-bottom:1px solid #eee
}
ul{
margin-top:0;
margin-bottom:10px
}
ul ul{
margin-bottom:0
}
.list-inline{
padding-left:0;
list-style:none;
margin-left:-5px
}
.list-inline>li{
display:inline-block;
padding-right:5px;
padding-left:5px
}
code{
padding:2px 4px;
font-size:90%;
color:#c7254e;
background-color:#f9f2f4;
border-radius:4px
}
.container{
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto
}
@media (min-width:768px){
.container{
width:750px
}
}
@media (min-width:992px){
.container{
width:970px
}
}
@media (min-width:1200px){
.container{
width:1170px
}
}
.row{
margin-right:-15px;
margin-left:-15px
}
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9{
position:relative;
min-height:1px;
padding-right:15px;
padding-left:15px
}
@media (min-width:768px){
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9{
float:left
}
.col-sm-12{
width:100%
}
.col-sm-11{
width:91.66666667%
}
.col-sm-10{
width:83.33333333%
}
.col-sm-9{
width:75%
}
.col-sm-8{
width:66.66666667%
}
.col-sm-7{
width:58.33333333%
}
.col-sm-6{
width:50%
}
.col-sm-5{
width:41.66666667%
}
.col-sm-4{
width:33.33333333%
}
.col-sm-3{
width:25%
}
.col-sm-2{
width:16.66666667%
}
.col-sm-1{
width:8.33333333%
}
}
@media (min-width:992px){
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{
float:left
}
.col-md-12{
width:100%
}
.col-md-11{
width:91.66666667%
}
.col-md-10{
width:83.33333333%
}
.col-md-9{
width:75%
}
.col-md-8{
width:66.66666667%
}
.col-md-7{
width:58.33333333%
}
.col-md-6{
width:50%
}
.col-md-5{
width:41.66666667%
}
.col-md-4{
width:33.33333333%
}
.col-md-3{
width:25%
}
.col-md-2{
width:16.66666667%
}
.col-md-1{
width:8.33333333%
}
}
input[type=search]{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-appearance:none;
appearance:none
}
input[type=checkbox], input[type=radio]{
margin:4px 0 0;
line-height:normal
}
input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled]{
cursor:not-allowed
}
input[type=file]{
display:block
}
input[type=range]{
display:block;
width:100%
}
input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus{
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px
}
.form-control{
display:block;
width:100%;
min-height:34px;
padding:6px 12px;
font-size:14px;
line-height:1.42857143;
color:#555;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-control:focus{
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}
.form-control::-moz-placeholder{
color:#999;
opacity:1
}
.form-control:-ms-input-placeholder{
color:#999
}
.form-control::-webkit-input-placeholder{
color:#999
}
.form-control::-ms-expand{
background-color:transparent;
border:0
}
.form-control[disabled], .form-control[readonly]{
background-color:#eee;
opacity:1
}
.form-control[disabled]{
cursor:not-allowed
}
@media screen and (-webkit-min-device-pixel-ratio:0){
input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control{
line-height:34px
}
.input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm{
line-height:30px
}
}
.form-group{
margin-bottom:15px
}
.input-sm{
height:30px;
padding:5px 10px;
font-size:12px;
line-height:1.5;
border-radius:3px
}
.form-group-sm .form-control{
height:30px;
padding:5px 10px;
font-size:12px;
line-height:1.5;
border-radius:3px
}
@media (min-width:768px){
.form-inline .form-group{
display:inline-block;
margin-bottom:0;
vertical-align:middle
}
.form-inline .form-control{
display:inline-block;
width:auto;
vertical-align:middle
}
.form-inline .input-group{
display:inline-table;
vertical-align:middle
}
.form-inline .input-group .form-control, .form-inline .input-group .input-group-btn{
width:auto
}
.form-inline .input-group>.form-control{
width:100%
}
.form-inline .control-label{
margin-bottom:0;
vertical-align:middle
}
}
.btn{
display:inline-block;
margin-bottom:0;
font-weight:400;
text-align:center;
white-space:nowrap;
touch-action:manipulation;
cursor:pointer;
background-image:none;
border:1px solid transparent;
padding:6px 12px;
line-height:1.42857143;
border-radius:4px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.btn.active:focus, .btn:active.focus, .btn:active:focus, .btn:focus{
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px
}
.btn:focus, .btn:hover{
color:#333;
text-decoration:none
}
.btn.active, .btn:active{
background-image:none;
outline:0;
-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125)
}
.btn.disabled, .btn[disabled]{
cursor:not-allowed;
opacity:.65;
-webkit-box-shadow:none;
box-shadow:none
}
a.btn.disabled{
pointer-events:none
}
.btn-default{
color:#333;
background-color:#fff;
border-color:#ccc
}
.btn-default:focus{
color:#333;
background-color:#e6e6e6;
border-color:#8c8c8c
}
.btn-default:hover{
color:#333;
background-color:#e6e6e6;
border-color:#adadad
}
.btn-default.active, .btn-default:active{
color:#333;
background-color:#e6e6e6;
background-image:none;
border-color:#adadad
}
.btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover{
color:#333;
background-color:#d4d4d4;
border-color:#8c8c8c
}
.btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled]:focus, .btn-default[disabled]:hover{
background-color:#fff;
border-color:#ccc
}
.btn-link{
font-weight:400;
color:#337ab7;
border-radius:0
}
.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled]{
background-color:transparent;
-webkit-box-shadow:none;
box-shadow:none
}
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover{
border-color:transparent
}
.btn-link:focus, .btn-link:hover{
color:#23527c;
text-decoration:underline;
background-color:transparent
}
.btn-link[disabled]:focus, .btn-link[disabled]:hover{
color:#777;
text-decoration:none
}
.btn-group-sm>.btn, .btn-sm{
padding:5px 10px;
font-size:12px;
line-height:1.5;
border-radius:3px
}
.btn-block{
display:block;
width:100%
}
.btn-block+.btn-block{
margin-top:5px
}
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block{
width:100%
}
.collapse{
display:none
}
.collapse.in{
display:block
}
.open>a{
outline:0
}
.btn-group{
position:relative;
display:inline-block;
vertical-align:middle
}
.btn-group>.btn{
position:relative;
float:left
}
.btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover{
z-index:2
}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group{
margin-left:-1px
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){
border-radius:0
}
.btn-group>.btn:first-child{
margin-left:0
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){
border-top-right-radius:0;
border-bottom-right-radius:0
}
.btn-group>.btn:last-child:not(:first-child){
border-top-left-radius:0;
border-bottom-left-radius:0
}
.btn-group>.btn-group{
float:left
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{
border-radius:0
}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{
border-top-right-radius:0;
border-bottom-right-radius:0
}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{
border-top-left-radius:0;
border-bottom-left-radius:0
}
[data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio], [data-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio]{
position:absolute;
clip:rect(0, 0, 0, 0);
pointer-events:none
}
.input-group{
position:relative;
display:table;
border-collapse:separate
}
.input-group[class*=col-]{
float:none;
padding-right:0;
padding-left:0
}
.input-group .form-control{
position:relative;
z-index:2;
float:left;
width:100%;
margin-bottom:0
}
.input-group .form-control:focus{
z-index:3
}
.input-group-sm>.form-control, .input-group-sm>.input-group-btn>.btn{
height:30px;
padding:5px 10px;
font-size:12px;
line-height:1.5;
border-radius:3px
}
.input-group .form-control, .input-group-btn{
display:table-cell
}
.input-group .form-control:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child){
border-radius:0
}
.input-group-btn{
width:1%;
white-space:nowrap;
vertical-align:middle
}
.input-group .form-control:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){
border-top-right-radius:0;
border-bottom-right-radius:0
}
.input-group .form-control:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle{
border-top-left-radius:0;
border-bottom-left-radius:0
}
.input-group-btn{
position:relative;
font-size:0;
white-space:nowrap
}
.input-group-btn>.btn{
position:relative
}
.input-group-btn>.btn+.btn{
margin-left:-1px
}
.input-group-btn>.btn:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover{
z-index:2
}
.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group{
margin-right:-1px
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{
z-index:2;
margin-left:-1px
}
.nav{
padding-left:0;
margin-bottom:0;
list-style:none
}
.nav>li{
position:relative;
display:block
}
.nav>li>a{
position:relative;
display:block;
padding:10px 15px
}
.nav>li>a:focus, .nav>li>a:hover{
text-decoration:none;
background-color:#eee
}
.nav>li.disabled>a{
color:#777
}
.nav>li.disabled>a:focus, .nav>li.disabled>a:hover{
color:#777;
text-decoration:none;
cursor:not-allowed;
background-color:transparent
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
background-color:#eee;
border-color:#337ab7
}
.nav>li>a>img{
max-width:none
}
.navbar{
position:relative;
min-height:50px;
margin-bottom:20px;
border:1px solid transparent
}
@media (min-width:768px){
.navbar{
border-radius:4px
}
}
@media (min-width:768px){
.navbar-header{
float:left
}
}
.navbar-collapse{
padding-right:15px;
padding-left:15px;
overflow-x:visible;
border-top:1px solid transparent;
box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1);
-webkit-overflow-scrolling:touch
}
.navbar-collapse.in{
overflow-y:auto
}
@media (min-width:768px){
.navbar-collapse{
width:auto;
border-top:0;
box-shadow:none
}
.navbar-collapse.collapse{
display:block!important;
height:auto!important;
padding-bottom:0;
overflow:visible!important
}
.navbar-collapse.in{
overflow-y:visible
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
padding-right:0;
padding-left:0
}
}
.navbar-fixed-bottom, .navbar-fixed-top{
position:fixed;
right:0;
left:0;
z-index:1030
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
max-height:340px
}
@media (max-device-width:480px) and (orientation:landscape){
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
max-height:200px
}
}
@media (min-width:768px){
.navbar-fixed-bottom, .navbar-fixed-top{
border-radius:0
}
}
.navbar-fixed-top{
top:0;
border-width:0 0 1px
}
.navbar-fixed-bottom{
bottom:0;
margin-bottom:0;
border-width:1px 0 0
}
.container>.navbar-collapse, .container>.navbar-header{
margin-right:-15px;
margin-left:-15px
}
@media (min-width:768px){
.container>.navbar-collapse, .container>.navbar-header{
margin-right:0;
margin-left:0
}
}
.navbar-toggle{
position:relative;
float:right;
padding:9px 10px;
margin-right:15px;
margin-top:8px;
margin-bottom:8px;
background-color:transparent;
background-image:none;
border:1px solid transparent;
border-radius:4px
}
.navbar-toggle:focus{
outline:0
}
.navbar-toggle .icon-bar{
display:block;
width:22px;
height:2px;
border-radius:1px
}
.navbar-toggle .icon-bar+.icon-bar{
margin-top:4px
}
@media (min-width:768px){
.navbar-toggle{
display:none
}
}
.navbar-nav>li>a{
padding-top:10px;
padding-bottom:10px;
line-height:20px
}
@media (min-width:768px){
.navbar-nav{
float:left;
margin:0
}
.navbar-nav>li{
float:left
}
.navbar-nav>li>a{
padding-top:15px;
padding-bottom:15px
}
}
.navbar-form{
padding:10px 15px;
margin-right:-15px;
margin-left:-15px;
border-top:1px solid transparent;
border-bottom:1px solid transparent;
-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
margin-top:8px;
margin-bottom:8px
}
@media (min-width:768px){
.navbar-form .form-group{
display:inline-block;
margin-bottom:0;
vertical-align:middle
}
.navbar-form .form-control{
display:inline-block;
width:auto;
vertical-align:middle
}
.navbar-form .input-group{
display:inline-table;
vertical-align:middle
}
.navbar-form .input-group .form-control, .navbar-form .input-group .input-group-btn{
width:auto
}
.navbar-form .input-group>.form-control{
width:100%
}
.navbar-form .control-label{
margin-bottom:0;
vertical-align:middle
}
}
@media (max-width:767px){
.navbar-form .form-group{
margin-bottom:5px
}
.navbar-form .form-group:last-child{
margin-bottom:0
}
}
@media (min-width:768px){
.navbar-form{
width:auto;
padding-top:0;
padding-bottom:0;
margin-right:0;
margin-left:0;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
}
.navbar-btn{
margin-top:8px;
margin-bottom:8px
}
.navbar-btn.btn-sm{
margin-top:10px;
margin-bottom:10px
}
.navbar-text{
margin-top:15px;
margin-bottom:15px
}
@media (min-width:768px){
.navbar-text{
float:left;
margin-right:15px;
margin-left:15px
}
}
@media (min-width:768px){
.navbar-left{
float:left!important
}
.navbar-right{
float:right!important;
margin-right:-15px
}
.navbar-right~.navbar-right{
margin-right:0
}
}
.navbar-default{
background-color:#f8f8f8;
border-color:#e7e7e7
}
.navbar-default .navbar-text{
color:#777
}
.navbar-default .navbar-nav>li>a{
color:#777
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
color:#333;
background-color:transparent
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
color:#555;
background-color:#e7e7e7
}
.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover{
color:#ccc;
background-color:transparent
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
color:#555;
background-color:#e7e7e7
}
.navbar-default .navbar-toggle{
border-color:#ddd
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
background-color:#ddd
}
.navbar-default .navbar-toggle .icon-bar{
background-color:#888
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
border-color:#e7e7e7
}
.navbar-default .navbar-link{
color:#777
}
.navbar-default .navbar-link:hover{
color:#333
}
.navbar-default .btn-link{
color:#777
}
.navbar-default .btn-link:focus, .navbar-default .btn-link:hover{
color:#333
}
.navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover{
color:#ccc
}
@-webkit-keyframes progress-bar-stripes{
from{
background-position:40px 0
}
to{
background-position:0 0
}
}
@keyframes progress-bar-stripes{
from{
background-position:40px 0
}
to{
background-position:0 0
}
}
.media{
margin-top:15px
}
.media:first-child{
margin-top:0
}
.media, .media-body{
overflow:hidden;
zoom:1
}
.media-body{
width:10000px
}
.media-right{
padding-left:10px
}
.media-left{
padding-right:10px
}
.media-body, .media-left, .media-right{
display:table-cell;
vertical-align:top
}
.media-bottom{
vertical-align:bottom
}
.media-list{
padding-left:0;
list-style:none
}
.list-group{
padding-left:0;
margin-bottom:20px
}
.list-group-item{
position:relative;
display:block;
padding:10px 15px;
margin-bottom:-1px;
background-color:#fff;
border:1px solid #ddd
}
.list-group-item:first-child{
border-top-left-radius:4px;
border-top-right-radius:4px
}
.list-group-item:last-child{
margin-bottom:0;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px
}
.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover{
color:#777;
cursor:not-allowed;
background-color:#eee
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text{
color:#777
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
z-index:2;
color:#fff;
background-color:#337ab7;
border-color:#337ab7
}
.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text{
color:#c7ddef
}
a.list-group-item, button.list-group-item{
color:#555
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover{
color:#555;
text-decoration:none;
background-color:#f5f5f5
}
button.list-group-item{
width:100%;
text-align:left
}
.list-group-item-text{
margin-bottom:0;
line-height:1.3
}
.close{
float:right;
font-size:21px;
font-weight:700;
line-height:1;
color:#000;
text-shadow:0 1px 0 #fff;
opacity:.2
}
.close:focus, .close:hover{
color:#000;
text-decoration:none;
cursor:pointer;
opacity:.5
}
button.close{
padding:0;
cursor:pointer;
background:0 0;
border:0;
-webkit-appearance:none;
appearance:none
}
.container:after, .container:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .row:after, .row:before{
display:table;
content:" "
}
.container:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .row:after{
clear:both
}
.center-block{
display:block;
margin-right:auto;
margin-left:auto
}
.show{
display:block!important
}
.hidden{
display:none!important
}
@media (min-width:768px) and (max-width:991px){
.hidden-sm{
display:none!important
}
}
@media (min-width:992px) and (max-width:1199px){
.hidden-md{
display:none!important
}
}
div.ccm-custom-style-container{
clear:both;
float:left;
width:100%
}
@keyframes moveFromLeft{
0%{
transform:translateX(-100%)
}
100%{
transform:translateX(0)
}
}
@keyframes moveFromRight{
0%{
transform:translateX(100%)
}
100%{
transform:translateX(0)
}
}
@keyframes moveFromBottom{
0%{
transform:translateY(100%)
}
100%{
transform:translateY(0)
}
}
.master-container .container{
margin:0 auto
}
.master-container input[type=submit]{
-moz-user-select:none;
background-image:none;
border:1px solid transparent;
border-radius:4px;
cursor:pointer;
display:inline-block;
font-size:14px;
font-weight:400;
line-height:1.42857!important;
margin-bottom:0;
padding:6px 12px;
text-align:center;
vertical-align:middle;
line-height:100%;
background-color:rgba(230, 138, 0, 1);
color:#000;
white-space:nowrap;
margin-top:4px
}
.master-container input[type=submit]:hover{
font-weight:700
}
.master-container input[type=submit].active:focus, .master-container input[type=submit]:active:focus, .master-container input[type=submit]:focus{
outline:thin dotted;
outline-offset:-2px
}
.master-container input[type=submit]:active:focus, .master-container input[type=submit]:focus{
color:#333;
text-decoration:none
}
.master-container input[type=submit].active, .master-container input[type=submit]:active{
background-image:none;
box-shadow:0 3px 5px rgba(0, 0, 0, .125) inset;
outline:0 none
}
.master-container #footer input[type=submit]{
color:inherit
}
.master-container label{
font-weight:400
}
.master-container input[type=email], .master-container input[type=tel], .master-container input[type=text], .master-container input[type=url]{
border:1px solid;
border-color:#ccc;
padding:6px;
line-height:1.4;
color:#333;
font-size:14px;
vertical-align:middle
}
.master-container .btn-default{
background-color:rgba(230, 138, 0, 1);
border-color:rgba(230, 138, 0, 1);
color:#fff
}
.master-container .btn:active, .master-container .btn:focus, .master-container .btn:hover{
color:#000
}
.master-container .c{
color:#999
}
.master-container .c1{
color:#999
}
.master-container .gh{
color:#030
}
.master-container .go{
color:#aaa
}
.master-container .s{
color:#d44950
}
.master-container .no{
color:#360
}
.master-container .s2{
color:#c30
}
.master-container .sr{
color:#3aa
}
.master-container .s1{
color:#c30
}
.master-container .ccm-block-date-navigation-header h5{
font-size:25px
}
.master-container .ccm-block-social-links ul.list-inline{
padding-left:0
}
.master-container .ccm-block-social-links ul.list-inline li{
display:inline-block
}
.master-container .ccm-block-social-links ul.list-inline li a{
width:40px;
height:40px;
border-radius:9999px;
padding-top:8px;
text-align:center;
display:inline-block;
border:3px solid #fff;
animation:.2s ease-in 0s normal forwards 1 running aicon-out
}
.master-container .ccm-block-social-links ul.list-inline li a i{
font-size:18px!important
}
.master-container .ccm-block-social-links ul.list-inline li:hover a{
animation:.2s ease-in 0s normal forwards 1 running aicon-in
}
@keyframes aicon-in{
0%{
border-color:rgba(230, 138, 0, 1);
color:rgba(230, 138, 0, 1);
transform:scale(1, 1)
}
50%{
border-color:#eab488;
color:#eab488;
transform:scale(0, 1)
}
100%{
border-color:#eab488;
color:#eab488;
transform:scale(1, 1)
}
}
@keyframes aicon-out{
0%{
border-color:#eab488;
color:#eab488;
transform:scale(1, 1)
}
50%{
border-color:rgba(230, 138, 0, 1);
color:rgba(230, 138, 0, 1);
transform:scale(0, 1)
}
100%{
border-color:rgba(230, 138, 0, 1);
color:rgba(230, 138, 0, 1);
transform:scale(1, 1)
}
}
.master-container #doc1, .master-container #doc10, .master-container #doc2, .master-container #doc3, .master-container #doc4, .master-container #doc5, .master-container #doc6, .master-container #doc7, .master-container #doc8, .master-container #doc9{
margin-top:-30px;
padding-top:30px;
border:0
}
.master-container{
overflow:hidden
}
.master-container .ccm-ui{
clear:both
}
.master-container .ccm-custom-style-container{
float:none
}
.master-container #footer ul.nav li a:hover, .master-container #footer ul.nav li.nav-selected a{
text-indent:10px;
background-color:rgba(230, 138, 0, 1);
color:#fff
}
.master-container #footer ul.nav{
border-color:rgba(230, 138, 0, 1);
padding:0;
margin:25px 0
}
.master-container #footer ul.nav.nav-style1 li{
border:0;
border-color:inherit
}
.master-container #footer ul.nav.nav-style1 li a{
border:1px solid;
border-color:inherit;
margin:3px
}
.master-container #footer ul.nav.nav-style2 li{
border:0;
border-color:inherit
}
.master-container #footer ul.nav.nav-style2 li a{
border:1px solid;
border-color:inherit;
margin:3px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px
}
.master-container #footer ul.nav li{
border-bottom:1px solid;
border-color:inherit
}
.master-container #footer ul.nav li a{
text-indent:0;
padding:10px 15px 8px 15px;
color:rgba(230, 138, 0, 1);
-webkit-transition:all .5s ease 0s;
transition:all .5s ease 0s
}
.master-container #footer ul.nav li ul{
border-color:inherit;
margin:0;
padding:0;
list-style:none
}
.master-container #footer ul.nav li ul li{
border-top:1px solid;
border-bottom:0;
border-color:inherit
}
.master-container #footer ul.nav li ul li a{
display:block;
padding-left:25px;
text-decoration:none
}
.master-container #footer ul.nav li a:hover, .master-container #footer ul.nav li.nav-selected a{
background-color:#fff;
color:#000;
font-weight:700
}
.master-container #footer ul.nav{
border-color:#333
}
.master-container #footer ul.nav li{
border-bottom:1px solid;
border-color:inherit
}
.master-container #footer ul.nav li a{
color:#fff
}
.master-container #footer ul.nav li ul{
border-color:inherit
}
.master-container #footer ul.nav li ul li{
border-top:1px solid;
border-bottom:0;
border-color:inherit
}
.master-container #footer input{
color:#000
}
.master-container #footmenu, .master-container #footmenu2{
padding:20px 0
}
.master-container #footmenu ul.nav, .master-container #footmenu2 ul.nav{
padding:10px;
padding-left:0;
margin:5px 0;
display:inline-block;
text-align:center;
width:100%
}
.master-container #footmenu ul.nav.force-right, .master-container #footmenu2 ul.nav.force-right{
text-align:right
}
@media (max-width:991px){
.master-container #footmenu ul.nav.force-right, .master-container #footmenu2 ul.nav.force-right{
text-align:center
}
}
.master-container #footmenu ul.nav.force-left, .master-container #footmenu2 ul.nav.force-left{
text-align:left
}
@media (max-width:991px){
.master-container #footmenu ul.nav.force-left, .master-container #footmenu2 ul.nav.force-left{
text-align:center
}
}
.master-container #footmenu ul.nav li, .master-container #footmenu2 ul.nav li{
display:inline;
line-height:35px;
margin:5px
}
.master-container #footmenu ul.nav li a, .master-container #footmenu2 ul.nav li a{
display:inline-block;
padding:0 10px;
font-weight:400;
color:#fff;
-webkit-transition:all .5s ease 0s;
transition:all .5s ease 0s
}
.master-container #footmenu ul.nav li a:hover, .master-container #footmenu2 ul.nav li a:hover{
background:0 0;
text-indent:0
}
.master-container #footmenu ul.nav ul, .master-container #footmenu2 ul.nav ul{
display:inline
}
.master-container #footmenu h1, .master-container #footmenu h2, .master-container #footmenu h3, .master-container #footmenu h4, .master-container #footmenu h5, .master-container #footmenu h6, .master-container #footmenu p, .master-container #footmenu2 h1, .master-container #footmenu2 h2, .master-container #footmenu2 h3, .master-container #footmenu2 h4, .master-container #footmenu2 h5, .master-container #footmenu2 h6, .master-container #footmenu2 p{
padding:10px;
margin:0
}
@media (max-width:991px){
.master-container #footmenu h1, .master-container #footmenu h2, .master-container #footmenu h3, .master-container #footmenu h4, .master-container #footmenu h5, .master-container #footmenu h6, .master-container #footmenu p, .master-container #footmenu2 h1, .master-container #footmenu2 h2, .master-container #footmenu2 h3, .master-container #footmenu2 h4, .master-container #footmenu2 h5, .master-container #footmenu2 h6, .master-container #footmenu2 p{
text-align:center
}
}
.navcontrol{
width:100%;
z-index:4;
position:relative
}
.navcontrol .navbar-collapse{
padding-left:0;
padding-right:0
}
.navcontrol .navbar-default .navbar-toggle{
float:right!important
}
@media (max-width:767px){
.navcontrol .navbar-default .navbar-toggle{
float:none
}
}
.navcontrol .custom-nav-class>.nav, .navcontrol .custom-nav-class>nav>ul{
float:none;
margin:0;
padding:0;
width:100%
}
@media (max-width:767px){
.navcontrol .custom-nav-class>.nav, .navcontrol .custom-nav-class>nav>ul{
display:table;
width:100%
}
}
@media (max-width:767px){
.navcontrol .custom-nav-class>.nav:after, .navcontrol .custom-nav-class>.nav:before, .navcontrol .custom-nav-class>nav>ul:after, .navcontrol .custom-nav-class>nav>ul:before{
display:none
}
}
.navcontrol .custom-nav-class>.nav>li, .navcontrol .custom-nav-class>nav>ul>li{
display:table-cell;
float:none;
width:1%
}
@media (max-width:767px){
.navcontrol .custom-nav-class>.nav>li, .navcontrol .custom-nav-class>nav>ul>li{
width:auto;
display:block
}
}
.navcontrol .custom-nav-class>.nav>li>a, .navcontrol .custom-nav-class>nav>ul>li>a{
white-space:nowrap
}
.navcontrol .custom-nav-class>.nav ul, .navcontrol .custom-nav-class>nav>ul ul{
margin:0;
padding:0;
width:100%;
list-style:none;
position:absolute;
visibility:hidden;
display:none;
transition:all .25s ease-out;
opacity:0
}
@media (max-width:767px){
.navcontrol .custom-nav-class>.nav ul, .navcontrol .custom-nav-class>nav>ul ul{
display:none
}
}
@media (max-width:767px){
.navcontrol .custom-nav-class>.nav ul, .navcontrol .custom-nav-class>nav>ul ul{
position:static;
width:auto
}
}
.navcontrol .custom-nav-class>.nav ul li, .navcontrol .custom-nav-class>nav>ul ul li{
border-bottom:0;
background:#fff;
position:relative;
-webkit-transition:background-color .3s ease 0s;
transition:background-color .3s ease 0s
}
@media (max-width:767px){
.navcontrol .custom-nav-class>.nav ul li, .navcontrol .custom-nav-class>nav>ul ul li{
border-right:0;
border-left:0
}
}
.navcontrol .custom-nav-class>.nav ul li:last-child, .navcontrol .custom-nav-class>nav>ul ul li:last-child{
border-bottom:0
}
.navcontrol .custom-nav-class>.nav ul li a, .navcontrol .custom-nav-class>nav>ul ul li a{
display:block
}
.navcontrol .custom-nav-class>.nav ul li a i, .navcontrol .custom-nav-class>nav>ul ul li a i{
float:right
}
.navcontrol .custom-nav-class>.nav ul li ul, .navcontrol .custom-nav-class>nav>ul ul li ul{
left:100%;
top:0;
margin-left:1px;
margin-top:-1px;
z-index:10
}
@media (max-width:767px){
.navcontrol .custom-nav-class>.nav ul li ul, .navcontrol .custom-nav-class>nav>ul ul li ul{
margin-left:0
}
}
@media (max-width:767px){
.navcontrol .custom-nav-class>.nav ul li ul a, .navcontrol .custom-nav-class>nav>ul ul li ul a{
text-indent:20px
}
}
body .master-container{
color:#fff;
font-weight:400
}
.master-container h1, .master-container h2, .master-container h3, .master-container h4, .master-container h5{
margin:20px 0;
line-height:100%;
color:#fff
}
.master-container h1{
font-weight:400;
color:#fff;
line-height:110%
}
.master-container h2,  .master-container h3,  .master-container h4,  .master-container h5,  .master-container h6 {
font-weight:400;
color:#000
}
.master-container p{
color:#000
}
.master-container #footer, .master-container #footer a, .master-container #footer h1, .master-container #footer h2, .master-container #footer h3, .master-container #footer h4, .master-container #footer h5, .master-container #footer p{
color:#fff
}
.master-container #footmenu, .master-container #footmenu a, .master-container #footmenu h1, .master-container #footmenu h2, .master-container #footmenu h3, .master-container #footmenu h4, .master-container #footmenu h5, .master-container #footmenu p{
color:#fff
}
.master-container #footer a i{
font-size:25px
}
.master-container ul{
padding:0 0 15px 15px;
margin:0
}
.master-container ul.list-round{
list-style:none;
padding:0 0 20px 15px;
margin:0
}
.master-container ul.list-round li{
padding-left:20px;
position:relative;
line-height:inherit
}
.master-container ul.list-round li:before{
position:absolute;
font-family:FontAwesome;
top:0;
left:0;
content:"\f10c"
}
.master-container ul.list-check{
list-style:none;
padding:0 0 20px 15px;
margin:0
}
.master-container ul.list-check li{
padding-left:20px;
position:relative;
line-height:inherit
}
.master-container ul.list-check li:before{
position:absolute;
font-family:FontAwesome;
top:0;
left:0;
content:"\f00c"
}
body{
background-color:#0091e6
}
.master-container ul{
list-style:none
}
.master-container ul{
padding:0 0 15px 15px;
margin:0
}
.master-container ul.list-round{
list-style:none;
padding:0 0 20px 15px;
margin:0
}
.master-container ul.list-round li{
padding-left:20px;
position:relative;
line-height:inherit
}
.master-container ul.list-round li:before{
position:absolute;
font-family:FontAwesome;
top:0;
left:0;
content:"\f10c"
}
.master-container ul.list-check{
list-style:none;
padding:0 0 20px 15px;
margin:0
}
.master-container ul.list-check li{
padding-left:20px;
position:relative;
line-height:inherit
}
.master-container ul.list-check li:before{
position:absolute;
font-family:FontAwesome;
top:0;
left:0;
content:"\f00c"
}
.master-container ul li span.list-round{
padding-left:20px;
position:relative;
line-height:inherit;
display:inline-block
}
.master-container ul li span.list-round:before{
position:absolute;
font-family:FontAwesome;
top:3px;
left:0;
content:"\f10c"
}
.master-container ul li span.list-check{
padding-left:20px;
position:relative;
line-height:inherit;
display:inline-block
}
.master-container ul li span.list-check:before{
position:absolute;
font-family:FontAwesome;
top:3px;
left:0;
content:"\f00c"
}
.master-container span:before, .master-container ul li:before{
color:rgba(230, 138, 0, 1)
}
.master-container a{
color:#fff
}
.master-container a:focus, .master-container a:hover{
outline:0;
text-decoration:none;
color:rgba(230, 138, 0, 1)
}
.master-container img{
max-width:100%!important;
height:auto
}
.master-container .navbar-fixed-bottom, .master-container .navbar-fixed-top{
position:static
}
.master-container code{
margin-top:5px;
font-size:12px
}
@media (max-width:767px){
.master-container #header{
text-align:center
}
}
.master-container #header a{
}
.master-container #header a:hover{
color:#000
}
.master-container #header h1{
color:#fff;
font-weight:400;
text-transform:none
}
.master-container #header h1, .master-container #header h2, .master-container #header h3, .master-container #header h4, .master-container #header h5, .master-container #header p{
color:#fff
}
.master-container #navigation{
background-color:rgba(230, 138, 0, 1)
}
.master-container .navcontrol, .master-container .navcontrol .custom-nav-class nav ul li, .master-container .navcontrol .custom-nav-class ul.nav li, .master-container .navcontrol .navbar-header{
background-color:rgba(230, 138, 0, 1);
text-decoration:none
}
/*.master-container .navcontrol .custom-nav-class nav ul li.nav-selected>a,*/ 
.master-container .navcontrol .custom-nav-class nav ul li:hover>a, 
.master-container .navcontrol .custom-nav-class nav ul li>a:focus, 
.master-container .navcontrol .custom-nav-class nav ul li>a:hover, 
/*.master-container .navcontrol .custom-nav-class ul.nav li.nav-path-selected>a, */
.master-container .navcontrol .custom-nav-class ul.nav li.nav-selected>a, 
.master-container .navcontrol .custom-nav-class ul.nav li:hover>a, 
.master-container .navcontrol .custom-nav-class ul.nav li>a:focus, 
.master-container .navcontrol .custom-nav-class ul.nav li>a:hover{
background-color:rgba(230, 138, 0, .8);
color:#000;
font-weight:700
}
.master-container .navcontrol .navbar-default{
background:0 0;
border:0
}
@media (max-width:767px){
.master-container .navcontrol .navbar-default{
text-align:center;
margin:0
}
}
.master-container .navcontrol .navbar-default .navbar-toggle{
border-color:#fff
}
.master-container .navcontrol .navbar-default .navbar-toggle .icon-bar{
background-color:#fff
}
.master-container .navcontrol .navbar-default .navbar-toggle:active, .master-container .navcontrol .navbar-default .navbar-toggle:focus, .master-container .navcontrol .navbar-default .navbar-toggle:hover{
background:#000
}
.master-container .navcontrol .navbar{
margin-bottom:0;
z-index:5;
margin:0 -15px
}
@media (max-width:767px){
.master-container .navcontrol .custom-nav-class{
border-top:0;
box-shadow:0 0 0
}
}
.master-container .navcontrol .custom-nav-class nav ul, .master-container .navcontrol .custom-nav-class ul.nav{
margin:0!important;
padding:0!important;
float:none!important
}
.master-container .navcontrol .custom-nav-class nav ul:after, .master-container .navcontrol .custom-nav-class nav ul:before, .master-container .navcontrol .custom-nav-class ul.nav:after, .master-container .navcontrol .custom-nav-class ul.nav:before{
display:none
}
.master-container .navcontrol .custom-nav-class nav ul>li>a, .master-container .navcontrol .custom-nav-class ul.nav>li>a{
word-spacing:normal
}
@media (max-width:767px){
.master-container .navcontrol .custom-nav-class nav ul, .master-container .navcontrol .custom-nav-class ul.nav{
border-top:0;
margin-top:0
}
}
@media (max-width:767px){
.master-container .navcontrol .custom-nav-class nav ul li, .master-container .navcontrol .custom-nav-class ul.nav li{
border-top:1px solid;
border-color:#fff
}
}
.master-container .navcontrol .custom-nav-class nav ul li a, .master-container .navcontrol .custom-nav-class ul.nav li a{
color:#000;
line-height:20px;
padding:15px!important;
text-align:center;
text-indent:0;
font-weight:500;
text-transform:none
}
.master-container .navcontrol .custom-nav-class nav ul li a:hover, .master-container .navcontrol .custom-nav-class ul.nav li a:hover{
text-indent:0!important
}
@media (max-width:991px){
.master-container .navcontrol .custom-nav-class nav ul li a, .master-container .navcontrol .custom-nav-class ul.nav li a{
font-size:12px
}
}
.master-container .navcontrol .custom-nav-class nav ul ul li, .master-container .navcontrol .custom-nav-class ul.nav ul li{
display:block;
margin-bottom:0;
border-top:1px solid;
border-color:#fff;
width:100%;
}
.master-container .navcontrol .custom-nav-class nav ul ul li a, .master-container .navcontrol .custom-nav-class ul.nav ul li a{
text-align:left
}
.master-container .navcontrol .custom-nav-class nav ul ul li a:hover, .master-container .navcontrol .custom-nav-class ul.nav ul li a:hover{
text-indent:0!important
}
.master-container div#footer{
background-color:#000!important;
border-top:10px solid;
border-color:#222;
padding:20px 0;
margin-top:10px
}
.master-container div#footer a i{
margin:0 2px
}
.master-container #footmenu{
background-color:#111!important
}
.master-container .brimicon h1{
color:#333
}
.master-container .brimicon h3 span{
color:rgba(230, 138, 0, 1);
font-weight:400;
text-transform:none
}
.master-container .brimicon p span{
color:#000;
font-weight:400;
text-transform:none
}
input[type=date].form-control{
width:130px
}
@media (max-width:767px){
form.hstack.gap-3.ccm-search-block-form{
display:none
}
#header h1{
margin:0!important;
padding:0!important
}
#header h1 span{
font-size:40px!important
}
.row{
margin:0
}
}
/* EXTRA CSS */
/* mycss18.css file */
.mybutton2 {
border-radius:.25em;
background-color:rgba(230,  138,  0,  1);
color:#000;
border:2px solid #000;
padding:0 3px;
margin: 5px 4px;
}
.mybutton2:hover {
background-color:#eab488 
}
.mybutton {
margin:5px 0;
border-radius:8px;
background-color:orange;
color:#000;
border:3px solid silver;
font-size:20px
}
.mybutton:hover {
background-color:#fff 
}
.para {
text-align:left;
font-size: 16px;
font-weight:400;
color:#fff;
margin:12px 
}
.red {
box-shadow: 0px 0px 15px 1px rgba(255,  255,  255,  0.6);
font-size:16px!important;
margin: 5px;
font-weight:700;
border-radius:8px;
line-height:25px;
padding:4px 8px;
text-align:left;
}
.red:hover {
box-shadow: 0px 0px 15px 1px rgba(255,  51,  0,  0.6);
}
.red a {
color:#000!important;
font-size:16px!important;
}
.red a:hover {
color:#ff0000!important;
font-size:16px!important;
}
input[type="date"].form-control{
width:130px 
}
.text-muted.small {
color:red;
padding-left:10px 
}
.form-control.ccm-input-date.hasDatepicker{
width:130px 
}
@media (max-width: 767px){
form.hstack.gap-3.ccm-search-block-form{
display:none;
}
#header h1 {
margin:0!important;
padding:0!important;
}
#header h1 span {
font-size:40px!important;
}
.row{
margin:0 
}
}
@media (min-width: 768px) {
.col-sm-6 {
width: 50%;
min-width: 400px;
}
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #fff;
}
#logo h1 span {
font-size: 50px;
line-height: 50px;
color: #fff;
}
.master-container #header {
background: rgba(0,  123,  196,  1)!important;
text-align: left;
position: relative;
z-index: 6;
border-bottom: 10px solid;
color: #fff;
border-color: #222;
}
/* Mycss styles */
.mynav,  .a.nav.selected.nav-path-selected.mynav {
background-color:red!important 
}
.ccm-ui .form-select {
font-size:12px
}
.form-displaced {
position: fixed;
top: 200px;
left: 0;
width: 200px;
}
.sprite {
background: url("/images/css_sprite_two.png") no-repeat top left;
width: 130px;
height: 40px;
display:inline-block;
}
.sprite.youtube {
background-position: -15px -15px;
}
.sprite.no-alcohol-drugs {
background-position: -15px -365px;
}
.sprite.pba {
background-position: -15px -85px;
}
.sprite.walking-stick {
background-position: -15px -155px;
}
.sprite.accessible-icon {
background-position: -15px -505px;
}
.sprite.facebook {
background-position: -15px -575px;
}
.sprite.family-icon {
background-position: -15px -645px;
}
.sprite.instagram {
background-position: -15px -295px;
}
.sprite.whatsapp {
background-position: -15px -225px;
}
.sprite.sms {
background-position: -15px -785px;
}
.sprite.camera {
background-position: -15px -715px;
}
.sprite.paypal {
background-position: -15px -435px;
}
.sprite.tackle {
background-position: -15px -855px;
}
.sprite.bait {
background-position: -15px -925px;
}
.sprite.calendar {
background-position: -15px -995px;
}
.sprite.email {
background-position: -15px -1065px;
}
.btext {
font-weight:700 
}
.large {
font-size:120% 
}
.trone,  .trtwo {
height: 30px;
font-weight:700 
}
.trtop {
width:100% 
}
.trtop td {
width:50%;
padding: 3px 
}
.trone {
background-color: #e0e0eb;
}
.trtwo {
background-color: #fff;
}
.trone td,  .trtwo td {
padding:10px 3px;
width:25%;
}
.mybackslight {
background-color: rgb(0,  0,  0)!important;
border-radius:8px;
margin-top:10px!important;
}
.mybackslight p,  .mybackslight h3,  .mybackslight .form-label {
color:#fff!important
}
.mybackslight p strong {
line-height:30px;
color:rgba(230,  138,  0,  1)!important;
}
.mybacks {
background-color:#fff;
border-radius:8px;
margin-top:10px!important;
margin-bottom:10px!important;
padding:10px;
color:#000 
}
.mybacksdark {
background-color:#444;
border-radius:8px;
margin-top:10px!important;
margin-bottom:10px!important;
padding:10px;
color:#fff 
}
.btn-success {
color: #fff!important;
border-color: #4cae4c;
}
p.black {
color:#000 !important 
}
input[type="date"]::-webkit-calendar-picker-indicator {
  color: #000;
  width:30px;
  height:30px;
  cursor:pointer
}
input[type="date"] {
  color: #000;
  -webkit-appearance: inherit !important;
}
input[type="image"] {
  padding-left: 8px
}
input[type="file"] {
display: block;
font-size:16px!important 
}
.btn-primary {
margin-top:10px;
}
.pagelinks {
background: #f8c22f url(/images/bg_light_blue_mob.png) repeat-x 0 -80px;
color:#000!important;
font-weight:600!important;
}
.pagelinks {
line-height: 16px;
display: inline-block;
text-align: center;
font: 15px/17px "Source Sans Pro",  sans-serif;
margin: 5px 5px 20px 5px;
padding: 4px 8px;
border: 2px solid black;
border-radius: 4px;
outline:2px solid #fff!important 
}

.form-check-label span{
color: #fff;
padding: 0 10px 
}
.ccm-block-tags-tag {
background-color: rgba(230,  138,  0,  1);
padding: 6px;
font-weight: normal;
color: #000;
}
.ccm-block-tags-tag:hover {
background-color: rgba(230,  138,  0,  0.7);
font-weight: 700;
}
label{
display:inline-block;
max-width:100%;
margin-bottom:5px;
font-weight:700;
}
.label{
padding:.2em .6em .3em;
font-weight:700;
font-size:80%;
line-height:1;
color:#000;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:.25em;
margin:8px 0
}
a.label:focus, a.label:hover{
color:#fff;
text-decoration:none;
cursor:pointer
}
.label:empty{
display:none
}
.btn .label{
position:relative;
top:-1px
}
.label-default{
background-color:#777
}
.label-default[href]:focus, .label-default[href]:hover{
background-color:#5e5e5e
}

.iframe-two {
max-width:232px!important;	
width:232px;
height:330px;
zoom:140%;
transform-origin: top left;
}
@media (max-width:425px){
.iframe-two {
clear:both;
}
}
@media (max-width:375px){
.iframe-two {
clear:both;
margin-left: -5px
}
}
@media (max-width:320px){
.iframe-two {
zoom:115%;	
clear:both;
}
}

@media (max-width:425px){
.col-sm-6,  .col-sm-3 {
padding:0; 
}
}
.h1, h1 {
  font-size: clamp(32px, 1.818vw + 26.18px, 48px);
  line-height: 1.15;
}

.h2, h2 {
  font-size: clamp(24px, 1.364vw + 19.64px, 36px);
  line-height: 1.25;
}

.h3, h3 {
  font-size: clamp(18px, 0.682vw + 15.82px, 24px);
  line-height: 1.3;
}

.h4, h4 {
  font-size: clamp(16px, 0.909vw + 13.09px, 24px);
  line-height: 1.35;
}

p, body {
  font-size: clamp(16px, 0.227vw + 15.27px, 18px);
  line-height: 1.5; /* Adjusted from 1.0 for readability */
}
.h5, h5{
font-size:14px
}
.h6, h6{
font-size:12px
}


/* ######## Style the tabs ####### */
.tab {
  overflow: hidden;
  background-color: #000;
}
.tablink, .tablinks, .yellow,  .green {
background: #00ccff ;
color:#000!important;
font-weight:600!important;
display: inline-block;
text-align: center;
font: 15px/17px "Source Sans Pro",  sans-serif;
margin: 5px 4px 20px 4px!important;
padding: 4px 8px;
border: 2px solid #fff;
border-radius: 4px;
}
.yellow {
background: #00ff00!important;
color:#000!important;
font-weight:600;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  float: left;
  cursor: pointer;
  transition: 0.3s;
}
/* Change background color of buttons on hover */
.tab button:hover, .yellow:hover {
  background-color: #fff!important;
}
/* Create an active/current tablink class */
.tab button.active {
	background: rgba(230, 138, 0, 1);
	font-weight:700
}
/* Style the tab content */
.tabcontent {
  display: none;
  padding: 0;
  border-top: none;
  margin: 0;
}
.tabcontent {
  animation: fadeEffect 3s; /* Fading effect takes 1 second */
}
.tabcontent.active {
    display: block;
}
.tablink.active {
    background: rgba(230, 138, 0, 1);
}
.tablink:hover {
    background: #eee;
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
.pagelistcont .row .ccm-block-page-list-page-entry p a:hover {
	font-weight:700!important;
	color:#000!important
}
.leaflet-popup-content p {
	color:#000!important;
	margin:1.3em 0
}
.leaflet-bar a {
	color: #000!important;
	line-height: 26px;
	text-align: center;
}
.leaflet-bar a:hover {
	color: red!important;
}

.highlight-paypal-date {
  animation: paypalGlow 4s ease;
}
@keyframes paypalGlow {
  0%   { box-shadow: 0 0 0px 0px rgba(255, 215, 0, 0.0); }
  30%  { box-shadow: 0 0 15px 6px rgba(255, 215, 0, 0.9); }
  100% { box-shadow: 0 0 0px 0px rgba(255, 215, 0, 0.0); }
}