body {
    font-family: 'Montserrat', sans-serif;
    color: #575959;
    font-size: 14px;
    font-weight: 500;
}

.btn-primary {
  color: #fff;
  background-color: #03224b !important;
}
.bg-primary {
  background-color: #03224b !important;
}

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 150px;
    padding-left: 150px;
    margin-right: auto;
    margin-left: auto;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #03224b;
}
.leftLink {
    float: left;
}
.topnav {
   /* height: 30px;*/
	background-color: #efefef;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1),0 2px 0px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1),0 2px 10px 0 rgba(0,0,0,0.1);
	padding: .0rem 0rem;
}


.topnav p {
	margin-bottom: 0.1rem;
    margin-top: 0;
  word-wrap: break-word;
}
.topnav a {
	font-size: 15px;
color: #000;
font-weight: normal;
  
}
.middlenav{
	background-color: #fff;
	box-shadow: 0;
	
}
.mainnav{
	background-color: #03224b;
	
}
.ScreenReader p{	
text-decoration: underline;
color:#595656;
font-size: 12px;
margin-top: 10px;
margin-right: 10px;
}

.topNavLeftBar a {	
color:#595656;
font-size: 12px;


}

.pre-blog {
    font-size: 12px;
    color: #03224b;
    margin-bottom: 5px;   
    font-weight: bold;
}
.imgFontMin {
   background: url() no-repeat 0 -110px;
        background-color: rgba(0, 0, 0, 0);
    text-indent: -9999px;
    overflow: hidden;
      width: 20px;
    height: 22px;
    display: inline-block;
    padding: 0;
}
.imgFontDefault {
   background: url() no-repeat 0 -131px;
        background-color: rgba(0, 0, 0, 0);
    text-indent: -9999px;
    overflow: hidden;
      width: 20px;
    height: 22px;
    display: inline-block;
    padding: 0;
}
.imgFontMax{
   background: url() no-repeat 0 -151px;
        background-color: rgba(0, 0, 0, 0);
    text-indent: -9999px;
    overflow: hidden;
      width: 20px;
    height: 22px;
    display: inline-block;
    padding: 0;
}

 .imgLightTheam {
    background: url() no-repeat 0 -508px;
        background-color: rgba(0, 0, 0, 0);
    text-indent: -9999px;
    overflow: hidden;
    width: 20px;
    height: 22px;
    display: inline-block;
    padding: 0;
}
.imgDarkTheam {
   background: url() no-repeat 0 -483px;
        background-color: rgba(0, 0, 0, 0);
    text-indent: -9999px;
    overflow: hidden;
      width: 20px;
    height: 22px;
    display: inline-block;
    padding: 0;
}
.socialIconBox {
    background: url() left top no-repeat;
    width: 42px;
    height: 250px;
    position: fixed;
    right: 0;
    top: 70%;
    z-index: 9998;
    margin-top: -215px;
}
.socialIconBox a {
    color: 
    #fff;
    background-image: url();
    width: 34px;
    height: 34px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0 0 3px 6px;
        margin-top: 10px;
    float: left;
}
.socialIconBox .meaApp {
    background-position: -2px 1px;
    margin-top: 13px;
}
.socialIconBox .twitter {
    background-position: -1px -41px;
}
.socialIconBox .facebook {
    background-position: -2px -83px;
}
.socialIconBox .youtube {
    background-position: -2px -168px;
}

.socialIconBox .trophy{
    background-position: -2px -205px;
}

.newsline{
	background-color: white;
}
.servicesline{
	background-color: white;
	/*background-image: url(../images/sec_5_bg.png);*/
	background-attachment: scroll;
background-attachment: fixed;
background-repeat: no-repeat;
/*min-height: 100px;*/
width: 100%;
height: auto;
background-size: cover;

}

.menu-color {
    background-color: #03224b  !important;
}
.servicesimg{
	background-image: url();
	 background-repeat: no-repeat;
	background-color: #03224b;
	height: 190px;
	width:100%;
}
.servicesimg p{
	color:white;
}
.eventbanner{
	
	background-image: url();
	height: 230px;
}
.statusbar{
	
}
.section-head {
    border-bottom: 2px solid #03224b;
    width: auto;
    text-transform: uppercase;
    padding-right: 15px;
    padding-left: 0px;
}
.newsline{
	background-color: white;
}
.newsline h5 {
    font-size: 1.22rem;
}
.newsline p {
    font-size: 1.0rem;
}

