@font-face {
	font-family: 'NexaRustScriptH4';
	src: url('../fonts/NexaRustScriptH4.otf') format('opentype');
}
@font-face{
    font-family:'NexaRustScriptB-S4';
    src: url('../fonts/Fontfabric - NexaRustScriptB-Shadow4.otf') format('opentype');
}
@font-face {
    font-family: 'Nexa-Bold';
    src: url('../fonts/Fontfabric - Nexa-Bold.otf') format('opentype');
}
@font-face {
	font-family: 'NexaHeavy';
	src: url('../fonts/Fontfabric - Nexa-Heavy.otf') format('opentype');
}
@font-face {
    font-family: 'NexaHeavyNew';
    src: url('../fonts/Fontfabric - Nexa-Heavy-RE.otf') format('opentype');
}
@font-face {
    font-family: 'NexaRustScriptB-2';
    src: url('../fonts/NexaRustScriptB-2.otf') format('opentype');
}
@font-face {
    font-family: 'NexaRustScriptB-1';
    src: url('../fonts/NexaRustScriptB-1.otf') format('opentype');
}
@font-face {
    font-family: 'Nexa-Black';
    src: url('../fonts/Fontfabric - Nexa-Black.otf') format('opentype');
}

@font-face {
	font-family: 'Nexa-Light';
	src: url('/include/fonts/353F3A_0_0.eot');
	src: url('/include/fonts/353F3A_0_0.eot?#iefix') format('embedded-opentype')
	     ,url('/include/fonts/353F3A_0_0.woff2') format('woff2')
		 ,url('/include/fonts/353F3A_0_0.woff') format('woff')
		 ,url('/include/fonts/353F3A_0_0.ttf') format('truetype');
}
@font-face {
	font-family: 'Nexa-Regular';
	src: url('/include/fonts/353F3A_1_0.eot');
	src: url('/include/fonts/353F3A_1_0.eot?#iefix') format('embedded-opentype')
	     ,url('/include/fonts/353F3A_1_0.woff2') format('woff2')
		 ,url('/include/fonts/353F3A_1_0.woff') format('woff')
		 ,url('/include/fonts/353F3A_1_0.ttf') format('truetype');
}
@font-face {
	font-family: 'Nexa-XBold';
	src: url('/include/fonts/353F3A_2_0.eot');
	src: url('/include/fonts/353F3A_2_0.eot?#iefix') format('embedded-opentype')
	     ,url('/include/fonts/353F3A_2_0.woff2') format('woff2')
		 ,url('/include/fonts/353F3A_2_0.woff') format('woff')
		 ,url('/include/fonts/353F3A_2_0.ttf') format('truetype');
} 

@font-face {
	font-family: 'NexaRustSans-Black3';
	src: url('/include/fonts/3552F0_0_0.eot');
	src: url('/include/fonts/3552F0_0_0.eot?#iefix') format('embedded-opentype')
	     ,url('/include/fonts/3552F0_0_0.woff2') format('woff2')
		 ,url('/include/fonts/3552F0_0_0.woff') format('woff')
		 ,url('/include/fonts/3552F0_0_0.ttf') format('truetype');
}
 
@font-face {
	font-family: 'NexaRustSans-BlackShadow3';
	src: url('webfonts/3552F0_1_0.eot');
	src: url('webfonts/3552F0_1_0.eot?#iefix') format('embedded-opentype')
	     ,url('webfonts/3552F0_1_0.woff2') format('woff2')
		 ,url('webfonts/3552F0_1_0.woff') format('woff')
		 ,url('webfonts/3552F0_1_0.ttf') format('truetype');
}

#bookademo .thank{font-family:Nexa-Regular; font-size:45px; color:#99ca3d;}
#bookademo .regularText{font-family:Nexa-Regular; font-size:30px;}

.introText {
    text-align:center;
    color:#000000;
    font-size:25px;
}

#bookademo .hero {
    background: url(../whyEtech/Banner-header.jpg);
    height: 700px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#bookademo .hero .bannerText h3{font-family:Nexa-Bold}
