/*body {background: #fff;font-family: Arial,Helvetica,sans-serif;font-size: 18px;color: #605e5e;line-height: 25px;}*/

body {
    color: #333333;
    font-size: 14px;
    font-family: "Open Sans", Lato, Helvetica Neue, Helvetica, Arial;
    line-height: 22px;
}
p {
    font-size: 16px;
}

body {
    overflow-x: hidden;
}
body,
html,
div,
p {margin: 0px;padding: 0px;}
html {overflow-y: -moz-scrollbars-vertical;overflow-y: scroll;}
* img {margin: 0px;padding: 0px;}
hr {border-top: 1px solid #777777;margin: 0;padding: 0;}
.absmiddle {vertical-align: middle;}
.absbottom {vertical-align: bottom;}
:focus {outline: none;}
.clear {clear: both;}
.carousel-inner.Smallerheight {
    height: 300px;
}
/*.left {float: left;} This fixes the carousel bug
.right {float: right;}*/
.absolute {position: absolute;}
.rel {position: relative;}
.none {display: none;}
.padding_zero {padding: 0;}
.margin_zero {margin: 0 !important;}
.border-none {border: medium none !important;}
.modal-open {padding-right: 0 !important;}
.red {color: #ff0000;}
img {border-style: none;}
p a {
    color: #1d53b1;
}
a {
    outline: none;
    /*color: #63fff5;*/
    color: #006699; /*Qibo reset it 1/19/2021*/
    text-decoration: underline;
}
.showResults h3 a {
    color: #046a91;
}
a:hover, a:active {
    color: #63fff5;
}
.slicksheetContainer p a, ul li a {
    color: #337ab7;
}
.toolkit-wrapper a {
    color: #1d53b1;
}
    .toolkit-wrapper a.videolink.margin80 {
        color: #1d53b1;
    }
    a:hover {
        color: #23527c;
        transition: all 0.9s ease;
        -webkit-transition: all 0.9s ease;
        -moz-transition: all 0.9s ease;
        -o-transition: all 0.2s ease-in-out 0s;
        -ms-transition: all 0.2s ease-in-out 0s;
    }
    a:visited {
        color: #1d53b1;

    }
.additional a:visited, .additional a {
    color: white !important;
}
.funder-considerations .max-width {
    width: 225px;
    padding: 65px 27px 60px 0px;
}
.wrapper-center {
    display: block;
    margin: 30px 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
}
.bg-deepblue {
    background: #002d3f;
}
.funder-considerations img {
    vertical-align: middle;
    height: 230px;
    width: 230px;
}
.funder-considerations {
    display:inline-block;
    margin: 10px;
    flex-basis: 100%;
}
.funder-considerations.drk-wrap {
    background: #000e1e;
    width: 230px;
}
    .funder-considerations.reddrk-wrap {
        background: #1e0000;
        width: 230px;
    }
.funder-considerations img.padding {
    padding: 15px;
}
.bg-dark {
    background: #000e1e;
}
.bg-white{
    background: white;
}
.bg-green {
    background: #141c13;
}
.bg-drkred {
    background: #1e0000;
}
.bg-drkblue {
    background: #001a1e;
}

    .nav-tabs{ border-bottom: none;}
button:hover {transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;}

h1 {
    color: #000;
    font-family: Lato, "Open Sans", Helvetica Neue, Helvetica, Arial;
    font-size: 32px;
    font-weight: bold;
}
h1 span.yellow {color: #d7b61a;}
h2 {
    color: #000;
    font-size: 28px;
    font-weight: bold;
    font-family: Lato, "Open Sans", Helvetica Neue, Helvetica, Arial;
}
h3 {
    color: #000;
    font-size: 24px;
    font-weight: bold;
    font-family: Lato, "Open Sans", Helvetica Neue, Helvetica, Arial;
}
h4 {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    font-family: Lato, "Open Sans", Helvetica Neue, Helvetica, Arial;
}
h5 {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    font-family: Lato, "Open Sans", Helvetica Neue, Helvetica, Arial;
}
h6 {
    color: #000;
    font-size: 12px;
    font-weight: normal;
    font-family: Lato, "Open Sans", Helvetica Neue, Helvetica, Arial;
}
/*Recaptcha*/
p.warning.text-warning {
    border: solid 2px red;
    color: black;
    background: white;
    text-shadow: none;
    padding: 12px;
    margin: 5px 0;
    display: inline-block;
    border-radius: 5px;
    box-shadow: 0px 0px 9px #000;
}
.linkToTwitter { color: white; text-decoration: none; }
.linkToTwitter:hover { color: white; }
.ttt {
    display: block;
}
.advertisement img.badges {
    max-width: 135px;
}
/* So links in error messages display in appropriate color: */
.training-alerts-container .alert {
    margin-top: 20px;
    margin-bottom: 0;
}
.training-offthecuff-alerts-container { padding-top: 20px !important; }
.training-offthecuff-alerts-container .alert {
    margin-top: 20px;
    margin-bottom: 0;
}
    .training-offthecuff-alerts-container .alert-success {
        background-color: #54c5fa;
        color: #000000;
        border-width: 0;
        font-weight: 600;
    }
    .alert-danger a {
        color: #a94442;
    }
.slider .carousel-caption h1.surge {
    /* width: 420px; */
    /* background: rgba(30, 30, 30, 0.8); */
    font-family: 'Open Sans', sans-serif;
    font-size: 55px;
    line-height: 49px;
    color: #fff;
    font-weight: 600;
    margin-top: 10px;
    padding: 0px 115px;
    text-align: left;
    text-transform: uppercase;
}
.container {margin: 0 auto;max-width: 1220px;width: 100%;margin-bottom: 20px}
.container-fluid { margin: 0; padding: 0 }
.skip-content {
    color: white;
    text-decoration: none;
    border: 1px white solid;
    padding: 2px 5px;
    position: absolute;
    top: -50px;
    transition: top .25s;
}
.margin-10 {
    margin: 40px auto;
}
.skip-content:focus{
	color: white;
	text-decoration: none;
	transition: top .25s;
	top: 10px;
}
.header-top {
    background: #046a91;
    width: 100%;
    float: left;
    z-index: 999999;
    height: auto;
    min-height: 50px;
}
.header-links {
    float: right;
    padding-top: 0px;
}
.site-search {
    padding-top: 15px;
	display: inline;

}
.valor-box span.icon img {
    width: 105px;
    height: 105px;
}
.valor-box span.icon.smaller-icon img {
    padding: 12px;
}
.headericons {
    width: 25px;
    margin-right: -7px;
	display: inline;
}
.top-link {
    color: #fff;
    font-family: "Open Sans", Lato, Helvetica Neue, Helvetica, Arial;
    font-size: 11px;
    font-weight: normal;
    padding: 15px 0 0;
	display: inline;
}
.valor-box-wrap .valor-box {
    text-decoration: none;
    display: table;
}
    .valor-box-wrap .valor-box span {
        display: table-cell;
        float: none;
        width: auto;
        vertical-align: middle;
        text-align: left;
        position: static !important;
    }

.fullscreenimg {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}
.top-link a {color: #fff;padding: 0 10px;}
.stay-connect {
    color: #000;
    font-family: Raleway;
    font-size: 14px;
    font-weight: normal;
    /*float: right; */
    padding: 15px 0 10px;
}
.stay-connect a {color: #fff;padding: 0 14px 0 0;letter-spacing: 2px;}
.stay-connect p {float: left;line-height: 27px;margin: 0 14px 0 0;}

.menu-top nav {
    box-shadow: 1px 9px 8px 1px rgba(0, 0, 0, 0.4);
    max-height: 92px;
    background: #fff none repeat scroll 0 0;
    border: none;
    top: 52px;
    border-radius: 0;
    margin: 0px;
    float: left;
    width: 100%;
    z-index: 999999;
}
.modal-top{ margin-top: 200px;}
.modal-header {
    padding: 30px 16px 13px !important;
    border-bottom: 1px solid #e5e5e5 !important;
}
.modal-content{ border-radius: 0 !important;}
.menu-top .navbar-brand {
    height: auto;
    padding: 0px;
}
.menu-top .nav.navbar-nav.navbar-right a {
    text-decoration: none;
    color: #262626;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 700 !important;
    padding: 57px 15px 15px;
}
    .menu-top .nav.navbar-nav.navbar-right a.subitem {
        color: #fff;
        width: 100%;
        border-bottom: solid 1px #fff;
        border-top: 1px solid #046a91;
        border-left: 1px solid #046a91;
        border-right: 1px solid #046a91;
    }
.menu-top .nav.navbar-nav.navbar-right a.subitem:last-child {
    border-bottom: solid 1px #046a91;
}
.menu-top .nav.navbar-nav.navbar-right a.subitem:hover {
    background: #fff;
    border: solid 1px #046a91;
    color: #046a91 !important;
}
.menu-top .navbar-default .navbar-nav > .active > a {
    background: #046a91;
    color: #fff !important;
}
.center-block img {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.navbar-default .navbar-nav > .active > a:hover {
    background: #FFF;
    color: #000 !important;
}
.navbar-brand > img {
    display: block;
    width: 70%;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -23px;
    margin-top: 15px;
}
span.site-title {
    display: inline-block;
    float: left;
    color: #046a91;
    z-index: 9999;
    position: absolute;
    margin-top: inherit;
    font-size: 20px;
    font-weight: 600;
    top: 14px;
    line-height: 2rem;
    letter-spacing: .05rem;
    max-width: 174px;
    margin-left: 196px;
    font-family: 'lato', arial, sans-serif;
}
    span.site-title span.g {
        font-family: 'PT Sans', arial, sans-serif;
    }
div#fade-quote-carousel {
    margin-top: 35px;
    margin-bottom: -245px;
}
h3.carouseltitle {
    color: #000;
    font-family: raleway;
    font-size: 20px !important;
    padding-bottom: 10px;
    letter-spacing: 2px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 300;
}
.carouselimg {
    width: 300px;
}
.carouselimg2 {
    margin-left: 134px;
    margin-top: -69px;
    width: 300px;
}
.carousel-inner.Twitterheight {
    height: 510px;
}
.carousel-inner.Smallerheight {
    height: 635px;
}
.carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 3px;
    background-color: #1d53b1;
}
.carousel-indicators li:focus:not(.active) {
	border: 2px #d7b61a solid;
}
.carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #1d53b1 \9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #1d53b1;
    border-radius: 10px;
}
ul {
    font-family: "Open Sans",Lato, Arial;
    font-size: 16px;
    font-weight: normal;
}
.graphicalinterest {
    height: 300px;
    position: absolute;
    opacity: .5;
}
p.important {
    color: #000 !important;
    font-size: 16px !important;
}
a.hexlink:hover {
    transition: .3s background-color;
    color: #fff;
    background: #333;
}
.officers-corner h3 {
    color: #fff;
}
.form-holder {
    background: #fff;
    box-shadow: 1px 4px 8px 1px rgba(0, 0, 0, 0.4);
    padding: 25px;
    color: #000;
}
.form-holder-2 {
    background: #fff;
    box-shadow: 1px 4px 8px 1px rgba(0, 0, 0, 0.4);
    padding: 70px;
    color: #000;
}
.form-holder-3 {
    color: #fff;
}
.MediaCard--mediaForward .MediaCard-media {
    max-height: 300px;
}
/*.slicknav_arrow {
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    float: right;
    width: 30px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}*/
.slicknav_open .slicknav_arrow:after, .slicknav_collapsed .slicknav_arrow:after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 18px;
    color: #d7b61a;
    right: 15px;
    top: 8px;
    z-index: 1;
}
.slider .carousel-caption > h1 {
    font-family: Lato, "Open Sans", Helvetica Neue, Helvetica, Arial;
    font-size: 40px;
    font-weight: 800;
    /*margin: 0;*/
    padding: 0;
}
.slider .carousel-caption {
    top: 25px;
    right: 5%;
    left: 10%;
}
.slider .carousel-caption > p {
    margin: 60px 0;
}
.slider .carousel-indicators > li {background: #fff none repeat scroll 0 0;height: 15px;width: 15px;margin:0 10px;}
.slider .carousel-indicators .active {background: #d7b61a none repeat scroll 0 0;border:#d7b61a solid 1px;}
.slider .carousel-indicators {
    bottom: 50px;
    z-index: 8;
}
.slider .carousel-control.left {background: none;}
.slider .carousel-control.right {background: none;}
.contact-bottom-bg {
    background: #1D4742;
    background: rgba(0, 0, 0, 0) url(../Content/Index/geometricWebBackground.jpg) no-repeat scroll center -80px / cover;
    display: block;
    height: 540px;
    overflow: hidden;
    margin-bottom: -85px;
    border-top: 1px solid #2EA5E3;
    border-bottom: 2px solid #2EA5E3;
    min-height: 187px;
    width: 100%;
}
.slider-bottom-bg {
    background: #234c91;
    background: rgba(0, 0, 0, 0) url(../Content/Index/geometricWebBackground.jpg) repeat scroll center -80px / cover;
    float: left;
    height: auto;
    min-height: 187px;
    width: 100%;
}

.slider .police-week-slide .carousel-caption > h1.surge {
    padding-left: 0;
    margin-top: 120px;
}

.slider .police-week-slide .carousel-caption {
    width:100%;
    left: 110px;
}

.slider .police-week-slide img.carousel-img {
    max-width: 100%;
}

.slider .police-week-slide .safer-together {
    max-width: 300px;
    width: 100%;
    margin-top: 100px;
    margin-left: 15px;
    float: left;
}

.slider .safer-together-slide .carousel-caption  h1.surge {
    padding-left: 0;
    margin-top: 120px;
}
.slider .safer-together-slide .carousel-caption {
    left: 110px;
}
.safer-together-slide img.carousel-img {
    max-width: 100%;
}

.slider .safer-together-slide .safer-together {
    max-width: 300px;
    width: 100%;
    margin-top: 100px;
    margin-left: 15px;
    float: left;
}

.slider .valor-program-slide .carousel-caption > h1.surge {
    padding-left: 0;
    margin-top: 120px;
}

.slider .valor-program-slide .carousel-caption {
    width: 100%;
    left: 110px;
}

.slider .valor-program-slide img.carousel-img {
    max-width: 100%;
}

.slider .valor-program-slide .safer-together {
    max-width: 300px;
    width: 100%;
    margin-top: 100px;
    margin-left: 15px;
    float: left;
}

.carousel-img-responsive {
    display: none;
}
.officers-corner {
    background: #1e1e1e none repeat scroll 0 0;
    z-index: 8;
    background: rgba(0, 0, 0, 0) url("../Content/Index/OfficersCorner.png") repeat scroll center top / cover;
    float: left;
    height: auto;
    min-height: 187px;
    width: 100%;
    /*background: #1e1e1e none repeat scroll 0 0;*/
    float: left;
    padding: 28px;
    position: relative;
    margin-top: -88px;
    width: 100%;
}
.valor-story.new-section {
    padding-top: 0;
    margin-bottom: 80px;
}
/*NOT TODAY CAROUSEL*/
.slider.nottoday {
    margin-top: 0;
    margin-bottom: 35px;
    max-width: 100%;
}
.nottoday h4 {
    color: white;
    font-weight: 800;
    font-size: 32px;
    font-family: "Open Sans", sans-serif;
    margin-top: 295px;
    text-transform: uppercase;
}

.slider.nottoday .carousel-caption > h1 {
    color: white;
    font-weight: 800;
    font-size: 32px;
    font-family: "Open Sans", sans-serif;
    margin-top: 295px; 
    text-align:center;
    text-transform: uppercase;
}
.slider.nottoday .carousel-indicators {
    bottom: 20px;
    z-index: 8;
}
.nottoday .carousel-img {
    width: 100%;
    height: auto;
}
.slider.nottoday #myCarousel .container {
    background: -moz-linear-gradient(left, rgba(30,67,61,0.3) 0%, rgba(25,90,164,0.3) 99%, rgba(25,90,164,0.3) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(30,67,61,0.3) 0%,rgba(25,90,164,0.3) 99%,rgba(25,90,164,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(30,67,61,0.3) 0%,rgba(25,90,164,0.3) 99%,rgba(25,90,164,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801e433d', endColorstr='#80195aa4',GradientType=1 ); /* IE6-9 */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    max-width: 100%;
    overflow: hidden !important;
    right: 0 !important;
    height: 100%;
    padding: 0px;
}
.officers-corner-btn a {
    background: #d7b61a;
    /*width: 330px;*/
    color: #000;
    text-transform: uppercase;
    font-family: open sans;
    font-size: 30px;
    font-weight: 600;
    display: block;
    padding: 16px;
    text-align: center;
    margin-bottom: 15px;
}
.officers-corner-btn a:hover {
    background: #f9d426;
    color: #1e1e1e;
}
.officers-corner h1 {
    color: #fff;
    font-family: Lato, "Open Sans",Helvetica Neue, Helvetica, Arial;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 4px;
    margin: 0;
}
.officers-corner h2 {
    color: #d7b61a;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 4px;
    margin: 8px 0;
    font-family: Lato, "Open Sans", Helvetica Neue, Helvetica, Arial;
}
.officers-corner-btn-wrapper {float: left;margin: 20px 0 0;width: 100%;}
a.officers-corner-btn {border: 2px solid #d7b61a;color: #fff;display: inline-block;font-family: open sans;font-size: 20px;font-weight: 600;letter-spacing: 2px;margin: 0 15px 5px 0;padding: 10px 25px;text-transform: uppercase;}
a.officers-corner-btn:hover {background: #d7b61a none repeat scroll 0 0;color: #1e1e1e;}
a.officers-corner-btn.active {background: #d7b61a none repeat scroll 0 0;color: #1e1e1e;}
.officers-corner-btn-wrapper span {color: #fff;float: left;font-family: open sans;font-size: 14px;}

.valor-box {
    border: 2px solid #fff;
    color: #fff;
    float: left;
    font-family: "Open Sans", Lato, Helvetica Neue, Helvetica, Arial;
    font-size: 29px;
    font-weight: bold;
    line-height: 36px;
    margin: 30px 0;
    padding: 8px;
    text-transform: uppercase;
    width: 100%;
}
    .valor-box:hover {
        transition: .3s background;
        cursor: pointer;
        background: rgba(55, 55, 55, 0.8);
    }
.whitebg h1 strong {
    color: #1D53B1;
}
.whitebg h1 {
    margin-top: 2px;
    text-transform: uppercase;
}
.valor-box span {
    color: #fff;
}
.valor-box span {
    float: left;
}
.valor-box-2 {width: 106%;}
.span-02 
{
    float: left;
    width: 250px;

}

.MainElearning .relatedresources dt p.title a {
    padding-top: 10px !important;
    margin-bottom: -70px !important;
}
.italics-white {
    font-size: 15px;
    color: #fff;
    display: block;
    float: left;
    font-style: italic;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 575px;
    right: 0 !important;
}
/*Never set heights/widths like this it messes aspect ratio up!*/
/*.carousel-img {
    width: 1954px;
    height: 726px;
}*/
img.carousel-img {
    min-height: 595px;
}
.suicideprevention h1 {
    padding-left: 0 !important;
}
.slider #myCarousel .container.darker-shade {
    background: -moz-linear-gradient(left, rgba(30,67,61,0.5) 0%, rgba(25,90,164,0.5) 99%, rgba(25,90,164,0.5) 100%);
    background: -webkit-linear-gradient(left, rgba(30,67,61,0.8) 0%,rgba(25,90,164,0.8) 99%,rgba(25,90,164,0.8) 100%);
    background: linear-gradient(to right, rgba(30,67,61,0.8) 0%,rgba(25,90,164,0.8) 99%,rgba(25,90,164,0.8) 100%);
}
    .f1 {
    float: right;
}
.setfit {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto !important;
    overflow-x: hidden;
    margin: auto 0;
    text-align: center;
}
/* 508 Accessibility */
.tealLink{
	color: #227772;
}
/*Features area*/
.valor-program, .valor-learning {
    background: #194c60;
    padding: 24px 0;
    margin-top: -25px;
    text-align: center;
    width: 100%;
    z-index: 8;
}
.features-center {
    max-width: 620px;
    margin: 0 auto;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    text-align: left;
    border-color: #bce8f1;
    /*padding-left: 30px;*/
}
.valor-program-text {
    text-align: center;
    /*width: 200px;*/
}
.valor-program-img {
    /* float: left; */
    width: 74px;
    margin: 0 auto;
    text-align: center;
}
section.special .row.register {
    background: #1d3045;
}
span.special {
    color: #D1AF22;
    padding-right: 5px;
    /*font-style: italic;
    font-weight: 400;*/
    font-style: normal;
    font-weight: bold;
}
/*.valor-program-text {float: left;width: 200px;}*/
/*.valor-program-img {float: left;width: 74px;}*/
.valor-program-text h1 {font-family: raleway;font-size: 48px;font-weight: bold;margin: 0 0 30px;padding: 0;}
.valor-program-text h2 {color: #050505;font-family: raleway;font-size: 13px;font-weight: bold;letter-spacing: 1px;margin: 0 0 0 12px;}
.valor-program-top {float: left;padding: 50px 0 30px;width: 100%;}
.counter-text {
	font-family: raleway;
	font-size: 48px;
	font-weight: bold;
	margin: 0 0 30px;
	padding: 0;
	margin-top: 20px;
}
.program-text {
	color: #050505;
	font-family: raleway;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 0 0 12px;
	margin-top: 35px;
}

.sectionjoint{
    width: auto;
}
.sectionjointr {
    width: auto;
}
.slider {
    margin-top: 260px;
    float: left;
    width: 100%;
    height: auto;
}

.valor-program {float: left;padding: 80px 0;text-align: center;width: 100%;}
.valor-program h1 
{    
    color: #d7b61a;
    font-size: 40px;
    font-weight: bold;
    margin: 0 0 7px 0;
    text-transform: uppercase;
    width: 100%;}
.valor-program p {    color: #fff;
    font-family: lato;
    font-weight: 300;
    font-size: 20px;
    font-style: italic;
    padding: 0 0 7px 0;
    line-height: 25px;
}
.digital-dispatch{
	padding-top: 20px;
}
.lft-borderblue {
    position: relative;
    padding-left: 25px;
}
.lft-borderblue:before {
    content: "";
    width: 1px;
    height: 34px;
    position: absolute;
    left: 0;
    top: 5px;
    border-left: 1px solid #1d53b1;
}
.lft-borderblue:after {
    content: "";
    width: 5000px;
    height: 1px;
    position: absolute;
    left: -5000px;
    top: 20px;
    border-top: 1px solid #1d53b1;
}
.lft-border {
    position: relative;
    padding-left: 25px;
}
.lft-border:before {
    content: "";
    width: 1px;
    height: 34px;
    position: absolute;
    left: 0;
    top: 5px;
    border-left: 1px solid #d7b61a;
}
.lft-border:after {
    content: "";
    width: 5000px;
    height: 1px;
    position: absolute;
    left: -5000px;
    top: 20px;
    border-top: 1px solid #d7b61a;
}
.counter-measure {
    margin-top: -40px;
}
/***FAQNav*/
.faqwrapper {
    margin-top: 240px;
}
/*#FaqsTop, #OnsiteTraining, #AccountIssues, #ValorforblueeLearning, #TechnicalIssues, #Certificates
 {
    margin-top: -500px;
    padding-bottom: 500px;
}*/
/*#FaqsTop{ margin-top: -500px; padding-bottom: 500px;}
#OnsiteTraining{ margin-top: -600px; padding-bottom: 600px;}*/
    .faqwrapper h3 {
        display: inline-block;
        line-height: 4.3rem;
        overflow: hidden;
    }
.panel-heading {
    border-bottom: none;
}
ul.sub-navs {
    margin-top: -13px;
    height: 68px;
}
.sub-navigation {
    height: 70px;
    position: fixed;
    border-bottom: solid 1px #ddd;
    float: left;
    background-color: rgb(244, 244, 244);
    top: 144px;
    z-index: 9999;
    width: 100%;
    padding: 15px 0px 15px;
}
ul.sub-navs li {
    padding-top: 22px;
    margin-left: -3px;
    display: inline-block;
}
.panel-default > .panel-heading:hover, #FaqWrapper div.panel-heading:hover, #FaqWrapper div.panel-heading:focus {
	color: #fff;
	background-color: #046a91;
	font-weight: bold;
}
ul.sub-navs li a:hover, ul.sub-navs li a.active-subs, ul.sub-navs li a:focus {
	width: 100%;
	color: #fff9f9;
	background: #046a91;
}
ul.sub-navs li a {
    padding: 27px 10px 26px;
    text-decoration: none;
    font-weight: 700;
    color: #206F69;
}

.panel-body ol li {
    margin-bottom:12px;
}
/* added by Qibo to increase readability for list 5/9/2018 */


.bg-01 {
    background: #f1f1f1 none repeat scroll 0 0;
    float: left;
    height: auto;
    min-height: 710px;
    width: 100%;
    padding-top: 40px;
}
.geoshape {
    width: 100%;
}
a.subitem.one.hideMobile {
    display: none;
}
.bg-01 h3 {
    color: #000;
    font-family: Lato, "Open Sans", Helvetica Neue, Helvetica, Arial;
    font-size: 12px;
    letter-spacing: 2px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 300;
}
.bg-01 h1 {
    color: #262626;
    font-family: Lato, "Open Sans", Helvetica Neue, Helvetica, Arial;
    font-size: 30px;
    font-weight: 800;
    margin: 8px 0 22px;
    text-transform: uppercase;
}
.bg-01 p {
	color: #525252;
	font-family: open sans;
	font-size: 16px;
	font-weight: normal;
}
.bg-01 h1 strong {    color: #1D53B1;}


.four-shape {float: left;margin: 90px 0;width: 100%;}

.shape-o1 {/*background: rgba(0, 0, 0, 0) url("../Content/Index/icon-19.png") repeat scroll 0 0;*/float: left;height: 281px;padding: 30px 0;text-align: center;width: 281px;margin: 0 0 20px;}
.shape-o1 h1 {color: #222222;font-family: lato;font-size: 18px;font-weight: 600;margin: 25px 0 8px;text-transform: capitalize;width: 100%;}
.shape-o1 p {color: #333333;font-family: lato;font-size: 15px;font-weight: 400;margin: 10px 0 0;}

.shape-o2 {background: rgba(0, 0, 0, 0) url("../Content/Index/icon-20.png") repeat scroll 0 0;float: left;height: 281px;padding: 30px 0;text-align: center;width: 281px;}
.shape-o2 h1 {color: #fff;font-family: lato;font-size: 18px;font-weight: 600;margin: 25px 0 8px;text-transform: capitalize;width: 100%;}
.shape-o2 p {color: #fff;font-family: lato;font-size: 15px;font-weight: 400;margin: 10px 0 0;}

.bg-02 .carousel.slide {padding: 0 50px;}
.bg-02 {
    background: #254e54;
/*    background: rgba(0, 0, 0, 0) url(../Content/Index/bg-02.jpg) repeat scroll center center / cover;
*/    float: left;
    height: auto;
    /*min-height: 457px;
    padding: 141px 0 118px;*/
    min-height: 400px;
    padding: 100px 0 100px;
    width: 100%;
    text-align: center;
}
    .bg-02 h1 {
        color: #fff;
        font-family: Lato, "Open Sans", Helvetica Neue, Helvetica, Arial;
        font-size: 30px;
        font-weight: 800;
        letter-spacing: 1px;
        margin: 0;
        text-align: center;
    }
    .bg-02 h2 {
        color: #fff;
        font-family: Lato, "Open Sans", Helvetica Neue, Helvetica, Arial;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 1px;
        margin: 30px 0 25px;
        text-align: center;
        text-transform: uppercase;
    }
    .bg-02 .item {
        color: #fff;
        float: left;
        font-family: Lato, "Open Sans", Helvetica Neue, Helvetica, Arial;
        font-size: 30px;
        line-height: 34px;
        margin: 50px 0;
        width: 100%;
    }
.bg-02 .item a {color: #d7b61a;}
.three-icon {float: right;margin: 12px 0;}
.bg-02 .carousel-indicators > li {background: #fff none repeat scroll 0 0;height: 15px;width: 15px;}
.bg-02 .carousel-indicators .active {
    background: #d7b61a none repeat scroll 0 0;
    border:#d7b61a solid 1px;
}
.bg-02 .carousel-indicators {
    bottom: -15px;
}
.bg-03 {
    background: #fff none repeat scroll 0 0;
    float: left;
    height: auto;
    width: 100%;
    padding: 45px 0;
}

.bg-03 h3 
{    
    color: #000;
    font-family: raleway;
    font-size: 12px;
    letter-spacing: 2px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 300;

}

    .bg-03 h1 {
        color: #262626;
        font-family: Lato, "Open Sans", Helvetica Neue, Helvetica, Arial;
        font-size: 30px;
        font-weight: 800;
        margin: 8px 0 22px;
        text-transform: uppercase;
    }
.bg-03 h1 span {color: #1D53B1;}
.bg-03 p {
    color: #757575;
    font-family: open sans;
    font-size: 14px;
    line-height: 26px;
    font-weight: normal;
}
.five-shape {
    float: left;
    margin: -30px 0;
    width: 100%;
}.client-o1 {
     text-align: center;
     margin-top: 30px;
 }
.podcast p {
    color: #000;
}

.firstsection {
    padding-right: 40px;
}

.lowercenter {
    margin-top: 70px;
}
.containsos {
    margin-left: 100px;
    margin-right: 100px;
}
.greengeoshape {
    width: 100%;
    margin-top: -180px;
}
@media screen and (min-width: 1550px){
    .greengeoshape {
        margin-top: -270px;
    }
}
@media screen and (min-width: 1350px) and (max-width: 1549px){
    .greengeoshape {
        margin-top: -175px;
    }
}
.greenbluebg {
    background: #194c60;
    height: 155px;
    padding: 50px;
}
.socialicon {
    margin-top: -30px;
    z-index: 1;
}
span.bold {
    font-weight: 900;
}
.generalwrapper h1 span ~ span {
    color: #1D53B1;
    text-transform: uppercase;
}
.nav-tabs > li > a {
    background-color: #eee;
    margin-right: 2px;
    /*min-height: 62px;*/
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    min-height: 66px !important;
}
.nav-tabs > li {
    float: left;
    /*max-width: 200px;*/
    margin-bottom: -1px;
}
.generalwrapper h1 span {
    color: #1D53B1;
}
.smallcaption {
    clear: both;
    margin-top: 10px;
    font-style: italic;
    font-size: 11px;
}
.firstrow {
    position: relative;
}
.secondrow {
    margin-top: -180px;
    position: relative;
}

.hexatextsm {
    text-transform: uppercase;
    position: absolute;
    margin-top: 10px;
    width: 160px;
    text-align: center;
    margin-left: 54px;
    color: #fff;
    font-size: 14px;
    line-height: 1.3em;
}
.hexagonimgsm {
    margin-top: 46px;
    margin-left: 95px;
    width: 80px;
}
.popover-content-stories.show-popover.hideMe {
    display: none;
}
/*This is all the anchor tags*/
#ProgramFeatures, #f1, #OfficerAndAgencyResources, #Leoka, #Tweets, #BJAVALORInitiative, #FeaturedVALORResources, #VALORInitiativePartners, #StrategicCollaborations, #SuccessStoriesVideos, #Testimonials, #YourStory, #OnlineTraining, #RollCallTraining, #WebinarRecordings, #VALORVoicesPodcasts, #Other_eLearningOpportunities, #SpotlightOnSafetyTopics, #Featured, #Printables, #Posters, #VALORForBlue_eLearning, #Media, #eLearning, #Resources, #Podcasts {
    margin-top: -120px;
    padding-top: 120px;
}
#fc1, #modal, #ref, #Ref1, #Reference1, #Ref2, #Reference2, #Ref3, #Reference3, #Ref4, #Reference4 {
    margin-top: -190px;
    padding-top: 190px;
}
img.hiddenhex.hexagons {
    display: none;
}

.sosimg {
    width: 80%;
    margin-left: 35px;
}
.smallercontainer h3 span.bold {
    font-weight: 700;
}
.ul-white{ color: #fff; text-shadow: 0 2px 2px #000;}
.smallercontainer h3 {
    font-family: raleway;
    font-weight: 500;
    font-size: 22px;
    margin-top: -5px;
    text-align: center;
    text-transform: uppercase;
}
.smallercontainer {
    width: 1100px;
    margin-left: 55px;
    margin-right: 55px;
}
.anchor {
    margin-top: -165px;
    padding-top: 165px;
}
span.light {
    font-weight: 300;
}
.centered {
    clear: both;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
}
img.footerlogos.float-right {
    margin: 0;
}

.bg-04 {
    background: #254e54;
    background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5) ), url(../Content/Index/bg-04.jpg) repeat scroll center center / cover;
    float: left;
    height: auto;
    min-height: 695px;
    padding: 70px 0 0px;
    width: 100%;
    margin-top: 136px;
}
.bg-04 h3 
{    
    color: #fff;
    font-family: raleway;
    font-size: 12px;
    letter-spacing: 2px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 300;

}
.bg-05 {
    background: rgba(0, 0, 0, 0) url(../Content/Index/bg-04.jpg) repeat scroll center center / cover;
    float: left;
    height: auto;
    min-height: 695px;
    padding: 0 0 0 0; /* 70px 0 40px; */
    width: 100%;
}
.bg-05 h3 {
    color: #fff;
    font-family: raleway;
    letter-spacing: 2px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 300;
}
    .bg-05 p {
        color: #fff;
        font-family: open sans;
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 10px;
    }
.bg-05 .whitebg h1 {
    color: #fff;
}
    .bg-05 .whitebg h1 strong {
        color: #25c7f9;
    }
.bg-05 form {
    margin-top: 5px;
}
.bg-06 {
    background: #1D4742;
    background: rgba(0, 0, 0, 0) url(../Content/Index/bg-contact.jpg) repeat scroll center center / cover;
    float: left;
    height: auto;
    min-height: 695px;
    padding: 40px 0 40px;
    width: 100%;
}
abbr[title], abbr[data-original-title] {
    border-bottom: none;
}
abbr[title], acronym[title] {
    text-decoration: none;
}
.form-horizontal.contact-form .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
    text-shadow: 0 2px 2px #000;
}
    .bg-06 .whitebg h1 strong {
        color: #1D99C0;
    }
    .bg-06 h3, .bg-06 h2, .bg-06 h1 {
        color: #fff;
    }
.bg-06 p {
    color: #fff;
    font-family: open sans;
    font-size: 14px;
    font-weight: normal;
    /*text-shadow: 0 4px 3px #000;*/
    text-shadow: 0 2px 2px #000;
}
.sub-nav-training {
    margin: 20px;
    background: #194c60;
    padding: 10px;
    text-align: center;
}
    ul.sub-nav-training li {
        display: inline-block;
        text-decoration: none;
        padding: 5px;
        text-align: center;
        color: #fff;
    }
    .sub-nav-training li a {
        color: #fff;
    }
    .training-icons{ width: 30px;}
.carousel-caption.carouselContainLeft.suicideprevention {
    width: 63%;
    margin-top: -5%;
}
#myCarousel h2 {
    color: white;
    text-align: left;
}
a.suicidebutton {
    display: table;
    color: #000;
    background: #d7b61a;
    text-shadow: none;
    padding: 10px;
    margin-top: 20px;
    text-decoration: none;
    font-weight: bold;
    white-space: nowrap;
}
    a.suicidebutton:hover {
        transition: .3s background-color;
        color: #fff;
        background: #333;
    }
.contact-icons {
    margin-top: -50px;
    width: 100px;
}
div.tab-content h2 {
    color: #1D53B1 !important;
}
.row.register {
    margin: 10px;
}
.menu-top .nav.navbar-nav.navbar-right a.mobileLabel {
    display: none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    min-height: 64px;
    cursor: default;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
blockquote p small a{ text-decoration: none;}
.register {
    background-size: cover;
    color: #fff;
    background: #333;
    padding: 20px 35px 20px 20px;
    margin-top: 8px;
}
.row.register h4 {
    color: #fff;
    margin-top: 2px;
    margin-left: 12px;
}
.nav-tabs > li > a {
    background-color: #e5e5e5;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    text-align: center;
}
.btn.btn-register {
    background-color: #32aca4;
    border-radius: 0;
    color: #fff;
    padding: 11px;
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
	text-shadow: -1px 1px 4px #111;
}
.btn.btn-register:hover {
    background: #046a91;
}
.call-out-box {
    border: solid 6px #31708f;
    padding: 35px;
    width: 300px;
    margin-top: 20px;
    color: #fff9f9;
    background: #1c2a45;
    float: right;
    text-align: center;
}
.save {
    /*background: url(/Content/Training/VALORBg.png) no-repeat scroll center transparent;*/
    background-size: cover;
    color: #000;
    border: solid 1px #046a91;
    padding: 3px;
}
#FaqWrapper .panel-heading {
    text-align: left;
    font-weight:bold;
    font-size:16px;
}
.panel-body {
    padding: 15px;
    height: 170px;
    font-size:16px;
    cursor:auto;
}
img.initiative-logo {
    width: 365px;
    margin-top: 46px;
}
.contact-bottom-bg h3 {
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 48px;
    padding-top: 13px;
    background: #1D4742;
    text-shadow: 0 4px 3px #000;
    background: transparent;
}
#FaqWrapper.panel-body {
    padding: 10px;
    min-height: 125px;
    text-align: left;
}
#FaqWrapper.panel-default {
    border-color: #ddd;
}
.panel-default{
    text-align:center;
    cursor:pointer;
    font-family: 'Raleway',sans-serif;
}
    .panel-default > .panel-footer {
        color: #fff;
        background-color: #046a91;
        border-top: 1px solid #046a91;
        display: none;
        box-shadow: 0px 4px 20px #000;
    }
#FaqWrapper .panel-body {
    height: auto;
    display: none;
    text-align: left;
}
#FaqWrapper .panel-default {
    box-shadow: 0px 7px 16px #ccc;
}
.panel-default {
    border-color: #046a91;
    box-shadow: 0px 7px 16px #000;
}

.panel-default i{
    font-size: 5em;
}
img.pos-hexagon {
    position: relative;
}
.hexagon-p-pos {
    position: relative;
    margin-top: -317px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    width: 248px;
    margin-left: 104px;
}
.hexagon-height {
    min-height: 440px;
}
.big-hexagons{ display: block;}
.smaller-hexagons{ display: none;}
.lft-borderblue-alt:before {
    content: "";
    width: 1px;
    height: 34px;
    position: absolute;
    left: 0;
    top: 5px;
    border-left: 1px solid #1D99C0;
}
.lft-borderblue-alt:after {
    content: "";
    width: 5000px;
    height: 1px;
    position: absolute;
    left: -5000px;
    top: 20px;
    border-top: 1px solid #1D99C0;
}
.bg-04 h1 {
    color: #fff;
    font-family: Lato, "Open Sans", Helvetica Neue, Helvetica, Arial;
    font-size: 30px;
    font-weight: 800;
    margin: 8px 0 22px;
    text-transform: uppercase;
}
.bg-04 h1 span {color: #D7B61A;}
.bg-04 p {color: #fff;font-family: open sans;font-size: 14px;font-weight: normal;}
.six-shape {float: left;margin: 60px 0 0;width: 100%;}

.block-box-img {
    position: relative;
    background: #194c60;
}
.generalwrapper, .main-wrapper {
    margin-top: 175px !important;
}
.image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}
.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 58%;
    left: 0%;
}
iframe.valor-video {
    border: 0;
    min-width: 500px;
    min-height: 300px;
}
/*.video-border {
    background-color: #333333;
    border-left: 15px solid #ffffff;
    border-right: 15px solid #ffffff;
}*/
img.hexagonlinks {
    width: 140px;
  
}
h3.hexagon-title {
    color: #fff;
    position: relative;
    top: 90px;
    font-size: 18px;
    z-index: 10;
}
.hex-wrapper:hover h3 {
    color: #000;
    cursor: pointer;
}
.hex-img {
    background: rgba(0, 0, 0, 0) url(../Content/Training/hexagonsprite.png) 270px/270px no-repeat;
    width: 135px;
    position: relative;
    display: inline-block;
    height: 135px;
    top: 0px;
    background-position: -135px 4px;
}

.hex-wrapper.story-selection.odd .hex-img {
    top: -75px;
}


    /*.hex-img.odd-hex {
        position: relative;
        top: -115px;
    }*/
    /*.hex-img.odd-hex {
        position: relative;
        display: inline-block;
        margin-top: -60px;
    }*/

h3.hexagon-title.odd-title-2 {
    top: 16px;
}
div#allhexagons {
    padding-top: 15px;
    float: left;
}
.hex-wrapper:hover .hex-img {
    cursor: pointer;
    background: rgba(0, 0, 0, 0) url(../Content/Training/hexagonsprite.png) 270px/270px no-repeat;
    width: 135px;
    height: 135px;
    background-position: -1px 4px;
}
.hex-img-officer {
    display: inline-block;
    position: relative;
    background: rgba(0, 0, 0, 0) url(../Content/Training/officersprite.png) 270px/270px no-repeat;
    width: 135px;
    height: 135px;
    background-position: -1px 4px;
    background-position: -135px 4px;
}
div.valor-story.vs-top-of-page {
    margin-top: 225px;
}
.hex-wrapper-desc h3{ color: #fff;}
.hex-wrapper-desc {
    margin-top: 75px;
    background: #1153AD;
    padding: 0 36px 36px 36px;
    color: #fff;
    border-radius: 12px;
}
.hex-wrapper-desc a { color: #fff;}
#selection-6 h3.hexagon-title {
    cursor: initial;
}
.agency {
    min-height: 35px;
    display: inline-flex;
    margin-top: 10px;
}
.hex-wrapper.story-selection.active-story h3 {
    color: #fff;
    text-shadow: 4px 1px 5px #000;
}
.hex-wrapper.story-selection.active-story .hex-img {
    background: rgba(0, 0, 0, 0) url(../Content/Training/hexagonsprite.png) 270px/270px no-repeat;
    width: 135px;
    height: 135px;
    background-position: -1px 4px;
}

.hex-wrapper-desc.active-story {
    display: inline-block;
}
.hex-wrapper-desc{ display: none;}
h3.hexagon-title.odd-title {
    z-index: 9;
    top: 16px;
}
.set-margin img.hexagonlinks.odd-hex {
    margin-top: -143px;
}
.hex-wrapper {
    height: 183px;
    display: inline-block;
    margin: -12px;
}
.set-margin-second {
    margin-top: -30px;
    margin-bottom: 20px;
}
img.hexagonhover {
    width: 140px;
    display: none;
}
img.hexagonlinks.odd-hex {
    margin-top: -137px;
}
.set-margin {
    margin-top: 55px;
}
.block-box-img:hover .image, a:focus .block-box-img .image {
	opacity: 0.5;
}
.block-box-img:hover .middle, a:focus .block-box-img .middle {
	opacity: 1;
}


.text {background-color: #262626;color: white;font-family: raleway;font-size: 14px;font-weight: bold;letter-spacing: 2px;padding: 10px 32px;}
.block-box-text {
    float: left;
    margin: 40px 0 37px;
    width: 100%;
}
.block-box-text > h1 {color: #dae4e5;font-family: raleway;font-size: 20px;font-weight: bold;letter-spacing: 1px;margin: 0;}
	.block-box-text a span, .block-box-text span {
		color: #e4b665;
		float: left;
		font-family: open sans;
		font-size: 11px;
		font-weight: 400;
		letter-spacing: 4px;
		margin: -5px 0;
		text-transform: uppercase;
		width: 100%;
	}
	.block-box-text > a, .block-box-text {
		color: #fff;
		float: left;
		font-family: open sans;
		font-size: 11px;
		height: 40px;
		letter-spacing: 1px;
		line-height: 39px;
		bottom: 0px;
		text-align: center;
		text-transform: uppercase;
		width: 100%;
		position: initial;
	}

.block-box-text a h2,.block-box-text h2 {
    color: #fff;
}
.block-box h2{
	text-decoration: underline;
}


.slicknav_btn {
    width: 30px;
    height: 26px;
    position: absolute;
    top: 5px;
    right: 15px;
}

.big-img {float: left;margin: 30px 0;text-align: center;width: 100%;}
/*Providers*/
a.title:hover, a.title2:hover {
    color: #fff;
}
li.initiativecircles {
    border: solid 1px #fff;
    position: relative;
    margin-left: 13px;
    display: inline-block;
    z-index: 10;
    border-radius: 50%;
    height: 110px;
    width: 110px;
    vertical-align: middle;
    margin-top: 94px;
    box-shadow: 6px 6px 2px 1px rgba(0, 0, 0, .3);
}
.valorcolor:hover {
    background: #4fcabe;
    cursor: pointer;
    border: solid 4px #ccc;
    transition: background-color 0.5s ease;
}
.pilotcolor:hover {
    background: #8ab282;
    cursor: pointer;
    border: solid 4px #ccc;
    transition: background-color 0.5s ease;
}
.resiliencecolor:hover {
    background: #334c7c;
    cursor: pointer;
    border: solid 4px #ccc;
    transition: background-color 0.5s ease;
}
.crisiscolor:hover {
    background: #c97a36;
    cursor: pointer;
    border: solid 4px #ccc;
    transition: background-color 0.5s ease;
}
.deescalationcolor:hover {
    background: #ffb444;
    cursor: pointer;
    border: solid 4px #ccc;
    transition: background-color 0.5s ease;
}
.dzcolor:hover {
    background: #5b85c7;
    cursor: pointer;
    border: solid 4px #ccc;
    transition: background-color 0.5s ease;
}
.alerrtcolor:hover {
    background: #7e2c2c;
    cursor: pointer;
    border: solid 4px #ccc;
    transition: background-color 0.5s ease;
}
.title {
    padding-top: 35px;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    height: 105px;
    letter-spacing: .3px;
}
.dzcolor {
    background: #3D6AB2;
}
.pilotcolor {
    background: #6B8A65;
}
.deescalationcolor {
    background: #E3A03C;
}
.crisiscolor {
    background: #A8662D;
}
.resiliencecolor {
    background: #1C2A45;
}
.title2 {
    font-size: 14px;
    height: 105px;
    padding-top: 11px;
    font-weight: 700;
    display: inline-block;
    color: #fff;
    letter-spacing: .3px;
    width: 92px;
    text-align: center;
    vertical-align: middle;
}
.alerrtcolor {
    background: #581F1F;
}
.valorcolor {
    background: #35B1A5;
}
ul.ulinitiative {
    display: inline-block;
    float: left;
}
.wave {
    background: url(../Content/Index/initiativeholder.png) -20px -3px;
    position: relative;
    z-index: 9;
    text-align: center;
    height: 300px;
    top: -90px;
    width: 965px;
}
h2.intiativelabeltitle {
    z-index: 99999;
    position: absolute;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-size: 2.8em;
    font-weight: 300;
    height: auto;
    margin-left: 55px;
    margin-top: 45px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}
.initiativeLabel {
    z-index: 10;
    color: #fff;
    background: #fff;
    border: solid 20px #cccccc;
    text-align: center;
    max-width: 1000px;
    position: relative;
    padding: 2px 2px 2px 2px;
    height: 245px;
    border-radius: -5%;
    border-radius: 135px;
    text-transform: uppercase;
    margin-top: -75px;
    font-size: 24px;
}

.centerimg {
    text-align: center;
    margin: 0 auto;
}

img#initiative-img {
    max-width: 875px;
    width: 100%;
    height: auto;
}
/*Footer area*/
footer {
    background: #fff none repeat scroll 0 0;
    float: left;
    padding: 60px 0px 15px;
    width: 100%;
    position: relative;
}
.footerLinks li {
    float: left;
    min-width: 155px;
    height: 30px;
    list-style: none;
}
.footerLinks a.homeLink {
    border-left: solid 1px #2b7c74; 
}
.footerLinks>li>a {
    border-right: solid 1px #2b7c74; 
}
.footerLinks>li>a:hover {
    color: #1d53b1;
}
.footerLinks>li>a {
    font-family: raleway;
    font-weight: 800;
    position: relative;
    display: block;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    padding: 10px 15px;
}
.footerLinks{ margin-bottom: 100px;}
.f1 > p.header {
    float: left;
    font-family: Lato, "Open Sans", Helvetica Neue, Helvetica, Arial;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 4px;
    text-transform: uppercase;
    width: 100%;
}
.f1 p.header {
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: .4rem;
}
.f1 span {
    background: #f7a349 none repeat scroll 0 0;
    display: inline-block;
    height: 1px;
    position: relative;
    top: 10px;
    width: 58px;
}
.f1 > p {
    color: #333;
    float: left;
    font-family: "Open Sans", Lato, Helvetica Neue, Helvetica, Arial;
    font-size: 13px;
    line-height: 25px;
    margin: 12px 0;
    width: 100%;
}
.f1 > b {
     color: #3b3b3b;
     float: left;
     width: 100%;
     font-size: 11px;
 }
.f1 > a {
    margin: 10px 0 0;
    color: #3b3b3b;
    float: left;
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.f1 input {
	background: #fff9f9 none repeat scroll 0 0;
	border: 1px solid #e2e2e2;
	color: #707070;
	font-size: 13px;
	height: 42px;
	padding: 0 12px;
	width: 72%;
}
.f1 form {
    text-align: right;
}
.f1 strong {
    float: right;
    margin: 40px 0 0;
    text-align: right;
}
.f2 {text-align: center;}
.footerlogos {
    max-width: 100%;
    margin: auto 70px;
}
.footer-p {color: #3b3b3b;font-family: "Open Sans", Lato, Helvetica Neue, Helvetica, Arial;font-size: 16px;line-height: 25px; padding: 0px;}

#twitter-widget-holder {
    overflow: auto;
    max-height: 500px;
    max-width: 520px;
    padding: 0px;
    margin: 0 0 0 5px;
    background: #fff; 
    /*border-radius:6px; box-shadow:2px 2px 3px rgba(0,0,0,.1);*/
    background-clip: padding-box;
}

@supports not (-ms-high-contrast: none) {
    /* Non-IE styles here */
    #twitter-widget-holder {
        border-radius: 6px;
        box-shadow: 2px 2px 3px rgba(0,0,0,.1);
    }
}

@media print {
    .footer-p {
        page-break-before: always;
        margin-top: 3em;
    }
}

.copy {
    float: left;
    font-family: Lato, Helvetica Neue, Helvetica, Arial;
    font-size: 14px;
    text-align: center;
    width: 100%;
}
.yellow-link { color: #d7b61a;}
.rounded {
    border-radius: 5px !important;
}

@media only screen and (min-width:200px) and (max-width:640px) {
    .slider .carousel-control.left, .slider .carousel-control.right {
        top: -110px !important;
        bottom: 55px;
    }
    .bg-03 {
        background: #fff none repeat scroll 0 0;
        float: left;
        height: auto;
        min-height: 565px;
        width: 100%;
        padding: 45px 0;
    }

    .slider .carousel-indicators {
        bottom: 169px;
    }
    .menu-top .navbar-brand {padding: 12px;}
    .menu-top .navbar-toggle {margin-top:22px;}
    .menu-top .navbar-nav {margin-top:0px;}
    .menu-top .nav.navbar-nav.navbar-right a {padding: 15px;}
    .top-link {text-align: center;}
    .stay-connect {text-align: center;}
    .stay-connect a {padding: 0 5px 0 0;}
    .valor-box-2 {width: 100%;}
    .officers-corner {margin: 20px 0;}
    .valor-box > span {float: left;text-align: center;width: 100%;}
    site-search {
        display: none !important;
        text-align: center;
    }
}
.menu-top .navbar-toggle {
    border: none;
    cursor: pointer;
    border-radius: 0px;
    z-index: 999999999 !important;
    width: 50px;
    height: 50px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background: none;}
.menu-top .navbar-toggle span.icon-bar {
    background-color: #d7b61a;
    margin: 4px 0 0 5px;
    padding: 2px;
    width: 30px;
}

.sectionjoint {
    background-repeat:no-repeat;padding-bottom:40px;
}
.top-link a:hover {
    color: #fff;
}
.sectionjoint.one {
    padding-right: 60px;
    background-image: url(../Content/Index/icon31.png);
    background-size: 42px;
    background-position: right 20px;
    margin-top: 30px;
    margin-left: 6px;
    margin-right: 6px;
}

.sectionjoint.two {
    padding-right: 60px;
    background-image: url(../Content/Index/icon32-new.png);
    background-size: 46px;
    background-position: right 20px;
    margin-left: 6px;
    margin-right: 6px;
}
.sectionjoint.three {
    padding-right: 66px;
    background-image: url(../Content/Index/icon33-new.png);
    background-size: 64px;
    background-position: right 30px;
    margin-left: 6px;
    margin-right: 6px;
}
p.socialp {
    color: #fff;
    font-size: 30px;
    margin-top: 10px;
    line-height: 1.3em;
}
.sociallink {
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    margin-top: 5px;
    text-decoration: underline;
}
.sectionjoint .shead {font-weight: 600;
    font-size: 23px;
    text-align: right;
    color: #fff;
    padding-bottom: 4px;}
.sectionjoint .sbody {    font-weight: 400;
    font-size: 18px;
    color: #fff;
    text-align: right;
    line-height: 30px;}

div#objection7 {
    margin-top: 100px;
}

.sectionjointr {
    background-repeat:no-repeat;padding-bottom:40px;
}
.sectionjointr.one {
    padding-left: 91px;
    padding-right: 6px;
    background-image: url(../Content/Index/icon34.png);
    background-size: 47px;
    background-position: 29px 27px;
    margin-top: 30px;
}
    .sectionjointr.two {
        padding-left: 61px;
        padding-right: 6px;
        background-image: url(../Content/Index/icon35.png);
        background-size: 45px;
        background-position: left 26px;
        margin-top: 30px;
    }
.boldText {
    font-weight: 900;
    margin-bottom: 15px;
    font-size: 40px;
    display: block;
}
.box-8 {
    float: left;
    border-right: 50px solid #333;
    border-top: 85px solid transparent;
    border-bottom: 80px solid transparent;
}
.box-10 {
    float: left;
    border-left: 50px solid #333;
    border-top: 85px solid transparent;
    border-bottom: 80px solid transparent;
}
.box-9 {
    float: left;
    width: auto;
    min-width: 108px;
    height: 165px;
    background-color: #333;
}
    .box-9:hover {
        background: #777;
        cursor: pointer; 
    }

  .hoverstateleft {
      border-left: 52px #999 solid !important;
  }
  .hoverstateright {
      border-right: 52px #999 solid !important;
  }
.box-9 h3 {
    color: #fff;
    max-width: 106px;
    line-height: 1.6;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    padding: 59% 0%;
}
h3.multiword {
    padding: 45% 7%;
}
h3.singleword {
    padding: 70% 15%;
}
.hexagonboxes {
    float: left;
    width: auto;
    margin-top: 30px;
}

.col-sm-7.hexagonboxes.odd {
    margin-top: 130px;
}
.box-14 {
    float: left;
    max-width: 201px;
    height: 290px;
    min-width: 201px;
    background-color: #046a91;
}
.box-14 p, .box-14 h3 {
     color: #fff;
}
    .box-14 h3 {
        font-size: 16px;
        text-align: center;
        margin-top: 47px;
    }
    .box-14 p {
        font-size: 13px;
        padding-top: 10px;
        text-align: center;
    }
.col-md-12.hexagonboxlg {
    clear: both;
    margin-top: 36px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
    margin-bottom: 60px;
    margin-left: -10px;
}
.Toolkits.margin400 {
    margin-left: 400px;
    transition: 3s ease;
}
.box-15 {
    float: left;
    border-left: 86px solid #046a91;
    border-top: 151px solid transparent;
    border-bottom: 137px solid transparent;
}
a.hexlink {
    color: #000;
    background: #d7b61a;
    padding: 10px;
    text-decoration: none;
    z-index: 10;
    position: relative;
}
.box-13 {
    float: left;
    border-right: 86px solid #046a91;
    border-top: 151px solid transparent;
    border-bottom: 137px solid transparent;
}
.block-box-text h2 {
    font-size: 20px;
    margin-top: -15px;
}
.carouselContainLeft {
    margin-left: 30px;
}
.smallerIntroText {
    margin-left: 226px;
    margin-top: 65px;
}
.sectionadjustr.two {
    padding-left:30px;
}
.sectionjointr.three {
    padding-left: 91px;
    padding-right: 6px;
    background-image: url(../Content/Index/icon36-new.png);
    background-size: 99px;
    background-position: left 17px;
    margin-top: 30px;
}
.rightyellow.carousel-control {
    background-image: url(../Content/Index/right-arrowyellow.png) !important;
    background-position: center !important;
    background-size: 69px !important;
    margin-top: -175px;
    background-repeat: no-repeat !important;
}
.marginLeft120 {
    margin-left: 180px;
    padding-right: 15px;
}
.carouselicon {
    float: left;
    display: inline-block;
    padding: 10px;
    margin-right: -10px;
    width: 68px;
    margin-top: -16px;
}
.carouseliconR {
    float: right;
    display: inline-block;
    padding: 10px;
    width: 68px;
}
.marginRight120 {
    margin-right: 120px;
}
.leftyellow.carousel-control {
    background-image: url(../Content/Index/left-arrowyellow.png) !important;
    background-position: center !important;
    background-size: 69px !important;
    margin-top: -175px;
    background-repeat: no-repeat !important;
}
.carousel-control.rightyellow {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.leftyellow {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
h3.headmargin {
    margin-bottom: 4px;
}
.resource {
    margin-top: 29px;
}
h3.carouseltitle {
    font-weight: 500 !important;
    margin-top: 16px;
    padding-bottom: 20px;
}
img.bgbadge {
    position: relative;
    float: left;
    margin-left: 142px;
}
.badgeinfo {
    position: absolute;
    float: left;
}
    .badgeinfo h1 {
        font-family: "Open Sans", sans-serif;
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 26px;
        line-height: 1.35em;
    }
.barlinesc {
    width: 52px;
    height: 2px;
    background: #fff;
    margin: auto;
    margin-top: 2px;
    border-radius: 2px;
}
img.icons {
    margin-left: 30px;
    margin-top: 7px;
    margin-bottom: -55px;
    width: 40%;
}
img.iconsm {
    margin-left: 77px;
    margin-top: 7px;
    margin-bottom: -60px;
    width: 20%;
}
.sectionjointr .sheadr {
    font-family: Lato, "Open Sans", Helvetica Neue, Helvetica, Arial;
    font-weight: 600;
    font-size: 23px;
    text-align: left;
    color: #fff;
    padding-bottom: 4px;
}
.sectionjointr .sbodyr 
{    
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    text-align: left;
    line-height: 30px;

}

img.maincenteri {
    width:298px;
    max-width:100%;
}

.setptops {
    padding-top:20px;
}

.shape-o1 , .shape-o2 {margin-bottom:30px !important;float:none;margin:auto;background-repeat: no-repeat;background-size: contain !important;background-position: center !important;max-width:100%;}

.animated {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.noticesDisclaimers {
    padding-top: 2px !important;
    font-size: 34px;
}
.notices-disclaimers {
    width: 100%;
    margin-top: 15px;
    text-align: center;
}
/* VALOR STORY                                                  */

div.valor-story.vs-top-of-page
                {   margin-top:         105px;
                    margin-bottom:      -25px;
                    padding-top:        40px;                 }

div.valor-story {
    margin-bottom: 10px;
    padding-top: 40px;
    max-width: 1000px;
}
    /*div.valor-story iframe {
        display: block;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        padding-top: -40px;
    }*/
    div.valor-story iframe {
        display: block;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        padding-top: -40px;
        min-width: 100%;
        min-height: 475px;
    }

p.topspacing20 {
    padding-top: 20px;
}

article iframe {
    display: block;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    position: relative;
    z-index: -1;
    max-height: 100%;
}
    div.valor-story p {
        padding: 10px 0;
        font-family: "Open Sans", Lato, Helvetica Neue, Helvetica, Arial;
    }

    div.valor-story h1 {
        color: #262626;
        font-family: Lato, "Open Sans", Helvetica Neue, Helvetica, Arial;
        font-size: 30px;
        font-weight: 800;
        text-transform: uppercase;
    }
.valor-story h3 {
	font-size: 22px;
}
div.theValorStory p{
	padding: 0px;
}
.theValorStory{
	padding-bottom: 20px;
}

.vs-lft-borderblue 
                {   margin-left:        -25px;
                    padding-left:       25px;
                    position:           relative;               }

.vs-lft-borderblue:before
                {   border-left:        1px solid #1d53b1;
                    content:            "";
                    height:             100%;
                    position:           absolute;
                    top:                0;
                    left:               0;
                    width:              1px;                    }

.vs-lft-borderblue:after
                {   content:            "";
                    width:              5000px;
                    height:             1px;
                    position:           absolute;
                    left:               -5000px;
                    top:                50%;
                    border-top:         1px solid #1d53b1;      }


div.valor-story h1 span.TitleLastWord
                {   color:              #1d53b1;                }

div.vs-partners {   background-color:   #F1F1F1;
                    float:              left;
                    min-height:         710px;
                    width:              100%;                   }
.vs-partners p a {
	color: #227772;
}

ul.vsPartners {
    display: block;
    list-style-type: none;
    margin-top: 1.50em;
    margin-bottom: 1.50em;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    text-align: center;
    width: 100%;
}
.vsPartners img{ cursor: pointer;}
ul.vsPartners li:hover {
  
    transition: opacity ease-in-out .3s;
}

ul.logoGrid li div.boxOverlay p.boxDesc, ul.logoGrid li div.boxOverlay a
                {   color:              #ffffff;                }

ul.logoGrid > li > div.boxOverlay > a
                {   text-decoration:    underline;              }
ul#InitiativePartners li div img {
    max-height: 175px;
    margin-top: 30px;
    z-index: 0;
    position: relative;
}
ul.logoGrid li {
    background-size: 200px;
    border-radius: 5px;
    height: 210px;
    margin-right: 20px;
    overflow: hidden;
    width: 200px;
}
.vsPartners .panel-body {
    height: 180px;
    padding: 0;
}
.vsPartners.logoGrid.center {
    margin-top: 20px;
}
.vsPartners .panel-default > .panel-footer a {
    color: #fff;
}
.vsPartners .panel-default {
    height: 200px;
    border: 0;
    background: transparent;
    box-shadow: none;
}
    .vsPartners .panel-default > .panel-footer {
        position: absolute;
        font-size: 12px;
        line-height: 1.3em;
        z-index: 999;
        transform: translateY(-200px);
        height: 265px;
    }
    .panel-footer p{ font-size: 12px;}
    .vsPartners .panel-default > [class*='col-'] {
        display: inline-block;
        float: none;
    }
ul.logoGrid div.boxOverlay
                {   background-color:   rgba(009, 017, 079, 0.9);
                    color:              rgba(255, 255, 255, 0.0);
                    height:             350px;
                    opacity:            0;
                    text-align:         center;
                    -webkit-transition: opacity 0.25s ease;
                    -moz-transition:    opacity 0.25s ease;
                    -ms-transition:     opacity 0.25s ease;
                    -o-transition:      opacity 0.25s ease;
                    transition:         opacity 0.25s ease;      }


ul.logoGrid li div.boxOverlay p.boxDesc
                {   padding:            5px;
                    text-decoration:    none;                   }

ul.logoGrid div.boxOverlay:hover
                {   opacity:            1;                      }


#boxALERRT img{   
    height:   175px;                  
}

#boxNLEOMF img {
   height: 145px;
}
#boxPolis img {
    height: 140px;
}
#boxIACP img {
    width: 200px;
    margin-top: 16px;
}

#boxPRA img {
    margin-top: 27px;
    height: 60px;
}

#boxPoliceFound img {
    height: 115px;
}

#boxSPC img {
    margin-top: 27px;
    height: 60px;
}

#boxIIR img {
    width: 160px;
    padding-top: 55px;
}
ul#Collaborations li
                {   height:             225px;                  }

ul.vsPartners li {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    position: relative;
}
ul#Collaborations li a img
                {   display:            block;
                    margin-top:         auto;
                    margin-bottom:      auto;
                    position:           absolute;
                    top:                0;
                    bottom:             0;
                    width:              100%;                   }

/* END VALOR STORY                                              */

/*    Blog Styles    */

.padding-top3{
    padding-top: 3px;
}
.header-text h2 {
    margin-top: 5px;
}
.infoHeader h3 a{
    text-decoration: none;
}
.blogContainer {
    margin-top: 30px;
    margin-bottom: -20px;
    background-color: #194c60;
}
.blogEntry {
    border: 1px solid lightgrey;
    box-shadow: 2px 3px 15px black;
    background-color: white;
    margin: 20px 0px;
    color: black;
}
.blogImage img {
    max-height: 200px;
    max-width: 150px;
    width: auto;
    height: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}
.blogDate {
    margin-top: 20px;
    text-align: right;
}
.btn-blog {
    background-color: #26827C;
    color: white;
    padding: 6px;
    border-radius: 0px;
    text-decoration: none;
    margin-bottom: 15px;
}
.btn-blog2 {
    background-color: #26827C;
    color: white;
    padding: 6px;
    border-radius: 0px;
    text-decoration: none;
    margin-top: 20px;
    margin-left: 15px;
}
.blogDescription{
    margin-bottom: 15px;
}
a:hover .blogEntry h3, a:focus .blogEntry h3 {
    color: #26827c !important;
}
.blogContainer a{
    text-decoration: none;
}
.no-blog-entries{
    background-color: white;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border: 1px solid lightgrey;
    box-shadow: 2px 2px 6px #222;
    padding: 10px;
    margin: 20px 0px;
}
.blog-image img{
    max-width: 100%;
}
.blogInfo{
    margin-top: -5px;
    margin-left: -20px;
}
.header-text hr{
    width: 96%;
    margin-bottom: 10px;
}
.blog-date{
    text-align: right;
}
.blog-main{
    margin-top: 15px;
}
.blog-container{
    margin-bottom: 50px;
}
.blogEntry .loginRequiredFeaturedSm {
    background: url(SpotlightOnSafety/lockedcontent.png) no-repeat scroll center transparent;
    margin-left: 1px;
    bottom: 15px;
    left: 10px;
    position: absolute;
    width: 40px;
    z-index: 9999;
    height: 40px;
}
.blog-disclaimer{
    font-size: 14px;
}

.recommendedResources{
    background-color: #f1f1f1;
    margin-bottom: -20px;
}
.resource-text .btn{
    margin-top: 10px;
}
.recommendedResources h2{
    padding-top: 7px;
    margin-bottom: 30px;
}
.recommendedResources h3{
    margin-top: 0px;
}
.blogwrapper{
    color: #000000;
}
.blogwrapper .resourceContainer {
    padding: 0px;
    margin-bottom: 30px;
    width: 100%;
    box-shadow: 2px 2px 15px #888;
    height: 425px;
}

.blogwrapper .resource-image {
    padding: 0px;
    display: block;
    height: 200px;
    background-color: #333;
    display: block;
    line-height: 200px;
    text-align: center;
    vertical-align: middle;
}
.blogwrapper .resource-image a{
    line-height: 200px;
    text-align: center;
}

.author-bio {
    margin-top: 15px;
}
.author-bio p{
    font-size: 14px;
}
.btn-blog2{
    margin-left: 25px;
    margin-top: -20px;
    margin-bottom: 20px;
    padding: 6px 25px;
}

.blogwrapper .resource-image img {
    margin: auto;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 198px;
    display: inline-block;
    vertical-align: middle;
}

.blogwrapper .resource-text {
    background-color: #fff;
    padding: 10px;
    height: 225px;
}
.blogwrapper .resource-text p{
    font-size: 14px;
    line-height: 18px;
}

.blogwrapper h3 {
    margin-top: 0px;
    font-size: 18px;
}

    .blogwrapper h3 a {
        text-decoration: none;
    }
.blogwrapper .loginRequiredThumb {
    background: url(SpotlightOnSafety/lockedcontent.png) no-repeat scroll center transparent;
    margin-left: 1px;
    top: 160px;
    left: 10px;
    position: absolute;
    width: 40px;
    z-index: 9999;
    height: 40px;
}
.blog-main hr{
    margin-top: 10px;
}
/*    End Blog Styles     */


#secondsUntilLogoff { font-weight: bold; }
.glyphicon-warning-sign { margin-bottom: -2px; }

@media screen and (max-width: 2800px){
    
    .slider .carousel-caption {
        top: 15px;
        right: 25px;
        left: 25px;
    }
        .slider .carousel-caption > h1.surge {
            padding: 0 0 0 0px;
        }
            .carousel-caption.col-md-6 a.suicidebutton {
        margin-top: 6% !important;
    }
    .carousel-caption.col-md-6 {
        padding-left: 10% !important;
        padding-right: 10% !important;
    }
}
@media (max-width:2000px){
    .carousel-caption.col-md-6 {
        padding-left: 0% !important;
        padding-right: 0% !important;
    }
}
@media (max-width:1368px){
    .carousel-caption.col-md-6 a.suicidebutton {
        margin-top: 8% !important;
    }

    .carousel-caption.col-md-6 {
        padding-left: 0% !important;
        padding-right: 0% !important;
    }
}
@media (max-width:1300px){  
    .carousel-img {
        width: 1566px;
        height: 577px;
    }
    .carousel-caption.col-md-6 a.suicidebutton {
        margin-top: 35%;
    }

    .carousel-caption.col-md-6 {
        padding-left: 0%;
        padding-right: 0%;
    }

}
@media screen and (max-width: 1200px){
    .slider .carousel-caption > h1.surge {
        font-size: 44px;
        padding: 0px 0px 0px 0px;
    }
}
@media screen and (max-width: 1100px) {
    .slider .carousel-caption > h1.surge {
        font-size: 44px;
        padding: 0 0 0 0px;
    }
    .blogInfo {
        margin-left: 0px;
        width: 80%;
    }
    .carousel-caption.col-md-6 a.suicidebutton {
        margin-top: 35%;
    }

    .carousel-caption.col-md-6 {
        padding-left: 0%;
        padding-right: 0%;
    }
}
@media screen and (max-width: 1100px) and (min-width: 905px) {
    .blogInfo {
        margin-left: 15px;
        width: 80%;
    }
}
@media (max-width: 1105px) and (min-width: 991px) {
 
    .shape-o1 p, .shape-o2 p { font-size: 14px; }
    span.span-02.set012 {
        font-size: 20px;
        max-width: 170px;
    }
    span.span-02.setmenonesa.set013 {
        position: absolute;
        font-size: 19px;
        width: 193px;
        margin-top: 13px;
    }
    a.valor-box.setop01s {
        height: 150px;
    }
    .valor-box.valor-box-2 {
        width: 100%;
        height: 150px;
    }
    .valor-box.setop01s {
        height: 151px;
    }
    .officers-corner { margin-top: 15px; }
}
@media (min-width: 991px) {

    .col-lg-6 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        width: 50%;
        padding-left: 15px;
        float: left;
    }
}
@media (max-width: 991px) 
{
    a.suicidebutton.leftalign {
        margin-left: 5% !important;
    }
    .carousel-caption.col-md-6 a.suicidebutton {
        margin-top: 0% !important;
    }

    .col-md-12.hexagonboxlg {
        clear: both;
        margin-top: auto;
        padding-top: 40px;
    }
    .col-sm-7.hexagonboxes.odd {
        margin-top: 30px;
    }
span.span-02.set012 
{                         
     font-size: 30px;
}
.carousel-img 
{
        width: 1440px;
        height: 502px;
}
    .officers-corner { margin-top: 15px; }
    .bg-01 .four-shape {margin:0px;margin-top:50px;}
    .sectionjoint .shead, .sectionjoint .sbody, .sectionjointr .shead, .sectionjointr .sbody {
        text-align: left;
        padding-left: 80px !important;
    }
    .sectionjoint.three, .sectionjoint.two, .sectionjoint.one {
        margin-left: 0px;
    }
    .sectionjointr.three {
        padding-left: 115px;
        margin-left: -29px !important;}
    .sectionjointr.two { padding-left: 90px; }
    .sectionjoint , .sectionjointr {padding-left:0px;padding-right:0px !important;background-position:left 10px !important;}
    .sectionadjustr {padding-left:0px !important;}
    .bg-03 .five-shape {margin:0px;margin-top:40px;}
    .bg-03 {padding:50px 0;}
    .top-link a:first-child { padding-left: 0; }
    .blog-date {
        width: 34%;
    }
    .header-text .col-sm-8 {
        width: 65%;
    }
    .slider .valor-program-slide .carousel-caption {
        left: 60px;
    }
}

.setmenonesa {width:230px;}
.col-md-4 {
    float: left;
}

.text-center a:focus .panel-footer{
	display: block !important;
}
.menu-top .nav.navbar-nav.navbar-right a:focus {
	text-decoration: underline;
}
.carouselControl {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.carouselControl:focus{
	visibility:visible;
}
.sos-slide .carousel-img{
    max-width:100%;
}
.slider .le-appreciation .carousel-caption h3 {
    margin:20px;
    text-align:center !important;
}
@media (max-width:520px){
    .slider .le-appreciation .carousel-caption h1 {
        font-size: 20px !important;
        line-height: 22px !important;
        margin-bottom:20px;
        /*text-align:left;*/
    }
    .slider .le-appreciation .carousel-caption{
        padding:0;
    }
    .le-appreciation .suicidebutton.valorprogrambtn {
        position: relative;
        top:0 !important;
        left:15px;
    }
    .slider .le-appreciation .carousel-caption h3 {
        display:none;
    }
}
@media (min-width:991px){

.slider .le-appreciation .carousel-caption {
    text-align:center;
    left: 0px;
}
    .slider .le-appreciation .carousel-caption h1 {
        margin-top: 90px;
        text-align: center;
        padding: 40px 0 10px 0px;
    }
    .slider .le-appreciation .carousel-caption {
        text-align: center;
        left: -50px;
        right: 0;
        padding: 0 15%;
    }
    .slider .le-appreciation .suicidebutton {
        margin-left: -15px !important;
    }
}
@media (max-width:991px) {
    .slider .le-appreciation .suicidebutton {
        margin-left: 0 !important;
    }
}
/*@media (min-width:521px){
.slider .le-appreciation .carousel-caption h1 {
    font-size: 36px;
}*/

}@media (min-width:2001px){
    .slider .le-appreciation .carousel-caption {
         left: 0; 
    }
}
@media (max-width:768px){
    .slider .le-appreciation .carousel-caption h1 {
        display: block !important;
        /*text-align: left !important;*/
        padding: 30px;
    }
}
.slider .le-appreciation .carousel-caption h1 {
    text-align: center;
}
@media (max-width: 991px) and (min-width: 768px) {
    div#allhexagons {
        padding-top: 15px;
        float: none;
    }
    .faqwrapper {
        margin-top: 268px;
    }
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -23px;
        margin-top: 15px;
        max-width: 123px;
    }
    .navbar-brand > img {
        display: block;
        width: 100%;
    }
    h1.site-title {
        font-size: 14px;
        margin-top: 10px;
        max-width: 123px;
        margin-left: 120px;
    }
    .carousel-img {
        width: 1440px;
        height: 502px;
    }
    .setmecompletes {width:100%;}
    .setmenonesa {float:none !important;line-height:3.2;}
    /*.setmecompletes .valor-box.valor-box-2 {margin-top:0px;}*/
    a.subitem.one.hideMobile {
        display: inline-block;
    }

}
@media screen and (max-width: 905px) and (min-width: 768px) {
    .blogInfo .col-sm-9 {
        width: 65%;
    }

    .blogInfo .col-sm-3 {
        width: 35%;
    }

    .blogInfo {
        margin-left: 50px;
        width: 75%;
    }
}

@media (max-width: 1144px) and (min-width: 991px) {

    .lft-borderblue-alt h1 {
        margin-left: 40px;
    }
    .lft-borderblue-alt:before {
        content: "";
        width: 1px;
        height: 34px;
        position: absolute;
        left: 40px;
        top: 5px;
        border-left: 1px solid #1D99C0;
    }

    .lft-borderblue-alt:after {
        content: "";
        width: 5000px;
        height: 1px;
        position: absolute;
        left: -4960px;
        top: 20px;
        border-top: 1px solid #1D99C0;
    }
    .lft-borderblue:after {
        content: "";
        width: 5000px;
        height: 1px;
        position: absolute;
        left: -4984px;
        top: 20px;
        border-top: 1px solid #1d53b1;
    }
    .lft-borderblue:before {
        content: "";
        width: 1px;
        height: 34px;
        position: absolute;
        left: 15px;
        top: 5px;
        border-left: 1px solid #1d53b1;
    }

    .slider-bottom-bg {background: rgba(0, 0, 0, 0) url("../Content/Index/geometricWebBackground.jpg") repeat scroll center top / cover ;float: left;height: auto;min-height: 187px;width: 100%;}
  
    .carousel-img {
        width: 1440px;
        height: 502px;
    }
    .slider .carousel-indicators {
        bottom: 30px;
    }
    .menu-top .nav.navbar-nav.navbar-right a {font-size:13px;}
}


@media (max-width: 1098px) and (min-width: 991px) {

    .menu-top .nav.navbar-nav.navbar-right a {font-size:12px;}
    .navbar-brand {padding-right:0px !important;}
}
@media (max-width:1232px) and (min-width:992px) {

    a.login-btn {
        width: 110px !important;
    }

}
@media (max-width: 1035px) and (min-width: 768px) {
    .marginRight120 {
        margin-right: 0px;
        margin-top: 30px;
        margin-left: 21px;
    }
     
    .marginLeft120 {
        margin-left: 0px;
        padding-right: 0px;
    }
    .footerLinks>li>a {
        font-family: raleway;
        font-weight: 800;
        position: relative;
        display: block;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        font-size: 12px;
        padding: 10px 15px;
    }
    .footerLinks li {
        float: left;
        min-width: 98px;
        height: 30px;
        list-style: none;
    }
    .slider-bottom-bg {background: rgba(0, 0, 0, 0) url("../Content/Index/geometricWebBackground.jpg") repeat scroll center top / cover ;float: left;height: auto;min-height: 187px;width: 100%;}
    .carousel-img {
        width: 1087px;
        height: 435px;
    }
  
    .slider .carousel-indicators {
        bottom: 35px;
    }

    .menu-top .nav.navbar-nav.navbar-right a {font-size:12px;padding-left:10px;padding-right:10px; }
    .navbar-brand {padding-right:0px !important;}
    .close-p, .close-button {
        padding-top: 45px;
    }
    #modal {
        margin-top: -70px;
        padding-top: 70px;
    }
}

@media (max-width: 926px) and (min-width: 768px) {
    .carousel-inner.Smallerheight {
        height: 1050px;
    }
    /*.carousel-inner.Smallerheight {
        height: 1080px;
    }*/
   
    .carouselimg2 {
        margin-left: -129px;
        margin-top: -155px;
        width: 240px;
    }
    .carouselimg {
        width: 240px;
        margin-top: 247px;
        margin-left: 90px;
    }
    /*.carouselimg {
        width: 300px;
        margin-top: 30px;
        margin-bottom: 15px;
    }*/
    .resource {
        margin-top: 29px;
        margin-bottom: 29px;
    }
    .menu-top .nav.navbar-nav.navbar-right a {
        font-size: 11px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .navbar-brand {padding-right:0px !important;}
}
/*@media screen and (max-width:892px) {
    .carousel-inner.Smallerheight {
        height: 955px;
    }
    .carouselimg2 {
        margin-left: -30px;
        margin-top: 87px;
        width: 300px;
    }


}*/
@media (max-width: 870px) and (min-width: 768px) {

    a.login-btn {
        width: 140px !important;
    }
    .menu-top .nav.navbar-nav.navbar-right a {font-size:10px;padding-left:10px;padding-right:10px; }
    .navbar-brand {padding-right:0px !important;}
}

@media (max-width: 850px) and (min-width: 768px) {
    span.site-title {
        font-size: 11px;
        margin-top: 0px;
        text-align: center;
        max-width: 121px;
        line-height: 1.5rem;
        margin-left: 110px;
    }
    .menu-top .nav.navbar-nav.navbar-right a {
        
        padding-left: 10px;
        padding-right: 10px;
    }
    .navbar-brand {padding-right:0px !important;}

}

@media (max-width: 805px) and (min-width: 768px) {
    .f1 {
        float: left;
    }
    .menu-top .nav.navbar-nav.navbar-right a {
        font-size: 11px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .navbar-brand {padding-right:0px !important;}
    .navbar-brand img {
        width: 122px !important;
    }
}


.valor-box.valor-box-2 {width:100%;}
.navbar-nav {
    background: #fff;
    /*height: 90px;*/
}
.text-center.col-md-4 .panel.panel-default .panel-body {
    cursor: pointer;
}
.text-center.col-md-4 .panel {
    margin-bottom: 105px;
    min-height: 180px;
    clear: both;
    max-height: 180px;
}
@media (min-width: 768px) {

    .footerlogos {
        max-width: 100%;
        margin: auto 25px;
    }
    .hselect:hover, .submenuhover:hover, .menu-top .nav.navbar-nav.navbar-right a:hover, .menu-top .nav.navbar-nav.navbar-right > .submenuhover a{
        color: #fff !important;
        background: #046a91;
    }
    span.show.mobileLabel {
        display: none !important;
    }
}
@media (max-width: 768px) {
    .carousel-caption.col-md-6.responsive-col h1, .carousel-caption.col-md-6.responsive-col h1 strong {
        font-size: 35px !important;
        line-height: 4rem !important;
    }
    .carousel-caption.col-md-6.responsive-col {
        padding-left: 5% !important;
        margin-top: 81px;
        margin-bottom: -58px;
        padding-right: 5% !important;
    }
    .carousel-caption.carouselContainLeft.suicideprevention {
        width: 80%;
        margin-top: 0%;
    }
    .slider .safer-together-slide .carousel-caption {
        left: 0; /*65px;*/
    }
    .slider .police-week-slide .carousel-caption {
        left: 0; /*65px;*/
    }
    .slider .valor-program-slide .carousel-caption {
        left: 0; /*65px;*/
    }
    div#allhexagons {
        padding-top: 15px;
        float: none;
    }
    .carouselimg2 {
        margin-left: 209px;
        margin-top: -69px;
        max-width: 100%;
    }
    .marginLeft120 {
        margin-left: 9px;
        padding-right: 15px;
    }
    .carouselimg {
        max-width: 100%;
    }
    .text-center.col-md-3 {
        float: left;
    }
    .col-sm-6 {
        width: 100%;
    }
    .panel {
        margin-bottom: 20px;
        display: inline-block;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    }
    .contact-bottom-bg {
        height: 700px;
        background: #22433d; /* Old browsers */
        background: -moz-linear-gradient(-45deg, #22433d 0%, #253779 49%, #2d5c85 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, #22433d 0%,#253779 49%,#2d5c85 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, #22433d 0%,#253779 49%,#2d5c85 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22433d', endColorstr='#2d5c85',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
    .sub-navigation {
        display: none;
    }
    .faqwrapper {
        margin-top: 180px;
    }
    .marginRight120 {
        margin-right: 0px;
    }
    .carouselimg {
        max-width: 300px;
        margin-top: 30px;
        margin-bottom: 15px;
    }
    .resource {
        margin-top: 29px;
        margin-bottom: 29px;
    }
    .carousel-inner.Smallerheight {
        height: 1080px;
    }
   
    .f1 {
        float: left;
    }
    h2.intiativelabeltitle {
        border-top: none;
        border-bottom: none;
        height: auto;
        margin: 20px;
        font-size: 2.2em;
    }
    .footerLinks>li>a {
        font-family: raleway;
        font-weight: 800;
        position: relative;
        display: block;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        font-size: 12px;
        padding: 10px 15px;
    }
    .footerLinks li {
        float: left;
        min-width: 110px;
        height: 30px;
        list-style: none;
    }
    .footerLinks li {
        float: left;
        min-width: 155px;
        height: 30px;
        margin-bottom: 30px;
        list-style: none;
    }
    .sectionjoint, .sectionjointr {
        width: 100%;
    }
    .badgeinfo h1 {
        font-size: 16px;
    }
    .smallerIntroText {
        margin-left: 187px;
        margin-top: 38px;
    }
    img.bgbadge {
        position: relative;
        float: left;
        margin-left: 142px;
        width: 230px;
    }
    img.bgbadge {
        position: relative;
        float: left;
        margin-left: 142px;
        width: 230px;
    }
    .navbar-brand > img {
        display: block;
        width: 67%;
        margin-left: 8px;
    }
 
    .slider-bottom-bg {background: rgba(0, 0, 0, 0) url("../Content/Index/geometricWebBackgroundVertical-new.jpg") repeat scroll center top / cover ;float: left;height: auto;min-height: 187px;width: 100%;}
    .nav > li {
        border-bottom: 1px solid #000;
    }

    .hselect:hover, .submenuhover:hover, .menu-top .nav.navbar-nav.navbar-right a:hover, .menu-top .nav.navbar-nav.navbar-right > .submenuhover a {
        color: #000 !important;
        background: #fff !important;
    }
    .submenus.right0 {
        right: 0 !important;
        max-width: 100%;
        overflow: hidden;
    }
    a.subitem:before {
        content: "- ";
    }
    a.subitem {
        text-transform: uppercase;
    }
   
    .menu-top .nav.navbar-nav.navbar-right a.subitem:last-child {
        border-bottom: none;
    }
    a.subitem {
        border-bottom: solid 1px #000;
    }
    .slider .carousel-caption {
        top: 152px;
        right: 10%;
        left: 10%;
    }
    
 
    .carousel-img {
        width: 852px;
        height: 315px;
    }
 
    .slider-bottom-bg {
        margin-top: -215px;
    }

    .officers-corner-btn a {
        background: #d7b61a;
        color: #000;
        text-transform: uppercase;
        font-family: open sans;
        font-size: 30px;
        font-weight: 600;
        display: block;
        padding: 16px;
        text-align: center;
        margin-bottom: 15px;
    }
    .setmecompletes .valor-box.valor-box-2 {margin-top:0px;}
    .setclos9  {text-align:left;}
    .hard8 {float:none !important;}
    .hard8 img {padding-top:20px !important;padding-bottom:20px !important;}
    footer {padding:20px 0;}
    .slider .carousel-caption > h1 {
        font-size: 40px !important;
        margin-top: -5px !important;
        line-height: 32px !important;
    }
    .slider .carousel-caption > h1 strong {
        font-size: 40px !important;
        line-height: 45px !important;
    }
    #myCarousel h2 {
        /*display: none;*/
    }
}
@media screen and (max-width: 767px) {
    .blog-date {
        text-align: left;
    }

    .blog-date {
        width: 100%;
    }

    .header-text .col-sm-8 {
        width: 100%;
    }
    .blogImage img {
        max-height: none;
        max-width: none;
        width: 80%;
        margin-left: 10%;
    }
    .blogDate {
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: left;
    }

    .blogInfo {
        margin-left: 5%;
        width: 90%;
    }
}
@media (max-width: 771px) and (min-width: 750px) {
    .valor-slide .carousel-caption.col-md-6.responsive-col {
        padding-left: 23% !important;
        padding-right: 3% !important;
    }
}

@media (max-width: 749px) and (min-width: 671px) {
    .valor-slide .carousel-caption.col-md-6.responsive-col {
        padding-left: 23% !important;
        padding-right: 0% !important;
    }
}
@media (max-width: 550px) {
    .col-md-12.video-border {
        border: 0;
        padding: 0;
    }
    iframe.valor-video {
        min-width: 380px;
        min-height: 255px;
    }

    ul.sub-navs li {
        display: block;
    }
    section#carousel {
        margin-bottom: 75px;
    }
    .carouselimg {
        width: 100%;
        max-width: 100%;
    }
    h3.carouseltitle {
        text-align: left;
        margin-top: 0;
        padding-top: 10px;
        width: 100%;
    }
    .item {
        text-align: center;
    }

    .carouselimg2 {
        display: none;
    }
    .marginLeft120 {
        margin-left: 0;
        padding-right: 0;
    }

    .initiativeLabel {
        z-index: 10;
        color: #fff;
        background: #fff;
        border: solid 20px #cccccc;
        text-align: center;
        max-width: 1000px;
        position: relative;
        padding: 2px 2px 2px 2px;
        height: 230px;
        border-radius: -5%;
        border-radius: 135px;
        text-transform: uppercase;
        margin-top: -75px;
        font-size: 21px;
    }
    .col-md-4 img.footerlogos {
        width: 75%;
        float: none;
        margin-left: 10px;
    }

    li.initiativecircles{ margin-bottom: 10px;} 
    h2.intiativelabeltitle {
        border-top: none;
        border-bottom: none;
        height: auto;
        margin: 20px;
        font-size: 1.6em;
    }
    ul.ulinitiative {
        display: inline-block;
        float: left;
        margin-top: 105px;
        padding-left: 0;
    }
    .footerLinks {
        padding-left: 0;
        margin-bottom: 100px;
    }
        .footerLinks > li > a {
            font-size: 15px;
            border-right: solid 1px #2b7c74;
            border-left: solid 1px #2b7c74;
        }
    .footerLinks li {
        float: left;
        min-width: 100%;
        height: 30px;
        margin-bottom: 30px;
        list-style: none;
    }
    .bg-02 .carousel.slide {padding:0px;}
    .bg-02 .item {font-size:16px;}
}
@media screen and (max-width: 500px) {
    .blogImage img {
        width: 90%;
        margin-left: 5%;
    }
    .slider .collection-slide .carousel-caption {
        right: 35px;
        left: 25px;
    }
    .slider .collection-slide .carousel-caption > h1.surge {
        padding-right: 35px;
    }
}
@media (max-width: 641px) {
    .setop01s {margin-top:10px;}
}
.slider .carousel-caption {
    top: 15px;
    right: 10%;
    left: 10%;
}
.left.carousel-control {background-image: url(../Content/NotToday/back.svg) !important;
 
    background-position: center !important;
    background-size: 69px !important;
    background-repeat: no-repeat !important;}

.right.carousel-control {
    background-image: url(../Content/NotToday/forward.svg) !important;

    background-position: center !important;
    background-size: 69px !important;
    background-repeat: no-repeat !important;
}
.mobileHidden {
    display: none;
}
@media (max-width: 1234px) and (min-width: 991px) {
    .set013 {margin-left:-15px;}
    .span-02 {
        position: absolute;
        font-size: 16px;
        width: 230px;
        margin-top: 13px;
    }
}
@media (min-width:768px) {
    .header-links {
        float: right;
        padding-top: 10px;
    }
}
.layeroneh {background-image:url(../Content/Index/slider-01.jpg);width:100vw;height:575px;background-size:cover;background-position:center;}

.slider.videoone iframe.videoone {display:block !important;}
.slider.videoone .layeroneh {background:#000 !important;}
.slider.videoone .videooneremove {display:none !important;}
h1.videooneremove { color: #fff;}
.tempnone {display:none;}

#objection , #objection1 , #objection2 , #objection3 , #objection4 , #objection5 , #objection6 , #objection7 , #objection8 , #objection9 , 
#objection10 , #objection10 , #objection11 , #objection12 , #objection13 , #objection14 , #objection15 , #objection16 , #objection17 , #objection18 , #objection19 , #objection20 , #objection21 , #objection22 , 
#objection23 , #objection24 , #objection25 , #objection26 , #objection27 , #objection28 {visibility: hidden;}


.linksquare {color:#FFF !important;}
.linksquare:hover {color:#a9a9a9 !important;}

img.callout {
    max-width: 1000px;
    margin-top: 35px;
}
.trainingCallout {
    font-size: 28px;
    color: white;
    text-shadow: 2px 2px 3px #222;
    font-weight: bold;
    position: relative;
    top: -75px;
    text-align: center;
}
.podcast h3.no-sub {
    color: #000 !important;
    margin-top: 0px;
    margin-bottom: 1px;
}
.makedowns .officers-corner {

    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;

}
p.link-dark {
    display: inline-block;
    padding-top: 11px;
}
.podcast img.webinar-locked {
    width: 40px;
    margin-top: 60px;
}

/*p.link-dark > a {
    color: #33CCCC;

}*/
img.paragraph-locked {
    width: 25px;
    margin-left: -6px;
    margin-top: -3px;
}
.podcast img.paragraph-locked {
    width: 30px;
    margin-top: -4px;
    margin-right: 2px;
}
.webinar-locked {
    position: absolute;
    opacity: .9;
    margin-top: 215px;
}
.webinar-locked:hover {
    opacity: 1;
}
img.callout-graphic {
    float: right;
    width: 370px;
}
#menu2 img.callout-graphic{
    margin-bottom: 20px;
}
.off-the-cuff-slide h1{
    line-height: 6rem;
    max-width: 1000px;
    margin-top: 60px;
}
.off-the-cuff-slide h2{
    margin-bottom: 50px;
}
@media screen and (max-width: 990px){
    div#allhexagons {
        padding-top: 15px;
    }
    .trainingOverview {
        margin-bottom: 25px;
    }
    .trainingImg{
        width: 100%;
    }
    img.callout-graphic.callout-hex{
        position: relative;
        float: left;
        margin-left: 30%;
    }
    .nav-tabs li{
        margin-top: 2px;
        border-bottom: none;
    }
    .valor-info{
        clear: left;
    }
    .logoGrid .col-md-4{
        clear: left;
        margin-bottom: 0px;
        min-height: 220px;
    }
    .logoGrid .col-md-4 .panel {
        margin-bottom: 0px;
    }
    .logoGrid .col-md-4 .panel-default{
        text-align: center;
    }
    .logoGrid div {
        width: 100%;
    }
    .col-xs-12.col-sm-6.col-md-4.fullscreen-width {
        width: 100%;
    }
}
@media screen and (max-width: 900px){
    .trainingCallout{
        font-size: 24px;
        top: -100px;
    }
}
@media screen and (max-width: 830px){
    img.callout-graphic.callout-hex {
        margin-left: 25%;
    }
    .header-top {
        min-height: 70px;
    }
    .trainingCallout{
        font-size: 22px;
        top: -90px;
    }
}
@media screen and (max-width: 768px){
    .trainingCallout {
        font-size: 20px;
        top: -80px;
    }
}
@media screen and (max-width: 600px) {
    img.callout-graphic.callout-hex {
        margin-left: 20%;
    }
    #menu2 img.callout-graphic{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
}
@media screen and (max-width: 520px) {
    .sos-slide .carousel-caption.carouselContainLeft.suicideprevention {
        width: 95%;
    }

    .slider .carousel-caption {
        left: 25px;
    }

    .sos-slide h2 {
        font-size: 16px;
        margin-top: 0;
    }

    .off-the-cuff-slide h1 {
        line-height: 6rem;
        max-width: 1000px;
        margin-top: 0
    }

    .off-the-cuff-slide h2 {
        margin-bottom: 0;
    }

    .slider .valor-program-slide .carousel-caption {
        top: 30%;
    }
    .slider .valor-program-slide .suicidebutton {
         margin-left: 0px; 
    }
}
}
@media screen and (max-width: 500px){
    .menu-top {
        top: 63px;
    }
    img.pos-hexagon {
        width: 100%;
        position: relative;
    }
    .hexagon-p-pos {
        position: absolute;
        margin-top: -57%;
        color: #fff;
        font-weight: 700;
        clear: both;
        width: 248px;
        z-index: 9;
        margin-left: 17%;
    }

    .smaller-hexagons {
        display: block;

    }
    .big-hexagons{ display: none;}
    .trainingImg{
        width: 120%;
        position: relative;
        left: -10%;
    }
    img.callout-graphic.callout-hex {
        margin-left: 10%;
        width: 80%;
        min-width: 270px;
    }
    .nav-tabs li{
        width: 100%;
        text-align: center;
        border-radius: 0px;
    }
    .nav-tabs li a {
        border: #ccc 1px solid;
        border-radius: 0px;
    }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        border-bottom-color: #ccc;
    }
}
@media screen and (max-width:450px) {

    iframe.valor-video {
        max-width: 100%;
    }
    div#selection-5 {
        margin-top: -5px;
    }
    div#selection-4 {
        margin-top: -5px;
    }
    div#selection-1 {
        margin-top: 20px;
    }
   
    h3.hexagon-title.odd-title {
        top: 90px;
    }
    h3.hexagon-title {
        top: 40px;
    }
    div#allhexagons {
        padding-top: 0px;
    }
    h3.hexagon-title.odd-title-2 {
        top: 80px;
    }
    .hex-img.odd-hex {
        margin-top: 0;
        top: 0 !important;
    }
    .hex-img, .hex-img-officer {
        margin: 0 auto;
        margin-top: -55px;
        background-position: -135px 4px;
    }
    .hex-wrapper {
        height: 183px;
        position: relative;
        display: block;
        margin: 0;
    }
    .hexagon-p-pos {
        margin-top: -64%;
        width: 197px;
        margin-left: 18%;
    }
    .trainingCallout {
        top: -70px;
    }
}
@media screen and (max-width:411px) {
    .menu-top {
        top: 63px;
    }
    .hexagon-p-pos {
        margin-left: 25%;
        margin-top: -62%;
        width: 146px;
        font-size: 11px;
    }
}
@media screen and (max-width: 400px) {

    img.callout-graphic.callout-hex {
        margin-left: 0px;
        position: relative;
        left: 4%;
    }

    img.initiative-logo {
        max-width: 100%;
        margin-top: 46px;
    }

    .carousel-inner.Smallerheight {
        height: 1015px;
    }

    .hexagon-p-pos {
        margin-left: 21%;
        width: 146px;
        font-size: 11px;
    }

    article iframe {
        display: block;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        max-height: 100%;
        height: auto;
    }

    iframe.valor-video {
        min-width: 310px;
        min-height: 230px;
    }

    .row.features-center {
        max-width: none;
        margin-bottom: -20px;
        background: #333333;
        padding-bottom: 30px;
    }


    .valor-program h3 { padding: 3px; }
    
    .trainingCallout {
        font-size: 18px;
        top: -65px;
    }
}
@media screen and (max-width: 350px) {
    iframe.valor-video {
        min-width: 255px;
        min-height: 190px;
    }
    img.callout-graphic.callout-hex {
        margin-left: 0px;
        position: relative;
        left: -7%;
    }
    .trainingCallout {
        font-size: 16px;
        top: -60px;
    }
}
@media screen and (max-width: 320px){
    .trainingCallout {
        font-size: 14px;
        top: -55px;
    }
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    from {margin-top: -88px;}
    to {margin-top: 0px;}
}