.joinusline{
	background-color: white;
}
.insideline{
	background-color: white;
}
.insideline h5 {
    font-size: 1.2rem;
}

.insideline .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0.5rem;
}

.insideline  .card {
    word-wrap: unset;
}
.insideline .imgsize{
	width: 80px;
}
.relatedline{
	background-color: white;
}
.contentline{
	background-color: white;
}
.pl-8, .px-8 {
    padding-left: 8rem !important;
}
 .img-ship{

        width: 100%;
        

        position: relative;

        display: inline-block;

    }

    .card .img-top {

        display: none;

        position: absolute;

        top: 0;

        left: 0;
  width: 100%;
        z-index: 99;

    }

    .card:hover .img-top {

        display: inline;

    }

/* fleet galler*/


.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #42B32F;
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42B32F;

}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}
/* Contact us */


  
    
    /* contact us row */
.rowcontactus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
   /* margin-right: -15px;*/
    margin-left: 15px;
    
    }
    
    .cardcontact
    {
            margin-top: 20px;
            
    }
    .hmenu
    {
        
    border: 1px solid rgba(0,0,0,.125);
    margin-top: 10px;
   
    }
    .hcontact
    {
     
     width:60%;   
    /*border: 1px solid rgba(0,0,0,.125);*/
    margin-top: 10px;
    background-color: #dae0e5;
    padding-left: 10px;
    }
      .hcontact strong
    {
         color: #021834;
         font-size: 20px;
    }
    .nav-pills .nav-link {

    border-radius: .25rem .0rem .0rem .25rem;}
/* contact us row */
    
   
    
/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 50px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #5A55A3;
  background-image: #5A55A3;
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #5A55A3;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}
.tender{
background-color: #31e1af;

background-image: url();
}
.joinus{
background-color: #1976d2;
background-image: url();
}
.filter a{
  padding-left: 20px;
 padding-right: 20px;
font-size: 18px;
}

/*----------News Archives Start -------*/
.newsarchivecontainer { font-family: sans-serif; color: #666; }
.newsarchivecontainer ul.arc-year-group {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}
    .newsarchivecontainer li.arc-year-group-row {
        display: block;
        overflow: hidden;
    }
        /* year (number) */
        .newsarchivecontainer li.arc-year-group-row > a,
        .newsarchivecontainer li.arc-year-group-row > a:link,
        .newsarchivecontainer li.arc-year-group-row > a:visited {
            text-decoration: none;
            color: #777;
            font-size: 18px;
        }
        .newsarchivecontainer li.arc-year-group-row > a:hover,
        .newsarchivecontainer li.arc-year-group-row > a:active {
            color: #000;
        }
        .newsarchivecontainer ul.arc-group {
            display: block;
            list-style: none;
            margin: 0;
            padding: 0;
        }
            .newsarchivecontainer li.arc-row {
                display: block;
                float: left;
                margin-right: 5px;
            }
            .newsarchivecontainer li.arc-row:last-child {
                margin-right: 0;
            }
                /* month (name - short)*/
                .newsarchivecontainer ul.arc-group a,
                .newsarchivecontainer ul.arc-group a:link,
                .newsarchivecontainer ul.arc-group a:visited {
                    text-decoration: none;
                    display: block;
                    padding: 3px 6px;
                    color: inherit;
                    background-color: #fbfbfb;
                    border: 1px solid #e0e0e0;
                    border-top-width: 3px;
                    border-bottom-width: 3px;
                }
                .newsarchivecontainer ul.arc-group a:hover,
                .newsarchivecontainer ul.arc-group a:active {
                    border-color: #666;
                }
                    .newsarchivecontainer ul.arc-group span {
                        display: block;
                        font-size: 12px;
                        text-align: center;
                        color: #c0c0c0;
                    }
                    
/*----------News Archives END -------*/
/* pagination*/
.pagination{
padding: 2px;
margin-left: 10px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #64b1d4;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}
/* pagination End*/


/*  Nav Bar CSS */

.language img {
  width: 70px;
}

.icon-bar {
   position: relative;
    top: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);   
    margin-left: 10px;
    z-index: 50;
margin-right: 0px;
float: right;
}

.navbar-nav {
  font-size: 16px!important;
}

.icon-bar a {
  /*  display: block;*/
    text-align: center;
    padding: 6px;
    transition: all 0.3s ease;
    color: white;
    font-size: 16px;
    background-color: #03224b;
    border-radius: 25px;
    margin: 0px 10px;
  
}
.icon-bar a:hover {
    background-color: #03224be6;
    color:white;
}

.facebook {
    padding: 6px 9px!important;
}

.search-bar {
    position: relative;
    top: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);  
    z-index: 50;
    margin-right: 0px;

}

