.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; 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.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( 0, 0, 0, .9 ); color: #FFF; -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: #FFF }
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 }

/* 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 }
}

.popup{
    display: none;   
}

@media ( max-width: 767px ){
    .contact-form .field-group{
        padding: 10px 0;
    }
}

/* Modal Mode */
html.modal-mode body .blur{ height: 100vh; max-height: 100vh; margin-bottom: 1px; overflow: hidden; -webkit-filter: blur(4px); filter: blur(4px); }
html.modal-mode.PopUP body .blur{ -webkit-filter: none; filter: none; }
html.modal-mode div.modal--{ position: absolute; top: 0; left: 0; width: 100%; min-height: 100vh; padding: 10vh 10%; text-align: center; background-color: rgba(0, 0, 0, .8); z-index: 9999; }
html.modal-mode div.modal-- a.close-modal.cross{ position: absolute; top: calc(10vh + 10px); right: calc(10% + 20px); }
html.modal-mode.PopUP div.modal-- a.close-modal.cross{ right: 29%; }
html.modal-mode div.modal-- div.modal-container{ display: inline-block; width:100%; margin: 0 auto; text-align: left; padding: 100px; background: #fff; }
html.modal-mode.PopUP div.modal-- div.modal-container{ width:55%; background:rgba(255,255,255, 0.8);}
html.modal-mode div.modal--.active{ opacity: 1; -webkit-transition: linear opacity 500ms; transition: linear opacity 500ms }
html.modal-mode div.modal--.active div.modal-container{ opacity: 1; -webkit-transition: linear opacity 700ms 400ms; transition: linear opacity 700ms 400ms }
html.modal-mode div.modal--{ opacity: 0; -webkit-transition: linear opacity 700ms 400ms; transition: linear opacity 700ms 400ms }
html.modal-mode div.modal-- div.modal-container{ opacity: 0; -webkit-transition: linear opacity 500ms; transition: linear opacity 500ms }
html.modal-mode div.modal-- div.modal-container h1{ color: #f36018; font-size: 36px; font-weight: normal; margin-bottom: 20px; }
html.modal-mode div.modal-- div.modal-container h2{ margin-bottom: 50px; color:#f36018; font-size: 26px; font-family: Raleway-Regular, 'Open Sans'; }
html.modal-mode div.modal-- div.modal-container p{ color:#f36018; font-size: 24px; line-height: 24px; }
html.modal-mode div.modal-- div.modal-container h3{ font-size: 32px; line-height: 26px; }

html.modal-mode.PopUP div.modal-- div.modal-container .PopTitle{ font-size: 38px; line-height: 42px; margin-bottom: 10px; font-weight: bold; font-family: 'PlayfairDisplay-Bold', 'Open Sans'; letter-spacing: .5px; #00c6ed }
html.modal-mode.PopUP div.modal-- div.modal-container h2{ color:#73B72B; font-size: 26px; line-height: 28px; }
html.modal-mode.PopUP div.modal-- div.modal-container p{ color:#73B72B; font-size: 24px; line-height: 24px; }
html.modal-mode.PopUP div.modal-- div.modal-container h3{ font-size: 32px; line-height: 26px; }

.addgray{ padding:50px 0; }

@media ( max-width: 1300px ){
    html.modal-mode.PopUP div.modal-- div.modal-container{ width:100%;}
    html.modal-mode.PopUP div.modal-- a.close-modal.cross{ right: 5%; }
}

@media ( max-width: 991px ){
    html.modal-mode div.modal--{ padding: 10vh 3%; }
    html.modal-mode div.modal-- a.close-modal.cross{ right: calc(3% + 20px); }
    html.modal-mode div.modal-- div.modal-container{
        padding: 60px 30px;
    }
}

.PopUpIMG{
    object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    max-width: 100%;
    padding: 5px;
}