/* Standard syntax */
@keyframes example {
    from {margin-top: -88px;}
    to {margin-top: 0px;}
}
.slider .carousel-control.left, .slider .carousel-control.right {
    bottom: 75px;
    z-index: 999;
}

.seticons {width: 56px;
    height: 56px;
    background: no-repeat;
    margin: auto;}
.shape-o1:hover .seticons {
    width: 58px;
    height: 58px;
    background: no-repeat;
    margin: auto;
}
.seticons.one {background-image:url(../Content/Index/icon-13.png);}
.seticons.two {background-image:url(../Content/Index/icon-16.png);}
.seticons.three {background-image:url(../Content/Index/icon-15.png);}
.seticons.four {background-image:url(../Content/Index/icon-14.png);}

.shape-o1:hover .seticons.one {background-image:url(../Content/Index/hover1.png);}
.shape-o1:hover .seticons.two {background-image:url(../Content/Index/hover2.png);}
.shape-o1:hover .seticons.three {background-image:url(../Content/Index/hover3.png);}
.shape-o1:hover .seticons.four {background-image:url(../Content/Index/hover4.png);}

.shape-o1 {background-repeat:no-repeat !important;}
.shape-o1:hover {background:rgba(0, 0, 0, 0) url("../Content/Index/icon-20.png") repeat scroll 0 0;}
.shape-o1:hover h1 {color:#FFF;}
.shape-o1:hover p {color:#FFF;}

.shape-o1:hover .barlinesc {background:#FFF;}
.submenus {
    position: absolute;
    width: calc(100% + 100px);
    z-index: 99;
    background: #046a91;
    color: #FFF;
}

.subitem {padding: 10px 15px !important;display:block;font-size: 12px;font-weight:400 !important;}
.hselect:hover .submenus{ display:block !important; }

.menu-top .nav.navbar-nav.navbar-right a:hover, .menu-top .nav.navbar-nav.navbar-right:focus a:hover {
    color: #fff;
}
.submenuhover li a {
    color: #fff !important;
}
.submenuhover {
    color: #fff !important;
    background: #046a91 !important;
}
.submenuhover > a {
    color: #000 !important;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}


    @media screen and (max-width: 1010px) {
        .contact-bottom-bg {
            height: auto;
            padding-left: 90px;
            margin-bottom: 30px;
            background: #22433d;
            background: -moz-linear-gradient(-45deg, #22433d 0%, #253779 49%, #2d5c85 100%);
            background: -webkit-linear-gradient(-45deg, #22433d 0%,#253779 49%,#2d5c85 100%);
            background: linear-gradient(135deg, #22433d 0%,#253779 49%,#2d5c85 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22433d', endColorstr='#2d5c85',GradientType=1 );
        }
        li.initiativecircles {
            margin-top: 0;
        }

        ul.ulinitiative {
            display: inline-block;
            float: left;
            margin-top: 105px;
            padding-left: 0;
        }

        .wave {
            background-image: none;
        }

        .centerimg {
            /* display: block; */
            width: 100%;
            text-align: center;
            margin: 0 auto;
        }

        h2.intiativelabeltitle {
            border-top: none;
            border-bottom: none;
            height: auto;
            margin: 20px;
        }
    }
@media (max-width:813px) {
    .contact-bottom-bg {
        padding-left: 0px;
    }
}
    @media (max-width: 767px) {
        .contact-bottom-bg h3 {
            text-align: center;
        }
        .contact-bottom-bg .col-md-4 {
            float: none;
        }
        .contact-bottom-bg {
            height: auto;
            margin-bottom: 30px;
        }
        span.slicknav_collapsed.slicknav_arrow:after {
            content: "\f067";
        }

        span.slicknav_collapsed.slicknav_arrow.slicknav_collapsed_neg:after {
            content: "\f068";
        }

        .slicknav_arrow:after {
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
            position: absolute;
            font-size: 18px;
            color: #d7b61a;
            right: 15px;
            top: 8px;
            z-index: 1;
        }

        a.hideMobile {
            display: none !important;
        }
        .menu-top .nav.navbar-nav.navbar-right a.mobileLabel {
            background: transparent;
            display: inline-block;
        }
        li#navHome.hselect.active a.mobileLabel, li#navContact.hselect.active a.mobileLabel, li#navToolkits.hselect.active a.mobileLabel, li#navClearinghouse.hselect.active a.mobileLabel, li#navValorStory.hselect.active a.mobileLabel, li#navSpotlightOnSafety.hselect.active a.mobileLabel, li#navTraining.hselect.active a.mobileLabel {
            color: #046a91 !important;
        }
        .mobileLabel {
            height: 40px;
            cursor: pointer;
            padding: 10px;
            text-transform: uppercase;
            padding-left: 15px;
            color: #262626;
            font-family: Open Sans;
            font-size: 14px;
            font-weight: 700 !important;
        }

        .submenus.mobile.show {
            display: block !important;
        }
        .hselect:hover .submenus.show.mobile {
            display: block !important;
        }
        .hselect:hover .submenus.show {
            display: block !important;
        }
        .hselect:hover .submenus {
            display: none !important;
        }
        .hselect:hover .submenus.mobile {
            display: none !important;
        }

        .menu-top .nav.navbar-nav.navbar-right a.subitem {
            color: #000;
    
        }

        .menu-top .nav.navbar-nav.navbar-right a {
            padding: 15px;
        }

        .submenus {
            background: #fff !important;
            position: static;
            color: #000;
            width: 100%;
        }
    }

    .floatRight {
    float: right;
}
.floatLeft {
    float: left;
}
.clearBoth {
    clear: both;
}
.displayNone {
    display: none;
}

.flyerWrapper {
    display: table;
    border-color: #d7cbac;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 15px;
    padding: 5px 15px 15px;
}

.flyerOverview {
    display: inline-block;
    padding: 0 40px 5px 5px;
    vertical-align: top;
    width: 45%;
    float: left;
}

.fieldRequired:after {
    content: '*';
    padding-left: 3px;
    margin-right: -6px;
    color: red;
}

#FaqWrapper div.panel-heading {
    cursor: pointer;
    /*cursor:auto;*/
}

#printablePostersWrapper ul {
    padding-left: 10px;
}

#printablePostersWrapper ul li {
    list-style-type: none;
}


/***** PODCASTS ******/
.podcast audio {
    display: none;
}


/***** SPOTLIGHT ON SAFETY *****/


#carousel-professionalism-wrapper {
    max-width: 652px;
}

#carousel-professionalism-header {
    background: rgb(238, 238, 238); 
    padding: 5px 10px; 
    border: 1px solid rgb(204, 204, 204); 
    border-image: none; 
}

#professionalismOtherResources {
    width: 100%;
    text-align: center;
}

