html{overflow-x:hidden; height:100%;}
body {

	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	overflow-x:hidden;

}
@font-face {
font-family: 'SFUIText-Medium';
src: url('../fonts/SFUIText-Medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
a {
	text-decoration:none;
	-moz-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
a:hover{text-decoration:none;}

.topbg{float:left; width:100%; background:url(../images/bannerbg.png) no-repeat left top #3f85d6;}
.header{padding-top:65px; float:left; width:100%;}

.navbar{padding:0px;}
.navbar-nav li{padding-left:25px;}
.navbar-nav li a{color:#fff; font-size:15px; text-transform:uppercase; font-family:SFUIText-Medium, Helvetica, sans-serif;}
.navbar-nav li a:hover{color:#52d933}
.signupbtn{padding:12px 20px; border-radius:3px; background:#52d933;}
.signupbtn:hover{background:#37c117; color:#fff!important;}

.bannerbg{
    padding:60px 0px;
    float:left;
    width:100%;
     padding-bottom:50px !important;
    
}

.exchangeratesfieldrow{background:#fff; border-radius:5px; overflow:hidden; height:67px; width:100%; margin-bottom:20px;}
.exchangeratesfield{width:75%; float:left; padding:7px 30px;}
.exchangeratesfield label{display:block; color:#3f85d6; font-size:15px; margin:0px;}
.exchangeratesfield input{outline:none; width:100%; color:#272727; font-size:20px; font-weight:600; border:none;}
.exchangeratesfield input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #272727;
}
.exchangeratesfield input::-moz-placeholder { /* Firefox 19+ */
  color: #272727;
}
.exchangeratesfield input:-ms-input-placeholder { /* IE 10+ */
  color: #272727;
}
.exchangeratesfield input:-moz-placeholder { /* Firefox 18- */
  color: #272727;
}

.login_form
{
border-radius: 5px;
border: 2px solid #3E85D5;
padding: 20px;
background-color: #3E85D5;
color: #fff;
}

.exchangeratesfield-right{width:25%; float:left; font-weight:600; font-size:15px; color:#fff; line-height:67px; text-align:center; background:#4799f8;}

.yourcostrow{background:#4799f8; border-radius:5px; overflow:hidden; height:67px; width:100%; margin-bottom:20px; padding:7px 0px;}
.yourcostrow ul{padding:0px; margin:0px;}
.yourcostrow li{display:inline-block; padding:0px 15px 0px 34px; border-left:solid 1px #3f85d6; color:#fff; font-size:20px; font-weight:600;}
.yourcostrow li:first-child{border:none;}
.yourcostrow li label{color:#fff; font-size:15px; margin:0px; font-weight:400; display:block;}
.staredbtn{display:inline-block; float:left; width:100%; text-align:center; color:#fff; font-size:16px; font-weight:600; text-transform:uppercase; border:none; border-radius:5px; height:65px; line-height:65px; background:#52d933;}
.staredbtn:hover{background:#32ba12; color:#fff;}
.exchangeratesfield-right a{position:relative; background:#4799f8; color:#fff; display:block; line-height:67px;}
.exchangeratesfield-right a:hover{background:#277fe4;}
.exchangeratesfield-right a span{display:inline-block; padding-right:10px;}
.exchangeratesfield-right a img{width:25px;}
.exchangeratesfield-right .dropdown-menu{padding:0px; left:0;}
.exchangeratesfield-right .dropdown-menu a{display:block; line-height:35px; padding:0px 15px;}

.bannertext{padding-right:30px;}
.bannertext h1{color:#fff; font-size:65px; line-height:61px; font-weight:600; margin:0 0 35px 0px;}
.bannertext p{color:#fff; font-size:17px; line-height:35px;}
.bannertext p span{background:#4799f8; padding:0px 5px;}
.vidbtn{display:inline-block; padding:10px 20px; border-radius:5px; background:#faaf38; display:inline-block; color:#fff; font-size:17px; font-weight:600;}
.vidbtn:hover{color:#fff; background:#ec9a18;}

.trustedplatform-bg{float:left; width:100%; padding:135px 0px; text-align:center; background:url(../images/shadow2.png) no-repeat top right;}
.trustedplatform-bg h1{color:#2c2d2f; font-size:36px; margin:0 0 35px 0px; font-weight:600;}
.trustedplatform-bg ul{padding:0px; margin:0px;}
.trustedplatform-bg li{display:inline-block; margin-top:35px; padding:0px 26px;}
.trustedplatform-bg li img{box-shadow: 0px 3px 13px #ccc;}
.trustedplatform-bg li p{color:#141414; font-size:22px; font-weight:600; margin:15px 0 0 0;}

.howsendmoney{float:left; width:100%; background:url(../images/bannerbg.png) no-repeat left top #f0f2f4; padding:140px 0px;}
.howsendmoney h1{color:#2c2d2f; font-size:36px; margin:0 0 35px 0px; text-align:center; font-weight:600;}
.sendmoneybox{padding:35px 28px; background:#fff; border-radius:15px; box-shadow: 0px 3px 13px #eceff2; margin-top:30px;}
.sendmoneybox h3{color:#1b1c1d; font-size:20px; margin:30px 0 15px 0px; font-weight:600;}
.sendmoneybox p{color:#474a4d; font-size:16px; line-height:24px; margin:0px;}

.buildingmoney-bg{float:left; width:100%; position:relative;}
.buildingmoney-bg-text{float:left; width:70%; background:url(../images/buildingmoney-shadow.png) no-repeat right top #3f85d6; padding:90px 17% 90px 10%; border-radius:0 0 70px 0px;}
.buildingmoney-bg-text h3{color:#fff; font-size:36px; line-height:50px; font-weight:600; margin:0 0 32px 0px;}
.buildingmoney-bg-text p{color:#f0f2f4; font-size:16px; line-height:28px; margin:0px;}
.buildingmoney-bg-text ul{padding:0px; margin:35px 0px;}
.buildingmoney-bg-text li{list-style:none; color:#fff; font-size:16px; margin:10px 0px;}
.buildingmoney-bg-text li .fa{font-size:14px; color:#25dcad; padding-right:8px;}

.findbtn{display:inline-block; border-radius:3px; padding:12px 30px; color:#fff; font-size:17px; font-weight:600; background:#52d933;}
.findbtn:hover{background:#38ba1a; color:#fff;}
.buildingmoneyimg{position:absolute; right:8%; top:8%;}
.buildingmoneyimg img{border-radius:70px 0 0px 0px;}

.footer{float:left; width:100%;}

.footer-top{float:left; width:100%; padding:100px 0 50px 0px;}
.footermenu h2{color:#3f85d6; font-size:17px; font-weight:600; margin:0 0 28px 0px;}
.footermenu ul{padding:0px; margin:0px;}
.footermenu li{list-style:none; padding-bottom:5px;}
.footermenu li a{color:#161718; font-size:14px;}
.footermenu li a:hover{color:#3f85d6;}

.footer-mid{float:left; width:100%; padding:30px 0px; border-bottom:solid 1px #e5edf0;  border-top:solid 1px #e5edf0;}
.footer-mid a{display:inline-block; float:left; margin-right:18px; color:#75797e; font-size:14px;}
.footer-mid a:hover{color:#3f85d6;}
.footer-mid span{color:#75797e; font-size:14px; text-transform:uppercase; float:right;}

.footer-bottom{padding:30px 0px; float:left; width:100%;}
.footerlogo{display:inline-block; float:left;}
.footer-bottomright-text{color:#75797e; font-size:14px; line-height:30px; float:right; width:50%;}

.innertopbg{background:#3e85d5; padding:40px 0px;}

.stepsbg{float:left; width:100%; padding:80px 0px;}
.stepsbg h1{font-size:36px; font-weight:600; color:#2c2d2f; margin:0 0 45px 0px; text-align:center;}

.stepsnav{float:left; width:100%; text-align:center;}
.stepsnav ul{padding:0px; margin:0px;}
.stepsnav li{display:inline-block; position:relative; width:16%;}
.stepsnav li::after{background:#fcfcfc; height:5px; content:""; width:200px; position:absolute; left:50%; top:30%; z-index:-9;}
.stepsnav li:last-child::after{display:none;}
.stepsnav li a{display:inline-block; width:102px; height:102px; line-height:102px; border-radius:50%; color:#52d933; font-size:35px; font-weight:600; box-shadow:6px 10px 13px #e9ecec; background:#fff;}
.stepsnav li h5{color:#e3e3e3; font-size:17px; font-weight:600; margin:17px 0 13px 0px;}
.stepsnav li h3{color:#e3e3e3; font-size:20px; font-weight:600; margin:0px;}

.stepsnav li.active a, .stepsnav li a:hover{background:#52d933; color:#fff; box-shadow:6px 10px 13px #ccf1c4;}
.stepsnav li.active::after{background:#52d933;}
.stepsnav li.active h5{color:#3d4142;}
.stepsnav li.active h3{color:#52d933;}

.stepscontent-bg{float:left; width:100%; padding:60px 0 0 0px;}

.stepscontent{float:left; width:100%; padding:50px 0px; border-bottom:solid 1px #e5e6e7;}
.stepscontent h3{color:#292a2b; font-size:22px; font-weight:600; margin:0px 0 35px 0px;}
.stepscontent p{color:#000; font-size:16px; line-height:29px; margin:0px 0 35px 0px;}

.stepscontentform .form-group{margin:10px 0px;}
.stepscontentform .form-group label{color:#34383a; font-size:16px; width:100%; margin-bottom:20px;}
.stepscontentform .form-control{font-size:16px; color:#000; padding:0px 15px; height:55px; border:none; background:#f1f3f4; border-radius:0px; box-shadow:inset 0 3px 7px rgba(0,0,0,.0);}
.radiost{padding-left:20px;}

.savebtnrow{float:left; width:100%; text-align:center; margin-top:80px;}
.savebtnrow a{display:inline-block; padding:17px 35px; margin:0px 5px; border-radius:5px; color:#fff; text-transform:uppercase; font-size:16px; font-weight:600; background:#3f85d6;}
.savebtnrow button{display:inline-block; padding:17px 35px; margin:0px 5px; border-radius:5px; color:#fff; text-transform:uppercase; font-size:16px; font-weight:600; background:#3f85d6;border:none;}
.savebtnrow a:hover{background:#1862b7; color:#fff;}
.savebtnrow button:hover{background:#1862b7; color:#fff;}

.takebtn{display:inline-block; padding:17px 35px; margin:0px 5px; border-radius:5px; color:#fff; text-transform:uppercase; font-size:16px; font-weight:600; background:#3f85d6;}
.takebtn:hover{background:#1862b7; color:#fff;}



@media only screen and (min-width: 960px) and (max-width: 1200px) {
.yourcostrow{height:auto;}
.buildingmoneyimg{right:3%;}
.sendmoneybox{min-height:320px;}
.stepsnav li{vertical-align:top;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.yourcostrow{height:auto;}
.yourcostrow li{padding:15px 25px; width:100%; border:none;}
.exchangeratesfield{width:60%;}
.exchangeratesfield-right{width:40%;}
.buildingmoneyimg{position:inherit; right:0; top:0; padding:25px 15px;}
.buildingmoneyimg img{width:100%; border-radius:5px;}
.buildingmoney-bg-text{width:100%; padding:25px 15px; border-radius:0px;}
.footermenu{margin-bottom:30px;}
.sendmoneybox{min-height:320px;}
.stepsnav li{margin:15px 0px; width:23%;}
.stepsnav li::after{display:none;}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.navbar-nav li{padding:10px 0px; border-bottom:solid 1px #fff; text-align:center;}
.signupbtn{display:block;}
.bannerbg{padding:50px 0px;}
.bannertext{padding:0px; text-align:center; margin-bottom:50px;}
.exchangeratesfield{width:60%;}
.exchangeratesfield-right{width:40%;}
.yourcostrow{height:auto; text-align:center;}
.yourcostrow li{padding:15px 0px; width:100%; border:none;}
.sendmoneybox{text-align:center;}
.buildingmoneyimg{position:inherit; right:0; top:0; padding:25px 15px;}
.buildingmoneyimg img{width:100%; border-radius:5px;}
.buildingmoney-bg-text{width:100%; padding:25px 15px; border-radius:0px;}
.footermenu{margin-bottom:30px;}
.footer-mid{text-align:center;}
.footer-mid a{float:none; margin:0px 8px;}
.footer-mid span{width:100%; padding-top:5px;}
.footerlogo{width:100%; text-align:center; padding-bottom:10px;}
.footer-bottomright-text{width:100%; text-align:center;}
.stepsnav li{margin:15px 0px; width:49%;}
.stepsnav li::after{display:none;}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
.navbar-nav li{padding:10px 0px; border-bottom:solid 1px #fff; text-align:center;}
.signupbtn{display:block;}
.bannerbg{padding:50px 0px;}
.bannertext{padding:0px; text-align:center; margin-bottom:50px;}
.exchangeratesfield{width:60%;}
.exchangeratesfield-right{width:40%;}
.yourcostrow{height:auto; text-align:center;}
.yourcostrow li{padding:15px 0px; width:100%; border:none;}
.sendmoneybox{text-align:center;}
.buildingmoneyimg{position:inherit; right:0; top:0; padding:25px 15px;}
.buildingmoneyimg img{width:100%; border-radius:5px;}
.buildingmoney-bg-text{width:100%; padding:25px 15px; border-radius:0px;}
.footermenu{margin-bottom:30px;}
.footer-mid{text-align:center;}
.footer-mid a{float:none; margin:0px 8px;}
.footer-mid span{width:100%; padding-top:5px;}
.footerlogo{width:100%; text-align:center; padding-bottom:10px;}
.footer-bottomright-text{width:100%; text-align:center;}
.stepsnav li{margin:15px 0px; width:49%;}
.stepsnav li::after{display:none;}
}
@media only screen and (max-width: 479px) {
.navbar-nav li{padding:10px 0px; border-bottom:solid 1px #fff; text-align:center;}
.signupbtn{display:block;}
.bannerbg{padding:50px 0px;}
.bannertext{padding:0px; text-align:center; margin-bottom:50px;}
.exchangeratesfield{width:60%;}
.exchangeratesfield-right{width:40%;}
.yourcostrow{height:auto; text-align:center;}
.yourcostrow li{padding:15px 0px; width:100%; border:none;}
.sendmoneybox{text-align:center;}
.buildingmoneyimg{position:inherit; right:0; top:0; padding:25px 15px;}
.buildingmoneyimg img{width:100%; border-radius:5px;}
.buildingmoney-bg-text{width:100%; padding:25px 15px; border-radius:0px;}
.footermenu{margin-bottom:30px;}
.footer-mid{text-align:center;}
.footer-mid a{float:none; margin:0px 8px;}
.footer-mid span{width:100%; padding-top:5px;}
.footerlogo{width:100%; text-align:center; padding-bottom:10px;}
.footer-bottomright-text{width:100%; text-align:center;}
.stepsnav li{margin:30px; width:auto;}
.stepsnav li::after{display:none;}
}


.navbar-brand img {
    width: 200px!important;
    padding: 10px;
    /*background-color: #52d933;*/
    border-radius: 5px;
}




.footerlogo{
     width: 200px!important;
    padding: 10px;
   
    border-radius: 5px;
}

.bannerbg .row{
    justify-content:center;
    text-align:center
    
}

