/*@import url('/FORMMODR/css/style.css');*/ /* CALLS FORM CSS */
@import url('/resources/library/jqueryUI/accordionJQ/css/jquery.accordion.css'); /* CALLS ACCORDION CSS */
@import url('/resources/css/main-2.css'); /* CALLS MAIN TEMPLATE CSS */
@import url('/resources/child-themes/ecpiHEALTHGEN-2_childtheme/css/childtheme-main.css'); /* CALLS THEME CSS */

/* CUSTOM STYLES ------------------------------------------------------------*/

/*.showRoom { background-image: url('../img/mainbackground.jpg'); background-position: 30% 100%; }*/
/*.mobileImage { background-image: url('../img/mainbackground.jpg'); background-position: 13% 20%;}*/
.testimonial {width: 100%;}

.arrow-main { width: 30%; margin-top: 175px; padding-bottom: 10px; color: #000; float: right; position: inherit;}

.bg-color {background-color: rgba(19, 97, 171, 0.78);height: 200px;width: 65%;}

.default-subheader {font-family: "PTSans","Open Sans","Arial","Helvetica Neue","Helvetica",sans-serif;font-size: 16px;padding: 0px 10px 10px 25px;color: #FFF;width: 70%;position: absolute;bottom: -135px;left: 234px;}

/*.heroStatement {position: relative;height: 330px;}*/
.heroStatement {display:none;}

.showRoom .heroStatement h1 {font-size: 50px;left: 190px;bottom:200px;line-height: 85%;}

.subtext { font-family: "Khand","Open Sans","Arial","Helvetica Neue","Helvetica",sans-serif; font-size: 20px; position: absolute; text-transform: uppercase; width: 78%; padding: 5px 20px 5px 20px; color: #FFFFFF; left: 191px; top: 110px;
}

.showRoom {background-image: url('/resources/img/tycop/mainbackground-nurs.png');  background-position: 45% 100%;}
.videoHolder-gif {margin-top: 120px; width: 75%;}
.subtext-tycop {font-family: "Rubik","Open Sans","Arial","Helvetica Neue","Helvetica",sans-serif; font-size: 24px; position: absolute; text-transform: none; width: 78%; padding: 5px 20px 5px 20px; color: #333; left: 0px; top: 392px; font-weight: 300 !important;}

.widgetWidth {
  height: auto;
  text-align: center;
}

.valuePropImg {
  width:50%;
}

.contentBlock .valueProps h3 span.header {
  float: left;
  width: 100%;
  font-size: 20px;
  text-align: center;
  padding-bottom: 10px;
}

.contentBlock .valueProps p {
  font-family: "Rubik","Open Sans","Arial","Helvetica Neue","Helvetica",sans-serif;
}


.ctaAnchor h2 {
  margin: 0 0 5px 0;
  font-weight: bold;
  color: #FFFFFF;
}

.form {
  display: block;
}
.tycop {
  margin: 20% 10% 0% 0%;
  text-align: left;
  font-size: 350%;
  font-weight: bold;
}

@keyframes shake {
  0%, 100% {transform: translateX(0);}
  20%, 60% {transform: translateX(-10px);}
  40%, 80% {transform: translateX(10px);}
}

@media (prefers-reduced-motion: no-preference) {
  .form-animation {
    animation: shake 0.5s;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .form-animation2 {
    animation: shake 0.5s 1 ease;
  }
}


/* // RESPONSIVE STYLES ------------------------------------------------------// */

/* iPhone 5 & 5S in portrait & landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
    
}

/* iPhone 5 & 5S in landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {

}

/* iPhone 5 & 5S in portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
    /* .showRoom {background-image:none;}
    .heroStatement {display: none;}
    .mobileImage {display: none !important;} */

    .showRoom {background-image:none;}
    .heroStatement {display: none;}
    .mobileImage {display: none !important;}
    .desktop-only {display:none;}
    .valueProps {display: block;}
    .mobile-only {display:block;}
    .videoHolder {display:none;}
    .subtext-tycop {display:none;}

    .widgetWidth {
      height: auto;
    }
    
    .contentBlock .valueProps h3 span.header {
      float: left;
      width: 100%;
      font-size: 20px;
    }
}


/* iPhone 6 in portrait & landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
/* .showRoom {background-image:none;}
    .heroStatement {display: none;}
    .mobileImage {display: none !important;} */

    .showRoom {background-image:none;}
    .showSmallMobileSummary {display: block;}
    .heroStatement {display: none;}
    .mobileImage {display: none !important;}
    .desktop-only {display:none;}
    .valueProps {display: block;}
    .mobile-only {display:block;}
    .videoHolder {display:none;}
    .subtext-tycop {display:none;}
}

/* iPhone 6 in landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {

}

/* iPhone 6 in portrait */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
/* .showRoom {background-image:none;}
    .heroStatement {display: none;}
    .mobileImage {display: none !important;} */

    .showRoom {background-image:none;}
    .heroStatement {display: none;}
    .mobileImage {display: none !important;}
    .desktop-only {display:none;}
    .valueProps {display: block;}
    .mobile-only {display:block;}
    .videoHolder {display:none;}
    .subtext-tycop {display:none;}

    .widgetWidth {
      height: auto;
    }
    
    .contentBlock .valueProps h3 span.header {
      float: left;
      width: 100%;
      font-size: 20px;
      text-align: center;
    }
}

/* Google Pixel 2 & 2 XL */
/* Portrait */
@media screen 
  and (device-width: 412px) 
  and (device-height: 823px) 
  and (-webkit-device-pixel-ratio: 3.5) 
  and (orientation: portrait) {
      
}

/* Landscape */
@media screen 
  and (device-width: 412px) 
  and (device-height: 823px) 
  and (-webkit-device-pixel-ratio: 3.5) 
  and (orientation: landscape) {
 
}

/* Portrait and Landscape */
@media screen 
  and (device-width: 412px) 
  and (device-height: 823px) 
  and (-webkit-device-pixel-ratio: 3.5) 
  and (orientation: landscape) {

}

/* iPhone 6 Plus in portrait & landscape */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {
  
}

/* iPhone 6 Plus in landscape */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) {
/* .showRoom {background-image:none;}
    .heroStatement {display: none;}
    .mobileImage {display: none !important;} */

    .showRoom {background-image:none;}
    .showSmallMobileSummary {display: block;}
    .heroStatement {display: none;}
    .mobileImage {display: none !important;}
    .desktop-only {display:none;}
    .valueProps {display: block;}
    .mobile-only {display:block;}
    .videoHolder {display:none;}
    .subtext-tycop {display:none;}
}