#professionalismOtherResources img {
    max-width: 200px;
    max-height: 150px;
    margin: 20px;
    vertical-align: middle;
}

@media (min-width: 800px) {
    #professionalismOtherResources div {
        height: 160px;
        width: 48%;
        display: inline-block;
    }
}

@media (min-width: 1000px) {
    #professionalismOtherResources div {
        width: 24%;
    }
}

@media (max-width: 1410px) {
    .submenus.right0 { width: calc(100% + 50px) }
    .submenus.right0 { right: 0 !important }

}

.vestWearResourceSection img {
    width: 150px;   
}
a.button {
    display: inline-block;
    width: 115px;
    height: 31px;
    position: absolute;
    margin: -95px 0 0 45px;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    vertical-align: middle;
    background-color: #2466b4;
    text-decoration: none;
    color: #ffffff;
    z-index: 9999;
}
a.button:hover {
    text-decoration: none;
    background: #09114f;
    -webkit-transition: background 200ms linear;
    -moz-transition: background 200ms linear;
    transition: background 200ms linear;
    -webkit-backface-visibility: hidden;
}

.videoYouTube {
    width: 820px;
    height: 460px;
}


/****** CONTACT US *****/
h2.contactUs {
    margin-bottom: 25px;
}
div.contactUs {
    clear: both;
    margin: 30px 0;
}

