@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300;400&display=swap');
body{
	font: 16px/26px Arial, 'Roboto', sans-serif;
}

*{
	outline: 0px transparent !important;
	outline: none !important;
}

.btn:focus {
  box-shadow: none;
}

.topRates{
	background-color: #093a8a;
	text-align: right;
}
.topRates .col {
	padding: 10px 7px;
	transition: all .1s;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top: solid 2px transparent;
}
.topRates .col:hover {
	background-color: #0b4ab1;
	border-top-color: #f39c12;
}
.topRates p {
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 15px;
	color: #efefef;
	margin-bottom: 5px;
}
.topRates span {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-weight: bolder;
	font-size: 20px;
	color: #FFF
}
.topRates b {
	display: inline-block;
	margin: 0;
	padding: 0;
	margin-left: 5px;
	font-size: 13px;
	font-weight: bold !important
}
.topRates i {
	display: block;
	margin: 0;
	padding: 0;
	color: #d6d6d6;
	font-size: 11px;
	line-height: 10px;
	font-style: normal;
}
.topRates sup{
	font-weight: bold;
	font-size: 11px;
}

.menu{
	background-color: #072a64;
	z-index: 9999;
}
.menu .navbar .navbar-nav .active{
	border-bottom: 5px solid #51a3ff;
}
.menu .navbar .navbar-nav .nav-item .nav-link{
	color: #fff;
    font-size: 16px;
    letter-spacing: 0.5px;
    display: block;
    position: relative;
    padding: 8px 18px 8px;
    text-transform: uppercase;
    transition: all .4s ease;
}
.menu .navbar .navbar-nav .nav-item .nav-link:hover{
	background-color: #51a3ff;
}
/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}

.searchHolder{
	overflow: hidden;
	display: inline-block;
	max-width: 0;
	width: 190px;
	transition: max-width 0.3s;
}
.searchButton{
	color: #d1d1d1;
	font-size: 24px;
}
.searchButton:hover{
	color: #fff;
	font-size: 24px;
}
.opened{
	max-width: 190px;
}

.newsHolder{
	position: relative;
}
.newsHolder .slick-dots {
	background: #333
}
.newsHolder .slick-dots li:first-child{
	border-bottom-right-radius: 5px;
}
.newsHolder .slick-dots li:hover {
	background-color: #454545 !important
}
.newsHolder .slick-dots li.slick-active {
	background-color: #454545 !important
}
.newsHolder .slick-dots li a {
	color: #fff
}
.newsHolder .slick-dots li a:hover {
	text-decoration: none
}
.newsHolder .slick-list{
	border-top-right-radius: 5px!important;
	border-top-left-radius: 5px!important;
}
.newsHolder .slick-slide {
	border-radius: 5px;
}
.newsHolder .slick-slide .imgContainer {
	position: relative;
}
.newsHolder .slick-slide .imgContainer img {
	filter: brightness(70%);
	height: 305px;
	max-width: 100%;
	overflow: hidden;
}
.newsHolder .slick-slide .imgContainer .newsTitle{
	color: #fff;
	font-size: 22px;
	position: absolute;
	bottom: 50px;
	right: 16px;
	width:90%;
	padding: 10px 20px 0px 0px;
	text-align: right;
}
.newsHolder .slick-slide .imgContainer .newsCategory{
	position: absolute;
	bottom: 15px;
	right: 16px;
}
.newsHolder .slick-slide .imgContainer .newsDate{
	color: #fff;
	font-size: 13px;
	position: absolute;
	bottom: 15px;
	right: 110px;
}



.homeRates {
	width: 100%;
	border-spacing: 1;
	border-collapse: collapse;
	background: white;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 15px;
	margin-top: 5px;
	border-radius: 0px;
	margin-bottom: 3px
}
.homeRates thead tr {
	background: #36304a
}
.homeRates tbody tr:last-child {
	border: 0
}
.homeRates tbody tr:nth-child(odd) {
	background-color: #f5f5f5 !important
}
.homeRates tbody tr {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #808080;
	line-height: 1.2;
	font-weight: unset;
	background-color: #fff !important;
}
.homeRates tbody tr:hover {
	color: #555555;
	background-color: #e5e5e5
}
.homeRates thead tr th:first-child {
	padding-right: 15px;
	text-align: right
}
.homeRates td, .homeRates th {
	padding: 10px 4px;
	text-align: center
}
.homeRates td {
	font-size: 15px
}
.homeRates tbody tr td:first-child {
	padding-right: 15px;
	text-align: right
}
.homeRates tbody tr td a {
	color: #333;
	text-decoration: none;
}
.homeRates img.dRates {
	max-width: 20px;
	vertical-align: -2px;
	border-radius: 3px
}