/* iPhone 6 Plus in portrait */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) {
    /* .showRoom {background-image:none;}
    .heroStatement {display: none;}
    .mobileImage {display: none !important;} */

    .showRoom {background-image:none;}
    .heroStatement {display: none;}
    .mobileImage {display: none !important;}
    .desktop-only {display:none;}
    .valueProps {display: block;}
    .mobile-only {display:block;}
    .videoHolder {display:none;}
    .subtext-tycop {display:none;}

    .widgetWidth {
      height: auto;
    }

    .contentBlock .valueProps h3 span.header {
      float: left;
      width: 100%;
      font-size: 20px;
    }
}

/* iPhone X and Xs Max */
@media only screen 
and (min-device-width: 375px) 
and (min-device-height: 812px) 
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) { 

}

/* iPhone X and Xs Max */
@media only screen 
and (min-device-width: 375px) 
and (min-device-height: 812px) 
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) { 

}

/* iPhone XR */
@media only screen 
    and (min-device-width: 414px) 
    and (min-device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) 
    and (orientation: portrait) { 

}

/* 
  iPhone 2G, 3G, 4, 4S Media Queries
  It's noteworthy that these media queries are also the same for iPod Touch generations 1-4.
*/

/* iPhone 2G-4S in portrait & landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  
}

/* iPhone 2G-4S in landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) {
  
}

/* iPhone 2G-4S in portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {
  
}

/* iPad in portrait & landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
  
}

/* iPad in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    /* .showRoom .heroStatement h1 {font-size: 37px;bottom: 160px;left: 5px;width:100%;padding: 16px 20px 10px 10px;}
    .arrow-ipad {margin-top: 220px !important;}
    .bg-color{height: 180px;width: 95%;}
    .default-subheader {font-size: 11px;width: 100%;bottom: -120px;left: 5px;} */

    .showRoom {background-image:none;}
    .showRoom .heroStatement h1 {font-size: 36px;bottom: 235px;width: 100%;line-height: 33px;padding: 16px 20px 10px 10px;left: 30px;}
    .subtext {font-size: 18px;width: 100%;padding: 5px 20px 5px 10px;left: 30px;top: 75px;}
    .arrow-ipad {margin-top: 140px !important;}
    .bg-color{height: 180px;width: 95%;}
    .default-subheader {font-size: 9.5px;width: 98%;bottom: -65px;left: 10px;}
    .desktop-only {display:none;}
    .valueProps {display: block;}
    .mobile-only {display:block;}
    .videoHolder-gif {margin-top: 120px;width: 90%;}
    .subtext-tycop {top: 272px;font-weight: 300 !important;border-top: solid #ffc70a 3px;padding-top: 30px;}
    .widgetWidth {height:110px;}

    .widgetWidth {
      height: auto;
      width: 50%;
      float: left; 
      text-align: center;
    }
    
    .contentBlock .valueProps h3 span.header {
      float: none;
      width: 40%;
      font-size: 19px;
    }
}