div.contactUs textarea {
    min-height: 150px;
}
.slider #myCarousel .container {
    background: -moz-linear-gradient(left, rgba(30,67,61,0.5) 0%, rgba(25,90,164,0.5) 99%, rgba(25,90,164,0.5) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(30,67,61,0.5) 0%,rgba(25,90,164,0.5) 99%,rgba(25,90,164,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(30,67,61,0.5) 0%,rgba(25,90,164,0.5) 99%,rgba(25,90,164,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801e433d', endColorstr='#80195aa4',GradientType=1 ); /* IE6-9 */ position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    max-width: 100%;
    overflow: hidden !important;
    right: 0 !important;
    height: 100%;
    padding: 0px;
}
.slider #myCarousel .container.n-no-bg {
    background: none;
}
    .slider .carousel-caption > h1 strong {
    font-size: 60px;
    line-height: 57px;
    font-weight: 800;
    display: block;
}

h1.caption-rgt.carouselContainRgt {
    text-align: right;
}
p.sentencebreak {
    word-wrap: break-word;
}
.slider .carousel-caption > h1 {
    /* width: 420px; */
    /* background: rgba(30, 30, 30, 0.8); */
    font-family: 'Open Sans', sans-serif;
    font-size: 55px;
    line-height: 49px;
    color: #fff;
    font-weight: 600;
    margin-top: 138px;
    padding: 0px;
    text-align: left;
    text-transform: uppercase;
}
/*Special carousel item Surge*/
.col-md-6 h1.text-center{
    margin-top: 40px;
    text-align: center;
    line-height: 5rem;
}
    .col-md-6 h1.text-center strong {
        line-height: 5rem;
    }
.carousel-caption.col-md-6, .carousel-caption.col-md-8, .carousel-caption.col-md-2 {
    left: 0%;
    right: 0%;
    padding: 0;
    position: relative;
}
.carousel-caption.col-md-6 a.suicidebutton {
    display: block;
    width: 50%;
    margin: auto;
    margin-top: 35%;
    font-weight: bold;
}
.carousel-caption.col-md-6 h1, .carousel-caption.col-md-6 h1 strong {
    font-size: 47px;
}
.caption-rgt {
    max-width: 490px;
    float: right;
}
/***** SITE SEARCH BOX *****/
.sbx-custom {
    display: inline-block;
    position: relative;
    width: 250px;
    height: 30px;
    white-space: nowrap;
    box-sizing: border-box;
    font-size: 14px;
}

.sbx-custom__wrapper {
    width: 100%;
    height: 100%;
}

.sbx-custom__input {
    display: inline-block;
    -webkit-transition: box-shadow .4s ease, background .4s ease;
    transition: box-shadow .4s ease, background .4s ease;
    border: 0;
    border-radius: 0;
    box-shadow: inset 0 0 0 2px #CCCCCC;
    background: #FFFFFF;
    padding: 0;
    padding-right: 40px;
    padding-left: 12px;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    white-space: normal;
    font-size: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.sbx-custom__input::-webkit-search-decoration, .sbx-custom__input::-webkit-search-cancel-button, .sbx-custom__input::-webkit-search-results-button, .sbx-custom__input::-webkit-search-results-decoration {
    display: none;
}

.sbx-custom__input:hover {
    box-shadow: inset 0 0 0 2px #b3b3b3;
}

.sbx-custom__input:focus, .sbx-custom__input:active {
    outline: 0;
    box-shadow: inset 0 0 0 2px #D1AF22;
    background: #FFFFFF;
}



.sbx-custom__input::-moz-placeholder {
    color: #BBBBBB;
}

.sbx-custom__input:-ms-input-placeholder {
    color: #BBBBBB;
}



.sbx-custom__submit {
    position: absolute;
    top: 0;
    right: 0;
    left: inherit;
    margin: 0;
    border: 0;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0);
    padding: 0;
    width: 35px;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    font-size: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sbx-custom__submit::before {
    display: inline-block;
    margin-right: -4px;
    height: 100%;
    vertical-align: middle;
    content: '';
}

.sbx-custom__submit:hover, .sbx-custom__submit:active {
    cursor: pointer;
}

.sbx-custom__submit:focus {
    outline: 0;
}

.sbx-custom__submit svg {
    width: 17px;
    height: 17px;
    vertical-align: middle;
    fill: #D1AF22;
}
.sbx-custom__submit:focus {
    border: 2px #d1af22 solid;
}

.form-control { 
	border-radius: 0;
margin-bottom: 5px;
}

.btn.btn-standard {
    background-color: #D1AF22;
    border-radius: 0;
    color: #000;
    text-decoration: none;
    border: 1pt solid #D1AF22;
    font-family: "Open Sans";
}

.btn.btn-standard:hover {
    color: #D1AF22;
    border-radius: 0;
    background-color: white;
    border: 1pt solid #D1AF22;
    font-family: "Open Sans";
}

:disabled#btnRegister {
	opacity: 1;
	background-color: #e1cb70;
	border-color: #e1cb70;
	color: #545454;
}


.contact-form .field-validation-error {
	background-color: white;
	padding: 1px 3px;
	border-radius: 2px;
	border: 1px #a94442 solid;
	opacity: .9;
	margin-top:5px;
}

.vsPartners a:focus img{
	border: 1px black dotted;
}

@media screen and (max-width:768px) {
    .panel-default > .panel-heading {
 
        border: #046a91 solid 1px;
    }
    .panel-default > .panel-heading:hover, #FaqWrapper div.panel-heading:hover {
        color: #fff;
        background-color: #046a91;
        font-weight: bold;
    }
    .footerlogos {
        max-width: 100%;
        margin-left: 20px;
    }
}

