/* ----------------------------------------------------------------
	Edu Landing CSS
-----------------------------------------------------------------*/
body#ppd.landing .banner {background-color:#ed1c24; background-image:url(../images-aver/PPD/edu-distant-learning.jpg);top:0;margin-bottom:0;padding-bottom:0}
body#ppd.landing #wrapper .banner .connect-better {color:#000;font-size:80px;font-weight:900; /*padding-top:120px;*/ padding-top:30%}
body#ppd.landing #wrapper .banner h3 {color:#333;font-size:20px;font-weight:400;margin-top:-10px;line-height:1.4em}

.slider-caption .button.button-border{background-color: rgba(255,255,255, 0.7);}


body#ppd.landing .flexslider .slider-wrap h4 img {width:auto}
body#ppd.landing .rev_slider .tp-mask-wrap .tp-caption span{font-weight:100; }

body#ppd.landing .content-wrap{ padding:50px 0;}
body#ppd.landing .sectionRed {background:#e60012; color:#fff; padding-bottom: 100px;}
.sectionRed h1, .sectionRed h2, .sectionRed h3, .sectionRed h4{color:#fff;}
body#ppd.landing .sectionRed [class*="col-"]{ padding-top:30px;}
body#ppd.landing .sectionRed [class*="col-"]:nth-child(1) {background:url(../images-aver/PPD/bg-icon-ifp.svg) center -40px no-repeat; }
body#ppd.landing .sectionRed [class*="col-"]:nth-child(2) {background:url(../images-aver/PPD/bg-icon-cart.svg) center -40px no-repeat;}
body#ppd.landing .sectionRed [class*="col-"]:nth-child(3) {background:url(../images-aver/PPD/bg-icon-doc-cam.svg) center -40px no-repeat;}
body#ppd.landing .sectionRed [class*="col-"]:nth-child(1), body#ppd.landing .sectionRed [class*="col-"]:nth-child(2), body#ppd.landing .sectionRed [class*="col-"]:nth-child(3){background-size:243px 243px;} 

body#ppd.landing #content h1{ font-size: 48px; font-weight: 200;}

body#ppd.landing .sectionRed [class*="col-"]{ border-left:1px solid #fff;}
body#ppd.landing .sectionRed [class*="col-"] p{ display:block; padding-left:20px; padding-right:20px;}
body#ppd.landing .sectionRed [class*="col-"]:first-child{ border-left:none;}

/*What's new slider banner*/
body#ppd.landing #whats-new-slider.swiper_wrapper .swiper-container{background:none !important; /*box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4);*/ }
body#ppd.landing #whats-new-slider {position:relative; bottom:-60px;  z-index: 5; }
body#ppd.landing #whats-new-slider.swiper_wrapper, body#ppd.landing #whats-new-slider .swiper-wrapper {height:600px}
body#ppd.landing #whats-new-slider .swiper-slide {position:relative;margin:0;background-position:center center;background-repeat:no-repeat;background-size:100% auto;overflow:hidden}
body#ppd.landing #whats-new-slider .swiper-slide .slider-caption {left:110px;margin-top:-90px}
body#ppd.landing #whats-new-slider .swiper-slide .slider-caption .whatsnew-name {display:block;font-size:70px;font-weight:900;color:#111;line-height:70px}
body#ppd.landing #whats-new-slider .swiper-slide .slider-caption p {margin-top:0 !important;font-weight:600;color:#444}


.catsLink { background:#ed1c24;}
.catsLink ul{ list-style:none; margin-bottom: 0px;  }
.catsLink ul li{ position:relative; background:#fff; transition: all .2s ease-in-out;} 
.catsLink ul li:nth-child(odd){ background:#f7f5f5;}
.catsLink ul li a{ padding-top:25px; display:block;}

.catsLink ul li h4{ font-weight:200; text-align: center; color:#111; padding-bottom: 20px;}
.catsLink ul li img{ display: block; position:relative; margin-top: -25px;  padding:0  20px 15px 20px;}
.catsLink ul li:hover{ transform: translateY(5px) scale(1.05);  z-index: 15; box-shadow: 1px 2px 17px rgba(0,0,0,0.2);}
.catsLink.style2 ul li img{ margin-top: 0; padding-top:15px;}

body#ppd.landing .clientQuote{ background:url(../images-aver/PPD/bg-testi-shade.png) center 0 no-repeat, url(../images-aver/PPD/bg-testi.jpg) center 0 no-repeat; background-size:cover, cover; padding:150px 0 130px 0;}
body#ppd.landing .clientQuote.style2{ background:url(../images-aver/PPD/bg-testi-shade-light--.png) center 0 no-repeat, url(../images-aver/PPD/bg-testi3.jpg) center 0 no-repeat; background-size:cover, cover; padding:150px 0 130px 0; color:#111;}
.clientQuote .quote{ padding:55px 0px 0px 97px;}
.clientQuote .quote:before{  font-size:90px; line-height: 100%;  }
.clientQuote.style2 .quote:before{ color:#333;}
body#ppd.landing .clientQuote .quote p{ font-size:24px; line-height: 1.2em; font-weight: 200;}
body#ppd.landing .clientQuote .quote p >a{font-size: 70%}
body#ppd.landing .clientQuote .quote .blockquote-footer{ padding:20px 0 30px 20px; position:relative; color:#eee; font-size:16px;}
body#ppd.landing .clientQuote .quote .blockquote-footer::before{ position:absolute; top:21px; left:0px; z-index: 2;}
body#ppd.landing .clientQuote.style2 .quote .blockquote-footer{ color:#111;}
body#ppd.landing .clientQuote .quote .blockquote-footer .clientImg{ position:absolute; left:0px; top:18px; }
body#ppd.landing .clientQuote .quote .blockquote-footer strong{ font-weight:500; }
body#ppd.landing .clientQuote .quote .blockquote-footer small{ font-weight:300; display: block; }
body#ppd.landing .clientQuote .clientImg{ width:80px; height:80px;}
body#ppd.landing .clientQuote .playBtn{ font-size:100px; text-shadow: -2px 2px 19px rgba(0,0,0,0.5);}
body#ppd.landing .clientQuote.style2 .playBtn{  text-shadow: -2px 2px 19px rgba(225,225,225,0.5);}
body#ppd.landing .clientQuote .playBtn:hover{ color:#fff; text-shadow: 0px 2px 25px #ed1c24;}


body#ppd.landing .caseStudies article{background:#ed1c24; padding:25px; color:#fff; height: 100%;}
body#ppd.landing .caseStudies h3{ color:#fff; font-weight: 200; line-height: 1.2em; margin-bottom: 10px;}

body#ppd.landing .lessons{background:url(../images-aver/PPD/bg-lessons.jpg) center 0 fixed; background-size:cover;  padding: 50px 0; color:#fff;}
body#ppd.landing .lessons h1{ color:#fff; text-shadow: -2px 2px 9px rgba(0,0,0,0.3);}
body#ppd.landing .lessons li{ margin:5px 0; }
body#ppd.landing .lessons li a{ font-size:24px; color:#fff; font-weight: 200; }
body#ppd.landing .lessons li a:hover{ text-decoration:underline !important;}

.whatsNew{ background: linear-gradient(90deg, rgba(225,225,225,0) 50%, rgba(0, 0, 0,0.5) 50%), url(../images-aver/PPD/bg-lessons.jpg) center 0 fixed; background-size: auto, cover;}
.whatsNew .container{ padding:60px 15px 60px 15px; }
.whatsNew h1{ text-align:right; padding-right:50px; color:#fff; text-shadow: 1px 2px 5px rgba(0,0,0,0.4);}
.whatsNew .spost{ border:none; padding-top:15px; color:#fff; position:relative; margin-left: -45px;}
.whatsNew .spost:first-child{ padding-top:0;}
.whatsNew .spost .entry-image{ position:relative; border-radius: 50%;}
.whatsNew .spost .entry-image, .whatsNew .spost .entry-image a{  background:#ed1c24; width:62px; height:62px; font-size:24px; font-weight:300;}
.whatsNew .spost .entry-image span{ font-size:14px; padding-top:10px; line-height: 1.4em; }
.whatsNew .spost .entry-title h4{ padding:7px 0 0 0; font-size:16px; font-weight:300; color:#fff;}
.whatsNew .spost .entry-title a:hover h4{ color:#ed1c24;}


/*Video slider*/
body#ppd.landing #ppd-video-slider.swiper_wrapper {height:780px;color:#fff}
body#ppd.landing #ppd-video-slider.ppd-slider-parallax .slider-parallax-inner {width:100%;height:780px;}
body#ppd.landing #ppd-video-slider.ppd-slider-parallax .slider-parallax-inner .swiper-slide {text-align:center;}
body#ppd.landing #ppd-video-slider .slider-caption {margin:0 auto; top:30% !important; /*transform: translateY(-43%);*/}
body#ppd.landing #ppd-video-slider .slider-caption .video-title {font-weight:900;font-size:80px;color:#fff;}
body#ppd.landing #ppd-video-slider .slider-caption .video-title-small {font-weight:500;font-size:24px;color:#fff;padding-bottom:5px;}





/* Distant learning banner */
body#ppd.landing.dl #wrapper .banner br {display:none}
body#ppd.landing.dl #wrapper .banner {height:80vh;background-color:#ed1c24;background-image:url("../images-aver/PPD/edu-distant-learning.jpg");background-position:center 0px;top:0;margin-bottom:0;padding-bottom:0}
@media screen and (-webkit-min-device-pixel-ratio:0) {body#ppd.landing #wrapper .banner {background-position:center -50px}}
body#ppd.landing.dl #wrapper .banner .DL-title {color:#111; font-size:62px;line-height:1em; /*font-size:48px;line-height:1.1em;*/ font-weight:800;padding-top:300px; /*padding-bottom: 25px;*/}
body#ppd.landing.dl #wrapper .banner h3 {color:#333;font-size:24px;font-weight:600;margin-top:10px;line-height:1.4em}
body#ppd.landing #wrapper .description-band {background:#ed1c24;color:#fff; padding:40px 0;font-size:20px;font-weight:400;line-height:1.4em}
body#ppd.landing #wrapper .bottom-kid {padding-left:20px;position:absolute;bottom:20px;width:20vw;height:auto}