@font-face{font-family:'Baloo-Regular';src:url('../fonts/Baloo-Regular.ttf');}
@font-face{font-family:'Roboto-Light';src:url('../fonts/Roboto/Roboto-Light.ttf');}
input:focus,select:focus{outline:none;}
.baloo{font-family:'Baloo-Regular';}
.graybg{background:#e5e5e5;}
.exchange-calculator{text-align:center;padding:40px 10%;font-family:'Roboto-Light';}
.exchange-calculator .middle{text-align:left;}
.exchange-calculator .top{font-size:32px;margin:10px;}
.exchange-calculator .bottom{color:#da0009;font-size:12px;margin:10px;}
.exchange-calculator .dropdown-menu{background:#fff;min-width:100px;overflow:auto;max-height:350px;}
.exchange-calculator .dropdown-menu li{padding:5px 10px;cursor:pointer;border-bottom:1px solid #CCC;}
.exchange-calculator label{margin:10px 5px;}
.exchange-calculator .arrow{margin-top:45px;}
.exchange-calculator .form-control{padding:0 18px;height:38px;}
.exchange-calculator .input-group-btn:last-child>.btn, .exchange-calculator .input-group-btn:last-child>.btn-group{height:38px;}
.select-no-style{background:none;border:none;border-bottom:1px solid #da0009;padding-bottom:5px;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(/new/images/exchange/select-arrow.png);background-repeat:no-repeat;background-position:right;padding-right:20px;}
.val-kursove{background:#fff;padding:40px 0;font-family:"Roboto-Light";min-height: 650px;}
.val-kursove h2{color:#000;font-family:"Roboto-Light";font-weight:bold;font-size:15px;}
.exchange-table{overflow:hidden;border-radius:4px;font-family:"Roboto";}
.exchange-table thead{color:#fff;background:#000;}
.exchange-table .red{font-size:16px;}
.exch-red{background:#490102;border-radius:4px;color:#fff;}
.exch-red > div{padding:16px;line-height:20px;}
.exch-red .lighter-red{background:#790b12;font-size:25px;line-height:30px!important;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.exch-red .lighter-red a{color:#FFF;}
.exchange-table img{margin-right:10px;}
.our-offices{background:url("/new/images/exchange/our-offices-bg.jpg");background-repeat:no-repeat;background-size:cover;}
.our-offices h2{text-align:center;}
.offices{padding:20px 0;font-family:"Roboto-Light";line-height:1.2;display:flex;justify-content:space-around;}
.offices .office{border-radius:4px;background:#fff;width:180px;}
.offices .office > div:first-child{background:#000;border-radius:4px 4px 0 0;}
.offices .office .inside > div{margin:15px 0;}
.offices .office .inside{padding:10px;}
.offices .office .title{font-weight:bold;}
.offices .office img{display:block;max-width:100%;border-radius:4px 4px 0 0;}
.our-services{padding:30px 0;font-family:"Roboto-Light";background:#fff;color:#000;}
.our-services h2{text-align:center;color:#000;}
.services{margin:20px 0;display:flex;justify-content:space-around;}
.services .service{width:270px;min-height:181px;position:relative;}
.services .service:hover{filter:brightness(120%);}
.services .text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;color:#fff;text-align:center;padding:0px 20px;text-transform:uppercase;font-size:40px;font-family:'BebasNRegular';}
.coins-bg{background-image:url("../images/exchange/coins-bg.jpg");background-size:cover;height:196px;}
.coins-bg .heading{display:flex;justify-content:center;align-items:center;height:196px;font-family:"Roboto-Light";}
.coins-bg .heading h1{font-family:"Roboto-Light";}
.italic{font-style:italic;}
.moneygram{background:#fff;padding:40px 0;}
.moneygram h2{color:#000;text-align:center;font-size:24px;}
.moneygram .why{margin-top:40px;display:flex;justify-content:space-between;}
.moneygram .why > div{height:200px;text-align:center;padding:29px;}
.moneygram .why > div .img{background-image:url("../images/exchange/why-sprite.png");background-repeat:no-repeat;height:62px;margin:0 auto;margin-bottom:20px;background-position:0 0;width:62px;}
.moneygram .why > div:nth-of-type(2) .img{background-position:-62px 0;}
.moneygram .why > div:nth-of-type(3) .img{background-position:-136px 0;}
.moneygram .why > div:nth-of-type(4) .img{background-position:-208px 0;}
.moneygram .why > div .title{font-size:18px;margin-bottom:15px;}
.moneygram .red{color:#e20026;font-weight:bold;}
.how-to{padding:40px 0px;font-family:"Roboto-Light";}
.how-to .text{display:flex;justify-content:center;flex-direction:column;}
.how-to h2{color:#000;margin:20px 0;}
.how-to .num{margin-top:74px;font-size:40px;}
.how-to .num > div, .how-to .text > div{height:60px;display:flex;justify-content:center;flex-direction:column;}
.gold-bg{background-image:url("../images/exchange/gold-calc-bg.jpg");background-size:cover;height:196px;}
.gold-bg .heading{height:196px;padding:30px 0;font-family:"Roboto-Light";color:#fff;}
.gold-bg .calc{margin-top:20px;}
.gold-bg .calc label{margin-left:5px;margin-bottom:5px;color:#aba9a8;}
.gold-bg .heading h1{font-family:"Roboto-Light";text-align:center;}
.graybg .faq{color:#000;font-family:"Roboto-Light";}
.graybg .faq h2, .graybg h2{color:#000;}
.graybg .faq .panel-heading{background:#fff;color:#000;}
.graybg .faq .panel-heading a:hover{color:#000;}
.panel-heading .accordion-toggle:after{font-family:'Glyphicons Halflings';content:"\e113";float:right;}
.panel-heading .accordion-toggle.collapsed:after{content:"\e114";}
.p40{padding:40px 0;}
.flex{display:flex;}
.space-around{justify-content:space-around;}
.wrap{flex-wrap:wrap;}
#calculator{display:flex;justify-content:center;flex-wrap:wrap;}
#calculator-left{font-size:32px;color:#333;font-family: 'Roboto-Light';padding-right:10px;}
#calculator-right{display:flex;position:relative}
#location-marker{display:flex;justify-content:center;text-align:center;}
#select-city{justify-content:center}
.select-city-drop{
	border:none;
    border-bottom: 1px solid #da0009;
    padding-bottom: 5px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(/new/images/exchange/select-arrow.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 30px;
font-size:32px;color:#333;font-family: 'Roboto-Light';
}
.marker{    color: #c4161c;font-size:2em;padding-left:10px}
#calculator h1{color:#000;margin-bottom:20px;}
.cursel {    background: url(../images/exchange/flags/EUR.png) no-repeat;
    background-position: 10px;
    padding-left: 42px;}
.half-left{width:40%;line-height:1.5;}
.half-right{width:40%;line-height:1.5;}
.calculated {display:flex;flex-wrap;wrap;justify-content:end}
.p70 {width:70%;text-align:left;}
.p30 {width:30%;text-align:right;}
.justify-row{display:flex;flex-wrap:wrap;justify-content:space-between;}
.dropdown-menu{background:#1c1c1c;border-radius:0;    font-family: 'Roboto-Light'!important;}
.elink{color:#333;border-bottom:2px solid rgba(0,0,0,0);margin-bottom:3px;}
.elink:hover{border-bottom:2px solid #333;color:#333;}
.eselected{border-bottom:2px solid #333;}
@media only screen and (max-width:1200px){
	.office{width:33%!important;margin:10px;}
.offices{flex-wrap:wrap;}
.exchange-calculator{text-align:center;padding:40px 20px;font-family:'Roboto-Light';}
.moneygram .why{flex-direction:column;}
.gold-bg .calc > div{width:50%;margin-top:5px;}
.gold-bg .heading h1{font-size:15px;}
}
@media only screen and (max-width:768px){
	.exchange-calculator .dropdown-menu{
	margin-left: -92px;
	}
	.half-left{width:100%}
	.half-right{width:100%}
#calculator-left{width:100%;margin-bottom:20px;}
.exch-red .lighter-red{    display: flex;    flex-wrap: wrap;
    justify-content: space-between;}
}
@media only screen and (max-width:520px){
	.services{
	   flex-direction: column;
	   align-items: center;
	}
	.service{padding-bottom:10px;}
	.office{width:80%!important;margin:10px;}
}