@import url("https://use.typekit.net/ipa0gdy.css");
@media screen and (max-width: 1060px) {
    .social-media-list h3 {
    	width: 100% !important;
    	margin-bottom: !important;
    }
    
    .social-list {
    	display: block !important;
    	margin-bottom: 15px !important;
    	text-align: center !important;
    }
    
    .social-list li {
    	display: inline-block !important;
    	padding: 5px !important;
    	    width: auto !important;
    }
    
}
    /* carousel */
    .carousel {
    position: relative;
    width: calc(100% - 70px);
    margin-bottom: 25px;
}
/*qoute style - see /~cppmag */


cite {
    display: block;
    font-size: 18px;
    text-align: right;
    margin-bottom: 15px;
}

blockquote.bq-green:before {
 top: 40px !important;
}
blockquote.bq-green:after{
    bottom: -15px !important;

}

.bq-green {
	color:#258059;
	border-top: 2px solid #258059;
	padding-top: 50px;
	border-bottom: 2px solid #258059;
	padding-bottom: 40px;
}


blockquote {
    width: 70%;
    font-family: Georgia, serif;
    border: none;
    font-weight: 200;
    position: relative;
    color: #474747;
    padding: 0.5em 2em 0.5em 3em;
    font-size: 18px;
    line-height: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
    margin-bottom: 45px;
}
blockquote:before {
     font-family: Georgia, serif;
     position: absolute;
     font-size: 5em;
     top: 0;
     left: 0;
     content: "\201C";
}
blockquote:after {
     font-family: Georgia, serif;
     position: absolute;
     float:right;
     font-size:5em;
     right:0;
     bottom:-0.5em;
     content: "\201D";
}
blockquote footer {
     padding: 0 2em 0 0;
     text-align:right;
}
blockquote cite:before {
     content: "\2013";
}
/*end of quote */