#bookademo .emailForm p{font-family:Nexa-Bold;color:#333333;text-align:left;padding-bottom:10px;font-size:14px;}
#bookademo .emailForm input{border-radius:0;height:40px;}
#bookademo .emailForm .areaofInterest{clear:both;}
#bookademo .emailForm .areaofInterest .buttons .btnGroup{display:block;margin-left:-15px;}
#bookademo .emailForm .areaofInterest .buttons input{display: block;width: 20px;border: none;height:16px;float:left}
#bookademo .emailForm .areaofInterest .buttons p{font-family:Nexa-Regular;}
#bookademo .emailForm .areaofInterest .buttons .btnGroup1 p{float:left;}
#bookademo .emailForm .areaofInterest .buttons .btnGroup2 p{float:left;}
#bookademo .emailForm .areaofInterest .buttons .btnGroup3 p{float:left;}
#bookademo .emailForm .areaofInterest .buttons .btnGroup4{clear:left;}
#bookademo .emailForm .areaofInterest .buttons .btnGroup4 p{float:left;}
#bookademo .emailForm .areaofInterest .buttons .btnGroup5 input{margin-left:17px;}
#bookademo .emailForm .areaofInterest .buttons .btnGroup5 p{float:left;}
#bookademo .emailForm .areaofInterest .buttons .btnGroup6 p{float:left;}
#bookademo .emailForm .message{padding-top:25px;}
#bookademo .emailForm .message h3{font-family:Nexa-Bold; font-size:12px;text-align:center;width: auto; color:#58585b;}
#bookademo .emailForm .message a{color:#58585b;text-decoration:underline;}
#bookademo .emailForm .success{font-size:20px;font-family:Nexa-XBold;color:#005cb8;text-align:center;padding-bottom:30px;}
#bookademo .emailForm .error{font-size:14px;font-family:Nexa-XBold;color:#cf2b2f;text-align:center;}
#bookademo .emailForm #subscribe{font-size:14px;font-family:Nexa-XBold;color:#cf2b2f;text-align:center;}
#bookademo .prefer{padding-top:20px; padding-bottom:30px;}
#bookademo .prefer h2{text-align:center;font-size:20px;font-family:Nexa-Bold;color:#333333;margin-left:auto;margin-right:auto;display:block;line-height:1.3;}
#bookademo .prefer .desktop .padding{padding-top:20px;}
#bookademo .prefer .desktop h2{margin-top:0 !important; margin-bottom:0 !important;}
.demoForm input, .demoForm textarea {
    font-size: 16px;
}
#bookademo .emailForm{background-color:#e6e6e6;}

