body {
	 font-family:  'Proxima Nova Rg';
}
 .navbar {
	 padding: 10px 20px;
	 border-bottom: 1px solid #ebebeb;
}
 @media screen and (max-width: 767px) {
	 .navbar {
		 padding: 15px 10px;
	}
}
 .navbar-nav .nav-link {
	 font-size: 20px;
	 color: #000;
	 padding: 0 !important;
	 font-weight: 500;
	 margin: 0 14px;
}
 @media screen and (max-width: 767px) {
	 .navbar-nav .nav-link {
		 font-size: 14px;
		 margin: 7px;
	}
}
 .navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
	 color: #103d70;
	 text-decoration: underline;
}
 .country-tabs {
	 background-color: #ebebeb;
	 padding: 0 20px;
	 justify-content: center;
	 display: flex;
}
 .country-tabs img {
	 display: block;
	 width: 100%;
	 height: 55px;
}
 @media screen and (max-width: 767px) {
	 .country-tabs img {
		 width: 50px;
	}
}
 .country-tabs button {
	 padding: 38px 15px;
	 border: 0 !important;
	 border-radius: 0;
	 width: 10%;
}
 .country-tabs button:focus, .country-tabs button:active {
	 outline: none !important;
	 border-color: 0;
}
 .country-tabs button.active {
	 background-color: #d4d4d4;
}
 @media screen and (max-width: 1399px) {
	 .country-tabs button {
		 padding: 20px 10px;
	}
}
 @media screen and (max-width: 1199px) {
	 .country-tabs button {
		 font-size: 14px;
	}
}
 .mt-40 {
	 margin-top: 40px;
}
 .chart-card {
	 padding: 25px;
	 border-radius: 5px;
	 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	 margin-bottom: 20px;
}
 .card-heading {
	 text-align: center;
	 margin-bottom: 70px;
}
 .mt-80 {
	 margin-top: 80px;
}
 footer {
	 margin-top: 10px;
	 border-top: 1px solid #ebebeb;
	 padding: 10px 20px;
}
 @media screen and (max-width: 992px) {
	 footer {
		 margin-top: 50px;
	}
}
 .social-icons {
	 display: flex;
	 justify-content: end;
}
 @media screen and (max-width: 992px) {
	 .social-icons {
		 justify-content: center;
		 margin-top: 30px;
	}
}
 .social-icons a {
	 width: 40px;
	 height: 40px;
	 background-color: #103d70;
	 color: #fff;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 border-radius: 50px;
	 font-size: 18px;
	 margin-left: 10px;
}
 a {
	 text-decoration: none;
}
 .btn-primary {
	 background-color: #103d70;
	 color: #fff;
	 min-width: 110px;
	 border-color: #103d70;
}
 .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	 background-color: #0d315a;
	 border-color: #0d315a;
}
 .btn-theme {
	 background-color: #ac001b;
	 color: #fff;
	 min-width: 110px;
	 border-color: #ac001b;
}
 .btn-theme:hover, .btn-theme:focus {
	 background-color: #930017;
	 border-color: #930017;
	 color: #fff;
}
 .check-container {
	 margin-bottom: 16px;
}
 @media screen and (max-width: 992px) {
	 .check-container {
		 margin-bottom: 12px;
	}
}
 .check-container input {
	 position: absolute;
	 opacity: 0;
}
 .check-container input + label {
	 position: relative;
	 cursor: pointer;
	 padding: 0;
	 font-size: 20px;
	 display: flex;
	 align-items: center;
}
 @media screen and (max-width: 992px) {
	 .check-container input + label {
		 font-size: 16px;
	}
}
 .check-container input + label:before {
	 content: '';
	 margin-right: 11px;
	 display: inline-block;
	 width: 18px;
	 height: 18px;
	 background: #ebebeb;
}
 .check-container input:hover + label:before {
	 background: #103d70;
}
 .check-container input:focus + label:before {
	 box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
 .check-container input:checked + label:before {
	 background: #103d70;
}
 .check-container input:disabled + label {
	 color: #b8b8b8;
	 cursor: auto;
}
 .check-container input:disabled + label:before {
	 box-shadow: none;
	 background: #ddd;
}
 .check-container input:checked + label:after {
	 content: '';
	 position: absolute;
	 left: 4px;
	 top: 14px;
	 background: white;
	 width: 2px;
	 height: 2px;
	 box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
	 transform: rotate(45deg);
}
 @media screen and (max-width: 992px) {
	 .check-container input:checked + label:after {
		 top: 11px;
	}
}
 .list-filter {
	 background-color: #fff;
	 border-radius: 5px;
	 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	 width: 250px;
	 padding: 30px 35px;
}
 @media screen and (max-width: 992px) {
	 .list-filter {
		 padding: 20px;
		 width: 200px;
	}
}
 .listing-position {
	 position: absolute;
	 bottom: 10px;
	 right: 0;
}
 @media screen and (max-width: 576px) {
	 .listing-position {
		 position: static;
	}
}
 #chartdiv, #canadaData {
	 width: 100%;
	 height: 700px;
}
 @media screen and (max-width: 992px) {
	 #chartdiv, #canadaData {
		 height: 500px;
	}
}
 @media screen and (max-width: 576px) {
	 #chartdiv, #canadaData {
		 height: 300px;
	}
}
 .modal-drp .dropdown-toggle {
	 position: relative;
}
 .modal-drp .dropdown-toggle::after {
	 position: absolute;
	 top: 17px;
	 right: 10px;
}
 .modal-drp .dropdown-menu {
	 width: 100%;
	 position: relative;
	 top: 10px;
	 background-color: #fff;
	 border-radius: 5px;
	 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	 border: 0;
	 padding: 10px 0;
	 max-height: 310px;
	 overflow: scroll;
}
 .modal-drp .dropdown-menu .form-control {
	 width: 100%;
}
 .modal-drp .dropdown-menu .dropdown-item {
	 font-size: 20px;
	 margin-bottom: 5px;
	 padding-left: 15px;
	 padding-right: 15px;
}
 .modal-drp .dropdown-menu .dropdown-item:hover, .modal-drp .dropdown-menu .dropdown-item:focus {
	 color: #ac001b;
	 background-color: #fff;
}
 .filter-modal {
	 min-height: 380px;
}
 .country-icon {
	 width: 21px;
	 height: 15px;
	 margin-right: 10px;
}
 .search-box {
	 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	 border-radius: 5px;
	 border: 0;
	 font-size: 16px;
	 color: #000;
}
 .search-container {
	 position: relative;
}
 .search-container img {
	 position: absolute;
	 top: 10px;
	 right: 25px;
}

.modal-backdrop {
	background-color: #000;
	opacity: 0.8 !important;
	z-index:9999 !important;
}
 @media screen and (max-width: 767px) {
	 .logo {
		 width: 150px;
	}
}