@media screen and (max-width: 600px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -23px;
        margin-top: 5px;
    }
    .slider .carousel-caption > h1 {
        margin-top: 46px;
    }
    .smallerIntroText {
        margin-left: 97px;
        margin-top: 38px;
    }
    .badgeinfo h1 {
        font-family: "Open Sans", sans-serif;
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 1.35em;
    }
    img.bgbadge {
        position: relative;
        float: left;
        margin-left: 55px;
        width: 230px;
    }
    .slider-bottom-bg {
        margin-top: -150px;
    }
    .left.carousel-control {
        background-image: url(../Content/Index/left-arrow.png) !important;
 
        background-position: center !important;
        background-size: 55px !important;
        background-repeat: no-repeat !important;
    }
    .right.carousel-control {
        background-image: url(../Content/Index/right-arrow.png) !important;

        background-position: center !important;
        background-size: 55px !important;
        background-repeat: no-repeat !important;
    }
  
    .banner-slider .carousel-control.left, .banner-slider .carousel-control.right {
        width: 35px;
    }
    .carousel-img {
        width: auto;
        height: 265px;
        max-width: 600px;
        overflow-x: hidden;
    }
    .slider .carousel-control.left, .slider .carousel-control.right {
        top: -65px !important;
    }
 
    .col-xs-12 {
        width: auto;
        width: 100%;
    }
    .slider .carousel-control.left, .slider .carousel-control.right {
        bottom: 79px;
    }
    .slider .carousel-indicators {
        bottom: 160px;
    }
}
/*Changes 11/28 and then 4/17/18 
    no 'and then'! ... no aaannndddd theeeeennnnnn!!!!!
*/
a.login-btn {
    float: left;
    background-color: #d7b61a;
    color: #1e1e1e;
    text-transform: uppercase;
    font-family: open sans;
    font-size: 20px;
    font-weight: 600;
    display: block;
    width: 160px;
    margin-top: -5px;
    margin-bottom: 10px;
    padding: 16px;
    text-align: center;
    border-left: solid 1px #1e1e1e;
    text-decoration: none;
}
a.login-btn:hover{
    background-color: #f3d43f;
    color: #000;
}
a.btn.login-btn.left-btn{
    border-top-left-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
}
a.btn.login-btn.right-btn{
    border-top-left-radius: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 5px;
}
a.login-link {
    padding-left: 5px;
    font-size: 15px;
    color: #fff;
    display: block;
    position: absolute;
    font-style: italic;
    margin-top: 60px;
    font-weight: bold;
}

