.component-figure {
  margin: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
	.video-thumbnail {
		padding: 0 20px;
	}
}
.video-lable {
    font-size: 18px;
    font-weight:600;
    margin: 15px 0;
}
.component-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--focal-point-x) var(--focal-point-y);
}

.custom-breadcrumb p a,.custom-breadcrumb p span {
	font-family: Muli,sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
}
.custom-breadcrumb  p a {
	color:#1894d0 !important;
}

.custom-breadcrumb p span{
	color: #ccc !important;
}
.custom-breadcrumb p {
	margin-bottom: 0;
	color: #ccc !important;
}
.heading-component h1,
.custom-richtext h1{
	font-size: 31px;
}
.heading-component h2,
.custom-richtext h2 {
	font-size: 26px;
}

.heading-component h3,
.custom-richtext h3 {
	font-size: 20px;
	font-weight: 700 !important;
}
.heading-component h4,
.custom-richtext h4 {
	font-size: 16px;
	font-weight: 500 !important;
}

.heading-component  h1,
.heading-component  h2,
.heading-component  h3,
.heading-component  h4,
.heading-component  h5 {
	text-align: left;
	font-family: Roboto,sans-serif;
    line-height: 40px;
    font-weight: 900;
    letter-spacing: 1.2px;
    margin: 0px;
}
.custom-richtext p,
.heading-component p {
	font-family: Roboto,sans-serif;
	line-height: 22px;
    letter-spacing: .2px;
    font-size: 16px;
    margin: 0px;
}
.custom-richtext h1,
.custom-richtext h2,
.custom-richtext h3,
.custom-richtext h4 {
	text-align: left;
	font-family: Roboto,sans-serif;
    line-height: 40px;
    font-weight: 900;
    letter-spacing: 1.2px;
    margin: 0px;
}

.custom_content p span,
.custom_content p,
.heading-component ul li,
.heading-component ol li {
	line-height: 22px;
    letter-spacing: .2px;
    font-size: 16px;
    font-family: Muli,sans-serif;
    text-align: left;
    color: #333333;
}
.heading-component ul,
.heading-component ol {
	margin-left: 15px;
	margin-top: 5px;
}
.custom_content p {
	margin-bottom: 0;
}
.custom_content h4 {
	font-size: 16px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    letter-spacing: .2px;
}
.custom_content ul li{
	line-height: 20px;
    font-size: 13px;
    font-family: Muli,sans-serif;
}
.custom_content p a{
	font-size: 13px;
}

p.text-component  {
	margin: 0;
	text-align: center;
    letter-spacing: .2px;
    line-height: 22px;
    font-size: 16px;
    font-style: italic;
    font-family: Roboto,sans-serif;
    font-weight: 800;
}

 @media screen and (max-width:1023px) {
 	.heading-component h2 {
 		font-size: 24px;
 	}
 }

.link-class p a {
	color: #ffffff !important;	
	position: relative;
	font-size: 12px;
    font-weight: bold;
    font-family: "Muli", sans-serif;
    text-transform: uppercase;
}
h3.heading-class {
	font-family: Roboto,sans-serif;
    font-weight: 900;
    font-size: 36px;
    letter-spacing: .9px;
    text-align: left;
    line-height: 40px;
}

.link-class p a:after {
	content: '';
	background: url("../images/Arc-images/ARC-sprite.png");
	width: 27px;
    height: 27px;
    background-position: -144px -8px;
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    right: -35px;
}

.main-image {
	position: relative;	
}
.overlappingImage {
	position: absolute;
	top: 43%;
	right: 0px;
	
}
.overlappingImage h1.textonimage {
	position: absolute;
	top:50%;
	font-weight: 900;
    font-size: 36px;
    letter-spacing: .9px;
    left: 80px;
    line-height: 40px;
    font-family: Roboto;
}
.redlines.desktop {
	width: 82.29%;
    height: 76px;
    background-image: linear-gradient(-45deg, #ed1329 10%, transparent 10%, transparent 50%, #ed1329 10%, #ed1329 10%, transparent 62%, transparent);
    background-size: 10px 10px;
    opacity: 0.2;
    float: right;
}

.redlines.mobile {
	display: none;
}
.class-wrapper .custom-select {
	width: 100%;
    float: left;
    color: #333;
    font-size: 12px;
    font-family: Roboto,sans-serif;
    position: relative;
    padding: 0;
    border: none;
} 

.herobanner_overlappingImage .find-a-class .class-hero .class-search {
	bottom: 247px;
	
}
.herobanner_overlappingImage .class-search label.find-class-text {
	    font-family: Roboto,sans-serif;
	    display: block;
}

@media screen and (min-width: 1023px) and (max-width: 1024px) { 
	 .herobanner_overlappingImage .find-a-class .class-hero .class-search {
	   bottom: 205px;
	 }
	 .herobanner_overlappingImage .find-a-class .class-hero .class-search .form-class-search button {
	    width: 48px;
	 }
	 .overlappingImage {
	    top: 40%;
	    width: 490px;
	 }
}
@media screen and (max-width: 1023px) {
	.redlines.desktop {
		display: none;
	}	
	.redlines.mobile {
		width: 82.29%;
	    height: 76px;
	    background-image: linear-gradient(-45deg, #ed1329 10%, transparent 10%, transparent 50%, #ed1329 10%, #ed1329 10%, transparent 62%, transparent);
	    background-size: 10px 10px;
	    opacity: 0.2;
	    float: right;
	    display:block;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.main-image {
		height: 300px;
	}
	.overlappingImage {
		width: 364px;
		height: 153px;
		top: 50%;
	}
	.overlappingImage h1.textonimage{
		font-size: 22px;
	}
	.herobanner_overlappingImage .find-a-class .class-hero .class-search {
		bottom: 135px;
		top: unset;
	}
}
@media screen and (max-width: 767px) {
	
	.main-image {
		height: 300px;
	}
	.overlappingImage{
			top: 119%;
			padding: 0 10px;
	}
	.overlappingImage img{
		width: auto;
		height:164px;
	}
	.herobanner_overlappingImage .find-a-class .class-hero .class-search {
    	bottom: -109px;
	}
	.overlappingImage h1.textonimage{
		font-size: 24px;
		top: 45%;
		line-height: 24px;
		text-align: left;
	    left: 37px;
	    right: 0px;
	}
	.redlines.mobile {
    	width: 100%;
    	height: 50px; 
    	margin:35px 0 0;
	}
	
	.link-class {
		width: 90%;
	}
	
	.carousel {
		top: 80px;
	}
	
	
}
.heading-paragraph-text-component {
	clear: right;
}

.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }



.modal-body {
  position:relative;
  padding:0px;
}

.modal-content {
	top: 200px;
	
}
.video-img-responsive {
	cursor: pointer;
	width: 890px;
	height: 345px;
	
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}
.content_landing_main_container .mobile-refinement-list #category-level-2 {
	margin-top: 0;
}
.content_landing_main_container .mobile-refinement-list ul#category-level-2 > :first-child {
	padding-top: 0;
}
.content_landing_main_container .mobile-refinement-list #category-level-2 li.expandable {
	line-height: 18px;
}
.content_landing_main_container .mobile-refinement-list #category-level-2 li a {
	line-height: 18px;
}