/* CSS Document */

/*-------------------------------------------

      Media Queries
-------------------------------------------*/
@media screen and (max-width: 1024px) {
.hp_carousel {
    /*width: 70%;*/
	/*position:absolute;*/
}
.wrap carousel-item {
	display: flex !important;}
.view-content {
}
.carousel .wrap {
    /*position: fixed;*/
    width: 980px !important;
	/*display:flex;*/
}
.carousel {
    background: none repeat scroll 0 0 #262626;
    height: 390px !important;
    overflow: hidden;
    width: 600px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
 .carousel {
    background: none repeat scroll 0 0 #262626;
    height: 390px !important;
    overflow: hidden;
    width: 600px;
	display:inline !important;
}
}
.slide-caption {
    background-image: url("../image/vignette.png");
    background-position: left top;
    background-repeat: no-repeat;
    margin-left: 0px;
    min-height: 360px;
    width: 340px;
    padding: 57px 15px 15px;
    position: relative;
    z-index: 10;
	display: inline !important;
}
.comp-a {
    background-color: #52854c;
}
.comp-b {
    background-color: #8c8179;
}
.comp-c {
    background-color: #293352;
}
.comp-d {
    background-color: #a51c30;
}
.slide-caption h2 {
    color: #fff;
    font: 1.5em/1.20 Georgia,"Times New Roman",serif;
    margin: 0 0 32px !important;
}
.slide-caption h2 a {
    color: #fff;
    text-decoration: none;
}
.slide-caption h2 a:hover, .slide-caption h2 a:focus {
    color: #e6eae2;
    text-decoration: none;
}
.slide-callout {
    width: 800px;
}
.slide-callout p {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    color: #363636;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 !important;
    max-width: 615px;
    min-height: 19px;
    padding: 9px 20px 6px 14px;
    text-transform: uppercase;
}
.slide-callout p:hover {
    background: none repeat scroll 0 0 #e6eae2;
}
.slide-callout p a {
    color: #363636;
    text-decoration: none;
}
.slide-callout p a:hover, .slide-callout p a:focus {
    color: #363636;
    text-decoration: none;
}
.slide-callout .more {
    padding: 0;
}
.comp-a .slide-callout .more {
    background-color: #52854c;
}
.comp-b .slide-callout .more {
    background-color: #8c8179;
}
.comp-c .slide-callout .more {
    background-color: #293352;
}
.comp-d .slide-callout .more {
    background-color: #a51c30;
}
.slide-callout .more a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    display: inline-block;
    font: italic 1.15em Georgia,"Times New Roman",serif;
    min-height: 19px;
    padding: 8px 10px 7px;
    text-transform: none;
}
.slide-callout .more a:hover, .slide-callout .more a:focus {
    background: none repeat scroll 0 0 #000;
    color: #fff;
    text-decoration: none;
}
.carousel-image {
    position: absolute;
    right: 0;
}
.carousel-item {
    position: relative;
}
.carousel-item-secondary {
    display: none;
}
#hedu_preview .slide-caption h2 {
    color: #fff;
    font: 2.2em/1.21 Georgia,"Times New Roman",serif;
    margin-bottom: 32px;
}
#hedu_preview .slide-callout p {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    color: #363636;
    float: left;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 5px;
    max-width: 750px;
    min-height: 19px;
    padding: 9px 20px 6px 14px;
    text-transform: uppercase;
}
#hedu_preview .slide-callout p.more {
    padding: 0;
}
#hedu_preview .comp-a .slide-callout p.more {
    background-color: #52854c;
}
#hedu_preview .comp-b .slide-callout p.more {
    background-color: #8c8179;
}
#hedu_preview .comp-c .slide-callout p.more {
    background-color: #293352;
}
#hedu_preview .comp-d .slide-callout p.more {
    background-color: #a51c30;
}
#carousel_slide_headshot {
    background-image: none;
}
* html .carousel {
    height: 348px !important;
}
* html .slide-caption {
    background-image: none !important;
    height: 220px;
}
* html .carousel-item {
    height: 348px;
}
.comp-b, .comp-b .slide-callout .more {
    background-color: #8c8179;
}
.comp-c, .comp-c .slide-callout .more {
    background-color: #293352;
}
.comp-d, .comp-d .slide-callout .more {
    background-color: #a51c30;
}
.carousel-controls {
    bottom: 43px;
    height: 32px;
    left: 50%;
    margin-left: -449px;
    overflow: hidden;
    position: absolute;
    width: 98px;
    z-index: 100;
}
* html .carousel-controls {
    bottom: 20px;
}
.carousel-controls a {
    background-image: url("../image/controls-carousel.gif");
    float: left;
    height: 32px;
    width: 32px;
}
.carousel-controls .next {
    background-position: -99px -32px;
    border-left: 1px solid #333;
}
.carousel-controls .next:hover, .carousel-controls .next:focus {
    background-position: -99px 0;
    border-color: #ccc;
}
.carousel-controls .previous {
    background-position: 0 -32px;
}
.carousel-controls .previous:hover, .carousel-controls .previous:focus {
    background-position: 0 0;
}
.carousel-controls .pause {
    background-position: -33px -32px;
    border-left: 1px solid #333;
}
.carousel-controls .pause:hover, .carousel-controls .pause:focus {
    background-position: -33px 0;
    border-color: #ccc;
}
.carousel-controls .play {
    background-position: -66px -32px;
    border-left: 1px solid #333;
    bottom: auto;
    left: auto;
    position: relative;
}
.carousel-controls .play:hover, .carousel-controls .play:focus {
    background-position: -66px 0;
    border-color: #ccc;
}
.carousel .main-image {
    min-width: 650px;
    position: relative;
    right: 0;
    top: 0;
    z-index: 8;
}
.carousel .prev-image {
    left: -100%;
    opacity: 0.2;
    position: absolute;
    top: 0;
    z-index: 7;
	width: 622px;
}
.carousel .next-image {
    opacity: 0.2;
    position: absolute;
    right: -70%;
    top: 0;
    z-index: 7;
	width: 622px;
}
* html .slide-caption {
    padding-bottom: 60px;
}
.carousel-controls a {
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}

}

