/* Add here all your CSS customizations */
.footer-ribbon span {
    color: #FFF;
    font-size: 1.6em;
    font-family: "Shadows Into Light", cursive;
}

.footer-ribbon {
    background: #0088cc;
}
.footer-ribbon {
     background: #0088cc;
    position: absolute;
    margin: -16px 0 0 14px;
    padding: 10px 20px 6px 20px;
}
.footer-ribbon:before {
    border-right: 10px solid #646464;
    border-top: 16px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: -10px;
    position: absolute;
    top: 0;
    width: 7px;
}

.section1 {
    background-color: #E2E2E2;
}

.footer-ribbon1 {
    background: #0088cc;
}
.footer-ribbon1 {
     background: #0088cc;
    position: absolute;
    margin: -70px 0 0 14px;
    padding: 10px 20px 6px 20px;
}
.footer-ribbon1:before {
    border-right: 10px solid #646464;
    border-top: 16px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: -10px;
    position: absolute;
    top: 0;
   
}
.footer-ribbon1 span {
    color: #FFF;
    font-size: 1.6em;
    font-family: "Shadows Into Light", cursive;
}


.footer-ribbon2 {
    background: #0088cc;
}
.footer-ribbon2 {
     background: #0088cc;
    position: absolute;
    margin: -71px 0px 0px 599px;
    padding: 10px 20px 6px 20px;
}
.footer-ribbon2:before {
    border-right: 10px solid #646464;
    border-top: 16px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: -10px;
    position: absolute;
    top: 0;
   
}
.footer-ribbon2 span {
    color: #FFF;
    font-size: 1.6em;
    font-family: "Shadows Into Light", cursive;
}

a.button.medium {
    font-size: 13px;
    width: 168px;
}
a.button.orange {
    background: #FCB616;
    border-color: #D96B0D;
}

/*24px 0 0 14px*/

.footer-ribbon3 {
    background: #0088cc;
}
.footer-ribbon3 {
     background: #0088cc;
    position: absolute;
    margin: 50px 0 0 14px;
    padding: 10px 20px 6px 20px;
}
.footer-ribbon3:before {
    border-right: 10px solid #646464;
    border-top: 16px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: -10px;
    position: absolute;
    top: 0;
   
}
.footer-ribbon3 span {
    color: #FFF;
    font-size: 1.6em;
    font-family: "Shadows Into Light", cursive;
}

/*50px*/

.footer-ribbon4 {
    background: #0088cc;
}
.footer-ribbon4 {
     background: #0088cc;
    position: absolute;
    margin: 28px 0 0 14px;
    padding: 10px 20px 6px 20px;
}
.footer-ribbon4:before {
    border-right: 10px solid #646464;
    border-top: 16px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: -10px;
    position: absolute;
    top: 0;
   
}
.footer-ribbon4 span {
    color: #FFF;
    font-size: 1.6em;
    font-family: "Shadows Into Light", cursive;
}
.footer-ribbonblack {
   
	background: #2BAAB1;
   
}
.career{
	color: #0088cc;
    border-left-color: #0088cc;
    border-right-color: #0088cc;
transition: all 0.15s ease-out;
    background: #F4F4F4;
    border-left: 3px solid #CCC;
    border-radius: 5px;
    color: #CCC;
    display: block;
    font-size: 1.1em;
    min-height: 20px;
    padding: 12px 20px 12px 10px;
    position: relative;
    cursor: pointer;
    font-weight: 400;
display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

.sort-source.sort-source-style-2 > li.active > a, .sort-source.sort-source-style-2 > li.active > a:focus, .sort-source.sort-source-style-2 > li.active > a:hover {
    background: solid;
}




.icon-featured1{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 100px;
    height: 100px;
    top: 41px;
    left: 377px;
		position:absolute;
}

.icon-featured2{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 100px;
    height: 100px;
    top: 41px;
    left: 37px;
		position:absolute;
}


   


.clip-me {  
  position: absolute;
  clip: rect(110px, 160px, 170px, 60px); 
  /* values describe a top/left point and bottom/right point */

  clip-path: inset(10px 20px 30px 40px); /* or "none" */
  /* values are from-top, from-right, from-bottom, from-left */

} 


.example3 {
    position: absolute;
    clip: rect(0, 100px, 100px, 0); /* clip: shape(top, right, bottom, left);*/
}