/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 8, 2020, 11:57:56 AM
    Author     : PieterMarchand
*/
.sticky-header{
   margin-top: 0 !important;
   margin-bottom: -45px;
}
#header.transparent-header.floating-header {
   margin-top: 0px;
   margin-bottom: -25px;
}

.nav-color{
   color:black;
}
.nav-color:hover{
   color: #5875AE;
}
a:hover{
   color: #5875AE;
}
.whiteColor{
   color: white;
}
.whitebackground{
   background: white;
}
.btnConfig{
   color: #B27B00;
}
.btnConfig:hover{
   color: white;
}
.btnborderSet{
   border-color: #000;
}
.oc-item{
   padding: 15px;
}
.shadowEffect{
   padding: 15px;
   -webkit-box-shadow: 1px 1px 5px 1px rgba(62,87,138,0.86);
   -moz-box-shadow: 1px 1px 5px 1px rgba(62,87,138,0.86);
   box-shadow: 1px 1px 5px 1px rgba(62,87,138,0.86);
}
footer .entry-content ul {
   list-style-image: url("/") !important;
}
a{
   color: #5875AE;
}
a:hover{
   color: #1F448C;
}
.list{
   color: #1F448C;
}
.list:hover{
   color: #B27B00;
}

/*{{-- .fbox-icon-custom{
   border-radius: 50px;
   width:200px;
   height:200px;
   padding: 50px;
   border:1px solid black;
} --}}*/
.primary1color{
   color: #5875AE;
}
.primary1background{
   background: #5875AE;
}
.primary2color{
   color: #5875AE;
}
.primary2background{
   background: #5875AE;
}
.primary3color{
   color: #5875AE;
}
.primary3background{
   background: #5875AE;
}
.primary4color{
   color: #5875AE;
}
.primary4background{
   background: #5875AE;
}
.headerCustomization{
   border-radius: 40px;
}
.wrapWord{
   word-break: break-word !important;
   word-wrap: break-word !important;
   white-space: normal !important;
}
.loading {
   position: fixed;
   z-index: 999;
   height: 2em;
   width: 2em;
   overflow: visible;
   margin: auto;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
 }

 /* Transparent Overlay */
 .loading:before {
   content: '';
   display: block;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.3);
 }
 .heading{
     color: #B27B00 !important;
 }
.heading-block{
   font-family: Roboto !important;
}
 /* :not(:required) hides these rules from IE9 and below */
 .loading:not(:required) {
   /* hide "loading..." text */
   font: 0/0 a;
   color: transparent;
   text-shadow: none;
   background-color: transparent;
   border: 0;
 }

 .loading:not(:required):after {
   content: '';
   display: block;
   font-size: 10px;
   width: 1em;
   height: 1em;
   margin-top: -0.5em;
   -webkit-animation: spinner 1500ms infinite linear;
   -moz-animation: spinner 1500ms infinite linear;
   -ms-animation: spinner 1500ms infinite linear;
   -o-animation: spinner 1500ms infinite linear;
   animation: spinner 1500ms infinite linear;
   border-radius: 0.5em;
   -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
   box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
 }

 /* Animation */

 @-webkit-keyframes spinner {
   0% {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 @-moz-keyframes spinner {
   0% {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 @-o-keyframes spinner {
   0% {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 @keyframes spinner {
   0% {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 .cookie-consent{
     background:#5875AE;
     text-align: center;
     padding-bottom: 10px;
 }
 .cookie-consent__message{
     color: #fff;
 }
 .cookie-consent__agree {
   -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
   -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
   box-shadow:inset 0px 1px 0px 0px #ffffff;
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
   background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
   background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
   background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
   background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
   background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
   background-color:#f9f9f9;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
   border-radius:8px;
   border:2px solid #dcdcdc;
   display:inline-block;
   cursor:pointer;
   color:#575557;
   font-family:Arial;
   font-size:13px;
   font-weight:bold;
   padding:5px 16px;
   text-decoration:none;
   text-shadow:0px 1px 0px #ffffff;
   margin-left: 15px;
}
.cookie-consent__agree:hover {
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
   background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
   background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
   background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
   background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
   background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
   background-color:#e9e9e9;
}
.cookie-consent__agree:active {
   position:relative;
   top:1px;
}
.languageStyling{
   width: 100px;
}
.headerOptions{
   color: #000;
   margin-left: 8px;
   font-size: 16px;
   margin-bottom: 10px;
}
.headerOptions:hover{
   color: #1F448C;
}
#footer h4{
   text-transform: uppercase;
   font-style: italic;
   /*text-decoration: underline;*/
}
.breadcrumb-item.active {
   color: #FFB000 !important;
}
.topmargin-lg {
   margin-top: 60px !important;
}

#page-title h1 {
   padding-bottom: 2%;
}
@media only screen and (max-width: 600px) {

   .dropdown-menu{
       width: auto !important;
       height: 80px !important;
       border: 1px solid !important;
       padding-right:30px !important; 
   }

   .dropdown-menu > a >i{
       margin-left:10px !important; 
   }
   .dropdown-menu > a{
       padding: 10px !important;
       left: 0 !important;
   }
   .button-border{
       max-width: 100% !important;
       white-space: initial !important;
       height:auto !important;
       font-size: 14px !important;
       line-height: normal !important;
       padding: 10px !important;
       min-width:fit-content !important;
   }
   @media only screen and (max-width: 600px) {
       #header.transparent-header.floating-header {
           margin-bottom: -40px;
       }
       .button-border{
           font-size: 12px !important;
       }

   }

   @media only screen and (max-width: 322px) {
       #page-title h1 {
           font-size: 15px;

       }
   }
       .js-cookie-consent, body {
           max-width: 100% !important;
       }

}