@media screen and (max-width: 565px) {
    h1.surge {
        text-align: center !important;
        margin-bottom: 0;
    }
    img.footerlogos.float-right {
        margin-top: -15px;
        width: 100%;
    }
    .block-box-text {
        float: left;
        margin: 40px 0 20px;
        width: 100%;
        height: 70px;
    }
    span.site-title { display: none; }
    .slider .carousel-caption > h1 strong {
        font-size: 32px !important;
        line-height: 33px !important;
    }
    .marginRight120 {
        margin-right: 0px;
        padding: 0 35px;
    }
    a.login-link {
        display: block;
        float: left;
        position: inherit;
        margin-top: 5px;
    }

    a.btn.login-btn.left-btn, a.btn.login-btn.right-btn {
        border-radius: 0px;
        clear: both;
        float: left;
        width: 100%;
        margin-bottom: 0px;
        margin-top: 20px;
    }
}
@media screen and (max-width:500px) {
    h1.surge {
        margin: auto;
        text-align: center !important;
    }
    span.hide-responsive {
        display: none;
    }
    .carousel-caption.col-md-6.responsive-col h1, .carousel-caption.col-md-6.responsive-col h1 strong {
        font-size: 23px !important;
        line-height: 2rem !important;
    }
    .carousel-caption.col-md-6.responsive-col {
        padding-left: 0;
        margin-top: 35px;
        margin-bottom: 5px;
        padding-right: 0;
    }
    .carousel-caption.col-md-6 a.suicidebutton {
        width: 80%;
    }
    .contact-bottom-bg {
        height: auto;
        margin-bottom: 30px;
    }
    .sub-navigation {
        display: none;
    }
    .mobileHidden {
        display: block;
    }
    img.iconsm {
        margin-left: 41%;
        margin-top: 0px;
        margin-bottom: -60px;
        width: 19%;
    }
    .box-13 {
        display: none;
    }
    .box-15 {
        display: none;
    }
    .box-14 {
        display: none;
    }
    .faqwrapper {
        margin-top: 185px;
    }
    ul.sub-navs li a:hover, ul.sub-navs li a.active-subs {
        width: 100%;
        color: #333;
        padding: 14px;
        background: #eee;
    }
    ul.sub-navs li a {
        padding: 14px;
    }
    .hexagonboxes { display: none; }
    .Elearningmobile, .Spotlightmobile, .Toolkitsmobile, .Appmobile, .Assaultmobile {
        margin: 8px;
        background-color: #046a91;
        padding: 10px;
    }
    .barlinesc {
        margin-bottom: 10px;
    }
        .Elearningmobile > h3, .Spotlightmobile > h3, .Toolkitsmobile > h3, .Appmobile > h3, .Assaultmobile > h3, .Elearningmobile > p, .Spotlightmobile > p, .Toolkitsmobile > p, .Appmobile > p, .Assaultmobile > p {
            color: #fff;
            text-align: center;
            margin-bottom: 15px;
        }
    .Elearningmobile > img.iconsm, .Spotlightmobile > img.iconsm, .Toolkitsmobile > img.iconsm, .Appmobile > img.iconsm, .Assaultmobile > img.iconsm {
        width: 11%;
        margin: 14px;
        margin-left: 41%;
    }
}
@media (max-width:320px) {
    .hexagon-p-pos {
        margin-left: 16%;
        width: 146px;
        font-size: 10px;
    }
}


