.agreement_window {position: fixed; bottom: 0px; width: calc(100% - 0px); height: auto; z-index: 100; visibility: hidden; opacity: 0px; height: 0px;  left: 0px; 
	  display: flex; align-items: flex-end; padding: 20px; 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: auto}	
.agreement_window button {padding: 10px 20px; white-space: nowrap}

.agreement_body {padding-right: 20px;}

.agreement_buttons {display: flex; flex-wrap: wrap; min-width: 100%; justify-content: flex-end; align-items: center}
.agreement_buttons a {margin-right: auto; }

.agreement_window {background: #fff; z-index: 1000; 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;}
}