@font-face {
  font-family: 'Myriad';
  src: url('../fonts/myriad.eot'); /* IE9 Compat Modes */
  src: url('../fonts/myriad.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/myriad.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/myriad.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/myriad.svg#svgmyriad') format('svg'); /* Legacy iOS */
 font-style: normal;
}

@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('../fonts/MyriadPro-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/MyriadPro-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/MyriadPro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/MyriadPro-Regular.svg#svgMyriadPro-Regular') format('svg'); /* Legacy iOS */
 font-style: normal;
}

 .mt-n1{margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: 20%; width: -webkit-fill-available;}
.gridcontenr{position: absolute;
    top: 5%;
    
    margin-left: auto;
    margin-right: auto;
   width: 100%;
    display: grid;
    grid-template-columns: 7fr 3fr;
    grid-column-gap: 1em;
    justify-items: center;
    align-items: center;
    justify-content: center;
    align-content: center;}







.custom-card{margin-top: 7.5rem;}
.custom-card h3{font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    text-align: left;
    color: #353781;}
  .sublb { font-family: 'Roboto Condensed', sans-serif;
    color: #000000;
    font-weight: 600;
    font-size: 26px;
    margin: 0;
    padding: 0;
    vertical-align: sub;
}  

.custom-btn:hover{color: #ffffff;}

 .custom-btn  {color: #ffffff;
    text-transform: uppercase;
    border: 2px solid #982C2A;
    background: #AE2320;
    border-style: solid;
    font-weight: 400;
    padding: 3px 3px 3px 3px!important;
    border-radius: 7px !important;
    text-decoration: none !important;
    font-size: 25px;
    vertical-align: middle;} 
.custom-card .col-form-label  {max-width: 100px;
    font-weight: 600; font-family: 'Roboto Condensed', sans-serif;
    color: #262C2C;
    min-width: 100px;}
	
.firstform .col-form-label{min-width: 117px;}
	
	
	
 .custom-card .form-control {min-width: 250px; border: 2px solid #C5C6C8;}
 
 .nmb-5{margin-bottom: -4rem;}
 
.nmb-6{margin-top: -3rem;}
 
 
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  
	.gridcontenr{ }  
	  
	  
 .custom-card {
    
}

.nmb-5 {
    margin-bottom: 0rem !important;
    margin-left: -25px !important;
}

.ffd {
  margin-top: -5rem !important;
    margin-left: 10% !important;
}


.nmb-4 {
    margin-bottom: 1rem !important;
    text-align: right !important;
    margin-left: 0px !important;
}


.seq .seq-nav {
    top: 440px !important;
}
.seq .seq-canvas, .seq .seq-canvas > * {
    top: 300px !important;
    
}

#step_6 {
    left: 64% !important;
    margin-top: 26% !important;
}

 }
 
 @media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  
.gridcontenr{ display: inline-grid;}	  
	  
	.custom-card {
   
}

.ffd {
  margin-top: -5rem;
    margin-left: 15.5%;
}

.seq .seq-nav {
    top:480px;
}


.seq .seq-canvas, .seq .seq-canvas > * {
    top: 225px;
    left: 58%;
}
#step_6 {
    left: 57% !important;
   
    
}

}
 
 

 
 
 
 
 
 
 @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  
	  .gridcontenr{}
	  
.custom-card{margin-top: 3rem;}
.nmb-5 {
    margin-bottom: 4rem; margin-left: -57px;
}

.reg h3{font-size: 18px; margin-bottom: 5px !important;}

.reg p {font-size: 18px; margin-bottom: 11px !important;}

.reg .nmb-5 {
    margin-bottom: 5rem;
    margin-left: -25px;
}

.seq .seq-nav {
 
    top: 315px;
  
}

#step_6 {
 left: 63% !important;
    margin-top: 33% !important;
}
.seq .seq-canvas, .seq .seq-canvas > * {
    top: 165px;
    left: 65%;
   
}
.seq .seq-feature {
    width: 200px;
}

.nmb-6 {
    margin-top: -3rem;
}


#custdocname .docname {
margin-top: 9.4rem !important;
}

#codename .codename {
margin-top: 3.5rem !important;
margin-left: 14.5rem !important;
}

.ngdd{
    padding: 0px 3px 3px 3px!important; font-size: 21px;}

