/*@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.css'); /* CALLS MAIN TEMPLATE CSS */
@import url('/resources/child-themes/ecpiHEALTH-2_childtheme/css/childtheme-main.css'); /* CALLS THEME CSS */

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

h3 {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

/* OPEN MESSAGE CSS */
.top-desktop {max-width: 70%;}

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

.content-text {font-family: 'Roboto', sans-serif;font-style: normal;font-weight: 400;font-size: 18px;color: #333;line-height: 30px;width: 970px;margin-left: 80px;}

.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%;}

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

.heroStatement {display:none;}

.videoHolder-gif {margin-top: 85px; 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: 335px; font-weight: 300 !important;}

.showRoom .heroStatement h1 {font-family: 'Roboto', sans-serif;
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    text-transform: none;
    line-height: 68px;
    color: #FFFFFF;
    width: 100%;
    padding: 5px 20px 5px 20px;
    position: absolute;
    left: 1px;
    top: 170px;}

.subtext {font-family: 'Roboto', sans-serif;
    font-size: 31px;
    font-style: normal;
    font-weight: 700;
    line-height: 0px;
    text-transform: none;
    width: 100%;
    color: #FFFFFF;
    position: absolute; 
    padding: 5px 20px 5px 20px;  
    left: 1px;
    top: 145px;}

.subtext-2 {font-family: 'Roboto', sans-serif;
    font-weight: 900;
    letter-spacing: 3px;
    font-size: 22px;
    color: rgb(246, 168, 0);
    padding: 5px 20px 5px 20px;
    position: absolute;
    left: 1px;
    top: 310px;}

.formSubHeader2 {display: none;}

.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;}

h3.subheader {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 100;
    font-size: 22px;
    text-transform: none;
}

h3.subheader-header {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 100;
    font-size: 22px;
    text-transform: none;
}