.train-wrap img {
    width: 100px;
    height: 100px;
    padding: 10px 0 15px 0;
}
/*Poster styles*/
.poster-bg {
    background: #f3f3f3;
    margin-top: -20px;
}
.cartItem h3 a {
    font-family: 'Open Sans', sans-serif, Lato;
    font-size: 20px;
    color: #046a91;
    margin-top: 20px;
    display: inline-block;
}
.size.active {
    display: block;
}

.size {
    display: none;
}

.completewrapper {
    box-shadow: 0 3.2px 7.2px 0 rgba(0,0,0,.132), 0 0.6px 1.8px 0 rgba(0,0,0,.108);
    box-shadow: 0 3.2px 7.2px 0 var(--callout-shadow-color,rgba(0, 0, 0, .132)),0 .6px 1.8px 0 var(--callout-shadow-secondary-color,rgba(0, 0, 0, .108));
    border-radius: 8px;
    display: inline-block;
    background: white;
    clear: both;
    margin-top: 20px;
    padding: 20px;
}
a.btn.btn-success.standard-btn.yellow-btn-new {
    border: black;
    text-shadow: none;
    background: #d0b200;
    color: black;
    margin-top: 40px;
    margin-bottom: 0px;
    min-height: 30px;
}
button#btnClearCollection {
    display: block;
    margin: 20px auto;
}
a.btn.btn-success.standard-btn.yellow-btn-new:hover{
    background: #eac800;
}
.holder-form-add {
    box-shadow: 0 3.2px 7.2px 0 rgba(0,0,0,.132), 0 0.6px 1.8px 0 rgba(0,0,0,.108);
    box-shadow: 0 3.2px 7.2px 0 var(--callout-shadow-color,rgba(0, 0, 0, .132)),0 .6px 1.8px 0 var(--callout-shadow-secondary-color,rgba(0, 0, 0, .108));
    background: white;
    display: inline-block;
    width: 95%;
    padding: 10px;
    margin: 20px 0 10px 0;
    border-radius: 8px;
}

