/* .dropdown-backdrop{display:none;}
 or in mobile in class= .dropdown-menu... dont make the "ul" static... instead make it position relative and increase z-index
*/
 /*for ie8{
	background:rgba(255, 255, 255, 0.56);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); 
}also use rgba to hex conertor*/



body {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 15px;
	color:#000;
	line-height:1.4;
}
@media(min-width:768px) {
 body {
 font-size: 16px;
 line-height:1.6;
}
}
img {
	max-width:100%;
}
figure {
	margin:0;
	padding:0;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover, a:focus {
	color: #000;
	text-decoration: none;
	outline:none;
}
a:hover, input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus {
	outline:none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 800;
	line-height: 1.1;
	color: inherit;
}
input:focus::-webkit-input-placeholder {
 color: transparent;
}
input:focus:-moz-placeholder {
 color: transparent;
}
input:focus::-moz-placeholder {
 color: transparent;
}
input:focus:-ms-input-placeholder {
 color: transparent;
}
form input[type="text"], form input[type="tel"], form input[type="email"], form input[type="password"], form input[type="file"], form textarea, form select {
	width: 100%;
	margin: 0 0 16px;
	border-radius:4px;
	padding: 8px 12px;
	border: solid 1px #DDDDDD;
	font-size: 16px;
	height: 46px;
}
form textarea {
	height:150px;
}
form input[type="submit"], form input[type="button"], form input[type="reset"], form button, a.button, button, .button {
	background-color: #2B18BA;
	color:#fff;
	border: none;
	border-radius:100px;
	line-height:46px;
	height:46px;
	text-align:center;
	padding:0px 35px;
	display: inline-block;
	margin: 0;
	transition: 0.3s;
	cursor:pointer;
}
form input[type="submit"]:hover, form button:hover, a.button:hover {
	background-color: #1e0ba9;
}
@media (max-width: 1299px) {
 .container {
 max-width:none;
}
}
@media (min-width: 1300px) {
 .container {
 max-width: 1200px;
}
}
.site_logo {
	display:inline-block;
}
.site_logo img {
	height:28px;
}
.search_btn {
	margin: 18px 0;
	display: inline-block;
	font-weight:bold;
}
.search_btn i {
	font-size: 20px;
	position: relative;
	top: 2px;
	margin-right: 8px;
}
.search_box {
	position: fixed;
	z-index: 10;
	left: 0;
	right: 0;
	background-color: #fff;
	top: 64px;
	bottom: 0;
	display:none;
}
.search_input {
	border-bottom: #f0f1f2 solid 1px;
}
@media(min-width:768px) {
	.search_input {
		padding:10px 15px;
	}
}
.search_input .close_search {
    float: right;
    cursor: pointer;
    padding: 4px;
    background-color: #EFEFEF;
    border-radius: 100px;
    height: 30px;
    width: 30px;
    margin: 10px 15px 0 0;
    text-align: center;
}
.search_input .close_search img {
	height:12px;
}
@media(min-width:768px) {
	.search_input .close_search {
		padding: 0;
		height: 45px;
		width: 45px;
		margin: 14px 0 0 0;
		background-color: transparent;
	}
	.search_input .close_search img {
		height:22px;
	}
}
.search_input input[type='text'] {
	background-color: transparent;
	padding: 0 15px 0 58px;
	border: none;
	height: 55px;
	display: block;
	width: 100%;
	font-size: 16px;
}
.search_text {
	max-width: 500px;
	position: relative;
	margin-right:50px;
}
@media(min-width:768px) {
	.search_text {
	background-color: #fafafa;
	border-radius: 100px;
}
 .search_input input[type='text'] {
 font-size: 21px;
}
 .search_text {
 margin: auto;
}
}
.search_text:before {
	content:	'\f002';
	font-family:	FontAwesome;
	font-size: 20px;
	position: absolute;
	left: 18px;
	color:#000;
	top: 11px;
}
.search_result {
	text-align:center;
}
@media(min-width:768px) {
	.search_text:before {
		content:	'\f002';
		font-family:	FontAwesome;
		font-size: 20px;
		position: absolute;
		left: 24px;
		color:#9d9d9d;
		top: 11px;
	}
	.search_result {
		padding:15px;
	}
}
.main_heading {
	font-size:25px;
	font-weight:800;
	color:#000;
	margin: 0 0 10px;
	position: relative;
}
.main_heading.underline{
	margin-top:0px;
}
@media(min-width:768px) {
	.main_heading.underline{
		margin-top:50px;
	}
}
.main_heading.underline:after {
    content: '';
    height: 4px;
    width: 30px;
    background-color: #2B18BA;
    display: inline-block;
    position: absolute;
    bottom: -8px;
    left: 1px;
}
@media(min-width:768px) {
 .main_heading {
 font-size: 52px;
}
}
.heading1 {
	font-size:30px;
	font-weight:800;
	color:#000;
	margin: 0 0 10px;
	position: relative;
}
@media(min-width:768px) {
 .heading1 {
 font-size: 40px;
}
}
.heading3 {
	font-size:26px;
	font-weight:800;
	color:#000;
	margin: 0 0 10px;
	position: relative;
}
@media(min-width:768px) {
 .heading3 {
 font-size: 40px;
}
}
.heading4 {
	font-size:26px;
	font-weight:800;
	color:#2B18BA;
	margin: 0 0 10px;
	position: relative;
	border-bottom:#2B18BA solid 2px;
}
@media(min-width:768px) {
 .heading4 {
 font-size: 34px;
 border-bottom:#2B18BA solid 3px;
}
}
.heading5 {
	font-size:22px;
	font-weight:800;
	color:#000;
	margin: 0 0 10px;
	position: relative;
}
@media(min-width:768px) {
 .heading5 {
 font-size: 28px;
}
}
.header_right {
	float:right;
}
.top_link {
	color: #333;
	text-align: right;
}
.top_link a {
	color: #000;
}
.header_left {
	padding: 18px 0;
	float: left;
	text-align: left;
}
footer {
	border-top: #f0f1f2 solid 1px;
	font-size:15px;
}
.footer_left {
	float:none;
	width:100%;
	text-align: left;
}
.footer_right {
	float:none;
	width:100%;
	text-align: right;
}
.footer_top {
	padding:40px 0 10px;
}
.footer_top h3 {
	font-size: 15px;
	margin: 0 0 15px;
	position: relative;
	font-weight: 800;
	color: #2B18BA;
}
.footer_top ul {
	list-style: none;
	padding: 0;
	margin: 30px 0;
	text-align:center;
}
@media(min-width:768px) {
 .footer_top ul {
 margin: 0;
 text-align:left;
}
}
.footer_top ul li {
	padding: 0 0 10px 0;
}
.footer_top ul li a {
	text-transform: capitalize;
	position: relative;
	right: 0;
	transition: 0.3s;
}
.footer_top ul li a:hover {
	right: -2px;
	opacity: 0.8;
	transition: 0.3s;
}
.address_footer p {
	margin: 0 0 25px;
}
.footer_bottom {
	padding: 20px 0 30px;
	text-align: center;
}
.footer_bottom .container {
	position:relative;
}
.footer_bottom .container .sm_info {
	text-align:left;
}
@media(min-width:992px) {
 .footer_bottom .container .sm_info {
 position:absolute;
 right:0;
 width:100%;
 max-width: 420px;
 top: 0;
}
}
.block {
	padding:35px 0;
}
.block.bottom_padding {
	padding:0 0 35px;
}
@media(min-width:768px) {
 .block {
 padding:100px 0;
}
 .block.bottom_padding {
 padding:0 0 128px;
}
}
header {
	border-bottom: #f0f1f2 solid 1px;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	background-color: #fff;
	z-index: 200;
}
@media(min-width:768px) {
 header {
 padding-left:15px;
 padding-right:15px;
}
}
.calculator_header_sec {
	background: #f5f4ff url('../images/1_Hero Background_Mobile@3x.png') no-repeat top center;
	background-size: 100% 100%;
	padding: 7% 15px 13%;
	margin-top: 65px;
}
.calculator_header_sec p {
	font-size:15px;
	padding-right:22%;
}
@media(min-width:768px) {
 .calculator_header_sec {
 background: #f5f4ff url('../images/1_Hero Background_Mobile@3x.png') no-repeat top center;
 background-size: 100% 100%;
 padding: 10% 15px 15%;
}
 .calculator_header_sec p {
 font-size:15px;
 padding-right:22%;
}
}
@media(min-width:992px) {
 .calculator_header_sec {
 background: #f5f4ff url('../images/1_Hero Background_Desktop.png') no-repeat top center;
 background-size: 100% 100%;
 padding: 7% 50px 9%;
}
 .calculator_header_sec p {
 font-size:18px;
 font-weight:600;
}
}
.calculator_sec {
	background-color:#f5f4ff;
	padding-bottom: 30px;
}
.calculator {
	max-width: 800px;
	margin: auto;
}
.calculator h3 {
	display:none;
}
.calculator_form input[type="submit"], .calculator_form button {
	display: block;
	width:100%;
}
@media(min-width:768px) {
 .calculator_sec {
 padding-bottom: 70px;
}
 .calculator_form {
 background-color:#fff;
 border:#DDDDDD solid 1px;
 border-radius:12px;
 padding:35px 35px 25px 35px;
}
 .calculator h3 {
 font-size:24px;
 font-weight:800;
 color:#2B18BA;
 display:block;
}
 .calculator_form input[type="submit"], .calculator_form button {
 padding: 0px 45px;
 display:inline-block;
 width:auto;
}
}
label {
	font-weight:bold;
	font-size:14px;
	margin-bottom: 5px;
}
.subscribe {
	display:block;
	margin-bottom:25px;
}
.subscribe button, .subscribe input[type="submit"] {
	width:100%;
}
.subscribe_btn{
	display:none;
}
@media(min-width:540px) {
.create_alert_btn{
	display:none;
}
.subscribe_btn{
	display:block;
}
 .subscribe {
 display:flex;
 margin-bottom:5px;
}
 .subscribe button, .subscribe input[type="submit"] {
 margin-left:10px;
 width:auto;
}
}
.sm_info {
	font-size:12px;
	color:#808080;
}
.subscribe_block {
	max-width:465px;
}
.top_rates_sec {
	padding:35px 0 50px;
	background:#fff url('../images/z_line.png') no-repeat bottom center;
	background-size:100% auto;
	margin-bottom:35px;
}
@media(min-width:768px) {
 .top_rates_sec {
 padding:70px 0 90px;
 margin-bottom:70px;
}
}
@media(min-width:992px) {
 .top_rates_sec {
 padding:120px 0 120px;
 margin-bottom:70px;
}
}
.modal-dialog {
    max-width: 425px;
	margin-top:85px;
}
@media(min-width:768px) {
	.modal-dialog {
		max-width: 425px;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%)!important;
		position: absolute;
		margin-top: 0;
		margin-bottom: 0;
		max-height: 90vh;
		
	    width: 100%;
	}
}
.modal-backdrop.show {
    opacity: 0.12;
}
.modal-content {
	border:	none;
	border-radius: 15px;
	position:	relative;
	padding-top: 45px;
	min-height:525px;
}
.modal-content .close {
	border-radius: 45px;
	background-color: #EFEFEF;
	height: 30px;
	width: 30px;
	position: absolute;
	top: 15px;
	right: 15px;
	text-align: center;
	padding: 2px;
}
.modal-body {
    padding:0 15px 15px;
	font-size:14px;
}
.modal-body h3{
	font-weight:800;
	font-size:24px;
}
@media(min-width:768px) {
	.modal-body {
		padding:5px 45px 45px;
	}
}
.currency_list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
    border: #f0f1f2 solid 1px;
    max-height: 250px;
    overflow-x: auto;
}
.currency_list li {
	border-bottom: #f0f1f2 solid 1px;
	display: flex;
	padding: 15px 10px;
}
.currency_list li:last-child {
	border-bottom:none;
}
.currency_list figure {
	vertical-align: top;
}
.currency_list p {
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
}
.currency_list span {
	margin-left: auto;
}
.currency_list figure img {
	vertical-align: top;
}
.block_btn{
	width:100%;
}
.select_all{
	font-weight:bold;
	color:#2B18BA;
	font-size: 14px;
}
.alert_model{
	text-align:center;
	margin-bottom:70px;
}
.alert_model p{
	font-size:14px;
	font-weight:600;
}
.alert_model figure{
	width:65px;
	margin:35px;
	display:inline-block;
}
/* DROPDOWN CSS */
.input_dropdown_block{
	position:relative;
}
.input_dropdown_block .input_box{
	width: 100%;
	margin: 0 0 5px;
	border-radius: 4px;
	padding: 8px 12px;
	border: solid 1px #DDDDDD;
	font-size: 16px;
	height: 46px;
	position:relative;
	background-color: #fff;
	position:relative;
}
.input_dropdown_block .input_box img{
	height:23px;
	margin-right:5px;
}
.input_dropdown_block .input_box:after{
	content:'\f107';
	font-family:FontAwesome;
	font-size:22px;
	position:absolute;
	right:10px;
	top:4px;
}
.input_dropdown_block .input_box.select:after{
	content:'\f106';
	font-family:FontAwesome;
	font-size:22px;
	position:absolute;
}
.input_dropdown_list{
	border-radius: 4px;
	position: absolute;
	z-index:1;
	left: 0;
	right: 0;
	background-color: #fff;
	overflow-Y:auto;
	max-height: 190px;
	box-shadow: 0 5px 8px rgb(0 0 0 / 12%);
}
@media(min-width:768px) {
	.input_dropdown_list{
		border: solid 1px #DDDDDD;
	}
}
.input_dropdown_block .input_dropdown_list{
	display:none;
}
.input_dropdown_list ul{
	list-style:none;
	padding:0;
	margin:0;
}
.input_dropdown_list ul li{
	padding:8px 30px 8px 12px;
	display: flex;
	border-top: solid 1px #DDDDDD;
	position: relative;
	min-height: 44px;
	width:100%;
	cursor:pointer;
}
.input_dropdown_list ul li:hover{
	background-color:#f8f8f8;
}
.input_dropdown_list ul li:first-child{
	border-top:none;
}
.input_dropdown_list li span{
    line-height: 1.4;
}
.input_dropdown_list li img{
    margin-right: 10px;
    height: 23px;
    width: 23px;
}
.input_dropdown_list li.check:after{
	content: '\f00c';
	font-family: FontAwesome;
	position: absolute;
	right: 10px;
	top: 12px;
	color: #2B18BA;
	font-size: 13px;
}
.input_dropdown_list>span img{
	height:23px;
	margin-right:5px;
}
.input_dropdown_list .input_search input{
	border:none;
	margin-bottom:0;
}
.input_dropdown_list .input_search{
	position:relative;
	padding-left:32px;
	border-bottom: solid 1px #DDDDDD;
}
.input_dropdown_list .input_search:after{
	content: '\f002';
	font-family: FontAwesome;
	position: absolute;
	left: 15px;
	top: 6px;
	color: #D0D0D0;
	font-size: 20px;
}
.search_result .input_dropdown_list{
	max-width: 500px;
	margin:auto;
	box-shadow:none;
	max-height:none;
}
.search_result .input_dropdown_list li:after{
	content: '\f054';
	font-family: FontAwesome;
	position: absolute;
	right: 15px;
	top: 19px;
	color: #000;
	font-size: 12px;
}
.search_result .input_dropdown_list{
	position:relative;
}
.search_result .input_dropdown_list ul li{
	padding:17px 30px 17px 12px;
}