/* Kindle Fire HD & HDX portrait */ 
@media only screen and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-device-pixel-ratio: 1.5) {

}

/* iPad Pro landscape */ 
@media only screen
and (min-device-width:1024px)
and (max-device-width:1366px) 
and (orientation : landscape) { 
    .showRoom {background-image: url('/resources/img/tycop/mainbackground-nurs.jpg'); background-position: 40% 100%; }
    .heroStatement {display: none;}
    .mobileImage {display: none !important;}
    .desktop-only {display:none;}
    .valueProps {display: block;}
    .mobile-only {display:block;}
    .videoHolder {display:block;}
    .videoHolder-gif {margin-top: 90px;width: 90%;}
    .subtext-tycop {top: 365px !important;font-weight: 300 !important;border-top: solid #ffc70a 3px;padding-top: 30px;}

    .widgetWidth {
      height: auto;
      width: 50%;
      float: left;

    }
    
    .contentBlock .valueProps h3 span.header {
      float: none;
      width: 50%;
      font-size: 22px;
    }
}

/* iPad Pro portrait */ 
@media only screen
and (min-device-width:1024px)
and (max-device-width:1366px) 
and (orientation : portrait) { 
    /* .heroStatement {height: 425px;}
    .arrow-ipadpro {margin-top: 175px !important;}
    .showRoom .heroStatement h1 {font-size: 42px;bottom: 270px;left:50px;width: 95%;padding: 16px 20px 10px 10px;}
    .bg-color {height:210px;width: 90%;}
    .default-subheader {font-size:13px;width: 95%;left:50px;} */

    .showRoom {background-image:none;}
    .heroStatement {height: 425px;}
    .arrow-ipadpro {margin-top: 135px !important;}
    .showRoom .heroStatement h1 {font-size: 48px;line-height: 43px;width: 95%;padding: 16px 20px 10px 10px;left:50px;bottom: 330px;}
    .subtext {width: 100%;left: 50px;top: 75px;}
    .bg-color {height:210px;width: 90%;}
    .default-subheader {width: 95%;bottom: -40px;left:30px;}
    .desktop-only {display:block;}
    .valueProps {display: block;}
    .mobile-only {display:none;}
    .videoHolder-gif {margin-top: 90px;width: 90%;}
    .subtext-tycop {top: 275px;font-weight: 300 !important;border-top: solid #ffc70a 3px;padding-top: 30px;}

    .widgetWidth {
      height: auto;
      width: 50%;
      float: left; 
      text-align: center;
    }
    
    .contentBlock .valueProps h3 span.header {
      float: none;
      width: 40%;
      font-size: 24px;
    }
}



/* iPad in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    .showRoom {background-image:none;}
    .heroStatement {display: none;}
    .mobileImage {display: none !important;}
    .desktop-only {display:none;}
    .valueProps {display: block;}
    .mobile-only {display:block;}
    .videoHolder {display:block;}
    .videoHolder-gif {margin-top: 10px;width: 90%;}
    .subtext-tycop {top: 275px !important;font-weight: 300 !important;border-top: solid #ffc70a 3px;padding-top: 30px;}
    .widgetWidth {height:auto;}

    .widgetWidth {
      height: auto;
      width: 50%;
      float:left;

    }
    
    .contentBlock .valueProps h3 span.header {
      float: none;
      width: 50%;
      font-size: 20px;
    }
}

/* iPhone X and Xs Max in landscape*/
@media only screen 
and (min-device-width: 375px) 
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) { 

}

/* Galaxy S3 portrait and landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {

}

/* Galaxy S3 portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {

}

/* Galaxy S3 landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {

}

/* Galaxy S4 portrait and landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Galaxy S4 portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Galaxy S4 landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* Galaxy S5 portrait and landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Galaxy S5 portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
      
}

/* Galaxy S5 landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* HTC One portrait and landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* HTC One portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* HTC One landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/*
  iPad 3 & 4 Media Queries
  If you're looking to target only 3rd and 4th generation Retina iPads 
  (or tablets with similar resolution) to add @2x graphics,
  or other features for the tablet's Retina display, use the following media queries.
*/

/* Retina iPad in portrait & landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
  
}

/* Retina iPad in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
  
}

/* Retina iPad in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
  
}

/*
  iPad 1 & 2 Media Queries
  If you're looking to supply different graphics or choose different typography 
  for the lower resolution iPad display, the media queries below will work 
  like a charm in your responsive design!
*/

/* iPad 1 & 2 in portrait & landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1) {
  
}

/* iPad 1 & 2 in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1) {
  
}

/* iPad 1 & 2 in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1) {
  
}

/* iPad mini in portrait & landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
  
}

/* iPad mini in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* iPad mini in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1) {
  
}

/* Galaxy Tab 10.1 portrait and landscape */
@media
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {

}

/* Galaxy Tab 10.1 portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 

}

/* Galaxy Tab 10.1 landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 

}

/* Asus Nexus 7 portrait and landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) {

}

/* Asus Nexus 7 portrait */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: portrait) {

}