/* print css */
 #printheader {
	 display:none;
}
 @media print {
	 #bottom-nav {
		 display:none;
	}
	 #wacheader {
		 display:none;
	}
	 #printheader {
		 display:block;
	}
	 aside.share {
		 display:none;
	}
	 #footer-social {
		 display:none !important;
	}
}
/*header responsive */
 @media screen and (max-width:575px) {
	 #cpp-logo {
		 display: inline-block;
		 width: 100%;
		 text-align: center;
	}
	 #cpplogo {
		 float: none !important;
		 margin-bottom: 5px;
	}
	 #search {
		 text-align: center !important;
		 padding:0px !important;
		 margin-top:15px;
	}
	 #search-form {
		 width: 80%;
	}
}
/* featured slides */
 @media screen and (max-width:1123px) {
	 .featured-cat {
		 font-size:10px !important;
	}
}
 @media screen and (max-width:990px) {
	 .featuredSlides {
		 display:block !important;
		;
	}
	 #main-slide-title {
		 font-size: 100% !important;
		 height: 100px !important;
		 line-height: 25px !important;
		 width:100% !important;
	}
	 #slide-side-bar {
		 margin-top: 20px;
	}
}
/*social media responsive */
 @media (max-width:480px) {
	 .social-media-list h3 {
		 display: block !important;
		 width:100% !important;
	}
	 .social-list li {
		 display: inline-block !important;
		 padding: 0 !important;
		 width: auto !important;
	}
	 .social-list {
		 margin: 10px 15px !important;
	}
	 .subhead-line {
		 margin-top: 45px!important;
		 margin-bottom: 110px!important;
	}
}
 footer {
	 margin-top: 45px;
}
 .inthenews-logo {
	 filter:grayscale(1);
}
 .view-in-the-news a {
	 color: #217D41;
	 text-decoration: none;
	 text-align: right;
	 font-size: 14px;
	 font-weight: 600;
}
 .view-in-the-news a:hover {
	 text-decoration: underline;
}
 .view-in-the-news {
	 text-align: right;
	 margin-bottom: 0;
}
/*google search*/
 .search-results {
	 max-width:900px;
	 margin: 20px auto 25px auto;
}
 .gsc-webResult {
	 border-bottom: thin solid #ccc !important;
	 padding-bottom: 20px !important;
	 margin-bottom: 15px !important;
	 width: 100%;
}
 .gs-webResult div.gs-visibleUrl {
	 color: #248345 !important;
	 font-size: 14px !important;
	 margin-bottom: 5px !important;
}
 .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {
	 color: #14436a !important;
	 font-size: 20px !important;
}
 .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b {
	 color: #14436a !important;
}
 .gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
	 border-color: #48494a !important;
	 background-color: #248345 !important;
	 background-image: none !important;
	 filter: none !important;
}
 .gs-web-image-box .gs-image, .gs-promotion-image-box .gs-promotion-image {
	 max-width: 150px !important;
	 max-height: auto !important;
}
 .gsc-table-cell-thumbnail, .gs-promotion-image-cell {
	 vertical-align: top;
	 display: inline-block;
	 width: 162px;
	 float: left;
}
 #search {
	 text-align: right;
	 padding-right: 40px;
}
 #submit {
	 background: none;
	 border: none;
	 position: relative;
}
 #searchbox {
	 border:none;
	 width: calc(100% - 60px);
}
 #search-form {
	 border: thin solid #ccc;
	 background: #fff;
	 display: inline-block;
	 padding:2px;
}
 #cpp-logo, #newsnav {
	 padding-top:5px;
}
 html, body {
	 height:100%;
}
 .container {
	 max-width:1200px !important;
}
 body {
	 height: 100%;
	 display: flex;
	 flex-direction: column;
	 font-size: 18px;
}
 p, ul, li {
	 font-size:18px;
}
 article {
	 padding-top: 25px;
	 padding-right: 70px;
}
 h1 {
	 font-family: justus-pro, serif;
	 font-size: 35px;
}
 h2 {
	 font-family: justus-pro, serif;
	 font-size: 30px;
}
 h3 {
	 font-family: justus-pro, serif;
	 font-size: 28px;
}
 h4 {
	 font-family: justus-pro, serif;
	 font-size: 25px;
}
 h5 {
	 font-family: justus-pro, serif;
	 font-size: 22px;
}
 h6 {
	 font-family: justus-pro, serif;
	 font-size: 20px;
}
 #main {
	 flex:1;
}
 #newsgraybar {
	 background-color:#363f48;
	 padding: 20px;
	 width: 100%;
	 margin-left: 0px;
}
 #cpplogo {
	 /*max-width: 175px;*/
	 width: 100%;
	 margin-left: 15px;
	 float: left;
}
 #newsgreenbar {
	 background-color:#008345;
	 padding:20px 0;
	 text-align: center;
	 text-transform: uppercase;
}
#newsgreenbar h1 a {
    text-decoration: none;

}
 #newsgraybar {
	 background-color:#eeeeef;
	 padding:15px 0;
}
 #newsnav ul {
	 text-align: center;
	 margin: 0px;
	 padding: 0px;
}
 #newsnav ul li {
	 display: inline-block;
	 border-left: 3px solid #ffffff;
	 padding-left: 10px;
	 padding-right: 10px;
}
 @media (max-width: 976px) {
	 #newsnav ul li a {
		 font-size: 15px !important;
	}
}
 #newsnav ul li a {
	 color: #4d4d4d;
	 font-weight: bold;
	 text-transform: uppercase;
	 font-size: 22px;
	 font-family: arial, helvetica, sans-serif;
	 text-decoration: none;
}
 #newsnav ul li a:hover {
	 text-decoration:underline;
}
 #newsnav ul li:first-child {
	 border:none;
}
 .newsyellowtxt {
	 font-size:85px;
	 color:#ffc600;
	 font-weight: 800;
	 letter-spacing: 15px;
}
 .cppwhitetxt {
	 font-size:85px;
	 color:#ffffff;
	 font-family: justus-pro, serif;
	 font-weight: 800;
	 letter-spacing: 15px;
}
 .news-card {
	 border-top: 15px solid #93c674;
	 background: #f1f1f1;
}
 .news-card {
	 border-top: 15px solid #93c674;
}
 .social-card {
	 border-top: 15px solid #3d6fb7;
	 background: #f1f1f1;
}
 .press-card {
	 border-top: 15px solid #258059;
	 background: #f1f1f1;
}
 .publications-card {
	 border-top: 15px solid #f7cb35;
	 background: #f1f1f1;
}
 .news-card h2, .social-card h2, .press-card h2, .publications-card h2 {
	 font-size: 22px;
	 color: #4d4d4d;
	 font-weight: 700;
	 text-transform: uppercase;
	 text-align: center;
	 font-family: arial, helvetica, sans-serif;
}
 #bottom-nav .card {
	 border-radius: 0;
	 border-bottom: none;
	 border-left: thin solid white;
	 border-right: thin solid white;
}
 #bottom-nav ul {
	 list-style: none;
	 text-align: center;
	 padding: 0;
	 font-family: justus-pro, serif;
}
 #bottom-nav .card-link {
	 text-decoration: none;
	 color: #4d4d4d;
	 font-weight: 500;
}
 #bottom-nav .card-link:hover {
	 text-decoration: underline;
}
 .footer-logo {
	 width: 300px;
	 margin: 30px auto 0px auto;
}
 .footer-address {
	 color: #757575;
	 text-transform: uppercase;
	 text-align: center;
	 font-size: 20px;
	 font-weight: 800;
}
 .footer-bottom {
	 text-align: center;
	 width: 100%;
	 background: black;
	 padding: 15px;
	 margin-bottom: 0;
}
 .footer-bottom a {
	 font-size: 20px;
	 font-weight: 200;
	 color: #ffffff;
	 font-family: 'justus-pro';
	 text-align: center;
	 text-decoration: none;
}
 .footer-bottom a:hover {
	 text-decoration: underline;
}
 .top-image {
	 max-width: calc(100% - 75px);
	 padding-bottom: 25px;
}
 .top-figure img {
	 max-width: calc(100% - 65px);
	 padding-bottom: 5px;
}
 .top-figure figcaption {
	 font-size:15px;
	 margin-left:5px;
}
/* tags style */
 .tags {
	 padding:0px;
	 list-style:none;
}
 .tags li {
	 display: inline-block;
	 padding: 2px 10px;
	 border: thin solid rgb(130, 130, 130);
	 font-size: 11px;
	 font-weight: 600;
	 font-family: justus-pro, serif;
	 text-transform: uppercase;
	 color: rgb(111, 111, 111);
}
 .tags a {
    text-decoration:none;
	 color: rgb(111, 111, 111);
}
 .tags a:hover {
    text-decoration:underline;

}
 .news-page-tags {
	 display: inline-block;
	 padding: 2px 10px;
	 border: thin solid rgb(130, 130, 130);
	 font-size: 11px;
	 font-weight: 600;
	 font-family: justus-pro, serif;
	 text-transform: uppercase;
	 color: rgb(111, 111, 111);
}
 .HuntleyCollegeofAgriculture {
	border-left: 10px solid #7d4802!important;
}
 .Alumni {
	border-left: 10px solid #00843d!important;
}
 .ArtsCulture {
	border-left: 10px solid #cc97f9!important;
}
 .Athletics {
	border-left: 10px solid #ffb500!important;
}
 .CollegeofBusinessAdministration {
	border-left: 10px solid #09585d!important;
}
 .CollegeofEducationandIntegrativeStudies {
	border-left: 10px solid #992f1f!important;
}
 .CollegeofLettersArtsandSocialSciences {
	border-left: 10px solid #f7776a!important;
}
 .TheCollinsCollegeofHospitalityManagement {
	border-left: 10px solid #c58f69!important;
}
 .CollegeofProfessionalandGlobalEducation {
	border-left: 10px solid #786264!important;
}
 .CollegeofEngineering {
	border-left: 10px solid #70a5df!important;
}
 .CollegeofEnvironmentalDesign {
	border-left: 10px solid #ed7d15!important;
}
 .EquityDiversityInclusion {
	border-left: 10px solid #653b71!important;
}
 .Giving {
	border-left: 10px solid #99b974!important;
}
 .HealthWellness {
	border-left: 10px solid #ceb888!important;
}
 .ResearchInnovation {
	border-left: 10px solid #feec73!important;
}
 .CollegeofScience {
	border-left: 10px solid #03a7ad!important;
}
 .SafetyAlert {
	border-left: 10px solid #ed1b24!important;
}
 .CampusLifeCultureofCare {
	border-left: 10px solid #031689!important;
}
 .CampusLife {
	border-left: 10px solid #031689!important;
}
 .CultureofCare {
	border-left: 10px solid #0f95b3!important;
}
 .StudentSuccess {
	border-left: 10px solid #00843d!important;
}
 .Sustainability {
	border-left: 10px solid #6cc24a!important;
}
 .UniversityNews {
	border-left: 10px solid #01426a!important;
}
 .STEM {
	border-left: 10px solid #f3aa79!important;
}
 .PolyX {
	border-left: 10px solid #547993!important;
}
 .all{
	 border-left: 10px solid #000000 !important;
}
/* in story images */
 .image-300px-float-right {
	 width: 300px;
	 height: auto;
	 float: right;
	 padding: 5px;
	 margin-left: 25px;
}

