#bsmenu li a {font-family: diwibold;
font-weight:normal;}
#logo {width: 324px;
height:36px;
margin: -7px 0 0 0;
border:0; 
}


@media only screen and (max-width: 1144px) {
#logo {
width: 216px;
height:24px;
margin: -3px 0 0 0;
}



}
#logo a img:hover {opacity: 0.5;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;}
.footer {background-color:#1a1a1a;}
.right-xs {float:left !important;
}

@media only screen and (max-width: 480px) {
.right-xs {
float:right;
clear:both;
}
}
.left-xs {float:right !important;
}

@media only screen and (max-width: 480px) {
.left-xs {
float:left !important;
clear:both;
}
}
.blueback {background: #2e6b88;}
.redback {background: #8c4155;
}
.none {display:none;}
.spacer {padding: 30px 0 30px 0 !important;
display:block;}
.border {border-bottom: 2px solid #e4e7e4;}
.teamxs {float:left;
}

@media only screen and (max-width: 767px) /* and (orientation: portrait) */ {
.teamxs {
float:none; margin: 0 auto; 
}

}
.bottom {padding: 0 0 30px 0 !important;
display:block;
}

.top {
padding: 30px 0 0 0 !important;
display:block;}
.google-maps {       position: relative;
        padding-bottom: 45%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
}


@media only screen and (max-width: 760px) {
.google-maps {
       position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
}
}
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;}
a.box {text-decoration:none;}
a.box div:hover { -moz-opacity: 0.7;
 -webkit-opacity: 0.7;
 opacity: 0.7;
transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;}
a.box div { -moz-opacity: 1.0;
  -webkit-opacity: 1.0;
  opacity: 1.0;
transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;}
.fieldnod {display:none;
visibility:hidden;}
.diw_icon {vertical-align: middle;
width: 20px;
}
.indicator-arrow-left {display: block;
}

@media only screen and (max-width: 640px) {
.indicator-arrow-left {
     display: none;
}
}
.btn-back-to-top {position: fixed;
bottom: 0.0rem;
left: 1.5rem !important;
z-index: 9999;
padding: 0px 4px 15px 4px;
background: #027d78;
display: none;
height: 3.0rem;
width: 2.0rem;
text-align: center;
color: #fff;
opacity: 0.8;
border-radius: 5px 5px 0 0;
}

btn-back-to-top:hover {
color: #000;
opacity: 1;
}
.mainimage {width: 100%;}
.nav-item.active {background-color: rgba(2,125,120,0.8);
}

.nav-item.active a .nav-link-text {
color: #fff !important;
}
.nav-item:hover {background-color: rgba(2,120,125,0.2);}
a:hover img { -moz-opacity: 0.7;
 -webkit-opacity: 0.7;
 opacity: 0.7;
transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;}
.tshadow {text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);}
