@font-face { font-family: 'futura_lt_btlight'; src: url('../fonts/futural-webfont.eot'); src: url('../fonts/futural-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/futural-webfont.woff2') format('woff2'), url('../fonts/futural-webfont.woff') format('woff'), url('../fonts/futural-webfont.ttf') format('truetype'), url('../fonts/futural-webfont.svg#futura_lt_btlight') format('svg'); font-weight: normal; font-style: normal; }
/* Reset CSS Start*/
* { margin: 0; padding: 0; box-sizing: border-box; outline: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: none; -webkit-border-radius: 0; outline: none }
.clear { font-size: 1%; height: 0; line-height: 0; width: 0; float: none; clear: both; }
* html .clearfix { height: 1%; }
input { outline: none }
ul { list-style: none; }
:focus { outline: 0; }
img, img a { border: 0; outline: 0; }
a { text-decoration: none; outline: none; color: #333 }
a.selected { color: #333; cursor: default; }
a:hover { text-decoration: none; color: #005593 }
img { border: none; }
html { width: 100%; height: 100%; -webkit-text-size-adjust: 100%; }
h1, h2, h3, h4, h5 table, table tr td, table tr th { border: none; font-weight: normal; }
textarea { resize: none; border: none; outline: none; background: none }
input { background: none; }
.bold { font-weight: bold }
*, *::before, *::after { box-sizing: border-box; }
/* Reset CSS end*/


body { margin: 0; padding: 0px; font-size: 62.5%; font-weight: normal; font-family: arial; background: #fff; color: #575757; overflow-x: hidden; font-family: Lato; box-sizing: border-box; -webkit-text-size-adjust: none; }
.forexwrapperMain { width: 100%; display: block; float: left; background: url("../images/main-bg.jpg") no-repeat scroll 50% 25%; background-size: cover; }
.forexwrapperMain .forexwrapperCenter { width: 620px; margin: 45px auto 80px auto; }
.forexwrapperMain .forexwrapperCenter p.headLight { font-family: 'FuturaBT-Light'; font-size: 2.7em; color: #fff; text-align: center; text-transform: uppercase; }
.forexwrapperMain .forexwrapperCenter p.headBold { font-family: 'Futura-bold'; font-size: 3.6em; color: #fff; text-align: center; font-weight: bold; text-transform: uppercase; }
.forexwrapperMain .forexwrapperCenter .note { float: left; width: 100% }
.forexwrapperMain .forexwrapperCenter .note p { font-family: 'FuturaBT-Light'; color: #fff; font-size: 1.2em; padding-bottom: 2px; }
/**/
.forexfromMain { position: relative; float: left; background: #fff; width: 100%; margin: 30px 0px 15px 0px; }
.forexfromMain .product { float: left; width: 60%; padding: 2% 0% 2% 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 200px; margin-top: 50px; }
.forexfromMain .product .raw { width: 100%; float: left; display: block; }
.forexfromMain .product .raw.currency { margin-bottom: 20px; }
.forexfromMain .product .raw.amountInput { margin-bottom: 40px; }
.forexfromMain .amount { font-family: 'FuturaBT-Medium'; float: right; width: 40%; padding: 61px 2% 40px 2%; background: #f4f3f3; }
.forexfromMain .amount p { font-size: 2em; color: #3e3e3e; text-align: center; }
.forexfromMain .amount p.pay { width: 150px; margin: 0 auto; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #c6c6c6; }
.forexfromMain .amount .rupeeWarp { margin-top: 10px; float: left; width: 100%; text-align: center; font-size: 3em; font-weight: bold; color: #ab1b5c; margin-bottom: 104px; }
.forexfromMain .amount .rupeeWarp .rupee { font-family: 'WebRupee'; }
.forexfromMain .amount .rupeeWarp .rupeetxt { font-family: 'Futura-bold'; }
.forexfromMain .amount .submit { font-family: 'FuturaBT-Medium'; font-size: 1.5em; border: 1px solid #ab1b5c; background: #fff; color: #ab1b5c; padding: 5px 0px; width: 100%; cursor: pointer; }
/**/

/**Selectbox**/
.forexfromMain .product .selectWrapper { background: #fff; border-bottom: 1px solid #c6c6c6; float: left; height: 30px; padding: 5px 8px; position: relative; width: 70%; }
.forexfromMain .product .selectWrapper span.arrow { background: url("../images/drop-down-arrow.jpg") no-repeat scroll 0 0; content: ""; height: 9px; position: absolute; right: 10px; top: 11px; width: 14px; }
.forexfromMain .product .selectText { font-family: 'FuturaBT-Light'; color: #aeaeae; font-size: 1.4em; height: 19px; overflow: hidden; position: relative; width: 91%; }
.forexfromMain .product .selectWrapper select { height: 100%; left: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -khtml-opacity: 0; position: absolute; top: 0; width: 100%; }
.forexfromMain .product .selectWrapper select option { padding: 1px 0px 1px 8px; color: #3e3e3e; font-size: 0.9em; }
.forexfromMain .product .selector { border: 1px solid #a6a6a6; float: right; height: 36px; padding: 0; position: relative; width: 100%; }
/**Selectbox**/

/**TextBox**/
.forexfromMain .product .field input { font-family: 'FuturaBT-Light'; background: #fff; border-bottom: 1px solid #c6c6c6; color: #aeaeae; float: left; font-size: 1.4em; opacity: 10; height: 30px; padding: 5px 8px; width: 70%; }
/**TextBox**/

/**redio button**/
.forexfromMain .product .raw.selectProduct { min-height: 135px; }
.forexfromMain .product .selectProduct p { font-family: 'Futura-bold'; margin-bottom: 20px; font-size: 1.6em; color: #3e3e3e; }
.forexfromMain .product .radioBtn ul li { font-family: 'FuturaBT-Medium'; float: left; margin-right: 5px; margin-bottom: 7px; background: url(../images/radio-off.png) no-repeat 0 0; cursor: pointer; width: 165px; cursor: pointer; }
.forexfromMain .product .radioBtn li:nth-child(2), .forexfromMain .product .radioBtn li:nth-child(4) { margin-right: 0px; }
.forexfromMain .product .radioBtn ul li input { float: left; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -khtml-opacity: 0; outline: medium none; height: 24px; width: 24px; border: 1px solid; margin: 0px 5px 0px 0px; cursor: pointer; }
.forexfromMain .product .radioBtn ul li label { color: #3e3e3e; font-size: 1.4em; line-height: 1.8em; cursor: pointer; }
.forexfromMain .product .radioBtn .checked { background: url(../images/radio-on.png) no-repeat 0 0; }
/*.forexfromMain .product .radioBtn li:nth-child(1) { display:none; }*/
/**redio button**/



/**slider button**/
.switchMain { width: 100px; position: absolute; left: 23px; top: 17px; }
.switchWarp { float: left; height: 30px; background-color: #ebebeb; color: #aeaeae; border-radius: 30px; box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2); border: 1px solid; }
.switchWarp ul { float: left; display: block; z-index: 4; position: relative; }
.switchWarp li { float: left; width: 49px; text-align: center; background: transparent; font-size: 1.4em; font-weight: bold; color: #aeaeae; }
.switchWarp li input { color: #aeaeae; font-weight: bold; float: left; text-align: center; width: 100%; height: 20px; margin-top: 4px; cursor: pointer; }
.switchWarp li.active input { color: #fff; cursor: pointer; }
.switchBtn { z-index: 2; position: absolute; right: 0%; top: 0%; width: 49px; height: 29px; border-radius: 30px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45); background-color: #ae275f; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), transparent); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), transparent); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2); border: 0px; display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
/**slider button**/

.raw.radioBtn{min-height:30px}
#dvCheckbx {margin-bottom:5px;}
#dvCheckbx input, #dvCheckbx label {float:left;}
/*#dvCheckbx label {margin:2px 0 0 7px; font-size:1.1em;}*/
#dvCheckbx label {color: #3e3e3e; font-size: 1.4em; font-weight:100; font-family: 'FuturaBT-Medium'; line-height: 0.7em; margin:2px 0 0 7px;}



 @media only screen and (max-width :770px) {
.forexfromMain .product .radioBtn ul li { width: 100%; }
.forexfromMain .amount { padding: 61px 2% 34px 2%; }
.forexfromMain .amount .rupeeWarp { margin-bottom: 168px; }
.forexfromMain .product .raw.selectProduct { min-height: 200px; }
}
 @media only screen and (max-width : 640px) {
.forexwrapperMain .forexwrapperCenter { width: 94%; margin: 20px auto 20px !important; }
.forexfromMain .product { width: 50%; }
.forexfromMain .amount { width: 50%; }
.forexfromMain .amount .rupeeWarp { margin-bottom: 166px; }
}
 @media only screen and (max-width :568px) {
}
 @media only screen and (max-width : 480px) {
.forexfromMain .product { width: 96%; }
.forexfromMain .amount { width: 100%; padding: 10px 2%; }
.forexfromMain .product .selectWrapper { width: 100%; }
.forexfromMain .product .field input { width: 100%; }
.forexfromMain .amount .rupeeWarp { margin-bottom: 15px; }
.forexfromMain .amount .submit { width: 200px; position: relative; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); cursor: pointer; }
.slideBtn { left: 19px; }
}
/* @media only screen and (max-width :479px) {
}
 @media only screen and (max-width : 360px) {
}
 @media only screen and (min-width :320px) and (max-width :379px) {
}
 @media only screen and (max-width :778px) {	
}
 @media only screen and (min-width :768px) and (max-width :1024px) {
}
 @media only screen and (max-width :979px) {
}
 @media only screen and (max-width :740px) {
}
 @media only screen and (max-width :667px) {
}*/

.wantTo{font-size: 18px; padding: 10px 15px;margin: 12px 0 0;font-weight:bold;}
.wanSwitch .switchMain{left:90px;}
.wanSwitch .product{margin-top:30px;}