.moreCurrencies {
	margin: 5px;
}
.moreCurrencies a {
	font-family: 'Open Sans', sans-serif;
	display: block;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
	padding: 6px 12px;
	color: #333;
	border-radius: 5px;
	margin-right: 5px;
	font-size: 14px;
	letter-spacing: 0.7px;
	float: left;
	font-weight: bold;
	text-decoration: none;
	transition: all .2s ease;
}
.moreCurrencies a:hover{
	background-color: #4486f2;
	color: #fff;
}
.moreCurrencies a i{
	color: #1abc9c;
}
.moreCurrencies a:hover i{
	color: #fff;
}

.th1 th {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #fff;
	background: #34495e;
	line-height: 1.2;
	font-weight: unset
}
.th2 th {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #fff;
	background-color: #e74c3c;
	line-height: 1.2;
	font-weight: unset
}
.th3 th {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #fff;
	background-color: #3498db;
	line-height: 1.2;
	font-weight: unset
}
.th7 th {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #fff;
	background-color: #22a6b3;
	line-height: 1.2;
	font-weight: unset
}
.th8 th {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #fff;
	background-color: #ee5253;
	line-height: 1.2;
	font-weight: unset
}
.th9 th {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #333;
	background: #fff;
	line-height: 1.2;
	font-weight: unset
}

.sideBar{}

.selectedCurrencies a{
	text-decoration: none;
	font-size: 14px;
	/*color: #444;*/
}
.selectedCurrencies a sup{
	color: #333;
	font-size: 14px;
}
.selectedCurrencies hr{
	border: 0;
    height: 1px;
    background-image: linear-gradient(to left, rgba(102, 102, 102, 0), rgba(102, 102, 102, 0.80), rgba(102, 102, 102, 0));
    margin: 3px 0px;
}
.selectedCurrencies p{
	margin-bottom: 0;
	font-size: 14px;
}
.selectedCurrencies b{
	margin-bottom: 0;
	font-size: 15px;
}

.currencyConverter{}
.currencyConverter input{
	width: 50%;
	display: inline-block;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #e4e2e5;
    margin: 0 10px 0 0px;
    padding: 2px;
    color: #333;
    height: 40px;
    font-size: 14px;
    margin-bottom: 15px;
    outline: 0;
    text-align: right;
}
.currencyConverter input:focus {
	box-shadow: none;
}

.app-banner{
	background-image: url('../img/app-banner-bg.jpg');
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.app-banner h2{
	color: #fff;
	letter-spacing: -0.4px;
    font-weight: 300;
    font-size: 48px;
    line-height: 52px;
    font-family: 'Source Sans Pro',sans-serif;
}
.app-banner p{
	color: #fff;
}

.latestNews{
	text-align: center!important;
}
.latestNews div{
	padding: 10px;
}
.latestNews .slick-list{
	padding: 0;
}
.latestNews .slick-list .slick-track{
	padding: 0;
}
.latestNews .slick-prev, .slick-next {
    top: 35%;
    width: 30px;
    height: 30px;
}
.latestNews .slick-prev:before, .latestNews .slick-next:before {
    font-size: 27px;
    opacity: .75;
    color: #333;
}
.latestNews .slick-slide{
	overflow: hidden;
}
.latestNews .slick-slide img{
	height: 216px;
	width: 216px;
	border-radius: 10px;
	margin: 0 auto;
}
.latestNews .slick-slide .category{}
.latestNews .slick-slide .newsTitle{
	color: #337ab7;
	text-decoration: none;
	font-size: 17px;
    font-weight: bold;
    line-height: 26px;
    font-family: 'Roboto',sans-serif;
}
.latestNewsTitle{
	border-bottom: solid 3px #ccc;
	display: inline-block;
}

.footer{
	background-color: #222222;
}
.footer .col-md-6{
	vertical-align: middle;
}
.footer ul li{
	display: inline-block;
    padding: 0 10px 20px;
    position: relative;
}
.footer ul li a{
	position: relative;
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.5px;
}
.footer ul > li:not(:last-child) > a:after {
    content: '';
    background: #606060;
    height: 14px;
    width: 1px;
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -7px;
    margin-right: 10px;
}

.copy{
	border-top: 1px solid #2d2d2d;
    
}
.copy h3{
	font-size: 14px;
    line-height: 24px;
    color: #606060;
    text-align: center;
    font-weight: normal;
}

.up{
	color: #449d44 !important;
}

.down{
	color: #e62739 !important;
}

.even{
	color: #F1C30B !important;
}

.time {
	font-size: 11px !important;
	font-weight: bold;
	color: #989898
}

.flag{
	max-width: 20px !important;
	vertical-align: -2px;
	border-radius: 3px;
}

.markets .select2-container--default .select2-selection--single {
	border: none;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3) !important;
}
.markets .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 32px;
}
.markets .select2-container .select2-selection--single{
	height: 32px;
	text-align: right;
}

