/* Theme Name: Generic Trade Author: the Custom team Author URI: https://wordpress.org/ Version: 2.1 */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ /* =Layout -------------------------------------------------------------- */ /* LAYOUT: Two columns DESCRIPTION: Custom Template */ @import url('https://fonts.googleapis.com/css?family=Poppins:100i,200,200i,300,300i,400,500,600,700,800|Raleway:200,300,400,500,,600,700,800,900|Open+Sans:300,400,400i,600,700'); /* @font-face { font-family: 'Conv_Cocogoose Pro-trial'; src: url('fonts/Cocogoose Pro-trial.eot'); src: local('☺'), url('fonts/Cocogoose Pro-trial.woff') format('woff'), url('fonts/Cocogoose Pro-trial.ttf') format('truetype'), url('fonts/Cocogoose Pro-trial.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_Cocogoose Pro Light-trial'; src: url('fonts/Cocogoose Pro Light-trial.eot'); src: local('☺'), url('fonts/Cocogoose Pro Light-trial.woff') format('woff'), url('fonts/Cocogoose Pro Light-trial.ttf') format('truetype'), url('fonts/Cocogoose Pro Light-trial.svg') format('svg'); font-weight: normal; font-style: normal; } */ .grecaptcha-badge{display:none;} html body, input, textarea, .page-title span, .pingback a.url { font-family: 'Poppins', sans-serif; } body { background: #d8d8d8 !important; } body, input, textarea { color: #303030; font-size: 12px; line-height: 18px; } img{ max-width:100%; height:auto;} body .padleft{ padding-left:0 } body .padright{ padding-right:0 } body .padtop{ padding-top:15px;} body .padbottom{ padding-bottom:15px; } body .nopad{ padding:0 } section.section{ padding:50px 0; overflow:hidden;} nav {position: relative;z-index: 999;width: 100%;} nav.fixed {position: fixed;width: 100%;z-index: 999;top: 0;} .searchform input {float: right;width: 200px;padding: 8px 46px 8px 8px;font-size: 1em;border: 1px solid #303030;background: #fff;} .searchform input[type="submit"] {float: right;width: 37px;height: 37px;padding: 0px;border: 0px;background: #303030 url(images/search-icon.png) no-repeat center;box-shadow: none;font-size: 0;margin-left: -37px;position: relative;} div#container{ max-width:1140px; box-sizing:border-box; margin:0 auto; padding:0 15px;} /* ---- Portfolio .grid-item ---- */ .grid-item {width: 24.7%;box-sizing:border-box;margin-bottom:0px;} .filter-button-group button {background: #333;color: #fff;display: inline-block;margin-right: 5px;padding: 5px 10px; border:0;} .filter-button-group { margin:10px 0; overflow:hidden;} .filter-button-group button:hover { background:#ccc; color:#000;} #back-top > a {bottom: 1%;color: #000;display: block;font-size: 37px;position: fixed;right: 1%;text-align: center;} /*---------------------------------- Slick SLider----------------------------------------------------*/ .main-slider, .item-slider, .client, .thumb-slider { display: none; } .item-slider.slick-initialized, .thumb-slider.slick-initialized, .client.slick-initialized, .main-slider.slick-initialized { display: block !important; } .slider {position: relative;clear: left;overflow: hidden;} .slider .inner-item {height: 400px;} .slider .container {position: relative;} .slick-slide .caption {color: #fff;font-size: 1.2em;line-height: 1.2em;position: absolute; left: 10%;text-shadow: 2px 2px 2px #000;top: 37%;width: 35%; background:rgba(0,0,0,0.7);padding:20px 20px 0;z-index: 99;} .slick-slider {position: relative;display: block;box-sizing: border-box;} .thumb-slider .slick-slide {margin: 5px 0 0 5px;} .slider-thumb .thumb-slider .slick-slide img{ max-width:100%; height:auto; box-sizing:border-box;} .slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;} .slick-list:focus {outline: none;} .slick-list.dragging {cursor: pointer;cursor: pointer;} .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0);} .slick-track {position: relative;top: 0;left: 0;display: block;} .slick-track:before, .slick-track:after {display: table;content: '';} .slick-track:after {clear: both;} .slick-loading .slick-track {visibility: hidden;} .slick-slide {display: none;float: left;height: 100%;min-height: 1px;position: relative;} [dir='rtl'] .slick-slide {float: right;} .slick-slide img {display: block;transition: all .25s ease;} .slick-slide.slick-loading img {display: none;} .slick-slide.dragging img {pointer-events: none;} .slick-initialized .slick-slide {display: block;} .slick-loading .slick-slide {visibility: hidden;} .slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} .slick-dots {position: absolute;z-index: 11;bottom: 10px;margin: 0px;padding: 0;text-align: center;width: 100%;} .slick-dots li {list-style: none;display: inline-block;} .slick-dots button {border: 1px solid #333;background: #fff;width: 12px;height: 12px;border-radius: 100%;font-size: 0;padding: 0px;margin-right: 5px;} .slick-dots .slick-active button {background: #303030;} .slick-arrow {border: 0px;font-size: 0;right: 0;margin-top:-20px;position: absolute;top: 50%;z-index: 1;background: #303030 url(images/arrow.png) no-repeat center center;width: 36px;height: 40px;transform: rotate(180deg);} .services-slider .slick-arrow {height: 65px;} .slick-arrow:hover {background: #000 url(images/arrow.png) no-repeat center center;} .slick-next.slick-arrow {left: 0px;transform: rotate(0deg);} .slider-progress {width: 100%;height: 5px;background: rgba(0,216,192,0.8);position: absolute;top: 0;z-index: 99;} .slider-progress .progress {width: 0%;height: 5px;background: rgba(36,51,0,0.8);} .thumb-slider .slick-active img {border: 1px solid transparent} .thumb-slider .slick-current img {opacity:0.5;} /* ---------------------------Toggle Search---------------------*/ .searchpanel {background: #ccc ;display: none;right: 0px;padding: 10px;position: absolute;top: 46px;} .searchpanel::before {border-bottom: 10px solid #ccc;border-left: 10px solid transparent;border-right: 10px solid transparent;content: "";position: absolute;right: 7px;top: -7px;} .nav .container { position: relative;} .searchtoggle { position: absolute; right: 11px; top: 11px;} .searchtoggle img{ cursor:pointer;} /* -------------------------------------------Clients Carousel------------------------------------ */ .client { margin-right: -10px;} .client .slick-slide{ margin-right:10px; border:1px solid #ddd !important; padding:10px; box-sizing:border-box; text-align:center;} .client .slick-prev{ margin-right:10px;} .client .slick-slide img{ display:inline-block;} /* -------------------------------------------Testimonials Carousel------------------------------------ */ .testimonial .loop { padding: 0 10px; text-align: center;} .testimonial .loop p{ max-width:800px; margin:0 auto;} .testimonial .loop .pic img{ max-width:100px; margin:10px 0; border-radius:100%; height:auto; display:inline-block ;} .testimonial .loop .title{ font-size:21px; font-weight:600;} /* -------------------------------------------Services Carousel------------------------------------ */ .service { margin-right:-10px;} .service .slick-slide{ margin-right:10px;} .service .title{ font-weight:700; margin:10px 0; font-size:18px;} .service .slick-prev{ margin-right:10px;} .service .slick-next{ margin-right:10px; right:40px; left:inherit;} .service .slick-arrow{ top:0; margin-top:-43px;} /*ENd SLick Slider*/ /* ---------------------------------------------------Windows Size-------------------------------------------------------------------------*/ #winSize {position: fixed;bottom: 1%;left: 1%;border: rgba(0,0,0,0.8) 3px solid;background: rgba(0,0,0,0.6);padding: 5px 10px;color: #fff;text-shadow: #000 1px 1px 1px, #000 -1px 1px 1px;z-index: 9999} /* ---------------------------------------------------Tabs-------------------------------------------------------------------------*/ .tabs-menu {height: 30px; padding:0; margin:0;} .tabs-menu li {height: 30px;line-height: 30px; display:inline-block; list-style:none; margin-right: 10px;background-color: #ccc;border-top: 1px solid #d4d4d1;border-right: 1px solid #d4d4d1;border-left: 1px solid #d4d4d1;} .tabs-menu li.current {position: relative;background-color: #fff;border-bottom: 1px solid #fff;z-index: 5;} .tabs-menu li a {padding: 10px;text-transform: uppercase;color: #fff;text-decoration: none; } .tabs-menu .current a {color: #2e7da3;} .tab {border: 1px solid #d4d4d1;background-color: #fff;float: left;margin-bottom: 20px;width: auto; margin-top:-1px;} .tab-content {max-width: 660px;padding: 20px;display: none;} #tab-1 {display: block; } /* ---------------------------------------------------Left Tabs-------------------------------------------------------------------------*/ .tabs-left {width: 120px; padding:0; margin:0; float:left;} .tabs-left li {line-height: 30px; display:block; list-style:none; background: #ccc;border: 1px solid #d4d4d1; margin-bottom:10px; border-right:0;} .tabs-left li.current {position: relative;background-color: #fff;border-bottom: 1px solid #ddd;z-index: 5;} .tabs-left li a {padding:0 10px;text-transform: uppercase;color: #fff;text-decoration: none; display:block; } .tabs-left .current a {color: #2e7da3;} .tab-loop {border: 1px solid #d4d4d1;background-color: #fff;float: left;margin-bottom: 20px;width: auto; margin-left:-1px;} .tabsleft-content {max-width: 660px;padding: 20px;display: none;} #tabs1 {display: block; } /* ---------------------------------------------------Breadcrumb-------------------------------------------------------------------------*/ .breadcrumbs{ margin:10px 0; padding:0; background:#ddd; padding:5px;} .breadcrumbs li{ list-style:none; display:inline-block; padding-right:2px;} /* ----------------------------Comments-----------------------*/ #comments label {display: inline-block;vertical-align: top;width: 80px;} .form-submit { margin-left: 80px;} #comments { background: #eee ; padding: 20px;} #comments li { list-style:none;} #comments ol{ padding:0;} /* ----------------------------Accordion-----------------------*/ .accordion-container{position: relative;width: 100%;height: auto;margin: 20px auto;} .accordion-container > h2{text-align: center;color: #fff;padding-bottom: 5px;margin-bottom: 30px;border-bottom: 1px solid #ddd;} .set{position: relative;width: 100%;height: auto;background-color: #f5f5f5;} .set > a{display: block;padding: 10px 15px;text-decoration: none;color: #555;font-weight: 600;border-bottom: 1px solid #ddd; transition:all 0.2s linear;} .set > a.active{background-color:#3399cc;color: #fff;} .set > a:before{ background:url(images/arrow1.png) no-repeat; float:right; content:"";height: 8px; margin: 6px 0 0; width: 15px;} .set > a.active:before{filter: invert(100%); transform: rotate(180deg); } .accordion-container .content{position:relative;width: 100%;height: auto;background-color: #fff;border-bottom: 1px solid #ddd;display:none;} .accordion-container .content p{padding: 10px 15px;margin: 0;color: #333;} /* ---------------------------------------------------Custom Scroll-------------------------------------------------------------------------*/ .customscroll{ height:300px;} /* ---------------------------------------------------innerheader-------------------------------------------------------------------------*/ .inner-banner{ height:150px; width:100%; display:table; color:#fff;} .inner-banner h2{ margin:0; display:table-cell; vertical-align:middle; padding:10px;} /* ---------------------------------------------------blog-------------------------------------------------------------------------*/ .blogs{} .blogs li {width: 100%;margin-bottom: 20px;min-height: 210px;clear: both;float: left;border-bottom: 1px solid #dcdcdc;} .blogs li:last-child{ border:none;} .blogs li h4{text-transform: capitalize;background: #f0f0f0;padding: 10px;position: relative;margin-bottom: 20px;font-weight: 600;color: #2f2f2f;} .blogs li h4 span{width: 7%;text-align: center;background: #b12224;font-size: 11px;line-height: 18px;text-transform: uppercase;color: #fff;position: absolute;right: 0;top: 0;} .blogs li h4 span strong{ display:block; font-size:26px; font-weight:normal;} .blogs li a{ float:right;} .blogs li .meta {background: #f0f0f0;padding: 10px;position: relative;margin: 38px 0 0;font-weight: 500;float: right;clear: right;width: 67%;color:#989898;font-size:16px;line-height:21px;} .blogs li .meta span{ background:url('images/user-bg.png') no-repeat;padding: 3px 30px;} .blogs li .meta span.comments{ margin-left:10px; background:url('images/comments.png') no-repeat;} .blogs li .meta span strong{color: #258ef9;font-weight: normal;text-transform: capitalize;} .sidebar ul{ padding:0; margin:0;} .sidebar ul li{ list-style:none;} .sidebar-pro{ border:1px solid #c2c2c2; padding: 0 !important; border-radius:5px; overflow:hidden;} .sidebar-pro h4{background: #b12224;color: #fff;padding: 10px;font-size: 20px;line-height: 29px;margin: 0;} .sidebar-pro .cat li{margin-bottom: 6px;list-style: none;padding: 10px;} .sidebar-pro .cat li:hover{background: #b12224;} .sidebar-pro .cat li:hover a{color: #fff;} .sidebar-pro .cat li.current-cat{background: #b12224;} .sidebar-pro .cat li:last-child{ margin-bottom:0;} .sidebar-pro .cat .product-categories{ margin-bottom:0;} .sidebar-pro .cat li a{ color:#424242; font-size:14px;} .sidebar .recent li{border-bottom: 1px solid #c7c7c7;margin:5px 0; padding:5px 0;overflow:hidden;font-size: 14px;} .sidebar .recent li h5{ margin-top:0;} .sidebar .recent li:last-child{ border:none;} .sidebar h4{background: #303030;color: #fff;padding: 10px;font-size: 20px;line-height: 29px;} .sidebar .recent h5{ color:#231f20; font-size:14px; margin-bottom:10px;} .sidebar .recent p{ color:#6d6d6d; line-height:16px;} .sidebar .recent .more a{ color:#258ef9; float:right;} .sidebar .cat li{border-bottom:1px solid #ddd;font-weight:600; margin:5px 0;padding:5px 0;} .blogs .loop {border-bottom: 1px solid #ddd;margin: 10px 0;overflow: hidden;padding: 10px 0;} .sidebar .section{ margin-top:10px; overflow:hidden;} .blogs .title{ margin:0;} .blogs small{ margin-bottom:10px; display:inline-block; color:#888;} .sidebar .cat li:last-child{ border:0; margin-bottom:0; padding-bottom:0;} .sidebar .cat li a{ color:#424242; font-size:14px;} .blogs .meta {background: #ddd;margin-top: 10px;padding: 5px;} /*---------------------Pagination----------------------- */ .pagination {clear:both;padding:20px 0;position:relative;font-size:11px;line-height:13px;} .pagination span, .pagination a {display:block;float:left;margin: 2px 2px 2px 0;padding:6px 9px 5px 9px;text-decoration:none; width:auto;color:#fff;background: #555;} .pagination a:hover{color:#fff;background: #3279BB;} .pagination .current{padding:6px 9px 5px 9px;background: #3279BB;color:#fff;} /* ------------------------------------Responsive Simple Menu------------------------------------------------------ */ .menu-header, .menu-header ul, .menu-header ul li, .menu-header ul li a, .menu-header #menu-button { margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;box-sizing: border-box;} .menu-header:after, .menu-header > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .menu-header #menu-button {display: none;} .menu-header {background: transparent;} .menu-header > ul > li { display: inline-block; padding: 10px 7px; border-right: 1px solid #c2bbbb; } .menu-header.align-center > ul {font-size: 0;text-align: center;} .menu-header.align-center > ul > li {display: inline-block;float: none;} .menu-header.align-center ul ul {text-align: left;} .menu-header.align-right > ul > li {float: right;} .menu-header > ul > li > a { padding: 10px 4px 10px 4px; font-size: 15px; letter-spacing: 1px; text-decoration: none; color: #414141; font-weight: 400; text-transform: uppercase; font-family: 'Poppins', sans-serif; border-bottom: 2px solid transparent; } .menu-header > ul > li:last-child{ border: none; } .menu-header > ul > li > a:hover {color: #95c92c; border-bottom: 2px solid #95c92c; } .menu-header > ul > li.current-menu-item > a {color: #95c92c; border-bottom: 2px solid #95c92c;} /*.menu-header > ul > li.has-sub > a {padding-right: 30px;} .menu-header > ul > li.has-sub > a:after {position: absolute;top: 22px;right: 11px;width: 8px;height: 2px;display: block;background: #dddddd;content: '';} .menu-header > ul > li.has-sub > a:before {position: absolute;top: 19px;right: 14px;display: block;width: 2px;height: 8px;background: #dddddd;content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}*/ .menu-header ul ul::before { border-color: transparent transparent #000; border-style: solid; border-width: 10px; content: ""; left: 20px; position: absolute; top: -20px; } .menu-header ul ul ul::before { display:none;} .menu-header > ul > li.has-sub:hover > a:before {top: 23px;height: 0;} .menu-header ul ul {position: absolute;left: -9999px;} .menu-header.align-right ul ul {text-align: right;} .menu-header ul ul li {height: 0;transition: all .25s ease;} .menu-header li:hover > ul {left: auto;} .menu-header.align-right li:hover > ul {left: auto;right: 0;} .menu-header li:hover > ul > li {height: 35px;} .menu-header ul ul ul {margin-left: 100%;top: 0;} .menu-header.align-right ul ul ul {margin-left: 0;margin-right: 100%;} .menu-header ul ul li a {border-bottom: 1px solid rgba(150, 150, 150, 0.15);padding: 11px 15px;width: 170px;font-size: 12px;text-decoration: none;color: #dddddd;font-weight: 400;background: #000;} .menu-header ul ul li:last-child > a, .menu-header ul ul li.last-item > a {border-bottom: 0;} .menu-header ul ul li:hover > a, .menu-header ul ul li a:hover {color: #ffffff;} .menu-header ul ul li.has-sub > a:after {position: absolute;top: 16px;right: 11px;width: 8px;height: 2px;display: block;background: #dddddd;content: '';} .menu-header.align-right ul ul li.has-sub > a:after {right: auto;left: 11px;} .menu-header ul ul li.has-sub > a:before {position: absolute;top: 13px;right: 14px;display: block;width: 2px;height: 8px;background: #dddddd;content: '';transition: all .25s ease;} .menu-header.align-right ul ul li.has-sub > a:before {right: auto;left: 14px;} .menu-header ul ul > li.has-sub:hover > a:before {top: 17px;height: 0;} @media (min-width: 100px) and (max-width: 769px) { .menu-header {width: 100%;} .menu-header ul {width: 100%;display: none;} .menu-header.align-center > ul {text-align: left;} .menu-header ul li {width: 100%;border-top: 1px solid rgba(120, 120, 120, 0.2);} .menu-header ul ul li, .menu-header li:hover > ul > li {height: auto;} .menu-header ul li a, .menu-header ul ul li a {width: 100%;border-bottom: 0;} .menu-header > ul > li {float: none;} .menu-header ul ul li a {padding-left: 25px;} .menu-header ul ul ul li a {padding-left: 35px;} .menu-header ul ul li a {color: #dddddd;background: none;} .menu-header ul ul li:hover > a, .menu-header ul ul li.active > a {color: #ffffff;} .menu-header ul ul, .menu-header ul ul ul, .menu-header.align-right ul ul {position: relative;left: 0;width: 100%;margin: 0;text-align: left;} .menu-header > ul > li.has-sub > a:after, .menu-header > ul > li.has-sub > a:before, .menu-header ul ul > li.has-sub > a:after, .menu-header ul ul > li.has-sub > a:before {display: none;} .menu-header #menu-button {display: block;padding: 17px;color: #dddddd;cursor: pointer;font-size: 12px;text-transform: uppercase;font-weight: 700;} .menu-header #menu-button:after {position: absolute;top: 22px;right: 17px;display: block;height: 8px;width: 20px;border-top: 2px solid #dddddd;border-bottom: 2px solid #dddddd;content: '';} .menu-header #menu-button:before {position: absolute;top: 16px;right: 17px;display: block;height: 2px;width: 20px;background: #dddddd;content: '';} .menu-header #menu-button.menu-opened:after {top: 23px;border: 0;height: 2px;width: 15px;background: #ffffff; transform: rotate(45deg);} .menu-header #menu-button.menu-opened:before {top: 23px;background: #ffffff;width: 15px; transform: rotate(-45deg);} .menu-header .submenu-button {position: absolute;z-index: 99;right: 0;top: 0;display: block;border-left: 1px solid rgba(120, 120, 120, 0.2);height: 46px;width: 46px;cursor: pointer;} .menu-header .submenu-button.submenu-opened {background: #262626;} .menu-header ul ul .submenu-button {height: 34px;width: 34px;} .menu-header .submenu-button:after {position: absolute;top: 22px;right: 19px;width: 8px;height: 2px;display: block;background: #dddddd;content: '';} .menu-header ul ul .submenu-button:after {top: 15px;right: 13px;} .menu-header .submenu-button.submenu-opened:after {background: #ffffff;} .menu-header .submenu-button:before {position: absolute;top: 19px;right: 22px;display: block;width: 2px;height: 8px;background: #dddddd;content: '';} .menu-header ul ul .submenu-button:before {top: 12px;right: 16px;} .menu-header .submenu-button.submenu-opened:before {display: none;} } /*----------------------------------------Push Navigation---------------------------------*/ div#menuoverlay { display: none; } a#hamburg { position: fixed;top: 10px;left: 10px;width: 40px;height: 40px;z-index:9;text-align: center;color: white;display: none;transition: all ease-out 0.3s;} a#hamburg i {position: relative;top: 50%;transform: translateY(-50%);} .nav1 {transition: all ease-out 0.3s; display:none;} .nav1 a { color: #000; } .nav1 ul {margin: 0;padding: 0;background-color: #303030;} .nav1 ul li {display: inline-block;position: relative;} .nav1 ul li > a {display: inline-block;padding: 10px;} .nav1 ul li > a > i {margin-left: 15px;transition: all ease-out 0.3s;} .nav1 ul li ul {display: none;position: absolute;top: 38px;background:#222;width: 200px;text-align: left;} .nav1 .search-nav,.nav1 .title{ display:none;} .nav1 ul li ul li { display: block; } .nav1 ul li ul li a { display: block; } .nav1 ul li:hover > a { color:#000; text-decoration:none; } .nav1 ul li:hover > a > i { transform: rotateZ(90deg); } .nav1 ul li:hover ul { display: block; } .nav1 span.marrow {border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #fff;float: right;height: 0;margin:8px 0 0 8px;width: 0;} .nav1 ul li.open span.marrow {border-left: 5px solid transparent; border-top:0;border-right: 5px solid transparent;border-bottom: 5px solid #fff;} @media screen and (max-width: 769px) { a#hamburg { display: block; } main { transition: all ease-out 0.3s;} .nav1 .row{ margin:0px;} .nav1 { background:url(images/nav-bg.jpg) repeat ;box-shadow: -2px 0 10px #999 inset;display: block;height: 100%;left: 0;overflow-x: hidden;overflow-y: auto;position: fixed;top: 0;transform: translateX(-250px);width: 250px;} .nav1 .search-nav,.nav1 .title{ display:block;} .nav1 .search-nav input{ border:1px solid #2c313f; background-color:rgba(255,255,255,0.2); padding:5px; width:100%; color:#000; margin:10px 0; } .nav1 .search-nav input[type="submit"]{background:url("images/search-icon.png") no-repeat scroll center center; border:0; width:auto; font-size:0; height: 16px; position: absolute; right: 7px; top: 8px; width: 16px; filter: invert(100%);} .nav1 .title{ background: #000 ;color: #fff;font-size: 14px;margin: 0 -15px;padding: 6px 15px 6px;} .search-nav > form { position: relative;} .nav1 ul { text-align: left; background-color: transparent;} .nav1 ul li { display: block; border-bottom:1px solid #999; } .nav1 ul li a { display: block; padding:10px 0; }.nav1 ul li:hover > a { color:#000; } .nav1 ul li a > i { float: right; } .nav1 ul li ul { display: none; position: static; width: 100%;background-color:transparent; padding:0 10px;} .nav1 ul li:hover > ul { display: none; } .nav1 ul li:hover > a > i { transform: rotateZ(0); } .nav1 ul li.open > a { background-color: transparent; } .nav1 ul li.open > a > i { transform: rotateZ(90deg); } .nav1 ul li.open > ul { display: block; } div#menuoverlay {display: block;visibility: hidden;position: fixed;left: 0;top: 0;width: 100%;height: 100%;transition: all ease-out 0.3s;z-index: 1;opacity: 0;} html.open-menu { overflow: hidden; } html.open-menu div#menuoverlay {visibility: visible;background:rgba(0,0,0,0.5);min-height:100vh;width:100% !important;opacity: 1;width: calc(-150%);left: 250px;} html.open-menu a#hamburg{ transform: translateX(250px); z-index:999; } html.open-menu main {transform: translateX(250px);} html.open-menu nav.nav1 {z-index: 3;transform: translateX(0);} .menu-main-menu-container ul ul ul li a {padding:5px;} ul li.has-subnav .accordion-btn {color:#000; font-size:24px; width:20px !important; float:right; line-height: inherit !important; } .nav1 ul li:last-child { border: 0 ;} .nav-cross.open > span { background: #fff ;} /*---------------------Hamberg Icon --------------------------------------------- */ .nav-cross {width: 24px; height: 40px; position: relative; margin: 0px auto; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer;} .nav-cross span { display: block; position: absolute; height: 2px;width: 100%;background: #000;opacity: 1;left: 0;transform: rotate(0deg);transition: .25s ease-in-out;} #nav-icon1 span:nth-child(1) {top: 0px;} #nav-icon1 span:nth-child(2) {top: 18px;} #nav-icon1 span:nth-child(3) {top: 36px;} #nav-icon1.open span:nth-child(1) {top: 18px;transform: rotate(135deg);} #nav-icon1.open span:nth-child(2) {opacity: 0;left: -60px;} #nav-icon1.open span:nth-child(3) {top: 18px;transform: rotate(-135deg);} .nav-cross span:nth-child(1) {top: 12px;transform-origin: left center;} .nav-cross span:nth-child(2) {top: 20px;transform-origin: left center;} .nav-cross span:nth-child(3) {top: 28px;transform-origin: left center;} .nav-cross.open span:nth-child(1) {transform: rotate(45deg);top: 11px;left: 4px;} .nav-cross.open span:nth-child(2) {width: 0%;opacity: 0;} .nav-cross.open span:nth-child(3) {transform: rotate(-45deg);top: 28px;left: 4px;} } @media (min-width: 100px) and (max-width: 769px) { main{ padding:0 15px;} .logo{ text-align:center;} .searchtoggle{ display:none;} .push-logo{ margin:10px 0;} .logo img{ width:auto;} header .searchform{ display:none;} .slider .inner-item {height: 200px;} .slider .inner-item .caption{ display:none;} } * :focus { outline: 0px auto -webkit-focus-ring-color !important; outline-offset: 0!important; text-decoration:none !important; } * a:hover{ text-decoration:none !important; } /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*header*/ header{ padding: 10px 0 0 0; position: relative; } .logo img{ position: absolute; width: 100%; left: 0; right: 0; top: 0; } header .top-nav{ padding-top: 25px; padding-bottom: 25px; } header .account-btn{ padding-left: 0; padding-bottom: 35px; padding-top: 40px; } header .account-btn ul{ padding: 0; margin:0; } header .account-btn ul li{ display: inline-block; } header .account-btn ul li a{ color: #8bc711; border: 1px solid #8bc711; font-weight: 500; font-size: 15px; padding: 8px 25px; border-radius: 25px; background: transparent; text-transform: capitalize; } header .account-btn ul li:first-child a{ margin-right: 15px; } header .account-btn ul li a:hover{ background: #8bc711; color: #fff; transition: all ease 1s; } .main-banner{ background: url(images/home-banner-bg.jpg) no-repeat; min-height: 465px; background-size: cover; } .main-banner .left{ padding-top: 50px; position: relative; } .main-banner .left:before{ content: ''; position: absolute; width: 84px; height: 84px; background: url(images/alarm.png) no-repeat; bottom: 12%; right: 7%; animation: rotation 4s 1 linear; } @-webkit-keyframes rotation { from { transform: rotate(359deg); } to { transform: rotate(0deg); } } .main-banner .left:after{ content: ''; position: absolute; width: 84px; height: 84px; background: url(images/whistles.png) no-repeat; bottom: 0; right: 0; transform: rotate(-70deg); animation: myrotation 4s 1 linear; } @-webkit-keyframes myrotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .main-banner .top-desc{ position: relative; padding-top: 20px; } .main-banner .top-desc h2{ margin: 0; font-size: 61px; color: #fff; font-family: 'Conv_Cocogoose Pro-trial'; } .main-banner .top-desc h2 strong{ display: block; color: #547a07; } .main-banner .top-desc h3{ margin: 25px 0 20px 0; font-size: 33px; color: #ffffff; font-family: 'Conv_Cocogoose Pro-trial'; } .main-banner .top-desc .inner-img{ position: absolute; top: 13%; left: 47%; } .main-banner .down-desc{ margin-top: 30px; } .main-banner .down-desc a{ color: #8bc711; font-weight: 600; font-size: 18px; font-family: 'Poppins', sans-serif; background: #fff; margin-left: 15px; padding: 10px 24px; border-radius: 30px; border: 1px solid #fff; } .main-banner .down-desc a:hover{ background: transparent; border: 1px solid #fff; color: #fff; transition: all ease 1s; } .main-banner .right{ padding-top: 30px; } .main-banner .white-box{ background: #fff; padding: 30px 10px 0 24px; border-radius: 10px; } .main-banner .white-box h2{ color: #8bc711; font-size: 31px; font-family: 'Conv_Cocogoose Pro-trial'; margin: 0; margin-bottom: 10px; } .main-banner .white-box p{ color: #a7a7a7; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 400; } .main-banner .white-box ul{ padding: 20px 0; margin: 0; } .main-banner .white-box ul li{ list-style: none; padding-left: 45px; padding-bottom: 20px; } .main-banner .white-box ul li:first-child{ background: url(images/account-img.png) 10px 0px no-repeat; } .main-banner .white-box ul li:nth-child(2){ background: url(images/demo-img.png) left 0px no-repeat; } .main-banner .white-box ul li:last-child{ background: url(images/chat-img.png) left 0px no-repeat; } .main-banner .white-box ul li a{ color: #868686; font-size: 24px; font-family: 'Conv_Cocogoose Pro-trial'; text-decoration: none; } .main-banner .white-box ul li a:hover{ text-decoration: none; } /*sec-1*/ .sec-1{ padding: 40px 0; } .sec-1 .out-box{ position: relative; } .sec-1 .out-box .pic{ position: absolute; left: 0; top: 0; } .sec-1 .out-box .desc{ padding-left: 75px; padding-top: 10px; } .sec-1 .out-box .desc h3{ color: #8bc711; font-size: 25px; /* font-family: 'Conv_Cocogoose Pro Light-trial'; */ margin: 0; margin-bottom: 10px; } .sec-1 .out-box .desc p{ color: #333333; font-size: 15px; font-weight: 400; line-height: 27px; font-family: 'Poppins', sans-serif; min-height: 160px; margin: 0; } .sec-1 .out-box .desc a{ color: #fff; font-size: 16px; font-weight: 400; font-family: 'Poppins', sans-serif; background: #8bc711; padding: 6px 25px; border-radius: 30px; display: inline-block; margin-top: 15px; border: 1px solid #8bc711; } .sec-1 .out-box .desc a:hover{ background: transparent; color: #8bc711; border: 1px solid #8bc711; transition: all ease 1s; } /*footer*/ .footer { margin: 0; margin-top: 30px; } .footer .foot-bg{ background: url(images/footer-bg.png) no-repeat; background-size: 100% 100%; } .footer .left-text{ margin: 10px 0; } .footer h3{ font-family: 'Raleway', sans-serif; font-weight: 400; font-style: italic; font-size: 20px; color: #fff; margin: 0; } .footer h3 strong{ font-weight: 700; font-style:italic; font-size: 30px; } .footer .social_icons{ text-align:right; margin:10px 0;} .footer .social_icons ul{ padding:0; margin:0;display: inline-block;} .footer .social_icons h4{ display: inline-block; font-weight: 500; font-size: 20px; color: #fff; font-family: 'Raleway', sans-serif; padding-right: 10px; } .footer .social_icons ul li {display: inline-block; margin-right: 15px;} .footer .social_icons ul li a { color: #FFF; transition: all .2s ease; display: block; font-size: 22px; } .footer .social_icons ul li a:hover{ color: #636363; } .footer .social_icons ul li a:hover i { transform: rotate(360deg); } .footer .social_icons ul li a i { transition: 0.5s ease-in-out; } .copy { margin: 40px 0 10px 0; } .copy p{ display: inline-block; margin: 0; color: #000; font-size: 13px; font-family: 'Poppins', sans-serif; font-weight: 500; } .copy .foot-nav{ display: inline-block; } .copy .foot-nav ul{ padding: 0; margin: 0; } .copy .foot-nav ul li{ display: inline-block; padding: 0 15px; border-right: 2px solid #5a5a5a; } .copy .foot-nav ul li:last-child{ border: none; } .copy .foot-nav ul li a{ color: #8bc711; font-size: 15px; font-family: 'Poppins', sans-serif; font-weight: 500; } .copy h5{ margin: 0; color: #000; font-size: 13px; font-family: 'Poppins', sans-serif; font-weight: 500; margin-top: 5px; } /*page-default*/ .page-def{ margin-top: 50px; } .left{ } .left .white-box{ } .left .white-box{ background: url(images/white-box-bg.png) no-repeat; padding: 30px 10px 0 18px; min-height: 455px; background-size: contain; } .left .white-box h2{ color: #8bc711; font-size: 31px; font-family: 'Conv_Cocogoose Pro-trial'; margin: 0; margin-bottom: 10px; } .left .white-box p{ color: #a7a7a7; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 400; } .left .white-box ul{ padding: 20px 0; margin: 0; } .left .white-box ul li{ list-style: none; padding-left: 60px; padding-bottom: 20px; } .left .white-box ul li:first-child{ background: url(images/account-img.png) 10px 0px no-repeat; } .left .white-box ul li:nth-child(2){ background: url(images/demo-img.png) left 0px no-repeat; } .left .white-box ul li:last-child{ background: url(images/chat-img.png) left 0px no-repeat; } .left .white-box ul li a{ color: #868686; font-size: 27px; font-family: 'Conv_Cocogoose Pro-trial'; } .right{ margin-bottom: 60px; margin-top: 25px; } .right h1{ color: #3c3c3c; font-size: 35px; font-family: 'Conv_Cocogoose Pro-trial'; margin: 0; margin-bottom: 15px; } .right h3{ color: #83bf08; font-size: 35px; font-family: 'Conv_Cocogoose Pro-trial'; margin: 0; margin-top: 35px; margin-bottom: 10px; } .right h4{ color: #83bf08; font-size: 29px; font-family: 'Conv_Cocogoose Pro-trial'; margin: 0; margin-top: 15px; margin-bottom: 10px; } .right h5{ color: #83bf08; font-size: 23px; font-family: 'Conv_Cocogoose Pro-trial'; margin: 0; margin-top: 15px; margin-bottom: 10px; } .right p{ font-weight: 400; font-size: 15px; font-family: 'Poppins', sans-serif; line-height: 27px; } .right a{ color: #3e8c16; font-weight: 400; font-size: 15px; font-family: 'Poppins', sans-serif; text-decoration: underline; } .right a:hover{ color: #3e8c16; } .right a:focus{ color: #3e8c16; } .right ul{ padding: 0; margin: 0; } .right ul li{ background: url(images/dot.png) no-repeat left; list-style: none; margin-bottom: 8px; } .right ul li a{ padding-left: 20px; } /*tour-our-platform*/ .tour-plat{ margin-top: 50px; } .tour-plat .platform{ margin: 30px 0 40px 0; } .tour-plat .platform ul{ padding: 0; margin: 0; } .tour-plat .platform ul li{ list-style: none; position: relative; margin-bottom: 30px; background: none; } .tour-plat .platform ul li a img{ position: absolute; left: 0px; top: 0px; } .tour-plat .platform ul li:last-child a img{ position: absolute; left: 8px; top: 0px; } /*contact-us*/ .contact-us { margin-top: 50px; } .contact-us .right { margin-bottom: 30px; margin-top: 25px; } .contact-us .mrgn-top{ margin-top: 35px; } .contact-us .out-box{ position: relative; margin-bottom: 25px; } .contact-us .out-box .pic{ position: absolute; top: 0; left: 0; } .contact-us .out-box .desc{ padding-left: 75px; } .contact-us .out-box .desc a{ color: #333333; font-weight: 600; font-size: 19px; line-height: 25px; font-family: 'Poppins', sans-serif; text-decoration: none; } .contact-us .out-box .desc a.phone{ color: #333333; font-weight: 600; font-size: 19px; line-height: 25px; font-family: 'Poppins', sans-serif; text-decoration: none; } .contact-us .out-box .desc a.mail{ color: #3e8c16; text-decoration: underline; font-weight: 400; font-size: 15px; } .contact-us .out-box .desc a.other-phone{ color: #333333; font-weight: 400; font-size: 15px; font-family: 'Poppins', sans-serif; text-decoration: none; } .contact-us .out-box .desc h3{ margin: 0; font-size: 25px; /* font-family: 'Conv_Cocogoose Pro Light-trial'; */ font-weight: 600; line-height: 36px; margin-bottom: 8px; } .contact-us .out-box .desc h3 strong{ font-weight: 700; font-family: 'Open Sans', sans-serif; font-size: 25px; } .contact-us .out-box .desc span{ display: block; color: #333333; font-weight: 400; font-size: 15px; line-height: 25px; font-family: 'Poppins', sans-serif; } .cont-form { margin-bottom: 20px; } .cont-form br{ display: none; } .cont-form label{ display: block; margin-bottom: 6px; /* font-family: 'Conv_Cocogoose Pro Light-trial'; */ font-weight: 600; color: #6d6d6d; font-size: 20px; } .cont-form label em{ color: #ff0000; font-family: 'Open Sans', sans-serif; font-size: 17px; } .cont-form input, textarea{ width: 100%; resize: none; border: 1px solid #bcbcbc; padding: 8px 5px; border-radius: 5px; margin-bottom:20px !important; } .cont-form input[type="checkbox"], input[type="radio"]{ width: auto; } .cont-form span.wpcf7-list-item-label { margin-left: 5px; display: inline-block; color: #6d6d6d; font-size: 14px; /* font-family: 'Conv_Cocogoose Pro Light-trial'; */ font-weight: 600; } .wpcf7-list-item.first{ margin: 0; } .cont-form input[type="submit"]{ width: auto; color: #fff; font-weight: 400; font-size: 18px; background: #8bc711; padding: 6px 30px; border-radius: 20px; display: block; margin-top: 10px; } /*CME group Data center*/ .cme-group{ margin-top: 50px; } .cme-group h3{ margin: 0; color: #83bf08; font-size: 26px; margin-bottom: 10px; } .cme-group h6{ margin: 0; color: #333333; font-size: 15px; font-family: 'Poppins', sans-serif; font-weight: 600; margin-bottom: 10px; } .cme-group ul{ padding: 0; margin: 0; } .cme-group .right li{ background: url(images/dot.png) no-repeat left 7px; margin-bottom: 25px; padding-left: 20px; color: #333333; font-size: 15px; font-family: 'Poppins', sans-serif; font-weight: 400; } /* */ .day-trading{ margin-top: 50px; } .day-trading-table{ margin-top: 20px; } .day-trading-table tbody { overflow-y: scroll; height: 500px; display: block; width: 100%; border: 1px solid #adadad; } .day-trading-table tbody tr td{ border: 1px solid #adadad !important; } .day-trading-table tbody tr td{ color: #333333; font-size: 15px; font-style: normal; font-family: 'Poppins', sans-serif; font-weight: 500; } .day-trading-table tbody tr td em{ color: #83bf08; font-size: 15px; font-style: normal; font-family: 'Poppins', sans-serif; font-weight: 500; } .day-trading-table tbody tr td:first-child { width: 20%; } .day-trading-table tbody tr td:nth-child(2) { width: 15%; text-align: center; } .day-trading-table tbody tr td:last-child{ width: 20%; text-align: center; } .day-trading-table thead tr { width: 100%; display: block; background:#83bf08; padding: 5px; } .day-trading-table thead tr th{ color: #fff; font-family: 'Conv_Cocogoose Pro-trial'; font-size:21px; vertical-align: middle; } .day-trading-table thead tr th:first-child { width: 20%; } .day-trading-table thead tr th:nth-child(2) { width: 15%; text-align: center; } .day-trading-table thead tr th:last-child{ width: 20%; text-align: center; } .day-trading-table th { border: none !important; } .day-trading-table td { width: 46%; } /*free-generic-demo-trading*/ .demo-trading{ margin-top: 50px; } .demo-trading .right h5{ font-size: 18px; margin-top: 20px; } .demo-trading .demo-form{ margin: 40px 0; } .demo-trading .demo-form br{ display: none; } .demo-trading .demo-form label{ display: block; margin-bottom: 6px; /* font-family: 'Conv_Cocogoose Pro Light-trial'; */ font-weight: 600; color: #6d6d6d; font-size: 18px; } .demo-trading .demo-form label em{ color: #ff0000; font-family: 'Open Sans', sans-serif; font-size: 17px; } .demo-trading .demo-form input, textarea{ width: 100%; resize: none; border: 1px solid #bcbcbc; padding: 8px 5px; border-radius: 5px; margin-bottom:25px !important; } .demo-trading .demo-form textarea{ height:200px; } .demo-trading .demo-form input[type="submit"]{ width: auto; color: #fff; font-weight: 400; font-size: 18px; background: #8bc711; padding: 6px 30px; border-radius: 20px; display: block; margin-top: 10px; margin-bottom: 0 !important; } .demo-trading .trading-feature{ clear: both; overflow: hidden; } .demo-trading .trading-feature h3{ color: #83bf08; font-size: 18px; margin:0; margin-bottom: 30px; } .demo-trading .trading-feature ul{ padding: 0; margin: 0; } .demo-trading .trading-feature ul li{ width: 50%; float: left; position: relative; display: inline-block; min-height: 85px; list-style: none; background: none; } .demo-trading .trading-feature ul li img{ position: absolute; left: 0; top: 0; } .demo-trading .trading-feature ul li span{ color: #333333; font-size: 15px; font-weight: 400; line-height: 25px; font-family: 'Poppins', sans-serif; padding-left: 80px; padding-top: 12px; display: block; max-width: 85%; } .demo-trading .more-desc{ clear: both; margin: 10px 0 0px 0; } /*funding instruction*/ .funding-ins{ margin-top: 50px; } .funding-ins h4{ } .funding-ins ul{ } .funding-ins ul li{ background: none; font-weight: 400; font-size: 15px; font-family: 'Poppins', sans-serif; color: #333333; } .funding-ins h5{ color: #83bf08; font-size: 18px; font-family: 'Conv_Cocogoose Pro-trial'; margin: 0; margin-top: 20px; margin-bottom: 0; } .funding-ins h5 strong{ font-family: 'Open Sans', sans-serif; font-weight: 600; } /*privacy-policy*/ .page-id-23 .page-def h3{ color: #83bf08; font-size: 27px; font-family: 'Conv_Cocogoose Pro-trial'; margin: 0; margin-top: 20px; margin-bottom: 10px; } .page-id-23 .page-def .right ul li{ background: url(images/dot.png) no-repeat left 7px; list-style: none; margin-bottom: 15px; padding-left: 20px; } .generic-broker{ margin-top: 50px; } .generic-broker .broker-table { margin: 25px 0; } .generic-broker .table{ border: 1px solid #adadad; } .generic-broker thead{ } .generic-broker thead tr{ } .generic-broker thead tr th{ border-bottom: none; } .generic-broker thead tr th:first-child{ border-right: 1px solid #adadad; width: 40%; font-size: 17px; color: #333333; font-family: 'Poppins', sans-serif; padding: 10px; } .generic-broker thead tr th:nth-child(2){ border-right: 1px solid #adadad; width: 24%; font-size: 17px; color: #333333; font-family: 'Poppins', sans-serif; padding: 10px; padding-left: 20px; } .generic-broker thead tr th:last-child{ width: 24%; font-size: 17px; color: #333333; font-family: 'Poppins', sans-serif; padding: 10px; padding-left: 20px; } .generic-broker tbody { } .generic-broker tbody tr{ border-top: 1px solid #000 !important; } .generic-broker tbody tr td:first-child{ border: 1px solid #adadad; width: 40%; font-size: 17px; color: #333333; font-family: 'Poppins', sans-serif; padding: 10px; } .generic-broker tbody tr td:nth-child(2){ border: 1px solid #adadad; width: 24%; font-size: 17px; color: #333333; font-family: 'Poppins', sans-serif; padding: 10px; padding-left: 20px; } .generic-broker tbody tr td:last-child{ border: 1px solid #adadad; width: 24%; font-size: 17px; color: #333333; font-family: 'Poppins', sans-serif; padding: 10px; padding-left: 20px; } /*margins*/ .margins{ margin-top: 50px; } .margins .margins-table { margin: 20px 0; } .margins .margins-table table{ } .margins .margins-table table thead{ border: 1px solid #adadad; } .margins .margins-table table thead tr{ width: 100%; background: #83bf08; display: block; } .margins .margins-table table thead tr th{ color: #fff; font-size: 16px; font-family: 'Conv_Cocogoose Pro-trial'; padding: 12px; border-bottom: none; vertical-align: middle; } .margins .margins-table table thead tr th:first-child{ width: 27%; } .margins .margins-table table thead tr th:nth-child(2){ width: 12%; text-align: center; } .margins .margins-table table thead tr th:nth-child(3){ width: 15%; text-align: center; } .margins .margins-table table thead tr th:nth-child(4){ width: 20%; text-align: center; } .margins .margins-table table thead tr th:nth-child(5){ width: 16%; text-align: center; } .margins .margins-table table thead tr th:last-child{ width: 10%; text-align: center; } .margins .margins-table table tbody{ border: 1px solid #adadad; overflow-y: scroll; height: 500px; display: block; width: 100%; overflow-x: hidden; } .margins .margins-table table tbody tr{ } .margins .margins-table table tbody tr:first-child td{ border: none; } .margins .margins-table table tbody tr td{ text-align: center; border: 1px solid #adadad; color: #333333; font-size: 15px; font-family: 'Poppins', sans-serif; padding: 10px; } .margins .margins-table table tbody tr td em{ font-style: normal; color: #83bf08; font-size: 15px; font-weight: 500; } .margins .margins-table table tbody tr td:first-child{ text-align: left; width: 27%; } .margins .margins-table table tbody tr td:nth-child(2){ width: 12%; } .margins .margins-table table tbody tr td:nth-child(3){ width: 15%; } .margins .margins-table table tbody tr td:nth-child(4){ width: 20%; } .margins .margins-table table tbody tr td:nth-child(5){ width: 16%; } .margins .margins-table table tbody tr td:last-child{ width: 10%; } /*trade-mini*/ .trade-mini{ margin-top: 50px; } .trade-mini .mini-table{ margin: 25px 0; } .trade-mini .mini-table hr{ margin: 0; padding: 0; border-color:#adadad; } .trade-mini .mini-table table{ } .trade-mini .mini-table table tbody{ border: 1px solid #adadad; } .trade-mini .mini-table table tbody tr{ } .trade-mini .mini-table table tbody tr td{ border: 1px solid #adadad; padding: 10px; padding-left: 20px; color: #333333; font-size: 15px; font-weight: 400; font-family: 'Poppins', sans-serif; vertical-align: middle; line-height: 27px; } .trade-mini .mini-table table tbody tr td{ } .trade-mini .mini-table table tbody tr td:first-child{ width: 31%; } .trade-mini .mini-table table tbody tr td:nth-child(2){ width: 34%; } .trade-mini .mini-table table tbody tr td:last-child{ width: 28%; } /*open-account*/ .account-popup{ } .account-popup .modal-dialog { width: 550px; } .account-popup .modal-content{ min-height: 600px; } .account-popup .modal-header{ border: none; padding-bottom: 0; } .account-popup .modal-content h4{ color: #83bf08; font-size: 31px; font-family: 'Conv_Cocogoose Pro-trial'; } .account-popup .modal-content p{ font-weight: 400; font-size: 16px; font-family: 'Poppins', sans-serif; line-height: 27px; color: #a7a7a7; } .account-popup .modal-content br{ display: none; } .account-popup .modal-content label{ display: block; font-size: 17px; color: #6d6d6d; /* font-family: 'Conv_Cocogoose Pro Light-trial'; */ } .account-popup .modal-content label em{ color: #ff0000; font-style: normal; font-family: 'Open Sans', sans-serif; } .account-popup .modal-content input{ width: 100%; padding: 6px 15px; margin-bottom: 10px; background: #f4f4f4; border-radius: 5px; border: 1px solid #dddddd; } .account-popup .modal-content input[type="submit"]{ margin: 10px auto 0; background: #8bc711; color: #fff; font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 400; width: 30%; text-align: center; display: block; border-radius: 30px; padding: 8px 20px; } /*new-account-form*/ section.new-account { margin-top: 50px; } .new-account-form { width: 685px; overflow: hidden; height: 1100px; } .safari .new-account-form iframe,.iphone .new-account-form iframe{ margin: -75px 0 0; overflow-x:scroll; } .new-account-form iframe{ margin: -75px -44px 0; } .new-account-form #far_form { margin-top: -50px; margin-left: -15px; } .new-account-form .ie7_hack { display: none; } /*Scroll css Start here*/ /*Scroll css End here*/ body.page-id-240 .new-account-form #outerDiv { display: none; } .new-account .left { padding-top: 50px; } .new-account .left ul.anchors{ padding: 0; margin:0; } .new-account .left ul.anchors li{ list-style: none; padding-left: 40px; } .new-account .left ul.anchors li:first-child{ background: url(images/icon_pdf.png) no-repeat left 2px; } .new-account .left ul.anchors li:nth-child(2){ background: url(images/icon_pdf.png) no-repeat left 2px; padding-bottom: 5px; } .new-account .left ul.anchors li:last-child{ padding: 0; } .new-account .left a{ display: block; color: #3e8c16; font-weight: 400; font-size: 18px; font-family: 'Poppins', sans-serif; text-decoration: underline; margin-bottom: 20px; } .funding-popup{ } .funding-popup h3{ color: #83bf08; font-size: 29px; font-family: 'Conv_Cocogoose Pro-trial'; } .funding-popup h4{ color: #83bf08; font-size: 23px; font-family: 'Conv_Cocogoose Pro-trial'; } .funding-popup ul li{ background: none; font-weight: 400; font-size: 15px; font-family: 'Poppins', sans-serif; color: #333333; } /*login*/ .login-popup{ } .login-popup .modal-dialog { width: 530px; } .login-popup .modal-content{ min-height: 400px; } .login-popup .modal-header{ border: none; } .login-popup .modal-content h4{ color: #83bf08; font-size: 31px; font-family: 'Conv_Cocogoose Pro-trial'; } .login-popup .modal-content p{ font-weight: 400; font-size: 16px; font-family: 'Poppins', sans-serif; line-height: 27px; color: #a7a7a7; } .login-popup .modal-content a{ color: #3e8c16; font-weight: 400; font-size: 15px; font-family: 'Poppins', sans-serif; text-decoration: underline; } .login-popup .modal-content label{ display: block; font-size: 17px; color: #6d6d6d; /* font-family: 'Conv_Cocogoose Pro Light-trial'; */ } .login-popup .modal-content label em{ color: #ff0000; font-style: normal; font-family: 'Open Sans', sans-serif; } .login-popup .modal-content input{ width: 100%; padding: 6px 15px; margin-bottom: 20px; background: #f4f4f4; border-radius: 5px; border: 1px solid #dddddd; } .login-popup .modal-content input[type="submit"]{ margin: 0 auto; background: #8bc711; color: #fff; font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 400; width: 30%; text-align: center; display: block; border-radius: 30px; padding: 8px 20px; } .open-account-form label{ display: block; font-size: 17px; color: #6d6d6d; /* font-family: 'Conv_Cocogoose Pro Light-trial'; */ } .open-account-form label em{ color: #ff0000; font-style: normal; font-family: 'Open Sans', sans-serif; } .open-account-form input{ width: 100%; padding: 6px 15px; margin-bottom: 20px; background: #f4f4f4; border-radius: 5px; border: 1px solid #dddddd; } .open-account-form input[type="submit"]{ background: #8bc711; color: #fff; font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 400; width: 30%; display: block; border-radius: 30px; padding: 8px 20px; } .not-found{ margin-top: 50px; margin-bottom: 30px; } .not-found h1{ color: #83bf08; font-size: 31px; font-family: 'Conv_Cocogoose Pro-trial'; margin-top: 0; } .not-found p{ font-weight: 400; font-size: 16px; font-family: 'Poppins', sans-serif; line-height: 27px; color: #333333; } * .wpcf7-not-valid { border-bottom: 2px solid red !important; } * span.wpcf7-not-valid-tip { display: none !important; } .sec-1 .out-box .desc p a { color: #3e8c16; text-decoration: underline; font-weight: 400; font-size: 15px; background: transparent; border: none; margin: 0; padding: 0; } .sec-1 .out-box .desc p a:hover{ border: none; background: transparent; border: none; margin: 0; padding: 0; } /* Scroll css Start here body::scrollbar { width: 10px; } body::scrollbar-track { -webkit-box-shadow: inset 0 0 30px #000; } body::scrollbar-thumb { background-color: #8bc711; outline: 1px solid #8bc711; } Scroll css End here */ /* exchange-modal */ .exchange-modal{ } .exchange-modal .modal-header h1{ color: #3c3c3c; font-size: 35px; font-family: 'Conv_Cocogoose Pro-trial'; margin: 0; margin-bottom: 15px; } .exchange-modal .modal-dialog { width: 900px; margin: 30px auto; } .exchange-modal table.table { overflow-y: scroll; height: 380px; display: block; width: 100%; border: 1px solid #adadad; overflow-x: hidden; } .exchange-modal table thead tr{ background: #83bf08; } .exchange-modal table thead tr th{ color: #fff; font-size: 16px; font-family: 'Conv_Cocogoose Pro-trial'; padding: 12px; border-bottom: none; vertical-align: middle; } .exchange-modal table thead tr th:first-child{ width: 50%; } .exchange-modal table thead tr th:nth-child(2){ width: 12%; text-align: center; } .exchange-modal table thead tr th:nth-child(3){ width: 15%; text-align: center; } .exchange-modal table thead tr th:nth-child(4){ width: 20%; text-align: center; } .exchange-modal table thead tr th:nth-child(5){ width: 16%; text-align: center; } .exchange-modal table thead tr th:last-child{ width: 10%; text-align: center; } .exchange-modal table thead tr th{ color: #fff; font-size: 16px; font-family: 'Conv_Cocogoose Pro-trial'; padding: 12px; border-bottom: none; vertical-align: middle; } .exchange-modal table tbody tr td em { font-style: normal; color: #83bf08; font-size: 15px; font-weight: 500; } .exchange-modal table tbody tr td { text-align: center; border: 1px solid #adadad; color: #333333; font-size: 15px; font-family: 'Poppins', sans-serif; padding: 10px; vertical-align: middle; } .exchange-modal table tbody tr td:first-child{ text-align: left; width: 50%;; } .exchange-modal table tbody tr td:nth-child(2){ width: 12%; } .exchange-modal table tbody tr td:nth-child(3){ width: 15%; } .exchange-modal table tbody tr td:nth-child(4){ width: 20%; } .exchange-modal table tbody tr td:nth-child(5){ width: 16%; } .exchange-modal table tbody tr td:last-child{ width: 10%; } /* additional-modal */ .additional-modal{ } .additional-modal .modal-header h1{ color: #3c3c3c; font-size: 35px; font-family: 'Conv_Cocogoose Pro-trial'; margin: 0; margin-bottom: 15px; } .additional-modal .modal-dialog { width: 900px; margin: 30px auto; } .additional-modal table.table { overflow-y: scroll; height: 380px; display: block; width: 100%; border: 1px solid #adadad; overflow-x: hidden; } .additional-modal table thead tr{ background: #83bf08; } .additional-modal table thead tr th{ color: #fff; font-size: 16px; font-family: 'Conv_Cocogoose Pro-trial'; padding: 12px; border-bottom: none; vertical-align: middle; } .additional-modal table thead tr th:first-child{ width: 50%; text-align: center; } .additional-modal table thead tr th:last-child{ width: 50%; text-align: center; } .additional-modal table thead tr th{ color: #fff; font-size: 16px; font-family: 'Conv_Cocogoose Pro-trial'; padding: 12px; border-bottom: none; vertical-align: middle; } .additional-modal table tbody tr td em { font-style: normal; color: #83bf08; font-size: 15px; font-weight: 500; } .additional-modal table tbody tr td { text-align: center; border: 1px solid #adadad; color: #333333; font-size: 15px; font-family: 'Poppins', sans-serif; padding: 10px; vertical-align: middle; } .additional-modal table tbody tr td a{ color: #3e8c16; font-weight: 400; font-size: 15px; font-family: 'Poppins', sans-serif; text-decoration: underline; } .additional-modal table tbody tr td:first-child{ text-align: center; width: 50%; } .additional-modal table tbody tr td:last-child{ width: 50%; text-align: center; } /* generic-video */ .generic-videos { margin-top: 50px; } .generic-videos .out-box { margin-bottom: 20px; position: relative; cursor: pointer; } .generic-videos .out-box .img-outter{ } .generic-videos .out-box .title{ background: #636363; left: 0; right: 0; padding: 10px; text-align: center; } .generic-videos .out-box .title h6{ color: #8bc711; font-size: 15px; font-family: 'Poppins', sans-serif; font-weight: 400; } .generic-videos .out-box .desc{ position: absolute; bottom:0; opacity: 0; background: #ccc; padding: 10px; text-align: center; } .generic-videos .out-box:hover .desc{ opacity: 1; transition: all ease 1s; } #fancybox-outer .inner { text-align: center; } #fancybox-outer .inner h6{ color: #83bf08; font-size: 31px; font-family: 'Conv_Cocogoose Pro-trial'; } #fancybox-outer .inner .desc{ border-top: 1px solid #ccc; padding: 10px; } #fancybox-outer .inner .desc p{ font-weight: 600; font-size: 16px; font-family: 'Poppins', sans-serif; line-height: 27px; color: #a7a7a7; } /* tour-modal */ .tour-modal { } .tour-modal .modal-body { position: relative; padding: 15px; width: 100%; height: 250px; } .tour-modal .modal-header h2{ margin: 0; color: #83bf08; font-size: 30px; font-family: 'Conv_Cocogoose Pro-trial'; } .tour-modal .modal-body p{ color: #a7a7a7; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 400; margin-bottom: 10px; } .tour-modal .modal-body p a { color: #3e8c16; font-weight: 400; font-size: 15px; font-family: 'Poppins', sans-serif; text-decoration: underline; cursor: pointer; } /* online-modal */ .online-modal{ } .online-modal .modal-dialog { width: 750px; margin: 30px auto; } .online-modal .modal-header{ } .online-modal .modal-header h2{ margin: 0; color: #83bf08; font-size: 30px; font-family: 'Conv_Cocogoose Pro-trial'; } .online-modal .modal-header ul{ padding: 0; margin: 0; margin-bottom: 20px; } .online-modal .modal-header ul li{ display: inline-block; } .online-modal .modal-header ul li:first-child{ border-right: 2px solid #000; padding: 0 5px; } .online-modal .modal-header ul li a{ font-weight: 600; font-size: 15px; font-family: 'Poppins', sans-serif; color: #a7a7a7; cursor: pointer; } .online-modal .modal-body { position: relative; padding: 15px; width: 100%; height: 400px; } .online-modal .modal-body h3{ margin: 0; margin-bottom: 15px; color: #868686; font-size: 25px; font-family: 'Conv_Cocogoose Pro-trial'; } .online-modal .modal-body p{ color: #a7a7a7; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 400; margin-bottom: 20px; min-height: 280px; } .online-modal .modal-body ul li{ display: inline-block; } .online-modal .modal-body ul li:first-child{ border-right: 2px solid #000; padding: 0 5px; } .online-modal .modal-body ul li a{ font-weight: 600 !important; font-size: 15px!important; font-family: 'Poppins', sans-serif!important; color: #a7a7a7!important; text-decoration: none !important; } .online-modal .modal-body .page_links { float: right; padding-right: 10px; } .online-modal .modal-body #o_1 ul li:first-child{ border-right: none; padding: 0; } .online-modal .modal-body #o_13 p{ min-height: auto; margin-bottom: 10px; } .online-modal .modal-body #o_13 a { color: #3e8c16; font-weight: 400; font-size: 15px; font-family: 'Poppins', sans-serif; text-decoration: underline; } .online-modal .modal-body #o_13 .page_links { float: right; padding-right: 10px; padding-top: 90px; } /* professional-modal */ .professional-modal{ } .professional-modal .modal-dialog { width: 750px; margin: 30px auto; } .professional-modal .modal-header h2{ margin: 0; color: #83bf08; font-size: 30px; font-family: 'Conv_Cocogoose Pro-trial'; } .professional-modal .modal-header ul{ padding: 0; margin: 0; margin-bottom: 20px; } .professional-modal .modal-header ul li{ display: inline-block; } .professional-modal .modal-header ul li:first-child{ border-right: 2px solid #000; padding: 0 5px; } .professional-modal .modal-header ul li a{ font-weight: 600; font-size: 15px; font-family: 'Poppins', sans-serif; color: #a7a7a7; cursor: pointer; } .professional-modal .modal-body { position: relative; padding: 15px; width: 100%; height: 400px; } .professional-modal .modal-body h3{ margin: 0; margin-bottom: 15px; color: #868686; font-size: 25px; font-family: 'Conv_Cocogoose Pro-trial'; } .professional-modal .modal-body p{ color: #a7a7a7; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 400; margin-bottom: 20px; min-height: 280px; } .professional-modal .modal-body ul li{ display: inline-block; } .professional-modal .modal-body ul li:first-child{ border-right: 2px solid #000; padding: 0 5px; } .professional-modal .modal-body ul li a{ font-weight: 600 !important; font-size: 15px!important; font-family: 'Poppins', sans-serif!important; color: #a7a7a7!important; text-decoration: none !important; } .professional-modal .modal-body .page_links { float: right; padding-right: 10px; } .professional-modal .modal-body #f_1 ul li:first-child{ border-right: none; padding: 0; } .professional-modal .modal-body #f_9 p{ min-height: auto; margin-bottom: 10px; } .professional-modal .modal-body #f_9 a { color: #3e8c16; font-weight: 400; font-size: 15px; font-family: 'Poppins', sans-serif; text-decoration: underline; } .professional-modal .modal-body #f_9 .page_links { float: right; padding-right: 10px; padding-top: 90px; } /* mobile-modal */ .mobile-modal{ } .mobile-modal .modal-dialog { width: 750px; margin: 30px auto; } .mobile-modal .modal-header h2{ margin: 0; color: #83bf08; font-size: 30px; font-family: 'Conv_Cocogoose Pro-trial'; } .mobile-modal .modal-header ul{ padding: 0; margin: 0; margin-bottom: 20px; } .mobile-modal .modal-header ul li{ display: inline-block; } .mobile-modal .modal-header ul li:first-child{ border-right: 2px solid #000; padding: 0 5px; } .mobile-modal .modal-header ul li a{ font-weight: 600; font-size: 15px; font-family: 'Poppins', sans-serif; color: #a7a7a7; cursor: pointer; } .mobile-modal .modal-body { position: relative; padding: 15px; width: 100%; height: 500px; } .mobile-modal .modal-body h3{ margin: 0; margin-bottom: 15px; color: #868686; font-size: 25px; font-family: 'Conv_Cocogoose Pro-trial'; } .mobile-modal .modal-body p{ color: #a7a7a7; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 400; margin-bottom:30px; } .mobile-modal .modal-body ul li{ display: inline-block; } .mobile-modal .modal-body ul li:first-child{ border-right: 2px solid #000; padding: 0 5px; } .mobile-modal .modal-body ul li a{ font-weight: 600 !important; font-size: 15px!important; font-family: 'Poppins', sans-serif!important; color: #a7a7a7!important; text-decoration: none !important; } .mobile-modal .modal-body .page_links { position: absolute; bottom: -20px; right: 10px; } .mobile-modal .modal-body #m_1 ul li:first-child{ border-right: none; padding: 0; } .mobile-modal .modal-body #m_5 p{ min-height: auto; margin-bottom: 10px; } .mobile-modal .modal-body #m_5 a { color: #3e8c16; font-weight: 400; font-size: 15px; font-family: 'Poppins', sans-serif; text-decoration: underline; } #fancybox-left, #fancybox-right { width: 5% !important; } div.wpcf7-response-output{ border: 2px solid #f7e700; float: left; } .page-id-11 h5 span { color: #83bf08; font-size: 23px; margin: 0; margin-top: 15px; margin-bottom: 10px; font-family: 'Poppins', sans-serif; font-weight: 700; } .page-id-11 .right h5 { color: #83bf08; font-size: 23px; font-family: 'Poppins', sans-serif; margin: 0; margin-top: 15px; margin-bottom: 10px; } .account-popup div.wpcf7-response-output{ float: left; } .account-popup .modal-content p strong{ display: inline-block; } #f_2, #f_3, #f_4, #f_5, #f_6, #f_7, #f_8, #f_9, #o_2, #o_3, #o_4, #o_5, #o_6, #o_7, #o_8, #o_9, #o_10, #o_11, #o_12, #o_13, #m_2, #m_3, #m_4, #m_5 { display: none; }