.demoForm textarea {
    min-height:125px;
}
.form-group span {
    font-weight:bold;
}
.submitButton {
    top: 391px;
    left: 541px;
    width: 149px;
    height: 42px !important;
    background: var(--unnamed-color-fedc00) 0% 0% no-repeat padding-box;
    border: 2px solid var(--unnamed-color-fedc00);
    background: #1C345E 0% 0% no-repeat padding-box; /*border: 2px solid #FEDC00*/
    border-radius: 28px !important;
    opacity: 1;
    color: var(--unnamed-color-333333);
    text-align: center;
    font-family: Nexa-Bold;
    letter-spacing: 0px;
    color: #FFF;
    opacity: 1;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    display: block;
 
}
.submitButton:hover{background-color:#58585b; color:#fff; text-decoration:underline;}

 @media only screen and (min-width:200px) and (max-width:640px)
{
       #bookademo h1{font-size:35px;}
    #bookademo .hero .bannerText h1{font-size:27px;width:auto;text-align:left;color:#fff;font-family:NexaHeavy;position:relative;top:50px; left:10px;z-index:10;padding-left:5px;}
    #bookademo .hero .bannerText h3{font-size:16px;text-align:left;color:#fff;position:relative;top:45px; left:10px;z-index:10;line-height:1.3;padding-right:20px;padding-left:5px;}
      #bookademo .emailForm p{font-size:14px;}
    #bookademo .emailForm .firstName{display:block;width:100%;padding-left:20px;padding-right:20px;}
  #bookademo .emailForm .lastName{display:block;width:100%;padding-left:20px;padding-right:20px;}
  #bookademo .emailForm .institution{display:block;width:100%;padding-left:20px;padding-right:20px;}
  #bookademo .emailForm .jobTitle{display:block;width:100%;padding-left:20px;padding-right:20px;}
  #bookademo .emailForm .workEmail{display:block;width:100%;padding-left:20px;padding-right:20px;}
   #bookademo .emailForm .phoneNum{display:block;width:100%;padding-left:20px;padding-right:20px;}
   #bookademo .emailForm .state{display:block;width:100%;padding-left:20px;padding-right:20px;}

   #bookademo .emailForm .areaofInterest{clear:both;padding-left:20px;padding-right:20px;}
#bookademo .emailForm .areaofInterest .buttons .btnGroup{display:block;margin-left:0 !important;}
#bookademo .emailForm .areaofInterest .buttons input{display: block;width: 20px;border: none;height:16px;float:left; margin-top:1px !important;}
#bookademo .emailForm .areaofInterest .buttons p{padding-left:25px;font-family:Nexa-Regular;}
#bookademo .emailForm .areaofInterest .buttons  .btnGroup1 p{float:unset;}
#bookademo .emailForm .areaofInterest .buttons  .btnGroup2 p{float:unset;}
#bookademo .emailForm .areaofInterest .buttons  .btnGroup3 p{float:unset;}
#bookademo .emailForm .areaofInterest .buttons  .btnGroup4{clear:unset;}
#bookademo .emailForm .areaofInterest .buttons  .btnGroup4 p{float:unset;}
#bookademo .emailForm .areaofInterest .buttons  .btnGroup5 input{margin-left:0 !important;}
#bookademo .emailForm .areaofInterest .buttons  .btnGroup5 p{float:unset;}
#bookademo .emailForm .areaofInterest .buttons  .btnGroup6 p{float:unset;}

#bookademo .emailForm .message{padding-top:5px;padding-left:20px;padding-right:20px;}
#bookademo .emailForm .message h3{font-family:Nexa-Bold; font-size:12px;text-align:center;width: auto; color:#58585b;}
#bookademo .emailForm .message a{color:#58585b;text-decoration:underline;}
#bookademo .prefer .desktop{display:none;}
#bookademo .prefer .mobile{display:block;margin-top: 0 !important;}
#bookademo .prefer{padding-top:20px; padding-bottom:30px;}
#bookademo .prefer h2{text-align:center;font-size:16px;font-family:Nexa-Bold;color:#333333;margin-left:auto;margin-right:auto;display:block;}

}   

@media(min-width:320px)
{
   #bookademo .hero {width:auto;background: url(https://simages.ecampus.com/images/ecampuscmsnew/contact/mobile/e-icon-background-360.png);height: 250px;background-repeat: no-repeat;background-position: center;margin-top:75px;}
    .bookademoHeader{
    padding-top:40px;
   }
    #bookademo .hero .bannerText h3{width:280px;}
    #bookademo .mobile{margin-top:-40px;}
    .introText {
        padding-left: 18px;
        text-align: left;
        color: #000000;
        font-size: 20px;
    }
    #bookademo h1{font-size:25px;padding-left:30px;}
    .demoForm .g-recaptcha{margin-left:6%;margin-right:auto;display:block;}
}
@media(min-width:400px)
{
    .demoForm .g-recaptcha{margin-left:8%;margin-right:auto;display:block;}
    #bookademo .hero .bannerText h3{width:290px;}
}
@media(min-width:420px)
{
    .demoForm .g-recaptcha{margin-left:10%;margin-right:auto;display:block;}
}
@media(min-width:460px)
{
    .demoForm .g-recaptcha{margin-left:13%;margin-right:auto;display:block;}
}
@media(min-width:500px)
{
    #bookademo .hero {width:auto;background: url(https://simages.ecampus.com/images/ecampuscmsnew/contact/tablet/e-icon-background-768.png);height: 400px;background-repeat: no-repeat;background-position: center;margin-top:10px;background-color:#e6e6e6;}
    .bookademoHeader {
        padding-top: 50px;
    }
    .introText {
        padding-left: 0px;
        text-align: left;
        color: #000000;
        font-size: 22px;
    }
    #bookademo h1{font-size:35px;}
    #bookademo .hero .bannerText h1{font-size:35px;width:400px;text-align:left;color:#fff;font-family:NexaHeavy;position:relative;top:130px; left:20px;z-index:10;padding-left:0;}
    #bookademo .hero .bannerText h3{font-size:22px;width:355px;text-align:left;color:#fff;position:relative;top:135px; left:20px;z-index:10;line-height:1.3;}
    #bookademo .introText{font-size:18px;}
    #bookademo .mobile{margin-top:0;}
    
    .demoForm .g-recaptcha{margin-left:18%;margin-right:auto;display:block;}
  
}
@media(min-width:550px)
{
    .demoForm .g-recaptcha{margin-left:22%;margin-right:auto;display:block;}
}
@media only screen and (min-width:600px) and (max-width:660px)
{
    
}
@media only screen and (min-width:600px) and (max-width:700px)
{

    #bookademo .emailForm .areaofInterest .buttons .btnGroup2 p{padding-right:45px;}
    #bookademo .emailForm .areaofInterest .buttons .btnGroup5 p{padding-right:19px;}
}

@media(min-width:620px)
{
    .demoForm .g-recaptcha{margin-left:25%;margin-right:auto;display:block;}
    #bookademo .prefer .desktop{display:block;}
    #bookademo .prefer .mobile{display:none;}
    #bookademo .emailForm .areaofInterest .buttons{margin-left:13px;}
    #bookademo .emailForm .areaofInterest .buttons p{padding-left:5px;padding-right:8px;}
    
}
@media(min-width:680px)
{
    .demoForm .g-recaptcha{margin-left:28%;margin-right:auto;display:block;}
    #bookademo .emailForm .areaofInterest .buttons p{padding-right:20px;}
}
@media(min-width:700px)
{
    #bookademo .emailForm .areaofInterest .buttons p{padding-right:40px;}
}
@media only screen and (min-width:680px) and (max-width:700px)
{

    #bookademo .emailForm .areaofInterest .buttons .btnGroup2 p{padding-right:46px;}
}
@media only screen and (min-width:700px) and (max-width:767px)
{

    #bookademo .emailForm .areaofInterest .buttons .btnGroup5 p{padding-right:13px;}
}
@media(min-width:768px)
{
    #bookademo .hero {width:auto;background: url(https://simages.ecampus.com/images/ecampuscmsnew/contact/tablet/e-icon-background_tablet.svg);height: 325px;background-repeat: no-repeat;background-position: center;background-size:cover;margin-top:90px;}
    #bookademo .hero .bannerText h1{font-size:40px;width:400px;text-align:left;color:#fff;font-family:NexaHeavy;position:relative;top:60px; left:20px;z-index:10;}
    #bookademo .hero .bannerText h3{font-size:20px;width:473px;text-align:left;color:#fff;position:relative;top:75px; left:20px;z-index:10;line-height:1.3;}
    #bookademo h1{font-size:35px;padding-left:0px;}
    #bookademo .introText{font-size:18px;}
      #bookademo .emailForm .firstName{float:left;display:block;width:45.66667%;}
  #bookademo .emailForm .lastName{float:right;display:block;width:45.66667%;}
  #bookademo .emailForm .institution{clear:both;display:block;width:100%;}
  #bookademo .emailForm .jobTitle{float:left;display:block;width:45.66667%;}
  #bookademo .emailForm .workEmail{float:right;display:block;width:45.66667%;}
   #bookademo .emailForm .phoneNum{float:left;display:block;width:45.66667%;}
   #bookademo .emailForm .state{float:right;display:block;width:45.66667%;}
   #bookademo .emailForm .areaofInterest .buttons .btnGroup5 p{padding-right:19px;}
   
   #bookademo .emailForm .areaofInterest .buttons p{padding-right:45px;padding-bottom:5px;padding-left:5px;padding-top:2px;}
}
@media only screen and (min-width:768px) and (max-width:991px)
{
    #bookademo .prefer h2{width:530px;}
}

@media(min-width:992px)
{
    #bookademo .hero {width:auto;background: url(https://simages.ecampus.com/images/ecampuscmsnew/contact/desktop/e-icon-background_desktop.svg);height: 400px;background-repeat: no-repeat;background-position: center;background-size:cover;margin-top:90px;}
    .bookademoHeader{
    padding-top:50px;
}
    #bookademo .hero .bannerText h1{font-size:40px;width:400px;text-align:left;color:#fff;font-family:NexaHeavy;position:relative;top:95px; left:100px;z-index:10;}
    #bookademo .hero .bannerText h3{font-size:20px;width:473px;text-align:left;color:#fff;position:relative;top:105px; left:100px;z-index:10;line-height:1.3;}
    #bookademo h1{font-size:35px;padding-left:0px;}
    #bookademo .introText{font-size:18px;}
    #bookademo .prefer .desktop .padding{padding-top:20px;}
    #bookademo .prefer .desktop .bottomPadding{padding-bottom:20px;}
    
    #bookademo .emailForm .areaofInterest .buttons p{padding-right:27px;padding-left:5px;}
}
@media only screen and (min-width:992px) and (max-width:1199px)
{
    #bookademo .emailForm .areaofInterest .buttons .btnGroup2 p{padding-right:29px;}
    #bookademo .emailForm .areaofInterest .buttons .btnGroup5 p{padding-right:3px;}
}
@media only  screen and (min-width:1024px) and (max-width:1199px)
{
    #bookademo .emailForm .container{width:1000px;}
}
@media(min-width:1200px)
{
    #bookademo .emailForm .areaofInterest .buttons .btnGroup2 p{padding-right:70px;}
    #bookademo .emailForm .areaofInterest .buttons .btnGroup5 p{padding-right:45px;}
    #bookademo .hero {width:auto;background: url(https://simages.ecampus.com/images/ecampuscmsnew/contact/desktop/e-icon-background_desktop.svg);height: 370px;background-repeat: no-repeat;background-position: center;background-size:cover;margin-top:90px;}
    .bookademoHeader{
    padding-top:50px;
}
  /*  #bookademo .hero .bannerText h1{}
    #bookademo .hero .bannerText h3{}*/
  .demoForm .g-recaptcha{margin-left:30%;margin-right:auto;display:block;}
  #bookademo .emailForm .firstName{float:left;display:block;width:45.66667%;}
  #bookademo .emailForm .lastName{float:right;display:block;width:45.66667%;}
  #bookademo .emailForm .institution{clear:both;display:block;width:100%;}
  #bookademo .emailForm .jobTitle{float:left;display:block;width:45.66667%;}
  #bookademo .emailForm .workEmail{float:right;display:block;width:45.66667%;}
   #bookademo .emailForm .phoneNum{float:left;display:block;width:45.66667%;}
   #bookademo .emailForm .state{float:right;display:block;width:45.66667%;}
   #bookademo .emailForm .areaofInterest .buttons{margin-left:13px;}
   #bookademo .emailForm .areaofInterest .buttons p{padding-right:70px;padding-left:5px;}
   #bookademo .emailForm .areaofInterest .buttons .btnGroup5 p{padding-right:44px;}
}
@media(min-width:1400px)
{
    #bookademo .hero {width:auto;background: url(https://simages.ecampus.com/images/ecampuscmsnew/contact/desktop/e-icon-background_desktop.svg);height: 420px;background-repeat: no-repeat;background-position: center;background-size:cover;}

}

@media(min-width:1600px)
{
    #bookademo .hero {width:auto;background: url(https://simages.ecampus.com/images/ecampuscmsnew/contact/desktop/e-icon-background_desktop.svg);height: 440px;background-repeat: no-repeat;background-position: center;background-size:cover;}

}
@media(min-width:1900px)
{
    #bookademo .hero {width:auto;background: url(https://simages.ecampus.com/images/ecampuscmsnew/contact/desktop/e-icon-background_desktop.svg);height: 500px;background-repeat: no-repeat;background-position: center;margin-top:90px;background-size:cover;}

}