/* ------------------ generic overlay/popup/ modal styles ---------------- */
#overlay,
#overlay-cookie{
 display: none;
 position: fixed;
 top: 0px;
 left: 0px;
 bottom: 0px;
 right: 0px;
 width: 100%;
 height: 100%;
 z-index: 30;
 background: rgba(0,0,0,0.6);
}

#overlay.show-overlay{
 display:block;
}

#popup,
#popup-coopkie{
 display:none;
 position:absolute;
 top: 250px;
 left: 15px;
 right: 15px;
 float: none;
 padding: 15px 20px;
 background-color: #fff;
 width: auto;
 margin: 0;
 border-radius: 3px;
 border-top: 5px solid #014d23;
}
@media screen and (max-width:600px) {
 #popup,
 #popup-coopkie{
  top: 190px;
 }
}

#popup.show-popup{
 display:block;
}

.popup-cross,
.popup-cross-cookie{
 position: absolute;
 top: 5px;
 right: 10px;
 font-size: 20px;
 line-height: 22px;
 color: #222;
 text-align: center;
 border-radius: 22px;
 cursor: pointer;
 transition: all 0.2s linear;
 -webkit-transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 font-weight: 600;
 opacity: 0.6;
}

.popup-cross:hover,
.popup-cross-cookie:hover{
 opacity: 1;
}

#close-popup{
 position: absolute;
 top: 10px;
 right: 10px;
 font-size: 12px;
 color: #fff;
 text-align: center;
 border-radius: 2px;
 background-color:#545454;
 cursor: pointer;
 padding: 3px 5px;
 transition: all 0.2s linear;
 -webkit-transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
}

#close-popup:hover{
 background-color:#333;
}

.popup-btn{
 width: 250px;
 float: none;
 clear: left;
 margin: 0 auto;
}


@media screen and (min-width:731px) {

 #popup,
 #popup-coopkie{
  left: 50%;
  margin: 0 0 0 -370px;
  width: 100%;
  max-width: 700px;
 }
}

/* ----------------------------------------------- */

#popup-coopkie.email-resume-cookie{
 text-align: center;
 max-width: 600px;
 margin-left: -320px;
}

#popup-coopkie.email-resume-cookie{
 text-align: left;
}

#popup-coopkie.email-resume-cookie .popup-coopkie-title{
 font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
 font-size: 22px;
 color: #333;
 font-weight: 500;
 line-height: 1.1em;
 padding-bottom: 10px;
}

#popup-coopkie.email-resume-cookie p{
 font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
 font-size: 14px;
 line-height: 1.4;
}
@media screen and (max-width:600px) {
 #popup-coopkie.email-resume-cookie p{
  font-size: 12px;
 }
}

.cookie-popup-buttons{
 text-align: center;
 margin-top: 25px;
}

.cookie-popup-buttons span{
 display: inline-block;
 margin:0 5px;
 width: 155px;
 padding: 12px 0;
 border-radius: 3px;
 border: 1px solid #014d23;
 background: #fff;
 color: #014d23;
 font-size: 13px;
 font-weight: 600;
 cursor: pointer;
 text-decoration: none;
 -webkit-transition:all 0.2s linear;
 -moz-transition:all 0.2s linear;
 -o-transition:all 0.2s linear;
 -ms-transition:all 0.2s linear;
 transition:all 0.2s linear;
}
@media screen and (max-width:600px) {
 .cookie-popup-buttons span{
  width: 100px;
 }
}

.cookie-popup-buttons #cookie-accept-btn{
 background: #014d23;
 border-color: #014d23;
 color:#fff;
}

.cookie-popup-buttons span:hover{
 background:#9d9d9d;
 color:#fff;
}

.cookie-popup-buttons #cookie-accept-btn:hover{
 background:#219a00;
 border-color: #219a00;
}

@media screen and (max-width:768px){
 #popup-coopkie.email-resume-cookie{
  margin:0;
  max-width: 700px;
 }
}