.marketTitle{
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 20px;
}

.exchangeRatesTable {
	width: 100%;
	border-spacing: 1;
	border-collapse: collapse;
	background: white;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 15px;
	margin-top: 10px;
	box-shadow: 0 0 11px rgba(0, 0, 0, 0.13)
}

.currencyConverter{
	margin-top: 10px;
}

.marketStatus {
	margin-bottom: 11px;
	border-radius: 16px;
	display: inline-block;
}

.marketStatus h4 {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	display: inline-block;
	margin-left: -4px;
	padding: 4px 12px;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	padding-top: 6px;
	background-color: #f4f4f4
}

.openDesign {
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	margin-left: 0px !important;
	border-right: solid 1px #b8efcf;
	background-color: #b8efcf !important
}

.closedDesign {
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	margin-left: 0px !important;
	border-right: solid 1px #ccc;
	background-color: #ccc !important
}

.marketStatus span {
	height: 12px;
	width: 12px;
	display: inline-block;
	border-radius: 100%;
	cursor: pointer
}

@-webkit-keyframes blinker {
	from {
		opacity: 1.0
	}

	to {
		opacity: 0.0
	}

}

.open {
	background: #2ecc71;
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate
}

.closed {
	background: #b7b7b7
}

.breadcrumbs{
	font-size: 14px;
}

.currencyTitle{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 30px;
    line-height: 40px;
    color: #333;
}

.currencyDetails h5{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 30px;
    line-height: 40px;
    color: #333;
}
.currencyDetails p{
	font-size: 14px;
}
.currencyDetails p sup{
	font-weight: bold;
}
.currencyDetails .time{
	font-size: 16px!important;
	font-family: 'Source Sans Pro', sans-serif;
    color: #333;
    font-weight: normal;
}
.periods{
	border: none;
	background-color: #fff;
	padding: 5px 6px;
	font-size: 13px;
	-webkit-transition: none;
	transition: none;
	border-bottom: 2px solid transparent;
	margin-bottom: 15px;
	color: #777;
}
.periods:first-child{
	margin-right: 30px
}
.periods:hover{
	color: #315eb8;
	border-bottom: 2px solid #315eb8
}
button.active{
	color: #315eb8;
	border-bottom: 2px solid #315eb8
}

.tinyTh thead th{
	font-size: 12px;
	color: #777;
	font-weight: normal!important;
}

.newsEntry{}
.newsEntry img{
	border-radius: 5px;
}
.newsEntry h3{
	font-weight: 700;    
    display: block;
    font-family: 'Merriweather Sans', sans-serif;
    margin-bottom: 0;
    
}
.newsEntry h3 a{
	color: #333;
	font-size: 20px !important;
}
.newsEntry span{
	text-transform: uppercase;
    color: #999;
    font-size: 10px;
    line-height: 20px;
    letter-spacing: 0.5px;
}
.newsEntry p{
	margin-bottom: 5px;
    font-size: 14px;
}

