@font-face {
  font-family: "gothambold";
  src: url("../fonts/newgotham/GothamBold.woff2") format("woff2"),
    url("../fonts/newgotham/GothamBold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0020-00A0, U+00A2-00B0, U+00B2-10FFFF;
} 
@font-face {
  font-family: "gothambook";
  src: url("../fonts/newgotham/GothamBook.woff2") format("woff2"),
    url("../fonts/newgotham/GothamBook.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0020-00A0, U+00A2-00B0, U+00B2-10FFFF;
}
@font-face {
  font-family: "gothamlight";
  src: url("../fonts/newgotham/GothamLight.woff2") format("woff2"),
    url("../fonts/newgotham/GothamLight.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothammedium";
  src: url("../fonts/newgotham/GothamMedium.woff2") format("woff2"),
    url("../fonts/newgotham/GothamMedium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0020-00A0, U+00A2-00B0, U+00B2-10FFFF;
}
 
#countryDetectionModal {
	background: url("../images/popup-bg.png") no-repeat;
	color: #000;
	background-size: cover;
	background-position: center center; 
}
.modal-content { 
	border-radius: 10px !important;
}
#countryModalLabel {
	color: #fff;
}  
#countryDetectionModal .modal-dialog {
    max-width: 400px;
}

#countryDetectionModal .btn-outline-secondary {
    color: #666;
    border-color: #ddd;
}

#countryDetectionModal .btn-outline-secondary:hover {
    background: #f5f5f5;
    border-color: #ccc;
    color: #333;
}

#countryDetectionModal .btn-primary:hover {
    background: #006b75;
}

@media (max-width: 576px) {
    #countryDetectionModal .modal-footer {
        flex-direction: column;
    }
    
    #countryDetectionModal .modal-footer .btn {
        width: 100%;
        margin-bottom: 10px;
    }
	#countryDetectionModal .modal-dialog {
	max-width: 100%;
	padding-left: 20px;
	padding-right: 20px;
} 
}