@charset "utf-8";
/* CSS Document */


.bookmark-padding{
  display: block;
  height: 200px; /*same height as header*/
  margin-top: 200px; /*same height as header*/
  visibility: hidden;
}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 200px; /* Place the button at the bottom of the page */
  right: 100px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #2DAADF; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px; /* Some padding */
  border-radius: 5px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #0579B8;transition: 0.3s; /* Add a dark-grey background on hover */
}

.gsc-option {color: rgb(0,0,0);}
.gscb-a {color: rgb(0,0,0);}
#gs_cb50 {color: rgb(0,0,0);}

/*HEADER IMAGES*/
.header-image-template{background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(30, 139, 195, 0.5)), url(../images/jpg/PowerOfNice_HeaderImage.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}

.header-image-products{background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(30, 139, 195, 0.5)), url(../images/jpg/PowerOfNice_HeaderImage.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}

.header-image-billing{background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(30, 139, 195, 0.5)), url(../images/jpg/PowerOfNice_HeaderImage.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}

.header-image-claims{background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(30, 139, 195, 0.5)), url(../images/jpg/PowerOfNice_HeaderImage.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}

.header-image-about{background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(30, 139, 195, 0.5)), url(../images/jpg/PowerOfNice_HeaderImage.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}

.header-image-contact{background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(30, 139, 195, 0.5)), url(../images/jpg/PowerOfNice_HeaderImage.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}

.header-image-legal{background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(30, 139, 195, 0.5)), url(../images/jpg/PowerOfNice_HeaderImage.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}

/*CHARACTER STYLES BEGIN*/

