/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0 transparent; 
    border-radius: 3px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #ddd; 
    border-radius: 3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #ddd; 
}
#title-filterpw .nav-item {
    margin-right: 0.25rem;
    margin-bottom: 0.5rem;
}

#title-filter .nav-item {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}
.newsflow{
    -ms-overflow-style: scrollbar ;
    scrollbar-base-color:  transparent;
    scrollbar-face-color: #ddd;
    scrollbar-3dlight-color:  #fff;
    scrollbar-highlight-color:  #fff;
    scrollbar-track-color: #fff;
    scrollbar-arrow-color:  #fff;
    scrollbar-shadow-color:  #fff;
    scrollbar-dark-shadow-color:  #fff;
    -ms-overflow-style: -ms-autohiding-scrollbar; /**/

}
.nav-linkpw {
    display: block;
    padding: .5rem 1rem;
}
.mapael .map {
    position: relative;
    margin-bottom: 10px;
}

.mapael .mapTooltip {
    position: absolute;
    background-color: #474c4b;
    moz-opacity: 0.70;
    opacity: 0.70;
    filter: alpha(opacity=70);
    border-radius: 10px;
    padding: 10px;
    z-index: 1000;
    max-width: 200px;
    display: none;
    color: #fff;
}


.spinner {
    width: 40px;
    height: 40px;

    position: relative;
    margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
    0%, 100% { 
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% { 
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

@keyframes shimmer {
    0% {
        background-position: -400px 0; }
    100% {
        background-position: 400px 0; } }

.placeholder-paragraph .line {
    position: relative;
    width: 87%;
    margin: 20px 0; }
.placeholder-paragraph .line, .placeholder-paragraph .line::before, .placeholder-paragraph .line::after {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: shimmer;
    animation-timing-function: linear;
    background: #f4f5f8;
    background: linear-gradient(to right, #e3e7ed 8%, #cdd4e0 18%, #e3e7ed 33%);
    background-size: 800px 10px;
    height: 8px; }
.placeholder-paragraph .line::before, .placeholder-paragraph .line::after {
    content: '';
    position: absolute;
    left: 0; }
.placeholder-paragraph .line::before {
    top: -20px;
    width: 84%; }
.placeholder-paragraph .line::after {
    bottom: -20px;
    width: 64%; }
.placeholder-paragraph .line + .line {
    margin-top: 52px;
    width: 93%; }
.placeholder-paragraph .line + .line::before {
    width: 88%; }
.placeholder-paragraph .line + .line::after {
    width: 36%; }

.placeholder-paragraph.aligned-centered {
    display: flex;
    flex-direction: column;
    align-items: center; }
.placeholder-paragraph.aligned-centered .line::before {
    margin-left: 50%;
    left: -42%; }
.placeholder-paragraph.aligned-centered .line::after {
    margin-left: 50%;
    left: -32%; }
.placeholder-paragraph.aligned-centered .line + .line {
    margin-top: 32px; }
.placeholder-paragraph.aligned-centered .line + .line::before {
    left: -44%; }
.placeholder-paragraph.aligned-centered .line + .line::after {
    left: -18%; }

.placeholder-paragraph.aligned-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
.placeholder-paragraph.aligned-right .line::before, .placeholder-paragraph.aligned-right .line::after {
    left: auto;
    right: 0; }
.placeholder-paragraph.aligned-right .line + .line {
    margin-top: 32px; }

.placeholder-media .line {
    position: relative;
    margin-top: 8px;
    margin-bottom: 25px;
    margin-left: 70px;
    height: 16px; }
.placeholder-media .line::before {
    content: '';
    position: absolute;
    top: -11px;
    left: -70px;
    width: 55px;
    height: 55px;
    border-radius: 100%; }
.placeholder-media .line::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 65%;
    height: 8px; }
.placeholder-media .line, .placeholder-media .line::before, .placeholder-media .line::after {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: shimmer;
    animation-timing-function: linear;
    background: #e3e7ed;
    background: linear-gradient(to right, #e3e7ed 8%, #cdd4e0 18%, #e3e7ed 33%);
    background-size: 800px 10px; }

#contacts {
    margin-top: 0 !important;
    padding-top: -10rem !important;
}
#btnSubscriber {
    background-color: black;
    background-color: black !important;
    color: #fff;
    margin-top: 1rem;
    padding: 1px 10px 1px 10px;
    font-size: 0.6rem;
    border-radius: 2px;
}

input[type='checkbox'] {width:10px !important} /* for dropdown multiselect */
.multiselect{width:auto !important}
.dropdown-menu{
    /*border:1px solid rgba(0,0,0,.15) !important;*/

}
.full-width-pull-menu .link-style-2 .dropdown ul li a {
    font-size: 14px;
    line-height: 18px;
    color: #757575;
    /* padding: 0; */
    /* margin: 0; */
    /* display: block; */
    font-weight: 600;
}
.multiselect-container  li:first-child {
    padding-top: 15px;
    padding-bottom: 10px;
}
.btn-group, .btn-group-vertical {

    display:  block;
    display: block;
}
.up-down-arrow {

    position: relative;
    -webkit-animation-name: up-down-animation;
    -webkit-animation-duration: .7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: .7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-name: up-down-animation;
    -moz-animation-duration: .7s;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: .7s;
    -moz-animation-iteration-count: infinite;
    -ms-animation-name: up-down-animation;
    -ms-animation-duration: .7s;
    -ms-animation-timing-function: linear;
    -ms-animation-delay: .7s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: alternate;
    -o-animation-direction: alternate;
    -o-animation-name: up-down-animation;
    -o-animation-duration: .7s;
    -o-animation-timing-function: linear;
    -o-animation-delay: .7s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
    animation-direction: alternate;
    animation-name: up-down-animation;
    animation-duration: .7s;
    animation-timing-function: linear;
    animation-delay: .7s;
    animation-iteration-count: infinite;
    animation-direction: alternate;

}


/*    

.homepage-header__messaging--ab385ae4 {
    position: absolute;

    padding-top: 0px;
   width:18%;
    height:2660px;
        -webkit-transform: skew(-39deg);
    -moz-transform: skew(-39deg);
    -ms-transform: skew(-39deg);
    transform: skew(-39deg);
    background-color: rgba(38,171,47,0.8);
}*/

.container-home {
    padding-right: 150px;
    padding-left: 130px;
}

.container-home-col {
    padding-right: 100px;   
}

.search-dd {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    /*  border-top: 1px solid #d1d1d1 !important;*/
}

.multiselect {
    /*border: 1px solid #d1d1d1 !important;*/
}



#toolkitaccordian{
    margin-top: 8rem;
}



#toolkit{
    padding-bottom: 140px !important;
}

   #home-section {
        padding-top: 105px !important;
        padding-bottom: 20px !important;
    }
    
    .section-top {
           padding-top: 100px !important;
}


  
/* NAVBAR PADDED*/
@media (max-width: 1599px) {
    /*   
          navbar responsive 
        nav.navbar.bootsnav .navbar-brand{ display:inline-block;float:none !important;margin:0 !important; }
        nav.navbar.bootsnav .navbar-header{ float:none;display:block;text-align:center;padding-left:30px;padding-right:30px; }
        nav.navbar.bootsnav .navbar-toggler{ display:inline-block;float:right;margin-right:0;margin-top:0px;padding: 0; }
        nav.navbar.bootsnav .navbar-collapse{ border:none;margin-bottom:0; }
        nav.navbar.bootsnav.no-full .navbar-collapse{ max-height:335px;overflow-y:auto !important; }
        nav.navbar.bootsnav .navbar-collapse.collapse{ display:none !important; }
        nav.navbar.bootsnav .navbar-collapse.collapse.in, nav.navbar.bootsnav .navbar-collapse.collapse.show{ display:block !important; }
        nav.navbar.bootsnav .navbar-nav{ float:none !important;padding-left:30px;padding-right:30px;margin:0px -15px; }
        nav.navbar.bootsnav.navbar-full .navbar-nav{ padding:0;margin:0 }
        nav.navbar.bootsnav .navbar-nav > li{ float:none; }
        nav.navbar.bootsnav .navbar-nav > li > a{ display:block;width:100%;border-bottom:solid 1px #e0e0e0;padding:10px 0;border-top:solid 1px #e0e0e0;margin-bottom:-1px; }
        nav.navbar.bootsnav .navbar-nav > li:first-child > a{ border-top:none; }
        nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu{ border-bottom:solid 1px #e0e0e0; }
        nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle{ float:none !important;position:relative;display:block;width:100%; }
        nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{ width:100%;position:relative !important;background-color:transparent;float:none;border:none;padding:0 0 0 15px !important;margin:0 0 -1px 0 !important;border-radius:0px 0px 0px; }
        nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{ display:block;width:100%;border-bottom:solid 1px #e0e0e0;padding:10px 0;color:#6f6f6f; }
        nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover, nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus{ background-color:transparent; }
        nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu{ float:none !important;left:0;padding:0 0 0 15px;position:relative;background:transparent;width:100%; }
        nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu{ display:inline-block;margin-top:-10px; }
        nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after{ display:none; }
        nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title{ padding:10px 15px 10px 0;line-height:24px;text-transform:none;font-weight:400;letter-spacing:0px;margin-bottom:0;cursor:pointer;border-bottom:solid 1px #e0e0e0;color:#6f6f6f; }
        nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a{ display:block;width:100%;border-bottom:solid 1px #e0e0e0;padding:8px 0; }
        nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before{ font-family:'FontAwesome';content:"\f105";float:right;font-size:16px;margin-left:10px;position:relative;right:-15px; }
        nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title{ border-bottom:none; }
        nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title{ border-bottom:solid 1px #e0e0e0; }
        nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a{ border-bottom:none; }
        nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before{ content:"\f107"; }
        nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content{ padding:0 0 0 15px; }
        nav.bootsnav.brand-center .navbar-collapse{ display:block; }
        nav.bootsnav.brand-center ul.nav{ margin-bottom:0px !important; }
        nav.bootsnav.brand-center .navbar-collapse .col-half{ width:100%;float:none;display:block; }
        nav.bootsnav.brand-center .navbar-collapse .col-half.left{ margin-bottom:0; }
        nav.bootsnav .megamenu-content{ padding:0; }
        nav.bootsnav .megamenu-content .col-menu{ padding-bottom:0; }
        nav.bootsnav .megamenu-content .title{ cursor:pointer;display:block;padding:10px 15px;margin-bottom:0;font-weight:normal; }
        nav.bootsnav .megamenu-content .content{ display:none; }
        .attr-nav{ position:absolute;right:60px; }
        .attr-nav > ul{ padding:0;margin:0 -15px -7px 0; }
        .attr-nav > ul > li > a{ padding:16px 15px 15px; }
        .attr-nav > ul > li.dropdown > a.dropdown-toggle:before{ display:none; }
        .attr-nav > ul > li.dropdown ul.dropdown-menu{ margin-top:2px;margin-left:55px;width:250px;left:-250px;border-top:solid 5px; }
        .top-search .container{ padding:0 45px; }
  */  }
    /*END NAVBAR PADDED*/


 

    @media only screen and (min-width : 401px) and (max-width : 480px) {
        #logo-col {
            width: 40%!important;
        }
    }


    @media only screen and (min-width : 401px) and (max-width : 480px) {
        #home-section {
            padding-top: 90px !important;
        }
        .section-top {
        padding-top: 90px !important;
    }
    }
    @media only screen and (min-width : 768px) and (max-width : 990px) {
        #col-menu{
            padding-right: 0 !important;
        }
    }

    @media only screen and (min-width : 991px) and (max-width : 1200px)  {
        nav.navbar.bootsnav .navbar-toggler {
            padding-right: 15px !important;
        }
    }
	
	

    @media only screen and (min-width : 401px) and (max-width : 1200px) {

        @media (orientation: portrait) {
            #panel3 {
                height: 200px !important;
            }
            .container-home {
                padding-right: 20px !important; 
                padding-left:  20px !important;  
            }

        }
        
          .margin-four-lr {
            margin-left: 0% !important;
            margin-right: 0% !important;
        }

        #logo-col {
            padding-left: 0 !important;
        }

        .opacity-homepage {
            position: absolute!important;
            height: 100% !important;
            width: 100% !important;
            opacity: 0.85 !important;
            top: 0!important;
            left: 0!important;
            transform: none !important;
        }



    }
    @media screen and (max-width: 400px) {
    
        #home-section {
            padding-top: 80px !important;   
    padding-left: 2% !important;  
    padding-right: 2% !important;  			
        }

        
		header a.logo img {
			padding-top: 5px !important;  
                margin-left: 10px !important
				
        }
        .section-top {
            padding-top: 80px !important;        
        }
    
        .opacity-homepage {
            position: absolute!important;
            height: 100% !important;
            width: 100% !important;
            opacity: 0.85 !important;
            top: 0!important;
            left: 0!important;
            transform: none !important;
        }
        @media (orientation: portrait) {
            #panel3 {
                height: 200px !important;
            }
        }


        .container-home {
            padding-right: 20px !important; 
            padding-left:  10px !important;  
        }

        #logo-col {
            width: 40%!important;
        }

        .blog-cat{
            padding: 5px;
            background-color: #fff;
        }


        figcaption {

            padding-bottom: 1rem;
        }


        div.areaLegend svg {
            width: 45rem !important;
            left: -85px !important;
            font-size: 0.55rem !important;
        }

        div.myText {

            font-size: 0.85rem !important;
        }

        svg {
            display: table-cell;

        }

        div.plotLegend svg {
            width: 20rem !important;
        }



        /*
            .container-home {
                padding-right: 50px;
                padding-left: 30px;
            }*/

        .container-home-col {
            padding-right: 10px;   
        }

        #toolkit{
            padding-bottom: 100px !important;
        }
        #toolkitaccordian{
            margin-top: 0 !important;
        }
        #map{
            position: static !important;
            width: 100% !important;
            float: none !important;
            vertical-align:middle !important;
            margin-left: 0 !important;
        }

        div.myText {

            padding-top: 2rem !important;
        }
        #legend{
            float: none !important;
            margin-right: 0 !important;
            margin-left: -1rem !important;
        }
        div.areaLegend svg {
            width: 35rem !important;
            left: -1px !important;
            font-size: 0.55rem !important;
        }
        .areaLegend svg text {
            font-size: 0.52rem !important;
        }



    }

    .simple-dropdown .dropdown-menu {position: absolute; left: 0; background: #fff; min-width: 220px; padding: 13px 0 15px; box-shadow: none;}

    .simple-dropdown .dropdown-menu > li > a {font-size: 12px; color: #000; }

    .simple-dropdown .dropdown-menu > li a:hover { background-color: #fff; color: #000;}
    nav.navbar.navbar-default ul li.dropdown .dropdown-menu li > a:hover  {color: #000; background:  transparent; left: 5px; }

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait) {
	   #panel3 {
                height: 500px !important;
            }
  }

    .page-item.active .page-link {

        background-color: #0091DA !important;
        border-color: #0091DA !important;
    }

    #panel1 a:hover {
        color: #5ecae7;
    }


    .one-third-screen {
        height: 500px;
    }
    .bg-green {
        background-color: rgba(38,171,47,0.7);
    }
    .bg-pink {
        background-color:  #0091DA;
    }
    .bg-plumb {
        background-color:  #040025;
    }
    .bg-navy {
        background-color:  #00224b;
    }
    .bg-teal {
        background-color:  #5ecae7;
    }

  

  @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
     header a.logo img {
                  margin-left: 2.8rem !important;

   
}
}