.image-300px-float-right img {
	max-width: 100%;
	height: auto
}

.image-300px-float-right figcaption {
	font-size: .8em;
	height: auto
}

@media (max-width:450px){
	.image-300px-float-right {
		width:100%;
		
	}

	.image-300px-float-right img {
		width:100%;
	}

	.image-300px-float-right figcaption {
		width: 100%-webkit-fill-available
	}
}

 .image-300px-float-left {
	 width: 300px;
	 height: auto;
	 float: left;
	 padding: 5px;
	 margin-right: 25px;
}

/*share-box*/
 .share {
	 width: 60px;
	 height: 400px;
	 float: right;
}
 .share h2 {
	 margin-top: 15px;
	 font-size: 20px;
	 color: #32814b;
}
 .share ul {
	 list-style: none;
	 padding: 0;
	 font-size: 35px;
	 text-align: center;
}
 .photogrid {
	 margin-bottom:25px;
}
 .photogrid row {
	 margin-bottom:15px;
}
 .blue-box {
	 background-color: #0a416a;
	 color: white;
}
 .yellow-underline {
	 color: #ffc600;
	 text-decoration:underline;
}
 iframe {
	 width: 100%;
	 aspect-ratio: 16 / 9;
	 height: auto;
}
/*side bar heading boxes */
 .browsetopics {
	 margin-bottom: 15px;
	 background-color: #f1f1f1;
	 padding: 15px;
}
 .browsetopics img {
	 width:100%;
}
 .browsetopics h2 {
	 display: inline-block;
	 color: #295135;
	 padding: 2px 10px;
	 letter-spacing: 1px;
	 outline: 2px solid #adb5bd;
	 font-size: 16px;
	 font-weight: 500;
	 font-family: justus-pro, serif;
	 text-transform: uppercase;
	 width: 100%;
	 text-align: center;
	 border-left: 15px solid #f7cb34;
	 background-color: #ffffff;
	 margin-bottom: 20px;
}
 .greenh2 {
	 font-weight: 600;
	 color: #248059;
}
 .topicslist, .browse-topicslist {
	 list-style: none;
	 padding: 0;
}
 .topicslist li a, .browse-topicslist li a {
	 display: inline-block;
	 color: #333333;
	 font-size: 12px;
	 font-weight: 600;
	 text-decoration: none;
	 padding-left: 5px;
}
 .topicslist li a:hover, .browse-topicslist li a:hover {
	 text-decoration:underline;
}
 .topicslist li, .browse-topicslist li {
	 line-height: 17px;
	 margin-bottom: 8px;
	 padding-left: 5px;
}
 .browse-topicslist li a {
	 border-left-width: 30px !important;
	 display: inline-block;
	 color: #333333;
	 font-size: 20px !important;
	 font-weight: 400 !important;
	 text-decoration: none;
	 padding-left: 14px !important;
	 margin-bottom: 10px;
	 padding: 5px 10px 5px 10px;
}
 .inthenews5 {
	 margin-bottom: 0;
}
 .inthenews5 a {
	 font-family: justus-pro, serif;
	 color: #333333;
	 text-decoration: none;
	 font-size: 14px;
	 font-weight: 300;
}
 .inthenews5 a:hover {
	 text-decoration: underline;
}
 .inthenewsitem {
	 line-height: 16px;
	 margin-bottom: 15px;
}
 .inthenews5 li:hover .inthenews-logo {
	 filter:none;
}
 .featuredSlides {
	 display: grid;
	 grid-template-columns: 70% 30%;
	 margin-top: 20px;
}
 .main-slide-item {
	 object-fit: cover;
	 height: 560px;
}
 .main-slide-item a {
	 color: #231f20;
	 text-decoration: none;
}
 .main-slide-item img {
	 object-fit: cover;
	 height: 100%;
}
 .featured-cat {
	 background-color: white;
	 border: 2px solid #adb5bd;
	 padding: 0 5px;
	 display: inline-block;
	 position: absolute;
	 left: 0;
	 font-family: justus-pro, serif;
	 z-index: 991;
	 text-transform: uppercase;
	 font-size: 12px;
	 font-weight: 600;
	 letter-spacing: 2px;
}
 .featured-list {
	 margin: 0 !important;
	 margin-top: 6px!important;
	 padding-left: 0!important;
}
 .featured-list-item {
	 padding: 0!important;
	 border: none!important;
	 height: 140px!important;
	 object-fit: cover!important;
	 overflow: hidden!important;
	 position: relative!important;
	 width:100% !important;
	 transition:height .5s;
}
 .featured-list-item a {
	 color: #231f20;
}
 .featured-list-item:focus-within {
	 outline: 5px auto Highlight;
	 outline: 5px auto -webkit-focus-ring-color;
	 z-index: 999;
}
 .featured-list-item:focus-within .featured-list-title {
	 outline: 5px auto Highlight;
	 outline: 5px auto -webkit-focus-ring-color;
	 z-index: 999;
}
 #featured .featured-overlay {
	 background: linear-gradient(90deg, rgb(255 255 255 / 90%) 0%, rgb(255 255 255 / 83%) 56%, rgb(255 255 255 / 0%) 100%);
	 position: absolute;
	 z-index: 990;
	 width: 100%;
	 height: 140px;
}
 #featured .featured-list-title {
	 position: absolute !important;
	 top: 30px!important;
	 z-index: 992 !important;
	 font-size: 15px !important;
	 padding: 0px 15px!important;
	 text-align: left !important;
	 width: 75%;
	 text-shadow: 0px 0px 8px white;
	 font-weight: 700;
	 color: #4d4d4d;
	 font-family: arial, helvetica, sans-serif;
}
 #slide-side-bar {
}
 #main-slide-title {
	 position: relative;
	 padding-left: 15px;
	 background-color: white;
	 bottom: 70px;
	 width: 70%;
	 font-size: 28px;
	 line-height: 35px;
	 font-weight: 400;
	 padding-top: 8px;
	 font-family: justus-pro, serif;
}
 .byline {
	 text-transform: capitalize;
}
 .cpp-byline {
	 text-transform:uppercase !important;
}
 a[target=_blank] svg {
	 margin-top:-12px;
}
 #footer-social {
	 width: auto;
	 list-style:none;
	 display: inline-block;
	 margin-left: auto;
	 margin-right: auto;
}
 #footer-social li {
	 font-size: 40px;
	 display:inline-block;
	 font-size: 33px;
	 margin: 0px 2px;
}
 #footer-social li a {
	 color:#41464b;
}
 #footer-social li a:hover {
	 color:#3d70b7;
}
 .view-more {
	 width:100%;
	 text-align:right;
}
 .view-more a {
	 display: inline-block;
	 background-color: #BF4622;
	 color: white;
	 text-decoration: none;
	 padding: 5px 10px;
	 font-size: 15px;
	 text-transform: uppercase;
	 font-weight: 700;
	 position: relative;
	 bottom: 30px;
	 right: -17px;
}
 .whitetext-h2 {
	 font-size: 30px;
	 text-transform: uppercase;
	 color: #ffffff;
	 font-family: justus-pro, serif;
	 font-weight: 500;
	 letter-spacing: 10px;
}
 .yellowtext-h2 {
	 font-size: 30px;
	 text-transform: uppercase;
	 color: #ffc600;
	 font-weight: 500;
	 letter-spacing: 10px;
}
 .subhead {
	 position: relative;
	 margin-bottom: 30px;
	 top: -25px;
	 display: inline-block;
	 background: #008445;
	 padding: 5px 30px;
}
 .subhead-line {
	 text-align: center;
	 margin: 75px 0 60px 0;
	 border: thin solid #eaecef;
	 height: 1px;
}
 .whitetext-h2-social {
	 font-size: 25px;
	 text-transform: uppercase;
	 color: #ffffff;
	 font-family: justus-pro, serif;
	 font-weight: 500;
	 letter-spacing: 5px;
}
 .yellowtext-h2-social {
	 font-size: 25px;
	 text-transform: uppercase;
	 color: #ffc600;
	 font-weight: 500;
	 letter-spacing: 5px;
}
 .subhead-social {
	 position: relative;
	 margin-left: auto;
	 margin-right: AUTO;
	 margin-bottom: 30px;
	 margin-top: 30px;
	 display: inline-block;
	 background: #008445;
	 padding: 5px 30px;
	 text-align: center;
	 width: auto;
}
 .subhead-line {
	 text-align: center;
	 margin: 75px 0 60px 0;
	 border: thin solid #eaecef;
	 height: 1px;
}
/* social media listing */
 .social-group {
	 border-top: thin solid #e8e8e8;
	 margin: 0px;
	 padding: 0px;
}
 .social-group:last-child {
	 border-bottom: thin solid #e8e8e8;
}
 .social-media-list h3 {
	 display: inline-block;
	 font-size: 18px;
	 width: 30%;
	 background-color: #f5f6f6;
	 margin: 0;
	 padding: 15px;
}
 .social-media-list h3 a {
	 text-decoration: none;
}
 .social-media-list h3 a:hover {
	 text-decoration: underline;
}
 .social-list {
	 display:inline-block;
	 list-style:none;
	 margin:0;
	 padding:0;
}
 .social-list li {
	 display: inline-block;
	 padding: 0 5px;
	 width: 45px;
}
 .social-list li a img {
	 height: 35px;
}
 @media screen and (min-width:976px) {
	 .contact-grid {
		 display: grid;
		 grid-template-columns: 50% 50%;
		 margin-top: 20px;
	}
}
 .contact-item {
	 margin-bottom:25px;
}
 .contact-item img {
	 padding-right: 15px;
	 float: left;
	 width: 150px;
	 height: auto;
}
 .photogrid img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
}
 .photogrid {
	 margin-bottom:25px;
}
 .photogrid row {
	 margin-bottom:15px;
}
/*saftey alert */
 #alert {
	 background-color:#dc3545;
}
 .alert-body {
	 background-color:#ffffff;
}
 .alert-text-title {
	 font-family: arial, helvetica, sans-serif;
	 font-size: 1em;
	 color: #000000;
	 line-height: 1.5em;
	 margin: 5px 0;
	 font-weight: 500;
}
 .alert-text {
	 font-family: arial, helvetica, sans-serif;
	 font-size: 1em;
	 color: #000000;
	 line-height: 1.5em;
	 margin: 5px 0;
	 font-weight: 200;
}
 .alert-icon {
	 text-align: center;
}
 .alert-icon img {
	 width: 60px;
	 margin-top: 5px;
	 text-align: center;
	 height: auto;
}
 .alert-row {
	 border-top: solid 5px #dc3545;
	 border-bottom: solid 5px #dc3545;
	 align-items: center!important;
}
 .alert-icon h2 {
	 color: #ffffff;
	 font-size: 1.5em;
}
 #alert {
	 background-color: #dc3545;
}
/* site tags */
 #sitetags ul {
	 list-style:none;
	 display: inline;
	 padding:0;
}
 #sitetags ul li {
	 font-size: 12px;
	 display: inline-block;
	 padding: 2px 5px 0px 5px;
	 border-right: thin solid #999;
}
 #sitetags h2 {
	 display: inline;
	 font-size: 14px;
	 border-right: thin solid #999;
}
#feed {
    overflow: auto;
}
/* scroll for feed */
#scroll-container {
	width:100%;
	text-align:center;
	z-index: 999999;
	position: relative;;
}
.scroll {
    top: -80px;
    display: inline-block;
    background: #94c675eb;
	display:inline-block;
	width: 60px;
	height: 60px;
	border: 2px solid #333;
	border-radius: 50%;
	position: relative;
	animation: down 1.5s infinite;
	-webkit-animation: down 1.5s infinite;
	&::before {
		content: '';
		position: absolute;
		top: 15px;
		left: 18px;
		width: 18px;
		height: 18px;
		border-left: 2px solid #333;
  	border-bottom: 2px solid #333;
		transform: rotate(-45deg);
	}
}