/* Asus Nexus 7 landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: landscape) {

}

/* Kindle Fire HD 7" portrait and landscape */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Kindle Fire HD 7" portrait */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: portrait) {
    
}

/* Kindle Fire HD 7" landscape */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: landscape) {

}

/* Kindle Fire HD 8.9" portrait and landscape */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Kindle Fire HD 8.9" portrait */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: portrait) {
    
}

/* Kindle Fire HD 8.9" landscape */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: landscape) {

}

/* Laptops non-retina screens */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .showRoom {background-image: url('/resources/img/tycop/mainbackground-nurs.jpg'); background-position: 40% 100%; }
    .videoHolder {display:block;}
    .videoHolder-gif {margin-top: 90px;width: 75%;}
    .subtext-tycop {top: 355px;border-top: none;}
}

/* Laptops retina screens & iPad Pro in landscape*/
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) {
    .showRoom {background-image: url('/resources/img/tycop/mainbackground-nurs.jpg'); background-position: 40% 100%; }
    .heroStatement {display: none;}
    .mobileImage {display: none !important;}
    .desktop-only {display:none;}
    .valueProps {display: block;}
    .mobile-only {display:block;}
    .videoHolder {display:block;margin-left: -20px;}
    .videoHolder-gif {margin-top: 75px;width: 85%;}
    .subtext-tycop {top: 380px;font-weight: 300 !important;border-top: none;}
    /* .subtext-tycop {top: 375px;} */
}

/* Apple Watch */
@media
  (max-device-width: 42mm)
  and (min-device-width: 38mm) { 

}

/* Moto 360 Watch */
@media 
  (max-device-width: 218px)
  and (max-device-height: 281px) { 

}

@media (min-width: 1200px) {

}
@media only screen and (max-width: 1024px) {
  .tycop {
    margin: 15% 0% 0% 0%;
    text-align: center;
    padding: 5%;
    font-size: 350%;
}
}
@media only screen and (max-width: 769px) {
  .tycop {
    text-align: center;
    padding: 2% 2%;
  }
}

@media only screen and (max-width: 501px) {
  .tycop {
    display: none;
  }
}