/* Table of Content
 ==================================================
 #Page Structure
 #Home Page Style */

@font-face {
    font-family: 'CiutadellaRounded';
    src: url('../fonts/CiutadellaRoundedW01-Bold.eot');
    src: url('../fonts/CiutadellaRoundedW01-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CiutadellaRoundedW01-Bold.woff2') format('woff2'),
        url('../fonts/CiutadellaRoundedW01-Bold.woff') format('woff'),
        url('../fonts/CiutadellaRoundedW01-Bold.ttf') format('truetype'),
        url('../fonts/CiutadellaRoundedW01-Bold.svg#CiutadellaRoundedW01-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'CiutadellaRounded';
    src: url('../fonts/CiutadellaRoundedW01-Rg.eot');
    src: url('../fonts/CiutadellaRoundedW01-Rg.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CiutadellaRoundedW01-Rg.woff2') format('woff2'),
        url('../fonts/CiutadellaRoundedW01-Rg.woff') format('woff'),
        url('../fonts/CiutadellaRoundedW01-Rg.ttf') format('truetype'),
        url('../fonts/CiutadellaRoundedW01-Rg.svg#CiutadellaRoundedW01-Rg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*----- Normalize.css Start -----*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { border: 0 none; font-size: 100%; margin: 0; outline: 0 none; padding: 0; }
html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
article, aside, footer, header, nav, section { display: block }
h1 { font-size: 2em; margin: .67em 0 }
figcaption, figure, main { display: block }
figure { margin: 1em 40px }
hr { box-sizing: content-box; height: 0; overflow: visible }
pre { font-family: monospace, monospace; font-size: 1em }
a { background-color: transparent; -webkit-text-decoration-skip: objects }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted }
b, strong { font-weight: inherit; font-weight: bolder }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em }
dfn { font-style: italic }
mark { background-color: #ff0; color: #000 }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sub { bottom: -.25em }
sup { top: -.5em }
audio, video { display: inline-block }
audio:not([controls]) { display: none; height: 0 }
img { border-style: none }
svg:not(:root) { overflow: hidden }

html { box-sizing: border-box; margin: 0; padding: 0; }
*, *:before, *:after { box-sizing: inherit; }

body { font-size: 14px; line-height: 1.25; font-weight: 400; color: #000; -webkit-font-smoothing: subpixel-antialiased; height: 100%;font-size: 16px; font-family: 'CiutadellaRounded'; font-weight: normal; }
h1 { font-size: 38px; margin: 0 0 20px; font-family: 'CiutadellaRounded'; font-weight: normal; color: #fff; line-height: 40px; }
h2 { font-size: 32px; margin: 0 0 20px; font-family: 'CiutadellaRounded'; font-weight: normal; line-height: 34px; }
h3 { font-size: 22px; margin: 0 0 20px; font-family: 'CiutadellaRounded'; font-weight: normal; line-height: 28px; }
h4 { font-size: 23px; margin: 0 0 20px; font-family: 'CiutadellaRounded'; font-weight: bold; line-height: 25px; }
h5 { font-size: 20px; margin: 0 0 20px; font-family: 'CiutadellaRounded'; line-height: 22px; font-weight: normal; }
h6 { font-size: 18px; margin: 0 0 20px; font-family: 'CiutadellaRounded'; line-height: 20px; font-weight: normal; }
p { font-size: 18px; margin: 0 0 20px; padding: 0; font-family: 'CiutadellaRounded'; color: #fff; font-weight: 400; line-height: 24px; }
p a { color: #f79e37; }
p a:hover, p a:focus { color: #E66C0E; }

/*--------Common classes------------*/
.no-margin { margin: 0 }
.no-padding { padding: 0 }
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
.cf { *zoom:1;
}
/*--------start wrapper css------------*/
 
.wrapper { height: 100%; margin: 0 auto; /*initialize footer height in negative for sticky footer*/ }
ul, ol { text-align: left; padding-left: 20px; }
/*-----------------------main styles starts here-----------------------------------------------*/
.main { width: 1200px; margin: 0 auto }
/*-----------Navigation start here---------------*/
.menu-icon { display: none; cursor: pointer; color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; line-height: 33px; font-size: 22px; padding: 10px 0; }
.menu-icon .menu-box { width:30px; height: 28px; margin-right: 10px; padding:5px; position:absolute; left:11px; top: 24px; }
.menu-icon .menu-box span { width: 100%; height: 2px; margin-bottom: 4px; background: #464547; display: block; border-radius: 0px; transition: all 0.5s; -webkit-transition: all 0.5s; }
.menu-icon.active span:nth-child(1) { transform: rotate(45deg) translateY(8px) translateX(6px);-webkit-transform: rotate(45deg) translateY(5px) translateX(1px);}
.menu-icon.active span:nth-child(2) { opacity: 0; }
.menu-icon.active span:nth-child(3) {transform: rotate(-45deg) translateY(-7px) translateX(6px);-webkit-transform: rotate(-45deg) translateY(-7px) translateX(4px); }

.enumenu_ul .caret { color: #fff; margin-left: 7px; }
.enumenu_ul { padding: 0px; list-style: none; }
.enumenu_ul > li { float: left; vertical-align: top; position: relative }
.enumenu_ul li a { display: inline-block; padding: 11px 18px; color: #fff; font-size: 14px; font-weight: 400; text-decoration: none; }
.enumenu_ul li a:hover, .enumenu_ul li a:focus { text-decoration: none; background: #464547; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.enumenu_ul > li ul { display: none }
.enumenu_ul ul li { width: 100%; margin: 0; list-style: none; position: relative; }
.enumenu_ul.desk ul {top: 100%; z-index: 999; list-style: none; left: 0px; background: #000000; position: absolute; min-width:169px; }
/*Sub menu styles*/
.menu.submenu-ul-level1 li a { background: rgba(31, 26, 107, 0.8); color: #fff; padding-left: 90px; }
.enumenu_ul.desk .sb-menu .sb-menu { left: 100%; top: 0; }
.enumenu_ul.desk ul li a { padding: 10px 10px; display: block; color: #fff; font-size: 16px; text-align: center }
.enumenu_ul.desk ul li:hover > a { background: #e6b705; color: #fff; }
.enumenu_ul .arrow { position: absolute; right: 10px; top: 5px; width: 30px; height: 30px; background: url(../images/plus.png) no-repeat center center; cursor: pointer; z-index: 999 }
/*-----------Navigatinon end here---------------*/
.container { max-width: 970px; margin: 0 auto; }
/*-----------header start here---------------*/
.header-main { padding: 22px 0px 0; background-color: #fff;-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); position: fixed; left: 0; right: 0; top: 0; z-index: 999; }
.header-main .container{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center; }

.header-logo a img { max-width: 100%; height: auto; width: 100%; }
.header-logo a { display: inline-block; width: 219px; max-width: 100%; }
.header-logo .mobile-logo { display: none; }
.header-logo .desktop-logo { display: block; }
.registered-block { display: flex; justify-content: space-between; list-style: none; padding-left: 0; }
.registered-block li { font-size: 14px; color: #737675; display: inline-block; padding-right: 41px; letter-spacing: 0.2px;}
.registered-block li:last-of-type { padding-right: 0; }
.registered-block li a { color: #333333; font-weight: bold; text-transform: uppercase; text-decoration: none; }
.registered-block li strong { color: #333; }
.registered-block li a:hover, .registered-block li a:focus { color: #f79e37; }

nav { background: #737675; box-shadow: 0px 3px 6px rgba(0,0,0,0.16); margin-top: 18px; }
/*-----------header end here---------------*/

/*-----------banner-sec start here---------------*/
.banner-sec { background-size: cover; background-position: center center; background-repeat: no-repeat; padding-top: 34px; padding-bottom: 50px; margin-top: 120px; }
.banner-sec .container { position: relative; }
.banner-caption { width: 42%; padding: 15px 0 0 0; }
.banner-caption a { font-size: 18px; color: #fff; font-weight: 700; }
.banner-caption a:hover, .banner-caption a:focus { opacity: 0.8; }

.form-block { width: 348px; background: #fff; box-shadow: 0px 4px 13px rgba(0,0,0,0.15); position: absolute; top: 0; right: 0; text-align: center; padding: 20px 23px; }
.form-block h3 { letter-spacing: -0.4px; margin-bottom: 15px; }
.form-block p { font-size: 16px; color: #737675; line-height: 18px; margin-bottom: 10px; }
.form-block ul li { list-style: none; }
.successmsg { color: #4ba82e; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px; font-weight: normal; margin-bottom: 10px; display: none;}

.login-form input[type=text], .login-form input[type=email], .login-form input[type=password], .login-form input[type=age], .login-form input[type=tel], salact {
border: 1px solid #D2D5D4; background: #fff; line-height: 22px; font-size: 14px;  width: 100%; padding: 5px; color: #3C3C3B; border-radius: 6px;  outline: 0; }
.login-form input[type=text]:focus, .login-form input[type=email]:focus, .login-form input[type=password]:focus, .login-form input[type=age]:focus, .login-form input[type=tel]:focus, salact:focus { border-color: #f79e37; }

.submit-button { min-width: 210px; display: inline-block; background: #E66C0E; padding: 12px 12px; color: #fff; border-radius: 50px; cursor: pointer; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; text-transform: uppercase; }
.submit-button:hover, .submit-button:focus { background: #f79e37; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.felment-wrap { margin-bottom: 10px; }
.felment-wrap label { display: block;text-align: left; color: #3C3C3B; font-weight: 400; margin-bottom: 8px; }
.felment-wrap div.error { color: red; text-align: left; font-size: 12px;margin-bottom: 5px  }
.login-form p { color: #737675; font-size: 14px;letter-spacing: -0.3px; display: inline-block; margin-top: 10px; }
.login-form p a { color: #737675; }
.login-form p a:hover { text-decoration: none; color: #f79e37; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.login-form p.last-child a { color: #047DB1; }
.submit-wrap { margin-bottom: 20px; margin-top: 20px; }
.login-form a.last-child { color: #047DB1; }

.heroperson {font-size: 14px; font-style: italic; padding-top: 20px; opacity: .7;}
/*-----------banner-sec end here---------------*/

/*-----------money-transfer-service start here---------------*/
.money-transfer-service { background: #EDEEEC; text-align: left; padding: 45px 0 65px; }
.money-transfer-block { text-align: left; max-width: 50%; }
.money-transfer-service h2 { color: #464547; margin-bottom: 16px; }
.money-transfer-service p { color: #737675; }
.money-transfer-block figure { margin: 25px 0 0 0; display: inline-block; }
/*-----------money-transfer-service start here---------------*/

.video-wrap { background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 140px 0 109px; position: relative; overflow: hidden; }
.video-wrap .container { position: relative; }
.video-wrapper { display: none; }
.video-wrapper.active-frame { display: block; }
.close-btn { position: absolute;right: -50px; top: 0; }
.video-wrapper { position: absolute; top: -140px; left: 0; right: 0; }
.video-wrapper iframe { width: 100%; }
.video-wrap-content {  width: 41%; }
.video-wrap-content h2 { color: #fff; }
.video-wrap .container { display: -webkit-flex; display: -moz-flex;  display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; }
.video-player { text-align: center; margin-left: auto; width: 28%; }
.video-player h4 { color: #fff; font-size: 23px; margin-top: 25px; }
.video-player a { display: inline-block; }
.video-player .play-video { display: inline-block; }
.video-player a:hover { opacity: 0.80; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.close-btn { position: absolute; right: -30px; height: 30px; width: 30px; top: 0; }

/*-----------why-your-business start here---------------*/
.why-your-business { background: #fff; padding: 50px 0 20px; text-align: center; }
.why-your-list { list-style: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; padding-top: 30px; padding-left: 0; }
.why-your--child { width: 25%; text-align: center; border-right: 1px solid rgba(0,0,0,0.2); padding: 0 15px; margin-bottom: 25px; }
.why-your--child:nth-child(4n+4) { border-right: none; }
.why-your--child figure { margin: 0 0 12px; }
.why-your--child h4 { margin-bottom: 7px; text-transform: capitalize; }
.why-your--child h6 { font-size: 16px; font-weight: 400; margin-bottom: 0; }
/*-----------why-your-business end here---------------*/

/*-----------today-price-sec start here---------------*/
.today-price-sec { background: #E77900; padding: 45px 0; text-align: center; box-shadow: 0px 4px 6px rgba(0,0,0,0.15); position: relative; z-index: 1; }
.today-price-sec h2 { color: #fff; }
.btn { min-width: 210px; background: #fff; color: #E77900; font-size: 16px; font-family: 'CiutadellaRounded'; font-weight: bold; display: inline-block; padding: 13px 0; border-radius: 50px; text-decoration: none; text-align: center; text-transform: uppercase; }
.btn:hover, .btn:focus { opacity: 0.8; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
/*-----------today-price-sec end here---------------*/

/*-----------meet-ofxpert-specialist start here---------------*/
.meet-ofxpert-specialist { text-align: center; padding: 25px 0 0 0; background: #EDEEEC; }
.slider-parent { max-width: 862px; padding: 25px 0; margin: 0 auto; position: relative; }
.slider-parent .slick-list.draggable { padding: 45px 0 0; box-shadow: 0px 60px 30px rgba(0,0,0,0.20); }
.slider--item { border: 1px solid #B5B5B5; padding: 0 90px 65px; background: #fff; height: 310px;}
.slider--item figure { margin: -40px 0 0; }
.slider--item figure img { border-radius: 50%; width: 80px; height: 80px; margin: 0 auto; }
.slider--item span { display: block; color: #737675; font-size: 14px; text-transform: uppercase; font-weight: 700; margin-bottom: 15px; letter-spacing: 1.5px; margin-top: 10px; }
.slider--item p { color: #737675; font-size: 16px; } 

.slick-dots { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; list-style: none; justify-content: center;     position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 65px; }
.slick-dots li { margin: 0 10px; }
.slick-dots .slick-active button { background: #F79E37; }
.slick-dots li button { height: 9px; width: 9px; background: #D4D4D4; border-radius: 50%; display: inline-block; border: none; outline: 0; font-size: 0; box-shadow: none; padding: 0; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { background: #F79E37; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }

.slick-prev { box-shadow: none; border: none; background: url(../images/left-arrow.svg) no-repeat center; width: 45px; height: 45px; position: absolute; left: 20px; bottom: 50px; font-size: 0; z-index: 9; outline: 0; cursor: pointer; padding: 0; background-size: cover; }
.slick-next { box-shadow: none; border: none; background: url(../images/right-arrow.svg) no-repeat center; width: 45px; height: 45px; position: absolute; right: 20px; bottom: 50px; font-size: 0; z-index: 9; outline: 0; cursor: pointer; padding: 0; background-size: cover; }
/*-----------meet-ofxpert-specialist end here---------------*/

/*-----------how-ofx-works  code start here---------------*/
.how-ofx-works { padding: 190px 0 30px; background-size: cover; background-position: center center; text-align: center; margin-top: -155px; border-top: 3px solid #F79E37; }
.how-ofx-works h2 { color: #FFB561; }
.ofx-works-parent { display: -webkit-flex; display: -moz-flex;  display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;
-ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;  justify-content: flex-start; padding-top: 25px; padding-left: 0; }
.ofx-works--child { list-style: none; width: 33%; padding: 0 65px; text-align: center; margin-bottom: 30px; }
.ofx-works--child figure { margin: 0; min-height: 79px; }
.ofx-works--child small { color: #FFFFFF; opacity: 0.61; font-size: 10px; line-height: 12px; margin-top: 10px; }
.ofx-works--child h6 { margin-bottom: 10px; color: #FFB561; font-weight: 400; }
.ofx-works--child p { color: #fff; font-weight: 400; font-size: 16px; line-height: 22px; }
/*-----------how-ofx-works  code start here---------------*/

/*-----------frequently-questions-sec start here---------------*/
.frequently-questions-sec { background: #fff; padding: 36px 0 55px; text-align: center; }
.accordian-main { padding: 39px 0 0 0; }
.accoradin-title { padding: 18px 0; border-bottom: 1px solid #D7D7D7; position: relative; cursor: pointer; }
.accoradin-title:after { content: ''; position: absolute; right: 0; top: 0; background: url(../images/down-arrow.svg) no-repeat center; width: 35px; height: 100%; background-size: 20px; cursor: pointer; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.accoradin-title.active:after { transform: rotate(180deg); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;}
.accoradin-title h3 { color: #047DB1; margin-bottom: 0; text-align: left; }
.accordian-content { text-align: left; padding: 10px 0; display: none; border-bottom: 1px solid #D7D7D7; }
.accordian-content p { color: #737675; margin-bottom: 10px; }
.accordian-content ul { padding-left: 20px; }
.accordian-content ul li { font-size: 18px; color: #737675; margin-bottom: 10px; line-height: 20px; }
/*-----------frequently-questions-sec end here---------------*/

/*-----------about-ofx-sec start here---------------*/
.about-ofx-sec { background: #EDEEEC; padding: 67px 0; text-align: center; }
.about-ofx-sec h2 { color: #333333; margin-bottom: 18px; }
.about-ofx-sec p { font-size: 16px; color: #737675; line-height: 22px; }
/*-----------about-ofx-sec start here---------------*/

/*-----------footer-main start here---------------*/
.footer-main { background: #333333; padding: 35px 0; text-align: center; border-bottom: 3px solid #F79E37; }
.footer-logo a { width: 157px; display: inline-block; }
.footer-logo a img { max-width: 100%;  width: 100%; display: inline-block; }
.return-btn { display: flex; text-decoration: none; align-items: center; position: fixed; bottom: 50px; right: 50px; transition: all 0.3s ease-in-out; z-index: 999; }
.return-btn h3 { font-size: 25px; color: #505050; line-height: 26px; margin-bottom: 0; margin-right: 20px; }
.return-btn:hover, .return-btn:focus { opacity: 0.85; transition: all 0.3s ease-in-out; }

.content-block { background: #FFFFFF; padding: 45px 0; text-align: left; }
.content-block p { color: #737675; line-height: 20px; font-size: 13px; }
/*-----------footer-main end here---------------*/
.slick-dots{padding-left: 0;}



@media (max-width:1200px) {
    .close-btn { background: #fff; border-radius: 50%; right: 0; top: 10px; }
}

@media (max-width:1024px) {
    .container { max-width: 100%;  padding: 0 15px; width: 100%; }	
    .form-block { right: 15px; }
    .video-player { width: 48%; }
    
}

@media (max-width:991px) {
    .video-wrap { padding: 140px 0 75px; }    
    .ofx-works--child { padding: 0 20px; }
    .banner-sec { background-position: 72% center; }
}

@media (max-width:767px) {
    
    h1 { font-size: 30px; line-height: 34px; }
    h2 { font-size: 28px; line-height: 32px; }
    h3 { font-size: 24px; line-height: 26px; }
    h4 { font-size: 20px; line-height: 24px; }
    p { font-size: 16px; line-height: 22px; }    
    
    nav { margin: 0; }
    .main .left-panel { float: none; width: 100% }
    .header-logo .desktop-logo { display: none; }
    .header-logo .mobile-logo { display: block; width: 40px; z-index: 9999; position: relative; }
    .enumenu_ul li a:hover, .enumenu_ul li a:focus { background: #fff; color: #f79e37; }
    .header-logo { padding-left: 15px;margin-left: 35px; position: relative; }
    .menu-icon.active .menu-box { z-index: 9999; }
    .header-logo:after { content: ''; position: absolute;left: 0; top: 6px; height: 30px; width: 1px; border-left: 1px solid #D2D4D3; z-index: 9999; }
    .header-logo a { width: auto; }    
    .main aside { float: none; width: 92%; }
    .enumenu_ul { display: none }
    .menu-block { height: auto; }
    .menu-icon { display: block;padding:0;}
    .services-detail a.pba-detail { border-bottom: 2px solid #d3d9da; }
    .enumenu_ul > li { width: 100%; margin: 0px; padding: 0px; }
    .enumenu_ul > li > a { display: block;text-align: left;padding: 10px 0; line-height: 1.5; color: #101010; border-bottom: 1px solid #707070; font-size: 16px;}
    .enumenu_ul {width: 100%; position: absolute; left: 0; right: 0;top: 70px;background: #887a7a;}
    .enumenu_ul > li ul { background: #D1D1D1; }
    .enumenu_ul > li ul a { text-align: center; display: block; text-align: center; color: #000; padding: 5px 0; }
    /* Push Menu */
    body.menuslide_push { position: relative; }
    body.menuslide_push.slidemenuLeft { left: 0; transition: left 0.5s; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -ms-transition: left 0.5s; -o-transition: left 0.5s; }
    body.menuslide_push.slidemenuRight { right: 0; transition: right 0.5s; -webkit-transition: right 0.5s; -moz-transition: right 0.5s; -ms-transition: right 0.5s; -o-transition: right 0.5s; }
    body.slidemenuRight .enumenu_ul { right: -300px; }
    body.slidemenuRight.menu-open .enumenu_ul { right: 0; }
    body.slidemenuLeft .enumenu_ul { left: calc(-100% - 40px); }
    body.slidemenuLeft.menu-open .enumenu_ul { left: 0; box-shadow: 40px 1px 1px rgba(29, 29, 29, 0.69); }
/*    body.em.menuOverlap.slidemenuLeft.mob.menu-open:after { content: ""; background: rgba(29, 29, 29, 0.69); position: fixed; top: 0; bottom: 0; right: 0; left: 0; transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out;  }*/
    body.menu-open { overflow: hidden; }
    body.menuslide_push.slidemenuLeft.menu-open { left: 300px; }
    body.menuslide_push.slidemenuRight.menu-open { right: 300px; }
    body.menuslide_push .enumenu_ul, body.menuOverlap .enumenu_ul { background: #ffffff none repeat scroll 0 0; display: block; height: 100%; max-height: 100%; width: 100%; overflow: auto; position: fixed; transition: all 0.5s ease 0s; max-width: calc(100% - 40px); top: 0;z-index:999; padding-top: 70px; padding-left: 20px;  padding-right: 20px; }
    .header-main { padding: 15px 0; }
    .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{display: block;}
    .dropdown-menu{margin-top: 0;}
    .dropdown-toggle{margin-bottom: 2px;}
    .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{margin-bottom: 0;}	
    .menu-open .registered-block { z-index: 9999; position: relative; margin-right: 45px; }
    
    
    .banner-sec { padding-bottom: 0; }
    .banner-sec .container { padding: 0; }
    .banner-caption { width: 100%; padding: 0 15px; text-align: center; padding-bottom: 35px; }
    .form-block { position: relative; width: 100%; right: 0; }
    .money-transfer-block { width: 100%; max-width: 100%; text-align: center; }
    .why-your--child { width: 100%; border-right: none; padding-bottom: 25px; }
    .why-your--child:last-child { padding-bottom: 0;  } 
    .meet-ofxpert-specialist .container { padding: 0 35px; }
    .meet-ofxpert-specialist h2 { margin-bottom: 0; }
    .slider--item { padding: 0 20px 45px; height: 320px;}
    .slick-dots { bottom: 50px; }
    .slick-next { width: 35px; height: 35px; bottom: 40px; }
    .slick-prev { width: 35px; height: 35px; bottom: 40px; }
	.heroperson {display: none;}

	
    .ofx-works--child { width: 100%; margin-bottom: 35px; }
    .ofx-works--child:last-of-type { margin-bottom: 0; }
    .accoradin-title h3 { font-size: 18px;  padding-right: 30px; }
    .accordian-main { padding: 20px 0 0 0; }
    .about-ofx-sec { padding: 35px 0 25px; }
    .footer-main {padding: 30px 0; }
    .footer-logo a { width: 146px; }
    .accoradin-title { padding: 15px 0; }
    .accoradin-title:after { background-size: 17px; }
    .return-btn { right: 10px; bottom: 10px; }
    .return-btn h3 {  display: none; }
    .return-btn h3 {font-size: 18px; margin-right: 10px; }
    .return-btn img { width: 25px; height: 25px; }
    .registered-block li { padding-right: 0; }
    .registered-block li:last-child { display: none; }
    .video-wrap { padding: 45px 0; }
    .money-transfer-service { padding: 35px 0;}
    .why-your-business { padding: 35px 0; }
    .today-price-sec { padding: 35px 0; }
    .ofx-works--child figure { min-height: inherit; margin-bottom: 10px; }
    .video-player h4 { margin-bottom: 0; margin-top: 10px; }
    .video-wrap-content { width: 100%; padding-bottom: 45px; }
    .video-wrap .container { display: block; }
    .ofx-works--child p { margin-bottom: 10px; }
    .ofx-works-parent { padding-top: 15px; }
    .how-ofx-works { padding: 165px 0 35px; background: url(../images/mobile-ofx.jpg) !important; background-size: cover!important; background-position: center top !important; background-repeat: no-repeat !important; }
    .why-your-list { padding-top: 20px; }
    .video-player { width: 100%; }
    .money-transfer-service h2 { margin-bottom: 25px; }
    .banner-sec { background: url(../images/mobile-hero.jpg) !important; background-size: cover!important; background-position: center center !important;
    background-repeat: no-repeat !important; padding-top: 30px; margin-top: 75px;}
    .video-wrap { background: url(../images/mob-ofx-video.jpg) !important; background-size: cover!important; background-position: center right !important;
    background-repeat: no-repeat !important; padding-top: 30px; }
    .close-btn { top: 67px; }
    .video-wrap {  padding: 31px 0 75px; }       
    .video-wrapper { top: -30px; }
    .video-wrap-content h2 { font-size: 24px; }
}

@media (max-width:640px) {	
    
}

@media (max-width:360px) {
    .header-logo { padding-left: 12px; margin-left: 35px; }
    body.menuslide_push .enumenu_ul, body.menuOverlap .enumenu_ul  { max-width: calc(100% - 15px); }
    body.slidemenuLeft .enumenu_ul { left: calc(-100% - 15px); padding-left: 15px;  padding-right: 15px; }
    .menu-open .registered-block { margin-right: 15px; }
    .registered-block li { font-size: 13px; }
}




/*Placeholder opacity cross browsers*/
input::-webkit-input-placeholder { color: #ccc; opacity:1;} /* WebKit browsers */
input:-moz-placeholder { color: #ccc; opacity:1;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #ccc; opacity:1;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #ccc; opacity:1;} /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #ccc; opacity:1;} /* WebKit browsers */
textarea:-moz-placeholder { color: #ccc; opacity:1;} /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #ccc; opacity:1;} /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #ccc; opacity:1;} /* Internet Explorer 10+ */
button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {border: 0;}