@keyframes down {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translateY(15px);
	}
	40% {
		transform: translate(0);
	}
}

@-webkit-keyframes down {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translateY(15px);
	}
	40% {
		transform: translate(0);
	}
}

.mouse {
    top: -100px;
    display: inline-block;
    background: #ffffffbd;
	width: 50px;
	height: 90px;
	border: 3px solid #333;
	border-radius: 60px;
	position: relative;
	&::before {
		content: '';
		width: 12px;
		height: 12px;
		position: absolute;
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
		background-color: #333;
		border-radius: 50%;
		opacity: 1;
		animation: wheel 2s infinite;
		-webkit-animation: wheel 2s infinite;
	}
}

@keyframes wheel {
	to {
		opacity: 0;
		top: 60px;
	}
}

@-webkit-keyframes wheel {
	to {
		opacity: 0;
		top: 60px;
	}
}
/* carousel */
.carousel {
    position: relative;
    width: calc(100% - 70px);
    margin-bottom: 50px;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -22px;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
}
.carousel-indicators.active {
	opacity: 1 !important;
    transition: opacity .6s ease;
}
.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #00843d;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}
.carousel-prev, .carousel-next {
	border: none;
    background: none;
    color: #00843d;
    opacity: .5;
	transition: opacity .6s ease;
}
.carousel-prev, .carousel-next {
	border: none;
    background: none;
    color: #00843d;
    opacity: .5;
	transition: opacity .6s ease;
}
.carousel-next {
	position: absolute;
    right: 0;
}
.carousel-prev:hover, .carousel-next:hover {

    opacity: 1;
	transition: opacity .6s ease;
}
.carousel-prev svg, .carousel-next svg {
	height: 30px;
    width: 30px;
}
.carousel-caption {
position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    /* padding-top: 5px; */
    /* padding-bottom: 5px; */
    /* padding-left: 12px; */
    padding: 15px !important;
    color: #fff;
    text-align: left;
    background: #008345 !important;
}
.carousel-indicators .active {
    opacity: 1 !important;
}
.carousel-caption p {
	 margin-bottom: 0;
    font-size: 14px
}