.info_popup_block{
	display: inline-block;
	position: relative;
}
.info_popup{
	position: absolute;
	background-color: #fcfcfc;
	padding: 15px;
	color: #000;
	border: #DCE0E5 solid 1px;
	z-index: 1;
	margin-top: 11px;
	border-radius: 10px;
	right: -26px;
	min-width: 220px;
	display:none;
}
@media(min-width:768px) {
	.info_popup{
		min-width: 280px;
	}
}
.info_popup_link{
    background: #F0F0F0;
    font-size: 14px;
    color: #9A9A9A;
    padding: 1px 8px;
    border-radius: 50px;
    margin-left: 3px;
    cursor: pointer;
    font-weight: bold;
    position: relative;
    height: 21px;
    line-height: 20px;
}
.info_popup_link.active:after{
    content: '';
    position: absolute;
    background: transparent url(../images/info_top.png) top center no-repeat;
    background-size: contain;
    bottom: -13px;
    right: -1px;
    display: inline-block;
    width: 24px;
    height: 11px;
    z-index: 2;
}
.info_popup_block.right .info_popup{
	right: auto;
    left: 154%;
    top: 50%;
    transform: translateY(-50%);
	margin:0;
}
.info_popup_block.right .info_popup_link.active:after{
    content: '';
    position: absolute;
    background: transparent url(../images/info_top.png) top center no-repeat;
    background-size: contain;
    bottom: 5px;
    right: -20px;
    display: inline-block;
    width: 24px;
    height: 11px;
    z-index: 2;
    transform: rotate(-90deg);
}
.info_popup p{
	margin-bottom:8px;
	text-align:center;
	line-height: 1.4;
	white-space: normal;
}
.info_popup ul{
	margin: 0 0 10px;
	padding: 0 0 0 20px;
	white-space: normal;
}
.info_popup a{
	color:#2B18BA;
}
.info_popup h5{
	white-space: normal;
	text-align:center;
	font-weight: 800 !important;
	color: #000 !important;
	font-size:15px !important;
	margin: 0 0 8px 0 !important;
}
.info_popup .light_text{
	opacity:0.7;
	text-align:left;
}
.input_right_text{
	width: 100%;
    margin: 0 0 16px;
    border-radius: 4px;
    padding:0;
    border: solid 1px #DDDDDD;
    font-size: 16px;
    height: 46px;
	display:flex;
	background-color: #fff;
}
.input_right_text input[type="text"]{
	border:none;
	height: 44px;
	padding: 8px 2px 8px 12px;
	margin:0;
}
.input_right_text > span{
	line-height: 1.8;
	padding: 8px 12px 8px 2px;
}