.search-bar a {
  /*  display: block;*/
    text-align: center;
    padding: 5px;
    margin: 0px 2px;
    transition: all 0.3s ease;
    color: white !important;
    font-size: 16px;
    background-color: #03224b;
    border-radius: 25px;
    margin: 0px 10px;
}
.search-bar a:hover {
    background-color: #03224be6;
    color:white;
}

.LightTheam {
    margin: 15px;
   padding: 4px 7px;
 border: 2px solid #03224b;
}
.DarkTheam{

  background-color: #03224b;
   margin: 15px;
   padding: 5px 8px;
   color: white!important;
}

.icon-search a{
  /*  display: block;*/
    text-align: center;
    padding: 10px;
    transition: all 0.3s ease;
    color: white;
    font-size: 12px;
    background-color: #03224b;
    border-radius: 25px;
  
}
/*  Nav Bar CSS */






/* The Modal (background) */
.accessibility {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.accessibility-body a{
padding: 10px;
}


/* Modal Content/Box */
.accessibility-content {
  background-color: #03224be6;
  margin: 10% auto; /* 15% from the top and centered */
  padding: 20px 0px;
  border: 1px solid #888;
  width: 45px; /* Could be more or less, depending on screen size */
  position: fixed;
  right: 0;
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
} 


/* 
  You want a simple and fancy tooltip?
  Just copy all [data-tooltip] blocks:
*/
[data-tooltip] {
  position: relative;
  z-index: 10;
}

/* Positioning and visibility settings of the tooltip */
[data-tooltip]:before,
[data-tooltip]:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: 50%;
  bottom: calc(100% + 5px); /* 5px is the size of the arrow */
  pointer-events: none;
  transition: 0.2s;
  will-change: transform;
}

/* The actual tooltip with a dynamic width */
[data-tooltip]:before {
  content: attr(data-tooltip);
  padding: 10px 18px;
  min-width: 50px;
  max-width: 300px;
  width: max-content;
  width: -moz-max-content;
  border-radius: 6px;
  font-size: 14px;
  background-color: rgba(59, 72, 80, 0.9);
  background-image: linear-gradient(30deg,
    rgba(59, 72, 80, 0.44),
    rgba(59, 68, 75, 0.44),
    rgba(60, 82, 88, 0.44));
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-align: center;
  white-space: pre-wrap;
  transform: translate(-50%, -5px) scale(0.5);
}

/* Tooltip arrow */
[data-tooltip]:after {
  content: '';
  border-style: solid;
  border-width: 5px 5px 0px 5px; /* CSS triangle */
  border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent;
  transition-duration: 0s; /* If the mouse leaves the element, 
                              the transition effects for the 
                              tooltip arrow are "turned off" */
  transform-origin: top;   /* Orientation setting for the
                              slide-down effect */
  transform: translateX(-50%) scaleY(0);
}

/* Tooltip becomes visible at hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}
/* Scales from 0.5 to 1 -> grow effect */
[data-tooltip]:hover:before {
  transition-delay: 0.3s;
  transform: translate(-50%, -5px) scale(1);
}
/* 
  Arrow slide down effect only on mouseenter (NOT on mouseleave)
*/
[data-tooltip]:hover:after {
  transition-delay: 0.5s; /* Starting after the grow effect */
  transition-duration: 0.2s;
  transform: translateX(-50%) scaleY(1);
}
/*
  That's it for the basic tooltip.

  If you want some adjustability
  here are some orientation settings you can use:
*/