.form-group.col-md-12 {
    margin-top: 10px;
}

label.control-label.col-md-5.fieldRequired {
    font-weight: normal;
    text-align: left;
    padding: 0;
}

.size .detailImages {
    margin-bottom: 15px;
    float: left;
    max-width: 15%;
    margin-left: 15px;
}

.cartItem img.detailThumb {
    max-width: 125px;
    padding: 20px 20px 20px 0px;
    float: left;
}

.cartItem {
    clear: both;
}
p.float-qty {
    text-align: right;
    /* float: right; */
    font-weight: bold;
    padding-right: 15px;
}
#btnClearCart {
    color: white;
    text-decoration: none;
    margin-bottom: 20px;
    background: #B12704;
    float: right;
    margin-right: 5%;
}
.completewrapper.show-shipping {
    margin-left: 15px;
    max-width: 93%;
    display:none;
}
.submit-button-show{
    display:none;
}
a#addBtn {
    text-decoration: none;
}
a#proceedShipping {
    color: white;
    text-decoration: none;
}
#shipping{
    padding-top:100px;
    margin-top:-100px;
}
.submit-button-show.active{
    display:inline-block;
}
.completewrapper.show-shipping.active {
    display: inline-block;
}
.buttons{
    margin: 30px 0;
}

.footerimg {
    width: 150px;
    height: 150px;
}
.sos-intro-content .suicidebutton {
    position: relative;
    z-index: 9;
}