#testname .test {
margin-top: 2.3rem !important;
}



#custbtnname {
  
  
}

.nmb-4 {
    margin-bottom: 4rem;
    text-align: left; margin-left: -10px;
}

.ffd{margin-top: -3.8rem;
    margin-left: 10%;} 

}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	.gridcontenr {
    
}  
	  
	.custom-card {
    
}  
.ffd{margin-top: -5rem;
    margin-left: 10.3%;} 	  
	  
.nmb-5 {
    margin-bottom: 0rem;
    text-align: left; 
}

.nmb-4 {
    margin-bottom: 4rem; margin-left: 0px;
    text-align: left;
}

.seq .seq-canvas, .seq .seq-canvas > * {
    top: 190px;
   left: 65%;
}
.seq .seq-nav {
    top: 450px;
  
}
#step_6 {
    margin-top: 36% !important;
	left: 63% !important;
}

.certimg{max-height: initial !important;}

#custdocname .docname {
margin-top: 13.1rem !important;
}

#testname .test {
  margin-top: 4.3rem !important;
    font-size: 23px !important;
}
#codename .codename {
    margin-left: 17.7rem !important;
    margin-top: 5.6rem !important;
}
.ngdd {
    padding: 0px 3px 3px 3px!important;
    font-size: 21px;
}

#custbtnname {

  
}

}




 @media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1){
	  
	  #custdocname .docname {
    margin-top: 13rem !important;
}
	  
#testname .test {
    margin-top: 4rem !important;
}

#codename .codename {
    margin-top: 5.5rem !important;
    margin-left: 17rem !important;
}	  
	  
  }








@media (max-width: 767.98px) { 
.seq .seq-pagination img{width:80px;}
.seq .seq-nav {top: 569px;}
.seq .seq-canvas > * {top: 185px;}  
.seq .seq-feature {width: 250px;}
.seq .seq-canvas > * {
    left: 0;
    right: 0;
}

#step_6 {
    left: 65% !important;
    margin-top: 85% !important;
}

.nmb-6 {
    margin-top: -2rem;
    margin-left: 3rem;
}

#custdocname .docname {
  margin-top: -41.0% !important;
    font-size: 17px !important;
    margin-left: -38%;
    font-weight: 500;
}

#codename .codename {
 margin-top: -20.5% !important;
    font-size: 9px !important;
    margin-left: 22%;
    font-weight: 500;
}
#testname .testname {
  margin-top: -41.0% !important;
    font-size: 17px !important;
    margin-left: -38%;
    font-weight: 500;
}

#custbtnname {
   margin-top: -15.5% !important;
}
#custbtnname .custom-btn{padding: 0px 3px 1px 3px!important;
  
    
    font-size: 12px;}



}

#step_6{left: 47%; display:none; margin-top: 26%;}


.cermendiv{position: absolute;
    top: 0;
    max-height: 625px;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
    text-align: center;}



#custdocname .docname{
   font-size: 25px;
    position: relative;
    margin-top: 13rem;
	
	}
	
#testname .test{font-size: 25px;
    position: relative;
    margin-top: 4rem;}	
#codename .codename{font-size: 25px;
    position: relative;
    margin-top: 5.6rem;
    margin-left: 17rem;} 	

#custbtnname {position: relative;
    margin-top: 2.7rem;
    }
	
#custbtnname .ngdd {
    padding: 0px 3px 3px 3px!important;
    font-size: 21px;
}	
    
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
      
	  
	 
	  
	  
	  
      #custdocname .docname {
    
}

#testname .test {
  
}
#codename .codename {
    margin-top: 5.5rem;
}

#custbtnname {
  top: 50%;
}

}   

@media screen 
  and (min-device-width: 1367px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
 
  .gridcontenr{ }
  
  .ffd {
    margin-top: -8rem;
    margin-left: 31%;
}
  
  
         #custdocname .docname {
font-size: 25px;
    top: 22.4%;
    left: 30.6%;
}


#custbtnname {
        top: 53%;
    left: 23.5%;
}

       #codename .codename {
     top: 42.0%;
}

#testname .test {
font-size: 25px;
    top: 30.4%;
    left: 29.6%;
}


.seq .seq-nav {

    top: 640px;
  
}

.seq .seq-canvas, .seq .seq-canvas > * {
    top: 360px;
  
}
      
}