/* LEFT */
/* Tooltip + arrow */
[data-tooltip-location="left"]:before,
[data-tooltip-location="left"]:after {
  left: auto;
  right: calc(100% + 5px);
  bottom: 50%;
}

/* Tooltip */
[data-tooltip-location="left"]:before {
  transform: translate(-5px, 50%) scale(0.5);
}
[data-tooltip-location="left"]:hover:before {
  transform: translate(-5px, 50%) scale(1);
}

/* Arrow */
[data-tooltip-location="left"]:after {
  border-width: 5px 0px 5px 5px;
  border-color: transparent transparent transparent rgba(55, 64, 70, 0.9);
  transform-origin: left;
  transform: translateY(50%) scaleX(0);
}
[data-tooltip-location="left"]:hover:after {
  transform: translateY(50%) scaleX(1);
}



/* RIGHT */
[data-tooltip-location="right"]:before,
[data-tooltip-location="right"]:after {
  left: calc(100% + 5px);
  bottom: 50%;
}

[data-tooltip-location="right"]:before {
  transform: translate(5px, 50%) scale(0.5);
}
[data-tooltip-location="right"]:hover:before {
  transform: translate(5px, 50%) scale(1);
}

[data-tooltip-location="right"]:after {
  border-width: 5px 5px 5px 0px;
  border-color: transparent rgba(55, 64, 70, 0.9) transparent transparent;
  transform-origin: right;
  transform: translateY(50%) scaleX(0);
}
[data-tooltip-location="right"]:hover:after {
  transform: translateY(50%) scaleX(1);
}



/* BOTTOM */
[data-tooltip-location="bottom"]:before,
[data-tooltip-location="bottom"]:after {
  top: calc(100% + 5px);
  bottom: auto;
}

[data-tooltip-location="bottom"]:before {
  transform: translate(-50%, 5px) scale(0.5);
}
[data-tooltip-location="bottom"]:hover:before {
  transform: translate(-50%, 5px) scale(1);
}