.mostRead ul{
	counter-reset: item;
	padding-right: 5px;
}
.mostRead ul li{
	list-style-type: none;
	position: relative;
    padding-right: 50px;
    margin-bottom: 13px;
}
.mostRead ul li:last-child{
    margin-bottom: 1px;
}
.mostRead ul li:before {
    content: counters(item, ".");
    counter-increment: item;
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 47px;
    background: #f4f4f4;
    color: #ccc;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 47px;
    font-size: 25px;
    font-weight: bold;
    border-radius: 3px;
}
.mostRead ul li a{
	text-decoration: none;
	font-weight: bold;
	color: #333;
	font-size: 14px;
	line-height: 0;
}
.mostRead ul li a:hover{
	color: #1e46a5
}

.newsItem .newsImage{
	position: relative;
}
.newsItem .newsImage img{
	display: block;
	max-width: 100%;
	border-radius: 5px;
}
.newsItem .newsImage .category{
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.newsItem a.newsTitle{
	font-weight: 700;
    font-size: 16px;
    color: #050505;
    display: block;
    line-height: 1.3;
    font-family: 'Merriweather Sans', sans-serif;
    display: block;
    padding-top: 10px;
}
.newsItem span{
	text-transform: uppercase;
    color: #666;
    font-size: 10px;
    line-height: 20px;
    letter-spacing: 0.5px;
}

h4.sideTitle{
	margin-right: 10px;
	border-bottom: 2px solid #ccc;
	font-family: 'Merriweather Sans', sans-serif;
	display: inline-block;
	margin-bottom: 12px;
	font-size: 18px;
}

.categories, .tags{
	border-right: solid 1px #ccc;
}
.categories ul{
	padding-left: 25px;
}
.categories ul li{
	text-transform: uppercase;
	padding: 8px 5px;
	font-weight: bold;
	padding-left: 10px;
}
.categories ul li::marker{
	font-family: 'fontawesome';
	content: '\f005';
	color: #f1c40f;
	/*margin-right: 5px;*/
}
.categories ul li a{
	color: #51a3ff;
    border-bottom: 1px solid transparent;
    font-size: 16px;
    letter-spacing: 0.3px;
    /*margin-left: 20px;*/
}

.btn-group-xs > .btn, .btn-xs {
  padding: .40rem .25rem;
  font-size: .775rem;
  line-height: .5;
  border-radius: .2rem;
}

.tagCloud {
	padding-right: 10px;
	overflow: hidden;
	margin: -4px -2px 0
}
.tagCloud a {
	color: #333;
    font-size: 14px;
	line-height: 16px;
	padding: 7px 10px;
	display: block;
	float: right;
	border: 1px solid #1e46a5;
	border-radius: 3px;
	letter-spacing: 0.8px;
	margin: 4px 2px 0
}
.tagCloud a:hover {
	border-color: #1e46a5;
	background-color: #1e46a5;
	color: #fff
}

.our-info .post{
	font-size: 14px;
    color: #999;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.our-info p{
	font-size: 18px;
}

.nextPreviousNews .nextNews:before, .nextPreviousNews .previousNews:before{
    font-size: 13px;
    color: #555;
    font-family: 'fontawesome';
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #eaeaea;
    border-radius: 3px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.nextPreviousNews .nextNews:before{
	content: '\f053';
	float: left;
	margin-right: 5px;
}
.nextPreviousNews .previousNews:before{
	content: '\f054';
	float: right;
	margin-left: 5px;
}

.select2-results__options{
	text-align: right!important;
}

.against{
	font-size: 12px;
	font-weight: bold;
}

.moreMarkets a{
	color: #fff;
}

#forexTabs li a{
	margin-left: 15px;
	font-size: 15px;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 11000;
}
#loader {
    display: block;
    position: relative;
    right: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #222222;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 1001;
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #e74c3c;

        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #2ecc71;

        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }

    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #fff;
        z-index: 1000;
        -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(0);  /* IE 9 */
        transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    /* Loaded */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.3s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
                transition: all 0.3s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.3s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
        transition: all 0.3s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    
    .loaded #loader {
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;  
                transition: all 0.3s ease-out;
    }
    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateY(-100%);  /* IE 9 */
                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.3s 1s ease-out;  
                transition: all 0.3s 1s ease-out;
    }
    
    /* JavaScript Turned Off */
    .no-js #loader-wrapper {
        display: none;
    }
    .no-js h1 {
        color: #222222;
    }

.newsContent img{
	max-width: 100%;
}