/* 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; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
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; }
.flw {width: 100%; float: left; position: relative;}
.preloader {display: none;}

/*-----------------------main styles starts here-----------------------------------------------*/
.container { max-width: 1000px; margin: 0 auto; width: 100%; padding: 0px 20px; }
.midd-contianer {width: 100%; float: left; margin-top: 120px;}
.btn_white{width: auto; display: inline-block; background: #FFFFFF; color: #E77900; text-transform: uppercase; font-size: 16px; box-shadow: 0px 3px 6px #00000029; border-radius: 23px; font-family: 'CiutadellaRounded'; font-weight: normal; padding: 13px 43px 11px; text-decoration: none;}
.btn_white:hover {background: #464547; color: #fff;}


.btn_orange{width: auto; display: inline-block; background: #E66C0E; color: #fff; text-transform: uppercase; font-size: 16px; border-radius: 23px; font-family: 'CiutadellaRounded'; font-weight: normal; padding: 13px 43px 11px; text-decoration: none;}
.btn_orange:hover {background: #464547; color: #fff;}

.link_btn {width: auto; display: inline-block; font-size: 18px; color: #047DB1; border-bottom: 1px solid #047DB1; padding-bottom: 0px; text-decoration: none;}
.link_btn:hover {color: #464547; border-color: #464547;}

/*-----------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;  cursor: pointer; z-index: 999 }
/*-----------Navigatinon end here---------------*/

/*-----------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: 6px; letter-spacing: 0.2px;}
.registered-block li.midd { padding-right: 26px;}
.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---------------*/


/*-----------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: 15px; color: #737675; line-height: 22px; }
/*-----------about-ofx-sec start here---------------*/




/****Form********************************************************************/
.form-sec{background-color: #EDEEEC; padding:40px 0 0;}
.form-block { max-width: 864px; width: 100%; margin: 0 auto; background: #fff; box-shadow: 0px 4px 13px #00000026; text-align: center; padding: 30px 10.5%; margin-bottom: 17px; }
.form-block h3 { color: #F79E37; font-size: 32px; letter-spacing: -0.4px; margin-bottom: 18px; }
.form-block p { font-size: 18px; color: #2B2B2B; line-height: 1.5;}
.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: 28px; 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; -webkit-appearance:none;-ms-appearance:none; -moz-appearance:none; -o-appearance:none; }
.submit-button:hover, .submit-button:focus { background: #464547; 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; margin-bottom: 0; }
.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; }

.thankyou .form-block h3{font-size: 23px;}

.login-form{margin-top: 45px;}
.login-form .login-form-left{float: left; width: 46%;}
.login-form .login-form-right{float: right; width: 46%;}
/****Form********************************************************************/





/*---- SOCIAL ----*/


.social {
    display: table;
}
@media (min-width: 769px)
.social--title {
    padding-right: 16px;
    vertical-align: middle;
}
@media (min-width: 769px)
.social--list, .social--title {
    display: table-cell;
}

.social--list {
    display: block;
    margin-top: 0;
}
.list--inline>li, .slick-dots>li {
    display: inline-block;
}
.social--list--item {
    padding-right: 8px;
}
.social--list--item--anchor {
    color: #f79e37;
    display: block;
    text-decoration: none;
}
.social--list--item--anchor {
    color: #f79e37;
    display: block;
    text-decoration: none;
}
.sr-only {
    height: 1px;
    width: 1px;
    border: 0;
    clip: rect(0,0,0,0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.share-icon {width: 42px;}


/*---- SOCIAL END ---*/






/*-----------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: 15px; }
/*-----------footer-main end here---------------*/
.slick-dots{padding-left: 0;}


.banner_sec {border-bottom: 3px solid #E47501; background: url("../images/banner_bg.jpg") no-repeat center right; background-size: cover;}
.banner_sec .left_part {width: 65%; float: left;  transform: skew(-22deg); margin-left: -5%;
     background: -moz-linear-gradient(0deg, rgba(225,110,1,1) 0%, rgba(254,159,31,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(225,110,1,1)), color-stop(100%, rgba(254,159,31,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, rgba(225,110,1,1) 0%, rgba(254,159,31,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, rgba(225,110,1,1) 0%, rgba(254,159,31,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, rgba(225,110,1,1) 0%, rgba(254,159,31,1) 100%); /* ie10+ */
    background: linear-gradient(90deg, rgba(225,110,1,1) 0%, rgba(254,159,31,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e16e01', endColorstr='#fe9f1f',GradientType=1 ); /* ie6-9 */ 
}
.banner_sec .left_part .inner_content {width: 100%; float: left; transform: skew(22deg);padding: 52px 150px 40px 13%;}
.banner_sec .left_part .btn_part {width: 100%; padding-top: 10px; float: left;}
.banner_sec .right_part {width: 35%; float: left; position: relative;}
.banner_sec .right_part .bbc_logo {width: auto; display: inline-block; position: absolute; bottom: 40px; left: 0px;}
.banner_sec .right_part .bbc_logo img {width: 100%; max-width: 182px;}


.sec_1 {background: #F1F1F2; padding: 25px 0px 25px;}
.sec_1 .list_part {width: 100%; float: left;}
.sec_1 .list_part ul {width: 100%; display: inline-block; margin: 0px; padding: 0px;}
.sec_1 .list_part ul li {width: 33.33%; float: left; text-align: center; padding: 0px 20px; list-style: none;}
.sec_1 .list_part ul li .icon_part {width: 100%; display: inline-block; padding-bottom: 0px;}
.sec_1 .list_part ul li .icon_part img {width: 100%; max-width: 160px;}
.sec_1 .list_part ul li p {font-size: 24px; color: #464547; line-height: 1.2;}


.sec_2 {background: #fff; padding: 70px 0px;}
.sec_2 .left_part {width: 50%; float: left; padding-right: 40px;}
.sec_2 .left_part h2 {width: 100%; display: inline-block; color: #464547;}
.sec_2 .left_part p {width: 100%; display: inline-block; font-size: 18px; color: #2B2B2B; line-height: 1.3;}
.sec_2 .left_part p:last-child {margin-bottom: 0px;}
.sec_2 .right_part {width: 50%; float: left; text-align: center;}
.sec_2 .right_part .img_area {width: 100%; display: inline-block;}
.sec_2 .right_part .img_area img {width: 100%; max-width: 366px;}
.sec_2 .right_part .btn_part {width: 100%;float: left;padding-top: 10px;}


.sec_3 {background: url("../images/sec3_bg.png") no-repeat center center; background-size: cover; padding: 100px 0px 70px; border-bottom: 3px solid #F79E37;}
.sec_3 .sec_inner {display: table; width: 100%;}
.sec_3 .sec_inner .left_part {display: table-cell;vertical-align: middle;width: 25%;text-align: center;}
.sec_3 .sec_inner .left_part .pro_img {width: 100%; display: inline-block;}
.sec_3 .sec_inner .left_part .pro_img img {width: 100%; max-width: 218px;}
.sec_3 .sec_inner .right_part { display: table-cell; vertical-align: middle; width: 75%; padding-left: 50px;}
.sec_3 .sec_inner .right_part .content:after {background: url("../images/sec_3_qoute.png") no-repeat left top; width: 115px; height: 90px; left: 0px; top: -60px; background-size: 115px auto; position: absolute; content: ""; opacity: 0.1;}
.sec_3 .sec_inner .right_part p {font-size: 30px; color: #fff; line-height: 1.3; width: 100%; display: inline-block; margin-bottom: 40px;}
.sec_3 .sec_inner .right_part span {font-size: 18px; color: #fff; width: 100%; display: inline-block;}


.sec_4 {background: url("../images/sec4_bg.png") no-repeat center center; background-size: cover; padding: 60px 0px 300px;}
.sec_4 .blk_title {padding-bottom: 10px; text-align: center;}
.sec_4 .blk_title h2 {color: #fff; display: inline-block;}


.sec_5 {margin-top: -300px;}
.sec_5 .acco_main {width: 100%; float: left; position: relative; padding: 15px 40px 65px; background: #fff;}
.sec_5 .acco_main .accordian_box {border-bottom: 1px solid #F79E37; width: 93%; padding:25px 0;}
.sec_5 .accordian_title h2 {width: 100%; position: relative;display: inline-block;cursor: pointer;padding-left: 50px;font-size: 22px;color: #F79E37;margin: 0; vertical-align: middle;}
.sec_5 .accordian_title h2 span{position: absolute; left: 0px; top: -2px; font-size: 22px; width: 38px; height: 38px; background: #F79E37; display: inline-block; vertical-align: middle; border-radius: 100%; text-align: center; line-height: 38px; color: #fff; font-weight: normal;}
.sec_5 .accordian_title h2:after{ content:''; right:-7%; top:4px; width:25px; position:absolute; height:25px; background:url("../images/sec5_plus.png") no-repeat center center; background-size: 25px auto; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s;}
.sec_5 .accordian_title.active h2:after{background:url("../images/sec5_minus.png") no-repeat center center; background-size: 25px auto;}
.sec_5 .accordian_content{ display:none; font-weight: 400; padding-left:50px; padding-bottom: 0px;}
.sec_5 .accordian_content p {display: inline-block; font-weight: normal; font-size: 16px; color:#333333; }
.sec_5 .accordian_content p:last-child {margin-bottom: 0px;}


.sec_6 {background: #EDEEEC; padding: 60px 0px; text-align: center;}
.sec_6 .link_area {padding-top: 20px;}


.sec_7 {background: url("../images/sec3_bg.png") no-repeat center center; background-size: cover; padding: 70px 0px 70px; border-top: 3px solid #F79E37;}
.sec_7 .blk_title {width: 100%; text-align: center; display: inline-block; margin-bottom: 60px;}
.sec_7 .blk_title h2 {color: #F79E37; margin: 0px;}
.sec_7 .list_part ul {width: 100%; float: left; list-style: none; padding: 0px;  margin: 0px;}
.sec_7 .list_part ul li {width: 25%; float: left; text-align: center; position: relative; padding: 0px 25px;}
.sec_7 .list_part ul li:first-child {padding-left: 0;}
.sec_7 .list_part ul li:last-child {padding-right: 0;}
.sec_7 .list_part ul li:last-child:after {display: none;}
.sec_7 .list_part ul li:after {opacity: 0.5; background: #707070; width: 1px; height: 166px; right: 0px; top: 10%; position: absolute; content: "";}
.sec_7 .list_part ul li .icon_part {width: 100%; display: inline-block;}
.sec_7 .list_part ul li .icon_part img {width: 100%; max-width: 100px;}
.sec_7 .list_part ul li .content_part {width: 100%; display: inline-block;}
.sec_7 .list_part ul li .content_part h3 {width: 100%; display: inline-block; font-size: 23px; color: #F79E37; margin: 15px 0px 0px;}
.sec_7 .list_part ul li .content_part p {width: 100%; display: inline-block; font-size: 16px; color: #fff; margin: 0px;}


@media (max-width:1640px) {
.banner_sec .left_part {margin-left: -100px;}	
.banner_sec .left_part .inner_content {padding: 50px 70px 50px 100px;}
}
@media (max-width:1200px) {
.close-btn { background: #fff; border-radius: 50%; right: 0; top: 10px; }
}

@media (max-width:1024px) {
.form-block { right: 15px; }
h1 {font-size: 34px;} 
.banner_sec .left_part .inner_content {padding: 40px 70px 40px 100px;}	
    
}

@media (max-width:991px) {
h1 {font-size: 30px;line-height: 1.1;}  
h2 {font-size: 28px;line-height: 1.1;}	
    
.sec_1 {padding: 60px 0px;}	
.sec_1 .list_part ul li p {font-size: 20px; margin-bottom: 0px;}
.sec_1 .list_part ul li .icon_part {padding-bottom: 0px;}
	
.sec_2 {padding: 60px 0px;}	
.sec_2 .left_part {padding-right: 20px;}
	
.sec_3 {padding: 60px 0px 40px;}	
.sec_3 .sec_inner .right_part p {font-size: 24px;margin-bottom: 20px;}	
.sec_3 .sec_inner .left_part .pro_img img {width: 100%;max-width: 200px;}
	
.sec_4 {padding: 40px 0px 300px;}
.sec_5 .acco_main {padding: 20px 30px 40px;}	
.sec_5 .accordian_title h2 {font-size: 20px; padding-left: 40px;}	
.sec_5 .accordian_title h2 span {top: -5px;font-size: 18px;width: 30px;height: 30px;line-height: 30px;}	
.sec_5 .accordian_content {padding-left: 40px;} 
.sec_5 .accordian_content p {font-size: 16px;padding-top: 5px;}	
	
	
.sec_7 {padding: 60px 0px;}	
.sec_7 .blk_title {margin-bottom: 40px;}
.sec_7 .list_part ul li .content_part h3 {font-size: 20px; margin-top: 5px;}	
.sec_7 .list_part ul li .content_part p {font-size: 16px;line-height: 1.3;}	
	
.about-ofx-sec {padding: 60px 0 40px;}	
	
}
@media (max-width:840px) {
.sec_7 .list_part ul li {padding: 0px 15px;}	
.sec_7 .list_part ul li .content_part p br {display: none;}	
}
@media (max-width:767px) {
.midd-contianer {margin-top: 72px;}    
    h1 { font-size: 30px; line-height: 34px; margin-bottom: 10px;}
    h2 { font-size: 26px; line-height: 1.1; margin-bottom: 15px;}
    h3 { font-size: 24px; line-height: 26px; margin-bottom: 10px;}
    h4 { font-size: 20px; line-height: 24px; margin-bottom: 10px;}
    p { font-size: 16px; line-height: 1.3; margin-bottom: 15px;}    
    
    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; }
    
    
    

    .footer-main {padding: 30px 0; }
    .footer-logo a { width: 146px; }
    
    .return-btn { right: 10px; bottom: 10px; }
    .return-btn img { width: 25px; height: 25px; }
    .registered-block li { padding-right: 0; padding-left: 6px;}
    .registered-block li:first-child {padding-left: 0px;}
    .registered-block li:last-child, .registered-block li:nth-last-child(2) { display: none; }
	
	
.banner_sec .left_part .btn_part {padding-top: 10px;}
.banner_sec .left_part {width: 100%; margin-left: 0px; transform: skew(0deg); display: inline-block; height: auto !important;
background: -moz-linear-gradient(0deg, rgba(225,110,1,0.85) 0%, rgba(254,159,31,0.85) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(225,110,1,0.85)), color-stop(100%, rgba(254,159,31,0.85))); /* safari4+,chrome */
background: -webkit-linear-gradient(0deg, rgba(225,110,1,0.85) 0%, rgba(254,159,31,0.85) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(0deg, rgba(225,110,1,0.85) 0%, rgba(254,159,31,0.85) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(0deg, rgba(225,110,1,0.85) 0%, rgba(254,159,31,0.85) 100%); /* ie10+ */
background: linear-gradient(90deg, rgba(225,110,1,0.85) 0%, rgba(254,159,31,0.85) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e16e01', endColorstr='#fe9f1f',GradientType=1 ); /* ie6-9 */ 
	
}	
.banner_sec .left_part .inner_content {transform: skew(0);padding: 40px 20px 90px 0px; display: inline-block;}
.banner_sec .right_part {width: 100%;position: relative; display: inline-block; height: auto !important;}
.banner_sec .right_part .bbc_logo {bottom: 20px;left: 20px;}	
    
.sec_1 {padding: 20px 0px;}	
.sec_1 .list_part ul li {width: 100%;padding: 0px 0px;margin-bottom: 20px;}	
.sec_1 .list_part ul li:last-child {margin-bottom: 0px;}	
.sec_1 .list_part {width: 100%;float: none;max-width: 400px;margin: 0 auto;}
.sec_1 .list_part ul li .icon_part {padding-bottom: 0px;}	
.sec_1 .list_part ul li .icon_part img {max-width: 160px;}	
    
.sec_2 {padding: 40px 0px;}	
.sec_2 .left_part {padding-right: 0;width: 100%;}	
.sec_2 .right_part {width: 100%;margin-top: 30px;}	
.sec_2 .left_part p {font-size: 16px;}
.sec_2 .right_part .img_area img {max-width: 280px;}
	
.sec_3 .sec_inner .left_part {display: inline-block;width: 100%;text-align: center;}	
.sec_3 .sec_inner .left_part .pro_img img {max-width: 150px;}		
.sec_3 .sec_inner .right_part {display: inline-block;width: 100%;padding-left: 0;text-align: center;}
.sec_3 .sec_inner .right_part p {font-size: 20px;margin-bottom: 15px;line-height: 1.25;}
.sec_3 .sec_inner .right_part span {font-size: 16px;}
.sec_3 .sec_inner .right_part .content:after {top: -30px;background-size: 60px auto;}	
	
.sec_4 {padding: 40px 0px 200px;}	
	
.sec_5 {margin-top: -200px;}	
.sec_5 .accordian_title h2 {font-size: 18px;padding-right: 35px;}
.sec_5 .accordian_title h2 span {top: -6px;}	
.sec_5 .accordian_title h2:after, .sec_5 .accordian_title.active h2:after {background-size: 20px auto; width: 20px; height: 20px; right: 0; top: 0px;}	
.sec_5 .acco_main .accordian_box {width: 100%; padding: 20px 0;}
	
.sec_6 {padding: 40px 0px;}	
.sec_6 .link_area {padding-top: 15px;}	
	
.sec_7 {padding: 40px 0px;}	
.sec_7 .blk_title {margin-bottom: 30px;}	
.sec_7 .list_part ul li {width: 50%;padding: 0px 20px;margin-bottom: 30px;}	
.sec_7 .list_part ul li:last-child, .sec_7 .list_part ul li:nth-last-child(2) {margin-bottom: 0px;}	
.sec_7 .list_part ul li .icon_part img {max-width: 80px;}	
.sec_7 .list_part ul li:first-child {padding-left: 20px;}
.sec_7 .list_part ul li:last-child {padding-right: 20px;}
.sec_7 .list_part ul li:nth-child(3){clear: left;}
.sec_7 .list_part ul li:nth-child(2n+2):after {display: none;}
.sec_7 .list_part ul li:after {height: 110px;}	

.about-ofx-sec {padding: 40px 0 25px;}
.about-ofx-sec p {line-height: 1.3;}
.content-block {padding: 40px 0px 25px;}	
	
}

@media (max-width:480px) {	
h1 {font-size: 26px;line-height: 30px;margin-bottom: 10px;}
h2 {font-size: 24px;line-height: 1.1;}	
.banner_sec .left_part .inner_content {padding: 30px 20px 90px 0px;}
.sec_3 .sec_inner .right_part p {font-size: 18px;}	
	
.sec_4 {padding: 60px 0px 40px;}	
.sec_5 {margin-top: 0;}
.sec_5 .acco_main {padding: 20px 0px 40px;}	
.sec_4 .blk_title h2 br {display: none;}
	
.sec_7 .list_part ul li {width: 100%;padding: 0px !important;margin-bottom: 30px;}
.sec_7 .list_part ul li:nth-last-child(2) {margin-bottom: 30px;}
.sec_7 .list_part ul li:after {display: none;}	
	
}

@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; }
}