/*Copy*/
div.copy{color:#4F4F4F;font-family:locator-web, sans-serif;padding-bottom:60px;}
div.copy h1{color:#0579B8;font-weight: 700;font-style: normal;font-size:28px;margin:0 0 0 0;padding:15px 0 15px 0;}
div.copy h1.no-space-after{padding:15px 0 0 0;}
div.copy h1.no-space-before{padding:0 0 15px 0;}
div.copy h1.no-spacing{padding:0 0 0 0;}
div.copy h2{font-weight: 700;font-style: normal;font-size:24px;margin:0 0 0 0;padding:15px 0 15px 0;}
div.copy h2.no-space-after{padding:15px 0 0 0;}
div.copy h2.no-space-before{padding:0 0 15px 0;}
div.copy h2.no-spacing{padding:0 0 0 0;}
div.copy h3{font-weight: 400;font-style: normal;font-size:22px;margin:0 0 0 0;padding:15px 0 15px 0;}
div.copy h3.no-space-after{padding:15px 0 0 0;}
div.copy h3.no-space-before{padding:0 0 15px 0;}
div.copy h3.no-spacing{padding:0 0 0 0;}
div.copy p{font-weight: 400;font-style: normal;font-size:18px;margin:0 0 0 0;padding:15px 0 15px 0;}
div.copy p.no-space-after{padding:15px 0 0 0;}
div.copy p.no-space-before{padding:0 0 15px 0;}
div.copy p.no-spacing{padding:0 0 0 0;}
div.copy a{color:#0579B8;}
div.copy ul{margin:0 0 0 20px;padding:15px 0 15px 0;}
div.copy ul.no-space-after{padding:15px 0 0 0;}
div.copy ul.no-space-before{padding:0 0 15px 0;}
div.copy ul li{font-weight: 400;font-style: normal;font-size:18px;}
div.copy ol{margin:0 0 0 20px;padding:15px 0 15px 0;}
div.copy ol.no-space-after{padding:15px 0 0 0;}
div.copy ol.no-space-before{padding:0 0 15px 0;}
div.copy ol li{font-weight: 400;font-style: normal;font-size:18px;}
li::marker {color:#0579B8;}

/*Tabs*/
main.content .container {color:#4F4F4F;font-family:locator-web, sans-serif;padding:30px 0 60px 0;}
main.content .container ul.nav-tabs{margin:0 0 15px 0;}
main.content .container ul.nav-tabs li.nav-item a.nav-link{color:#4F4F4F;font-weight: 700;font-style: normal;font-size:16px;}
main.content .container ul.nav-tabs li.nav-item a.nav-link:hover{color:#2DAADF;font-weight:700;font-style:normal;font-size:16px;}
main.content .container ul.nav-tabs li.nav-item a.nav-link.active{color:#0A6BA2;font-weight:700;font-style:normal;font-size:16px;}

div.tabs-container ul.nav-tabs li.nav-item.dropdown div.dropdown-menu a{color:#4F4F4F;font-weight: 400;font-style: normal;font-size:16px;}
div.tabs-container ul.nav-tabs li.nav-item.dropdown div.dropdown-menu a:hover{color:#2DAADF;font-weight: 400;font-style: normal;font-size:16px;}

div.tab-content div.tab-pane hr{margin:15px 0 15px 0;padding:0 0 0 0;}
div.tab-content div.tab-pane h1.tab-title{color:#0579B8;font-weight: 700;font-style: normal;font-size:28px;margin:0 0 0 0;padding:15px 0 15px 0;}
div.tab-content div.tab-pane h1.no-space-after{padding:15px 0 0 0;}
div.tab-content div.tab-pane h1.no-space-before{padding:0 0 15px 0;}
div.tab-content div.tab-pane h1.no-spacing{padding:0 0 0 0;}
div.tab-content div.tab-pane h2{font-weight: 700;font-style: normal;font-size:24px;margin:0 0 0 0;padding:15px 0 15px 0;}
div.tab-content div.tab-pane h2.no-space-after{padding:15px 0 0 0;}
div.tab-content div.tab-pane h2.no-space-before{padding:0 0 15px 0;}
div.tab-content div.tab-pane h2.no-spacing{padding:0 0 0 0;}
div.tab-content div.tab-pane h3{font-weight: 400;font-style: normal;font-size:22px;margin:0 0 0 0;padding:15px 0 15px 0;}
div.tab-content div.tab-pane h3.no-space-after{padding:15px 0 0 0;}
div.tab-content div.tab-pane h3.no-space-before{padding:0 0 15px 0;}
div.tab-content div.tab-pane h3.no-spacing{padding:0 0 0 0;}
div.tab-content div.tab-pane p{font-weight: 400;font-style: normal;font-size:18px;margin:0 0 0 0;padding:15px 0 15px 0;}
div.tab-content div.tab-pane p.no-space-after{padding:15px 0 0 0;}
div.tab-content div.tab-pane p.no-space-before{padding:0 0 15px 0;}
div.tab-content div.tab-pane p.no-spacing{padding:0 0 0 0;}
div.tab-content div.tab-pane a{color:#0579B8;}
div.tab-content div.tab-pane ul{margin:0 0 0 20px;padding:15px 0 15px 0;}
div.tab-content div.tab-pane ul.no-space-after{padding:15px 0 0 0;}
div.tab-content div.tab-pane ul.no-space-before{padding:0 0 15px 0;}
div.tab-content div.tab-pane ul.no-spacing{padding:0 0 0 0;}
div.tab-content div.tab-pane ul li{font-weight: 400;font-style: normal;font-size:18px;}
div.tab-content div.tab-pane ol{margin:0 0 0 20px;padding:15px 0 15px 0;}
div.tab-content div.tab-pane ol.no-space-after{padding:15px 0 0 0;}
div.tab-content div.tab-pane ol.no-space-before{padding:0 0 15px 0;}
div.tab-content div.tab-pane ol.no-spacing{padding:0 0 0 0;}
div.tab-content div.tab-pane ol li{font-weight: 400;font-style: normal;font-size:18px;}

/*Accordion*/
#accordion1 div.card {font-family:locator-web, sans-serif;}
#accordion1 div.card-header{background-color:#4F4F4F;}
#accordion1 div.card-header h5 {background-color:#4F4F4F;padding-left:0;}
#accordion1 div.card-header a{color:#FFFFFF;font-weight:400;font-style: normal;font-size:18px;text-decoration: none;}
#accordion1 div.card-header a:hover{color:#2DAADF;font-weight:400;font-style: normal;font-size:18px; transition: 0.3s;}
#accordion1 div.card-body{background-color:#EBEBEB;padding:0 0 0 0;}
#accordion1 div.card div.card-body h1{font-weight:700;font-style: normal;font-size:28px;margin:0 0 0 0;padding:15px 0 15px 0;}
#accordion1 div.card div.card-body h1.no-space-after{padding:15px 0 0 0;}
#accordion1 div.card div.card-body h1.no-space-before{padding:0 0 15px 0;}
#accordion1 div.card div.card-body h1.no-spacing{padding:0 0 0 0;}
#accordion1 div.card div.card-body h2{font-weight: 700;font-style: normal;font-size:24px;margin:0 0 0 0;padding:15px 0 15px 0;}
#accordion1 div.card div.card-body h2.no-space-after{padding:15px 0 0 0;}
#accordion1 div.card div.card-body h2.no-space-before{padding:0 0 15px 0;}
#accordion1 div.card div.card-body h2.no-spacing{padding:0 0 15px 0;}
#accordion1 div.card div.card-body h3{font-weight: 400;font-style: normal;font-size:22px;margin:0 0 0 0;padding:15px 0 15px 0;}
#accordion1 div.card div.card-body h3.no-space-after{padding:15px 0 0 0;}
#accordion1 div.card div.card-body h3.no-space-before{padding:0 0 15px 0;}
#accordion1 div.card div.card-body h3.no-spacing{padding:0 0 0 0;}
#accordion1 div.card div.card-body p{font-weight:400;font-style: normal;font-size:18px;margin:0 0 0 0;padding:15px 0 15px 0;}
#accordion1 div.card div.card-body p.no-space-after{padding:15px 0 0 0;}
#accordion1 div.card div.card-body p.no-space-before{padding:0 0 15px 0;}
#accordion1 div.card div.card-body p.no-spacing{padding:0 0 0 0;}
#accordion1 div.card div.card-body p a.btn.btn-primary{background-color:#0579B8;border:none;color:#ffffff;margin:0 0 15px 0;}
#accordion1 div.card div.card-body ul.no-space-after{padding:15px 0 0 0;}
#accordion1 div.card div.card-body ul.no-space-before{padding:0 0 15px 0;}
#accordion1 div.card div.card-body ul.no-spacing{padding:0 0 0 0;}
#accordion1 div.card div.card-body ul{list-style-type:none;margin:0 0 0 0;padding:10px 0 0 0;}
#accordion1 div.card div.card-body ul li{font-weight: 400;font-style: normal;font-size:18px;}
#accordion1 div.card div.card-body ul li a{display:block;font-weight: 400;font-style: normal;font-size:18px;padding:5px 0 5px 23px;}
#accordion1 div.card div.card-body ol.no-spacing{padding:0 0 0 0;}
#accordion1 div.card div.card-body ol{list-style-type:none;margin:0 0 0 0;padding:10px 0 0 0;}
#accordion1 div.card div.card-body ol li{font-weight: 400;font-style: normal;font-size:18px;}
#accordion1 div.card div.card-body ol li a{display:block;font-weight: 400;font-style: normal;font-size:18px;padding:5px 0 5px 23px;}
#accordion1 div.card div.card-body a{color:#0a6ba2}

/*#accordion2 div.card {font-family:locator-web, sans-serif;}
#accordion2 div.card-header{background-color:#4F4F4F;}
#accordion2 div.card-header a{color:#FFFFFF;font-weight:400;font-style: normal;font-size:20px;text-decoration: none;}
#accordion2 div.card-header a:hover{color:#2DAADF;font-weight:400;font-style: normal;font-size:20px;}
#accordion2 div.card-body{background-color:#EBEBEB;padding:30px 60px 30px 60px}
#accordion2 div.card div.card-body h1{font-weight:700;font-style: normal;font-size:28px;margin:0 0 0 0;padding:15px 0 15px 0;}
#accordion2 div.card div.card-body h1.no-space-after{padding:15px 0 0 0;}
#accordion2 div.card div.card-body h1.no-space-before{padding:0 0 15px 0;}
#accordion2 div.card div.card-body h1.no-spacing{padding:0 0 0 0;}
#accordion2 div.card div.card-body h2{font-weight: 700;font-style: normal;font-size:24px;margin:0 0 0 0;padding:15px 0 15px 0;}
#accordion2 div.card div.card-body h2.no-space-after{padding:15px 0 0 0;}
#accordion2 div.card div.card-body h2.no-space-before{padding:0 0 15px 0;}
#accordion2 div.card div.card-body h2.no-spacing{padding:0 0 15px 0;}
#accordion2 div.card div.card-body h3{font-weight: 400;font-style: normal;font-size:22px;margin:0 0 0 0;padding:15px 0 15px 0;}
#accordion2 div.card div.card-body h3.no-space-after{padding:15px 0 0 0;}
#accordion2 div.card div.card-body h3.no-space-before{padding:0 0 15px 0;}
#accordion2 div.card div.card-body h3.no-spacing{padding:0 0 0 0;}
#accordion2 div.card div.card-body p{font-weight:400;font-style: normal;font-size:18px;margin:0 0 0 0;padding:15px 0 15px 0;}
#accordion2 div.card div.card-body p.no-space-after{padding:15px 0 0 0;}
#accordion2 div.card div.card-body p.no-space-before{padding:0 0 15px 0;}
#accordion2 div.card div.card-body p.no-spacing{padding:0 0 0 0;}
#accordion2 div.card div.card-body ul{margin:0 0 0 20px;padding:15px 0 15px 0;}
#accordion2 div.card div.card-body ul.no-space-after{padding:15px 0 0 0;}
#accordion2 div.card div.card-body ul.no-space-before{padding:0 0 15px 0;}
#accordion2 div.card div.card-body ul.no-spacing{padding:0 0 0 0;}
#accordion2 div.card div.card-body ul li{font-weight: 400;font-style: normal;font-size:18px;}
#accordion2 div.card div.card-body a{color:#0a6ba2}*/

div.tab-content div.tab-pane div.row.cards{margin:0 0 0 0;padding:15px 0 0 0;}

div.tab-content div.tab-pane div.row.cards h1{font-family:locator-web, sans-serif;font-weight:700;text-overflow: ellipsis " [..]";font-style: normal;margin:0 0 30px 0;text-align:center;}
div.tab-content div.tab-pane div.row.cards .card{padding:0 10px 0 10px;}
div.tab-content div.tab-pane div.row.cards div.card div.card-body h1.card-title{color:#707070;font-family:locator-web, sans-serif;font-weight:700;font-style: normal;font-size:24px;margin:0 0 20px 0;paddin:0;text-align:left;}
div.tab-content div.tab-pane div.row.cards div.card div.card-body p.card-text{color:#707070;font-family: locator-web, sans-serif;font-weight: 400;font-style: normal;font-size:16px;}
div.tab-content div.tab-pane div.row.cards div.card div.card-body a.btn-primary{color:#ffffff;background-color:#0579B8;border:none;font-family: locator-web, sans-serif;font-weight:400;font-style:normal;width:100%;}
div.tab-content div.tab-pane div.row.cards div.card div.card-body a.btn-primary:hover{background-color:#2DAADF;border:none;font-family: locator-web, sans-serif;font-weight:400;font-style:normal;;width:100%;}

/*CHARACTER STYLES END*/

/*VIDEO CAROUSEL*/
.carousel-control-prev, .carousel-control-next { 
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.8%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

/*Extras*/

/*EMERGENCY MESSAGE*/
.EmergencyMessage{padding:20px 20px 3px 20px}

/*BILLING PAGE CODE*/
div.autopay-content a.btn.btn-primary{background-color:#0579B8;border:none;color:#ffffff;}
div.autopay-content a.btn.btn-primary:hover{background-color:#2DAADF;border:none;color:#ffffff;}

/*LOSS CONTROL CODE*/
a.btn.btn-primary.evolvedsafety{background-color:#0579B8;border:none;color:#ffffff;}
a.btn.btn-primary.evolvedsafety:hover{background-color:#2DAADF;border:none;color:#ffffff;}

div.container.copy div.row div a.btn.btn-primary{background-color:#0579B8;border:none;color:#ffffff;}
div.container.copy div.row div a.btn.btn-primary:hover{background-color:#2DAADF;border:none;color:#ffffff;}

/*SURETY CLAIMS PAGE CODE*/
a.btn.btn-primary.surety{background-color:#0579B8;border:none;color:#ffffff;}
a.btn.btn-primary.surety:hover{background-color:#0579B8;border:none;color:#ffffff;}

/*SURETY CLAIMS PAGE CODE*/
a.btn.btn-primary.content{background-color:#0579B8;border:none;color:#ffffff;}
a.btn.btn-primary.content:hover{background-color:#2DAADF;border:none;color:#ffffff;}

div.carousel-item img{width:100%;}

html {
  scroll-behavior: smooth;
  scroll-padding-top:250px;
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: #0A75B0;
}

.hover-underline-animation:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #0579B8;
  transform-origin: bottom right;
  transition: transform .25s ease-out;
}

.hover-underline-animation:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

/*------------*/

  .animate {
    animation-duration: 0.6s;
    -webkit-animation-duration: 0.6s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }

  100% {
    transform: translateY(0rem);
    opacity: 1;
  }

  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }

  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}

/*RELATED ARTICLES AND BLOG CARD TEXT OVERFLOW CODE*/
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
.heading-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*CODE TO FIX EMPTY LINKS*/
.tab-link {
    color: #000000;
    text-decoration: none;
}


@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeOutAnimation {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

body{margin-bottom:60px;}
.mailston{font-family: 'mailstonregular'; font-weight:normal;}

tr td b.bold-blue{color:#0579B8;}

a.gs-title{color:blue !important;}
a.gs-title:hover{color:blue !important;text-decoration:underline !important;}

/*NAV BAR*/
.container-fixed {width: 1200px}

/*TABLE OF CONTENTS LINK*/
section.navigation{background-color:#0579B8;}
section.navigation div.container-fixed nav.navbar a{color:white;}

section.navigation div.container-fixed nav.navbar a.table-of-contents{color:white !important;}
section.navigation div.container-fixed nav.navbar a.table-of-contents:hover{background-color:#0579B8 !important;color:white !important;transition: 0.3s;}

section.navigation div.container-fixed nav.navbar a.search{color:white !important;}
section.navigation div.container-fixed nav.navbar a.search:hover{background-color:#0579B8 !important;color:white !important;transition: 0.3s;}

section.navigation div.container-fixed nav.navbar a:hover{color:#2DAADF;text-decoration:none;transition: 0.3s;}
section.navigation div.container-fixed nav.navbar a span.menu-icon{font-family:'wnwebfontregular';font-size:16px;margin-right:5px;}
section.navigation div.container-fixed nav.navbar div.menu-button-container button.navbar-toggler{color:white;}
section.navigation div.container-fixed nav.navbar div.collapse ul.navbar-nav li.nav-item a.nav-link{border-bottom:none;color:white;font-family:locator-web, sans-serif;font-weight: 400;font-style: normal;font-size:16px;}
section.navigation div.container-fixed nav.navbar div.collapse ul.navbar-nav li.nav-item a.nav-link:hover {border-bottom:none;color:#2DAADF;font-family:locator-web, sans-serif;font-weight: 400;font-style: normal;font-size:16px;}
section.navigation div.container-fixed nav.navbar div.collapse ul.navbar-nav li.nav-item a.nav-link:focus {border-bottom:none;color:#2DAADF;font-family:locator-web, sans-serif;font-weight: 400;font-style: normal;font-size:16px;}

div.dropdown button.btn.btn-secondary{background-color:#04689e;border:none;border-radius:0;font-weight:700;padding:40px 20px 41px 20px;}
div.dropdown button.btn.btn-secondary:hover{background-color:#0F192E;border:none;transition:0.3s;}
div.dropdown button{background-color:#2DAADF;border:none;border-radius:0;font-weight:700;padding:10px 20px 10px 20px;}
div.dropdown button:hover{background-color:#0579B8;border:none;transition:0.3s;}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle{background-color:#0579B8;}

div.dropdown ul.dropdown-menu.main{width:355px;left:-142px;}
div.dropdown ul.dropdown-menu{width:355px;}

div.dropdown ul.dropdown-menu li.dropdown-submenu a.dropdown-item{background-color:#0F192E;border-bottom:1px solid #223868;color:white;font-weight:500;padding-bottom:10px;padding-top:10px;transition: 0.3s;}
div.dropdown ul.dropdown-menu li.dropdown-submenu a.dropdown-item:hover{color:#FFF !important;background-color:#2DAADF;transition: 0.3s;}
div.dropdown ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu{padding:0 0 0 0;}
div.dropdown ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu li.dropdown-item {border-bottom:1px solid #C0C0C0;padding-bottom:10px;padding-top:10px;}
div.dropdown ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu li.dropdown-item:hover {background-color:#E9EAEC;transition: 0.5s;}
div.dropdown ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu li.dropdown-item a{color:black;font-weight:500;display:block;}
div.dropdown ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu li.dropdown-item a:hover {color:#2DAADF !important;background-color:transparent !important;transition: 0.5s;}

.dropdown-submenu {position: relative;}
.dropdown-submenu>.dropdown-menu {top: 5px;left: -100%;margin-top: -6px;margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px;-moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu {display: block;}
.dropdown-submenu>a:after { display: block;content: " ";float: right;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 5px 0 5px 5px;border-left-color: #ccc;margin-top: 5px;margin-right: -10px;}
.dropdown-submenu:hover>a:after { border-left-color: #fff;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left>.dropdown-menu {left: -100%;margin-left: 10px;-webkit-border-radius: 6px 0 6px 6px;-moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px;}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: left;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 8px;
    margin-right: -10px;
    transform: rotate(180deg);
}

/*div.dropdown-menu{}
div.dropdown-menu div.megamenu div.row div.megamenu-list h1{font-family:locator-web, sans-serif;font-weight:700;font-size:16px;font-style:normal;color:#0F192E;}
div.dropdown-menu div.megamenu div.row div.megamenu-list a{font-family:locator-web, sans-serif;font-weight:400;font-size:15px;font-style:normal;color:dimgray;}
div.dropdown-menu div.megamenu div.row div.megamenu-list a:hover{background-color:#0579B8;color:white;font-weight:400;transition: 0.3s;}
div.dropdown-menu div.megamenu div.row div.megamenu-list a:active, .dropdown-item.active{background-color:#0579B8;color:#fff !important;font-weight:700 !important;}*/

/*.gsc-control-cse{overflow:scroll !important;}*/

nav.navbar div.menu-button-container{background-color:#0F192E;color:#ffffff;display:none;margin:0 0 0 0;padding:18px 0 18px 30px;}
nav.navbar div.menu-button-container button.navbar-toggler{border:none;color:#ffffff;}
nav.navbar div.menu-button-container button.navbar-toggler span.navbar-toggler-icon{}

.search-icon{font-family:'wnwebfontregular';font-size:22px;line-height:10px;margin-right:5px;}

/*HEADER IMAGE*/
section.section-image-container div.section-image{position:relative;}
section.section-image-container div.section-image div.image {}
section.section-image-container div.section-image div.image img{height:250px;object-fit:cover;}
section.section-image-container div.section-image div.text{height:100%;position:absolute;top: 0; left: 0;}
section.section-image-container div.section-image div.text h1{color:#ffffff;font-size:36px;font-weight:400;}
section.section-image-container div.section-image div.text p{color:#ffffff;font-size:18px;font-weight:400;}
section.section-image-container div.section-image div.text a{background-color: rgba(35, 97, 146, .5);border:2px solid #ffffff;color:#ffffff;font-size:18px;font-weight:400;}
section.section-image-container div.section-image div.text a:hover{background-color: rgba(35, 97, 146, 1);border:2px solid #ffffff;color:#ffffff;font-size:18px;font-weight:400;text-decoration:none;transition:0.3s;}
section.section-image-container div.section-image div.image-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image:linear-gradient(rgba(0, 0, 0, 0.01), rgba(30, 139, 195, 0.5));}

section.section-title{background-color:#0F192E;color:#fff;font-size:20px;font-weight:700;font-style:normal;}

section div.section-image div.caption{position: absolute; bottom: 0; left: 0; text-align: right;background-color: rgba(15, 25, 46, .5);width:100%;}
section div.section-image div.caption p{color:white;margin:0;}


/*SUBJECT LIST*/
.subject-list-style{border:1px solid #dee2e6 !important;border-bottom:none !important;width:200px;color:#2DAADF;font-weight:700;}
.subject-list-style:hover{border:1px solid #dee2e6 !important;border-bottom:none !important;width:200px;color:white;background-color:#2DAADF !important;font-weight:700;transition: 0.3s;}

/*ul.nav li.dropdown div.subject-list{height:500px;overflow:scroll;position:absolute;top:44px !important;z-index:1; scrollbar-color:#0579B8 #e7e7e7;overflow-x:hidden;}*/

section.main-content{margin-top:50px;}
section.main-content h1{color:#0579B8;font-family:locator-web, sans-serif;font-weight:700;font-style:normal;font-size:32px;padding:0 0 0 0;}
section.main-content h1 b{color:#0579B8;}
section.main-content h2{color:#0579B8;font-family:locator-web, sans-serif;font-weight:700;font-style:normal;font-size:24px;padding:0 0 0 0;}
section.main-content p{font-size:18px;}
section.main-content p b.bold-blue{color:#0579B8;}
section.main-content p b{font-size:16px}
section.main-content li{font-size:16px;}
section.main-content b{color:#0F192E;}

section.main-content .cover-image img{height:300px;width:100%;object-fit:cover;object-position:center center;}

section.main-content div div div ul.nav.nav-tabs li.nav-item.dropdown div.dropdown-menu.subject-list{height:300px;overflow-y:scroll;top:45px !important;}

tbody tr td:first-child{font-weight:700;}
tbody tr td ul{margin-bottom:0;}
tbody tr td:first-child{font-weight:700;}
tbody tr td.normal{font-weight:normal;}

td a {color:#0A6BA2;text-decoration:underline;}
td a:hover {color:#2DAADF;text-decoration:underline;}

h5.card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
p.card-text{text-overflow:ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden;}
div.card a.btn{background-color:#2DAADF;border:none !important;font-weight:700;}
div.card a.btn:hover{background-color:#0579B8;border:none !important;transition:0.3s;}

/*ADVANCE LINKS*/
section.advance-links{background-color:#0F192E;color:#fff;margin-bottom:40px; width:100%;}
button.next{background-color:#2DAADF;color:white;}
button.previous{background-color:#2DAADF;border-right:1px solid #0579B8;color:white;}

button.next:hover{background-color:#0579B8;color:white;text-decoration:none;transition: 0.3s;}
button.previous:hover{background-color:#0579B8;color:white;text-decoration:none;transition: 0.3s;}

button.previous span{font-size:16px;font-weight:700;}
button.next span{font-size:16px;font-weight:700;}

/*FOOTER*/
footer {background-color:gray;}
footer div.year-display p {color:white;}
footer div.year-display p a {color:white;}
footer div.year-display p a:hover {color:#2DAADF;text-decoration:none;transition: 0.3s;}