.cd-section {
  position:absolute;
  left:0;
  top:-18px;
}
.cd-modal-action-mobile {display:none;}  /* mobile button OFF */

.cd-modal {
  position: fixed;
  z-index:9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s;
  -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s;
  transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s;
}
.cd-modal .cd-modal-content {
  height: 100%;
  width: 1180px;
  padding: 3em 5%;
  text-align: left;
/*  overflow-y: auto;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.modal-is-visible .cd-modal {
  z-index: 1;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s;
  -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s;
  transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s;
}
.modal-is-visible .cd-modal .cd-modal-content {
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 1170px) {
  .cd-modal .cd-modal-content {
    padding: 4em 20%;
  }
}

.cd-modal-action {
  position: relative;
}
.cd-modal-action .btn, .cd-modal-action .cd-modal-bg {
  display: inline-block;
  height: 4em;
  background-color: #009ff1;
  padding:0 6px 0 6px;
}
.cd-modal-action .btn {
  height: 90px;
  width: 180px;
  border-bottom-left-radius: 180px;
  border-bottom-right-radius: 180px;
  background:#f1a200;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.2s 0.3s, width 0.3s 0s;
  -moz-transition: color 0.2s 0.3s, width 0.3s 0s;
  transition: color 0.2s 0.3s, width 0.3s 0s;
}
.cd-modal-action .btn:hover {background:#009ff1;}
.halfc-txt {padding:26px 0 0 0;text-align:center;color:#fff;font-size:21px;line-height:22px;}

.cd-modal-action .cd-modal-bg {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 0;
  width: 4em;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(-2em);
  -moz-transform: translateX(-2em);
  -ms-transform: translateX(-2em);
  -o-transform: translateX(-2em);
  transform: translateX(-2em);
  -webkit-transition: visibility 0s 0.5s;
  -moz-transition: visibility 0s 0.5s;
  transition: visibility 0s 0.5s;
}
.cd-modal-action .cd-modal-bg.is-visible {
  opacity: 1;
  visibility: visible;
}

/* action mobile */
.cd-modal-action-mobile {
  position: relative;
}
.cd-modal-action-mobile .btn, .cd-modal-action-mobile .cd-modal-bg {
  display: inline-block;
  height: 4em;
  background-color: #624c79;
}
.cd-modal-action-mobile .btn {
  height: 90px;
  width: 180px;
  border-bottom-left-radius: 180px;
  border-bottom-right-radius: 180px;
  background:#f1a200;
  position:absolute;
  left:0;
  top:-18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.2s 0.3s, width 0.3s 0s;
  -moz-transition: color 0.2s 0.3s, width 0.3s 0s;
  transition: color 0.2s 0.3s, width 0.3s 0s;
}
.cd-modal-action-mobile .btn.to-circle {
  width: 4em;
  color: transparent;
  -webkit-transition: color 0.2s 0s, width 0.3s 0.2s;
  -moz-transition: color 0.2s 0s, width 0.3s 0.2s;
  transition: color 0.2s 0s, width 0.3s 0.2s;
}
.cd-modal-action-mobile .cd-modal-bg {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 0;
  width: 4em;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(-2em);
  -moz-transform: translateX(-2em);
  -ms-transform: translateX(-2em);
  -o-transform: translateX(-2em);
  transform: translateX(-2em);
  -webkit-transition: visibility 0s 0.5s;
  -moz-transition: visibility 0s 0.5s;
  transition: visibility 0s 0.5s;
}
.cd-modal-action-mobile .cd-modal-bg.is-visible {
  opacity: 1;
  visibility: visible;
}
.cd-modal-close {
  cursor: pointer;
  position: fixed;
  z-index: 1;
  top: 10px;
  /*right: 5%;*/
  left: 5%; 
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3) url(../img/cd-icon-close.svg) no-repeat center center;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
}
.cd-modal-close:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.no-touch .cd-modal-close:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-is-visible .cd-modal-close {
  visibility: visible;
  opacity: 1;
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
@media only screen and (min-width: 768px) {
  .cd-modal-close {
    top: 20px;
  }
}







/* --------modal form ------------------------- */
.modal-container-inside {width:575px;margin:0px auto;}
.modal-form-header {font-size:36px;font-weight:300;color:#fff;padding:0 0 35px 0;}

.modal-text{width:543px;height:78px;background: none;border-bottom: 1px solid #fff;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;display:block;
    padding: 0 5px 0 25px;font-family: 'Hind', sans-serif;font-size:18px;line-height:78px;color:#fff;font-weight:400;margin-bottom:20px;outline:none;}

.modal-textarea{
    width: 100%;
    height:138px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: none;
    border-bottom: 1px solid #fff;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #f1a200;
    padding: 18px 0 0 25px;       
    font-family: 'Hind', sans-serif;font-size:18px;color:#fff;font-weight:400;
}

input.modal-text:required:focus {border-bottom:1px solid #f1a200;}
input.modal-text:focus {border-bottom:1px solid #f1a200;}
input.modal-text:hover {border-bottom:1px solid #f1a200;}

textarea.modal-textarea:required:focus {border-bottom:1px solid #f1a200;}
textarea.modal-textarea:focus {border-bottom:1px solid #f1a200;}
textarea.modal-textarea:hover {border-bottom:1px solid #f1a200;}

.modal-gdpr-layer {font-size:12px;line-height:16px;color:#fff;text-align:left;}
.messagesend {font-family: 'Hind', sans-serif;font-size:18px;line-height:24px;text-align:center;color:#fff;}

/* checkbox */
.con_chck {
  font-size:12px;line-height:16px;color:#fff;
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.con_chck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: #fff;
  border:1px solid #f1a200;
}

/* On mouse-over, add a grey background color */
.con_chck:hover input ~ .checkmark {
  background-color: #eee;
}

/* When the checkbox is checked, add a blue background */
.con_chck input:checked ~ .checkmark {
  background-color: #f1a200;
  border:1px solid #f1a200;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.con_chck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.con_chck .checkmark:after {
  left: 6px;
  top: 2px;
  width: 3px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 






/* ------------------------------------------------------------------------- */
/* RESPONSIVE */
/* ------------------------------------------------------------------------- */
@media only screen and (min-width: 1380px) and (max-width: 1480px){
.cd-section {position:absolute;z-index:999;top:-18px;left:-70px;}
.cd-modal .cd-modal-content {width:90%;padding: 1em 3% 1em 3%;}
.cd-modal {
  position:fixed;
  top: 10%;
  left: 0;
  width: 100%;
  z-index:9999;
  -webkit-overflow-scrolling: touch;  
}
.cd-modal-close {top:20px;left:2%;} 

.modal-form-header {font-size:26px;padding:0 0 25px 0;}
.modal-text{width:543px;height:40px;background: none;border-bottom: 1px solid #fff;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;display:block;
    padding: 0 5px 0 25px;font-family: 'Hind', sans-serif;font-size:16px;line-height:40px;color:#fff;font-weight:400;margin-bottom:20px;outline:none;}
.modal-textarea{font-size:16px;}
}

@media only screen and (min-width: 1180px) and (max-width: 1380px){
.cd-section {position:absolute;z-index:999;top:-18px;left:-250px;}
.cd-modal .cd-modal-content {width:90%;padding: 1em 3% 1em 3%;}
.cd-modal {
  position:fixed;
  top: 10%;
  left: 0;
  width: 100%;
  z-index:9999;
  -webkit-overflow-scrolling: touch;  
}
.cd-modal-close {top:20px;left:2%;} 

.modal-form-header {font-size:26px;padding:0 0 25px 0;}
.modal-text{width:543px;height:40px;background: none;border-bottom: 1px solid #fff;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;display:block;
    padding: 0 5px 0 25px;font-family: 'Hind', sans-serif;font-size:16px;line-height:40px;color:#fff;font-weight:400;margin-bottom:20px;outline:none;}
.modal-textarea{font-size:16px;}
}


@media only screen and (min-width: 959px) and (max-width: 1180px){
.cd-section {position:absolute;z-index:999;top:-18px;left:-250px;}
.cd-modal .cd-modal-content {width:90%;padding: 1em 3% 1em 3%;}
.cd-modal {
  position:fixed;
  top: 10%;
  left: 0;
  width: 100%;
  z-index:9999;
  -webkit-overflow-scrolling: touch;  
}
.cd-modal-close {top:20px;left:2%;}  

.modal-form-header {font-size:26px;padding:0 0 25px 0;}
.modal-text{width:543px;height:40px;background: none;border-bottom: 1px solid #fff;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;display:block;
    padding: 0 5px 0 25px;font-family: 'Hind', sans-serif;font-size:16px;line-height:40px;color:#fff;font-weight:400;margin-bottom:20px;outline:none;}
.modal-textarea{font-size:16px;}
}


@media only screen and (min-width: 767px) and (max-width: 959px){
.cd-section {position:absolute;z-index:999;top:-18px;left:-250px;}
.cd-modal {
  position:fixed;
  top: 10%;
  left: 0;
  width: 100%;
  z-index:9999;
  -webkit-overflow-scrolling: touch;  
}
.cd-modal .cd-modal-content {width:90%;padding: 1em 3% 1em 3%;}
.cd-modal-close {top:20px;left:5%;}  

.modal-form-header {font-size:26px;padding:0 0 25px 0;}
.modal-text{width:543px;height:40px;background: none;border-bottom: 1px solid #fff;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;display:block;
    padding: 0 5px 0 25px;font-family: 'Hind', sans-serif;font-size:16px;line-height:40px;color:#fff;font-weight:400;margin-bottom:20px;outline:none;}
.modal-textarea{font-size:16px;}
}


@media only screen and (min-width: 480px) and (max-width: 767px){
.cd-section {text-align: center;position:absolute;z-index:9998;top:10px;left:0;}
.cd-modal-action {display:none;}
.cd-modal-action-mobile {display:block;}

.cd-modal-action-mobile .btn {
  font-size:14px;
  width: 5.5em;
}

.cd-modal {
  position:fixed;
  top: 15%;
  left: 0;
  width: 100%;
  z-index:9999;
  -webkit-overflow-scrolling: touch;  
}

.cd-modal .cd-modal-content {width:100%;padding: 1em 1%;}
.cd-modal-close {top:20px;left: 5%;}  
}


@media only screen and (min-width: 320px) and (max-width: 480px){

.cd-section {text-align: center;position:absolute;z-index:9998;top:10px;left:0;}
.cd-modal-action {display:none;}
.cd-modal-action-mobile {display:block;}

.cd-modal-action-mobile .btn {
  font-size:14px;
  width: 5.5em;
}

.cd-modal {
  position:fixed;
  top: 15%;
  left: 0;
  width: 100%;
  z-index:9999;
  -webkit-overflow-scrolling: touch;  
}

.cd-modal .cd-modal-content {width:100%;padding: 1em 0 0 0;}
.cd-modal-close {top: 20px;left: 5%;}  
}