[data-tooltip-location="bottom"]:after {
  border-width: 0px 5px 5px 5px;
  border-color: transparent transparent rgba(55, 64, 70, 0.9) transparent;
  transform-origin: bottom;
}


}

 /*  Accessibility CSS */


 
     .cms-acc-fonts,
    .cms-acc-fonts *:not(.fa) {
        font-family: Arial, Helvetica, sans-serif, "Arial Narrow"
    }

    .cms-acc-size1,
    .cms-acc-size1 *:not(.fa) {
        font-size-adjust: .65;
        line-height: normal !important
    }

    .cms-acc-size2,
    .cms-acc-size2 *:not(.fa) {
        font-size-adjust: .8;
        line-height: normal !important
    }

    .cms-acc-size3,
    .cms-acc-size3 *:not(.fa) {
        font-size-adjust: .95;
        line-height: normal !important
    }

    .cms-acc-size4,
    .cms-acc-size4 *:not(.fa) {
        font-size-adjust: 1.2;
        line-height: normal !important
    }

    .cms-acc-spacing1,
    .cms-acc-spacing1 *:not(.fa) {
        word-spacing: .16em !important;
        letter-spacing: .12em !important
    }

    .cms-acc-spacing2,
    .cms-acc-spacing2 *:not(.fa) {
        word-spacing: .32em !important;
        letter-spacing: .24em !important
    }

    .cms-acc-spacing3,
    .cms-acc-spacing3 *:not(.fa) {
        word-spacing: .48em !important;
        letter-spacing: .36em !important
    }

    .cms-acc-spacing4,
    .cms-acc-spacing4 *:not(.fa) {
        word-spacing: .6em !important;
        letter-spacing: .48em !important
    }

    .cms-acc-animations,
    .cms-acc-animations * {
        animation-play-state: paused !important;
        transition: none !important;
        animation: none !important
    }

    .cms-acc-cursor,
    .cms-acc-cursor * {
        cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAvCAMAAAC18jgTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGBQTFRF7e3t5OTkJSUl3Nzc0tLSc3Nz9fX1ioqKAAAAoKCgU1NTsbGxXV1dm5ubGBgYOzs7rq6uMzMzvr6+ysrKx8fHtbW1+vr6wcHBCQkJSkpK////gICAhoaG/f39Y2Nj////1ZTbmwAAACB0Uk5T/////////////////////////////////////////wBcXBvtAAABK0lEQVR42oTU2bKDIAwAUHdi3attFdv6/395E/XKFigP0TBHEmQ0gnULjgh+CARhQSAodhASBwgIAreQICBDYgchcYCAOIFf/AOvuIBPKOARGuCFDlhhAE6YgBEWcIUNHOEAW7jAEgwwBQcMwQJd8EATHqCED1yCAUWcvfpGnMIB4wDaWB2QzmCM1QY5wNwO3e2bi6a/Z3GhQJ/3GLHAyB531uHNXNIKNQeyo7VZphgiF4wJXgSihmoIB7yo9XIrARJZYfhY4EGLV9tWtACTxPBwfyDtRAl22Mk3wOKANtsT7BAimkktkMRntgC8JW44N0F37Qu7aeWEodDBorIPbre6J7QlBeqn1pLAelR0UCA3X+x+mHM9qRnrY66xgTXWH7HAOJRPY+JPgAEAO22KCW6mtIgAAAAASUVORK5CYII=), auto
    }

    .cms-acc-highlight a[href]:not(.fa) {
        text-decoration: underline !important;
        color: #ff0 !important;
        background-color: #000 !important
    }

    .cms-acc-contrast1>* {
        filter: invert(100%);
        overflow: hidden
    }

    .cms-acc-contrast3>* {
        filter: contrast(1.75);
        overflow: hidden
    }

    .cms-acc-contrast4>* {
        filter: saturate(0);
        overflow: hidden
    }

    .cms-acc-contrast2 * {
        background-color: #000;
        color: #50d0a0
    }

    .cms-acc-contrast2 a {
        background-color: #000 !important;
        color: #fcff34 !important
    }



