.agreement_window {position: fixed; bottom: 0px;   z-index: 100; visibility: hidden; opacity: 0px;   left: 0px; height: 0px;  display: flex; align-items: center; justify-content: center; padding: 20px;  padding-bottom: 50px; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; box-shadow: 1px 1px 8px 2px #00000038;  flex-wrap: wrap;  }
.agreement_window.active {visibility: visible; opacity: 1; height: 100%; width: 100%; top: 0px; left: 0px; background-color: rgba(0,0,0,0.7)}	
.agreement_window button {padding: 10px 20px; white-space: nowrap}

.agreement_body {padding: 20px; background: #fff; border-radius: 10px; max-width: 500px; }
.ag_buttons_ins {display: flex; align-items: center; justify-content: center; min-width: 100%; flex: 1; padding: 10px 0}

.ag_buttons_in {display: flex; align-items: center; justify-content: center; min-width: 100%; flex: 1; padding: 10px 0}
.ag_buttons_in a:last-childs {margin-left: auto}

.ag_buttons_in button {border-radius: 10px; background: transparent; margin: 0px 10px; border: 1px solid #335a92;  }
.ag_buttons_in button:hover {background: #335a92; color: #fff}

.agreement_buttons {display: flex; flex-wrap: wrap; min-width: 100%; justify-content: center; align-items: center; min-width: 100%}
.agreement_buttons a {display: inline-block; margin: 0px 10px;}

.agreement_window {background: rgba(0,0,0,0.7; z-index: 2; color: #000;}
.agreement_title {font-size: 18px; font-weight: bold}

.agreement_window button {margin-right: 10px; background: #f9f9f9; border: 1px solid #ccc; min-height: 40px; border-radius: 5px;}




@media (min-width: 1200px) {

}

 
@media (min-width: 992px) and (max-width: 1199px) {

}

 
@media (min-width: 768px) and (max-width: 991px) {

}

 
@media (max-width: 767px) {
.agreement_window button, .agreement_window a {display: block; width: 100%; margin-bottom: 10px; text-align: center;}
}