body{margin:0px;padding:0px; font-size:16px; background-color:#f9f9fb; color:#1B2F3F; font-family:'Inter-Regular' !important;line-height:1.6em; min-height:100vh; position:relative; padding-bottom:75px!important;} @font-face{font-family:'Inter-Regular';src:url('../../../../assets/frontend/home1/fonts/Inter-Regular.eot');src:url('../../../../assets/frontend/home1/fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'), url('../../../../assets/frontend/home1/fonts/Inter-Regular.woff') format('woff'), url('../../../../assets/frontend/home1/fonts/Inter-Regular.ttf') format('truetype');font-weight:normal;font-style:normal;} @font-face{font-family:'Inter-Bold';src:url('../../../../assets/frontend/home1/fonts/Inter-Bold.eot');src:url('../../../../assets/frontend/home1/fonts/ Inter-Bold.eot?#iefix') format('embedded-opentype'), url('../../../../assets/frontend/home1/fonts/Inter-Bold.woff') format('woff'), url('../../../../assets/frontend/home1/fonts/Inter-Bold.ttf') format('truetype');font-weight:normal;font-style:normal;} p{font-family:'Inter-Regular' !important;} h1, h2, h3, h4, h5{font-family:'Inter-Bold' !important;} option{font-size: 14px; font-family:'arial' !important;} a, a:hover, a:focus, a:active{outline:none!important;text-decoration:none!important;color:#21429f;} .txt-dark{color:#21429F !important} .font-normal{font-weight:normal !important;} .txt-upper{text-transform:uppercase} .padd0, .pad-0{padding:0px!important;} .form-control-feedback, .help-block{display:none !important;} .pad-l-0{padding-left:0px !important;} .pad-t-0{padding-top:0px !important;} .pad-r-0{padding-right:0px !important;} .pad-b-0{padding-bottom:0px !important;} .pad-l-10{padding-left:10px !important;} .pad-t-10{padding-top:10px !important;} .pad-r-10{padding-right:10px !important;} .pad-b-10{padding-bottom:10px !important;} .marg-t-0{margin-top:0 !important;} .marg-b-0{margin-bottom:0 !important;} .marg-t-0{margin-top:0px !important;} .marg-r-0{margin-right:0px !important;} .marg-b-0{margin-bottom:0px !important;} .marg-l-0{margin-left:0px !important;} .marg-t-10{margin-top:10px !important;} .marg-r-10{margin-right:10px !important;} .marg-b-10{margin-bottom:10px !important;} .marg-l-10{margin-left:10px !important;} .marg-t-15{margin-top:15px !important;} .marg-r-15{margin-right:15px !important;} .marg-b-15{margin-bottom:15px !important;} .marg-l-15{margin-left:15px !important;} .marg-t-20{margin-top:20px !important;} .marg-r-20{margin-right:20px !important;} .marg-b-20{margin-bottom:20px !important;} .marg-l-20{margin-left:20px !important;} .marg-l-30{margin-left:30px !important;} .marg-t-30{margin-top:30px !important;} .f-s-16{font-size:16px;} .w-100{width:100%;} .d-block{display:block} .table-responsive{border:none !important; padding: 5px; margin: 0px -5px;} .has-error input[type="checkbox"]{outline:1px solid #a94442;} /*loader css*/ .exim-loader{max-width: 130px;width: 90%;border-radius: 25px;padding: 20px;margin: 0 auto; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);height: 120px;} .e-loader{position: absolute; margin: auto; top: 50%; margin-top:0px; left: 50%; width: 200px; transform:translate(-50%, -50%);z-index:2;border-radius: 25px;} .e-loader img{border-radius:15px} .loader {width: 16px;height: 16px;position: relative;left: -32px;border-radius: 50%; margin-left:50%; display:inline-block;} .loader span{position:absolute; width:16px; height:16px; background:#809CEA; border-radius:50%; left:0px;} .loader span:first-child{left:-32px} .loader span:second-child{left:0px} .loader span:nth-child(3n){left:32px} .loader span:last-child{left:64px} .loader::after {content: '';position: absolute; left: -32px; top: 0; width: 16px; height: 16px; border-radius: 10px; background:#34A853; animation: move 3s linear infinite alternate;} @keyframes move { 0% , 5%{ left: -32px; width: 16px; } 15% , 20%{ left: -32px; width: 48px; } 30% , 35%{ left: 0px; width: 16px; } 45% , 50%{ left: 0px; width: 48px; } 60% , 65%{ left: 32px; width: 16px; } 75% , 80% { left: 32px; width: 48px; } 95%, 100% { left: 64px; width: 16px; } } /*end loader css*/ .breadcrumb{line-height:24px; border:none !important; border-radius:0px; padding:0px !important; margin:0px !important; background:transparent; position:relative;} .breadcrumb>li, .breadcrumb>li a, .breadcrumb > .active{font-size:12px;color:#21429F;} .breadcrumb > li + li:before{color:#21429F; padding:0px 2px} .form-control-feedback{display:none !important;} .tdb-btn{color:#fff;background: #6584DD !important; border: 1px solid #304b99 !important; box-shadow: inset 1px 1px 1px 0px #89a3eb !important;} .tdb-btn:hover, .tdb-btn:focus, .tdb-btn:active, .tdb-btn:active:hover{background: #6584DD !important; border: 1px solid #304b99 !important; box-shadow: inset 1px 1px 1px 0px #89a3eb !important; outline:none !important;color:#fff !important;} .btn-info, .btn-info:hover, .btn-info:focus, .btn-info:active:focus, .btn-info:active, .btn-info:active:hover, .btn-info:hover:focus:active, .btn-info[disabled], .btn-info[disabled]:hover{background-color: #5b75fb!important;border-color: #5b75fb!important;box-shadow:none!important;color: #ffffff!important;outline: none;border-radius: 25px;padding: 12px 25px;font-size: 16px;} .btn-light, .btn-light:hover, .btn-light:focus, .btn-light:active:focus, .btn-light:active, .btn-light.disabled, .btn-light.disabled:hover, .btn-light[disabled]:hover .btn-light:active:hover, .btn-light:hover:focus:active{background-color: #f3f5ff!important;border-color: #f3f5ff!important;color: #1B2F3F !important;} .btn-dark, .btn-dark:hover, .btn-dark:focus, .btn-dark:active:focus, .btn-dark:active, .btn-dark:active:hover, .btn-dark:hover:focus:active{background-color: #21429f !important;border-color: #21429f!important;color: #ffffff!important;} .btn-warning, .btn-warning:hover, .btn-warning:focus, .btn-warning:active:focus, .btn-warning:active, .btn-warning.disabled, .btn-warning:active:hover, .btn-warning:hover:focus:active{background-color: #f86830!important;border-color: #f86830!important;color: #ffffff !important;} .btn-white, .btn-white:hover, .btn-white:focus, .btn-white:active:focus, .btn-white:active, .btn-white.disabled, .btn-white:active:hover, .btn-white:hover:focus:active{background: #fff!important;color: #5B75FB !important;border-color: #5B75FB !important;} .btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active:focus, .btn-success:active, .btn-success.disabled, .btn-success:active:hover, .btn-success:hover:focus:active{background-color: #34A853!important;border-color: #34A853!important;color: #ffffff !important;} .btn-danger, .btn-danger:hover, .btn-danger:focus, .btn-danger:active:focus, .btn-danger:active, .btn-danger.disabled, .btn-danger:active:hover, .btn-danger:hover:focus:active{background: #F86830!important;color: #ffffff !important;border-color: #F86830!important;} .btn-info.btn-sm, .btn-info.btn-sm:active{padding: 6px 20px !important; font-size:14px !important;} .db-right-header{width: 100%;display:flex; padding: 6px 0 10px;} .db-rite-header{position: relative;font-size: 32px; line-height:32px; color: #1B2F3F;font-weight: bold; padding-left: 42px;} /*common search form*/ .tdb-form-search{background: #21409a; border: 1px solid #21409a; padding: 15px 15px 0px 15px; color:#ffffff; margin: 15px 0px;} .tdb-form-search .form-group {position: relative;} .tdb-form-search .form-control{box-shadow: none; height: 45px; border-color: #a8b3c7;} .tdb-form-search .has-error .form-control{border-color: #a94442 !important;} .tdb-form-search .form-control:focus{box-shadow:none; border-color: #9abedb;} .tdb-form-search .select-input::before {content: ''; position: absolute; top: 0px;right: 0px; bottom: 0px; width: 45px; background-color: #6584dd; z-index: 9; pointer-events: none; border-radius: 0px 4px 4px 0px;} .tdb-form-search .select-input::after {content: '\f107'; font-family: 'fontAwesome'; position: absolute; line-height: 44px; top: 0px; right: 13px; font-size: 24px;color: #ffffff; z-index: 9; pointer-events: none;} .tdb-form-search .btn {height: 45px; font-size: 16px; padding: 6px 20px;color: #ffffff;transition: all 0.3s;} .tdb-form-search .btn:focus, .tdb-form-search .btn:active, .tdb-form-search .btn:active:hover{outline:none; color:#fff;} .tdb-form-search .select2-container--default .select2-selection--single{height:45px; background:#fff; border: 1px solid #a8b3c7;} .tdb-form-search .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:42px; font-size:14px; color:#555; padding-right:15px;} .select2-container--default .select2-search--dropdown .select2-search__field{font-size:14px !important;} .tdb-form-search .select2-container--default .select2-selection--single .select2-selection__arrow{display:none;} /*end common search form*/ /*common table*/ .dataTables_length select{background: #ffffff;border-radius: 25px;height: 40px;box-shadow: none;padding: 0px 15px;border: 1px solid #e0e5fb;} .dataTables_info{float:left; padding-top: .755em;} table.dataTable.no-footer{border-bottom:none !important;} .dataTables_wrapper .dataTables_paginate{float:right; padding-top:15px !important} .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button:focus{background: #f3f5ff !important; border-color: #f3f5ff !important; padding: 8px 14px !important; line-height: 1.4em; font-size:13px !important; border-radius: 8px !important; margin-left:2px; cursor:pointer;} .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background: #21429F !important; border-color: #21429F !important; color:#fff !important;} .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{background:#f3f5ff !important; border-color: #f3f5ff !important;} .tdb-table .dataTables_wrapper .dataTables_filter input{background:#ffffff;border-radius: 25px;height: 40px;box-shadow: none;padding: 0px 15px;border: 1px solid #e0e5fb;} /*end common table*/ .btn-ash{background: #a3a3a3 !important; color: #fff !important; border: 1px solid #8c8c8c !important; box-shadow: inset 1px 1px 1px 0px #ccc !important;} .btn-ash:hover{color:#fff !important;} .db-title.normal {display:inline-block;} .db-title.mobile {display:none;} .affix {background: #fff; -webkit-transition: all .0s ease-in-out;} .db-title.normal {display:inline-block;} .db-title.mobile {display:none;} .affix {background: #fff; -webkit-transition: all .0s ease-in-out;} .request-demo {position: fixed; top: 200px; right: 0; width: 105px; background: #dcaf26; color: #fff; font-size: 16px; line-height:20px; padding: 10px; cursor: pointer; border-radius: 5px 0px 0px 5px; display: inline-block; z-index:99; text-align:center; transition:all 0.5s; box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.14);} .request-demo:active{box-shadow:none;} .request-demo-modal .modal-header h2{color: #9a7609 !important; margin: 0px;} .demo-bg{position:fixed; width:100%; top:0; bottom:0; right:0; left:0; background:rgba(0, 0, 0, 0.67); z-index: 999; transition:all 0.8s ease;} .demo-bg.overlay{opacity:0.5;} .r-demo-wrap{height: 100%; width:700px; max-width:100%; position: fixed; z-index: 1; top: 0; right: -100%; padding:15px; padding-top:50px; background-color: #fff; overflow-x: hidden; transition:all 0.8s ease; z-index:9999;} .r-demo-wrap.demo-show{width:700px; right:0px;} .demo-video{position: relative; float: left; width: 100%; border: 1px solid #ddd; margin-bottom: 20px; padding: 15px; background: #f7f7f7;} .request-bee-gif{position: relative; text-align: center;} .request-bee-gif img{width:370px; margin:0 auto;} .r-demo-wrap video{width:100%; float:left;} .r-demo-wrap .demo-form{position:relative; float:left; width:100%; margin-top:30px;} .r-demo-wrap .demo-heading{position: relative;float: left; width: 100%; padding-bottom:5px; border-bottom: 1px solid #ddd; margin-bottom: 30px;} .r-demo-wrap .demo-heading h1 {text-transform: uppercase; font-size: 24px; display: block; margin-bottom: 5px;} .r-demo-wrap .demo-heading p{font-size:16px; color:#888;} .r-demo-wrap .demo-heading h1 span{display: inline-block; margin-top: -7px; color: #dcaf26;} .r-demo-wrap .demo-heading img{position:absolute; right:0; top:-20px;} .r-demo-wrap .closebtn {position: absolute;font-size: 28px; right: 15px; top: 4px; color: #666; line-height: 36px;} .demo-form .form-control{height:45px; border-radius: 5px; box-shadow: none; background: #fbfbfb; border-color: #ddd;} .demo-form .form-control:focus{border: solid #f3c63e 1px !important; box-shadow:none;} .demo-form .select-arrow:before{background-color:#fbfbfb; border-radius:0px 5px 5px 0px;} .demo-form .select-arrow:after{line-height:45px;} .demo-form .demo_form, .demo-form .confirm-otp{height:45px; color: #fff; font-size: 16px; padding: 6px 20px; background: #dcaf26; border: 1px solid #c29819; border-radius:5px;} .demo-form .demo_form:focus, .demo-form .confirm-otp:focus{outline:none !important;} .demo-form .btn-small{height: 35px; padding: 5px 15px; font-size: 12px;} .demo-form .otp-btn{background: #666; color: #fff; line-height: 24px; border: 1px solid #4a4a4a; border-radius:0px;} .demo-form .text-success, .demo-form .text-danger{font-size: 13px; margin-bottom: 5px; display: block;} .demo-form .text-success{color:#169218;} .demo-form .text-danger{color:#d41713;} .demo-form #req_form_msg{margin-top:30px;} .demo-form .has-success .form-control, .demo-form .has-error .form-control{box-shadow:none !important;} .demo-form .has-success .form-control:focus{box-shadow:none !important;} .demo-form .has-success .form-control{border-color: #3c763d !important;} .demo-form .has-error .form-control{border-color: #a94442 !important;} .plans-price-form{top:0px !important;} .plans-price-form .modal-content img{width:auto !important;} .plans-price-form .modal-dialog {margin-top: 5%;} .plans-price-form .modal-dialog .modal-content{margin:0px !important; background: #ececec; padding: 15px; border: 2px solid #fff;padding-top: 30px;} .plans-price-form button.close{position: absolute; right: 10px; top: 10px; z-index: 2;} .plans-price-form .form-control{ padding: 0 15px; background-color: #f9f9f9; border: 1px solid #cecece; border-radius: 3px; box-shadow: none; height: 50px;} .plans-price-form .form-control:focus{border: solid #f3c63e 1px !important; -webkit-box-shadow: 0px 0px 10px #f1d274; -moz--webkit-box-shadow: 0px 0px 10px #f1d274; box-shadow: 0px 0px 10px #f1d274;} .plans-price-form .form-group:last-child{margin-bottom: 0px;} .suc_msg {text-align: center; color: #666;} .suc_msg .payment-success{display: inline-block; background: #69b31d; border-radius: 50%; padding: 15px;} .suc_msg i {color: #fff; font-size: 42px;} .suc_msg h3 {margin-top: 5px; font-size: 20px; color: #ad8710 !important;} video::-internal-media-controls-download-button {display:none;} video::-webkit-media-controls-enclosure {overflow:hidden;} video::-webkit-media-controls-panel {width:calc(100% + 30px);} .expiry-popup .form-control, .expiry-popup .btn-warning {height: 35px !important; line-height: 32px !important; margin: 0 auto;} .expiry-popup .btn-warning{padding:0px 15px; background-color: #dcaf26; border-color: #d2a314;} .renew-popup .rf_coupon_block {margin-top: 10px;} .hav-voucher {margin: 20px 0px; font-size: 14px;} .hav-voucher a{margin-top: -3px; display: inline-block; color: #bf9514;} .hav-voucher a:hover{color:#bf9514;} #rf_redeem_status{font-size: 12px; text-align: left; margin-top: 5px;} /*.tdb-popup-modal{width:90%; max-width:900px; margin:30px auto;}*/ .tdb-popup-modal .modal-content{background:#ececec; border:2px solid #fff;} .tdb-popup-modal .modal-header{border-bottom:0px; padding-bottom:0px;} .tdb-popup-modal .modal-title{font-size: 26px; padding-left: 15px; color: #444;} .tdb-popup-modal .close{position: absolute;right: 10px; top: 10px; z-index:2;} .tdb-popup-modal .close i{font-size:14px; opacity:0.5; display:block;} .tdb-popup-modal .form-control{border-radius:4px; box-shadow:none; height:45px; padding:0px 15px;} .tdb-popup-modal .form-control:focus{border-color: #afc4ff;} .tdb-popup-modal textarea{height: 120px !important; resize: none; padding: 10px 15px !important; max-width: 100% !important;} .tdb-popup-modal .help-block{display:none !important;} .tdb-popup-modal .form-control-feedback{height:50px; line-height:47px;} .tdb-popup-modal .select-field{position:relative;} .tdb-popup-modal .select-field:before{content:'';position: absolute;top: 0px; bottom: 0px; right: 0px; width: 45px; background: #b9b9b9; border-radius: 0px 3px 3px 0px; height: auto !important; pointer-events:none;} .tdb-popup-modal .select-field:after{position:absolute; content:'\f107'; font-family:'fontAwesome'; color:#fff; top:10px; right:13px; font-size:24px;pointer-events:none;} .tdb-popup-modal .select-field i{right:47px;} .tdb-popup-modal .btn-warning{border-radius:4px; box-shadow:none;} .text-overflow{position:relative; padding-left:25px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom:8px;} .text-overflow input{position:absolute; top:0px; left:0px;} .add-group-modal fieldset{padding: .35em .625em .75em !important; margin: 10px 0px !important; border: 1px solid #e9e9e9!important;} .add-group-modal legend {width: auto !important;border: none;font-size: 14px;padding: 3px 15px;margin-bottom: 10px !important; background: #21409a;border-radius: 20px;color: #fff;} .add-group-modal .form-control{height: 45px; border-radius: 0px; box-shadow: none; background: #fbfbfb; border-color: #ddd;} .add-group-modal .form-control:focus{border: solid #859ad5 1px !important; box-shadow:none;} .add-group-btns .btn{margin:0px 5px;} .add-group-modal .control{padding-left:35px;margin-bottom: 20px; font-size: 14px; font-weight: normal;} .add-group-modal .control span.g-c-name{overflow: hidden; float:left; text-overflow: ellipsis;white-space: nowrap;width: 100%;} .status-popup-modal{width:90%;max-width:1470px;} .content{width:100%;margin:0 auto;min-height: 300px;height:auto;background-color:#fff;border-radius:8px;} .content1 {padding:20px 15px;text-align:center;} .content1 h2{margin:0;} .content2{background:#efda9a; padding:10px 15px; color:#826407; border-radius:4px;} .content3{margin-left:10%;} .shipment {width:100%;margin-top:60px;} span.line {height: 5px; width: 135px; background-color:#F5998E;display: block; position: absolute; top: 30%;left: 50px;} .s-circle{text-align:center;position:relative;float:left;width:14%; cursor:pointer;} .s-circle .details{display:none;} .process .details, .verified .details, .failed .details{display:none; position:absolute; top:89px; left:-38%; background: #efdb9a; color:#80681a; padding: 10px; border: 1px solid #e2cb80; z-index: 2; border-radius: 4px; width: 200px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.09);} .process .details:before, .verified .details:before, .failed .details:before, .process .details:after, .verified .details:after, .failed .details:after{content: ''; display: inline-block; width: 0; height: 0; vertical-align: middle; position: absolute;} .process .details:before, .verified .details:before, .failed .details:before {left: 43%; top: -18px; border: 9px solid transparent; border-bottom-color: #efdb9a; z-index: 2;} .process .details:after, .verified .details:after, .failed .details:after {left: 42%; top: -22px; border: 11px solid transparent; border-bottom-color: #e2cb80; z-index: 1;} .s-circle .details span{display: block; font-size:12px;} .process:hover .details, .verified:hover .details, .failed:hover .details{display: block;} .s-circle .imgcircle {background-color:#e7e7e7;} .s-circle .imgcircle .status-sprite{background: url('../../../../assets/frontend/home1/img/status-ash.png') no-repeat left 0 top 0; width:34px; height: 43px; margin-top:5px; display: inline-block;} .s-circle span.line {background-color:#e7e7e7;} .s-circle .imgcircle .request{background-position: 1px 3px !important; width:36px !important;} .s-circle .imgcircle .t-team{background-position: -38px 4px !important;} .s-circle .imgcircle .dm-team{background-position: -81px 4px !important;} .s-circle .imgcircle .verified{background-position: -123px 3px !important;} .process .imgcircle .status-sprite, .verified .imgcircle .status-sprite, .failed .imgcircle .status-sprite{background: url('../../../../assets/frontend/home1/img/status-white.png');} .process .imgcircle{background-color:#e9a745;} .verified .imgcircle{background-color:#97dc8e;} .failed .imgcircle{background-color:#df6060;} .s-circle .error-icon{display: block !important;position: absolute;top: 3px;left: 60px;font-size: 22px; color: #df605f;} .s-circle .success-icon{display: block !important; position: absolute;top: 3px;left: 60px; font-size: 22px;color: #97dc8e;} .process span.line {background-color:#e9a745;} .verified span.line {background-color:#97dc8e;} .not-intiate span.line{background-color:#e7e7e7 !important;} /*.failed span.line {background-color:#df6060;}*/ .content3 p { margin-left:-69%;font-size:13px;font-weight:600;} .imgcircle { height:60px;width:60px;border-radius:50%;background-color:#F5998E;position:relative;z-index:1;} .status-popup-modal .panel-title>a, .panel-title>a:active{display:block;padding:6px 15px; padding-right:0px !important; color:#555;font-size:16px; font-weight:bold;text-transform:uppercase;letter-spacing:1px; word-spacing:3px;text-decoration:none;} .status-popup-modal .panel-heading a:before {font-family: 'Glyphicons Halflings'; content: "\e114";float: right !important;transition: all 0.5s !important;font-size:26px !important;} .status-popup-modal .panel-heading.active a:before {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);} .status-popup-modal .modal-header{border-bottom:0px; padding-bottom:0px;} .status-popup-modal .modal-body{padding:30px; padding-top:15px;} .status-details{margin-top:50px;} .status-details .panel-group{margin-bottom:0px;} .status-details .table{margin-bottom:0px;} .status-details .table tr:first-child td{border-top:0px;} .status-details .table tr td{color:#666 !important;} .status-popup-modal .form-group.his_cls{padding:12px 0px !important;} .status-popup-modal .his_cls_inner{padding-bottom:7px !important;} .status-popup-modal .his_cls_inner:nth-last-child(2){padding-bottom:0px !important;} .status-popup-modal .form-group:last-child{margin-bottom:0px !important;} .status-popup-modal .panel-body{padding:15px !important;} .still-confused {margin-top: 30px;} .still-confused a{color:#bf961e; display: inline-block; margin-top: -4px;} .upgrade-plans-modal .modal-dialog{width:900px; transform: translate(0, 0) !important; font-size:14px;} .upgrade-plans-modal .woman-img{border-bottom:1px solid #ddd; margin-bottom:29px;} .upgrade-plans-modal img{margin:0 auto;} .upgrade-plans-modal h1{color:#333; font-size:26px; margin:20px 0px;} .upgrade-plans-modal .btn{white-space:initial; background-color: #dcaf27 !important; border-color: #dcaf27 !important; max-width:400px; margin:0 auto;} .upgrade-plans-modal .btn strong{font-size:28px;} .upgrade-plans-modal .benfits-header{text-align: center; background: #dfaf10; padding: 10px; border-radius: 5px 5px 0px 0px; font-size: 32px; color: #fff;} .upgrade-plans-modal .up_coupon_block {max-width:400px; margin:0 auto; margin-top: 10px;} .upgrade-plans-modal .form-control{background-color:#f9f9f9; border:1px solid #cecece; border-radius:3px; box-shadow:none;} .upgrade-plans-modal #upgrade_img{max-width:220px;} .upgrade-plans-modal .upgrade_pack_price{font-size:40px; font-weight:bold;} .upgrade-plans-modal .upgrade_pack_price span{font-size: 16px;display: inherit;} .upgrade-plans-modal .hav-voucher {margin-bottom: 15px;} .upgrade-plans-modal #upgrade_form_loader{max-width:100% !important;} .benfits-bg{background: #f3f3f3; padding:10px; border: 1px solid #e1e1e1; border-radius: 0px 0px 5px 5px; float:left; border-top:0px;} .benfits-bg .table{margin-bottom:0px;} .benfits-bg .table th{color: #333; font-size: 16px; position:relative;} .benfits-bg .table th .c-plan{background: #d84848; padding: 5px; color: #fff; text-align: center; font-size: 10px; position: absolute; top: -18px; left: -67px; border-radius: 5px 5px 0px 5px;} .benfits-bg .table .fa-check{color: #7db316; font-size:18px;} .benfits-bg .table .fa-times{color: #e21616; font-size:18px;} .benfits-bg .table .b-price{font-size:20px; display:block; color:#333;} .header-alert-icons{position: absolute; right: 118px; top: 32px; line-height: 16px;} .upgrade-icon { cursor: pointer; border-radius: 5px; text-align: center; z-index: 1; color: #bf9515; padding: 8px 10px; display: inline-block; transition: all 0.5s; position: relative; float: right; margin-left: 10px;} .upgrade-icon:hover{color:#dcaf26;} .upgrade-icon i{margin-top: -3px; display: inline-block; font-size: 26px;} .upgrade-icon .cnt{position: absolute;top: -6px;right: 3px;font-size: 10px;color: #000;background: #d7d7d7;width: 18px;height: 18px; border-radius: 25px;} .tds-alert{float:left;} .expiry-popup h3 {color: #d22222; margin-top: 10px; margin-bottom:10px; font-size:18px;} .expiry-popup p{margin-bottom:25px; font-size:14px;} .tan-popup p{font-size:13px; margin-bottom:10px; text-align:center;} .tan-popup h4{margin:20px 0px; font-weight:bold;} .our-data-wrap {margin-top:20px; position: relative; background: url(../img/our-data-bg-1.jpg) no-repeat top 0 left 0; background-size: cover; height:4000px;} .our-data-wrap .o-d-content{padding:670px 460px 750px 15px;} .o-d-content h1{font-weight: bold;font-size: 75px; line-height: 66px; letter-spacing: 3px; color: #dcaf27; font-family: arial;} .o-d-content h1 span {font-size: 110px; color: #444; margin-top: 13px; display: inline-block;} .o-d-content h2 {font-size: 26px; font-weight: bold; line-height: 36px;} .o-d-content h3{margin-top:60px; color:#666766; font-weight:bold;} .o-d-content h4{color: #dcaf26; font-weight: bold; font-size: 22px;} .o-d-content p{font-size:16px;} .o-d-m-text{margin-top: 110px; font-size: 30px; line-height:34px; font-style: italic;} .o-d-count{margin-top: 790px;} .o-d-count .o-d-m-box{display: inline-block; background: #ddaf26; padding: 10px;font-size: 28px; color: #fff; border: 5px solid #f4d9a4; width: 327px; text-align: center; border-radius:10px; font-weight:bold;} .o-d-count .o-d-m-box small{font-size:16px; line-height:18px;} .right-side-box{position:absolute; top:0; right:0; top:1116px; width:460px;} .right-side-box .o-d-box{background: #ddaf26; padding: 15px; font-size: 19px; line-height:26px; width: 300px; text-align: center;border-radius: 10px;border: 5px solid #f4d9a4; margin-left: calc(50% - 129px); color: #fff; font-weight: bold; letter-spacing: 1px;} .right-side-box .o-d-box-1{margin-top:31px;} .right-side-box .o-d-box-2{margin-top:239px;} .right-side-box .o-d-box-3{margin-top:165px;} .right-side-box .o-d-box-4{margin-top:172px;} .right-side-box .o-d-box-5{margin-top:165px;} .right-side-box .o-d-box small{font-size:14px;} .tdb-table .table{border: 0px; margin-top: 0px !important; border-collapse:separate !important; border-spacing: 0; border-radius:16px; background: #ffffff; box-shadow: 4px 4px 4px rgb(0 0 0 / 5%);} .tdb-table .table thead tr th{background-color:#21429f; color:#ffffff; vertical-align:middle; height:50px; padding:0px 15px !important; font-weight:normal; vertical-align:middle} .tdb-table .table thead tr th .fa-search{color:#333 !important;} .tdb-table .table thead tr th, .tdb-table .table thead tr td{border: 1px solid #215181 !important; padding: 15px; font-size:14px;} .tdb-table .table thead tr th{border:0px !important; border-right:1px solid #4e70d0 !important;} .tdb-table .table thead tr th strong{font-weight:normal;} .tdb-table .table thead tr td{color:#fff; border: 1px solid #c49a1c;} .tdb-table .table tr td{border:0px !important; border-right: 1px solid #D1DAE7 !important; border-bottom: 1px solid #D1DAE7 !important; color: #444; font-size:14px; vertical-align:middle; padding: 12px 10px;} .tdb-table .table tr{background:transparent;} .tdb-table .table thead tr th:last-child, .tdb-table .table tr td:last-child{border-right:0px !important} .tdb-table .table tbody tr:last-child td{border-bottom:0px !important;} .tdb-table table thead tr:first-child th:first-child { border-top-left-radius: 16px;} .tdb-table table thead tr:first-child th:last-child { border-top-right-radius: 16px;} .tdb-table table tbody tr:last-child td:first-child {border-bottom-left-radius: 16px;} .tdb-table table tbody tr:last-child td:last-child { border-bottom-right-radius: 16px;} .tdb-table .table tr td a, .tdb-table .table tr td a:hover{color: #21429F !important} .tdb-table .table tr td .btn{margin-right:10px;} .tdb-table .table tr td .btn, .tdb-table .table tr td .btn:hover{color:#fff !important;} .tdb-table .table tr td .btn-light, .tdb-table .table tr td .btn-light:hover{color:#1B2F3F !important} .tdb-table .table tr td .btn-white, .tdb-table .table tr td .btn-white:hover{color:#5B75FB !important} .tdb-table .table tr td a.btn-light, .tdb-table .table tr td .btn-light.disabled, .tdb-table .table tr td a.btn-light:hover{color:#1B2F3F !important} .tdb-table .table > tbody > tr:nth-of-type(2n+1){background-color: transparent !important;} .tdb-table .table > tbody > tr:nth-of-type(2n+1) td {background-color: #F0F3F6 !important;} .tdb-table .table tr td .fa-user-plus{font-size: 22px; color:#21429F; margin-right: 5px;float: left;margin-top: 5px;} .tdb-table .table tr td .user-plus{cursor:pointer;width: 30px;height: 27px;background-position: -70px -66px;float: left; margin-right: 8px;} .tdb-table .table tr td .edit-icon{cursor:pointer;width: 30px;height: 27px;background-position: -406px -66px;float: left; margin-right: 12px;} .tdb-table .table tr td .user-icon{float: left; position:relative; top:auto; left:auto; margin-right: 12px;} .tdb-table .table tr td .delete-icon{cursor:pointer; width: 25px;height: 27px;background-position: -142px -66px;float: left;} .tdb-table .table tr td .fa-trash, .tdb-table .table tr td .fa-trash-o{font-size:26px; color:#F86830; float:left; margin:6px 0px 0px 12px} .tdb-table .table tr td .btn{float:left; padding: 10px 35px; font-size:12px !important;} .tdb-table .table tr td .btn:active{font-size:12px;} .tdb-table table thead tr th h3{margin:5px 0px; font-size:20px; line-height:26px;} .tdb-table .pagination{margin:0px;} .pagination > li > a, .pagination > li > span{background: #f3f5ff !important; border-color: #f3f5ff !important; border-radius: 8px; margin:0px 1px; color:#1B2F3F !important;} .pagination > .active > a{background: #21429F !important; border-color: #21429F !important; color: #fff !important;} .tdb-table .table .pagination > .active > a{color: #fff !important;} .pagination > li:first-child > a, .pagination > li:first-child > span {border-radius: 8px !important;} table.dataTable thead .sorting_asc {background-image: url(../../../../assets/frontend/news/images/sort_asc.png) !important;} table.dataTable thead .sorting {background-image: url(../../../../assets/frontend/news/images/sort_both.png) !important;} table.dataTable thead .sorting_desc {background-image: url(../../../../assets/frontend/news/images/sort_desc.png) !important;} .update-search{border-radius: 25px;box-shadow: none;border: 1px solid #d2d6ec;} .d-s-search-list table.dataTable thead .sorting::after, .d-s-search-list table.dataTable thead .sorting_desc:after {bottom:16px;} .tdb-table .table tr td .country_globe{position: relative; display: inline-flex; background: #21429F; border-radius: 25px !important;color: #fff !important; align-items: center; padding: 2px 10px 2px 2px; font-size: 10px;} .tdb-table .table tr td .country_globe:hover, .tdb-table .table tr td .country_globe:active{color:#fff !important} .country_globe .b-globe{cursor: pointer;width: 23px; height: 23px; background-position: -852px -67px; float: left; margin-right: 5px;} .connection_grouping a.btn{color:#fff !important;} .cp-search-wrap{padding-top:106px} .cp-search-wrap .search-wrap .form-control{max-width:260px; padding-right: 18px; margin-right:10px;} .cp-search-wrap .search-wrap .multi-select{padding-right:45px;} .cp-search-wrap .search-wrap .btn{right:0px;} .cp-search-wrap .search-wrap .select2-container .select2-selection--single{height:40px} .cp-search-wrap .search-wrap .select2-container .select2-selection--single .select2-selection__rendered{line-height:38px} .cp-search-wrap .search-wrap .select2-container .select2-selection__placeholder{font-size:13px} .cp-search-wrap .table tr td .btn{float:none; margin-right:0px;} .cp-search-wrap .p-categery{margin-left:10px;} .cp-search-wrap .port-head{margin-top:50px;} .c-new-tag{position:absolute; top:0px; right:0; font-size:10px; color:#fff; background:#e54141; padding:0px 8px; height:20px; line-height:20px; border-radius:0px 4px 4px 0px; box-shadow:0px 0px 5px #fff; text-transform:uppercase; font-weight:normal; z-index:3;} .c-new-tag:before {content: ''; position: absolute; top: 0; left: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #e54141;} .c-new-tag:after {content:''; position:absolute; background:#fff; top:7px; left:-2px; width:5px; height:5px; border-radius:50%;} #data_analysis_form .c-new-tag{right:-12px !important;} .a-t-analysis-wrap{position:relative; border:1px solid #ddd; padding:15px;} .p_chart_box {position: relative;background: #fff;border: 1px solid #ddd;padding: 15px;min-height: 300px;text-align: center;border-radius: 15px;} .p_chart_box #month_hscode_pie, .p_chart_box #month_country_pie{width:100%; max-width:550px; height:500px; margin:0 auto;} .p_chart_box .heading {position: relative;margin: 0px;text-align: left;padding: 8px 0px;font-size: 22px;text-transform: uppercase;color: #dcaf26;margin-bottom: 30px;} .p_chart_box .heading small{text-transform:capitalize;} .p_chart_box .show-parent {position: absolute; top: 15px; right: 15px;} .p_chart_box.left:before {position: absolute;content: '\f178';font-family: 'fontAwesome';font-size: 42px;right: -28px;top: 45%;z-index: -1;color: #dcaf26;} .p_chart_box.right:after {position: absolute;content: '\f177';font-family: 'fontAwesome';font-size: 42px;left: -28px;bottom: 45%;z-index: -1;} .pie-chart-sec{position:relative;} .pie-chart-sec h3 {float:left; margin-top:0px; text-transform:uppercase; margin-bottom:15px; margin-top:10px; font-weight:bold;} .pie-chart-sec .form-control{float:right; max-width:200px; background:#f5f5f5; border-radius:0px; box-shadow:none;} .a-t-analysis-table{position:relative; margin-top:50px;} .a-t-analysis-table h4{margin-bottom:-26px; font-weight:bold;} .a-t-analysis-table .dataTables_filter input{margin-right:0px !important; border:1px solid #ddd !important;} .a-t-analysis-table .dataTables_filter input:focus{border:1px solid #ddd !important;} .under-maintenance {position: relative; width: 100%; background: #f3f3f3; padding: 50px 0px; border: 10px solid #fff; max-width: 500px; margin: 0 auto; margin-bottom: 40px; border-radius: 10px; box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.1803921568627451);} .under-maintenance i{font-size: 60px; color: #e4b62c;} .under-maintenance h1{margin: 15px 0px 0px 0px; color: #000000; font-size: 42px;} .under-maintenance h2{margin-bottom: 20px; color: #000; margin-top: 0px; font-size: 30px;} .under-maintenance .c-soon{position: relative; background: #fff; padding: 5px 0px; color: #c49a1a; font-size: 14px;} .tdb-panel{background: #f2f2f2; padding: 15px; border: 1px solid #ddd;} .tdb-panel .form-control{height: 45px; box-shadow: none; border-radius: 0px; background: #fff;} .tdb-panel .btn{height: 45px;line-height: 41px;padding: 0px 15px;} div.google-visualization-tooltip{font-size:11px !important; font-weight:normal !important; padding:8px; border-radius:4px !important; line-height:16px !important; z-index:1;} .google-maps{width: 100%; min-height: 650px;} .google-maps>div{float:left;} .google-piechart{width:100%; min-height:500px;} #world_map{width: 100%; max-width: 1200px; min-height: 650px; height:auto !important; margin: 0 auto;} .fixed {display: block !important;position: fixed;background: #fff;} .fixed-header {position: fixed;z-index:999 ;background: #fff; top: 0;left: 0;right: 0; min-height:80px; padding-left:0px; padding-right:0px;-webkit-box-shadow: 2px 2px 4px rgba(4, 12, 85, 0.1);-moz-box-shadow: 2px 2px 4px rgba(4, 12, 85, 0.1);-ms-box-shadow: 2px 2px 4px rgba(4, 12, 85, 0.1);-o-box-shadow: 2px 2px 4px rgba(4, 12, 85, 0.1);box-shadow: 2px 2px 4px rgba(4, 12, 85, 0.1);} .pad-b-10 {padding-bottom: 10px !important;} /*.wrapper{max-width: 1500px;width: 100%;margin: 0 auto;padding-left: 15px;padding-right: 15px;}*/ .wrapper{max-width: 1140px;width: 100%;margin: 0 auto;padding-left: 15px;padding-right: 15px;} .fix-header-logo{width:120px !important;margin-top: 14px;} .menubtn {float: right;} .menubtn img {margin-top: 15px;cursor: pointer;} .main-menu .dropdown-menu {position: fixed !important;background: transparent !important; border: none !important;padding: 0px !important;box-shadow: none !important;right: 0 !important;left: auto !important;top: 0px !important;height: 100%;padding-top: 100px !important;width: 100% !important;z-index: 9999999 !important;} .menudropdown .wrapper {position: relative;height: 100%;} .menudropdown .main-menu {position:relative;height:100%;max-height:465px;overflow-y:auto;float:right;width:360px !important;background:#fff;padding:10px !important;border:5px solid #dcaf26 !important;} .menuicons a {margin-bottom: 40px;padding: 0px !important;line-height: 16px;} .icon{margin-bottom: 15px;color: #000;font-size: 12px;text-align: center;padding: 5px !important; height: 82px;padding-top: 11px !important;} .icon img {width: 40px !important;} #custom-search-input {margin: 0;margin-top: 10px;padding: 0;margin-bottom: 20px;} #custom-search-input .input-group-btn{ display:table-cell; } #custom-search-input input {height: 35px !important;padding: 5px 10px !important;border-right: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;box-shadow: none;} #custom-search-input button {border: 1px solid #ccc;background: #dcaf26;padding: 0px 10px;position: relative;margin-bottom: 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #fff;z-index: 99;height: 35px;box-shadow: none;border-left: 0px;line-height: 11px;} .contact {width: 100%;padding: 10px!important;background: #ccc;text-align: center;margin-top: 0px;cursor: pointer;} .contact h3 {padding: 0px;font-size: 22px;margin: 0px;color: #fff;} .contact h3 i{color:#fff!important;} .newloginbtn {background: #b39005;color: #fff;padding: 7px !important;border-radius: 3px;width: auto;text-transform: uppercase;font-size: 11px;text-align: center;text-decoration: none !important;font-weight: bold;position: fixed;right: 63px;top: 34px;z-index: 4;width: 121px;} .new-date-pic{float:left; position:relative;} .new-date-pic .hidden-input {visibility: hidden;position: absolute;right: 0px;top: 33px;height: 0px;padding: 0px;border: 0px;left: 37px;width: 253px;} .new-date-pic .form-control{width:auto !important; padding-right:12px; position:relative; font-size:13px;} .new-date-pic .tdb-btn {line-height:24px;} .daterangepicker{border: 0px !important;} .daterangepicker:before{border-bottom:7px solid #e4b62c !important;} .daterangepicker td.in-range{background-color: #edf1fb !important;} .daterangepicker td.active, .daterangepicker td.active:hover{background-color: #364FC9 !important;} .daterangepicker select.monthselect, .daterangepicker select.yearselect{border: none !important;background: transparent!important;width: auto!important;font-size: 14px!important;} .daterangepicker select.monthselect{float:left !important;} .daterangepicker select.yearselect{float:right;} .calendar-table table thead tr:last-child th{color:#AABFD5 !important; font-weight:normal !important;} .daterangepicker .calendar-table td, .daterangepicker .calendar-table th{width:36px !important} .daterangepicker .available{color:#0B273A} .daterangepicker .drp-selected{padding-top:7px;} .daterangepicker .drp-selected .text-warning {color: #677B90 !important;} .daterangepicker .applyBtn, .daterangepicker .applyBtn:hover, .daterangepicker .applyBtn:active, .daterangepicker .applyBtn:active:hover, .daterangepicker .applyBtn:focus{background-color: #5b75fb!important;border-color: #5b75fb!important; border-radius:25px !important;} .daterangepicker .cancelBtn{background-color: #F3F5FF!important;border-color: #F3F5FF!important; color:#405261 !important; border-radius:25px !important;} .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span{border-color: #8A9EB4 !important;} .daterangepicker .drp-buttons{border-top: 1px solid #ebf1f8 !important;} .daterangepicker:after, .daterangepicker:before {display:none !important} .new-date-pic #from_label, .new-date-pic #to_label{position:relative; display:inline-block; cursor:pointer; line-height:36px;} .new-date-pic #from_label:before, .new-date-pic #to_label:before{position: absolute; top: -14px; font-size: 10px; color: #fff; background: #6f6f6f; padding: 7px 5px; border-radius: 2px; line-height: 0;} .new-date-pic #from_label:before{content: 'From'; left: 24px;} .new-date-pic #to_label:before{content: 'To'; left:33px;} .new-date-pic #date_filter-dropdown{padding:5px;} .new-date-pic #date_filter-dropdown .date-filter_item{padding:3px 8px; font-size:12px; cursor:pointer;} .new-date-pic #date_filter-dropdown .date-filter_item:hover{background-color:#ddd;} .new-date-pic #date_filter-dropdown .active{background-color:#E4B62C;} .divTable{border: 0px;background-color: #fff;width: 100%;text-align: left;border-collapse: separate !important; border-spacing: 0;border-radius: 16px;box-shadow: 4px 4px 4px rgb(0 0 0 / 5%);position:relative;} .divTable .divTableRow .divTableHead:first-child{border-top-left-radius: 16px;} .divTable .divTableRow .divTableHead:last-child{border-top-right-radius: 16px;} .divTable .divTableBody .divTableRow:nth-last-child(3) .divTableCell:first-child{border-bottom-left-radius: 16px;} .divTable .divTableBody .divTableRow:nth-last-child(3) .divTableCell:last-child{border-bottom-right-radius: 16px;} .divTable .divTableCell, .divTable .divTableHead {border-right: 1px solid #D1DAE7;border-bottom: 1px solid #D1DAE7; padding:10px;line-height:1.4em;} .divTable .divTableCell:last-child, .divTable .divTableHead:last-child{border-right:0px !important} .divTable .divTableBody .divTableCell {font-size: 12px;text-transform:uppercase;} .divTable .divTableBody .divTableCell a{cursor:pointer;} .divTable .divTableRow:nth-child(even) {background: #F0F3F6;} .divTable .divTableRow:last-child{border-bottom:1px solid #D9E5F0;} .divTable .divTableRow:last-child .divTableCell{height: 60px;border-left: 0px; border-right:0px;} .divTable .divTableHeading .divTableRow{height:70px;} .divTable .divTableHeading .divTableHead {background: #21429F; font-size: 11px;color: #FFFFFF;border-right: 1px solid #1D3A8B; border-bottom: 1px solid #1D3A8B;vertical-align:middle;} .divTable .divTableHeading .divTableHead:first-child {border-left:none;} .synopsis-div-table{border-radius:0px;} .synopsis-div-table .divTableHeading{background: #d1dae7 !important;} .synopsis-div-table .divTableHeading .divTableRow{height:35px !important;} .synopsis-div-table .divTableHeading .divTableHead{border:0px; border-right: 1px solid #f0f3f6 !important; border-bottom: 1px solid #f0f3f6 !important; border-radius:0px !important; font-weight:normal !important; font-size:14px !important; text-transform:uppercase; background:#d1dae7;color: #1b2f3f; } .synopsis-div-table .divTableBody .divTableRow:nth-last-child(3) .divTableCell:last-child{border-radius:0px !important} .synopsis-div-table .divTableRow:nth-child(2n) {background: #ffffff;} .synopsis-div-table .divTableBody .divTableCell a{color:#21429f} .synopsis-div-table .divTableCell{border-color:#f0f3f6 !important;} .synopsis-div-table .divTableRow:last-child .divTableCell{height:auto !important;} .div-table-main{padding-bottom:50px; position:relative;} .div-table-main .div_pagination{position:absolute; bottom:-50px; right:0px;} .div-table-main .div_pagination .pagination{margin:0px;} .div-table-main .div_pagination .pagination a, .div-table-main .div_pagination .pagination a:hover{color:#666;} .div-table-main .div_pagination .pagination .active a{color:#ffffff} .yellow-divtable .divTableHeading .divTableHead{background: #21429f !important; font-size:12px !important; color:#fff;text-transform: capitalize;} .yellow-divtable .row-span{font-size:14px !important; color:#fff; top:3px; margin-right:5%;} .table-no-data{margin-top: -1px; background: #f9f9f9; border: 1px solid #ddd !important; position: absolute;left: 0px;right: 0px;text-align: center; padding-top: 20px !important; height: 50px;} .div-table-pagenation {position: absolute; right: 15px; bottom: 0px; left: 15px;} .col-span-div{position: absolute; right: 0; left: 0; width: 100%; height: 50px; text-align: center; padding-top: 12px; border: 1px solid #ddd; border-top: 0px;} .v-bottom{vertical-align:bottom !important;} .b-r-0{border-right:0px !important;} .b-l-0{border-left:0px !important;} .row-span{position:absolute; top:0px; right:0px; text-align:center; font-size:12px; font-weight:bold; color:#fff;} .divTable{ display: table; } .divTableRow { display: table-row; } .divTableHeading { display: table-header-group;} .divTableCell, .divTableHead { display: table-cell;} .divTableHeading { display: table-header-group;} .divTableBody { display: table-row-group;} .div-pagenation{position:absolute; left:0px; right:0px; bottom:-80px; text-align:center;} .div-pagenation .div-table-pagenation{position:relative; width:100%; text-align:center;} .raw-data-table{padding-bottom:90px;} #decl_popup_modal .divTable .divTableRow:last-child .divTableCell{height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd;} #u-p-Modal i{font-size:36px;} #u-p-Modal h5{margin-top:0px;} .tdb-text-color{color:#21409a;} .home-nav{position:relative; padding:0px; float:right; margin-top:18px;} .home-nav li{position:relative;float:left; margin:0px 12px; list-style:none;} .home-nav li a{float:left; position:relative; padding:10px 10px 10px 36px; color:#405261; font-size:16px; text-decoration:none;} .home-nav .dropdown-menu{top: 100%;margin-top: 18px;border: none;border-radius: 0px;min-width: 130px;padding: 0px; box-shadow:2px 2px 4px rgb(4 12 85 / 10%); border-radius: 0px 0px 16px 16px; overflow:hidden;} .home-nav .dropdown-menu li{margin:0px; width:100%; border-bottom: 1px solid #D1DAE7;} .home-nav .dropdown-menu li:last-child{border:0px} .home-nav .dropdown-menu li a{font-size:12px; color: #1B2F3F; width:100%; padding: 13px 15px;width: 100%; white-space: normal; padding-left:48px;} .home-nav .dropdown-menu li a i{left: 11px;top: 14px;} .home-nav .dropdown-menu li a:hover{background:#ffffff;} .home-nav .new-label, .home-nav .dropdown-menu li a .new-label{position: absolute;top: 0px; left: 22px; font-size: 8px; color: #fff; background: #e54141; padding: 0px 6px; height: 14px;line-height: 14px; border-radius:4px; text-transform: uppercase;font-weight: normal;} .home-nav .new-label{left:auto; right:9px; top:-3px;} .home-nav .dropdown-menu li a .new-label.beta{left: auto;right: 22px;} .dash-icon{width: 27px;height: 27px;background-position: -177px -66px !important;} .home-nav li a.active .dash-icon{background-position: -684px -66px !important;} .search-icon{width: 27px;height: 27px;background-position: -211px -66px !important;} .home-nav li a.active .search-icon{background-position: -719px -66px !important;} .trade-icon{width: 27px;height: 27px;background-position: -297px -66px !important;} .home-nav li a.active .trade-icon{background-position: -789px -66px !important;} .port-icon{width: 27px;height: 27px;background-position: -246px -66px !important;} .country-icon{width: 27px;height: 27px;background-position: -789px -101px!important;} .fbs-icon{width: 27px;height: 27px;background-position: -829px -101px!important;;} .cds-icon{width: 30px;height: 27px;background-position: -866px -101px!important;;} .home-nav li a.active .port-icon{background-position: -757px -66px !important;} .home-nav li a.active:before{ content: ''; position: absolute; bottom: -18px; left: 0px; right: 0px; height: 5px; background-color: #21429F; border-radius: 5px 5px 0px 0px;} .home-nav li a i{position: absolute;left:2px;top: 10px;} .cp-search{position:relative;} #added_com_block .form-group{text-align:right} /*radio css*/ .radio-wrap{display: inline-block;position: relative;padding-left: 35px;cursor: pointer;font-size: 16px;font-weight:bold;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;float:left;margin:10px 0px;text-align:left; margin-right:10px;} .radio-wrap input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;} .checkmark {position: absolute;top: 1px;left: 0;height: 24px;width: 24px;background-color: #ffffff;border-radius: 50%;border: 1px solid #cfcfcf; box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.09);transition: all 0.3s;} .checkmark:after {content: "";position: absolute;display: none;} .radio-wrap input:checked ~ .checkmark {background-color: #7089d2; border: 1px solid #7089d2;} .radio-wrap input:checked ~ .checkmark:after {display: block;} .radio-wrap .checkmark:after {top: 7px;left: 7px;width: 8px;height: 8px;border-radius: 50%;background: white;} .search-by-banner{background:#f7f7f7; padding: 10% 15px; text-align: center; margin-bottom:15px;} .search-by-banner img{margin:0 auto;} .cp-search .radio-wrap{margin-top:0px;} /*checkbox css*/ #search_result_wrapper .control, .control{position: relative;text-align: left;font-size: 20px; cursor: pointer;float: left;display: inline-block; height: 21px;} #search_result_wrapper .control_indicator, .control_indicator {position: absolute;top: 1px;left: 0px;height: 24px;width: 24px; background: #f9f9f9; border: 1px solid #d9e5f0; border-radius:3px;} #search_result_wrapper .control-radio .control_indicator, .control-radio .control_indicator{border-radius: undefined%;} #search_result_wrapper .control input, .control input{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} #search_result_wrapper .control:hover input ~ .control_indicator, .control input:focus ~ .control_indicator, .control:hover input ~ .control_indicator, .control input:focus ~ .control_indicator {background: #f2f2f2; border-color: #d9e5f0;} #search_result_wrapper .control input:checked ~ .control_indicator, .control input:checked ~ .control_indicator {background: #21429F;border-color: #21429F;} #search_result_wrapper .control:hover input:not([disabled]):checked ~ .control_indicator, .control input:checked:focus ~ .control_indicator, .control:hover input:not([disabled]):checked ~ .control_indicator, .control input:checked:focus ~ .control_indicator {background: #21429F;border-color: #21429F;} #search_result_wrapper .control input:disabled ~ .control_indicator, .control input:disabled ~ .control_indicator {background: #e6e6e6;opacity: 0.6; pointer-events: none;} #search_result_wrapper .control_indicator:after, .control_indicator:after {box-sizing: unset;content: '';position: absolute;display: none;} #search_result_wrapper .control input:checked ~ .control_indicator:after, .control input:checked ~ .control_indicator:after {display: block;} #search_result_wrapper .control-checkbox .control_indicator:after, .control-checkbox .control_indicator:after {left: 7px;top: 2px;width: 5px;height: 10px;border: solid #ffffff;border-width: 0 3px 3px 0;transform: rotate(45deg);} #search_result_wrapper .control-checkbox input:disabled ~ .control_indicator:after, .control-checkbox input:disabled ~ .control_indicator:after {border-color: #7b7b7b;} .adv-s-trade .control{padding-left:30px; font-size:14px; margin-left:30px;} .adv-s-trade .control_indicator{background:#ffffff; border-color:#dac995;} /* .highcharts-tooltip-box{display:none;} .highcharts-tooltip span{height:auto;width:200px;background-color:#fff; overflow:auto; white-space:normal !important;margin:3px;border:none;padding:5px;} .highcharts-tooltip > span{box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); border: 1px solid #ffc61a; border-radius:4px;} */ .idle-bee{position:fixed; top:260px; right:0px; z-index:999;} .idle-bee img{width:320px; max-width:100%;} .new-date-pic .month-filter, .month-filter{float: left;background: #fff;border-radius: 25px;box-shadow: 2px 2px 4px rgba(4, 12, 85, 0.1);padding: 0px 20px;} .new-date-pic .month-filter .btn, .month-filter .btn {cursor: pointer; color: #A8B8EA !important; font-size: 14px; background: transparent !important; box-shadow: none !important;border: none !important; padding: 6px 5px;border-radius:0px; margin: 0px 6px !important; line-height:26px;} .month-filter .btn:hover{color: #A8B8EA !important;} .new-date-pic .month-filter .dfilterbtnActive, .month-filter .dfilterbtnActive{color: #21429F !important;} .date-icon {float: right; margin:6px -8px 0px 6px; cursor:pointer} .w-d-icon{background: #fff;padding: 7px; border-radius: 50%; margin: 0px; box-shadow: 2px 2px 4px rgb(4 12 85 / 10%);} .month-filter .new-tag{left:50% !important; margin-left:-18px;} .whatsapp-modal .modal-header .close{position:absolute; right:15px; z-index:1;} .whatsapp-modal .modal-title{position:relative; padding-left: 30px; color:#1b9e31;} .whatsapp-modal .modal-title i.fa-whatsapp{position:absolute; top:1px; left:0px; margin-right:10px; font-size:24px;} .whatsapp-modal .modal-body{font-size:13px; line-height:1.4em; position:relative; z-index:0; min-height: 140px;} .whatsapp-modal .modal-body:before {content: '\f232'; font-family: 'FontAwesome'; position: absolute;top: 60px; bottom: 0px; font-size: 147px; left: 50%; margin-left: -65px; z-index: -1; color: rgb(47 167 67 / 7%);} .whatsapp-modal .modal-body p{text-align:justify;} .lang-select{margin-top:25px; margin-right:16px; position:relative;z-index: 1;} .lang-select .form-control{box-shadow: none; height: 30px; border-radius: 15px; top: 0px; font-size: 12px;} .lang-select:before{content:''; position:absolute; top:1px; right:1px; bottom:1px; width:30px; background:#ffffff; border-radius:0px 15px 15px 0px; z-index:1;pointer-events: none;} .lang-select:after{ content: '\f107';font-family: 'fontAwesome';position: absolute;right: 10px; top: 2px; color: #21429f; font-size: 20px; z-index: 2; pointer-events: none;} .box-wrap{position:relative; background: #ffffff;border-radius: 25px;box-shadow: 4px 0px 6px rgb(0 0 0 / 5%);} .box-wrap .box-header{padding:15px 30px; border-bottom:1px solid #D1DAE7} .box-wrap .box-header h3{font-size:20px;margin-top:9px;} .box-wrap .box-body{padding:30px;} .body-wrap{padding-top:105px !important;} .search-wrap{display:inline-flex; background:#fff;width:100%;align-items:start; border-radius:35px; min-height:54px; padding:7px; box-shadow: 2px 2px 4px rgba(4, 12, 85, 0.1);} .search-wrap .radio-select{width: 220px;display:flex; height:100%; height: 40px;} .search-wrap .option{background: #F3F5FF;height: 100%; width: 110px;display: inline-flex; align-items: center; justify-content: space-evenly; margin: 0 10px 0px 0px;border-radius: 35px; cursor: pointer; padding: 0 10px; border: 1px solid #5B75FB; transition: all 0.3s ease; font-weight:normal;} .search-wrap .form-group{margin:0px !important;} .search-wrap .multi-select{position:relative;display:flex;max-width:518px; width:100%; min-height:40px; padding-right:40px;} .search-wrap .btn{border-radius: 50%; box-shadow:none;width: 40px; height: 40px; background: #fff; border-color: #D9E5F0; font-size: 18px; color: #064F8D; position: absolute; right: -5px;} .c-a-error{font-size: 14px; border: 3px solid #fff;} .search-wrap .btn:active, .search-wrap .btn:focus{box-shadow:none; outline:none;} .search-wrap .has-error .select2-container--default .select2-selection--multiple{border-color:#F86830 !important;} .search-wrap .select2-container--default .select2-selection--multiple{border-radius:25px; border-color:#D9E5F0; font-size: 13px; min-height: 40px;display: flex; align-items: center;} .search-wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered{padding:0 20px; margin-top: -5px;} .search-wrap .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:40px; font-size:14px;} .search-wrap .select2-container .select2-search--inline{width:100%;} .search-wrap .select2-container--default .select2-search--inline .select2-search__field{font-size: 14px !important;margin-top: 0px !important; line-height: 36px; width:100% !important} .search-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice{padding: 3px 10px; line-height: 20px; margin-top:6px;} .search-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{margin-left: 5px;float: right;margin-right: 0px;line-height: 19px;} .search-wrap input[type="radio"]{display: none;} .option-1:checked:checked ~ .option-1, .option-2:checked:checked ~ .option-2{border-color: #34A853; background: #34A853;} .wrapper .option span{font-size: 16px;color: #1B2F3F;} .option-1:checked:checked ~ .option-1 span, .option-2:checked:checked ~ .option-2 span{color: #fff;} .input-group{display:flex; height:100%; max-width:500px; width:100%;} .search-wrap .form-control{border-radius:35px !important; padding: 0px 50px 0px 18px; box-shadow:none; border-color:#D9E5F0; font-size:13px; display:flex;} .search-wrap .btn-info{height:100%;} .input-group .form-control{border-radius:25px !important} .input-group-append{position: absolute;right: 0px;top: 0px;bottom: 0px;z-index: 3;} .input-group-append .btn{border-radius: 50%;width: 40px;height:40px; background: #fff; border-color: #D9E5F0; font-size: 18px;color: #064F8D;} .input-group-append .btn:active, .input-group-append .btn:active:focus{box-shadow:none; color#064F8D} .f-link, .hs-code-link{float: right;font-size: 14px;font-weight: bold;color: #21429F;position: relative;padding-left: 30px;margin-bottom: 10px;} .f-link i, .hs-code-link i{position:absolute;left:0px;top:3px;} .hs-code-link{padding-right:30px} .inner-search-wrap{min-height:54px;} .inner-search-wrap .select{height:40px;} .inner-search-wrap .input-group-append .btn{height:40px; width:40px;} .inner-search-wrap .option span{font-size:16px} .round-btn, .round-btn:hover, .round-btn:focus, .round-btn:active:focus, .round-btn:active, .round-btn:active:hover, .round-btn:hover:focus:active{border-radius: 50%;padding: 0px;height: 50px;width: 50px;text-align: center;} .filter-wrap{display:inline-flex;width:100%;align-items:center;} .port-search{align-items:start; position:relative; padding-right:45px} .port-search .control_indicator{background:#ffffff;border:1px solid #b9cde0;} .port-search .select{width:100%} .port-search .select2-container--default .select2-selection--single{height:40px;} .port-search .option, .port-search .btn{height:40px;} .port-search .btn{right:7px;} .port-search .control{position: absolute;z-index: 1; left:0px; top: -36px; font-size:16px; padding-left:35px} .port-search .form-group{margin: 0px 10px 0px 0px !important; width:100%; max-width:280px; position:relative;} .port-search .all-products{height:auto; width:412px;} .port-search .all-ports{width:300px;} .radio-btns{position:relative; display:inline-flex;} .radio-btns .option{background: #F3F5FF;height: 100%; width: 110px; height:40px;display: flex; align-items: center; justify-content: space-evenly; margin: 0 10px 0px 0px;border-radius: 35px; cursor: pointer; padding: 0 10px; border: 1px solid #5B75FB; transition: all 0.3s ease;} .radio-btns input[type="radio"]{display: none;} .radio-btns .option-1:checked:checked ~ .option-1, .radio-btns .option-2:checked:checked ~ .option-2{border-color: #34A853; background: #34A853;} .radio-btns .option span{font-size: 18px;color: #444444;} .radio-btns .option-1:checked:checked ~ .option-1 span, .radio-btns .option-2:checked:checked ~ .option-2 span{color: #fff;} .add-wrap{position:relative;} .add-wrap #advhscode{position:relative; float:left; width:100%;} .add-wrap .btn{bottom:0px; width:40px; position:absolute; right:0px; bottom:0px;} .add-wrap .remove_hscode{right: 12px; top: 9px; z-index: 1; position: absolute; cursor:pointer;} .cp-adv-modal .modal-header .form-control, .cp-adv-modal .modal-header .btn{height:36px;} .cp-adv-modal .input-search .btn{width:36px; height:36px; font-size:13px;} .cp-adv-modal .input-search .btn .f-search-icon{margin:3px 0px 0px -2px;} .cp-adv-modal .input-search{margin-right:10px} .add-wrap .add-form{position:relative; margin-top:10px; display:flex;} .add-wrap .form-group{position:relative; margin-bottom:0px; flex-grow:1; padding-right:10px;} .add-wrap .form-group:last-child{padding-right:0px;} .add-wrap .form-group .select{width:100%;} .add-wrap .form-group .select:before{right: 0px;top: 0px;bottom: 0px;width: 40px; height:40px; border-radius:50%; border:1px solid #e0e5fb;} .add-wrap .form-group .select:after{right: 13px;} .add-wrap .form-group .select .form-control{width:100%; box-shadow:none} .add-wrap .add-form:first-child{margin-top:0px;} .add-form label{margin-right:15px;} .add-wrap .add-form:first-child label, .add-wrap .add-form:nth-child(2) label, .add-wrap .add-form:nth-child(3) label{margin-right:10px} .adv-type{float:left} .adv-type label{margin-right:15px;} .adv-type label:first-child{margin-right:20px; font-weight:bold;} .adv-type .radio-wrap{margin-top:4px;} .adv-s-form{margin-bottom:20px;} .adv-s-form .form-group{display:flex; height:100%;} .adv-s-form .form-group .option{width:110px} .adv-s-form .btn-info{height: 40px; line-height: 14px; font-size: 14px; margin-left:10px;} .d-filter{display:flex; justify-content:end; box-shadow:none !important;} .adv-select-wrap{display:flex} .adv-select-wrap .form-group{margin:0px 0px 0px 10px !important; } .adv-s-form .select2.select2-container.select2-container--default{display:inline-block; width:190px !important; min-height:34px;} .adv-s-form .select2-container--default .select2-selection--multiple{min-height:40px; line-height:25px; border-color: #d9e5f0; border-radius: 25px; padding-right:34px} .adv-s-form .select2-container--default .select2-search--inline .select2-search__field{color:#666666; font-size:13px} .adv-s-form .select2-container--default .select2-selection--multiple .select2-selection__rendered{padding:0px 12px; overflow:inherit;} .adv-s-form .select2-container--default .select2-selection--multiple .select2-selection__clear{display:none} .adv-s-form .form-control{height:34px; font-size:13px; border-color:#ffffff} .adv-date, .country-field{margin-bottom:0px} .adv-date input{width:130px !important;} .adv-date label{float:left; margin-top:5px} .adv-date .date{float:left} .alert-modal{width:700px; max-width:100%;} .alert-modal .modal-content{margin:60px auto 0px; max-width:700px; border-radius:5px; border-radius: 25px} .alert-modal h3{font-size:18px; color:#1B2F3F; margin:0px; font-weight:normal} .alert-modal .close{opacity:1;} .alert-modal .modal-header{border-color:#D1DAE7; padding: 25px;} .alert-modal .modal-body{padding: 25px;} .alert-modal .modal-body .form-control{border-radius: 25px;height: 40px;box-shadow: none;padding: 0px 15px;border-color: #e0e5fb; width:100%;} .alert-modal .search-wrap{padding:0px; height:auto; box-shadow:none;display: flex;align-items: stretch;} .alert-modal .search-wrap .form-control{flex-grow: 1;} .alert-modal .search-wrap .btn {height: 44px; line-height: 14px; position: relative;} .alert-modal .search-wrap .option{height:44px;} .alert-modal .search-wrap .option span{font-size:16px} .alert-modal .search-wrap .select2-container{margin-right:10px} .input-search{float: right;margin-bottom: 15px;position: relative;} .input-search .form-control{border-radius: 25px !important;padding: 0px 50px 0px 22px;box-shadow: none;border-color: #D9E5F0; font-size: 13px;} .input-search .btn{position:absolute;right:0;top:0;bottom:0;border-radius:50%;width:44px;height:44px;background:#fff;border-color:#D9E5F0;font-size: 18px;color: #064F8D;} .adv-s-modal .search-wrap{margin-bottom:20px;} .adv-s-modal .search-wrap .option, .adv-s-modal .search-wrap .form-control, .adv-s-modal .search-wrap .btn{height:40px;} .adv-s-modal .month-filter .btn{line-height:29px;} .adv-s-modal .d-f-wrap{justify-content:end;} .adv-s-modal .d-f-wrap .btn{margin-left:10px} .select{position:relative; float:left;} .select select{background: #ffffff; height: 40px;line-height: 29px; padding: 0 25px 0 10px; font-size: 14px; box-shadow: 2px 2px 4px rgba(4, 12, 85, 0.1); color: #21429F;} .select:before{content: '';position: absolute;right: 3px;top: 3px;bottom: 3px;width: 34px;background: #ffffff;pointer-events: none;border-radius: 0 62px 62px 0; z-index:1;} .select:after { content: "\f107"; color: #21429F; font-family: fontawesome; position: absolute; right:17px; top: 8px; z-index: 1; display: block; pointer-events: none; font-size: 20px; z-index:1;} .drop-list {float: left; border-radius:25px; color:#21429F !important; background: #ffffff;height: 40px;line-height: 40px;padding:0 36px 0 15px;font-size: 13px;box-shadow: 2px 2px 4px rgba(4, 12, 85, 0.1);} .drop-list:before{content: '';position: absolute;right: 1px;top: 1px;bottom: 1px;width:34px;background: #ffffff;pointer-events: none;border-radius: 0 25px 25px 0; z-index:1;} .drop-list:after { content: "\f107"; color: #21429F; font-family: fontawesome; position: absolute; right: 12px; top: 0px; z-index: 1; display: block; pointer-events: none; font-size: 20px; z-index:1;} .form-control{border-radius: 25px;height: 40px;box-shadow: none;padding: 0px 15px;border-color: #e0e5fb;} .exim-icons{background:url('../../../../assets/frontend/home1/img/exim-icons.png') no-repeat; display:inline-block;} .exim-icons.left-arrow {width: 39px;height: 37px; background-position: -8px -97px; position: absolute;left: 0px; top: -3px;} .exim-icons.error-icon{width: 27px;height: 25px;background-position: -369px -66px; margin-top:3px} .exim-icons.plus-icon{width: 35px;height: 35px;background-position: -641px -60px; cursor:pointer} .exim-icons.date-icon{width: 40px;height: 40px;background-position: -384px -8px;cursor: pointer; margin-top: 6px;} .exim-icons.grid-icon{width: 20px;height: 20px;background-position: -264px -110px;cursor: pointer;} .exim-icons.map-icon{width: 20px;height: 20px;background-position: -289px -110px;cursor: pointer;} .p-cont-left{position: relative;background: #92A0B3;padding: 4px 4px 4px 15px;height: 40px;line-height: 27px;display: inline-flex; border-radius: 25px;color: #fff;font-size: 14px;margin-left: 10px;align-items: center;} .t-cont-left{padding-right:70px} .p-cont-left b{background: #fff;padding: 5px 7px;border-radius: 15px;height: 100%;font-size: 11px;font-weight: normal;align-items: center;display: flex; margin-left:5px; color:#1B2F3F !important} .exim-icons.dwn-icon{width: 20px;height: 20px;background-position: -162px -110px;cursor: pointer;margin-top: 5px;} .exim-icons.bell-icon{width: 22px;height: 25px;background-position: -425px -106px;} .exim-icons.search-b-icon{width: 22px;height: 25px;background-position: -458px -106px;} .exim-icons.r-s-icon{width: 22px;height: 25px;background-position: -458px -106px;} .exim-icons.contact-icon{width: 22px;height: 25px;background-position: -556px -106px;} .exim-icons.data-icon{width: 22px;height: 25px;background-position: -589px -106px;} .exim-icons.compare-icon{width: 22px;height: 25px;background-position: -621px -106px;} .exim-icons.ship-icon{width: 22px;height: 25px;background-position: -316px -108px} .exim-icons.cart-icon{width: 22px;height: 25px;background-position: -341px -108px;} .exim-icons.house-icon{width: 22px;height: 25px;background-position: -365px -108px;} .exim-icons.export-icon{width: 22px;height: 25px;background-position: -391px -108px;} .exim-icons.cs-e-icon{width: 22px;height: 25px;background-position: -491px -108px;} .exim-icons.cs-i-icon{width: 22px;height: 25px;background-position: -522px -108px;} .exim-icons.n-s-icon{width: 22px;height: 17px;background-position: -648px -111px;margin-top: 9px;} .exim-icons.n-b-icon{width: 22px;height: 17px;background-position: -671px -111px;margin-top: 9px;} .exim-icons.code-icon{width: 22px;height: 22px;background-position: -731px -109px;} .exim-icons.remove-icon{width: 14px;height: 20px;background-position: -762px -111px;} .exim-icons.lock-icon {width: 22px; height: 22px; background-position: -701px -109px; margin-top: 3px;} .exim-icons.h-bell-icon {width: 42px;height: 42px; background-position: -225px -7px;} .exim-icons.n-foot-arrow {width: 20px;height: 20px; background-position: -646px -21px; margin:0px 0px 0px 10px;} .exim-icons.hn-b-icon {width: 25px;height: 20px; background-position: -679px -21px; margin: 12px 0px 0px 0px;} .exim-icons.hn-s-icon {width: 25px;height: 20px; background-position: -718px -21px; margin: 12px 0px 0px 0px;} .exim-icons.f-search-icon{width: 18px; height: 18px; background-position: -750px -23px; margin: 5px 0px 0px 0px;} .exim-icons.right-angle{width: 15px;height: 18px;background-position: -772px -23px;margin: 0px 0px -4px 2px;display: inline-block;} .exim-icons.left-angle{width: 15px;height: 18px;background-position: -772px -23px;margin: 0px 4px -4px 0px;display: inline-block;transform: rotate(180deg);} .exim-icons.p-plus{width: 15px;height: 18px;background-position: -795px -23px;margin:0px 4px -4px 9px;display: inline-block;} .exim-icons.user-icon{width: 20px;height: 24px;background-position: -40px -66px; position: absolute;left: 0px;top: -3px;} .trade-search, .port-home-search{position: relative;background: url('../../../../assets/frontend/home1/img/trade-search-bg.png')no-repeat center center; background-size: auto;height: 548px;background-size: 1143px auto;padding-top: 20px;} .port-home-search{padding-top:60px} .trade-chart, .port-chart{position:relative;} .trade-chart img{margin: 0 auto; margin-top:50px} .port-head{position: relative;display: inline-flex;font-size: 18px; color:#ffffff; margin-bottom:10px;font-weight: bold;padding-left: 45px;} .port-chart img{margin: 0 auto; width:600px;} .port-chart{margin-top:40px} .alert{border-radius:35px;} .found-result{font-size:18px; font-weight: normal; font-family: 'Inter-Regular' !important;} .found-result #num_found{font-weight:600; color:#21429F} .loading {width:150px;text-align:center;line-height:50px; position:absolute;left:0;right:0;top:50%; margin:auto; transform:translateY(-50%);} .loading span {position:relative;z-index:999;color:#fff;} .loading:before {content:'';background:#5b75fb; width:128px; height:36px; display:block; position:absolute; top:0;left:0;right:0;bottom:0; margin:auto; animation:2s loadingBefore infinite ease-in-out;} @keyframes loadingBefore { 0% {transform:translateX(-14px);} 50% {transform:translateX(14px);} 100% {transform:translateX(-14px);} } .loading:after {content:'';background:#b9b9b9; width:14px;height:60px;display:block;position:absolute; top:0;left:0;right:0;bottom:0;margin:auto;opacity:.5; animation:2s loadingAfter infinite ease-in-out;} @keyframes loadingAfter { 0% {transform:translateX(-50px);} 50% {transform:translateX(50px);} 100% {transform:translateX(-50px);} } .downloads-table tr td .btn{padding: 5px 15px !important;border-radius: 25px;font-size: 12px !important;} .downloads-table tr td .download-btn{padding:0px !important; line-height: 50px;} .download-btn{width: 40px;height: 40px;border-radius: 50%;padding: 0px;} .c-a-search{margin:20px auto; max-width:570px;} .c-a-search .month-filter{box-shadow:none; padding:0px;} .c-a-search .month-filter .btn{position:relative; margin:0px !important} .c-a-search #country_drpa{max-width:196px} .c-a-search .date-icon{margin-top:0px;} .c-a-search .form-group .select{margin-right:10px;} .c-a-wrap {float: left; width: 16.66%; padding: 0 12px;} .c-a-wrap .s-r-box {float:left; width: 100%; min-height:110px; background:#f0f3f6; border-radius:16px; padding:10px 15px; text-align:center; border:1px solid #D9E5F0; font-size:12px; line-height:16px; margin-bottom: 24px; color: #405261;} .c-a-wrap .s-r-box .s-inner {width: 100%;} .c-a-wrap .s-r-box .s-inner .c-type{position: relative;float: left;width: 100%;text-align: left;padding:3px 0px;padding-left: 60px; min-height:64px} .c-a-wrap .s-r-box .s-inner .c-type a{text-decoration: none;font-size: 14px;margin-bottom:2px;display: block;line-height:1.4em;} .c-a-wrap .s-r-box .s-inner .c-type img{position:absolute; top:3px; left:-5px;} .c-a-wrap .c-name{font-size:14px; font-weight:bold;text-transform: capitalize; text-align:left; float: left; width: 100%; padding: 5px 8px 5px 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom:10px;} .ssal-label{float:left;position:relative; display:flex; margin-bottom:4px; width:100%;} .ssal-label span{display: flex;height: 15px;padding: 0px 5px;border-radius: 4px;background-color: #fff; font-size: 9px;margin: 0px 1px;line-height: 14px;color: #000;border: 1px solid #8d8d8d;} .ssal-label span.disal{background-color:#21409a; color:#ffffff; border:1px solid #21409a;} .c-below{padding-left:5px; margin-bottom:0px;} .crncy-selection{float:left;} .crncy-selection select{box-shadow: none !important;height: 30px!important;line-height: 30px!important;} .crncy-selection .filter-dropdown .select-year:after{top:1px;} .crncy-selection .onoffswitch4-label{height:30px; border-radius: 25px;} .crncy-selection .onoffswitch4-inner:before, .crncy-selection .onoffswitch4-inner:after{height:30px; line-height:22px;} .crncy-selection .onoffswitch4-switch{border-radius:50%} .crncy-selection ul li{float:left; width:100%; padding: 8px 10px;} .crncy-selection ul li .checkbox{float:left; padding-left:22px; margin:0px; margin-top:4px; font-weight:normal} .crncy-selection ul li .checkbox .cbox{display:block; position:absolute; left:0px; top:6px; margin:0px;} .crncy-selection ul li .switch-btn{float:right;} .crncy-selection .dropdown-menu{min-width:234px;box-shadow: 2px 2px 4px rgba(4, 12, 85, 0.1);border: none;border-radius: 16px; z-index:9;} .crncy-selection .dropdown-toggle{background: #ffffff; height: 40px;line-height: 29px;padding: 0 30px 0 10px;font-size: 13px;color: #21429F;box-shadow: 2px 2px 4px rgba(4, 12, 85, 0.1);border: none; border-radius: 25px;} .crncy-selection .dropdown-toggle:before{content: "\f107";color: #21429F;font-family: fontawesome;position: absolute;right: 10px;top: 6px;z-index: 1;display: block;pointer-events: none;font-size: 20px;} .crncy-selection .btn-toggle{float:right;} .crncy-selection .btn-toggle .btn-primary{background-color:#21429F !important;color: #fff;} .crncy-selection .btn-grey .btn-primary{background-color:#AFAFAF !important; border-color:#AFAFAF !important} .crncy-selection .btn-toggle .btn{border-radius:25px; width:70px; height: 32px; position:relative; font-size:13px; right:auto} .crncy-selection .cur-lock .btn-primary{background-color: #828282 !important;} .crncy-selection .cur-lock .cur-overlap{position:absolute; top:0px; right:0px; bottom:0px; left:0px; background: rgb(255 255 255 / 84%); z-index:2; border-radius:15px;} .crncy-selection .cur-lock .cur-overlap .c-loader{position: absolute;left: 50%; top: 50%; z-index:2;transform: translate(-50%, -50%);} .amountformat{text-transform:capitalize!important;} .from-to-date{position: absolute;left: 0px; color: #fff; background: #21429f;font-size: 9px;top: -15px;height: 15px;line-height: 15px; padding: 0px 5px; border-radius: 4px 4px 0px 0px; left: 50%; width: 150px; margin-left: -75px;} /*indonesia language css*/ .indonesia .crncy-selection .dropdown-menu{min-width:285px;} .indonesia .crncy-selection .btn-toggle .btn{width:100px;} .indonesia .port-search .crncy-selection{width: 242px} /*spanish language css*/ .spanish .search-wrap .radio-select{width:250px;} .spanish .search-wrap .option{width:120px;} .spanish .search-wrap .multi-select{width:460px;} .spanish .wrapper .option span{font-size:14px;} /*vietnam language css*/ .vietnam .search-wrap .radio-select{width:250px;} .vietnam .search-wrap .option{width:120px;} .vietnam .search-wrap .multi-select{width:460px;} .vietnam .wrapper .option span{font-size:14px;} .vietnam .port-search .crncy-selection {width:268px;} @media (max-width: 479px){ .menudropdown .main-menu {min-width: 273px !important;width: 100% !important;} .icon{margin-bottom: 15px;height: 74px;} .fixed-header .sginin ul li{line-height:10px;} } /*.register{position:relative; background: url(../img/rbg.gif) center;background-repeat: no-repeat;background-size: cover;width: 100%;height: auto;margin-top: 0px;font-family:'Verdana' !important;} .registertitle h2{font-size: 26px;color: #fff;font-weight: bolder;margin-top: 50px;}*/ #register{position:absolute; bottom:0px; left:0px; right:0px;} .exim-footer{float:left; width:100%; background: #1B2F3F;padding: 24px 0px !important;} .exim-footer .copy{text-align:center} .copyright{font-size:12px; color:#ffffff; font-weight:normal;} .copyright a, .copyright a:hover {color: #4881d2;text-decoration: none; margin-top: -2px; display: inline-block;} .search{padding: 0px;margin: 0px;width: 100%;} .registersearch .input-group-btn:first-child>.btn, .registersearch .form-control, .registersearch .input-group-btn:last-child>.btn{height: 50px; border-color: #999; outline: none !important;font-size:16px;border-radius:0px;} .registersearch input{background: none !important; border: 2px solid #dcaf26; color: #fff;} .registersearch .input-group-btn{display:table-cell !important;} .registersearch .input-group-btn:last-child>.btn{border-top-right-radius: 0px; border-bottom-right-radius: 0px; width: auto;border:none;color: #000;padding:0px 30px;background: #dcaf26 !important;} .registersearch .search-btn:hover, .registersearch .search-btn:focus, .registersearch .search-btn:active {background: #dcaf26 !important; color: #000;} .rserach{margin-top: 30px;} .customer{margin-top: 40px !important;} .marg-auto{margin: 0 auto;} .aboutus{margin-top: 40px;} .trade{margin-top: 40px;} .buy{margin: 0 auto;} .rotation-box .text h3{color: #dcaf27; font-size: 16px; font-weight: 600; margin-top: 0px; text-transform:uppercase;position: relative;margin-bottom: 20px;} .rotation-box .text h3:before{content: ''; position: absolute; bottom: -9px; height: 2px; background: #dcaf27; width: 40px;} .text ul{margin: 0px;padding: 0px;} .text ul li{margin-top: 5px;list-style: none;line-height:20px;} .text ul li a{color: #d6d6d6; font-size: 13px;} .text ul li a:focus, .text ul li a:active{outline:none;text-decoration:none;} .socialmedia{float:left;margin-top:40px;} .socialmedia h3{color: #dcaf27; position: relative; font-size: 16px; text-transform: uppercase; font-weight: 600;margin-top: 0px;margin-bottom: 30px;} .socialmedia h3:before{content: '';position: absolute; bottom: -9px; height: 2px; background: #dcaf27; width: 40px;} .socialmedia ul{margin: 0px auto;padding: 0px;} .socialmedia ul li{list-style: none; float: left; margin-right: 10px;} .socialmedia ul li a{color: #d6d6d6;font-size: 45px;float:left;line-height:32px;-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .socialmedia ul li a:hover{color: #dcaf26;} .socialmedia ul li a i{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .socialmedia ul li a:hover i{color:#dcaf26!important;} .footerline{height: 10px;background: #acacac;display: inline-block;} .copy p{font-size: 12px; margin-top: 20px; color: #a0a0a0; margin-right: 100px;} /*.footer-cover{position: absolute; top: 0; left: 0; right: 0;bottom: 0; background:rgba(0, 0, 0, 0.32);}*/ .news-menu-fixed{position:fixed;top:0px;right:20px;z-index:9;width:160px;} .news-menu-fixed .wrapper{max-width:100%; padding-right:20px;} .main-title-h{text-align: center;color: #21409a; font-size: 30px;line-height: 30px; font-weight: bold; margin-top: 37px;} .ex-map-profile-heading{margin-top:0px; margin-bottom:0px;} .ex-map-profile-heading .main-title-h{margin-top:22px;font-size: 20px;line-height:22px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .sginin{width:100%;} .menu-icon{background:url('../../../../assets/frontend/home1/img/sprite-img.png') no-repeat left 0 top 0; width:40px; height: 40px; display: inline-block; } .exim-menu-icon{background-position: 6px -4px;} .recover-menu-icon{background-position: -83px -7px;} .procure-menu-icon{background-position: -35px -6px;} .vista-menu-icon{background-position: -126px -4px;} .insta-menu-icon{background-position: -176px -4px;} .rfq-menu-icon{background-position: -9px -115px;} .menu-dropdown-img{display: inline-block; background: url('../../../../assets/frontend/home1/img/sprite-img.png') no-repeat left 0 top 0; width: 50px; height: 50px; background-position: -219px 0px; cursor: pointer; margin-top:10px;} .learn-more-icon-black{background: url('../../../../assets/frontend/home1/img/sprite-img.png') no-repeat left 0 top 0; width:62px; height: 34px; background-position: -279px -9px; margin-left:-6px; display: inline-block;} .yellow-mouse{background-position: -9px -64px;} .btn-warning {color: #fff;background-color: #415caa ;border-color: #415caa ;} .btn-warning:hover, .btn-warning:focus, .btn-warning:active,.btn-warning:active:hover{background-color: #415caa !important;color:#fff;border-color:#415caa !important ;outline:none;} .btn-warning.disabled{background-color: #415caa; border-color: #8294c6;} .faq-wrapper{margin-bottom:40px; margin-top:30px;} .faq-wrapper h3{margin-top:30px;} .faq-wrapper a{color:#dcaf27;} .faq-steps-box{padding: 20px; color: #fff; text-align: center; min-height:110px; position:relative;} .faq-steps-box .circle{background: #fff; width: 60px; height: 60px; border: 1px solid #ddd; position: absolute; top: -43px; border-radius: 50%; color: #333; font-size: 30px; font-weight: bold; padding-top: 15px; right: 15px; text-align:center;} .faq-steps-box.step-1{background: #66b5d6;} .faq-steps-box.step-2{background: #e87352;} .faq-steps-box.step-3{background: #eeca5a;} .terms-conditions h3{margin-top:30px; font-size:22px; font-weight:bold; color:#333;} .terms-conditions h4{font-weight:bold; margin-top:25px; color:#444;} .terms-conditions p{margin-bottom:15px; color:#444;} .exim-maps-process .process-img{margin:0 auto;} .p-section-1, .p-section-2{background:#f4e3b9;} .tdb-logo{margin:0 auto; width:150px;} .p-section-2{margin-bottom:40px;} .p-section-2 .part-logo{padding:30px 15px 0px 30px;} .p-section-2 p, .p-section-2 li{line-height:28px;} .p-section-2 .logo-below-p{margin:20px 15px 30px 30px;} .map-below{background:#231f20; padding-bottom:50px;} .map-below h1{font-size:72px; color:#dcaf26; font-weight:bold; line-height:66px;} .map-below h2{color:#efd69a} .who-can-section{background:#fff !important;} .who-can-section h3{color:#c2981b;} .who-can-section .left-side{padding-right:0px;} .who-can-section .right-side{padding-top:25px; padding-left:30px;} .we-want-section{background:#fff !important;} .we-want-section .left-side{padding-top:25px; padding-left:15px;} .we-want-section .left-side h1{font-size:84px; font-weight:bold; line-height:64px; margin-bottom:20px; color:#4c4d4f;} .we-want-section .left-side h1 span{color:#9d9fa2;} .we-want-section .right-side{padding-left:0px;} .we-want-below{background:#231f20; color:#fff;} .we-want-below .right-side ul{position:relative; padding-left:0px; list-style:none; margin:40px 15px;} .we-want-below .right-side ul li{position:relative; display:block; padding-left:70px; margin-bottom:30px; font-size:18px;} .we-want-below .right-side ul li strong{color:#dcaf27;} .we-want-below .right-side ul li span{position:absolute; left:0px; top:0px; text-align:center; padding-top: 10px; font-size:24px; font-weight: bold; width:50px; height:50px; background:#fff; color:#dcaf27; border-radius:50%;} .we-want-below .left-side{padding-left: 30px; padding-top: 25px; text-align:right;} .we-want-below .left-side h3{font-size:38px;} .we-want-below .left-side h2{font-size: 84px; font-weight: bold; line-height: 64px; margin-bottom: 20px; color: #e4c05e;} .we-want-below .left-side h2 span{color:#f1daa4;} .referral-popup .modal-dialog{margin-top:10%;} .referral-popup .modal-dialog .modal-header h4{font-size:28px; color:#af8505;} .referral-popup .modal-dialog .modal-content{background: #ececec;padding: 15px; padding-top:0px; border: 2px solid #fff;} .referral-popup .form-control{padding:0 15px; background-color: #f9f9f9; border: 1px solid #cecece; border-radius: 5px; box-shadow: none; height: 50px;} .referral-popup .has-error .form-control{border-color:#a94442;} .referral-popup .has-success .form-control {border-color: #3c763d;} .referral-popup .form-control:focus{border: solid #f3c63e 1px !important; -webkit-box-shadow: 0px 0px 10px #f1d274; -moz--webkit-box-shadow: 0px 0px 10px #f1d274; box-shadow: 0px 0px 10px #f1d274;} .referral-popup .form-control-feedback{height:50px; line-height:47px;} .referral-popup .btn-warning{border-radius: 4px; color: #fff; background-color: #dcaf26; border-color: #d2a314; height: 50px; padding: 0px 15px !important;} .referral-popup .btn-warning:hover, .referral-popup .btn-warning:focus, .referral-popup .btn-warning:active, .referral-popup .btn-warning:active:focus, .referral-popup .btn-warning:active:hover{background-color: #dcaf26; border-color: #d2a314; box-shadow:none; outline:none;} .referral-popup .term-conditions a{font-size:13px; color:#af8505; float:left;} .referral-popup .term-conditions input{float:left; margin:3px 10px 0px 0px;} .referral-popup .help-block{display:none !important;} .referral-popup .has-feedback label ~ .form-control-feedback{top:0px !important;} .referral-popup .alert{margin-bottom: 0px;} /* Bounce To Bottom */ .hvr-bounce-to-bottom{margin-top:20px; border: 2px solid #dcaf26;color: #fff;padding:10px 30px; border-radius: 0px;display: inline-block;vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;} .hvr-bounce-to-bottom:before{content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0; bottom: 0; background: #dcaf26;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active{color: white;} .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { -webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);} .tdb-well{background-color: #21409a; border-color: #21409a; color:#fff; box-shadow:none; padding:10px 15px} .tdb-new-tag{font-size: 10px; color: #fff; background: #e54141; padding: 0px 8px; height: 18px; line-height: 18px; display: inline-block; border-radius: 3px; margin-top: -11px; font-weight: normal; margin-left: 5px;} .all-prime{background: #e6ecfb;padding: 15px; margin-bottom: 15px;border-radius: 10px;} .all-prime .text-danger {color: #f50000;} .all-prime p{font-size:15px !important;} .all-prime p:last-child{margin-bottom:0px; font-size:12px !important;} .ex-new{position: absolute;font-size:9px; font-weight:normal;z-index: 1;top: -10px;left: 50%; margin-left:-16px;background: #f4511e;line-height: 14px;padding: 0px 5px;border-radius: 4px;color: #fff; height: 15px;} .memb-list-table .glyphicon-eye-open{float: left;margin-right: 12px;font-size: 20px;color: #4964b0;margin-top: 3px;} @media screen and (min-width:992px) and (max-width:1366px){ .socialmedia ul li a {font-size: 32px;} .main-title-h{font-size:20px !important; line-height:24px; margin-top:40px} .search_wrap{top:105px;} .b2b-main-wrapper{padding-top:180px;} .socialmedia ul li a.blog-icon {width: 29px; height: 29px; background-size: 29px 29px !important; margin-top: 2px;} .google-maps{min-height:600px;} } @media screen and (max-width:1199px){ .wrapper{max-width: 960px;} .search-wrap .multi-select{max-width:290px;} .trade-s-wrap .multi-select{max-width:370px;} .s-r-box-main{width:20% !important;} .square-box {width: 250px !important; height: 250px !important; left: 20px !important;} .d-filter{display:block} .search-wrap .radio-select{margin-bottom:15px !important;} .cp-search-wrap .search-wrap .radio-select{margin-bottom:0px !important;} .adv-select-wrap .form-group{margin:0px 15px 0px 0px !important;} .c-a-wrap{width: 25% !important;} } @media screen and (max-width:991px){ .wrapper{max-width: 720px;} .home-nav li{margin:0px 4px;} .search-wrap .multi-select{max-width: 451px;} .buy, .sell {margin-top: 100px !important;} .socialmedia ul{display:inline-block;} .socialmedia ul li a {font-size: 25px !important;} .main-title-h{font-size: 20px; line-height:24px;} .search_wrap{top:105px;} .b2b-main-wrapper{padding-top:180px;} .socialmedia ul li a.blog-icon{background-size: 22px 22px !important; width: 22px !important;height: 22px !important; margin-top: 7px !important;} .divTable .divTableHeading{display:none;} .divTable .divTableBody .divTableCell{display:block; text-align:right; border:0px; border-bottom:1px solid #ddd;} .divTable .divTableBody .divTableCell:before{content: attr(data-label);float: left;font-weight: 700; /*width:120px;*/ text-align:left} .synopsis-div-table .divTableRow:last-child .divTableCell{display:block !important;} .s-circle{width:100% !important;} span.line {width: 6px;left: 26px;top: 0;height: 40px;position: relative;} .content3{margin-left:0px;} .content3 p{position: absolute;margin-left: 0;top:20px;left: 75px;} .process .details, .verified .details, .failed .details{left:57px; top:47px;} .process .details::before, .verified .details::before, .failed .details::before{left:20px;} .process .details::after, .verified .details::after, .failed .details::after{left:18px;} .upgrade-plans-modal .modal-dialog{width:auto; margin:10px; padding:0px !important} .a-t-analysis-wrap{padding:0px; border:0px;} .pie-chart-sec h3{float:none; font-size:18px;} .pie-chart-sec .form-control{float:none; margin:0px auto 10px;} .p_chart_box.left{margin-bottom:40px;} .p_chart_box.left:before {top:auto; right:40%; bottom:-26px; transform: rotate(90deg);} .p_chart_box.right:after{bottom:auto; left:40%; top:-26px; transform:rotate(90deg)} .a-t-analysis-table{margin-top:20px;} .a-t-analysis-table h4{margin-bottom:10px;} .p_chart_box #month_hscode_pie, .p_chart_box #month_country_pie{height:auto;} .google-maps{min-height:450px;} .adv-select-wrap{display:block} .adv-select-wrap .form-group{float:left; width:auto; margin-bottom:15px !important} .d-filter{padding:0px !important} .s-r-box-main {width: 25% !important;} .c-a-wrap{width: 33.33% !important;} } @media(max-width:767px){ .box-wrap .box-body{padding:15px;} .db-title.normal {display:none;} .db-title.mobile {display:inline-block;} .request-demo {top: 184px; right: -50px; font-size: 11px; padding: 3px 10px; width: auto; transform: rotate(-90deg); border-radius: 0px 0px 5px 5px;} .r-demo-wrap{padding:0px; padding-top:50px;} .r-demo-wrap .closebtn{right:15px;} .r-demo-wrap .demo-form{margin-top:0px;} .r-demo-wrap .demo-heading img {position: relative; top: 5px; width: 120px;} .plans-price-form .modal-dialog .modal-content{padding:0px;} .status-popup-modal{width:auto;} .status-popup-modal .modal-body{padding:15px;} .shipment{margin-top:30px;} .upgrade-plans-modal .modal-dialog{width:auto; padding:0px !important} .upgrade-plans-modal h1{font-size:24px;} .upgrade-plans-modal .benfits-header{font-size:20px;} .registersearch .input-group-btn:last-child > .btn{padding:0px 15px;} .still-confused{margin-top:10px;} .demo-video{margin-bottom:0px;} .cp-search-wrap{padding-top:93px; min-height:auto;} .main{min-height:auto;} .cp-search .form-group label:first-child {display: block; width: 100%; margin: 0px;} .cp-search .form-control, .cp-search .select2-container--default .select2-selection--single{margin-bottom:10px; height:40px; font-size:13px;} .cp-search .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:37px;} .cp-search .select2-container--default .select2-selection--single .select2-selection__placeholder{font-size:13px;} .cp-search .btn{height:40px;} .idle-bee{display:none;} .breadcrumb > li, .breadcrumb > li a{font-size:11px} .tdb-popup-modal .modal-title{font-size:16px} .about-us-c h3{font-size:18px} .main-article-content h2{font-size:20px} .copy{text-align:center} #regiter{position:relative;} .exim-footer ul, .copyright{float: none; font-size:11px; margin: 0 auto;display: inline-block;} .exim-footer ul li{padding:0px 6px;} .exim-footer ul li a{font-size:10px;} .upgrade-icon{right:72px;} .expiry-popup h3{font-size:18px;} .expiry-popup p{font-size:14px;} .search-wrap{display:block; border-radius:15px; padding: 15px;} .search-wrap .radio-select{margin-bottom:15px !important;} .filter-wrap{margin-top:20px;} .table-responsive{margin:0px; padding:0px;} .alert-modal{padding:10px; margin:0px;} .alert-modal .modal-content{margin:0px auto;} .alert-modal .search-wrap{flex-flow: column;} .alert-modal .search-wrap .radio-select{margin-bottom:15px;} .alert-modal .modal-header{padding:15px;} .add-wrap .add-form{display:block} .add-wrap .form-group{float:left; width:50%; padding-right:0px; margin-bottom:10px;} .add-wrap .form-group:first-child{padding-right:10px;} .add-wrap .form-group:last-child{width:100%;} .port-home-search{padding-top:0px;} .port-search{float:left;} .port-search .form-group{margin-bottom: 20px !important; float:left; width:100%; max-width: 100%;} .port-search .control{position:relative; top:auto; margin-bottom:15px;} .port-search .btn{position:relative; right:auto; float:right} .s-r-box-main {width: 50% !important;} .c-a-wrap{width: 50% !important;} #countryAnalysis{max-height:400px; overflow-x:hidden; overflow-y:auto} .c-a-search{max-width:100%; padding:7px;} .c-a-search .form-group{float:left} .c-a-search .select{margin-bottom:5px;} .db-rite-header{font-size:24px;} .p-cont-left{height:34px;} .cp-search-wrap .search-wrap .radio-select{margin-bottom:15px !important;} .cp-search-wrap .search-wrap .multi-select{max-width:100%;} .cp-search-wrap .search-wrap .form-control{margin-bottom:15px; max-width:100%;} .tdb-table .table tr td .btn{margin-bottom:5px;} } @media screen and (max-width:768px){ .home-nav{display:none} .socialmedia{margin-top: 30px; width: 100%;} .socialmedia ul li {float: left; display: inline;} .copy p{margin-right:0px;} .fixed-header .fix-header-logo{max-width:110px;} .fixed-header .b2b-mar-login ul li{margin-top:0px!important; float:left; width:100%;} .main-menu .dropdown-menu{padding-top: 84px !important;} .mt26{margin: 0px !important;} .partners-wrapper{padding:0px;} .map-below h1{font-size:30px; line-height:30px;} .map-below h2{font-size:20px;} .p-section-2 .part-logo{padding-left:15px;} .p-section-2 .logo-below-p{margin-left:15px;} .we-want-section .left-side, .we-want-below .left-side{padding-top:10px; padding-left:15px; text-align:left;} .we-want-section .left-side h1, .we-want-below .left-side h2{font-size:50px; line-height:40px;} .we-want-below .left-side h3{font-size:30px;} .we-want-below .right-side ul{margin:30px 0px;} .who-can-section .left-side{padding-right:15px;} .we-want-section .right-side{padding-left:15px;} .go-top {bottom: 65px !important; right: 30px !important; width: 30px !important; height: 30px !important; line-height: 25px !important;} .go-top i{font-size: 12px !important; line-height:30px !important;} .go-top:hover i{font-size:12px !important; margin-top:-2px !important;} .faq-wrapper h3{font-size:20px;} .faq-wrapper p{font-size:14px;} .faq-wrapper ul li{font-size:14px;} .faq-steps-box{text-align:left;} .google-maps{min-height:280px;} .google-piechart{min-height:350px;} } @media screen and (max-width:479px){ .aboutus, .trade, .buy, .sell {margin-top: 30px !important;} .sginin ul li a {font-size: 11px;} .b2b-mar-login ul li a{font-size:12px;} .main-title-h {font-size: 14px!important;line-height: 16px;} .menudropdown .main-menu{padding: 10px 0px !important;} #visit .nav-tabs li > a, #exim-map .nav-tabs li > a {padding: 10px 18px;font-size: 14px;} .tab-content h1{font-size: 23px !important;line-height: 32px !important;} .tab-content h2{font-size: 16px !important; line-height: 28px;} .rotation-box .text h3{font-size:14px;} .p_chart_box #month_hscode_pie, .p_chart_box #month_country_pie{height:300px;} .google-piechart{min-height:300px;} .adv-s-form .form-group, .adv-s-form .select, .adv-s-form .select2.select2-container.select2-container--default{width:100% !important;} .s-r-box-main {width: 50% !important;} .c-a-wrap{width: 100% !important;} .c-a-wrap .s-r-box{margin-bottom:15px} } .footer{padding:0px;border:none;} .fa-volume-control-phone:before{content:"\f2a0"} .potential-test-wrap{z-index:99!important;} #siteseal{left:0px!important;} .clearfix:after{height:0px !important;} .clearfix{clear:both;} #siteseal{right:auto !important;} #topcontrol{display:none;} .go-top{position: fixed; bottom: 40px; right: 15px; background: #21409a; width: 50px; height: 50px; line-height: 45px; text-align: center; border-radius: 50%; cursor: pointer; z-index:9; transition:all 0.5s;} .go-top:hover{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);} .go-top i{line-height:45px; transition:all 0.3s; color:#ffffff; font-size:16px;} .go-top:hover i{margin-top:-5px; color:#fff; font-size:20px;} .home-search{position: relative; width: 100%; padding-right: 50px;} .home-search .form-input {float: left;width: 50%; position: relative;margin: 0px !important;} .home-search .form-control{border-color: #ccc; height: 50px; border-radius: 0px; box-shadow: none; font-size:14px; } .home-search .search-btn{position: absolute;right: 0px;top: 0px;width: 50px;height: 50px;border-radius: 0px; line-height: 16px;padding: 0px;border-left: 0px; border-left-color: currentcolor;background: #dcaf26; border-color: #dcaf26;} .home-search .search-btn i{font-size: 20px;transition: all 0.5s;color: #fff !important;padding-left: 4px;} .select-arrow{position: relative;float: left;width: 100%;} .select-arrow::before{content: '';position: absolute;top: 1px;right: 1px;bottom: 1px;width: 30px; background-color: #fff;z-index: 9;pointer-events: none;} .select-arrow::after{content: '\f107';font-family: 'fontAwesome'; position: absolute; line-height: 48px;top: 0px;right: 8px;font-size: 24px;color: #666666;z-index: 9;pointer-events: none;} .about-us-list{position:relative;} .about-us-list li{margin-bottom:10px;} .load-text{font-style:normal !important; font-size:13px !important; color:#0f487f !important; margin-bottom:0px} .cssload-container{position: relative;z-index: 4;margin: 0 auto;width: 166px;height: 78px;list-style: none; border: 2px solid rgba(255,255,255,0.4);border-radius: 39px;} .cssload-loader{position: absolute;z-index: 3;margin: 0 auto; left: 0;right: 0;top: 0;height: 58px;list-style: none;} ul.cssload-loader li{background-color: #748dd3;width: 10px;height: 10px;float: left;margin-right: 5px !important;box-shadow: 0px 19px 10px rgba(0,0,0,0.2); -o-box-shadow: 0px 19px 10px rgba(0,0,0,0.2); -ms-box-shadow: 0px 19px 10px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 19px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0px 19px 10px rgba(0,0,0,0.2);} .cssload-loader li:first-child{animation: cssload-loadbars 1.15s cubic-bezier(0.645,0.045,0.355,1) infinite 0s; -o-animation: cssload-loadbars 1.15s cubic-bezier(0.645,0.045,0.355,1) infinite 0s; -ms-animation: cssload-loadbars 1.15s cubic-bezier(0.645,0.045,0.355,1) infinite 0s;-webkit-animation: cssload-loadbars 1.15s cubic-bezier(0.645,0.045,0.355,1) infinite 0s;-moz-animation: cssload-loadbars 1.15s cubic-bezier(0.645,0.045,0.355,1) infinite 0s;} .cssload-loader li:nth-child(2){animation: cssload-loadbars 1.15s ease-in-out infinite -0.23s;-o-animation: cssload-loadbars 1.15s ease-in-out infinite -0.23s; -ms-animation: cssload-loadbars 1.15s ease-in-out infinite -0.23s;-webkit-animation: cssload-loadbars 1.15s ease-in-out infinite -0.23s;-moz-animation: cssload-loadbars 1.15s ease-in-out infinite -0.23s;} .cssload-loader li:nth-child(3){animation: cssload-loadbars 1.15s ease-in-out infinite -0.46s;-o-animation: cssload-loadbars 1.15s ease-in-out infinite -0.46s; -ms-animation: cssload-loadbars 1.15s ease-in-out infinite -0.46s;-webkit-animation: cssload-loadbars 1.15s ease-in-out infinite -0.46s;-moz-animation: cssload-loadbars 1.15s ease-in-out infinite -0.46s;} .cssload-loader li:nth-child(4){animation: cssload-loadbars 1.15s ease-in-out infinite -0.69s;-o-animation: cssload-loadbars 1.15s ease-in-out infinite -0.69s; -ms-animation: cssload-loadbars 1.15s ease-in-out infinite -0.69s;-webkit-animation: cssload-loadbars 1.15s ease-in-out infinite -0.69s;-moz-animation: cssload-loadbars 1.15s ease-in-out infinite -0.69s;} .cssload-loader li:nth-child(5){animation: cssload-loadbars 1.15s ease-in-out infinite -0.92s; -o-animation: cssload-loadbars 1.15s ease-in-out infinite -0.92s;-ms-animation: cssload-loadbars 1.15s ease-in-out infinite -0.92s;-webkit-animation: cssload-loadbars 1.15s ease-in-out infinite -0.92s; -moz-animation: cssload-loadbars 1.15s ease-in-out infinite -0.92s;} .cssload-loader li:nth-child(6){animation: cssload-loadbars 1.15s ease-in-out infinite -1.15s;-o-animation: cssload-loadbars 1.15s ease-in-out infinite -1.15s;-ms-animation: cssload-loadbars 1.15s ease-in-out infinite -1.15s;-webkit-animation: cssload-loadbars 1.15s ease-in-out infinite -1.15s;-moz-animation: cssload-loadbars 1.15s ease-in-out infinite -1.15s;} @keyframes cssload-loadbars { 0%{ height: 10px; margin-top: 24px; } 50%{ height:49px; margin-top: 0px; } 100%{ height: 10px; margin-top: 24px; } } @-o-keyframes cssload-loadbars { 0%{ height: 10px; margin-top: 24px; } 50%{ height:49px; margin-top: 0px; } 100%{ height: 10px; margin-top: 24px; } } @-ms-keyframes cssload-loadbars { 0%{ height: 10px; margin-top: 24px; } 50%{ height:49px; margin-top: 0px; } 100%{ height: 10px; margin-top: 24px; } } @-webkit-keyframes cssload-loadbars { 0%{ height: 10px; margin-top: 24px; } 50%{ height:49px; margin-top: 0px; } 100%{ height: 10px; margin-top: 24px; } } @-moz-keyframes cssload-loadbars { 0%{ height: 10px; margin-top: 24px; } 50%{ height:49px; margin-top: 0px; } 100%{ height: 10px; margin-top: 24px; } } @media screen and (max-width:1366px){ .yellow-divtable .divTableHeading .divTableHead{font-size:11px !important;} .new-date-pic #from_label, .new-date-pic #to_label{font-size:12px;} .new-date-pic .tdb-btn{font-size:12px;} .new-date-pic .month-filter .btn, .month-filter .btn{font-size:12px;} .iam-lloking, .filter-label, .filter-dropdown a.list{font-size:12px !important;} .tdb-form-search .form-control{height:36px; font-size:12px;} .tdb-form-search .select2-container--default .select2-selection--single{height:36px;} .tdb-form-search .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:34px;} .tdb-form-search .select2-container--default .select2-selection--single .select2-selection__placeholder{font-size: 13px;} .tdb-form-search .btn{height:36px; padding:2px 15px; font-size:13px;} .tdb-form-search .select-input::before{width:40px;} .tdb-form-search .select-input::after{line-height:36px; right:12px; font-size:20px;} .tdb-form-search{padding-top:10px; margin:10px 0px;} .sginin ul li a{font-size:12px;} .search-by-banner{padding:4% 15px;} } @media screen and (min-width:1366px) and (max-width:1500px){ /*.wrapper{max-width:1366px;}*/ .our-data-wrap{background-size:100%; height:3648px;} .our-data-wrap .o-d-content{padding-top:590px;} .o-d-content h1{font-weight: bold; font-size: 50px; line-height: 46px;} .o-d-content h1 span{font-size: 75px; margin-top:9px;} .o-d-content h2{font-size:20px;line-height:28px;} .right-side-box{top:1008px;} .right-side-box .o-d-box{margin-left: calc(50% - 115px);} .right-side-box .o-d-box-2{margin-top:203px;} .right-side-box .o-d-box-3{margin-top: 149px;} .right-side-box .o-d-box-4{margin-top: 132px;} .right-side-box .o-d-box-5{margin-top: 141px;} .o-d-m-text{margin-top:40px;} .o-d-count {margin-top: 630px;} .o-d-count .o-d-m-box{width:280px; font-size:22px;} .o-d-count .o-d-m-box small{font-size:14px; line-height:16px;} } @media screen and (min-width:1280px) and (max-width:1365px){ /*.wrapper{max-width:1280px;}*/ .our-data-wrap{background-size:100%; height:3412px;} .our-data-wrap .o-d-content{padding-top:490px; padding-right:370px;} .o-d-content h1{font-weight:bold; font-size:42px; line-height:36px; letter-spacing:2px;} .o-d-content h1 span{font-size: 62px; margin-top:9px;} .o-d-content h2{font-size:20px;line-height:28px;} .o-d-content h3{margin-top:35px;} .o-d-m-text{margin-top:70px;} .right-side-box{top:1008px;} .right-side-box .o-d-box{margin-left:calc(50% - 98px); font-size:18px; line-height:22px;} .right-side-box .o-d-box-1{margin-top:-35px;} .right-side-box .o-d-box-2{margin-top:194px;} .right-side-box .o-d-box-3{margin-top:146px;} .right-side-box .o-d-box-4{margin-top:144px;} .right-side-box .o-d-box-5{margin-top:152px;} .o-d-count {margin-top: 615px;} .o-d-count .o-d-m-box{width:270px; font-size:22px; line-height:22px;} .o-d-count .o-d-m-box small{font-size:14px; line-height:16px;} } @media screen and (min-width:1024px) and (max-width:1279px){ /*.wrapper{max-width:1140px;}*/ .our-data-wrap{background-size:100%; height:2714px;} .our-data-wrap .o-d-content{padding-top:426px; padding-right:310px;} .o-d-content h1{font-size:32px; line-height:28px; letter-spacing:2px;} .o-d-content h1 span{font-size: 48px; margin-top:7px;} .o-d-content h2{font-size:16px;line-height:24px;} .o-d-content h3{margin-top:25px; font-size:20px;} .o-d-content p{font-size: 14px; line-height: 20px;} .o-d-m-text{margin-top:222px; font-size:20px; line-height:24px; padding:10px;} .right-side-box{top:834px;} .right-side-box .o-d-box{margin-left:calc(50% - 62px); font-size:16px; line-height:20px;} .right-side-box .o-d-box-1{margin-top:-68px;} .right-side-box .o-d-box-2{margin-top:150px;} .right-side-box .o-d-box-3{margin-top:118px;} .right-side-box .o-d-box-4{margin-top:114px;} .right-side-box .o-d-box-5{margin-top:112px;} .o-d-count {margin-top:180px;} .o-d-count .o-d-m-box{width:218px; font-size:18px; line-height:16px;} .o-d-count .o-d-m-box small{font-size:12px; line-height:16px;} } @media screen and (max-width:1023px){ .our-data-wrap{background:none; height:auto;} .our-data-wrap .o-d-content{padding:0px;} .right-side-box{display:none;} .o-d-content h1{font-size: 32px;line-height: 28px; letter-spacing: 2px;} .o-d-content h1 span{font-size:44px; margin-top:5px;} .o-d-content h2{font-size:16px;line-height:26px;} .o-d-content h3{margin-top:25px; font-size:20px;} .o-d-content h4{font-size:18px;} .o-d-m-text{margin-top:0px; font-size:20px; line-height:24px; padding:10px;} .o-d-count {margin-top: 20px;} .o-d-count .o-d-m-box{width:218px; font-size:18px; line-height:16px; margin-bottom:10px;} .o-d-count .o-d-m-box small{font-size:12px; line-height:16px;} } .tdb_process {background: #FFC628 !important;color: #fff !important; border-color: #FFC628 !important; padding:6px 30px 6px 15px !important; border-radius:25px}