/*** Mobile First CSS ***/

#rdpg {position:relative; padding-top:90px;}

/* Principles Banner */
#principles_banner {width:100%; position:relative; text-align:right; padding:120px 0 0 0;}
#principles_banner-bg {padding-top:82%; position:relative; z-index:0;}
/*
#principles_banner-bg:before {
    content: ' ';
    position: fixed;
    width: 100%;
    padding-top:82%;
    top:120px;
    right:0;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    will-change:transform;
    z-index: -1;
}*/
.principles_fairly #principles_banner {background:#a7e1e6; background-image:url("../images/principle1_bg.png");}

.principles_ensure #principles_banner {background:#00c0c1; background-image:url("../images/principle2_bg.png");}

.principles_women #principles_banner {background:#00B4B6;  background-image:url("../images/principle2_bg.png");}

.principles_safeguard #principles_banner {background-color:#f25e59; background-image:url("../images/principle4_bg_srgb.png");}

.principles_design #principles_banner {background:#2b5c88; background-image:url("../images/principle5_bg.png");}

.principles_transparent #principles_banner {background:#3A849D; background-image:url("../images/principle6_bg.png");}

.principles_choice #principles_banner {background:#f36864;  background-image:url("../images/principle7_bg.png");}

.principles_recourse #principles_banner {background:#FBF1C9;  background-image:url("../images/principle8_bg.png");}

.principles_champion #principles_banner {background:#3A849D;  background-image:url("../images/principle9_bg.png");}

#principles_bg-video {position:absolute; left:0; right:0; top:0; bottom:0; z-index:0}
#principles_bg-video video {display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; object-fit: fill;}

#principles_banner-video {
    position: fixed;
    width:100%;
    padding-top:82%;
    top:120px;
    right:0;
    will-change:transform;
    z-index: -1;
}

#principles_banner-vid {width:auto; height:100%; position:absolute; top:90px; left:50%; transform:translateX(-50%);}


/* Principles Header */
#principles_header {position:relative; z-index:2; background:#fffae6;}
#principles_header-frame {position:relative; max-width:1200px; margin:0 auto;}

#principles_header-text {padding:30px 35px; z-index:1; position:relative; background:#fffae6;}
#principles_header-text strong {font-family:"Torque Web Book", sans-serif; font-weight:400; color:#EFB36B; font-size:75px;}
#principles_header-text h2 {font-family:"Torque Web Bold", sans-serif; font-weight:400; font-size:40px; line-height:44px; margin:0; padding:0;}

#principles_header-tweet {position:absolute; right:35px; top:38px; font-size:36px;}
#principles_header-tweet a {text-decoration:none; color:rgba(239, 179, 107, 0.5);}

.principles_fairly #principles_header-text h2 {color:#774341;}
.principles_ensure #principles_header-text h2 {color:#f0534e;}
.principles_women #principles_header-text h2 {color:#24517C;}
.principles_safeguard #principles_header-text h2 {color:#00B5B5;}
.principles_design #principles_header-text h2 {color:#3A849D;}
.principles_transparent #principles_header-text h2 {color:#f0534e;}
.principles_choice #principles_header-text h2 {color:#00B5B5;}
.principles_recourse #principles_header-text h2 {color:#f0534e;}

/* Principle Pages */
#principles_page {position:relative; background:#fff;}

.rdpg_section {position:relative;}
.rdpg_content {margin:0 auto; max-width:1200px; position:relative;}

/* Principles Intro */
#principles_intro {background:#fffae6;} 
#principles_intro .rdpg_content {position:relative;}

#intro_text {max-width:880px; padding:0 35px 100px 35px; color:#24517C;}
#intro_text p {margin:0 0 10px 0; padding:0; font-family:"Torque Web Medium", sans-serif; font-weight:400; font-size:19px; line-height:27px;}
#intro_text a {color:#24517C;}

/* Principles Recommendations */
#principles_recommendations {background:#DBF5F6;}
#principles_recommendations .rdpg_content {padding:99px 0 0 0;}