.cms-acc,.cms-acc * { all:unset;background:#fff; letter-spacing:1px;!important;  display:block; font-family:Arial, Helvetica, sans-serif, "Arial Narrow"; font-size-adjust:.5!important; word-spacing: 0em !important; letter-spacing:0em !important;}

.cms-acc {  padding:10px; border-radius:10px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; z-index:999999}
.cms-acc a{ cursor:pointer; color:#000;  border:1px black solid ; width:100px; float:right; margin:0.2vw;padding:0; line-height:30px; box-sizing:border-box }
 
.cms-acc>span { float:left; margin:10px 0 0 0; line-height:22px; }


.cms-acc .tls { margin:0;padding:0; font-family:Arial, Helvetica, sans-serif, "Arial Narrow"; width:50vw ; overflow:hidden}
.cms-acc .tls li { margin:0;padding:0.2vw;list-style:none;  float:left; width:20% ; box-sizing:border-box; }
.cms-acc .tls li a {  margin:0;padding:0;padding-top:100%;display:block; border:1px black solid ; width:100%; line-height:0vw ; text-align:center; position:relative;  box-sizing:border-box; font-size:12pt; font-family:Arial, Helvetica, sans-serif, "Arial Narrow" }
.cms-acc a:hover { background-color:#333!important;color:#fff }
.cms-acc .tls li a * {  background-color:transparent !important; }

.cms-acc .tls li a em {   line-height:3vw;}
.cms-acc .tls li a em:before { font-size:3vw; font-family:FontAwesome;}
.cms-acc .tls li a strong { display:block; line-height:1.1em; margin-top:.5vw }
.cms-acc .tls li a span{ display:block; position:absolute;  left:50%; top:50%; transform:translate(-50%,-50%);  }

@media(max-width: 1024px) { 
	.cms-acc .tls { width:640px }

	.cms-acc .tls li a em {   line-height:1.1em;}
	.cms-acc .tls li a em:before { font-size:20pt;}
}

@media(max-width: 640px) { 
	.cms-acc .tls { width:260px }
	.cms-acc .tls li a { padding-top:60%;}
	.cms-acc .tls li { width:50% }
	.cms-acc>span { float:none; display:block; }
	.cms-acc>a {  display:block; width:calc(50% - 0.4vw); margin-top:10px }
}



[class*=cms-acc-size] 		.cms-acc .tls li a[data-option=Size], 
.cms-acc-keyboard 	.cms-acc .tls li a[data-option=Keyboard], 
.cms-acc-cursor 	.cms-acc .tls li a[data-option=Cursor], 
.cms-acc-highlight	.cms-acc .tls li a[data-option=Highlight], 
[class*=cms-acc-spacing]	.cms-acc .tls li a[data-option=Spacing], 
.cms-acc-animations .cms-acc .tls li a[data-option=Animations], 
[class*=cms-acc-contrast] 	.cms-acc .tls li a[data-option=Contrast], 
.cms-acc-read 		.cms-acc .tls li a[data-option=Read], 
.cms-acc-tips 		.cms-acc .tls li a[data-option=Tips], 
.cms-acc-fonts 		.cms-acc .tls li a[data-option=Fonts], 


.cms-acc-xxx
{  background-color:gainsboro;}


.fa-text-height:before{content:"\f034"}
.fa-keyboard-o:before{content:"\f11c"}
.fa-mouse-pointer:before{content:"\f245"}
.fa-unlink:before{content:"\f127"}
.fa-arrows-h:before{content:"\f07e"}
.fa-pause:before{content:"\f04c"}
.fa-adjust:before{content:"\f042"}
.fa-volume-up:before{content:"\f028"}
.fa-commenting:before{content:"\f27a"}
.fa-font:before{content:"\f031"}


#cms-acc-tooltip { display:none; pointer-events: none;background-color:#333; color:#fff; border:3px #fff solid; padding:5px 20px; max-width:300px; box-sizing:border-box; position:absolute; z-index:99999; top:0;left:0; font-size:14pt; font-weight:bold; border-radius:10px; font-family:Arial, Helvetica, sans-serif, "Arial Narrow"; }
.cms-acc-tips #cms-acc-tooltip.on { display:block}


#cms-acc-keyboard { display:none; pointer-events: none;  border:3px #f00  dashed;  box-sizing: border-box; position:absolute; z-index:99999; top:0;left:0;  }
.cms-acc-keyboard #cms-acc-keyboard { display:block}
.cms-acc-read #cms-acc-keyboard { display:block; background-color:rgba(255,255,0,.3)}



 /*  Accessibility CSS */
.text-justify {
  text-align: justify;
}


/*#colorbox { width: 1000px;}
#colorbox{outline:0;width: 1000px !important;}
#cboxContent{margin-top:20px;background:#000;width: 1000px !important;}

*/

.group2:hover img, .group2:hover video {
  -webkit-transform: scale(2);
  transform: scale(2);
  border: #03224be6 !important;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
  border-style: solid !important;
}

.hover-zoom:hover img, .hover-zoom:hover video {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
    border: #03224be6 !important;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
  border-style: solid !important;
  margin-top: 20px;
}

.navbar-brand {
  font-size: 16px;
    font-weight: 500;
}

.nav-link {
  font-weight: 500;
}

.nav-link:hover {
  font-weight: 600;
}

.navbar-nav li {
  margin-left: 10px;
  margin-right: 10px;
}


.dropdown-item {
margin: 0px !important;
border-bottom: 1px solid #aeaeae38;
}

.simplesearch-search-form [type="text"] {
  color: #03224be6;
  border-right: none;
    border-right-color: currentcolor;
  border-top: none;
    border-top-color: currentcolor;
  border-left: none;
    border-left-color: currentcolor;
  border-color: #03224be6;
  width: 60%;
}

.simplesearch-search-form [type="submit"] {
  color: #fff;
  background-color: #03224be6 !important;
  padding: 5px;
  border: none;
  width: 20%;
}
#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#cboxWrapper{
    height: 580px!important;
width: 820px!important;
}
.cboxPhoto{
        height: 550px!important;
width: 800px!important;
}