.hero2 {position:relative;}
.back-image {z-index:-9;position:relative;width:80%;height:350px;overflow:hidden;}
.field--name-field-top-background-image {position:relative;width:100%;}
.field--name-field-top-background-image img {width:100%;height:auto;}
.field--name-field-top-background-image:before {content:'';position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0, 51, 136, .5);}
.js-hero--slick {margin:0px 0px 0px auto;width:88%;position:relative;top:-110px;background-color:#fff;border-top:6px solid #003388;}
.hero-content {z-index:999;background-color:#fff;color:#fff;font-weight:700;}
.hero .right {width:78%;padding:30px 0px 0px 50px;font-size:16px;background-color:#fff;color:#000;font-weight:400;}
.hero .right h4 {font-size:18px;color:#000;text-transform:uppercase;font-weight:700;margin:0px 0px 1rem 0;}
.hero .button a {color:#000;background-color: #C1CD24;
display: inline-block;
appearance: none;
border-radius: 0;
font-size: .90rem;
font-weight: 400;margin:1.1rem 0 2.5rem 0;
padding: .5rem 1.5rem;border:none;}
.hero .button a:hover {background-color:#000;color:#fff;}

.hero.slick-slide {display:block !important;}
.js-hero--slick ul.slick-dots {display:flex;margin:0px;padding:0px;list-style-type:none;left: 0px;width:auto;}
.js-hero--slick ul.slick-dots li {background:url('/themes/custom/tufts_base/images/default.svg') no-repeat top center;display:inline-block;margin: 0px 1%;padding: 35px 0px 0px 0px;text-transform: uppercase;text-align: center;font-size: 12px;width: 23%;line-height: 14px;}
.js-hero--slick ul.slick-dots li:first-of-type {margin-left:0;}
.js-hero--slick ul.slick-dots li.slick-active, .js-hero--slick ul.slick-dots li:hover {cursor:pointer;background:url('/themes/custom/tufts_base/images/interior-hero.svg') no-repeat top center;}
.dots-mob {display:none;}

@media screen and (max-width: 64em) {
.back-image {width:100%;height:auto;}
.js-hero--slick {width:100%;border:none;}
.hero .right {width:100%;padding:30px 0px 0px 0px;}

}

@media screen and (max-width: 768px) {
.js-hero--slick {top:-35px;}
.js-hero--slick ul.slick-dots {display:block;margin:0px;padding:0px;list-style-type:none;position: relative;top: 0px;right:0px;}
.js-hero--slick ul.slick-dots li {display:block;background:none !important;margin: 10px 0px;padding:0px;text-align: left;width:auto;}
.dots-mob {position:relative;display:block;max-width:100%;padding-top:10px;text-align:right;}
.dots-mob .parent span {border-bottom:6px solid rgba(100, 100, 105, .4);padding-bottom:5px;min-width:100px;display:inline-block;text-align:left;}
.dots-mob .parent span svg {width: 14px;height: 11px;stroke:#646469;color:#646469;line-height: 37px;position:relative;top:7px;right:0px;float:right;margin-left:20px;}
.js-hero--slick .slick-slide {max-height:600px;}

.dots-mob .parent {color:#000;text-align:left;font-weight:300;text-transform: uppercase;font-size: 12px;max-width:100%;}
.dots-mob ul {margin:0px;padding:0px;list-style-type:none;}
.dots-mob li {margin:0px 0px 0px 0px;padding:0px;list-style-type:none;display:inline-block;position:relative;z-index:999;}
.dots-mob li:hover {text-decoration:none;color:#000;}
.dots-mob li:hover ul.slick-dots li {background-color:transparent;}

.dots-mob .slick-dots {max-width:100%;opacity:0; height:0;overflow:hidden;margin: 0;position: absolute;z-index: 99;padding:15px 0px 0px 0px;left:0px;top:30px;width:200px;}
.dots-mob li ul.slick-dots  {opacity:0;margin: 0;position: relative;z-index: 99;padding-left:0px;}
.dots-mob li:hover > .slick-dots, .dots-mob li:active > .slick-dots {opacity:1; height:auto; }
.dots-mob li:hover > .slick-dots li:hover ul, .dots-mob li:active > .slick-dots li:active ul {height:auto !important;opacity: 1; }

.dots-mob .slick-dots li {list-style-type:none;display:block;text-align:left;padding:0px 10px;float:none;line-height:20px;color:#000;}
}