@media screen and (max-width: 850px) {
.hp_carousel {
    /*width: 70%;*/
	/*position:absolute;*/
}
.wrap carousel-item {
	display: flex !important;}
.view-content {
}
.carousel .wrap {
    /*position: fixed;*/
    width: 980px !important;
	/*display:flex;*/
}
.carousel {
    background: none repeat scroll 0 0 #262626;
    height: 275px !important;
    overflow: hidden;
    width: 450px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
 .carousel {
    background: none repeat scroll 0 0 #262626;
    height: 275px !important;
    overflow: hidden;
    width: 450px;
	display:inline !important;
}
}
.slide-caption {
    background-image: url("../image/vignette.png");
    background-position: left top;
    background-repeat: no-repeat;
    margin-left: 0px;
    z-index: 10;
	display: inline !important;
	 position: relative;
	 float: left; width: 273px; 
	 min-height: 220px; 
	 padding: 53px 31px 0;
	 
}  

		
			
.slide-caption h2 { margin-bottom: 25px; color: #fff; font-size: 1.2em; line-height: 1.21; }

.slide-callout { width: 706px; }
.slide-callout p { max-width: 590px; min-height: 15px; margin-bottom: 4px; padding: 7px 16px 5px 11px; font-size: 1.1em; line-height: 1.4; }
.slide-callout .more a { min-height: 15px; padding: 7px 8px 5px 8px; font: italic 1.1em Georgia, "Times New Roman", serif; }
.carousel-image img { width: 411px; height: 273px; } 

.carousel-controls { bottom: 34px; margin-left: -320px; } 


}


@media screen and (max-width: 650px) {
  
.hp_carousel {
    /*width: 70%;*/
	/*position:absolute;*/
}
.wrap carousel-item {
	display: flex !important;}
.view-content {
}
.carousel .wrap {
    /*position: fixed;*/
    width: 650px !important;
	/*display:flex;*/
}
.carousel {
    background: none repeat scroll 0 0 #262626;
    height: 520px !important;
    overflow: hidden;
    width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
 .carousel {
    background: none repeat scroll 0 0 #262626;
    height: 520px !important;
    overflow: hidden;
    width: 100%;
	display:inline !important;
}
}

.carousel { height: 520px; overflow: hidden; background: #262626; }
.slide-caption { position: relative; z-index: 10; width: 100%; min-height: 200px; padding: 0; 
margin-top: 320px;
background-image:none !important;
background-position: bottom left;
background-repeat: no-repeat; }
.slide-caption h2 { margin: 15px; color: #fff; font-size: 1.4em; line-height: 1.2; }

.slide-callout { width: 70%px; padding-left: 15px; }
.slide-callout p { max-width: 400px; min-height: 15px; margin-bottom: 4px; padding: 7px 6px 5px 8px; font-size: 1em; line-height: 1.4; overflow: hidden; }
.slide-callout .more a { display: none; }
.carousel-image img { width: 480px; height: 320px; } 
.carousel .prev-image { left: -480px; }
.carousel .next-image { right: -480px; }

.carousel-controls { bottom: 24px; margin-left: -50px; } 

.slide-caption h2 a {
    color: #fff;
    margin-left: -220px;
    max-width: 310px;
    text-align: left !important;
    text-decoration: none;
}



@media screen and (max-width: 400px) {
 
.hp_carousel {
    /*width: 70%;*/
	/*position:absolute;*/
}
.wrap carousel-item {
	display: flex !important;}
.view-content {
}
.carousel .wrap {
    /*position: fixed;*/
    width: 400px !important;
	/*display:flex;*/
}
.carousel {
    background: none repeat scroll 0 0 #262626;
    height: 343px; !important;
    overflow: hidden;
    width: 400px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 .carousel {
    background: none repeat scroll 0 0 #262626;
    height: 420px !important;
    overflow: hidden;
    width: 100%;
	display:inline !important;
}
}

.carousel { height: 520px; overflow: hidden; background: #262626; }
.slide-caption { position: relative; z-index: 10; width: 100%; min-height: 170px; padding: 0; 
margin-top: 280px;
background-image:none !important;
background-position: bottom left;
background-repeat: no-repeat; }
.slide-caption h2 { margin: 15px; color: #fff; font-size: 1.2em; line-height: 1.0; }

.slide-caption h2 a {
    color: #fff;
    margin-left: -40px;
    max-width: 290px;
    text-align: left !important;
    text-decoration: none;
}
.slide-callout { width: 70%px; padding-left: 15px; }
.slide-callout p { max-width: 400px; min-height: 15px; margin-bottom: 4px; padding: 7px 6px 5px 8px; font-size: 1em; line-height: 1.4; overflow: hidden; }
.slide-callout .more a { display: none; }
.carousel-image img { width: 480px; height: 320px; } 
.carousel .prev-image { left: -480px; }
.carousel .next-image { right: -480px; }

.carousel-controls { bottom: 24px; margin-left: -50px; } 

/*.slide-caption h2 a {
    color: #fff;
    max-width: 400px;
    text-align: left !important;
    text-decoration: none;

}*/



}