.lightBG {background-color: #f8f9fa;height: 276px;margin-left: 0px;margin-right: 0px;    border-style: none none solid none;border-width: 1px;border-color: #d1d6dc;}

.phoneCTAWrap {display: none;}

.ctaAnchor-3 {margin-top: 20px;}
.phoneNumberText-3 {font-family: Roboto;font-style: normal;color: #000000;font-size: 18px; text-decoration: none;}

a:hover, a:focus {text-decoration: none;}

.out {
    width: 0px;
    height: 100%;
    margin: 26px auto auto auto;
    position: relative;
    overflow: hidden;
    height: 150px;
    float: left;
}

.in {
    position: absolute;
    width: 100%;
    height: 85%;
    background: white;
    box-shadow: 0px 0px 30px 20px transparent;
}

.col-lg-2 {width: 33%;}

.valueProps {margin-top: 30px;}
.valueProps-iPad {display: none;}

.col-lg-2 img {width:120px !important; align-items:center; float:none; margin-left: 30%; padding-top: 25px;}

.icon-text {font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'Roboto', sans-serif;
    color: rgb(75, 75, 75);
    font-style: normal;
    font-weight: 700;
    text-align: center;
    margin-top: 25px;}

.iPad {display:none;}

.mobile {display: none;}

.leftcontent {text-align: center;}

.program-name {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 100;
    font-size: 36px;
    text-transform: none;
}

.program-name-2 {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 100;
    font-size: 22px;
    text-transform: none;
}

.learn-more {display: block;
    border-style: solid;
    border-radius: 20px;
/*  left: 355px;
    top: 1450px;*/
    z-index: 19;
    width: 360px;
    height: 58px;
    position: absolute;
    background: #104b95;
    box-shadow: none;
    text-shadow: none;
    color: #FFFFFF;
    border-width: 0px;
    border-color: #ffffff;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    font-family: Roboto;
    font-style: normal;
    text-align: center;
    background-repeat: no-repeat;}

/* PAGE NAME */
.pageName {color: #dcdcdc;}
.pageName_div {position: relative;}
.pageName_div2 {position: absolute;bottom: 0;right: 0;color:#444444;padding-right: 10px;font-size: 12px;}
.footDisclaimers {padding-bottom:30px;}


/* FORM CSS */
.formHeader {background-color: #000000;}
.eightStep .fullWidthFieldInput, .eightStep .fullWidthField {margin-top: 0px;}
.pointer {border-color: #000000 transparent transparent transparent;border-width: 25px 25px 0 25px;margin-left: auto; margin-right:auto;}
.formSubHeader {background-color: #000000;}
#formWrapper label {font-weight: normal;text-align: left;font-weight: bold;}
#formWrapper fieldset {height: auto;min-height: unset;position: relative;margin-top: 0;}
#formWrapper .action-button {background-color: #ffc70a;color: #000000;text-transform: uppercase;border-radius: 10px !important;border: none !important;}
#formWrapper .previous {width: 30%;text-transform: uppercase;border: 1px solid #000000;height: 50px;color: #FFF !important;}
.formWrapper {background-color: rgb(255 255 255 / 88%) !important;}

.form {
  display: block;
}

@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;
  }
}


/* FORM BUTTON */
/*#formWrapper .action-button {font-size: 15px;}
#formWrapper .action-button {background-color: #f6a800;}
#formWrapper .next {width: 45%;border-radius: 10px;text-transform: none;}
#formWrapper .action-button {color: black;}*/

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

/* iPhone 6 in portrait & landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
    .videoHolder {display:none;}
    .subtext-tycop {display:none;}
    .showRoom {background-image:none; background-color:#316EAA;}
    /*Change showRoom background color for college of:
    /*#316EAA - blue for gen/tech */
    /*#B63F4C - red for health/nursing */
    
    .heroStatement {display: none;}
    .mobileImage {display: none !important;}
    .desktop-only {display:none;}
    .valueProps {display: none;}
    .mobile-only {display:block;}
    .valueProps-iPad {display: none;}
    h3.subheader {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) {
    .videoHolder {display:none;}
    .subtext-tycop {display:none;}
    .showRoom {background-image:none; background-color:#316EAA;}
    /*Change showRoom background color for college of:
    /*#316EAA - blue for gen/tech */
    /*#B63F4C - red for health/nursing */
    
    .heroStatement {display: none;}
    .mobileImage {display: none !important;}
    .desktop-only {display:none;}
    .valueProps {display: block;}
    .valueProps-iPad {display: none;}
    .mobile-only {display:block;}
    .mobileImage {display: none !important;}
    .content-text {width: 100%;margin-left: 0px;}
    header a.logoText img {width: 70%;}
    .ctaAnchor-2 {display: none;}
    .formWrapper {width: auto;margin: 30px;}
    .formSubHeader {display: none;}
    .formSubHeader2 {display: inline-block;}
    
    .ctaAnchor {margin-left: auto; margin-right:auto;}
    .phoneCTAWrap {display: block;margin-right: 15px;}
    
    .lightBG {height: auto;}
    .mobile {display: block;}
    .military-mobile {text-align: center;}
    .military-mobile img {width: 100px;padding: 10px;}
    .top-mobile {max-width: 100%;}
    
    /*.widgetWidth {float: left; width: 33%;}*/
    .pointer {display: block;margin-left: auto; margin-right: auto;}
    h3.subheader {display: none;}
}

/* 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) {
    .videoHolder {display:none;}
    .subtext-tycop {display:none;}
    .showRoom {background-image:none; background-color:#316EAA;}
    /*Change showRoom background color for college of:
    /*#316EAA - blue for gen/tech */
    /*#B63F4C - red for health/nursing */
    
    .heroStatement {display: none;}
    .mobileImage {display: none !important;}
    .desktop-only {display:none;}

    .valueProps {display: block;}
    .valueProps-iPad {display: none;}
    .mobile-only {display:block;}
    .mobileImage {display: none !important;}
    .showSmallMobileSummary {display: block; padding: 10px 20px; text-align: center;}
    .content-text {width: 100%;margin-left: 0px;}
    header a.logoText img {width: 70%;}
    .ctaAnchor-2 {display: none;}
    .formWrapper {width: auto;margin: 30px;}
    .formSubHeader {display: none;}
    .formSubHeader2 {display: inline-block;}
    
    .ctaAnchor {margin-left: auto; margin-right: auto;}
    .phoneCTAWrap {display: block; margin-right: 15px;}
    
    .lightBG {height: auto;}
    .mobile {display: block;}
    .military-mobile {text-align: center;}
    .military-mobile img {width: 100px;padding: 10px;}
    /*.widgetWidth {float: left; width: 33%;}*/
    
    .pointer {display: block;margin-left: auto; margin-right: auto;}
    h3.subheader {display: none;}
}



/* 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) {
      .formWrapper {width: 370px;}
}

/* Landscape */
@media screen 
  and (device-width: 412px) 
  and (device-height: 823px) 
  and (-webkit-device-pixel-ratio: 3.5) 
  and (orientation: landscape) {
  .showRoom {background-position: 50% 100%;}
  .content-text {width: 730px;}
}

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

}

/* iPhone 5 & 5S in portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
    .videoHolder {display:none;}
    .subtext-tycop {display:none;}
    .showRoom {background-image:none; background-color:#316EAA;}
    /*Change showRoom background color for college of:
    /*#316EAA - blue for gen/tech */
    /*#B63F4C - red for health/nursing */
    
    .heroStatement {display: none;}
    .mobileImage {display: none !important;}
    .desktop-only {display:none;}
    .valueProps {display: none;}
    .valueProps-iPad {display: none;}
    .mobile-only {display:block;}
    .mobileImage {display: none !important;}
    .content-text {width: 100%;margin-left: 0px;}
    header a.logoText img {width: 72%;}
    .ctaAnchor-2 {display: none;}
    .formWrapper {width: auto;margin: 20px;}
    .formHeader {font-size: 29px;}
    .formSubHeader {display: none;}
    .formSubHeader2 {display: inline-block;}
    
    .ctaAnchor {margin-left: auto; margin-right: auto; width: 100%;}
    .phoneCTAWrap {display: block; margin-right: 15px;}
    .ctaAnchor a button {padding: 20px 0px 20px 0px;}
    .lightBG {height: auto;}
    .mobile {display: block;}
    .military-mobile {text-align: center;}
    .military-mobile img {width: 80px;padding: 10px;}
    /*.widgetWidth {float: left; width: 32%;}*/
    
    .icon-text {font-size: 14px;margin-top: 0px;}
    .pointer {display: block;margin-left:auto; margin-right: auto;}
    h3.subheader {display: none;}

    .ctaAnchor-3 {display: none;}

}

/* 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) {
    .videoHolder {display:none;}
    .subtext-tycop {display:none;}
    .showRoom {background-image:none; background-color:#316EAA;}
    /*Change showRoom background color for college of:
    /*#316EAA - blue for gen/tech */
    /*#B63F4C - red for health/nursing */
    
    .heroStatement {display: none;}
    .mobileImage {display: none !important;}
    .desktop-only {display:none;}
    .valueProps {display: none;}
    .valueProps-iPad {display: none;}
    .mobile-only {display:block;}
    .mobileImage {display: none !important;}
    .showSmallMobileSummary {display: block; padding: 10px 20px; text-align: center;}
    
    .content-text {width: 100%;margin-left: 0px;}
    header a.logoText img {width: 70%;}
    .ctaAnchor-2 {display: none;}
    .formWrapper {width: auto;margin: 30px;}
    .formSubHeader {display: none;}
    .formSubHeader2 {display: inline-block;}
    
    .ctaAnchor {margin-left: 130px;}
    .phoneCTAWrap {display: block; margin-right: 15px;}

    .lightBG {height: auto;}
    .mobile {display: block;}
    .military-mobile {text-align: center;}
    .military-mobile img {width: 100px;padding: 10px;}
    /*.widgetWidth {float: left; width: 33%;}*/
    
    .pointer {display: block;margin-left: 130px;}
    h3.subheader {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; background-color:#316EAA;}
    /*Change showRoom background color for college of:
    /*#316EAA - blue for gen/tech */
    /*#B63F4C - red for health/nursing */
    
    .heroStatement {display: none;}
    .mobileImage {display: none !important;}
    .content-text {width: 100%;}
    header a.logoText img {width: 70%;}
    .ctaAnchor-2 {display: none;}
    .formWrapper {width: auto;margin: 30px;}
    .formSubHeader {display: none;}
    .formSubHeader2 {display: inline-block;}
    
    .ctaAnchor {margin-left: auto; margin-right: auto;}
    .phoneCTAWrap {display: block; margin-right: 15px;}
    
    .valueProps {display: none;}
    .valueProps-iPad {display: none;}
    .lightBG {height: auto;}
    .mobile {display: block;}
    .military-mobile {text-align: center;}
    .icon-text {font-size: 14px;margin-top: 0px;margin-left: 15px;}
    .military-mobile img {width: 80px;padding: 10px;margin-top: 15px;margin-bottom: 15px;}
    /*.widgetWidth {float: left; width: 33%;}*/
    
    .pointer {display: block;margin-left: auto; margin-right: auto;}
    h3.subheader {display: none;}
    
}

/* 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 {background-position: 20% 100%;} */
    .showRoom {background-image: none;border-bottom: #3333331a solid 1px;}
    .showRoom .heroStatement h1 {font-size: 53px;bottom: 210px;width: 130%;line-height:53px;padding: 16px 20px 10px 10px;left: 10px;top: 120px;}
    .arrow-ipad {margin-top: 140px !important;}
    .bg-color{height: 180px; width: 95%;}
    .default-subheader {font-size: 9.5px; width: 98%; bottom: -75px; left: 10px;}
    
    .top-tablet {max-width: 100%;}
    
    .subtext {font-size: 20px;width:130%;top: 120px;}  
    .subtext-2 {left:0px; width:130%;font-size: 17px;top: 240px;}
    .content-text {width: 100%;margin-left:0px;}

    header {box-shadow: 0 1px 0 rgb(0 0 0 / 50%);}
    header a.logoText img {width: 60%;}
    .formHeader {padding: 40px 20px 0 20px;font-size: 28px;}
    
    .formSubHeader {font-size: 14px;margin-top: -28px;margin-left: 75px;}
    
    .ctaAnchor-2 {background-color: #104BA0;border: none;border-radius: 8px;width: 139px;height: 38px;margin-top: 15px;margin-left: -82px;}
    
    .ctaAnchor-2 a button {font-family: 'Roboto', sans-serif;padding: 20px 20px 20px 20px;width: 100%;text-transform: none;font-size: 15px;font-weight: 500;background-color: transparent !important;border: none;color: #ffffff;margin-top: -11px;}

    .ctaAnchor-3 {margin-top: 10px;margin-left: -120px;}
    
    .valueProps {display: none;}
    .lightBG {display: none;}
    .valueProps-iPad {display: block;}
    .lightBG-iPad {background-color: #f8f9fa;height: 180px;margin-left: 0px;margin-right: 0px;    border-style: none none solid none;border-width: 1px;border-color: #d1d6dc;}
    
    .iPad {display: block;height: 160px;}
    .military-iPad {text-align: center;margin-top: 15px;}
    .military-iPad img {width: 100px;padding: 10px;}
    .widgetWidth {float: left; width: 33%;}
    .icon-text {font-size: 14px;margin-top: 0px;margin-left: 15px;}

    /* .formWrapper {width: 275px;margin-left: 82px;min-height: 440px;} */
    .formWrapper {width: 275px;margin-left: 82px;min-height: 440px;
      box-shadow: 5px 0 10px -4px rgb(20 20 20 / 80%), -5px 0 8px -4px rgb(20 20 20 / 80%);}
    .pointer {display: none;}
    #formWrapper .next {height: 35px;}
    #formWrapper fieldset {min-height: 180px;}
    .financial-aid p {font-size: 10.2px;}

    .videoHolder-gif {margin-top: 85px;width: 90%;}
    .subtext-tycop {top: 250px;font-weight: 300 !important; width: 87%; border-top: solid #ff5f00 3px;padding-top: 30px;}
}

/* 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 portrait */ 
@media only screen
and (min-device-width:1024px)
and (max-device-width:1366px) 
and (orientation : portrait) { 
    header {    border-bottom: 1px solid rgb(224 223 223 / 50%);}
    .showRoom {background-position: 20% 100%;border-bottom: #3333331a solid 1px;}
    .heroStatement {height: 425px;}
    .arrow-ipadpro {margin-top: 135px !important;}
    .showRoom .heroStatement h1 {font-size: 75px; line-height: 70px; width: 130%; padding: 16px 20px 10px 10px; left:10px;bottom: 300px;}
    .top-ipadpro {max-width: 100%;}
    .subtext-2 {top: 310px;}
    .subtext {font-size: 28.5px;}
    .bg-color {height:210px; width: 90%;}
    .default-subheader {width: 95%;bottom: 20px; left:30px;}
    
    #formWrapper {min-height: 425px;}
    .formWrapper {margin-left: 140px;}
    
    .ctaAnchor-2 {margin-left: -60px;}

    .ctaAnchor-3 {margin-left: -100px;}

    .lightBG {display: block;}
    .valueProps {display: block;}
    .mobile {display: none;}
    .valueProps-iPad {display: none;}
    .videoHolder-gif {margin-top: 50px;width: 100%;}
    .subtext-tycop {top: 274px;font-weight: 300 !important;border-top: solid #ff5f00 3px;padding-top: 30px;}
    .ctaAnchor-2 {background-color: #104BA0;border: none;border-radius: 8px;width: 139px;height: 38px;margin-top: 15px;margin-left: -82px;}
    
    .ctaAnchor-2 a button {font-family: 'Roboto', sans-serif;padding: 20px 20px 20px 20px;width: 100%;text-transform: none;font-size: 15px;font-weight: 500;background-color: transparent !important;border: none;color: #ffffff;margin-top: -11px;}


}

/* 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: 10px;width: 90%;}
    .subtext-tycop {top: 365px;font-weight: 300 !important;border-top: solid #ff5f00 3px;padding-top: 30px;}
    
    .ctaAnchor-2 {background-color: #104BA0;border: none;border-radius: 8px;width: 139px;height: 38px;margin-top: 15px;margin-left: -82px;}
    
    .ctaAnchor-2 a button {font-family: 'Roboto', sans-serif;padding: 20px 20px 20px 20px;width: 100%;text-transform: none;font-size: 15px;font-weight: 500;background-color: transparent !important;border: none;color: #ffffff;margin-top: -11px;}
}

/* iPad in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    .showRoom {background-image: none;border-bottom: #3333331a solid 1px;}
    .lightBG {display: none;}
    .lightBG-iPad {background-color: #f8f9fa;height: 230px;margin-left: 0px;margin-right: 0px;    border-style: none none solid none;border-width: 1px;border-color: #d1d6dc;}
    .valueProps-iPad {display: block;}
    .valueProp-icon {margin-left: 85px;}
    .military-iPad {margin-top: 60px;}
    .subtext {font-size: 21px;top: 94px;}
    .showRoom .heroStatement h1 {top: 110px;}   
    .content-text {margin-left: 0px;}
    
    .heroStatement {display: none;}
    .mobileImage {display: none !important;}
    .desktop-only {display:none;}
    .valueProps {display: none;}
    .mobile-only {display:block;}
    .videoHolder {display:block;}
    .videoHolder-gif {margin-top: 10px;width: 90%;}
    .subtext-tycop {top: 265px; font-weight: 300 !important;border-top: solid #ff5f00 3px;padding-top: 30px;}
    .formWrapper {width: 320px;margin-left: 30px;min-height: 440px;
    box-shadow: 5px 0 10px -4px rgb(20 20 20 / 80%), -5px 0 8px -4px rgb(20 20 20 / 80%);}
    
    .ctaAnchor-2 {background-color: #104BA0;border: none;border-radius: 8px;width: 139px;height: 38px;margin-top: 15px;margin-left: -130px;}
    
    .ctaAnchor-2 a button {font-family: 'Roboto', sans-serif;padding: 20px 20px 20px 20px;width: 100%;text-transform: none;font-size: 15px;font-weight: 500;background-color: transparent !important;border: none;color: #ffffff;margin-top: -11px;}

    .ctaAnchor-3 {margin-left: -150px;}
    .phoneNumberText-3 {font-size: 16px;}
}

/* iPhone X and Xs Max in landscape*/
@media only screen 
and (min-device-width: 375px) 
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) { 
  .showRoom {background-image: none;}
  header {box-shadow: 0 1px 0 rgb(0 0 0 / 50%);}
  header a.logoText img {width: 70%;}
  .formWrapper {width: 320px;margin-left: 30px;min-height: 440px;
    box-shadow: 5px 0 10px -4px rgb(20 20 20 / 80%), -5px 0 8px -4px rgb(20 20 20 / 80%);}

    .ctaAnchor-2 {width: 125px;height: 60px;margin-top: 0px;margin-left: -120px;}
    .ctaAnchor-2 a button {font-size:13px;margin-top: 0px;}

    .ctaAnchor-3 {margin-top: 10px;margin-left: -130px;}
    .phoneNumberText-3 {font-size: 13px;}

    .videoHolder-gif {margin-top: 15px;width: 85%;}
    .subtext-tycop {top: 225px;font-size: 18px;border-top: solid #ff5f00 3px;}
    .content-text {margin-left: 0px;width: 720px;}
    .valueProp-icon {margin-left: 45px;}

}

/* 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) {
      .formSubHeader {margin-left: 80px;}
}

/* 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 .heroStatement h1 {left: 160px;}*/
    .showRoom {background-position: 45% 100%;}
    .arrow-main {margin-top: 145px;}
    .default-subheader {left: 155px;}
    .valueProps-iPad {display: none !important;}
      
    .videoHolder-gif {margin-top: 80px;width: 75%;}
    .subtext-tycop {top: 305px;font-weight: 300 !important;border-top: none;padding-top: 30px;}
}

/* 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 .heroStatement h1 {left: 160px;}
    .showRoom {background-position: 45% 100%;}
    .arrow-main {margin-top: 145px;}
    .default-subheader {left: 155px;}
    .valueProps-iPad {display: none !important;}*/
      
    .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: 50px;width: 75%;}
    .subtext-tycop {top: 305px;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) {

}

