.list-select, .list-trans-select{ margin-bottom: 50px }
.list-select form label, .list-trans-select form label{ display: block; text-align: left; margin-bottom: 7px  }
.list-select form select, .list-trans-select form select{ width: 100% }

/* Tick, Cross, Arrow */

a.tick, a.cross, a.arrow{ display: block; position: relative; width: 50px; height: 50px; z-index: 20 }

/* Tick */

/* Cross */

a.cross:before,a.cross:after{ display: block; content: ''; width: 30px; height: 2px; position: absolute; top: 50%; left: 50%; margin-left: -14px; background-color: #000; pointer-events: none }
a.cross:before{ transform: rotate(45deg) }
a.cross:after{ transform: rotate(-45deg) }

/* Arrow */
a.arrow:before, a.arrow.lined:after{ content: ''; display: block; position: absolute; pointer-events: none }
a.arrow:before{ width: 30px; height: 30px; top: 50%; border: solid #000 0px; margin-top: -15px; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
a.arrow.lined:after{ width: 39px; height: 1px; top: 50%; background-color: #000 }
a.prev.arrow:before, a.left.arrow:before{ left: 6px; border-width: 0 0 3px 3px }
a.prev.arrow.lined:after{ left: 6px }
a.next.arrow:before, a.right.arrow:before{ right: 6px; border-width: 3px 3px 0 0 }
a.next.arrow.lined:after{ right: 6px }
a.arrow.labeled{ display: inline-block; line-height: 50px; width: auto }
a.arrow.labeled.left{ padding-left: 62px } a.arrow.labeled.right{ padding-right: 62px }
a.arrow.labeled.left:before, a.arrow.lined.labeled.left:after{ left: 6px }
a.arrow.labeled.right:before, a.arrow.lined.labeled.right:after{ right: 6px }


/* Dr-Link */

.drlink-icon, a.drlink-icon{ display: inline-block; position: relative; height: 44px; padding-top: 10px; padding-left: 50px; font-size: 18px; text-decoration: none; outline: 0; background-image: url( "../../../images/exeicons/53x74/BLANK.png" ); background-repeat: no-repeat; background-size: auto 44px; font-weight: 700px }
.drlink-icon:after{ display: block; content: ''; width: 14px; height: 14px; position: absolute; right: -20px; top: 50%; margin-top: -5px; -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); border: solid #575757 0; border-top-width: 1px; border-right-width: 1px }
.drlink-icon.drlink-pdf,a.drlink-icon.drlink-pdf{ background-image: url( "../../../images/exeicons/53x74/PDF.png" ) }
.drlink-icon.drlink-doc,a.drlink-icon.drlink-doc{ background-image: url( "../../../images/exeicons/53x74/DOC.png" ) }
.drlink-icon.drlink-docx, a.drlink-icon.drlink-docx{ background-image: url( "../../../images/exeicons/53x74/DOCX.png" ) }


/* Loader */

@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.loader{
 display: block;
 border: 8px solid #FFF;
 border-top: 8px solid #000;
 -webkit-border-radius: 50%; border-radius: 50%;
 width: 40px;
 height: 40px;
 animation: spin 800ms linear infinite;
 z-index: 1;
}
.loader.abscenter{
 position: absolute;
 top: 50%;
 left: 50%;
 margin: -20px 0 0 -20px; 
}


/* modal */

html.imodal-open .imodal-body-wrapper{ position: absolute; top: 0; left: 0; width: 100%; max-height: 100vh; overflow: hidden; pointer-events: none }
html.imodal-open .imodal-body-wrapper>.blur{ position: relative }

body>.imodal--{ position: relative; min-height: 100vh; margin-bottom: 1px; overflow: hidden; overflow-y: auto; z-index: 2000; opacity: 0; background-color: rgba( 255, 255, 255, .9 ); color: #575757; -webkit-transition: linear opacity 250ms, linear background-color 250ms; transition: linear opacity 250ms, linear background-color 250ms }
body>.imodal-->.imodal{ opacity: 0; -webkit-transition: linear opacity 250ms; transition: linear opacity 250ms }
body>.imodal--.opened, body>.imodal--.fadein>.imodal{ opacity: 1 }
body>.imodal-->a.modal-close{ display: block; width: 30px; height: 30px; position: absolute; top: 20px; right: 20px; -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ) }
body>.imodal-->a.modal-close:before, body>.imodal-->a.modal-close:after{ display: block; content: ''; position: absolute; background-color: #575757 }
body>.imodal-->a.modal-close:before{ width: 4px; height: 30px; left: 13px } body>.imodal-->a.modal-close:after{ width: 30px; height: 4px; top: 13px }
body>.imodal-- .imodal-head{ height: 60px }
body>.imodal-- .imodal-main{ padding: 30px }

.imodal-- .qif{ max-width: 727px; min-height: 100px; padding: 40px; margin-top: -60px; margin-left: auto; margin-right: auto; background-color: #e2f3f6 }
.imodal-- .qif .intro h1, .imodal-- .qif .intro h2, .imodal-- .qif .intro h3{ text-align: center }
.imodal-- .qif .intro{ padding: 0 30px 20px 30px }
.imodal-- .qif .field-groups{ max-width: 100%; margin-left: auto; margin-right: auto }
.imodal-- .qif .field-groups .field-group.sr label{ display: none }
.imodal-- .qif .form-message > span, .imodal-- .qif .field-groups .field-group.sr input{ -webkit-border-radius: 3px; border-radius: 3px }

.imodal-- .qif .vertical-labelled{ padding-left: 8px }

.imodal-- .qif .vertical-labelled input[type="radio"].styled + label{ border-color: transparent; background-color: #FFF }



.accreds--{ margin-top: 40px; padding: 40px 0; text-align: center }
.accreds-- .accreds-container{ position: relative; padding: 0 60px }
.accreds-- .clip{ overflow: hidden; margin-left: -10px; margin-right: -10px }
.accreds-- .reel{ display: flex; position: relative; left: 0  }
@media ( min-width: 992px ){
 .accreds--{ margin-top: 80px; padding: 80px 0 }
}



.accreds-- .accreditation{ -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 10px }
@media ( min-width: 576px ){
 .accreds-- .accreditation{ -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
}
@media ( min-width: 768px ){
 .accreds-- .accreditation{ -webkit-flex: 0 0 33.3333%; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333% }
}
@media ( min-width: 992px ){
 .accreds-- .accreditation{ -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
}
@media ( min-width: 1200px ){
 .accreds-- .accreditation{ -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding: 0 10px }     
}

/* Styling */
.accreds--{ background-color: #BCE0FD }
.accreds-- .accreditation span.padding, .accreds-- .accreditation a.padding, .accreds-- .accreditation span.image{ display: block }
.accreds-- .accreditation .padding{ padding: 0; background-color: #E5F2FC }
.accreds-- .accreditation .image{ height: 140px; background-size: contain; background-position: center; background-repeat: no-repeat }

@media ( min-width: 1400px ){ 
 .accreds-- .accreds-container{ padding: 0  }      
}

/* Arrows */
.accreds-- a.arrow{ position: absolute; top: 50%; margin-top: -25px }
.accreds-- a.prev.arrow{ left: 20px }
.accreds-- a.next.arrow{ right: 20px }

/* Footer */

.footer{ background-color: #44c8f5; padding: 30px 20px }
.footer, .footer a{ color: #FFF }
.footer .footer-menu a:HOVER, .footer .wys a:HOVER, .footer li.active a{ color: #025295 }

.footer-right{ font-family: Montserrat,'Open Sans',Helvetica,Arial,sans-serif }


.footer-right{
 margin-top: 50px    
}
.footer-menu li.menu-list-heading{
 font-weight: 700       
}

@media ( max-width: 767px ){  
 .footer{
  text-align: center 
 }       
}
@media ( max-width: 991px ){ 
 .footer-menu .row .menu-item+.menu-item{
  margin-top: 20px
 }
}
@media ( min-width: 992px ){
	
 .footer-menu .row .menu-item{
  -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto    
 }
 .footer-menu .row .menu-item+.menu-item{
  padding-left: 40px    
 }
 
}
@media ( min-width: 876px ){ 

 .footer-accreds iframe{
  width: 132px;
  height: 132px
 }

}

@media ( max-width: 767px ){
	
 .footer-accreds{
  margin-top: 40px	  
 }
 .footer-accreds>.row-accreds>div.accreds-cyber{
  margin-top: 20px
 }
	
}

@media ( min-width: 768px ){

 .footer-accreds>.row-accreds{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end
 }
 .footer-accreds>.row-accreds>div.accreds-logos{
  flex: 0 0 311px;
  padding: 0 20px 18px 0  
 }
 .footer-accreds>.row-accreds>div.accreds-cyber{
  flex: 0 0 100px 
 }

}

@media ( min-width: 1200px ){
	
 .footer-accreds>.row-accreds>div.accreds-logos{
  padding: 0 60px 18px 0  
 }
 
}

@media ( max-width: 1579px ){
	
 .footer-accreds{
  float: none  
 }
	
 .footer-accreds:before{
  display: table; 
  width: 100%; 
  clear: both
 }
 
}

@media ( min-width: 768px ){
	
 .footer-right{
  float: right;
  margin-top: 0; 
  text-align: right 
 }
 
}


@media ( min-width: 1580px ){
	
 .footer-menu{
  float: left
 }
 .footer-right{
  float: right;
  margin-top: 0; 
  text-align: right 
 }
 .footer-accreds{
  float: right;
  margin-top: 0; 
  padding-right: 60px;
 }

 
}


.translate .widget{ display: inline-block; position: relative }
.translate .widget>a{ display: inline-block; padding-left: 60px; padding-right: 20px; height: 50px; line-height: 50px; color: #FFF; background-color: #025295; border-radius: 5px; background-image: url( '../images/globe.svg' ); background-size: 30px 30px; background-repeat: no-repeat; background-position: 15px center }
.translate .widget .translator-context-menu{ display: none; position: absolute; min-width: 100%; right: 0; bottom: 100%; margin-bottom: 15px; padding: 5px 8px; text-align: left; background-color: #444; color: #FFF; z-index: 999 }
.translate.open .widget .translator-context-menu{ display: block }
.translate .widget .translator-context-menu:after{ content: ''; position: absolute; left: 50%; bottom: -30px; border: solid transparent; border-top-color: #444; border-width: 15px; margin-left: -15px }
.translate .widget .translator-context-menu select{ border: none }
.translate .widget .translator-context-menu .goog-te-gadget{ color: #FFF }

@media ( min-width: 768px ){ 
 .translate .widget .translator-context-menu{ min-width: 1px; bottom: 50%; right: 100%; margin-right: 10px; margin-bottom: -15px }
 .translate .widget .translator-context-menu:after{ left: auto; right: -30px; bottom: 0; border: solid transparent; border-left-color: #444; border-width: 15px  }
}

.social{ font-size: 0 } /* margin-top: 30px  with translate button */
.social li{ display: inline-block }
.social li+li{ margin-left: 20px }
.social a{ display: block; width: 50px; height: 50px; -webkit-border-radius: 25px; border-radius: 25px; border: solid #FFF 1px; background-repeat: no-repeat; background-position: center }
.social a:HOVER{ border-color: #025295 }
.social a svg #white{ fill: #FFF }
.social a:HOVER svg #white{ fill: #025295 }



.footer-right nav+.wys{ margin-top: 20px }

.Fin, .Fin a{ color: #FFF }
.Fin a{ text-decoration: underline }
.Fin{ background-color: #025295; padding: 30px 20px }
.srcreative{ padding: 20px 0; text-align: center } 

@media ( max-width: 767px ){
 .Fin{ text-align: center }           
}

@media ( min-width: 1450px ){ 
 .footer, .Fin{ padding-left: 100px; padding-right: 100px }
}

/*
.result .fetch-success{ margin-top: 25px; }
.result .fetch-success p{ display: block; float: left; margin-top: 10px;  }
.result .fetch-failed{ margin-top: 25px; }
.result .fetch-failed p{ display: block; float: left; margin-top: 10px;  }
*/

.result .fetch-loading, 
.result .fetch-success, 
.result .fetch-failed{
 padding-top: 40px
}



.result .fetch-success p{
 padding-top: 60px
}
.result .fetch-success p+p{
 padding-top: 0
}

.result .fetch-success span{
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    background: #00ab66;
    position: relative;
    border-radius: 30px;
    margin-bottom: -25px;
    margin-right: 15px;
}
.result .fetch-success span::before{
    content: " ";
    display: block;
    width: 18px;
    height: 35px;
    border: solid white;
    border-width: 0 0.2em 0.2em 0;
    position: absolute;
    left: 15px;
    top: 5px;
    margin-top: -0.2em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.result .fetch-failed span{
    display:block;
    box-sizing:border-box;
    width:50px;
    height:50px;
    float: left;
    border-width:10px;
    border-style: solid;
    border-color:red;
    border-radius:100%;
    background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 48%, white 48%,  white 54%,transparent 54%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 48%, white 48%,  white 54%,transparent 54%, transparent 100%);
    background-color:red;
    transition: all 0.3s ease;
    margin-right: 15px;
}

.result .fetch-failed span+b{
	display: block; float: left; margin-top: 12px;	
}
.result .fetch-failed p{
	display: block;
	padding-top: 80px
}

.btn.verify-button{
 cursor: pointer	
}
.btn.reset-button{
 background-color: #e2f3f6;
 color: #575757;
 margin-left: 14px;
 cursor: pointer	
}


/* Cookie Notice */

.cookie-notice{ position: fixed; left: 0; bottom: 0; width: 100%; background-color: #e6e6e6; padding: 20px; font-size: 0.875rem; opacity: 1; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; transition: opacity 300ms ease; z-index: 100 }
.cookie-notice:before, .cookie-notice:after{ display: table; content: '' }
.cookie-notice:after{ clear: both }
.cookie-message, .cookie-message a{ color: #5a5a5a }
.cookie-message{ margin-bottom: 26px }
.cookie-buttons>a{ display: inline-block; padding: 14px 0;  width: 160px; text-align: center; text-transform: uppercase; text-decoration: none; outline: 0}
.cookie-buttons>a+a{ margin-top: 14px }
.cookie-buttons>a.cookie-accept{ background-color: #5a5a5a; color: #FFF }
.cookie-buttons>a.cookie-accept:before{ display: inline-block; content: ''; width: 7px; height: 14px; border: solid #FFF; border-width: 0 2px 2px 0; transform: rotate(45deg); margin-right: 16px }
.cookie-buttons>a.cookie-readmore{ background-color: transparent; color: #5a5a5a; border: solid #5a5a5a 1px }
.cookie-buttons>a.cookie-accept:HOVER{ background-color: #000 }
.cookie-buttons>a.cookie-readmore:HOVER{ background-color: #FFF }
@media only screen and ( min-width: 992px ){
 .cookie-notice{ padding: 20px 62px }
 .cookie-message{ float: left; margin-bottom: 0 }
 .cookie-buttons{ float: right }
}
@media only screen and ( min-width: 767px ){
 .cookie-buttons>a{ width: 134px }    
}
@media only screen and ( min-width: 380px ){
 .cookie-buttons>a+a{ margin-left: 14px; margin-top: 0 }
}

























/* Cookie Notice */

.cookie-notice{ position: fixed; left: 0; bottom: 0; width: 100%; background-color: #e6e6e6; padding: 20px; font-size: 0.875rem; opacity: 1; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; transition: opacity 300ms ease; z-index: 100 }
.cookie-notice:before, .cookie-notice:after{ display: table; content: '' }
.cookie-notice:after{ clear: both }
.cookie-message, .cookie-message a{ color: #5a5a5a }
.cookie-message{ margin-bottom: 26px }
.cookie-buttons>a{ display: inline-block; padding: 14px 0;  width: 160px; text-align: center; text-transform: uppercase; text-decoration: none; outline: 0}
.cookie-buttons>a+a{ margin-top: 14px }
.cookie-buttons>a.cookie-accept{ background-color: #5a5a5a; color: #FFF }
.cookie-buttons>a.cookie-accept:before{ display: inline-block; content: ''; width: 7px; height: 14px; border: solid #FFF; border-width: 0 2px 2px 0; transform: rotate(45deg); margin-right: 16px }
.cookie-buttons>a.cookie-readmore{ background-color: transparent; color: #5a5a5a; border: solid #5a5a5a 1px }
.cookie-buttons>a.cookie-accept:HOVER{ background-color: #000 }
.cookie-buttons>a.cookie-readmore:HOVER{ background-color: #FFF }
@media only screen and ( min-width: 992px ){
 .cookie-notice{ padding: 20px 62px }
 .cookie-message{ float: left; margin-bottom: 0 }
 .cookie-buttons{ float: right }
}
@media only screen and ( min-width: 767px ){
 .cookie-buttons>a{ width: 134px }    
}
@media only screen and ( min-width: 380px ){
 .cookie-buttons>a+a{ margin-left: 14px; margin-top: 0 }
}

/* News Code 2021 */

/* .page-ECertificateVerification{ background-image: url(../images/ProQual-E-Certificate-Background-Web.jpg); background-repeat: no-repeat; background-position: center; } */
.page-ECertificateVerification{ background-image: url(../images/Proqual-E-Certificate-Background-3.jpg); background-repeat: no-repeat; background-size: cover; }

@media( min-width: 992px ){
  /* .page-ECertificateVerification{ background-position: 25%; background-size: contain; } */
  .page-ECertificateVerification .page-heading{ margin-top: 0px !important; padding-top: 70px; }
  .page-ECertificateVerification.Results-Page{ background-size:auto ; }
}

.page-ECertificateVerification .ExampleCert{ background-image: url(../images/ProQual-E-Certificate-Sample-Visual_new.jpg); height: 559px; width: 400px; float: right; background-size: cover; } 
.page-ECertificateVerification .ExampleCertNew{ background-image: url(../images/eCertificate--sample.jpg); height: 559px; width: 400px; float: right; background-size: cover; } 
.page-ECertificateVerification .page-panel:first-child{ margin-top: 20px; }
.page-ECertificateVerification .page-panel:last-child{ margin-bottom: 20px; }
.page-ECertificateVerification .TableForm input[type="checkbox"].styled+label{ background-color: #fff; }

/* @media only screen and ( max-width: 1200px ){
    .page-ECertificateVerification{ background-size: cover; }
} */
@media only screen and ( max-width: 991px ){
    .page-ECertificateVerification .page-panel:first-child{ margin-top: 0px; padding-top: 30px; }
    .page-ECertificateVerification .ExampleCert{float: unset; margin:15px auto 0px auto }
}