#recommendations_header {position:absolute; top:-28px; left:35px;}
#recommendations_header h2 {text-align:left; background:#de8861; padding:23px 36px; margin:0; color:#fff; font-family:"Torque Web Bold", sans-serif; font-weight:400; font-size:14px; display:inline-block;}

#recommendations_holder {padding:0 35px 0 35px; margin:0 auto;}
.principles_ensure #recommendations_holder {/*! padding:0 35px 0 55px; */ margin:0 auto;}


/* Recommendations Left */
#recommendations_left {}

.recommendations_section {padding:30px 0; margin:0; border-bottom:1px solid rgba(0, 181, 181, 0.3);}
.recommendations_section p {color:#007A96; margin:0 0 10px 0; padding:0; font-family:"Torque Web Book", sans-serif; font-weight:400; font-size:19px; line-height:27px;}
.recommendations_section p strong {font-family:"Torque Web Bold", sans-serif;  font-weight:400;color: #0D5380;}

.recommendations_section p:last-child {margin-bottom:0;}

.recommendations_section .prelist {color:#007A96; margin:0; padding:0; font-family:"Torque Web Book", sans-serif; font-weight:400; font-size:19px; line-height:27px;}

.recommendations_download {padding:16px 0;}
.recommendations_download a {color:#007A96; text-decoration:none; display:block; position:relative;}

.recommendations_download a .recommendations_download-icon {color:#00B5B5; font-family:"Torque Web Bold", sans-serif; font-weight:400; font-size:14px; line-height:27px; display:block; padding:0 0 0 16px; position:relative; width:56px; float:left;}
.recommendations_download a:hover .recommendations_download-icon {color:#007A96;}

.recommendations_download a .recommendations_download-icon:before {content:" "; display:block; width:10px; height:16px; overflow:hidden; position:absolute; left:0; top:2px; background:url("../images/download_arrow-sprite.png") 0 0 no-repeat; background-size:10px 32px;}
.recommendations_download a:hover .recommendations_download-icon:before {background-position:0 -16px;}

.recommendations_download a .recommendations_download-text {color:#007A96; text-decoration:none; font-family:"Torque Web Medium", sans-serif; font-weight:400; font-size:19px; line-height:24px; display:block; width: calc(100% - 56px); float:left;}
.recommendations_download a:hover .recommendations_download-text {color:#160C5A;}

.recommendations_section ul {list-style: disc; margin: 0 0 0 10px; padding: 0 0 11px 0; font-size: 19px;line-height: 27px;}
.recommendations_section ul li {list-style: none; margin: 0; padding: 0 -5px 0 0; color: #007A96; font-family:"Torque Web Book", sans-serif;}
.recommendations_section ul li strong {font-family:"Torque Web Bold", sans-serif; font-weight:400;color: #0D5380;}
.recommendations_section ul li:before {
  content: "•";
  padding-right: 7px;
  color: #0D5380;
  margin-left: -12px;
  font-size: 19px;  
}   

.principles_women .recommendations_section ul {padding: 0;}

/* Recommendations Right */
#recommendations_right {background:#0d5380; margin:20px 0 50px 0; padding:0 0 30px 0; position:relative;}
#recommendations_right h3 {margin:0; padding:0; color:#88DEE3; font-family:"Torque Web Bold", sans-serif; font-weight:400; font-size:14px; position:absolute; left:40px; top:35px;}

#recommendations_slideshow {padding:0 0 30px 0;}

.recommendations_slide {padding:80px 35px 0 35px;}
.recommendations_slide-icons {position:absolute; text-align:right; top:20px; right:20px;}
.recommendations_slide-icons span {margin-left:6px;}
#recommendations_slideshow .recommendations_slide-icons span img {display:inline-block !important;}
.recommendations_slide-text {}
.recommendations_slide-text p {font-family:'PFDINTextStd-Regular', sans-serif; font-size:18px; line-height:24px; color:#E1F9FA; margin:0 0 10px 0; padding:0;}
.recommendations_slide-text p a {color:#E1F9FA; text-decoration:underline;}
.recommendations_slide-text p a:hover {color:#E1F9FA; text-decoration:underline;}

#recommendations_slideshow .slick-dots li {width:10px; height:10px;}
#recommendations_slideshow .slick-dots li button {width:10px; height:10px; padding:0px;}
#recommendations_slideshow .slick-dots li button:before {line-height:10px;
    position:absolute;
    top:0;
    left:0;
    width:10px;
    height:10px;
    content:'';
    opacity:1;
    background:#00B5B5;
    border-radius:5px;
}
#recommendations_slideshow .slick-dots li.slick-active button:before {background:#fff;}


/* Principles nav */
#principles_nav {border-top:1px solid #00B5B5;}

#principles_nav-back {padding:30px 5px 30px 35px;}
#principles_nav-back a {display:block; height:50px; position:relative; color:#007A96; text-decoration:none; width:100%;}
#principles_nav-back a .fa-chevron-left {display:block; color:#007A96; position:absolute; left:0; top:50%; transform: translateY(-50%); font-weight:700; font-size:18px;
transition: left .3s ease-in-out;
-webkit-transition: left .3s ease-in-out;
}
#principles_nav-back a:hover .fa-chevron-left {left:-10px;}
#principles_nav-back a strong {display:block; color:#007A96; font-family:"Torque Web Book", sans-serif; font-weight:400; font-size:50px; line-height:50px; width:60px; float:left; padding-left:20px;}
#principles_nav-back a span {display:block; color:#007A96; font-family:"Torque Web Bold", sans-serif; font-weight:400; font-size:20px; line-height:23px; width: calc(100% - 60px); float:left;}
#principles_nav-back a:hover span {color:#160C5A;}

#principles_nav-next {padding:30px 35px 30px 5px; border-top:1px solid #00B5B5;}
.principles_fairly #principles_nav-next {border-top:none;}
#principles_nav-next a {display:block; height:50px; position:relative; color:#007A96; text-decoration:none; width:100%;}
#principles_nav-next a .fa-chevron-right {display:block; color:#007A96; position:absolute; right:0; top:50%; transform: translateY(-50%); font-weight:700; font-size:18px;
transition: right .3s ease-in-out;
-webkit-transition: right .3s ease-in-out;
}
#principles_nav-next a:hover .fa-chevron-right {right:-10px;}
#principles_nav-next a strong {display:block; color:#007A96; font-family:"Torque Web Book", sans-serif; font-weight:400; font-size:50px; line-height:50px; width:60px; float:left; padding-right:20px;}
#principles_nav-next a span {display:block; color:#007A96; font-family:"Torque Web Bold", sans-serif; font-weight:400; font-size:20px; line-height:23px; width: calc(100% - 60px); float:left; text-align:right; padding-right:15px;}
#principles_nav-next a:hover span {color:#160C5A;}


#recommendations_back {max-width:980px; margin:0 auto; font-family:"Torque Web Medium", sans-serif; font-weight:400; font-size:19px; line-height: 25px; padding:15px 20px 50px 20px;}
#recommendations_back a {color:#00B5B5; text-decoration:none; display:inline-block; position:relative;}
#recommendations_back a .fa-chevron-left {display:block; position:absolute; top:4px; left:-20px; font-size:16px;
transition: left .3s ease-in-out;
-webkit-transition: left .3s ease-in-out;
}
#recommendations_back a:hover {color:#007A96; text-decoration:none;}
#recommendations_back a:hover .fa-chevron-left {left:-25px; color:#000;}


/* Media Queries */
@media only screen and (min-width: 370px) {

}

@media only screen and (min-width: 480px) {

}

@media only screen and (min-width:545px) {


    


}

@media only screen and (min-width: 720px) {

/* Principles Banner */
#principles_banner {padding:0;}
#principles_banner-bg {padding:0; width:100%; height:450px; float:right; overflow:hidden;}
/*#principles_banner-bg:before {
    content: ' ';
    position: fixed;
    width:800px;
    height:450px;
    padding-top:0;
    top:0;
    right:0;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100% auto;
    will-change:transform;
    z-index: -1;
}*/
/*
.principles_fairly #principles_banner-bg:before {background-image:url("../images/header_fairly-desktop.jpg");}
.principles_ensure #principles_banner-bg:before {background-image:url("../images/header_ensure-desktop.jpg");}
.principles_women #principles_banner-bg:before {background-image:url("../images/header_women-desktop.jpg");}
.principles_safeguard #principles_banner-bg:before {background-image:url("../images/header_safeguard-desktop.jpg");}
.principles_design #principles_banner-bg:before {background-image:url("../images/header_design-desktop.jpg");}
.principles_transparent #principles_banner-bg:before {background-image:url("../images/header_transparent-desktop.jpg");}
.principles_choice #principles_banner-bg:before {background-image:url("../images/header_choice-desktop.jpg");}
.principles_recourse #principles_banner-bg:before {background-image:url("../images/header_recourse-desktop.jpg");}
.principles_champion #principles_banner-bg:before {background-image:url("../images/header_champion-desktop.jpg");}*/


#principles_banner-video {
    padding:0;
    position: fixed;
    width:800px;
    height:450px;
    padding-top:0;
    top:0;
    right:0;
    will-change:transform;
    z-index: -1;
}

#principles_banner-vid {width:100%; height:auto; right:0; left:auto; transform:translateX(0);}

}

@media only screen and (min-width: 960px) {

}

@media only screen and (min-width: 1024px) {

#rdpg {}

#principles_banner-vid {}


/* Principles Header */
#principles_header {}
#principles_header-text {padding:15px 50px 0 0; left:10px; top:-84px; position:absolute;}
#principles_header-text strong {display:inline-block; width:100px; text-align:center;vertical-align: top;}
#principles_header-text h2 {display:inline-block;font-size: 50px;padding: 28px 0 0 0;}
#principles_header-tweet {right:auto; left:30px; top:100px;}


/* Principles Intro */
#intro_text {padding:82px 0 157px 0; max-width:660px; margin:0 0 0 110px;}

.principles_ensure #intro_text {padding:159px 0 139px 0; max-width:660px; margin:0 0 0 110px;}
.principles_transparent #intro_text {padding:159px 0 139px 0; max-width:660px; margin:0 0 0 110px;}
.principles_choice #intro_text {padding:159px 0 139px 0; max-width:660px; margin:0 0 0 110px;}

/* Principles Recommendations */
#recommendations_header {left:10px;top: -31px;}

#recommendations_holder {padding:0 0 93px 0;}
.recommendations_section {}

/* Recommendations Left */
#recommendations_left {float:left; width:calc(100% - 342px); padding:0 60px 0 110px;}

/* Recommendations Right */
#recommendations_right {margin:39px 0 0 0; float:left; width:342px;}


/* Principles nav */
#principles_nav {margin:0 10px; padding:0 0 13px 0;}

#principles_nav-back {padding:35px 0; width:50%; max-width:400px; float:left;}
#principles_nav-next {padding:35px 0; width:50%; max-width:400px; float:right; border-top:none;}


}

@media only screen and (min-width: 1080px) {

}

@media only screen and (min-width: 1240px) {

}

@media only screen and (min-width: 1366px) {

#principles_header-tweet {left:-70px; top:27px;}

#principles_header-tweet a {text-decoration:none; color:rgba(255, 255, 255, 0.3);}
#principles_header-tweet a:hover {text-decoration:none; color:#fff !important;}

.principles_recourse #principles_header-tweet a {text-decoration:none; color:rgba(239, 179, 107, 0.5);}
    
#recommendations_header {left:-90px;top: -31px;}
    
#recommendations_left {float:left; width:calc(100% - 442px); padding:0 60px 0 10px;}



}

@media only screen and (min-width: 1900px) {  
 
}