/* Start Universal CSS*/ body{font-family: 'Ubuntu', sans-serif; margin: 0px; padding: 0px; background: #fff; font-size: 20px; line-height: 30px; overflow-x: hidden;} *{box-sizing: border-box} *:focus{outline: none!important} .clear{clear: both} img{max-width: 100%; height: auto} .t-center{text-align: center!important} .t-left, .text-left{text-align: left!important} .main-wrapper{width: 100%; max-width: 1300px; padding: 0 15px; margin: auto} .blue-btn{height: 52px; position: relative; background: #3343A1; border-radius: 5px; color: #FFFFFF; font-size: 16px; line-height: 30px; padding: 9px 100px 0 35px; text-decoration: none; display: inline-block; font-weight: 300; border: 1px solid #3343A1;} .blue-btn:after {content: ''; background: #50B948; width: 78px; height: 59px; position: absolute; top: -4px; right: 20px; -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);} .blue-btn:before {content: ''; background: url(../images/button-arrow.png); width: 19px; height: 18px; position: absolute; top: 17px; right: 50px; z-index: 1; transition: all 0.5s ease-in-out;} .blue-btn:hover:before{right:40px;} .blue-btn.white-btn{background: #fff; color: #3243A1;} .transparent-btn{padding: 9px 20px 0; height: 52px; border: 1px solid #3343A1; border-radius: 5px; color: #3343A1; font-size: 16px; line-height: 30px; text-decoration: none; display: inline-block; font-weight: 300; background: transparent; transition: all 0.5s ease-in-out; } .transparent-btn:hover{background: #3343A1; color: #fff} .site-blue-btn{padding: 9px 35px 0; height: 52px; border: 1px solid #3343A1; border-radius: 5px; color: #fff; font-size: 16px; line-height: 30px; text-decoration: none; display: inline-block; font-weight: 300; background: #3343A1; transition: all 0.5s ease-in-out; text-align: center; cursor: pointer} .site-blue-btn:hover{background: transparent; color: #3343A1} a{color: #3343A1; text-decoration: underline} a:hover{text-decoration: none} p{padding-bottom: 20px; line-height: 40px;} p:last-child,li:last-child{padding-bottom: 0!important;} .mb-0{margin-bottom: 0!important} .mt-0{margin-top: 0!important} .mr-0{margin-right: 0!important} .ml-0{margin-left: 0!important} .pb-0{padding-bottom: 0!important} .pt-0{padding-top: 0!important} .pr-0{padding-right: 0!important} .pl-0{padding-left: 0!important} .w-100{max-width: 100%!important; width: 100%!important} /*Change text in autofill textbox*/ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-text-fill-color: #fff !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset; transition: background-color 5000s ease-in-out 0s; color: #fff !important; } /* End Universal CSS*/ /* Start For top Strip */ .top-strip-section{width: 100%; height: 60px; display: flex; flex-wrap: wrap; position: fixed; font-size: 18px;color: #000000; line-height: 21px; justify-content: center; align-items: center; padding: 0 15px; font-weight: 500; background: #fff; z-index: 10} .top-strip-section:before, .top-strip-section:after{content: ''; width: 526px; height: 100%; position: absolute; top:0; } .top-strip-section:before{background: url("../images/top-left-img.png") no-repeat; left: 0} .top-strip-section:after{background: url("../images/top-right-img.png") no-repeat; right: 0} .top-strip-section a{background: #3343A1; border-radius: 5px; width: auto; height: 33px; display: flex; justify-content: center; align-items: center; color: #fff; text-decoration: none; font-size: 16px; font-weight: 300; line-height: 18px; border: 1px solid #3343A1; transition: all 0.5s ease-in-out; margin-left: 10px; padding: 0 10px} .top-strip-section a:hover{color: #3343A1; background: transparent} .stick-phone-area{position: fixed; width: 250px; display: flex; flex-wrap: wrap; align-items: center; background: #020A39; color: #fff; bottom: 50%; right: -180px; margin-bottom: -35px; border-radius: 10px 0 0 10px; padding: 0px 0px; justify-content: space-between; z-index: 101; transition: all 0.5s ease-in-out;} .stick-phone-icon{width: 70px; height: 70px; position: relative; cursor: pointer} .stick-phone-icon img{position: absolute; top:0; left: 0; bottom: 0; right: 0; margin: auto; height: 28px;} .stick-phone-number{width: calc(100% - 80px);} .stick-phone-number span{width: 100%; display: block; font-size: 16px; line-height: 28px;} .stick-phone-number a{color: #fff; text-decoration: none} .open-stick-phone{right: 0!important; position: fixed; width: 250px; display: flex; flex-wrap: wrap; align-items: center; background: #020A39; color: #fff; bottom: 50%; margin-bottom: -35px; border-radius: 10px 0 0 10px; padding: 0px 0px; justify-content: space-between; z-index: 101; transition: all 0.5s ease-in-out;} .phone-stick-overlay{width: 100%; height: 100%; background: transparent; z-index: 100; position: fixed; left: 0; top:0; display: none} /* End For top Strip */ /* Start For Home Page */ .section-heading{width: 100%; font-size: 42px; line-height: 57px; font-weight: bold; color: #000000; position: relative; padding: 0 0 21px 0} .section-heading span{color: #3343A1;} .section-heading:after{position: absolute; bottom: 0px; left: 50%; margin-left: -23px; width: 46px; height: 5px; content: ''; background: #3343A1;} .section-label{width: 100%; color: #333333; max-width: 540px; margin:auto; font-weight: 300; padding-top: 20px;} .hero-banner-area,.info-box-row,.risk-in-futures-area,.risk-in-futures-btn-row,.risk-in-futures-bottom-row,.e-mini-futures-row,.e-mini-futures-bottom,.trade-mini-rl-wrapprt,.home-faq-wrap,.home-trading-wrap {width: 100%; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap } .e-mini-futures-area,.talk-e-mini-area,.talk-e-mini-third-party-area,.trade-mini-section,.trading-markets-section,.home-faq-area,.home-trading-section,.af-banner-arrow{width: 100%; margin: 0px; padding: 0px; float: left} .af-banner-arrow{text-align: center; padding-top: 20px;} .hero-banner-area,.home-trading-wrap,.trade-mini-rl-wrapprt{justify-content: center; align-items: center; flex-direction: row-reverse} .hero-banner-area{padding-top: 50px;} .hero-banner-text{width: 47%;} .hero-banner-row1,.hero-banner-row2,.hero-banner-row3{width: 100%} .hero-banner-row1{color: #000000; line-height: 75px; font-size: 65px; font-weight: bold; position: relative; padding-bottom: 30px; margin-bottom: 25px;} .hero-banner-row1 span{color: #3343A1;} /*.hero-banner-row1:after{position: absolute; bottom: 0px; left: 0; width: 45px; height: 5px; content: ''; background: #3343A1;}*/ .hero-banner-row2{color: #333333; font-size: 18px; font-weight: 300; } .hero-banner-row2 span{font-weight: 500;} .hero-banner-row3{padding-top: 50px;} .hero-banner-row3 .transparent-btn{margin-left: 20px;} .hero-banner-img{width: 53%;} .info-box-row{padding-top: 67px; width: calc(100% + 30px); margin-left: -15px;} .info-box-col{width: 33.33%; padding: 0 15px 75px; position: relative;} .info-icon{position: absolute; top:-15px; right: 6px; width: 80px; height: 80px;} .info-box-col-gray{width: 100%; height: 100%; background: #7070701F; padding: 1px; border-radius: 21px; -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 28%, 78% 0); clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 28%, 78% 0); } .info-box-col-white{width: 100%; height: 100%; background: #fff; border-radius: 20px; padding: 45px 25px 75px 25px; position: relative; min-height: 298px} .info-box-col-white:before {content: ""; position: absolute; margin: -59px; width: 142px; height: 72px; transform: rotate(43deg); background-color: #7070701F; right: 0px; overflow: hidden} .info-box-heading{width: 100%; color: #000000; font-size: 21px; font-weight: bold; line-height: 25px; padding-bottom: 28px;} .info-box-text{width: 100%;color: #333333; font-weight: 300;} .info-box-link{ font-size: 15px; line-height: 28px; position: absolute; bottom: 30px;} .info-box-link a{color: #3343A1; text-decoration: none; position: relative; transition: all 0.5s ease-in-out;} .info-box-link a:after{background: url("../images/arrow-blue.png") no-repeat; width: 12px; height: 11px; content: ''; position: absolute; top:5px; right: -20px; transition: all 0.5s ease-in-out;} .info-box-link a:hover:after{right: -25px;} .info-box-link a:hover{text-decoration: underline} .risk-in-futures-area{padding-top: 85px; position: relative } .risk-in-futures-btn-row{justify-content: center;} .risk-in-futures-bottom-row{padding-top: 32px; justify-content: center; font-size: 16px; text-transform: uppercase} .e-mini-futures-area{background: url("../images/e-mini-futures-bg.png") no-repeat; height: 1495px; background-size: cover; padding-top: 290px; margin-top: -23px;} .e-mini-futures-area .section-heading,.e-mini-futures-area .section-label{color: #fff;} .e-mini-futures-area .section-label{max-width: 1050px} .e-mini-futures-row{padding-top: 85px; padding-bottom: 85px; justify-content: space-between} .e-mini-futures-col{width: 30%; text-align: center} .e-mini-futures-img{width: 100%; height: 137px; display: flex; justify-content: center; align-items: end;} .e-mini-futures-label{width: 100%; font-size: 21px; line-height: 25px; color: #fff; font-weight: bold; padding-top: 30px;} .e-mini-futures-cta{width: 100%; max-width: 850px; display: flex; flex-wrap: wrap; border: 1px solid #FFFFFF85; border-radius: 9px; background: transparent; margin: auto; padding: 23px 0 23px; justify-content: center; align-items: center} .e-mini-futures-cta span{color: #fff; font-weight: bold; padding-right: 20px;} .e-mini-futures-bottom{justify-content: center; font-weight: 300; padding-top: 33px;} .e-mini-futures-bottom a{color: #fff; position: relative;} .e-mini-futures-bottom a:after{background: url("../images/arrow-white.png") no-repeat; width: 15px; height: 14px; content: ''; position: absolute; top:9px; right: -33px;transition: all 0.5s ease-in-out;} .e-mini-futures-bottom a:hover:after{right: -38px;} .talk-e-mini-area{padding-top: 35px;} .talk-e-mini-third-party-area{padding-top: 45px;} .trade-mini-section{background: url("../images/trade-mini-bg.png") no-repeat; height: 981px; background-size: cover; padding-top: 175px; z-index: 1} .trade-mini-section .main-wrapper, .home-trading-section .main-wrapper{max-width: 1550px; padding-left: 140px;} .trade-mini-rl-wrapprt{padding-top: 10px;} .trade-mini-right-area{width: 45%; } .trade-mini-left-area{width: 55%; padding-right: 15px;} .trade-mini-text{width: 100%; padding-top: 40px; padding-bottom: 40px; font-weight: 300;} .trade-mini-section .section-heading, .trade-mini-text{color: #fff;} .trade-mini-section .section-heading:after, .home-faq-area .section-heading:after, .home-trading-section .section-heading:after{background: #50B948; margin: 0; left: 0px;} .trade-mini-text ul,.trade-mini-text ul li{width: 100%; margin: 0px; padding: 0px; list-style: none} .trade-mini-text ul li{position: relative; padding: 0px 0 10px 15px;} .trade-mini-text ul li:before{position: absolute; top:0; left: 0; content: '•'; font-size: 27px;} .trade-mini-section .e-mini-futures-cta{width: 667px; margin: 0px; padding: 20px 25px; justify-content: space-between;} .trade-mini-section .e-mini-futures-cta .blue-btn{background: #fff; color: #3343A1; padding: 9px 110px 0 45px;} .trade-mini-section .e-mini-futures-cta span{font-size: 23px;} .trading-markets-section{padding-top: 85px; background: #f9fbfe; padding-bottom: 25px;} .info-box-sub-heading{width: 100%; color: #333333; font-size: 16px; line-height: 30px; margin: -21px 0 15px 0; font-weight: 300} .trading-markets-section .info-box-col-white{padding-right: 20px;} .trading-markets-section .info-box-col-white:before{transform: rotate(48deg); margin: -57px; width: 150px; } .home-faq-area{padding-top: 50px; position: relative} .home-faq-left{width: 50%} .home-faq-right{width: 50%; position: relative; z-index: 1; background: #fff} .home-trading-section{background: url("../images/home-trading-bg.png") no-repeat; height: 678px; background-size: cover; padding-top: 105px;} .home-trading-wrap{padding-top: 10px;} .home-trading-left{width: 52%; padding-right: 50px; margin-top: -80px;} .home-trading-right{width: 48%; } .home-trading-section .section-heading{font-size: 36px; color: #fff; } .home-trading-section .section-heading span{font-size: 55px; color: #50B948; padding-top: 12px; display: block;} .home-trading-text{color: #FFFFFF; font-weight: 300; padding-top: 30px;} .home-trading-btn{width: 100%; display: flex; flex-wrap: wrap; align-items: center; padding-top: 52px;} .home-trading-btn a{font-size: 16px; color: #fff; font-weight: 300;} .home-trading-btn a.blue-btn{margin-right: 35px;} .repeat-grid{position: absolute; } .repeat-grid.rg-1{top:230px; left: 20px} .repeat-grid.rg-2{top:85px; right: 0px} .repeat-grid.rg-3{top:210px; right: 0px} /* Start for FAQs */ .accordian { width:100%; margin:0px; padding:50px 0 0 50px; float:left;} .accordian_container {border-bottom: 1px solid #eeeeee; padding: 15px 10px 17px 0px; background-color: #fff; width: 100%; float: left; margin: 0 0 20px;} .accordian_tab { width: 100%; position: relative; cursor: pointer; float: left; padding: 0 30px 0 0; margin: 0 0 10px;} .accordian_tab:after {position: absolute; top: 12px; right: 0; content: ''; background: url(../images/faq-down-arrow.png) no-repeat; width: 12px; height: 7px;} .accordian_tab.open:after {background: url(../images/faq-up-arrow.png) no-repeat; } .accordian_content {width: 100%; float: left; margin: 0; padding: 0 0px 10px 0; display: none; font-size: 18px; font-weight: 300} .accordian_content strong{font-weight: 500} /* End for FAQs */ /* End For Home Page */ /* Start For Footer */ .footer-area,.footer-logo {width: 100%; float: left; margin: 0px; padding: 0px;} .footer-area{padding-top: 50px;} .footer-logo{padding-top: 10px; padding-bottom: 30px} .footer-row,.footer-bottom-wrapper,.footer-img-wrapper{width: 100%; display: flex; flex-wrap: wrap;} .footer-col{padding-left: 25px;} .footer-col.f-col1{width: 37%; padding-right: 35px; padding-left: 0px;} .footer-col.f-col2{width: 22%} .footer-col.f-col3{width: 19%} .footer-col.f-col4{width: 22%} .footer-col.f-col1 p{font-size: 16px; padding-bottom: 30px; color: #333333; line-height: 30px;} .footer-col.f-col1 p span{display: block} .footer-col-heading{width: 100%; line-height: 24px; color: #3343A1; font-weight: bold; padding-bottom: 40px;} .footer-col ul, .footer-col li{width: 100%; margin: 0px; padding: 0px; list-style: none} .footer-col li{padding-bottom: 20px; font-size: 18px; line-height: 21px;} .footer-col li:last-child{padding-bottom: 0px;} .footer-col li a{color: #000; text-decoration: none} .footer-col li a:hover{text-decoration: underline} .footer-so-area,.social-icon-row,.footer-address{width: 100%} .footer-so-icon{background: url("../images/social-icon.png") no-repeat; width: 30px; height: 30px; display: inline-block; text-decoration: none; margin-right: 2px;} .footer-so-icon.so-facebook{background-position: 0px -1px} .footer-so-icon.so-twitter{background-position: -71px -0px} .footer-so-icon.so-linkedin{background-position: -142px -0px} .footer-so-icon.so-instagram{background-position: -212px -0px} .footer-so-icon.so-youtube{background-position: -283px -0px} .footer-logo img{max-width: 260px; } .footer-so-area{padding-top: 41px;} .footer-so-area .footer-col-heading{padding-bottom: 20px} .footer-img{padding-right: 10px;} .footer-address{color: #333333; padding-top: 20px; font-weight: 300;} .footer-bootom-section{background: #3243a1; padding: 0 15px; text-align: center; font-size: 18px; color: #FFFFFF; font-weight: 300; position: relative; height: 57px; justify-content: center; align-items: center;display: flex; flex-wrap: wrap;width: 100%; margin-top: 66px;} .footer-bootom-section:before, .footer-bootom-section:after{content: ''; width: 526px; height: 57px; position: absolute; top:0; } .footer-bootom-section:before{background: url("../images/bottom-left-img.png") no-repeat; left: 0} .footer-bootom-section:after{background: url("../images/bottom-right-img.png") no-repeat; right: 0} .footer-bottom-wrapper{align-items: center} .footer-bottom-left{width: 50%; text-align: left} .footer-bottom-right{width: 50%; text-align: right} .footer-bootom-section .main-wrapper{position: relative; z-index: 1} .footer-bottom-right img{width: 60px;} /* End For Footer */ /* Start For Header */ .header-section{width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between} .website-logo{width: 200px;} .header-right-wrap{width: calc(100% - 220px); display: flex; flex-wrap:wrap } .header-right-inner-wrap{width: 100%; display: flex; flex-wrap:wrap } .main-menu{width: calc(100% - 160px); } .header-btn-wrap{width: 155px; display: flex; flex-wrap: wrap; justify-content: space-between; z-index: 1; position: relative; margin-top: 4px; flex-direction: row-reverse;} .header-btn-wrap a{height: 41px; width: 102px; border: 1px solid #3343A1; border-radius: 5px; color: #3343A1; font-size: 16px; line-height: 18px; font-weight: 300; padding: 0px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-decoration: none; transition: all 0.5s ease-in-out;} .header-btn-wrap a img{margin-right: 6px;} .header-btn-wrap a.open-account-btn{width: 154px;} .header-btn-wrap a:hover{background: #3343A1; color: #fff; } .open-account-btn:before{background: url("../images/open-account-icon.png") no-repeat; width: 17px; height: 17px; content: '';margin-right: 6px;} .login-btn:before{background: url("../images/login-icon.png") no-repeat; width: 18px; height: 18px; content: ''; margin-right: 6px;} .open-account-btn:hover:before{background: url("../images/open-account-icon-hover.png") no-repeat; } .login-btn:hover:before{background: url("../images/login-icon-hover.png") no-repeat; } .header-section .primary-navigation > div > .menu-wrapper{justify-content: flex-end; padding-right: 35px;} .primary-navigation > div > .menu-wrapper li a{font-size: 18px; line-height: 21px; color: #000} .primary-navigation > div > .menu-wrapper li{padding-right: 30px;} .primary-navigation > div > .menu-wrapper li:last-child{padding-right: 0px;} .site-header{width: 100%; float: left; padding-bottom: 50px; margin-top: 100px;} .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg, .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus svg{display: none} .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus, .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus{width: 7px; height: 7px; border-right: 1px solid #000; border-top: 1px solid #000; transform: rotate(135deg);} .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus{transform: rotate(-45deg); margin-top:9px; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle {display: flex; padding: 0 0 0 14px; align-items: center; background: transparent; border: none;} .primary-navigation > div > .menu-wrapper > li.platform-menu > .sub-menu{min-width: 175px;} .primary-navigation > div > .menu-wrapper > li > .sub-menu{background: #fff; border: 1px solid #7070701F; border-radius: 5px; box-shadow: 0px 3px 15px #00000029; padding: 10px 0} .primary-navigation > div > .menu-wrapper > li > .sub-menu li{ background: transparent; padding: 7px 0px;} .primary-navigation > div > .menu-wrapper > li > .sub-menu:before{position: absolute; top: -8px; content: ""; display: inline-block; width: 14px; height: 14px; border-right: 1px solid #7070701F; border-top: 1px solid #7070701F; transform: rotate(-45deg); margin-right: 0.5em; margin-left: 1em; background: #fff;} .primary-navigation > div > .menu-wrapper > li > .sub-menu:after{direction: none} .primary-navigation .sub-menu .menu-item > a{padding: 3px 15px; width: 100%;} .mobile-header-right-wrap,.mo-manu-cross{display: none;} .menu-d-none{display: none!important} /* End For Header */ /* Start For UPS Page */ .usp-tools-services-area,.usp-trade-futures-area,.usp-trade-futures-row,.not-ready-area,.ups-help-area {width: 100%; float: left; margin: 0px; padding: 0px;} .site-breadcrumbs, .usp-ts-text-area,.usp-ts-label-row,.usp-ts-label-row ul,.usp-ts-line, .usp-ts-btn-row, .usp-tf-btn-row,.not-ready-wrap,.not-ready-btn-row,.ups-help-wrap {width: 100%; display: flex; flex-wrap: wrap; margin: 0px; padding: 0px;} .site-breadcrumbs{ font-size: 14px; line-height: 30px; font-weight: 600; color: #858585} .site-breadcrumbs a{text-decoration: none; color: #858585} .site-breadcrumbs span{color: #3343A1;} .ups-banner-area{width: 100%; margin: 0px; padding: 0px; height: 775px;} .ups-banner-area .hero-banner-img {width: 46%; text-align: right; position: absolute; top:0; right: 0px;} .ups-banner-area .hero-banner-text{width: 60%; padding-top: 170px;} .usp-tools-services-area{padding-top: 50px; position: relative} .usp-ts-text-area{max-width: 1050px; color: #333333; margin: auto; font-weight: 300; text-align: center; padding-top: 15px;} .usp-ts-line{height: 1px; background: #efefef; max-width: 1120px; margin: auto; margin-top: 45px; margin-bottom: 35px;} .usp-ts-label-row{max-width: 980px; margin: auto} .usp-ts-label-row ul li{width: 33.33%; font-size: 21px; line-height: 25px; list-style: none; margin: 0px; padding: 10px 40px 10px; } .usp-ts-btn-row{padding-top: 70px; justify-content: center} .usp-trade-futures-area{background: url("../images/usp-trade-futures-bg.png") no-repeat; height: 928px; background-size: cover; padding-top: 215px;} .usp-trade-futures-area .section-heading, .usp-trade-futures-area .section-label{color: #fff;} .section-heading:after{background: #50B948;} .usp-trade-futures-area .section-label{max-width: 1050px; padding-top: 40px} .usp-trade-futures-icon,.usp-trade-futures-text{width: 100%; text-align: center} .usp-trade-futures-text{color: #FFFFFF; line-height: 25px; font-size: 21px; font-weight: bold; padding-top: 25px;} .usp-trade-futures-row{padding-top: 70px;} .usp-trade-futures-slider .slick-slide img{display: inline-block} .usp-trade-futures-slider .slick-prev, .usp-trade-futures-slider .slick-next{background: url("../images/trade-futures-slider-arrow.png") no-repeat; width: 49px; height: 49px; background-color: transparent!important;} .usp-trade-futures-slider .slick-next{background-position: -107px 0px} .usp-tf-btn-row{justify-content: center; padding-top: 70px;} .usp-tf-btn-row .blue-btn{background: #fff; color: #3243A1;} .not-ready-wrap{padding-top: 10px; flex-direction: row-reverse; align-items: center} .not-ready-left{width: 45%; padding-right: 25px;} .not-ready-right{width: 55%} .not-ready-wrap .section-label{margin: 0; max-width: 510px; padding-top: 32px} .not-ready-wrap .section-heading, .ups-help-area .section-heading{padding-bottom: 40px;} .not-ready-wrap .section-heading span, .ups-help-area .section-heading span{color: #50B948; font-size: 65px; display: block; padding-top: 17px;} .not-ready-wrap .section-heading:after, .ups-help-area .section-heading:after{left: 0px; margin-left: 0px; background: #3343A1} .not-ready-btn-row{padding-top: 45px;} .not-ready-area{padding-top: 90px;} .not-ready-area .main-wrapper{position: relative} .not-ready-area .repeat-grid.rg-1 {top: 30px; left: 20px;} .ups-help-area{background: url("../images/ups-help-bg.png") no-repeat; height: 951px; background-size: cover; padding-top: 255px;} .ups-help-left{width: 50%} .ups-help-right{width: 50%} .ups-help-area .section-heading{color: #fff;} .ups-help-area .section-heading:after{background: #50B948} .ups-help-text{width: 100%; line-height: 40px; color: #fff; padding-top: 22px;} .ups-help-text span{font-weight: 600;} /* End For UPS Page */ /* Start For Support & Resistance Levels Page */ .srl-area,.srl-btn-area{width: 100%; float: left; margin: 0px; padding: 0px;} .srl-area .section-heading:after, .why-e-mini-futures-area .section-heading:after, .micro-mini-futures-contract-area .section-heading:after, .e-mini-signals-top-area .section-heading:after{background: #3343A1;} .srl-area .info-box-col-gray{ clip-path: none;} .srl-area .info-box-col-white:before{display: none} .srl-area .info-box-sub-heading, .srl-area .info-box-text{font-size: 18px;} .srl-area .info-box-col-white{padding-right: 25px;} .srl-area .info-box-col{padding-bottom: 15px; padding-top: 15px;} .srl-area .info-box-row{padding-top: 35px;} .srl-btn-area{text-align: center; padding-top: 50px;} .srl-btn-area .site-blue-btn{width: 180px;} /* End For Support & Resistance Levels Page */ /* Start For Why e-mini Futures? Page */ .why-e-mini-futures-area,.micro-mini-futures-contract-area,.benefits-micro-emini-area{width: 100%; float: left; margin: 0px; padding: 0px;} .why-e-mini-futures-area .main-wrapper, .micro-mini-futures-contract-area .main-wrapper, .benefits-micro-emini-area .main-wrapper, .page-template-template-cannon-pro-demo .e-mini-signals-top-area .main-wrapper{max-width: 1080px;} .why-e-mini-futures-area .section-label{max-width: 100%; text-align: center;} .why-e-mini-futures-area .e-mini-futures-label{color: #000} .micro-e-mini-area {padding: 0px; margin: 15px 0 10px 0; display: flex; background: url("../images/blue-bg-1195.png") no-repeat; min-height: 1195px; z-index: 1;} .micro-e-mini-wrap, .fcw-wrapper,.volume-ul-area,.bme-content-area{width: 100%; display: flex; flex-wrap: wrap} .micro-e-mini-wrap{align-items: center; flex-direction: row-reverse} .micro-e-mini-left{width: 55%; padding-right: 35px; color: #fff; font-weight: 300;} .micro-e-mini-right{width: 45%;} .mmfc-cont, .mmfc-btn-area, .fcw-content {width: 100%} .micro-e-mini-cont,.micro-e-mini-btn{width: 100%} .micro-e-mini-cont{padding: 47px 0 54px 0; } .micro-e-mini-cont p{padding-bottom: 25px;} .micro-e-mini-area .section-heading, .fcw-right .section-heading{color: #fff; } .micro-e-mini-area .section-heading:after, .fcw-right .section-heading:after{left: 0; margin-left: 0} .micro-mini-futures-contract-area{padding-top: 60px; margin-bottom: -13px;} .mmfc-cont{ padding-top: 43px; color: #333333; font-weight: 300; text-align: center} .mmfc-btn-area{text-align: center; padding-top: 50px;} .mmfc-btn-area span{width: 100%; display: block; margin-top: 35px;} .mmfc-btn-area span a{font-size: 16px; text-transform: uppercase} .futures-contract-work-area{margin: 35px 0 10px 0; display: flex; background-image: none; padding: 90px 0 0px; background: url("../images/bg-right-height-1050.png") no-repeat; min-height: 1050px; z-index: 1;} .fcw-wrapper{align-items: center;} .fcw-left{width: 50%;} .fcw-right{width: 50%; padding-left: 35px;} .fcw-content{color: #fff; font-weight: 300; padding: 27px 0 46px 0} .fcw-content p{line-height: 40px;} .mmfc-cont p span{color: #000000; } .volume-ul-area p{line-height: 40px;} .volume-ul-area ul,.volume-ul-area li{width: 100%; margin: 0px; padding: 0px; list-style: none; color: #000; font-weight: 400 } .volume-ul-area ul{padding-top: 18px;} .volume-ul-area li{padding-bottom: 20px;} .volume-ul-area li:last-child{padding-bottom: 0px;} .benefits-micro-emini-area{background-image: none; background-color: #020A39; padding: 300px 0 195px; margin: 0px 0 15px 0; display: flex; background: url("../images/blue-bg-1451.png") no-repeat; min-height: 1451px; } .benefits-micro-emini-area .section-heading, .bme-content-area{color: #fff;} .bme-content-area{font-weight: 300; line-height: 40px; justify-content: center; padding-top: 30px} .bme-content-area a{color: #fff;} .srl-area,.why-e-mini-futures-area{padding-top: 80px;} .why-e-mini-futures-area .e-mini-futures-row{padding: 60px 0 15px} .micro-e-mini-left .section-heading{display: none} /* End For Why e-mini Futures? Page */ /* Start For e-mini Signals Page */ .e-mini-signals-top-area,.disclaimer-area,.gray-bg-bottom-area,.webinar-form-area{width: 100%; display: flex; flex-wrap: wrap} .e-mini-signals-top-area{padding-top: 75px;} .signals-info-heading,.signals-info-wrapper,.signals-info-label,.form-btn-row{width: 100%} .signals-info-heading{color: #3343A1; font-size: 30px; font-weight: bold; padding-bottom: 27px; padding-top: 80px;} .signals-info-wrapper{color: #333333; font-weight: 300; padding-bottom: 45px; } .signals-info-label{ font-size: 22px; font-weight: bold; color: #000; padding-bottom: 15px;} .show-img-area{width: 100%; text-align: center} .show-img-area img{max-width: 700px;} .show-img-area span{text-align: center; display: block; width: 100%; padding-top: 20px; font-style: italic; color: #333333; font-weight: 300;} .light_box{padding: 20px} .light_box .cross.b-close{position: absolute; top: 0; right: 0; background: #fff; width: 40px; height: 40px; text-align: center; border-radius: 100%; line-height: 40px; cursor: pointer} .gray-bg-bottom-area{position: relative} .gray-bg-bottom-area:after{position: absolute; width: 100%; height: 300px; left: 0; bottom: 0; background: #F9FBFE; content: ''} .webinar-form-area{background-image: none; padding: 90px 0 0px; margin: 0px 0 0px 0; display: flex; background: url("../images/bg-right-height-1050.png") no-repeat; min-height: 1050px; z-index: 1 } .page-template-template-e-mini-commissions .webinar-form-area{background: url("../images/bg-right-height-1250.png") no-repeat; min-height: 1250px; padding-top: 150px;} .webinar-form-area .section-heading{color: #fff} .page-form-wrap{max-width: 100%; width: 1100px; margin: auto; padding-top: 30px;} .form-row{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between} .form-col{width: calc(50% - 20px); padding: 0 0px; margin-bottom: 50px;} .form-col input, .form-col textarea{border: 0; background: transparent; font-size: 20px; font-weight: 300; color: #fff!important; border-bottom: 2px solid #98a1d0; margin: 0; padding: 0; width: 100%; height: 76px;} .form-col select{border: 0; background-color: transparent; font-size: 20px; font-weight: 300; color: #fff!important; border-bottom: 2px solid #98a1d0; margin: 0; padding: 0; width: 100%; height: 76px; background: url("../images/select-box-arrow.png") no-repeat; background-position: right 0px top 35px; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;} .form-col select::-ms-expand {display: none;} .form-col select option{color: #000} .form-col textarea {resize: none; height: 51px; margin-top: 25px;} .form-btn-row{text-align: center; } .disclaimer-area{background: #F9FBFE; padding: 50px 0; color: #333333; font-weight: 300} .disclaimer-heading, .disclaimer-sub-heading{width: 100%; } .disclaimer-heading{font-size: 30px; font-weight: bold; padding-bottom: 30px; color: #000} .disclaimer-sub-heading{font-size: 22px; font-weight: bold; padding-bottom: 30px; color: #000} .form-col ::placeholder {color: #fff; opacity: 1;} .form-col :-ms-input-placeholder {color: #fff;} .form-col ::-ms-input-placeholder {color: #fff;} .webinar-form-info{width: 100%; padding-top: 20px; color: #fff; font-style: italic; font-weight: 300; text-align: center} .form-btn-wrap{border: 0px solid #f00; display: inline-block; position: relative; cursor: pointer} .form-btn-wrap input[type=submit] {display: block; height: 52px; position: relative; background: #3343A1; border-radius: 5px; color: #FFFFFF!important; font-size: 16px; line-height: 30px; padding: 0px 100px 0 35px; text-decoration: none; font-weight: 300; border: 1px solid #3343A1; min-width: 304px;} .form-btn-wrap:before{content: ''; background: url("../images/button-arrow.png"); width: 19px; height: 18px; position: absolute; top: 17px; right: 50px; z-index: 1;transition: all 0.5s ease-in-out;} .form-btn-wrap:after{content: ''; background: #50B948; width: 78px; height: 59px; position: absolute; top:-4px; right: 20px; -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); } .form-btn-wrap:hover::before{right: 45px;} .webinar-form-area .form-btn-wrap input[type=submit] { background: #020A39!important; } .form-col-wrap{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between} .form-col-2{width: calc(50% - 20px); } .col-full-width{width: 100%; } .form-col-2:last-child{padding-right: 0px;} /* End For e-mini Signals Page */ /* Start For E-Mini Commissions Page */ .commissions-overview-area, .co-container-area,.co-heading,.co-label,.co-container-area,.co-container-row,.co-container-bottom-row,.several-factors-head,.commissions-overview-hide-row,.load-btn-row{width: 100%; float: left; margin: 0px; padding: 0px;} .commissions-overview-area{width: 100%; float: left; margin: 40px 0 0px 0; padding: 40px 40px; background: #F9FBFE; border-radius: 24px;} .co-container-area{background: #fff; padding: 40px 30px 15px; border-radius: 10px;} .commissions-top-space{margin-top: 55px;} .co-heading{color: #3343A1; font-size: 23px; font-weight: bold; line-height: 26px; padding-bottom: 30px} .co-label{color: #333333; font-weight: 300; margin: -14px 0 27px 0} .co-container-row{border-bottom: 1px solid #efefef; color: #333333; padding: 27px 0; font-weight: 300;} .co-container-row.dtm-row{padding: 13px 0; } .co-table {border-radius: 10px; display: table; margin: 0; padding:0; width: 100%;} .co-tr {background: none repeat scroll 0 0 #ffffff; display: table-row;} .co-td { color:#333333; display: table-cell; font-size: 18px; padding: 15px 15px 15px 0; vertical-align: top; word-wrap:break-word; font-weight: 300} .co-td.td1{color: #3343A1; width: 24%; font-weight: 400;} .tm-table .co-td.td1{color: #000; width: 34%; font-weight: 400} .co-table-heading{display: table-cell; font-weight: bold; margin: 0; padding: 0px 15px 28px 0; color: #000; border-bottom: 1px solid #efefef} .dtm-tablemobile-head{display: none;} .co-table.dtm-table .co-td.td1{font-weight: bold; color: #000; font-size: 22px;} .co-container-bottom-row{color: #3343A1; font-weight: bold; font-size: 30px; line-height: 35px; padding: 40px 0 35px} .several-factors-head{font-size: 23px; line-height: 26px; font-weight: bold; color: #3343A1; padding-top: 32px; padding-bottom: 20px;} .trading-hand-area .ups-help-right{padding-left: 35px;} .trading-hand-area .not-ready-btn-row a{color: #fff; font-size: 16px; line-height: 30px; font-weight: 300;} .trading-hand-area .not-ready-btn-row .blue-btn{margin-right: 20px;} .trading-hand-area .not-ready-btn-row{align-items: center} .form-row-heading,.form-checkbox-row,.page-top-content-wrap{width: 100%; display: flex; flex-wrap: wrap;} .form-checkbox-row{padding-top: 10px;} .form-checkbox-row.mt-checkbox-row{justify-content: space-between} .form-row-heading{color: #FFFFFF; font-size: 22px; font-weight: bold; padding-top: 15px; padding-bottom: 30px;} .form-checkbox-col{ color: #fff; padding: 0 40px 35px 0} .form-checkbox-col label{font-weight: 300; display: flex; align-items: center; margin: 0px;} .form-checkbox-col label input{margin-right: 13px;} .form-checkbox-col .wpcf7-list-item{margin: 0px;} .commissions-overview-hide-row{ display: none} .opensection{display: block; } .load-btn-row{margin-top: 50px; text-align: center;} .trading-margins .section-label{max-width: 100%; padding-bottom: 30px; padding-top: 40px;} .trading-margins-head{width: 100%; font-weight: bold; font-size: 23px; padding-top: 55px;} .fcw-content ul{margin: 0px; padding: 0 0 0 20px} .fcw-content ul li{padding-bottom: 10px;} .scalping-info-box{width: 100%; background: #020A39; border-radius: 17px; padding: 25px 40px; color: #fff; font-weight: 300; margin-bottom: 45px; } .scalping-info-box strong{font-weight: bold} .webinar-form-area .section-label{max-width: 100%; color: #fff;} .webinar-form-area .section-label a{color: #fff!important;} .page-top-content-wrap{padding: 50px 0 0 0} .scalping-form .form-btn-wrap input[type=submit]{width: 325px;} .webinar-form-area.scalping-form{padding-top: 150px; background: url(../images/bg-right-height-1250.png) no-repeat; min-height: 1250px;} .form-checkbox-col input[type=text]{margin: -10px 0 0 40px; width: 250px; height: auto; float: right} .disclaimer-heading.sh-head{padding-bottom: 15px;} @supports (-webkit-appearance: none) or (-moz-appearance: none) { .form-checkbox-col input[type=checkbox] {-webkit-appearance: none; -moz-appearance: none; position: relative; width: 25px; height: 25px; border: 1px solid #fff; background:transparent; border-radius: 4px;} .form-checkbox-col input[type=checkbox]:after {content: "";opacity: 0;display: block;left: 8px; top: 2px; position: absolute; width: 7px; height: 13px;border: 1px solid #fff;border-top: 0; border-left: 0; transform: rotate(40deg);} .form-checkbox-col input[type=checkbox]:checked {color: #fff;} .form-checkbox-col input[type=checkbox]:checked:after {opacity: 1;} } /*@supports*/ /* End For E-Mini Commissions Page */ .page-template-template-e-mini-dow-dax-and-russell .not-ready-area, .page-template-template-cme-electronic-corporate-membership .not-ready-area, .page-template-template-e-mini-russell-2000 .not-ready-area, .page-template-template-e-mini-futures-trading-101 .not-ready-area, .page-template-template-faqs .not-ready-area, .page-template-template-news .not-ready-area{padding: 110px 0 0px; margin: 0px 0 0px 0; display: flex;} .page-template-template-e-mini-dow-dax-and-russell .not-ready-area, .page-template-template-e-mini-russell-2000 .not-ready-area, .page-template-template-e-mini-futures-trading-101 .not-ready-area, .page-template-template-faqs .not-ready-area, .page-template-template-news .not-ready-area{background: url("../images/bg-right-height-859.png") no-repeat; min-height: 860px} .page-template-template-e-mini-dow-dax-and-russell .not-ready-area .repeat-grid.rg-1, .page-template-template-e-mini-dow-dax-and-russell .not-ready-area .repeat-grid.rg-2, .page-template-template-e-mini-russell-2000.not-ready-area .not-ready-area .repeat-grid.rg-1, .page-template-template-e-mini-russell-2000.not-ready-area .not-ready-area .repeat-grid.rg-2, .page-template-template-e-mini-futures-trading-101 .not-ready-area .repeat-grid.rg-1, .page-template-template-e-mini-futures-trading-101 .not-ready-area .repeat-grid.rg-2, .page-template-template-faqs .not-ready-area .repeat-grid.rg-1, .page-template-template-faqs .not-ready-area .repeat-grid.rg-2{display: none} .page-template-template-cme-electronic-corporate-membership .not-ready-area{ background: url("../images/blue-bg-950.png") no-repeat; height: 951px;} .page-template-template-cme-electronic-corporate-membership .not-ready-wrap .section-heading, .page-template-template-e-mini-dow-dax-and-russell .not-ready-wrap .section-heading, .page-template-template-e-mini-russell-2000 .not-ready-wrap .section-heading, .page-template-template-e-mini-futures-trading-101 .not-ready-wrap .section-heading, .page-template-template-faqs .not-ready-wrap .section-heading, .page-template-template-news .not-ready-area .section-heading{color: #FFE3E3} .page-template-template-e-mini-dow-dax-and-russell .not-ready-wrap .section-heading:after, .page-template-template-e-mini-russell-2000 .not-ready-wrap .section-heading:after, .page-template-template-e-mini-futures-trading-101 .not-ready-wrap .section-heading:after, .page-template-template-faqs .not-ready-wrap .section-heading:after, .page-template-template-news .not-ready-area .section-heading:after{background: #50B948;} .page-template-template-e-mini-dow-dax-and-russell .not-ready-wrap .section-label, .page-template-template-e-mini-russell-2000 .not-ready-wrap .section-label, .page-template-template-e-mini-futures-trading-101 .not-ready-wrap .section-label, .page-template-template-faqs .not-ready-wrap .section-label, .page-template-template-cme-electronic-corporate-membership .not-ready-wrap .section-label, .page-template-template-news .not-ready-area .section-label{color: #fff} .page-template-template-cme-electronic-corporate-membership .repeat-grid.rg-1, .page-template-template-cme-electronic-corporate-membership .repeat-grid.rg-2{display: none} .page-template-template-cme-electronic-corporate-membership .signals-info-wrapper{padding-top: 50px; padding-bottom: 15px;} .signals-info-wrapper.cms-text-wrap{padding-top: 30px; padding-bottom: 15px;} .page-template-template-cme-electronic-corporate-membership .signals-info-wrapper.cms-text-wrap{margin-top: 20px;} .page-template-template-e-mini-dow-dax-and-russell .not-ready-area .blue-btn, .page-template-template-e-mini-russell-2000 .not-ready-area .blue-btn, .page-template-template-e-mini-futures-trading-101 .not-ready-area .blue-btn, .page-template-template-faqs .not-ready-area .blue-btn, .page-template-template-news .not-ready-area .blue-btn{background: #fff; color: #3243A1;} .cms-text-wrap p{line-height: 45px; padding-bottom: 25px;} ul.number-li{width: 100%; display: flex; flex-wrap: wrap; list-style: none; margin: 0px; padding: 0px; font-style: italic} ul.number-li li{width: 100%; line-height: 30px; padding-bottom: 28px;} .siw-with-img-row{width: 100%; display: flex; flex-wrap: wrap; padding: 25px 0 45px;} .siw-img{width: 310px;} .siw-img p{margin-top: 20px;} .siw-cont{width: calc(100% - 310px); padding-left: 35px; padding-top: 20px;} .faq-page-area{width: 100%; float: left; margin: 0px; padding: 23px 0 50px 0px;} .faq-page-area .accordian_content{line-height: 45px; color: #333333; font-size: 20px; padding: 0 0 3px 0} .faq-page-area .accordian_container{padding: 9px 0px 22px 0px} .page-template-template-about-e-mini .signals-info-wrapper ul, .page-template-template-about-e-mini .signals-info-wrapper li{width: 100%; margin: 0px; padding: 0px; list-style: none} .page-template-template-about-e-mini .signals-info-wrapper li{padding: 0 0 20px 0} .page-template-template-about-e-mini .signals-info-wrapper li strong, .page-template-template-about-e-mini .signals-info-wrapper li b{font-weight: 500} .page-template-template-about-e-mini .futures-contract-work-area{margin-top: 11px;} .contact-map-area{width: 100%; overflow: hidden; border-radius: 0px; height: 400px; } .contact-map{width: 100%; height: 100%; margin: 0px; padding: 0px;} .contact-botton-wrapper{ width: 100%; padding: 0px 0 60px; margin: 0px 0 0 0px;} .contact-botton-row{width: 100%; display: flex; flex-wrap: wrap; padding-top: 60px;} .contact-botton-col.cb-col1{width: 37%} .contact-botton-col.cb-col2{width: 36%} .contact-botton-col.cb-col3{width: 27%} .cb-cil-heading,.cb-cil-sub-heading{width: 100%} .cb-cil-heading{font-size: 30px; font-weight: bold; margin-bottom: 10px} .cb-cil-sub-heading{color: #3343A1; font-size: 22px; font-weight: bold; padding-top: 13px; padding-bottom: 23px;} .contact-botton-col p{line-height: 45px; color: #5C5C5C; font-weight: 300;} .contact-botton-col span{font-weight: bold} .wpcf7-response-output{color: #fff; text-align: center; margin: 0px!important; padding: 10px!important;} .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output{background: #dc3232; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{background: #ffb900; } .wpcf7-not-valid-tip{font-size: 16px; padding-top: 5px; color: #ff8585;} .rt-text{color: #3343A1} .get-free-text{color: #000}.cost-heading{width: 100%; font-size: 42px; color: #3343A1; font-weight: bold; padding-bottom: 27px; padding-top: 60px;} .cost-light-box-area{width: 100%; padding-top: 35px;} .cost-slider-col{padding: 0 10px} .cost-slider-col img{width: 100%} .fancybox-skin{padding: 10px!important} .cost-light-box-area p{padding: 10px 0px 0px 0px; font-weight: 300; color: #333333;} .cost-slider-row{width: calc(100% + 20px); padding: 30px 0 0 0; margin-left: -10px;} .cost-slider-row .slick-dots{bottom: -40px} .cost-slider-row .slick-dots li button{background-color: transparent!important;} .cost-slider-row .slick-dots li button:before {background: #3343A1; width: 5px; height: 5px; content: ''; border-radius: 100%; opacity: 1} .cost-slider-row .slick-dots li.slick-active button:before{ width: 8px; height: 8px; opacity: 1; margin-top: -2px;} .cost-slider-row .slick-dots li{margin: 0px;} .premium-futures-area,.premium-futures-wrapper,.premium-futures-outer-area{width: 100%; display: flex; flex-wrap: wrap;} .premium-futures-outer-area{position: relative; z-index: 1} .premium-futures-outer-area:after{content: ''; width: 100%; height: 350px; background: #f9fbfe; position: absolute; left: 0; bottom: 0; z-index: 1 } .premium-futures-area{position: relative; z-index: 2; padding: 100px 0 0px; margin: 0px 0 0px 0; display: flex; background: url("../images/premium-futures-bg.png") no-repeat; height: 776px;} .premium-futures-left{width: 37%} .premium-futures-right{width: 63%; padding: 90px 0 0 50px} .premium-futures-area .main-wrapper{max-width: 1500px} .premium-futures-area .section-heading{font-size: 28px; line-height: 40px; color: #fff; font-weight: 500;} .premium-futures-area .section-heading:after{left: 0; margin-left: 0px;} .premium-futures-area .section-label, .fls-left-area .section-label{max-width: 100%; color: #fff;} .premium-futures-btn-row{max-width: 100%; width: 700px; display: flex; flex-wrap: wrap; align-items: center; border: 1px solid #FFFFFF85; border-radius: 9px; padding: 22px 10px; margin: 40px 0 0 0; justify-content: center} .premium-futures-btn-row span{color: #fff; font-weight: bold; padding-right: 29px;} .page-template-template-e-mini-futures-quotes-charts .not-ready-area {background: #F9FBFE!important;} .page-template-template-e-mini-futures-quotes-charts .section-heading{margin-bottom: 10px;} .page-template-template-e-mini-futures-quotes-charts .not-ready-area{padding-top: 40px; padding-bottom: 80px} .site-blue-btn.hide-load-btn{display: none} .cannonpro-ul{padding: 12px 0 0 0px} .cannonpro-ul li{padding-bottom: 17px; position: relative; list-style: none; padding-left: 22px;} .cannonpro-ul li:before{position: absolute; content: ''; width: 8px; height: 8px; left: 0; top:12px; border-radius: 100%; background: #080808;} .page-template-template-cannon-pro-demo .signals-info-wrapper{margin: 45px 0 0 0} /* Start For Faq's Plugin */ .ui-widget{font-family: 'Ubuntu', sans-serif;} .ui-accordion .ui-accordion-header {position: relative; color: #000; border:0; border-bottom: 1px solid #eeeeee; padding: 31px 35px 33px 0px; background-color: #fff; width: 100%; float: left; margin: 0 0 0px; border-radius: 0!important; font-weight: 600;} .ui-icon, .ui-widget-content .ui-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon{position: absolute; top: 47px; right: 0; content: ''; background: url(../images/faq-down-arrow.png) no-repeat; width: 12px; height: 7px;} .ui-state-active .ui-icon, .ui-button:active .ui-icon{background: url(../images/faq-up-arrow.png) no-repeat; } .ui-accordion .ui-accordion-header.ui-accordion-header-active{padding-bottom: 13px; border:0;} .ui-accordion .ui-accordion-content{border-radius: 0!important; border:0; border-bottom: 1px solid #eeeeee; float: left; width: 100%; line-height: 45px; color: #333333; padding: 0 35px 25px 0px; font-weight: 300;} /* End For Faq's Plugin */ .page-template-template-e-mini-signals .signals-info-label, .page-template-template-e-mini-scalping .signals-info-label, .page-template-template-demo-form-page .signals-info-label{padding-top: 25px;} .page-template-template-e-mini-commissions .ups-help-area.trading-hand-area{padding-top: 210px;} .page-template-template-demo-form-page .signals-info-wrapper{padding-top: 45px;} .free-live-streaming-area, .quotes-iframe-wrapper, .quotes-iframe-heading, .quotes-iframe-area{ width: 100%; float: left; margin: 0px; padding: 0px;} .quotes-iframe-wrapper{background: #F9FBFE; border-radius: 24px; margin: 55px 0 0 0; padding: 40px 30px 30px 30px;} .quotes-iframe-heading{color: #3343A1; font-size: 23px; font-weight: bold} .free-live-streaming-area{position: relative; z-index: 2; padding: 100px 0 0px; margin: 40px 0 0 0px; background: url(../images/bg-left-height-751.png) no-repeat; height: 751px;} .fls-wrapper{width: 100%; display: flex; flex-wrap: wrap; align-items: center; flex-direction: row-reverse} .fls-left-area{width: 56%; padding-top: 60px;} .fls-right-area{width: 44%} .fls-left-area .section-heading{color: #fff} .fls-left-area .section-heading:after{margin-left: 0; left: 0} .fls-left-area .section-label{padding-top: 40px;} .fls-left-area .premium-futures-btn-row{width: 680px; max-width: 100%} .quotes-iframe-area iframe{width: 100%; height: 800px; border: 0; background: #fff; padding: 25px; border-radius: 10px; margin-top: 35px;} .page-form-wrap .g-recaptcha{width: 100%; display: flex; justify-content: center; padding-bottom: 45px;} .trading-margins .load-btn-row {padding-bottom: 50px;} .e-mini-signals-top-area p{line-height: 45px;} .page-template-template-cme-electronic-corporate-membership .siw-with-img-row{align-items: center} .create-new-account-popup{position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 500px; background: #FFFFFF; box-shadow: 0px 3px 99px #00000069; border-radius: 10px; padding: 20px 0px; z-index: 21; display: none} .new-account-popup-overlay{position: fixed; top: 0;left: 0; z-index: 20; width: 100%; height: 100vh; outline: 0; background: rgba(0,0,0,.5); transition: opacity .15s linear; display: none} .new-ac-popup-body{overflow: hidden;} .new-ac-popup-show{display: block} .ac-popup-top-row{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px 0 10px 0; padding: 0px 15px 10px 15px; border-bottom: 1px solid #dee2e6} .ac-popup-head{width: calc(100% - 50px); color: #3343A1; font-size: 21px; font-weight: 500;} .ac-popup-remove{width: 40px; font-size: 30px; text-align: right; color: #333333; cursor: pointer} .demo-form-content-row{width: 100%; display: flex; flex-wrap: wrap; margin: 0px; padding: 50px 0 0 0px; flex-direction: row-reverse} .demo-form-content-left{width: 61%; padding-right: 35px; } .demo-form-content-left,.demo-form-content-left p{line-height: 35px!important; font-size: 20px;} .demo-form-content-right{width: 39%;} .webinar-form-area.demo-form-row{padding-top: 175px; position: relative} .demo-form-wrapper{position: relative; width: 100%} .demo-form-wrapper:after{width: 100%; content: ''; height: 350px; background: #f9fbfe;position: absolute; left: 0; bottom: 0} body.page-id-391 .demo-form-content-row{flex-direction: row} body.page-id-391 .demo-form-content-right, body.page-id-391 .demo-form-content-left{width: 100%;} body.page-id-391 .demo-form-content-right{text-align: center} body.page-id-391 .demo-form-content-left{padding: 75px 0 0 0; max-width: 1120px;} .not-found-page{background: #f9fbfe; width: 100%; display: flex; flex-wrap: wrap; padding: 100px 0} .not-found-page .section-heading{font-size: 30px; padding-bottom: 10px;} .not-found-page .section-heading:after{display: none} .not-found-page p{line-height: 26px; font-size: 19px; padding-bottom: 15px;} .thankyou-area{padding-bottom: 100px; background: #F9FBFE !important;} .thank-you-wrapper{max-width: 900px; background: #fff; border: 1px solid #7070701F; padding: 45px 35px 70px; margin: auto; border-radius: 21px; width: 100%; box-shadow: 0px 3px 99px #00000025; margin-top: 50px; text-align: center} .thank-you-wrapper p{line-height: 30px;} .thank-you-wrapper .signals-info-wrapper.cms-text-wrap{padding-top: 50px;} .news-iframe{width: 100%; height: 260px; margin: 0px; padding: 0px;} .news-iframe body{background: #f00!important} .news-wrapper{max-width: 1000px;} .news-wrapper .section-heading{margin-bottom: 50px;} /* Start for blog */ .blog-area{width: 100%; display: block; margin: 0px; padding: 50px 0px 0; } .blog-container,.blog-row,.blog-row-contner{width: 100%; display: flex; flex-wrap: wrap; margin: 0px; padding: 0px; justify-content: space-between} .blog-left-area{width: 73%; padding-right: 60px;} .blog-right-area{width: 27%; } .blog-row-contner{align-items: flex-start;} .blog-row{margin-bottom: 60px; width: calc(50% - 20px);} .blog-col-right, .blog-col-left{width: 100%; } .blog-col-left{height: 200px; border: 1px solid #c4c4c4; border-radius: 10px; overflow: hidden; } .blog-col-left img{width: 100%!important; height: 100%!important; object-fit: cover; object-position: center; } .blog-col-right{padding-top: 20px;} .blog-row-date{font-size: 14px; font-weight: 600; color: #858585} .blog-row-date,.blog-row-title,.blog-row-content,.blog-row-btn,.blog-right-area .date-recent,.blog-right-area .title{width: 100%} .blog-right-area .recent-post-div ul li .image-recent img{ border: 1px solid #c4c4c4;} .blog-right-area .date-recent {font-size: 14px; line-height: 20px; font-style: italic;} .blog-row-title{font-size: 21px; line-height: 30px; padding: 5px 0 5px 0; font-weight: 600;} .blog-row-title a{text-decoration: none; color: #3343A1;} .blog-row-content,.blog-row-content p{ color: #333333; font-size: 16px; line-height: 28px;} .blog-row-btn {padding-top: 10px;} .blog-row-btn a{ color: #3343A1; font-size: 16px; font-weight: 500; line-height: 18px; padding: 0px; text-decoration: none; transition: all 0.5s ease-in-out; position: relative} .blog-row-btn a:before{content: ''; background: url("../images/blog-arrow.png") no-repeat; width: 9px; height: 9px; position: absolute; top:6px; right: -15px; transition: all 0.5s ease-in-out;} .blog-row-btn a:hover{text-decoration: underline } .blog-row-btn a:hover:before{top:3px; right: -18px;} .blog-right-area .widget.widget_block{margin: 0px 0 30px 0; padding: 20px; background: #F9FBFE; border-radius: 10px;} .blog-right-area .row-recent-div{padding-top: 35px;} .blog-right-area .widget-title{color: #3343A1; font-size: 22px; font-weight: bold; line-height: 26px; padding-bottom: 13px; margin: 0px; border-bottom: 1px solid #c4c4c4; } .blog-right-area .recent-post-div ul,.blog-right-area .recent-post-div ul li, .blog-right-area .wp-widget-group__inner-blocks ul.wp-block-archives{width: 100%; display: flex; flex-wrap: wrap; margin: 0px; padding: 0px;} .blog-right-area .recent-post-div ul li {padding-bottom: 30px; border-bottom: 1px solid #c4c4c4; margin-bottom: 30px;} .blog-right-area .recent-post-div ul li:last-child{margin-bottom: 0; border: 0;} .blog-right-area .recent-post-div ul li .image-recent{width: 25%} .blog-right-area .recent-post-div ul li .cnt{width: 75%; padding-left: 15px;} .blog-right-area .recent-post-div ul li .image-recent img{max-width: 100%!important; height:auto!important } .blog-right-area .title{font-size: 18px; line-height: 25px; padding-top: 5px;} .blog-right-area .title a{color: #333; text-decoration: none} .blog-right-area .wp-widget-group__inner-blocks{width: 100%; margin: 20px 0 0 0;padding: 0px;} .blog-right-area .wp-widget-group__inner-blocks ul.wp-block-archives li{padding: 0 0 10px 20px; font-size: 17px; width: 100%; position: relative} .blog-right-area .wp-widget-group__inner-blocks ul.wp-block-archives li:before{content: '-'; position: absolute; top: 14px; left: 0px; font-size: 25px; line-height: 0;} .blog-right-area .wp-widget-group__inner-blocks ul.wp-block-archives li a{text-decoration: none; color: #333} .blog-right-area .wp-widget-group__inner-blocks ul.wp-block-archives li a:hover{text-decoration: underline} .blog-right-area .widget_search input[type="search"]{border: 1px solid #020a39; height: 50px;} .blog-right-area .widget_search .wp-block-search__button.wp-element-button{text-indent: -9999px; background-color: #020a39!important; position: relative; width: 55px; padding: 0;} .blog-right-area .widget_search .wp-block-search__button.wp-element-button:before{content: ''; position: absolute; top:0; left: 0px; right: 0; bottom: 0px; margin: auto; width: 20px; height: 20px; background: url("../images/search.png") no-repeat;} .blog-right-area .widget_search .wp-block-search__button.wp-element-button:hover:before{background-position: -60px -0px} .blog-right-area .widget_search input[type="search"]::placeholder {font-size: 18px; font-weight: 300;} .blog-area .section-heading {margin-bottom: 50px;} .blog-container input:-webkit-autofill, .blog-container input:-webkit-autofill:hover, .blog-container input:-webkit-autofill:focus, .blog-container textarea:-webkit-autofill, .blog-container textarea:-webkit-autofill:hover, .blog-container textarea:-webkit-autofill:focus, .blog-container select:-webkit-autofill, .blog-container select:-webkit-autofill:hover, .blog-container select:-webkit-autofill:focus{ -webkit-text-fill-color: #333 !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset; transition: background-color 5000s ease-in-out 0s; color: #333 !important; } .blog-area .entry-header{margin: 0px; border: 0!important; padding: 0!important} .blog-area .entry-header h1.entry-title{width: 100%; display: flex; flex-wrap: wrap; margin: 0px; padding: 0px; font-weight: 500; font-size: 30px; line-height: 42px;} .blog-area .post-thumbnail {width: 100%; display: flex; flex-wrap: wrap; margin: 0px; padding: 0px 0 0 0px; } .blog-area .post-thumbnail .wp-post-image{margin: 0px;} .blog-area .entry-content{margin-top: 40px;} .blog-area .entry-content p{padding: 0 0 25px 0; margin: 0px;} .blog-area .entry-content p:last-child{padding-bottom: 0px;} .blog-area .entry-footer .posted-on time.entry-date{padding-right: 25px;} .blog-area .entry-footer a{color: #3343A1;} .blog-area .entry-footer .post-taxonomies span{width: 100%; display: block; padding-top: 5px;} .blog-left-area .comment-respond{background: #F9FBFE; padding: 20px 35px; border-radius: 20px;} .blog-left-area .comment-reply-title{font-size: 35px;} .blog-left-area .comment-notes{margin: 0px!important; padding: 0px 0 20px 0!important;line-height: 28px;} .blog-left-area .comment-form{margin: 5px 0 0 0} .blog-left-area .comment-form p{ padding: 0px; margin-bottom: 25px;} .blog-left-area .comment-form p label{color: #333; font-weight: normal; padding: 0; margin: 0 0 10px 0; line-height: normal;} .comment-form > p input[type=email], .comment-form > p input[type=text], .comment-form > p input[type=url], .comment-form > p textarea{border: 1px solid #c4c4c4; font-weight: normal;} textarea#comment{padding: 13px} #wp-comment-cookies-consent{border: 1px solid #020A39} .comment-form-cookies-consent{align-items: center;} p.comment-form-cookies-consent label{margin: 0 0 0 10px!important} p.form-submit input[type=submit]{background: #3343A1!important; border: 1px solid #3343A1; transition: all 0.5s ease-in-out;} p.form-submit input[type=submit]:hover{background: transparent!important; color: #3343A1} .blog-left-area .comment-form p.form-submit{margin: 10px 0 0 0} nav.navigation.post-navigation{display: none} .pagination-bx{width: 100%; display: flex; flex-wrap: wrap;} .pagination-bx .pagination.bottom{width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; border: 0;} .pagination-bx a, .pagination-bx .pagination .page-numbers.current{font-size: 15px; background-color: #fff; -webkit-box-shadow: 0px 0px 10px 1px rgb(100 100 100/10%); box-shadow: 0px 0px 10px 1px rgb(100 100 100/10%); text-align: center; padding: 0px 13px; text-decoration: none; align-items: center; display: flex; flex-wrap: wrap; margin: 0 3px; height: 35px;} .pagination-bx .pagination .page-numbers.current{ background-color: #3343A1; color: #fff} .pagination-bx a.next img{margin-left: 8px; margin-top: 1px} .pagination-bx a.prev img{margin-right: 8px; margin-top: 1px} .search-result-count.default-max-width{display: none} .no-results-title{width: 100%; display: flex; flex-wrap: wrap; font-size: 30px; font-weight: 600;} .archive .blog-area .main-wrapper .section-heading {display: none} .blog-left-area .comment-form p label.error{color: #f00; font-size: 15px;} .blog-det-main-heading{width: 100%; display: flex; flex-wrap: wrap; margin: 0; padding: 0 0 50px 0; font-size: 35px; font-weight: bold; line-height: 45px;} .pagination-bx .navigation.pagination{border: 0; margin: 0px;} .pagination-bx .navigation.pagination .page-numbers{font-size: 15px; background-color: #fff; -webkit-box-shadow: 0px 0px 10px 1px rgb(100 100 100/10%); box-shadow: 0px 0px 10px 1px rgb(100 100 100/10%); text-align: center; padding: 0px 13px; text-decoration: none; align-items: center; display: flex; flex-wrap: wrap; margin: 0 3px; height: 35px; min-width: auto; min-height: auto;} .pagination-bx .navigation.pagination .page-numbers.current{background-color: #3343A1; color: #fff;} /* End for blog */ #common-faq-area{width: 100%; display: flex; flex-wrap: wrap; padding: 50px 0} /* Start For Platform Features Section */ .platform-features-area,.platform-features-area .resp-vtabs,.resp-tab-cont-wrapper,.pfc-tab-left ul{width: 100%; display: flex; flex-wrap: wrap; margin: 0; padding: 0px;} .platform-features-area{background: #f9fbfe; margin: 0; padding: 100px 0px 90px;} .platform-features-area .resp-vtabs{justify-content: space-between;display: flex!important; padding-top: 70px;} .platform-features-area .resp-vtabs ul.resp-tabs-list{width: 250px; margin: 0px; padding: 0px;} .platform-features-area .resp-vtabs .resp-tabs-container{width: calc(100% - 290px); background-color: transparent; border: 0;} .platform-features-area .resp-vtabs .resp-tabs-list li{ display: flex; padding: 0px 15px!important; margin: 0 0 15px 0!important; cursor: pointer; float: none; border-bottom: 1px solid #eeeeee; font-size: 16px; transition: all 0.5s ease-in-out; text-transform: uppercase; height: 45px; flex-wrap: wrap; width: 100%; align-items: center;} .platform-features-area .resp-vtabs li.resp-tab-active,.platform-features-area .resp-vtabs .resp-tabs-list li:hover{background: #3343A1; color: #fff; border-color: transparent} .platform-features-area .resp-tab-content{padding-right: 0px; padding-left: 0px;} .resp-tab-cont-wrapper{justify-content: space-between; } .pfc-tab-left{width: 54%} .pfc-tab-right{width: 46%; padding-left: 35px; text-align: right} .pfc-tab-head{width: 100%; font-size: 25px; line-height: 20px; font-weight: 500; color: #3343A1; display: block; padding-bottom: 15px;} .pfc-tab-left ul{padding-left: 30px;} .pfc-tab-left li{width: 100%; margin: 0px 0 10px 0; padding: 0px;} .page-id-391 .platform-features-area{display: none} /* End For Platform Features Section */ .news-bottom-img{width: 100%; display: flex; flex-wrap: wrap; justify-content: center; padding: 50px 15px 100px 15px; text-align: center} /* .news-bottom-img{width: 100%; display: flex; flex-wrap: wrap; justify-content: center; padding: 50px 15px 100px 15px;} .news-bottom-img img{max-height: 250px;width: 100%;object-fit: cover;margin-top:60px;}*/ body.page-id-477 .demo-form-content-left{width: 100%; padding: 0px} body.page-id-477 .demo-form-content-right{display: none} .formancerpoint{width: 100%; float: left; line-height: 0; height: 1px; opacity: 0} @media screen and (max-width: 1400px){ .repeat-grid.rg-3:after{position: absolute; top:0; left: 0; height: 100%; content: ''; width: calc(100% - 40px); background: #fff} } /* 1400px */ @media screen and (max-width: 1100px){ .info-box-row{width: 100%; margin-left: 0px; overflow: hidden} .info-box-col-white:before{transform: rotate(55deg); margin: -61px;} .trading-markets-section .info-box-col-white:before {transform: rotate(54deg); margin: -62px; width: 151px;} .trade-mini-section .main-wrapper, .home-trading-section .main-wrapper{padding-left: 15px;} .trade-mini-section{padding-top: 300px;} .trade-mini-section .e-mini-futures-cta{width: 100%} .trade-mini-section .e-mini-futures-cta span {font-size: 20px; padding-right: 10px;} .trade-mini-section .e-mini-futures-cta .blue-btn{padding: 9px 90px 0 15px;} .trade-mini-section .e-mini-futures-cta{padding: 15px 10px;} .home-trading-btn a.blue-btn {margin-bottom: 20px;} .home-trading-section{padding-top: 150px;} .website-logo {width: 175px;} .header-right-wrap{width: calc(100% - 190px);} .primary-navigation > div > .menu-wrapper li{padding-right: 20px;} .header-btn-wrap a{width: 85px;} .header-btn-wrap a.open-account-btn {width: 144px;} .header-btn-wrap{width: 235px;} .main-menu {width: calc(100% - 235px);} .header-section .primary-navigation > div > .menu-wrapper{padding-right: 20px;} .hero-banner-row2 br{display: none} .hero-banner-row3 .transparent-btn {margin: 20px 0 0 0 ;} .top-strip-section:before, .top-strip-section:after{width: 40%} .top-strip-section:after{background-position: right} .commissions-overview-area{padding: 25px 15px;} .co-container-area{padding: 15px;} .srl-area .info-box-col{padding: 10px 10px} .blog-row{width: calc(50% - 25px);} } /* 1100px */ @media screen and (max-width: 990px){ /* Start for Headre and Menu */ .menu-button-container{display: none} .main-menu-overlay{width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; z-index: 10; top: 0;left: 0; display: none} .header-right-wrap{margin: 0px 0 0 0px; padding:0 0px; position: fixed; top: 0; right: 0; background: #fff; height: 100vh; z-index: 12; transition: all .3s ease-in-out; width: calc(100% - 60px); display: none} .header-right-wrap.openmenu { display: block} .mobile-header-right-wrap{display: flex; align-items: center} .mobile-menu-icon {width: 20px; margin-left: 20px; } .mobile-menu-icon span {width: 100%; float: left; margin: 0px; padding: 0px; height: 3px; background: #3242a1; border-radius: 20px} .mobile-menu-icon span:nth-child(2) {margin: 3px 0;} .mobile-header-right-wrap .header-btn-wrap{width: auto;} .main-menu,.header-right-wrap .header-btn-wrap,.header-section .primary-navigation > div > .menu-wrapper,.primary-navigation .primary-menu-container > ul > .menu-item{width: 100%;} .header-right-wrap .header-btn-wrap{padding-top: 40px; padding-bottom: 35px; align-items: center; flex-direction: column;} .header-right-wrap .header-btn-wrap a{width: 241px; height: 45px; margin: 0px 0 15px;} .header-right-wrap .header-btn-wrap a.open-account-btn{margin-bottom: 0px;} .header-section .primary-navigation > div > .menu-wrapper{padding-right: 0px;} .primary-navigation .primary-menu-container > ul > .menu-item{border-bottom: 2px solid #f7f7f7; position: relative; display: block; float: left; padding: 17px 35px 21px 25px; margin-bottom: 0px;} .primary-navigation .primary-menu-container > ul > .menu-item:last-child{border: 0;} .primary-navigation .primary-menu-container > ul > .menu-item:after{width: 50px; height: 2px; content: ''; background: #fff; left: 0; bottom: -2px; position: absolute;} .primary-navigation > div > .menu-wrapper li a{width: calc(100% - 50px); float: left; padding: 5px 0px; font-size: 17px;} .primary-navigation > div > .menu-wrapper > li > .sub-menu:before{display: none} .primary-navigation > div > .menu-wrapper > li > .sub-menu{width: 100%!important; position: relative; z-index: 1; top: 0; left: 0; float: left; border: 0; border-radius: 0; background: transparent; box-shadow: none; padding: 0px 0 0px 10px; margin: 15px 0 0 0px;} .primary-navigation > div > .menu-wrapper .sub-menu-toggle {position: absolute; top: 27px; right: 15px; z-index: 2;} .primary-navigation > div > .menu-wrapper > li > .sub-menu li{float: left; } .primary-navigation .sub-menu .menu-item > a{padding: 3px 0; color: #333333; font-size: 15px;} .mo-manu-cross{background: url("../images/mobile-menu-cross.png") no-repeat; width: 38px; height: 38px; position: absolute; top:10px; right: 10px; display: block; z-index: 5} .header-right-inner-wrap{display: flex; flex-wrap: wrap; align-items: center; /*overflow-y: scroll;*/ width: 100%; padding: 0; height: 100%; flex-direction: column; justify-content: center;} .header-right-inner-wrap .header-btn-wrap a.login-btn{background: #3343A1; color: #fff;} .header-right-inner-wrap .header-btn-wrap a.login-btn:before {background: url(../images/login-icon-hover.png) no-repeat;} .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {display: none!important;} .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=true] ~ ul {display: block!important;} /* End for Headre and Menu */ /* Start for Footer */ .footer-col{width: 100%!important; padding: 0px 0 50px 0;} .footer-col.f-col4{padding-bottom: 0px;} .footer-col-heading{padding-bottom: 25px;} .footer-bottom-left,.footer-bottom-right{width: 100%; text-align: center} .footer-bootom-section{font-size: 14px; padding: 10px 0; height: auto; margin-top: 35px;} .footer-bootom-section:before, .footer-bootom-section:after{ width: 50%; background-size: cover!important; height: 100%;} .footer-bootom-section:after{background-position: right} .footer-bootom-section:before{background-position: left} .footer-address{font-size: 16px; line-height: 18px;} /* End for Footer */ .hero-banner-img,.hero-banner-text{width: 100%} .hero-banner-area { padding-top: 0px;} .hero-banner-text{padding-top: 35px;} .hero-banner-row1{font-size: 45px; line-height: 55px;} .hero-banner-row3 {padding-top: 15px;} .af-banner-arrow {padding-top: 40px;} .section-heading{font-size: 36px; padding-bottom: 18px;} .e-mini-futures-area,.home-trading-section, .micro-e-mini-area, .benefits-micro-emini-area{background-image: none; background-color: #020A39; height: auto; padding: 125px 0 180px; margin: 58px 0 0 0; -webkit-clip-path: polygon(0% 0%, 100% 5.5%, 100% 100%, 0 91%); clip-path: polygon(0% 0%, 100% 5.5%, 100% 100%, 0 91%); } .e-mini-futures-area .section-label{line-height: 35px; font-size: 16px;} .e-mini-futures-cta span, .trade-mini-section .e-mini-futures-cta span{font-size: 17px; line-height: 19px; font-weight: normal; padding: 0 20px; text-align: center;} .e-mini-futures-cta, .trade-mini-section .e-mini-futures-cta{padding: 17px 0 42px; position: relative} .e-mini-futures-cta .blue-btn, .trade-mini-section .e-mini-futures-cta .blue-btn{position: absolute; bottom: -26px;} .e-mini-futures-bottom{font-size: 16px; padding-top: 57px;} .trade-mini-section, .not-ready-area, .page-template-template-faqs .not-ready-area, .futures-contract-work-area, .premium-futures-area, .page-template-template-e-mini-futures-trading-101 .not-ready-area, .page-template-template-e-mini-russell-2000 .not-ready-area, .ups-help-area, .free-live-streaming-area{background-image: none!important; background-color: #3243A1!important; height: auto!important; min-height: auto!important; padding: 110px 0 200px!important; -webkit-clip-path: polygon(0% 10%, 100% 0%, 100% 90%, 0% 100%); clip-path: polygon(0% 10%, 100% 0%, 100% 90%, 0% 100%);} .page-template-template-cme-electronic-corporate-membership .not-ready-area, .ups-help-area{background-color: #020A39!important;} .trade-mini-section{padding: 110px 0 235px!important; margin: -75px 0 0 0;} .futures-contract-work-area, .premium-futures-area, .ups-help-area, .page-template-template-e-mini-signals .webinar-form-area, .page-template-template-e-mini-commissions .webinar-form-area, .webinar-form-area.scalping-form { padding: 75px 0 100px!important; -webkit-clip-path: polygon(0% 10%, 100% 0%, 100% 90%, 0% 100%); clip-path: polygon(0% 10%, 100% 0%, 100% 90%, 0% 100%);} .webinar-form-area{background-image: none!important; background-color: #3243A1!important; height: auto!important; min-height: auto!important; padding: 50px 0 30px!important; } .trade-mini-right-area,.trade-mini-left-area{width: 100%;} .trade-mini-left-area{padding-top: 35px;} .trade-mini-section .section-heading{text-align: center} .trade-mini-section .section-heading:after{left: 50%; margin-left: -23px;} .trade-mini-text{font-size: 16px; padding-top: 35px; padding-bottom: 25px;} .trade-mini-text ul li:before{font-size: 20px;} .trade-mini-section .e-mini-futures-cta{justify-content: center;} .trading-markets-section {padding-top: 25px; background: #f9fbfe; padding-bottom: 10px;} .home-faq-left,.home-faq-area .repeat-grid.rg-3{display: none} .home-faq-right{width: 100%} .home-faq-right .accordian{padding: 0px;} .home-faq-area .section-heading{text-align: center; margin-bottom: 40px;} .home-faq-area .section-heading:after, .home-trading-section .section-heading:after{ left: 50%; margin-left: -23px;} .home-trading-right,.home-trading-left{width: 100%} .home-trading-left{padding: 0; margin: 30px 0 0 0} .home-trading-section .section-heading {text-align: center} .home-trading-section .section-heading span{font-size: 42px; padding-top: 8px;} .home-trading-text{font-size: 16px; text-align: center} .home-trading-btn{justify-content: center} .home-trading-btn a.blue-btn{margin-right: 0px;} .footer-col.f-col1{padding-right: 0px;} .e-mini-futures-bottom a{min-width: 95px;} .not-ready-right,.not-ready-left, .fcw-left, .fcw-right, .premium-futures-left,.premium-futures-right, .ups-help-left, .ups-help-right{width: 100%} .not-ready-area .repeat-grid.rg-1, .not-ready-area .repeat-grid.rg-2{display: none} .not-ready-left, .fcw-right, .premium-futures-right, .ups-help-right{padding: 35px 0 0 0} .cost-heading{font-size: 35px; font-weight: 600; padding-bottom: 15px; padding-top: 25px; } .cost-light-box-area{padding-top: 10px;} .premium-futures-wrapper{padding: 40px 0 100px} .page-template-template-e-mini-futures-quotes-charts .not-ready-area, .page-template-template-e-mini-signals .not-ready-area{padding-top: 0px!important; padding-bottom: 50px!important;} .fancybox-nav span{visibility: visible!important} .siw-img {width: 250px;} .siw-cont {width: calc(100% - 250px); padding-left: 15px; padding-top: 0;} .page-template-template-e-mini-futures-trading-101 .signals-info-wrapper.cms-text-wrap{padding-bottom: 35px;} .site-header{padding-bottom: 30px; margin-top: 80px;} .e-mini-signals-top-area {padding-top: 35px; } .page-template-template-e-mini-futures-quotes-charts .not-ready-area, .page-template-template-e-mini-signals .not-ready-area, .page-template-template-e-mini-commissions .not-ready-area{clip-path: inherit!important;} .page-template-template-cme-electronic-corporate-membership .signals-info-wrapper.cms-text-wrap {margin-top: 0;} .page-template-template-e-mini-signals .not-ready-area, .page-template-template-e-mini-commissions .not-ready-area{background: #fff!important} .form-col, .form-col-2{width: calc(50% - 10px);} .page-template-template-e-mini-signals .webinar-form-area{padding: 110px 0 110px!important} .page-form-wrap{padding-top: 20px;} .disclaimer-area{font-size: 18px; padding: 35px 0; margin-bottom: 35px;} .disclaimer-heading{font-size: 25px; padding-bottom: 15px;} .disclaimer-sub-heading{font-size: 20px; padding-bottom: 10px;} .signals-info-heading{font-size: 25px; padding: 30px 0 20px 0} .signals-info-wrapper{font-size: 18px; } .signals-info-wrapper p{padding-bottom: 15px;} .page-template-template-e-mini-commissions .webinar-form-area, .webinar-form-area.scalping-form{ padding: 125px 0 100px!important;} .co-table-heading, .table-heading-row, .co-table.dtm-table .co-td.td1{display:none!important;} .co-table .co-tr{width:100%; float: left; margin-left: 0px; padding: 20px 10px; background: #efeff7} .co-table .co-tr:nth-child(2n){background: #f9fbfe} .co-table .co-td {width: 100%!important; border: 0; padding:0px 0px 0px 180px; float: left; margin-bottom:17px; position: relative; text-align:left!important; font-size: 16px; line-height: 25px;} .co-table .co-td:last-child{margin-bottom: 0px} .co-table .co-td:before{color: #000;position: absolute; left: 10px; font-weight: 500; width:170px; float:left; content: attr(data-title);} .co-container-row{padding: 15px 0px; font-size: 18px;} .dtm-tablemobile-head{display: block; font-size: 22px; font-weight: 600; color: #000; padding: 25px 0 15px;} .co-container-bottom-row{font-weight: 600; font-size: 22px; line-height: 30px; padding: 20px 0 10px;} .co-container-area .co-container-row:first-child{padding: 0px;} .trading-hand-area .ups-help-right{padding-left: 0px;} .page-template-template-e-mini-commissions .not-ready-area{padding: 25px 0 35px 0!important} .trading-margins .section-label { padding-bottom: 0; padding-top: 25px;} .trading-margins-head{padding-top: 40px; margin-bottom: -15px;} .srl-area .info-box-col{ width: 50%} .srl-area .info-box-col-white{padding: 15px 15px;border-radius: 9px;} .srl-area .info-box-col-gray{border-radius: 10px;} .srl-area .info-box-heading{padding-right: 0px;} .srl-area, .why-e-mini-futures-area {padding-top: 35px;} .page-template-template-home .trade-mini-section {padding: 175px 0 200px!important; -webkit-clip-path: polygon(0% 10%, 100% 0%, 100% 90%, 0% 100%); clip-path: polygon(0% 10%, 100% 0%, 100% 90%, 0% 100%); } .micro-e-mini-left, .micro-e-mini-right{width: 100%;} .micro-e-mini-left{padding: 35px 0 0 0} .micro-e-mini-area .section-heading.wow{display: none} .micro-e-mini-left .section-heading{display: block} .micro-e-mini-cont{padding: 25px 0 30px 0} .why-e-mini-futures-area .e-mini-futures-row{padding-top: 25px;} .page-template-template-cannon-pro-demo .signals-info-wrapper{margin-top: 30px;} .free-live-streaming-area{padding: 125px 0 200px!important; -webkit-clip-path: polygon(0% 12%, 100% 0%, 100% 88%, 0% 100%); clip-path: polygon(0% 12%, 100% 0%, 100% 88%, 0% 100%);} .fls-right-area, .fls-left-area{width: 100%} .fls-left-area .section-label br{display: none} .fls-left-area .section-label{padding-top: 25px;} .fls-left-area {padding-top: 40px;} .form-col textarea{margin-top: 0px;} .blog-area{padding-top: 35px;} .blog-left-area, .blog-right-area{width: 100%} .blog-left-area{padding: 0 0 50px 0} .blog-row {margin-bottom: 50px;} } /*990px*/ @media screen and (max-width: 767px){ .top-strip-section{height: 50px; margin-bottom: 26px;} .top-strip-section:before{background: url(../images/mobile-top-left-img.png) no-repeat; left: 0;} .top-strip-section:after{background: url(../images/mobile-top-right-img.png) no-repeat; right: 0; background-position: right; z-index: 1} .footer-bootom-section{font-size: 13px; line-height: 23px;} .e-mini-futures-slider button, .info-box-row button{background: transparent!important} .e-mini-futures-slider .slick-dots li button:before, .info-box-row .slick-dots li button:before{background: #fff; width: 5px; height: 5px; content: ''; border-radius: 100%; opacity: 1} .page-template-template-why-e-mini .e-mini-futures-slider .slick-dots li button:before{background: #3343A1} .e-mini-futures-slider .slick-dots li.slick-active button:before, .info-box-row .slick-dots li.slick-active button:before{ width: 8px; height: 8px; opacity: 1; margin-top: -2px;} .e-mini-futures-slider .slick-dots li, .info-box-row .slick-dots li{margin: 0px;} .e-mini-futures-label{padding-top: 15px; font-size: 16px; line-height: 22px; font-weight: normal;} .e-mini-futures-slider .slick-slide {padding: 0 15px;} .e-mini-futures-row{padding-bottom: 30px; padding-top: 30px; margin-bottom: 51px!important;} .info-box-row .slick-list {padding-left: 0px!important;} .info-box-col{padding: 0 9px 0px} .info-box-text{font-size: 16px; line-height: 30px;} .info-box-heading{line-height: 30px; font-size: 22px; padding-bottom: 13px; padding-right: 30px;} .info-box-col-white{padding: 25px 25px 27px 25px; min-height: auto;} .info-box-row .slick-list.draggable{padding-top: 20px!important;} .info-box-link{position: inherit; bottom: 0px; padding-top: 19px;} .info-box-row .slick-dots li button:before{background: #3343A1} .info-box-row{margin-bottom: 48px!important; padding-top: 25px; padding-bottom: 22px; overflow: unset;} .risk-in-futures-area .repeat-grid.rg-1{display: none} .risk-in-futures-area{overflow: hidden} .repeat-grid.rg-2{right: -197px;} .section-label{ padding-top: 25px;} .fcw-content,.section-label{font-size: 18px; } .hero-banner-row1 {font-size: 36px; line-height: 45px; text-align: center; margin-bottom: 20px;} .hero-banner-row1:after{left: 50%; margin-left: -17px; width: 34px; background: #3343A1} .hero-banner-row2{text-align: center; font-size: 16px;} .hero-banner-row3 a{width: 100%; text-align: center;} .hero-banner-row3 a.blue-btn{padding: 9px 75px 0 0px} .hero-banner-row3 {padding-top: 30px; max-width: 289px; margin: auto;} .af-banner-arrow{display: none} .info-box-sub-heading{padding-right: 30px; line-height: 24px; margin-top: -5px;} .accordian_tab{font-size: 16px;} .accordian_container{padding: 8px 10px 10px 0px} .accordian_content {font-size: 16px;} .top-strip-section{padding: 0 10px; font-size: 15px;} .top-strip-section a{ height: 30px; font-size: 14px; margin-left: 10px; position: relative; z-index: 2;} .website-logo {width: 125px;} .header-btn-wrap a {height: 34px;} .footer-area{padding-top: 20px;} .e-mini-signals-top-area {padding-top: 20px;} .section-heading {font-size: 30px; padding-bottom: 18px; line-height: 40px;} .faq-page-area{padding-bottom: 45px;} .faq-page-area .accordian_container {padding: 0px 0px 12px 0px;} .not-ready-btn-row .blue-btn{width: 310px; padding-left: 15px; padding-right: 90px;} .not-ready-btn-row{justify-content: center; padding-top: 35px;} .blue-btn:after{right: 10px;} .blue-btn:before{right: 40px;} .not-ready-wrap .section-heading span, .ups-help-area .section-heading span{font-size: 40px; padding-top: 8px; } .not-ready-wrap .section-heading, .ups-help-area .section-heading {padding-bottom: 25px;} .not-ready-wrap .section-label{padding-top: 25px;} .contact-botton-wrapper{padding: 0px 0 0px; margin: 0px 0 0px 0px} .contact-map-area{height: 300px; margin-bottom: 25px;} .contact-botton-col{width: 100%!important; padding: 40px 0 0 0} .contact-botton-col.cb-col1{padding-top: 0!important} .cb-cil-heading{margin-bottom: 10px; font-size: 25px;} .cb-cil-sub-heading{font-size: 19px; padding-top: 5px; padding-bottom: 10px;} .contact-botton-col p{font-size: 18px; line-height: 35px;} .cms-text-wrap p, .cms-text-wrap ul, .faq-page-area .accordian_content{font-size: 18px; line-height: 33px;} .cms-text-wrap p{padding-bottom: 15px;} .signals-info-wrapper.cms-text-wrap {padding-top: 20px; padding-bottom: 10px;} .fcw-content p {line-height: 30px;} .fcw-content ul li {padding-bottom: 7px;} .fcw-wrapper{padding: 20px 0 50px} .page-template-template-about-e-mini .signals-info-wrapper li, .cms-text-wrap ul li{padding-bottom: 15px;} .signals-info-label{padding-bottom: 10px; font-size: 20px;} .page-template-template-about-e-mini .futures-contract-work-area {margin-top: 0;} .cost-slider-row {padding: 20px 0 0 0;} .premium-futures-btn-row{position: relative; padding: 15px 10px 40px} .premium-futures-btn-row .blue-btn{position: absolute; bottom: -27px;} .premium-futures-btn-row span{padding: 0px;} .fancybox-title-float-wrap .child{white-space: inherit!important;} .fancybox-title-float-wrap{margin-bottom: -65px!important} .siw-with-img-row{padding: 15px 0 30px 0} .signals-info-wrapper.cms-text-wrap{overflow-wrap: anywhere;} .section-heading br, .webinar-form-area .section-label br{display: none} .ups-help-text{font-size: 18px; line-height: 30px;} .ups-help-wrap{ padding: 20px 0 30px 0} .form-row-heading{font-size: 20px; padding-top: 0px; padding-bottom: 15px;} .form-checkbox-col {color: #fff; padding: 0 35px 15px 0;} .form-checkbox-row.mt-checkbox-row {justify-content: flex-start;} .page-template-template-e-mini-commissions .webinar-form-area .form-btn-wrap:after, .page-template-template-e-mini-commissions .webinar-form-area .form-btn-wrap:before{display: none} .page-template-template-e-mini-commissions .webinar-form-area .form-btn-wrap input[type=submit]{padding: 0 15px;} .page-template-template-e-mini-commissions .webinar-form-area, .webinar-form-area.scalping-form{ -webkit-clip-path: polygon(0% 7%, 100% 0%, 100% 93%, 0% 100%); clip-path: polygon(0% 7%, 100% 0%, 100% 93%, 0% 100%);} .page-template-template-e-mini-commissions .disclaimer-area{margin-bottom: 0px;} .trading-hand-area .not-ready-btn-row .blue-btn{margin: 0 0 20px 0} .form-col select{background-position:right 0px top 25px} .form-checkbox-col input[type=text]{margin-bottom: 20px; width: 100%; float: left} .scalping-info-box{font-size: 18px; padding: 15px 15px; border-radius: 10px;} .page-template-template-support-and-resistance-levels .home-trading-section{padding: 50px 0 100px} .srl-area .info-box-row{margin-bottom: 0!important} .srl-btn-area{padding-top: 10px;} .page-template-template-home .trade-mini-section{padding: 115px 0 170px!important} .page-template-template-home .home-trading-section {padding: 60px 0 110px} .home-trading-section .section-heading{ font-size: 25px;} .home-trading-section .section-heading span{font-size: 35px;} .micro-e-mini-cont{font-size: 18px;} .micro-e-mini-area{ padding-bottom: 125px; -webkit-clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0 95%); clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0 95%);} .mmfc-cont{font-size: 18px;} .mmfc-btn-area {padding-top: 30px;} .page-template-template-why-e-mini .futures-contract-work-area{webkit-clip-path: polygon(0% 8%, 100% 0%, 100% 92%, 0% 100%); clip-path: polygon(0% 8%, 100% 0%, 100% 92%, 0% 100%);} .page-template-template-why-e-mini .fcw-wrapper {padding: 10px 0 30px;} .micro-mini-futures-contract-area{padding-top: 20px;} .bme-content-area{word-break: break-word; font-size: 18px;} .benefits-micro-emini-area{padding: 110px 0 125px; -webkit-clip-path: polygon(0% 0%, 100% 4%, 100% 100%, 0 95%); clip-path: polygon(0% 0%, 100% 4%, 100% 100%, 0 95%);} .page-template-template-cannon-pro-demo .webinar-form-area{padding: 130px 0 100px!important; -webkit-clip-path: polygon(0% 13%, 100% 0%, 100% 90%, 0% 100%); clip-path: polygon(0% 13%, 100% 0%, 100% 90%, 0% 100%); } .ui-accordion .ui-accordion-header,.ui-accordion .ui-accordion-content{font-size: 17px;line-height: 30px;} .ui-accordion .ui-accordion-header{padding: 23px 20px 25px 0px;} .ui-icon, .ui-widget-content .ui-icon{top:40px;} .page-template-template-e-mini-signals .signals-info-label {padding-top: 15px;} .show-img-area img{max-width: 100%;} .quotes-iframe-heading{ font-size: 20px;} .quotes-iframe-wrapper {border-radius: 5px; margin: 35px 0 0 0; padding: 20px 10px;} .quotes-iframe-area iframe{padding: 10px 5px; border-radius: 5px; margin-top: 20px;} .page-form-wrap .g-recaptcha{padding: 15px 0 30px 0} .webinar-form-info{padding-top: 5px; font-size: 18px; padding-bottom: 20px;} .stick-phone-area{margin-bottom: 0; bottom: 80px;} .e-mini-signals-top-area p {line-height: 30px;} .contact-botton-row{padding-top: 40px; padding-bottom: 50px} .footer-logo img {max-width: 225px;} .demo-form-content-left,.demo-form-content-right{width: 100%;} .demo-form-content-right{text-align: center} .demo-form-content-left{padding: 20px 0 0 0} .demo-form-content-left,.demo-form-content-left p{line-height: 30px!important; font-size: 18px;} .demo-form-content-row{padding: 35px 0} body.page-id-391 .demo-form-content-left{padding-top: 25px;} .not-found-page{padding: 45px 0} .thankyou-area{padding-bottom: 60px;} .thank-you-wrapper{margin-top: 35px; border-radius: 10px; padding: 25px 15px 30px;} .thank-you-wrapper .signals-info-wrapper.cms-text-wrap {padding-top: 35px;} .news-iframe{margin-bottom: 25px;} .blog-area .section-heading {margin-bottom: 60px;} .blog-left-area footer.entry-footer{margin-bottom: 0px;} .blog-left-area .comment-respond{border-radius: 10px; margin: 0px; padding: 20px} #common-faq-area{padding: 25px 0 0 0;} #common-faq-area .faq-page-area{padding-bottom: 0px;} .blog-det-main-heading{font-size: 30px; line-height: 40px;} .platform-features-area .resp-vtabs .resp-tabs-container{width: 100%} .platform-features-area .resp-tab-content{padding: 15px} .pfc-tab-left,.pfc-tab-right{width: 100%} .pfc-tab-right{padding: 30px 0 0 0; text-align: center} .platform-features-area h2.resp-accordion{font-size: 17px; font-weight: 600; color: #000; text-transform: uppercase; padding: 12px 15px;} .platform-features-area h2.resp-tab-active {background: #3343A1 !important; color: #fff; padding: 12px 15px!important;} .platform-features-area h2.resp-tab-active span.resp-arrow{border-bottom-color: #fff; margin-top: 8px;} .pfc-tab-head{display: none} .platform-features-area h2.resp-accordion, .platform-features-area .resp-vtabs .resp-tab-content, .platform-features-area h2.resp-accordion:first-child{border-color: #eeeeee!important} .platform-features-area{margin: 0px 0px 15px; padding: 50px 0px 50px;} .platform-features-area .resp-vtabs{padding-top: 35px;} .news-bottom-img{padding-top: 0; padding-bottom: 50px;} body.page-id-477 .signals-info-heading{padding: 0} h2, .h2{font-size: 25px;} .news-bottom-img .main-wrapper.news-wrapper{padding: 0} .demo-form-wrapper:after{display: none} } /* 767px */ @media screen and (max-width: 576px){ .footer-bottom-left{margin-bottom: 10px;} .footer-bottom-left span{width: 100%; display: block} .footer-bootom-section{font-size: 13px; line-height: 23px;} .cost-slider-row {width: 100%; margin-left: 0;} .cost-slider-col{padding: 0px;} .premium-futures-area .section-heading{font-size: 25px;} .siw-img{width: 100%; text-align: center} .siw-cont{width: 100%; padding: 10px 0 0 0} .siw-img p {margin-top: 10px;} .ups-help-text br{display: none} .form-col, .form-col-2 {width: 100%; margin-bottom: 20px;} .form-col input, .form-col select {height: 55px;} .srl-area .info-box-col{ width: 100%; padding: 10px 0} .form-col textarea{padding-top: 14px; height: 100px;} .create-new-account-popup{width: 90%} .ac-popup-head{font-size: 19px; line-height: 25px;} .top-strip-section {padding: 0 5px; } .top-strip-section a{ margin-left: 5px;} .blog-col-left,.blog-col-right{width: 100%} .blog-col-right{padding: 25px 0 0 0} .blog-col-left{text-align: center} .blog-row {margin-bottom: 30px; width: 100%} .blog-right-area .widget.widget_block{margin: 0px 0 15px 0; padding: 10px;} .blog-area .section-heading {margin-bottom: 40px;} .blog-area{padding-top: 30px;} .blog-left-area .comment-form p.comment-form-author, .blog-left-area .comment-form p.comment-form-email{flex-basis: auto; margin-right: 0px;} .blog-left-area .comment-respond{padding: 10px} .blog-left-area .comment-reply-title {font-size: 30px; margin: 10px 0 10px 0;} } /* 576px */