HTML, BODY {background-color: #fff; position:relative; font-family: 'Open Sans', sans-serif; font-size:15px}

h1, h2, h3, h4 { font-weight: bold; color: #5f6060;}
h1  {font-size: 40px; margin:0; padding:0; }
h2  {font-size: 30px; margin:0 0 30px 0; padding:0;}
h3  {font-size: 20px; font-weight: 700;  margin:0 0 30px 0; padding:0;}

h1 a:hover, h2 a:hover {color: #eb6509; text-decoration: none;}
a  {color: #333; transition: color .2s,background-color .2s,border-color .2s; }
a:hover, a:active, a:focus {color: #eb6509; text-decoration: none;}

.np {padding:0}
LABEL {font-weight: 300; font-weight: lighter; padding-top:4px}
UL {margin:0; padding:0; list-style-type: none;}
input[type=checkbox], input[type=radio] {margin:0}
input[type=radio]:checked+label, input[type=checkbox]:checked+label {color: green;}
input[type=radio]:checked+label a, input[type=checkbox]:checked+label a {color: green;}
iframe {border:none}
label {cursor: pointer;}
form div, form label {padding:0}
.input {vertical-align: middle;}
.input {vertical-align: middle;}
.labels{ vertical-align: middle; margin-top: -1px !important; }
.inline { display: inline; }
.btn, .form-control {border-radius:0}
.btn {cursor: pointer;}
.form label {padding-top:6px}
.nofloat {float:none; margin: 0 auto}
.btn:focus, .btn:active:focus, .btn.active:focus, input:focus, textarea:focus, a:focus { outline: 0 none; }
.form-control:focus {border-color: #eb6509 !important;  box-shadow: none !important;  outline: 0 !important;  transition: none;}
.mfp-image-holder .mfp-close {font-size:45px}
.bx-wrapper .bx-pager .bx-pager-item:first-of-type:last-of-type {display: none !important}
#toTop { display:none; text-decoration:none; position:fixed; bottom:90px; right:10px; overflow:hidden; width:70px; height:70px; border:none; text-indent:100%; background:url(../images/toptop.png) no-repeat left top; } #toTopHover { display:block; overflow:hidden;  } #toTop:active, #toTop:focus { outline:none; }
.cover {background-size: cover; -moz-background-size: cover; background-repeat: no-repeat; background-position: center}
.opacity img:hover {opacity:.7}
.relative {position: relative;}
.modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom { margin-right: 17px; } //* fixed nav hack */
.modal.fade .modal-dialog { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } /* modal slide from top */
.modal-content {border-radius:0}
.modal-dialog {margin-top:100px}
.modal-body {padding:30px; font-size:1.3em}
.mobile-menu {display:none; }
.star {color:red; font-style: normal;}

#toTop { display:none; text-decoration:none; position:fixed; bottom:40px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:100%; background:url(../images/ui.totop.png) no-repeat left top; } #toTopHover { background:url(../images/ui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #toTop:active, #toTop:focus { outline:none; }


input[type=radio] { display: none; }
input[type=radio] + b { display: block; }
input[type='radio'] + b:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 8px; width: 23px; }
input[type=radio] + b:before { content: "\f10c"; }
input[type=radio]:checked + b:before { content: "\f05d"; }

.label-default {background-color: #238356;}

.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    position: relative;
    left:-40px

}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
    top:1px;
    left:0
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}