| Current File : //home/tradevaly/www/public/assets/frontend/css/style.css |
::-webkit-scrollbar {
width: 10px !important;
}
::-webkit-scrollbar-thumb {
background: #04A2E5 !important;
}
*{margin: 0; padding: 0; font-family: calibri;}
.container{width: 90%; margin: 0px auto;}
.floatleft{float:left;}
/******************** Top Bar Ads Area **************************/
#headerMarquee {
background:linear-gradient(to right,#355c7d,#32a3e6,#355c7d);
}
#headerMarquee .ticker-wrap{
background:transparent !important;
height:auto;
}
#headerMarquee .ticker-wrap .ticker{
line-height:40px;
height:40px;
}
#headerMarquee .ticker-wrap .ticker .ticker__item {
padding:0px 20px;
font-size:15px;
}
.top-bar-head {
background: #FFC300;
padding: 16px 0;
}
.top-bar-head h6 {
font-size: 18px;
font-weight: 500;
color: #fff;
line-height: 25px;
margin-bottom: 0;
}
.top-bar-head>.container a {
display: inline-block;
background: #fff;
color: #000;
border-radius: 50px;
padding: 4px 20px;
line-height: 1.6;
}
/******************** Top Menu Left **************************/
.top-quick-nav {
background: #f2f2f2;
padding: 5px 0;
border-bottom: #d2d2d2 1px solid;
}
.top-quick-nav .navbar {
padding: 0;
display: block;
}
.top-quick-nav .navbar-nav li {
font-size: 12px;
color: #5d6177;
margin-right: 14px;
}
.top-quick-nav .navbar-nav li a {
color: #5d6177;
}
.top-quick-nav ul.navbar-nav.left li>a>span, .top-quick-nav ul.navbar-nav.left li>span {
background: #04A2E5;
padding: 2px 10px 4px 26px;
color: #fff;
position: relative;
line-height: normal;
font-size: 11px;
margin-top: 8px;
display: block;
}
.top-quick-nav .ul.navbar-nav.left li>span>i, .top-quick-nav ul.navbar-nav.left li>a>span>i {
background: #FFC300;
color: #04A2E5;
padding: 5px 4px 4px;
font-size: 8px;
position: absolute;
top: 0;
left: 0;
}
/******************** Top Menu Right **************************/
.top-quick-nav .navbar-nav.right {
position: absolute;
right: 0;
top: 0;
}
@media screen and (max-width: 600px) {
.top-quick-nav .navbar-nav.right {
position: relative;
}
}
/********************* Main Header ****************************/
header {
padding: 30px 0;
}
header .head-search {
position: relative;
border: #d2d2d2 1px solid;
overflow: hidden;
padding-left: 8px;
}
header .head-search select {
background: 0 0;
border: 0 none;
position: relative;
height: 49px;
width: 21.5%;
color: #6f6e6e;
}
header .head-search input[type=search] {
padding: 15px 18px;
border: 0 none;
width: 68%;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
header .head-search button {
background: #04A2E5;
color: #fff;
border: 0 none;
cursor: pointer;
position: absolute;
right: 0;
font-size: 20px;
padding: 13px 17px 16px 15px;
}
header .header-list ul {
margin: 8px 0 0;
float: right;
}
header .header-list ul li {
display: inline-block;
margin-left: 17px;
position: relative;
color: #5d6177;
padding-left: 45px;
line-height: 15px;
list-style:none;
}
header .header-list ul li i {
font-size: 20px;
position: absolute;
left: 0;
top: -1px;
text-align: center;
width: 35px;
height: 35px;
border: #ccc 1px solid;
padding: 7px;
border-radius: 100%;
}
header .header-list ul li span {
font-size: 16px;
display: block;
}
header .header-list ul li {
display: inline-block;
margin-left: 17px;
position: relative;
color: #5d6177;
padding-left: 45px;
line-height: 15px;
}
/***********************Verticle Menu***************************/
.menu-banner-form .prd-cat-nav {
float: left;
}
.p-0 {
padding: 0!important;
}
.menu-banner-form .prd-cat-nav h4 {
color: #fff;
padding: 14px;
background: #04A2E5;
font-weight: 400;
font-size: 15px;
margin-bottom: 0;
position: relative;
}
.menu-banner-form .prd-cat-nav h4 i {
position: absolute;
right: 13px;
font-size: 20px;
}
.menu-banner-form .prd-cat-nav>ul {
margin: 4px 0 0;
}
ol, ul {
list-style: none;
}
.menu-banner-form .prd-cat-nav>ul>li {
color: #656565;
font-size: 13px;
}
.menu-banner-form .prd-cat-nav>ul>li>a {
color: #656565;
display: block;
padding: 6px 16px;
position: relative;
}
a {
text-decoration: none!important;
}
.menu-banner-form .prd-cat-nav>ul>li.submenu>a i {
position: absolute;
right: 7px;
top: 10px;
}
.menu-banner-form .prd-cat-nav>ul>li>.submenu-row {
background: #f2f2f2;
position: absolute;
left: 229px;
top: 0;
height: 408px;
width: 450px;
overflow: hidden;
padding: 15px;
text-decoration: none!important;
-webkit-transition: all .01s ease-in;
-moz-transition: all .01s ease-in;
-o-transition: all .01s ease-in;
-ms-transition: all .01s ease-in;
outline: 0!important;
transition: all .01s ease-in;
opacity: 0;
display: none;
}
.menu-banner-form .prd-cat-nav>ul>li.submenu:hover>.submenu-row{opacity:1;display:block;z-index:999}
.menu-banner-form .prd-cat-nav>ul>li>.submenu-row>[class^=col-] {
float: left;
}
@media (min-width: 768px)
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.menu-banner-form .prd-cat-nav>ul>li>.submenu-row>[class^=col-] h6 {
font-weight: 600;
color: #4e4e4e;
font-size: 15px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-bottom: 0.5rem;
font-family: inherit;
vertical-align: top;
}
.text-danger {
color: #04A2E5!important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.menu-banner-form .prd-cat-nav>ul>li>.submenu-row ul li {
font-size: 12px;
padding: 5px 0;
line-height: normal;
}
.menu-banner-form .prd-cat-nav>ul>li.menu-cat-more-btn {
background: #04A2E5!important;
text-align: center;
font-size: 11px;
}
.menu-banner-form .prd-cat-nav>ul>li.menu-cat-more-btn:hover {
background: #04A2E5!important;
text-align: center;
font-size: 11px;
}
.menu-banner-form .prd-cat-nav>ul>li.menu-cat-more-btn a {
color: #fff;
text-transform: uppercase;
}
.menu-banner-form .prd-cat-nav>ul>li:hover a ul{
display:block;
}
.menu-banner-form .prd-cat-nav>ul {
margin: 2px 0 0;
border-left: #e1e1e1 1px solid;
}
.menu-banner-form .header-banner {
float: left;
}
* {box-sizing:border-box}
/* Slideshow container */
.slideshow-container {
max-width: 100%;
position: relative;
margin: 0;
}
/* Hide the images by default */
.mySlides {
display: none;
}
/* Next & previous buttons */
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -22px;
padding: 16px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}
/* Position the "next button" to the right */
.next {
right: 0;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8);
}
/* Caption text */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}
/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* The dots/bullets/indicators */
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active, .dot:hover {
background-color: #17171;
}
//*********************Inquiry form******************************//
.quote-now {
float: right;
width: 25%;
padding: 14px 15px 0 15px;
position: relative;
display: block;
margin-left: 10px;
border: #555 1px solid;
}
@media (min-width: 1200px)
.d-xl-block {
display: block!important;
}
.quote-now h6 {
color: #002e4b;
font-size: 18px;
text-align: center;
text-transform: uppercase;
border: none;
}
.quote-now h6 span {
background-color: #04A2E5;
color: #fff;
padding: 3px 4px;
}
.form-row>.col, .form-row>[class*=col-] {
padding-right: 5px;
padding-left: 5px;
}
.quote-now form .form-control {
background-color: #fff;
color: #000;
width: 100%;
margin-bottom: 13px;
height: 37px;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-image: initial;
padding: 6px 6px!important;
border-radius: 6px;
box-shadow: 0px 0px 7px #5d617624;
font-size: 12px;
}
.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.quote-now form label {
display: block;
float: left;
width: 100%;
margin-bottom: 0;
}
.quote-now form select {
color: #626262!important;
}
.quote-now form button {
padding: 7px 25px;
-webkit-transition: all 1.2s ease;
transition: all 1.2s ease;
text-shadow: 1px 2px 4px rgb(0 0 0 / 30%);
background: #04A2E5;
color: #fff;
box-shadow: inset 0 -3px 0 0 rgb(0 0 0 / 20%);
-webkit-transition: all .2s ease;
transition: all .2s ease;
border-radius: 6px;
cursor: pointer;
font-size: 15px;
border: none;
display: inline-block;
text-transform: uppercase;
width: 100%;
margin-top: 15px;
}
.quote-now form p {
font-size: 11px;
color: #5d6177;
margin-top: 10px;
}
/********************** Four section *************************/
section#featuredPointSection {
cursor: pointer;
}
.ban-cta {
background: linear-gradient(to right,#757f9a,#d7dde8);
text-align: center;
margin: 5px 0 0;
color: #fff!important;
padding: 24px 0;
}
.ban-cta ul li {
display: inline-block;
padding: 0 53px;
border-right: #ccc 1px solid;
text-decoration: none!important;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
outline: 0!important;
transition: all .2s ease-in;
}
.ban-cta ul li i {
color: #fff;
font-size: 23px;
margin-right: 7px;
display: inline-block;
margin-top: -3px;
}
[class*=" icon1-"], [class^=icon1-] {
font-family: icomoon1!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ban-cta ul {
margin-top: 0;
margin-bottom: 0rem;
}
/******************** Scrolling area *********************/
.pd-btm-0 {
padding-bottom: 0;
}
.hm-sec1 {
padding: 30px 0;
}
.hm-sec1 [class^=col-]:nth-child(odd) {
border-right: #efefef 1px solid;
}
.hd-rd-brdr {
color: #5d6177;
font-size: 18px;
position: relative;
padding-bottom: 10px;
margin-bottom: 19px;
border-bottom: #d4d4d4 1px solid;
}
.hd-rd-brdr.hd-inner-link a {
font-size: 12px;
float: right;
color: #4c4e5b;
top: 5px;
position: relative;
}
.latest-buyers.fixedHeight {
position: relative;
max-height: 145px;
height: 145px;
overflow: hidden;
}
.hm-sec1 [class^=col-]:nth-child(odd) {
border-right: #efefef 1px solid;
}
.latest-buyers.fixedHeight ul {
position: relative;
animation: verticalMarquee 40s linear infinite;
}
.latest-buyers ul li {
position: relative;
font-size: 13px;
color: #5d6177;
overflow: hidden;
}
.latest-buyers ul li a {
color: #5d6177;
display: block;
padding: 7px 10px;
}
.latest-buyers ul li i {
display: inline-block;
overflow: hidden;
border-radius: 100%;
height: 22px;
width: 22px;
background-size: cover;
margin-right: 9px;
}
/************flag icon ***************************/
.flag-icon-id {
background-image: url(http://server1.kproxy.com/servlet/redirect.srv/sruj/snnldgrahfox/sxeqyss/p2/v7/_root_/2K19/flags/4x3/id.svg);
}
.flag-icon {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
display: inline-block;
width: 1.33333333em;
line-height: 1em;
}
.latest-buyers ul li .world-name {
display: inline-block;
font-size: 14px;
width: 22%;
margin: 0;
padding-left: 3px;
}
.truncate {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.latest-buyers ul li .lst-buyer-text {
display: inline-block;
width: 44%;
border-left: #d0d0d0 1px solid;
padding-left: 10px;
}
.latest-buyers ul li small.date {
position: absolute;
border-left: #ccc 1px solid;
padding-left: 10px;
margin-left: 0;
right: 13px;
top: 12px;
}
.latest-buyers ul li:nth-child(even) {
background: #eeeff1;
}
.latest-buyers ul li {
position: relative;
font-size: 13px;
color: #5d6177;
overflow: hidden;
}
.latest-buyers ul li a {
color: #5d6177;
display: block;
padding: 7px 10px;
}
.latest-buyers.fixedHeight ul {
position: relative;
animation: verticalMarquee 40s linear infinite;
}
.hd-rd-brdr {
color: #5d6177;
font-size: 18px;
position: relative;
padding-bottom: 8px;
margin-bottom: 19px;
border-bottom: #d4d4d4 1px solid;
}
.hd-rd-brdr.hd-inner-link a {
font-size: 12px;
float: right;
color: #4c4e5b;
top: 5px;
position: relative;
}
.hd-rd-brdr:after {
background: #04A2E5;
content: "";
position: absolute;
width: 70px;
height: 3px;
left: 0;
bottom: -2px;
}
.featured-products ul {
margin: 0;
}
.featured-products ul li:nth-child(odd) {
float: left;
}
.featured-products ul li {
display: inline-block;
width: 49%;
color: #acaebb;
position: relative;
padding-left: 42px;
font-size: 11px;
margin-bottom: 5px;
}
.featured-products ul li i {
position: absolute;
overflow: hidden;
border-radius: 100%;
height: 30px;
width: 30px;
background-size: cover;
top: 0;
left: 0;
}
.flag-icon-us {
background-image: url(http://server1.kproxy.com/servlet/redirect.srv/sruj/snnldgrahfox/sxeqyss/p2/v7/_root_/2K19/flags/4x3/us.svg);
}
.flag-icon {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
display: inline-block;
width: 1.33333333em;
line-height: 1em;
}
.flag-icon-us {
background-image: url(http://server1.kproxy.com/servlet/redirect.srv/sruj/snnldgrahfox/sxeqyss/p2/v7/_root_/2K19/flags/4x3/us.svg);
}
.flag-icon {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
display: inline-block;
width: 1.33333333em;
line-height: 1em;
}
.featured-products ul li h6 {
font-size: 12px;
color: #333;
margin: 4px 0 2px;
text-transform: capitalize;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mt-0, .my-0 {
margin-top: 0!important;
}
/********************** New section -************************/
.hd-rd-brdr {
color: #5d6177;
font-size: 18px;
position: relative;
padding-bottom: 8px;
margin-bottom: 19px;
border-bottom: #d4d4d4 1px solid;
}
.hd-rd-brdr>span {
color: #04A2E5;
}
.featuredProductThumbnailComponent .hd-rd-brdr>i {
margin-left: 13px;
margin-top: -3px;
display: inline-block;
}
.featuredProductThumbnailComponent a.viewMore {
float: right;
color: #4c4e5b;
font-size: 12px;
margin-top: 4px;
}
.bestproducts{float: left;}
.bestproducts{width: 100%;}
.bestproducts img{width: 100%; margin-right: 5px; margin-top: 10px;}
.bestproducts h6{color: #ffffff; background: #555555; padding-left: 5px;}
.category-tabs {
padding: 30px 0 0;
}
.category-tabs h2 {
text-align: center;
color: #5d6177;
font-size: 18px;
position: relative;
}
.category-tabs h2:before {
background: #d4d4d4;
width: 100%;
position: absolute;
left: 0;
bottom: 9px;
height: 1px;
content: "";
}
.category-tabs h2 span {
padding: 0 30px;
z-index: 1;
position: relative;
background: #fff;
}
.category-tabs h2 span:before {
background: #04A2E5;
width: 30px;
position: absolute;
left: 0;
bottom: 8px;
height: 3px;
content: "";
margin-left: -18px;
}
.category-tabs h2 b {
color: #04A2E5;
font-weight: 400;
display: inline-block;
}
.category-tabs h2 span:after {
background: #04A2E5;
width: 30px;
position: absolute;
content: "";
right: 0;
margin-right: -18px;
bottom: 8px;
height: 3px;
}
.category-tabs .nav.nav-tabs {
border: none;
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0,0,0);
}
.category-tabs .nav.nav-tabs>div.owl-stage-outer>div.owl-stage {
padding-left: 0!important;
padding-right: 0!important;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}
.nav-tabs .nav-item {
margin-bottom: -1px;
}
.category-tabs ul.categoryTabsNav li a {
padding: 0;
font-size: 13px;
text-align: center;
color: #848b91;
font-weight: 500;
}
.category-tabs ul li a.active i {
border-radius: 0;
background: #f2f2f2;
}
.category-tabs ul li a i {
display: block;
font-size: 40px;
color: #9d9d9d;
background: #f9f9f9;
padding: 20px 0 10px;
border-radius: 100px 100px 0 0;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
.category-tabs ul li a span {
font-size: 12px;
line-height: 15px;
min-height: 32px;
display: inline-flex;
align-items: center;
}
/* .category-tabs ul .center li a {
border: none;
outline: 0;
background: #f2f2f2!important;
display: block;
border-bottom: 4px solid #04A2E5!important;
} */
#CategorySliderPage .category_nav .category_nav_content{
text-align: center;
padding-top:30px;
cursor:pointer;
}
#CategorySliderPage .category_nav .slick-center .category_nav_content {
border-bottom:4px solid #04A2E5;
background:#f2f2f2!important;
}
#CategorySliderPage .category_nav .category_nav_content p{
text-align: center;
padding-top:10px;
}
#CategorySliderPage .category_nav .category_nav_content img{
border-radius: 50%;
height: 50px;
width: 50px;
display: inline-block !important;
}
#CategorySliderPage .category_content{
background:#f2f2f2!important;
padding:30px 15px;
}
#CategorySliderPage .category_content .category_tabs_item h5{
color:#04A2E5!important;
font-size:15px;
}
#CategorySliderPage .category_content .category_tabs_item a{
color:#666;
font-size:12px;
}
.category-tabs ul.categoryTabsNav .center li a {
padding: 0;
font-size: 13px;
text-align: center;
color: #848b91;
font-weight: 500;
}
.owl-item picture img{opacity: 1; width:50px !important; height:50px !important; margin:0 auto;}
.category-tabs ul.categoryTabsNav li>a.nav-link {
border-bottom: 4px solid transparent;
}
.category-tabs ul.categoryTabsNav li a {
padding: 0;
font-size: 13px;
text-align: center;
color: #848b91;
font-weight: 500;
}
.nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.category-tabs ul li a i {
display: block;
font-size: 40px;
color: #9d9d9d;
background: #f9f9f9;
padding: 20px 0 10px;
border-radius: 100px 100px 0 0;
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease;
}
.owl-carousel .owl-item img {
display: inline-block;
max-width: 100%;
}
img {
max-width: 100%;
}
img {
vertical-align: middle;
border-style: none;
}
.tab-content {
background: #f2f2f2;
}
.category-tabs .tab-content>.tab-pane {
background: #f2f2f2;
padding: 30px 19px;
position: relative;
overflow: hidden;
}
.tab-content>.tab-pane {
display: none;
}
.category-tabs .tab-content>.tab-pane h3 {
font-size: 15px;
margin: 0 0 7px;
font-weight: 700;
}
.category-tabs .tab-content>.tab-pane ul li {
list-style-type: none;
color: #5d6177;
font-size: 14px;
margin-bottom: 4px;
}
.category-tabs .tab-content>.tab-pane ul li a {
padding: 0;
font-size: 13px;
text-align: center;
color: #848b91;
font-weight: 500;
}
/*********************** Ads slider *************************************/
.adsbanner{height: 150px;}
/******************* 4 Feature Section *************************************/
.box-shadow {
background: #fff;
border-radius: 3px;
box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);
padding: 19px 20px;
}
.top-heading {
color: #002e4b;
font-size: 18px;
margin-bottom: 15px;
}
.top-heading span {
color: #fff;
background-color: #04A2E5;
display: inline-block!important;
padding: 0 5px;
}
.connect-buyer {
padding: 14px 0;
background: #f9f9f9;
background: -webkit-linear-gradient(to bottom,#f9f9f9,#fff);
background: linear-gradient(to bottom,#f9f9f9,#fff);
border-radius: 4px;
box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);
margin-bottom: 12px;
border-bottom: 3px solid #04A2E5;
}
.connect-buyer img {
margin-bottom: 10px;
}
.connect-buyer h6 {
color: #5d6177;
}
.connect-buyer h6 span {
color: #04A2E5;
}
/************ Start Packages **********************/
/**
.3boxsec{height: 400px;}
.sbox h2 {
font-size: 18px;
background: #c4c4c4;
padding: 8px 15px;
color: #4c4c4c;
border-left: #ffbc00 2px solid;
}
*/
.hm-sec-2 [class^=col-] h3 {
color: #5d6177;
font-size: 17px;
text-transform: capitalize;
background: #eee;
border-left: 2px solid #f4c413;
padding: 9px 12px;
margin-bottom: 23px;
}
.hm-sec-2 [class^=col-] .pkg-scroll-col .lbl-pkg {
margin: 0 0 10px;
position: relative;
}
.hm-sec-2 [class^=col-] .pkg-scroll-col span {
width: 49%;
display: inline-block;
}
.hm-sec-2 [class^=col-] .pkg-scroll-col span:nth-child(2) {
text-align: right;
position: absolute;
right: 0;
top: 0;
background: #fff;
z-index: 9;
padding: 5px 10px 8px 20px;
}
.hm-sec-2 [class^=col-] .pkg-scroll-col span {
width: 49%;
display: inline-block;
}
.hm-sec-2 [class^=col-] .pkg-scroll-col span {
width: 49%;
display: inline-block;
}
.hm-sec-2 [class^=col-] .pkg-scroll-col ul li {
color: #5d6177;
margin-bottom: 10px;
font-size: 12px;
}
.hm-sec-2 [class^=col-] .pkg-scroll-col span {
width: 49%;
display: inline-block;
}
ul.premiumServicesCarouselFeatureList>li span {
width: auto!important;
}
ul.premiumServicesCarouselFeatureList>li>span {
font-size: 14px;
margin-bottom: 0;
border-bottom: 1px solid #7d4294;
color: #9c1227;
}
ul.premiumServicesCarouselFeatureList>li>ul {
padding-left: 0!important;
}
.hm-sec-2 [class^=col-] .pkg-scroll-col ul li {
color: #5d6177;
margin-bottom: 10px;
font-size: 12px;
}
ul.premiumServicesCarouselFeatureList>li>ul>li {
color: #a6a8b5!important;
}
ul.premiumServicesCarouselFeatureList>li>ul>li::before {
content: "\2022";
color: #7d4294;
font-weight: 700;
display: inline-block;
width: 1em;
margin-left: 0;
}
.hm-sec-2 [class^=col-] .pkg-scroll-col span {
width: 49%;
display: inline-block;
}
ul.premiumServicesCarouselFeatureList>li span {
width: auto!important;
}
.hm-sec-2 [class^=col-] .pkg-scroll-col+.btm-pkg-btn {
text-align: center;
padding: 9px 0;
margin-top: 17px;
background: #eee;
}
.hm-sec-2 [class^=col-] .pkg-scroll-col+.btm-pkg-btn>a {
background: rgb(9,121,35);
background: linear-gradient(90deg, rgba(9,121,35,1) 2%, rgba(0,212,255,1) 95%);
color: #fff;
font-size: 12px;
display: inline-block;
padding: 3px 19px;
border-radius: 40px;
}
ul.premiumServicesCarouselFeatureList {
height: 150px;
overflow: auto;
padding: 0!important;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#lhim{line-height: 0;}
/************ End Packages **********************/
.hm-sec-2 [class^=col-] .reg-channel-col ul li {
display: inline-block;
width: 48.9%;
cursor: pointer;
margin: 0 1px 10px;
background: #f5f6f7;
padding: 17px 14px 17px 52px;
position: relative;
transition: all .5s ease-in;
}
.hm-sec-2 [class^=col-] .reg-channel-col ul li a {
display: block;
color: #5f6379;
}
.hm-sec-2 [class^=col-] .reg-channel-col ul li i {
position: absolute;
overflow: hidden;
border-radius: 100%;
height: 25px;
width: 25px;
background-size: cover;
top: 14px;
left: 15px;
}
/************ Upcoming Tradeshows **********************/
.ftr-tradeshows-col {
position: relative;
}
.hm-sec-2 [class^=col-] h3 {
color: #5d6177;
font-size: 17px;
text-transform: capitalize;
background: #eee;
border-left: 2px solid #f4c413;
padding: 9px 12px;
margin-bottom: 23px;
}
.hm-sec-2 [class^=col-] .ftr-tradeshows-col ul li {
margin-bottom: 23px;
color: #acaebb;
font-size: 11px;
}
.hm-sec-2 [class^=col-] .ftr-tradeshows-col ul li a {
color: #acaebb;
}
.hm-sec-2 [class^=col-] .ftr-tradeshows-col ul li span {
float: left;
margin-right: 13px;
}
.hm-sec-2 [class^=col-] .ftr-tradeshows-col ul li span {
float: left;
margin-right: 13px;
}
.hm-sec-2 [class^=col-] .ftr-tradeshows-col ul li h6 {
color: #5d6177;
font-size: 14px;
margin-bottom: 3px;
font-weight: 600;
}
.hm-sec-2 [class^=col-] .ftr-tradeshows-col ul li h6 {
color: #5d6177;
font-size: 14px;
margin-bottom: 3px;
font-weight: 600;
}
.hm-sec-2 [class^=col-] .ftr-tradeshows-col ul li:last-child {
margin-bottom: 0;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.ftr-tradeshows-col .owl-theme .owl-dots {
position: absolute;
top: -60px;
right: 8px;
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
a, button, checkbox, div, i, input, li, select, textarea {
outline: 0!important;
}
.hm-sec-3 h4 {
color: #5d6177;
font-size: 18px;
position: relative;
margin-bottom: 15px;
}
.hm-sec-3 h4 {
color: #5d6177;
font-size: 18px;
position: relative;
margin-bottom: 15px;
}
.hm-sec-3 h4 span:after {
background: #04A2E5;
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
content: "";
height: 3px;
}
.hm-sec-3 .prem-supplier-slider {
background: #f5f6f8;
box-shadow: 0 4px 5px 1px rgb(0 0 0 / 10%);
border-radius: 3px;
}
.hm-sec-3 .prem-supplier-slider ul {
margin: 0;
height: 310px;
max-height: 310px;
overflow: hidden;
column-count: 4;
column-gap: 0.8em;
padding: 0.8em;
padding-bottom: 0;
}
.hm-sec-3 .prem-supplier-slider ul li {
display: inline-block;
text-align: center;
border-radius: 0;
padding: 5.6px 0;
overflow: hidden;
-webkit-column-break-inside: avoid;
break-inside: avoid;
page-break-inside: avoid;
width: 100%;
margin-bottom: 0.8em;
background: #fff;
border-radius: 3px;
box-shadow: 0 4px 5px 1px rgb(0 0 0 / 10%);
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #04A2E5;
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.hm-sec-3 .prem-supplier-slider .owl-dots, .testimonails-slider .owl-dots {
position: absolute;
top: -44px;
right: 0;
margin: 0;
}
.hm-sec-3 h4 span:after {
background: #04A2E5;
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
content: "";
height: 3px;
}
.hm-sec-3 h4 span {
color: #04A2E5;
position: relative;
}
.testimonails-slider {
background: #f5f6f8;
padding: 16px;
max-height: 310px;
height: 310px;
box-shadow: 0 4px 5px 1px rgb(0 0 0 / 10%);
border-radius: 3px;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0,0,0);
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}
.testimonails-slider .item {
text-align: center;
color: #5d6177;
font-size: 15px;
font-style: italic;
}
.testimonails-slider .item p {
font-size: 18px;
margin: 60px 0 32px;
padding: 0 30px;
}
.testimonails-slider .item .author-story {
text-align: center;
padding: 10px 0;
}
.testimonails-slider .item .author-story i {
border-radius: 4px;
padding: 6px;
position: relative;
background: #fff;
width: 70px;
display: inline-flex;
align-items: center;
overflow: hidden;
box-shadow: 3px 3px 5px 1px rgb(0 0 0 / 10%);
height: 70px;
margin-right: 13px;
}
.testimonails-slider .item .author-story span {
display: inline-block;
text-align: left;
font-style: normal;
line-height: 19px;
}
.testimonails-slider .item .author-story span>b {
display: block;
font-size: 18px;
color: #04A2E5;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.testimonails-slider .owl-dots {
position: absolute;
top: -44px;
right: 0;
margin: 0;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 3px;
background: #bebebe;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px;
}
.testimonails-slider .item p {
font-size: 18px;
margin: 60px 0 32px;
padding: 0 30px;
}
/*********************************************/
.about-col-desc {
padding: 70px 0;
font-size: 13px;
color: #8b8b8b;
line-height: 20px;
}
.about-col-desc h2 {
margin: 0 0 19px;
font-size: 20px;
color: #5d6177;
position: relative;
padding-bottom: 9px;
}
.about-col-desc h2:after {
background: #04A2E5;
position: absolute;
bottom: 0;
left: 50%;
width: 40px;
content: "";
height: 3px;
margin-left: -20px;
}
.about-col-desc h3, .about-col-desc h6 {
font-size: 17px;
color: #04A2E5;
}
.about-col-desc a#m_readmore {
background: #04A2E5;
color: #fff;
border: 0 none;
font-size: 11px;
border-radius: 80px;
padding: 6px 14px;
letter-spacing: 1px;
cursor: pointer;
text-transform: uppercase;
margin-top: 13px;
display: inline-block;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
footer {
background: #5494E1;
padding: 5px 0 0;
color: #fff;
}
.mt-3, .my-3 {
margin-top: 1rem!important;
}
footer h5 {
font-size: 17px;
position: relative;
padding-bottom: 6px;
margin-bottom: 19px;
}
footer h5:after {
width: 31px;
height: 2px;
background: #474545;
content: "";
position: absolute;
bottom: 0;
left: 0;
}
footer ul {
margin: 0;
}
p.disclaimer {
background: #343434;
text-align: center;
padding: 14px;
margin: 20px 0 20px;
}
.ftr-copyright {
background: #1e1d1d;
padding: 10px 0;
}
footer ul li a {
display: block;
color: #efefef;
}
/******* Page Header *************/
.inner-banner-leftnav {
background: url(img/header-background.jpg) no-repeat left top;
background-size: cover;
padding: 70px 0;
color: #fff;
}
.inner-banner-leftnav h1 {
margin: 0;
line-height: 42px;
color: #fff;
font-family: Lato,sans-serif;
font-weight: 600;
letter-spacing: -1px;
}
.inner-banner-leftnav span {
background: #04A2E5;
display: inline-block;
padding: 3px 5px;
font-size: 11px;
letter-spacing: 4px;
text-transform: uppercase;
margin-top: 15px;
}
/************************** Premium Packages *******************************/
section.premium-pricing {
padding: 50px 0;
background: #f2f2f2;
}
.join-free-packages {
background: #fff!important;
}
.sec-heading h3 {
color: #383f60;
font-weight: 700;
margin-bottom: 0;
}
.sec-heading span {
color: #04A2E5;
font-size: 25px;
font-weight: 400;
}
.sec-heading h6 {
color: #383f60;
font-size: 14px;
}
.join-free-packages .lite-table {
border: none;
}
.lite-table {
border-collapse: collapse;
font-size: 13px;
color: #777;
border: 1px solid #dbdeea;
}
.lite-table tbody tr:nth-child(odd) {
background: #fff;
}
.lite-table .height {
height: 50px;
}
.lite-table .td3 {
border-left: none;
text-align: right;
padding: 0 10px;
color: #333;
}
.lite-table .td1 {
border-top: 2px solid #e5e5e5;
font-size: 18px;
color: #333;
position: relative;
}
.lite-table td {
height: 40px;
border: 1px solid #d1d5e6;
text-align: center;
font-size: 12px;
}
.lite-table tbody tr:nth-child(odd) {
background: #fff;
}
.lite-table .bold {
font-weight: 700;
}
.lite-table tbody tr:nth-child(even) {
background: #f2f2f2;
}
.packages-border {
border: 1px solid #c9cee3;
}
.packages-heading h1 {
font-weight: 700;
margin-bottom: 0;
font-size: 29px;
color: #383f60;
}
.packages-heading span {
color: #04A2E5;
}
.lite-table .lite-btn {
color: #333;
background-image: none;
background-color: #04A2E5;
font-weight: 400;
padding: 7px 27px;
filter: none;
border-radius: 50px;
margin: 0;
color: #fff;
font-family: inherit;
text-align: center;
vertical-align: middle;
cursor: pointer;
font-size: 15px;
text-decoration: none;
display: inline-block;
position: relative;
overflow: visible;
line-height: normal;
}
.packages-heading h1 {
font-weight: 700;
margin-bottom: 0;
font-size: 29px;
color: #383f60;
}
.packages-heading span {
color: #04A2E5;
}
/**************************************Buyer Page******************************************/
.breadcrumb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0.75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #e9ecef;
border-radius: 0.25rem;
}
.breadcrumb-item>a {
color: #6c757d;
}
.breadcrumb-item+.breadcrumb-item {
padding-left: 0.5rem;
}
.breadcrumb-item+.breadcrumb-item::before {
float: left;
padding-right: 0.5rem;
color: #6c757d;
content: "/";
}
.breadcrumb-item.active {
color: #04A2E5;
margin-top: 1px;
}
.menu-banner-lg .row {
border: #ececec 1px solid;
padding: 0;
background: #fff;
position: relative;
margin: 0;
}
.header-banner-lg {
background: url(img/buyerpage.png) no-repeat right top;
background-size: cover;
padding: 130px 57px;
}
.header-banner-lg .header-ban-content h1, .menu-banner-form .header-banner .header-ban-content h1 {
color: #000;
font-size: 30px;
font-weight: 600;
letter-spacing: -1px;
line-height: 34px;
text-transform: uppercase;
margin: 0;
}
.header-banner-lg .header-ban-content h1 span, .menu-banner-form .header-banner .header-ban-content h1 span {
display: block;
color: #000;
font-weight: 400;
text-transform: capitalize;
font-size: 22px;
font-style: italic;
letter-spacing: 1px;
margin-bottom: 8px;
}
/******************Buyer page form***********************/
.quick-form-buyer {
padding: 0 3px 0 3px;
}
.ban-form-buyer {
padding: 20px 3px 0 9px;
position: relative;
}
/*********************Buyer page search tag***************************/
.card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: 0.25rem;
}
.card-body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}
.imp-top .topImporterKeywordComponent {
background: 0 0!important;
padding: 0 20px;
}
.buying-lead-row {
background: #f2f2f2;
margin: 0 -19px;
font-size: 12px;
padding: 17px 20px;
}
.imp-top h6 {
color: #5d6177;
font-size: 18px;
position: relative;
padding-bottom: 8px;
margin-bottom: 19px;
border-bottom: #d4d4d4 1px solid;
}
.buying-lead-row h6 {
margin: 0 0 16px;
position: relative;
color: #000;
}
.imp-top .buying-lead-row ul>li {
margin: 0 3px 8px 0!important;
}
.buying-lead-row ul>li {
display: inline-block;
font-size: 12px;
margin: 0 11px 8px 0;
color: #9b66cc;
}
.imp-top .buying-lead-row ul>li>a {
color: #fff!important;
background: #6c757d;
padding: 4px 9px;
border-radius: 10rem;
font-size: 10px;
}
.buying-lead-row ul>li>a {
color: #9b66cc;
}
.buying-lead-row ul>li>a {
display: block;
}
/***************************** Latest Buy Offer **********************************/
.hm-sec1 {
padding: 30px 0;
}
.hd-rd-brdr {
color: #5d6177;
font-size: 18px;
position: relative;
padding-bottom: 15px;
margin-bottom: 19px;
border-bottom: #d4d4d4 1px solid;
}
.hm-sec1 [class^=col-]:nth-child(odd) {
border-right: #efefef 1px solid;
}
.latest-buyers ul li {
position: relative;
font-size: 13px;
color: #5d6177;
overflow: hidden;
}
.latest-buyers ul li a {
color: #5d6177;
display: block;
padding: 7px 10px;
}
.latest-buyers ul li i {
display: inline-block;
overflow: hidden;
border-radius: 100%;
height: 22px;
width: 22px;
background-size: cover;
margin-right: 9px;
}
.mb-5, .my-5 {
margin-bottom: 3rem!important;
}
.mt-3, .my-3 {
margin-top: 1rem!important;
}
/***************** Buyer Page Alpabatic search*********************************/
.buyer-filter-col {
padding: 0 0 30px;
}
.buyer-filter-alphabet-row {
background: #eeeff1;
padding: 9px 6px;
text-align: center;
}
.buyer-filter-alphabet-row ul{
margin-bottom: 0rem;
}
.buyer-filter-alphabet-row ul>li {
display: inline-block;
margin: 0 12px;
color: #5d6177;
font-size: 14px;
}
.buyer-filter-alphabet-row ul>li>a {
display: block;
color: #5d6177;
}
.buyer-filter-alphabet-result {
border: #eeeff1 3px solid;
border-top: 0;
padding: 13px;
}
.buyer-filter-alphabet-result>ul>li {
display: inline-block;
width: 24%;
margin: 5px 0;
height: 30px;
}
.d-none {
display: none!important;
}
.buyer-filter-alphabet-result>ul>li>a {
display: block;
color: #5d6177;
}
a, button, checkbox, div, i, input, li, select, textarea {
outline: 0!important;
}
.buyer-filter-alphabet-row ul>li>a.active {
color: #04A2E5;
}
.buyer-filter-alphabet-row ul>li>a {
display: block;
color: #5d6177;
}
section.suppliers {
background: #f2f2f2;
padding: 50px 0;
}
section.suppliers .container {
background: #fff;
padding: 30px 30px;
}
section.suppliers h2 {
color: #323852;
font-size: 25px;
margin: 0 0 20px;
position: relative;
padding-left: 20px;
}
section.suppliers h2:before {
content: "";
content: "";
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background: #04A2E5;
left: 0;
}
section.suppliers h2 span {
display: block;
font-size: 18px;
color: #7e89b8;
}
section.suppliers ul {
width: 19%;
display: inline-block;
}
section.suppliers ul li {
padding: 9px 0;
}
section.suppliers ul li a {
color: #383f60;
display: block;
font-weight: 500;
}
section.suppliers ul li i {
display: inline-block;
overflow: hidden;
border-radius: 100%;
height: 26px;
width: 26px;
background-size: cover;
margin-right: 9px;
}
section.suppliers ul li i {
display: inline-block;
overflow: hidden;
border-radius: 100%;
height: 26px;
width: 26px;
background-size: cover;
margin-right: 9px;
}
/*********************** Product Page *************************************/
section.productbox .inner-banner {
margin-bottom: 27px;
}
.inner-banner {
background: url(../images/representative-banner.jpg) no-repeat left center;
background-size: cover;
padding: 100px 0;
color: #fff;
}
section.productbox .inner-banner {
margin-bottom: 27px;
}
.inner-banner h1 {
color: #fff;
font-size: 38px;
font-weight: 600;
margin-bottom: 17px;
}
/**************************** Product Page All Category ******************************/
section.productbox section.mt-4 .prod-content-des [class^=col-] .all-categ-box {
background: #f7f7f7;
padding: 16px;
margin-bottom: 22px;
border-left: #04A2E5 3px solid;
}
.all-categ-box {
border-bottom: 1px solid #efefef;
margin-bottom: 10px;
padding-top: 20px;
padding-bottom: 20px;
background: #f7f7f7;
border-left: 3px solid #0434B3;
}
.all-categ-left {
width: 95px;
text-align: center;
}
.all-categ-left, .all-categ-right {
display: table-cell;
vertical-align: middle;
}
.all-categ-left img {
width: 75px;
height: 75px;
}
.all-categ-right {
padding-left: 8px;
}
.all-categ-right h5 {
margin-bottom: 7px;
line-height: normal;
font-size: 15px;
}
.all-categ-right h5 a {
color: #0434B3;
font-weight: 600;
}
.all-categ-right h6 {
margin-bottom: 2px;
font-size: 13px;
color: #555;
}
section.productbox section.mt-4 .prod-content-des [class^=col-] .all-categ-box h6 a {
font-size: 12px;
padding-left: 11px;
position: relative;
color: #83869e;
display: block;
padding-top: 1px;
padding-bottom: 1px;
}
section.productbox section.mt-4 .prod-content-des [class^=col-] .all-categ-box h6 a:before {
width: 4px;
height: 4px;
content: "";
position: absolute;
left: 0;
top: 8px;
background: #8a8888;
}
/********************************** Company Page ****************************************/
.company-index-banner {
background-image: url(img/company-banner.jpg);
background-position: center center;
background-size: cover;
}
.inner-banner-leftnav {
background: url(img/about-banner.jpg) no-repeat left top;
background-size: cover;
padding: 70px 0;
color: #fff;
}
.inner-banner-leftnav h1 {
margin: 0;
line-height: 42px;
color: #fff;
font-family: Lato,sans-serif;
font-weight: 600;
letter-spacing: -1px;
}
.inner-banner-leftnav span {
background: #04A2E5;
display: inline-block;
padding: 3px 5px;
font-size: 11px;
letter-spacing: 4px;
text-transform: uppercase;
margin-top: 15px;
}
.buyers-listing-sec {
background: #f2f2f2;
padding: 40px 0;
}
.buyer-listing-result-row:not(.buyer-detail-page-row) {
background: #fff;
padding: 23px 15px;
margin-bottom: 13px;
position: relative;
border-radius: 0.3rem!important;
box-shadow: 0 4px 5px 1px rgb(0 0 0 / 10%);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.com-flex {
display: flex;
align-items: center;
justify-content: center;
height: 107px;
box-shadow: #00000024 0 0 1px;
padding: 5px;
}
.com-flex img {
max-height: 100px;
}
.buyer-listing-result-row h5 {
color: #5d6177;
max-width: 74%;
font-size: 16px;
}
.buyer-listing-result-row h5 a {
color: #5d6177;
}
.buyer-listing-result-row p {
color: #898dab;
font-size: 12px;
}
.buyer-listing-result-row p a {
color: #04A2E5;
}
.buyer-listing-result-row .buyer-listing-info {
color: #5d6177;
width: 60%;
display: inline-block;
}
.buyer-listing-result-row p a {
color: #04A2E5;
}
.buyer-listing-result-row .buyer-listing-info {
color: #5d6177;
width: 60%;
display: inline-block;
}
.full-with-ul {
width: 100%!important;
}
.buyer-listing-result-row .buyer-listing-info>li {
display: inline-block;
width: 30%;
font-size: 11px;
position: relative;
padding-left: 22px;
}
.li-width-50>li {
width: 49%!important;
padding-left: 0!important;
}
.buyer-listing-result-row .buyer-listing-info>li>span {
display: block;
font-size: 12px;
font-weight: 500;
}
.buyer-listing-result-row .buyer-listing-info>li>span {
display: block;
font-size: 12px;
font-weight: 500;
}
.company-item {
position: relative;
}
.tab-company-item-lst>li {
height: 70px;
display: inline-block;
width: 32%;
overflow: hidden;
position: relative;
background: #fff;
color: #fff;
text-decoration: none!important;
text-align: center;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
transition: all .2s ease-in;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
float: left;
margin: 0 1px;
}
.tab-company-item-lst>li:before {
content: "";
background: #000000b3;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
z-index: 1;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.tab-company-item-lst>li>a {
display: block;
color: #fff;
}
.tab-company-item-lst>li img {
max-width: 100%!important;
display: inline-block;
}
.tab-company-item-lst>li>a>h6 {
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
transition: all .2s ease-in;
font-size: 10px;
position: absolute;
width: 100%;
bottom: 37px;
text-align: center;
opacity: 0;
z-index: 2;
color: #fff;
padding: 0 3px;
left: 2px;
}
.tab-company-item-lst>li>a>span {
position: absolute;
font-size: 9px;
color: #fff;
z-index: 2;
display: block;
bottom: 4px;
width: 100%;
opacity: 0;
left: 0;
}
.company-item .buyer-listing-action {
position: absolute;
bottom: -7px;
width: 100%!important;
left: 0;
}
.buyer-tab-company .buyer-listing-action {
margin-top: 13px;
padding-right: 7px;
}
.buyer-listing-result-row .buyer-listing-action {
float: right;
position: relative;
width: 40%;
text-align: right;
margin-top: 0;
}
.buyer-tab-company .buyer-listing-action a.buyer-listing-btn {
font-size: 12px;
padding: 7px 21px;
margin-left: 7px;
}
.buyer-tab-company .buyer-listing-action a.buyer-listing-btn {
display: inline-block;
background: #04A2E5;
font-size: 15px;
color: #fff;
padding: 8px 21px;
border-radius: 40px;
line-height: normal;
}
.productQuoteRegister {
float: none;
width: 100%!important;
background: #f9f9f9;
background: -webkit-linear-gradient(to bottom,#f9f9f9,#fff);
background: linear-gradient(to bottom,#f9f9f9,#fff);
padding: 14px 9px 14px 9px!important;
border-radius: 5px;
box-shadow: 1px 2px 3px #66666652;
margin-bottom: 0;
}
/* #alpsorth{background: #f7f7f7; border-left: 3px solid yellow; padding: 10px;} */
.filter-leftbar h6 {
background: #fff;
color: #5d6177;
padding: 10px 11px;
font-size: 15px;
position: relative;
border-left: #e6cc1d 3px solid;
}
.alphabetical-sorting>ul {
display: flex!important;
flex-flow: wrap!important;
justify-content: space-between!important;
padding: 10px 10px;
}
.bg-light-grey {
background: #e6e6e6!important;
}
.hts-code-categories-page {
padding: 30px 0;
}
.alphabetical-sorting>ul {
display: flex!important;
flex-flow: wrap!important;
justify-content: space-between!important;
padding: 10px 10px;
}
.bg-light-grey {
background: #e6e6e6!important;
}
.hts-code-categories-page {
padding: 30px 0;
}
.alphabetical-sorting>ul>li {
flex-grow: 0;
flex-basis: 16%;
}
.d-inline-block {
display: inline-block!important;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
.alphabetical-sorting>ul>li>a {
color: #a7a7a7!important;
background: #fbfbfb;
border: 1px solid #fbfbfb;
border-radius: 2px;
margin: 4px 2px;
display: block;
box-shadow: 1px 2px 3px #5d61766e;
transition: all .6s linear;
}
/*************** Pagination Companies page****************************/
.tab-pagination-col {
text-align: center;
background: #fff;
margin-top: 33px;
box-shadow: #0000000d 0 2px 3px;
border: #dedede 1px solid;
display: inline-block;
}
.tab-pagination-col:after, .tab-pagination-col:before {
content: "";
display: block;
clear: both;
}
.tab-pagination-col li.ttl-num-page {
padding: 12px 12px;
font-size: 13px;
}
.tab-pagination-col li {
float: left;
font-size: 14px;
font-weight: 400;
color: #5d6177;
border-right: #dedede 1px solid;
}
.tab-pagination-col li.active-pagination a, .tab-pagination-col li:hover a {
color: #fff!important;
background: #e61d23;
}
.tab-pagination-col li a {
display: block;
padding: 13px 14px;
color: #5d6177;
}
.tab-pagination-col:after, .tab-pagination-col:before {
content: "";
display: block;
clear: both;
}
.company-join-banner {
background-image: linear-gradient(0deg,rgba(230, 29, 36, 0.6),rgba(33, 37, 41, 0.6)), url(img/disp-banner.jpg);
background-position: center center;
background-size: cover;
}
.alphabetical-sorting ul li a:hover {color:#ffffff;}
.company-item .buyer-listing-action {
position: absolute;
bottom: -7px;
width: 100%!important;
left: 0;
}
.buyer-tab-company .buyer-listing-action {
margin-top: 13px;
padding-right: 7px;
}
.buyer-listing-result-row .buyer-listing-action i {
display: inline-block;
overflow: hidden;
border-radius: 100%;
height: 40px;
width: 40px;
background-size: cover;
margin-right: 7px;
border: #e8e8e8 6px solid;
}
.buyer-tab-company .buyer-listing-action img {
width: 112px;
margin-top: 5px;
}
/************************************ Manufacturers Page ***********************************************/
.header-banner-lg .header-ban-content h1, .menu-banner-form .header-banner .header-ban-content h1 {
color: #000;
font-size: 30px;
font-weight: 600;
letter-spacing: -1px;
line-height: 34px;
text-transform: uppercase;
margin: 0;
}
.header-banner-lg .header-ban-content p, .menu-banner-form .header-banner .header-ban-content p {
border-top: 3px solid #04A2E5;
display: inline-block;
padding-top: 5px;
font-size: 15px;
font-style: normal;
line-height: normal;
color: #000;
margin: 0;
}
/*************************** Contact US Page *****************************/
.contact-us-banner img {
height:332px;
width:100%;
}
.services-contact {
padding: 30px 0 50px;
background-image: url(../images/premium-services/contactillustration.png);
background-repeat: no-repeat;
background-size: 42%;
background-position: center left;
max-width: 100%;
}
.contact-bg {
background-image: none!important;
padding: 30px 0 0!important;
}
.contact-bg figure img {
width: 100%;
}
.services-contact h5 {
color: #04A2E5;
font-weight: 500;
font-size: 23px;
}
.services-contact .separator {
position: relative;
width: 40px;
margin-top: 10px!important;
}
.services-contact .separator:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 10px;
height: 2px;
background-color: #ff9600;
}
.services-contact .separator span {
position: absolute;
left: 50%;
top: -2px;
width: 10px;
height: 5px;
margin-left: -5px;
display: inline-block;
background-color: #2200bd;
}
.services-contact .separator:after {
position: absolute;
content: '';
right: 0;
top: 0;
width: 10px;
height: 2px;
background-color: #ff9600;
}
.services-contact p {
color: #5e5e5e;
margin-top: 20px;
margin-bottom: 16px;
}
.contact-bg .alert-dismissible .close {
padding: 8px 18px!important;
}
.close:not(:disabled):not(.disabled) {
cursor: pointer;
}
.services-contact input {
background-color: #f7f7f7;
color: #000;
margin-bottom: 10px!important;
height: 40px;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-image: initial;
padding: 6px 15px;
border-radius: 6px;
font-size: 14px;
}
.form-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.form-row>.col, .form-row>[class*=col-] {
padding-right: 5px;
padding-left: 5px;
}
.services-contact label {
color: #2c2c2c!important;
font-size: 14px;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
.services-contact input {
background-color: #f7f7f7;
color: #000;
margin-bottom: 10px!important;
height: 40px;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-image: initial;
padding: 6px 15px;
border-radius: 6px;
font-size: 14px;
}
.services-contact .col-sm-12.text-center.mt-3>input {
background: #de2121;
color: #fff;
padding: 6px 50px;
border-radius: 4px!important;
display: inline-block;
margin-top: 11px;
}
.contact-form input.submit {
background: #e8354a;
color: #fff;
border: 1px solid #e8354a;
border-radius: 0 10px 0 10px;
padding: 8px 36px;
font-size: 18px;
cursor: pointer;
}
.services-contact label {
color: #2c2c2c!important;
font-size: 14px;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
.services-contact textarea {
background-color: #f7f7f7;
color: #000;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-image: initial;
padding: 6px 15px;
border-radius: 6px;
font-size: 14px;
height:200px !important;
}
.head-field {
height: 33px;
}
.head-field {
width: 100%;
border: #dfdfdf 1px solid;
padding: 6px;
background: #fff;
color: #6d6d6d;
}
/*******************************Login and Registration Page********************************/
.register-page {
font-family: Poppins,sans-serif;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.register-page .register-content {
position: relative;
margin-bottom: 0;
background: #fafafa;
background: url(img/login.jpg) no-repeat left top;
background-size: cover;
}
.register-page .register-content .eworld-icon {
padding: 23px 41px;
}
.register-page .register-content .eworld-icon img {
max-width: 10%;
}
.register-page .description {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-55%,-50%);
width: 80%;
}
.register-page .register-content .description h1 {
color: #fff;
margin-bottom: 20px;
font-size: 38px;
font-weight: bolder;
color: #656565;
}
.register-page .description h1.main-heading {
color: #fff!important;
font-size: 2rem!important;
font-weight: 500!important;
margin-bottom: 0!important;
}
.register-page .description p {
font-size: 14px;
margin: 0.5rem 0 3.5rem 0;
color: rgba(255,255,255,.7);
}
.copyrights-links {
position: absolute;
bottom: 17px;
padding: 0 41px;
width: 100%;
float: left;
}
.copyrights-links span {
color: rgba(255,255,255,.4);
float: left;
margin-top: 1px;
width: auto;
}
.copyrights-links nav {
float: right;
width: auto;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.copyrights-links nav ul li a {
color: rgba(255,255,255,.7);
margin-right: 7px;
}
.register-page .register-form {
top: 0;
bottom: 0;
min-height: 100vh;
text-align: right;
z-index: 999;
opacity: 1;
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 30px 0 0 0;
}
.login-page-form .elite-register-form {
background: 0 0;
max-width: 600px;
width: 95%;
}
.elite-register-form {
background: #fff;
padding: 28px 37px;
}
.login-page-form form input {
background-color: #f7f7f7;
color: #000;
width: 100%;
margin-bottom: 12px;
height: 50px;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-image: initial;
padding: 6px 15px;
border-radius: 6px;
}
.login-page-form .eworld-icon {
padding: 23px 41px;
}
.login-page-form a {
position: relative;
width: auto;
float: left;
margin-top: 9px;
color: #74788d;
font-size: 14px;
}
.login-page-form .eworld-icon img {
max-width: 10%;
}
.login-page-form p {
font-size: 14px;
margin: 0.5rem 0 3.5rem 0;
color: #74788d;
}
.elite-register-form .header-content {
display: flex;
width: 100%;
}
.login-page-form .elite-register-form h2 {
background: 0 0;
text-align: left;
margin-bottom: 30px;
text-align: center;
width: 100%;
font-size: 26px;
color: #04A2E5;
}
.form-row>.col, .form-row>[class*=col-] {
padding-right: 5px;
padding-left: 5px;
}
.login-page-form form input {
background-color: #f7f7f7;
color: #000;
width: 100%;
margin-bottom: 12px;
height: 50px;
font-size:25px;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-image: initial;
padding: 6px 15px;
border-radius: 6px;
}
.login-actions {
width: 100%;
float: left;
margin: 2rem 0;
}
.login-page-form .login-actions a {
margin-top: 16px;
}
.login-page-form a {
position: relative;
width: auto;
float: left;
margin-top: 9px;
color: #74788d;
font-size: 14px;
}
.login-actions a:after {
display: block;
content: '';
position: absolute;
bottom: 0;
top: 1rem;
left: 0;
width: 0%;
transition: width .3s ease;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
.login-page-form button {
background: #04A2E5;
color: #fff;
border: none!important;
border-radius: 1px;
padding: 14px 25px;
border-radius: 5px;
box-shadow: 0 4px 16px 0 rgb(213 39 56 / 18%);
transition: all ease-in-out .5s;
}
.login-page-form .login-actions a {
margin-top: 16px;
}
.login-page-form a {
position: relative;
width: auto;
float: left;
margin-top: 9px;
color: #74788d;
font-size: 14px;
}
.login-actions a:after {
display: block;
content: '';
position: absolute;
bottom: 0;
top: 1rem;
left: 0;
width: 0%;
transition: width .3s ease;
}
.login-page-form button {
background: #32a3e6;
color: #fff;
border: none!important;
border-radius: 1px;
padding: 14px 25px;
border-radius: 5px;
box-shadow: 0 4px 16px 0 rgb(213 39 56 / 18%);
transition: all ease-in-out .5s;
}
.login-page-form h5.or-login {
color: #04A2E5;
font-size: 18px;
position: relative;
margin-bottom: 10px;
margin-top: 3px;
}
.login-page-form h5.or-login:before {
background: #d4d4d4;
width: 100%;
position: absolute;
left: 0;
bottom: 11px;
height: 1px;
content: "";
}
.login-page-form .social-links {
column-count: 3;
column-gap: 1em;
}
.login-page-form .social-links a.facebook {
background-color: #5867dd;
border-color: #5867dd;
}
.login-page-form .social-links a {
padding: 6px 0;
color: #fff;
width: 100%;
text-align: center;
transition: all ease-in-out .6s;
display: block;
float: none;
margin: 0;
}
.login-page-form .social-links a i {
font-size: 16px;
margin-right: 9px;
color: #fff;
}
.login-page-form .social-links a.linkedin {
background-color: #0076b4;
border-color: #0076b4;
}
.login-page-form .social-links a {
padding: 6px 0;
color: #fff;
width: 100%;
text-align: center;
transition: all ease-in-out .6s;
display: block;
float: none;
margin: 0;
}
.login-page-form .social-links a i {
font-size: 16px;
margin-right: 9px;
color: #fff;
}
.fab {
font-family: "Font Awesome 5 Brands";
}
.login-page-form .social-links a.google {
background-color: #d44940;
border-color: #d44940;
}
.login-page-form .social-links a {
padding: 6px 0;
color: #fff;
width: 100%;
text-align: center;
transition: all ease-in-out .6s;
display: block;
float: none;
margin: 0;
}
.login-page-form .social-links a i {
font-size: 16px;
margin-right: 9px;
color: #fff;
}
.fab {
font-family: "Font Awesome 5 Brands";
}
.login-page-form a {
position: relative;
width: auto;
float: left;
margin-top: 9px;
color: #74788d;
font-size: 14px;
}
.login-page-form h5.or-login:before {
background: #d4d4d4;
width: 100%;
position: absolute;
left: 0;
bottom: 11px;
height: 1px;
content: "";
}
.login-page-form h5.or-login span {
padding: 0 15px;
z-index: 1;
position: relative;
background: #fff;
font-size: 14px;
}
/******************************** Sign Up Form Join Free *************************************/
.joinfree{width: 84% !important;}
.form-control{
height: 40px;
box-shadow: none;
color: #969fa4;
}
.form-control:focus{
border-color: #5cb85c;
}
.form-control, .btn{
border-radius: 3px;
}
.signup-form{
width: 350px;
margin: 0 auto;
}
.signup-form h2{
color: #636363;
margin: 0 0 15px;
position: relative;
text-align: center;
}
.signup-form h2:before, .signup-form h2:after{
content: "";
height: 2px;
width: 30%;
background: #d4d4d4;
position: absolute;
top: 50%;
z-index: 2;
}
.signup-form h2:before{
left: 0;
}
.signup-form h2:after{
right: 0;
}
.signup-form .hint-text{
color: #999;
margin-bottom: 30px;
text-align: center;
}
.signup-form form{
color: #999;
border-radius: 3px;
margin-bottom: 15px;
background: #f2f3f7;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
padding: 25px;
}
.signup-form .form-group{
margin-bottom: 15px;
}
.signup-form input[type="checkbox"]{
margin-top: 3px;
}
.signup-form .btn{
font-size: 16px;
font-weight: bold;
min-width: 140px;
outline: none !important;
background: #04A2E5;
color: #fff;
}
.signup-form .btn:hover{color:#f5f5f5 !important;}
.signup-form .row div:first-child{
padding-right: 10px;
}
.signup-form .row div:last-child{
padding-left: 10px;
}
.signup-form a{
color: #fff;
text-decoration: underline;
}
.signup-form a:hover{
text-decoration: none;
}
.signup-form form a{
color: #ff0000;
text-decoration: none;
}
.signup-form form a:hover{
text-decoration: underline;
}
.mh2{padding: 5px 20px !important;}
.optioncontrol>option{padding: 25px !important;}
/******************************* Search Result Page *******************************/
.filter-leftbar h6 a {
color: #5d6177;
font-size: 12px;
position: absolute;
right: 10px;
top: 12px;
}
.fiter-by-country-lft ul {
padding: 8px 6px 0;
}
.fiter-by-country-lft ul>li {
color: #5d6177;
font-size: 13px;
position: relative;
padding-left: 28px;
margin-bottom: 14px;
}
.fiter-by-country-lft ul>li>a {
color: #5d6177;
display: block;
}
.fiter-by-country-lft ul>li>a>i {
position: absolute;
overflow: hidden;
border-radius: 100%;
height: 23px;
width: 23px;
background-size: cover;
top: 0;
left: 0;
border: #fff 3px solid;
}
.fiter-by-country-lft ul>li>a>.buyer-country-name {
display: inline-block;
}
.fiter-by-country-lft ul>li>a>.buyer-country-count {
display: inline-block;
font-weight: 600;
}
.fiter-by-country-lft ul>li:last-child {
margin: 0;
}
.tag-popular-search-lft ul>li {
display: inline-block;
color: #7f7f7f;
font-size: 11px;
background: #fff;
margin-right: 6px;
margin-bottom: 6px;
}
.tag-popular-search-lft ul>li>a {
display: block;
color: #7f7f7f;
padding: 8px;
}
.hd-show-result {
margin-top: 5px;
}
.hd-show-result {
font-size: 15px;
position: absolute;
right: 20px;
color: #5d6177;
}
.hd-show-result span {
color: #04A2E5;
}
.buyer-listing-tabs {
margin-top: 0;
margin-bottom: 24px;
}
.buyer-listing-tabs .nav.nav-tabs {
border: 1px solid #c7c4c4!important;
display: inline-block;
}
.buyer-listing-tabs .nav.nav-tabs li {
background: #e9e9e9;
float: left;
margin: 0;
}
.buyer-listing-tabs .nav.nav-tabs li a.active, .buyer-listing-tabs .nav.nav-tabs li:hover a {
background: #4d5468;
color: #e9e9e9;
}
.buyer-listing-tabs .nav.nav-tabs li a {
color: #a2a2a2;
border: 0 none;
border-right: 1px solid #c7c4c4;
border-radius: 0!important;
}
.tab-content>.active {
display: block;
}
.buyer-listing-result-row:not(.buyer-detail-page-row) {
background: #fff;
padding: 23px 15px;
margin-bottom: 13px;
position: relative;
border-radius: 0.3rem!important;
box-shadow: 0 4px 5px 1px rgb(0 0 0 / 10%);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.buyer-listing-result-row .bg-image {
background-position: center center;
background-repeat: no-repeat;
display: block;
background-size: 100% 100%;
}
.buyer-listing-result-row .bg-overlay {
background-color: rgba(0,0,0,.6);
height: 150px;
text-align: center;
}
.brd-right-gray {
border-right: #f3f0f0 1px solid;
}
.li-pd-lft-0>li {
padding-left: 0!important;
}
.buyer-listing-feautures>li * {
vertical-align: top;
}
.buyer-listing-feautures>li span {
color: #444343;
display: inline-block;
}
.buyer-listing-feautures>li * {
vertical-align: top;
}
.tab-brand-logo {
margin-top: 5px;
color: #5d6177;
margin-bottom: 10px;
}
.tab-brand-info li {
padding: 0 0;
color: #a5a9b7;
font-size: 14px;
}
.tab-brand-logo span {
display: inline-block;
margin-left: 10px;
font-style: italic;
text-decoration: underline;
font-size: 13px;
color: #5d6177;
}
.mfr-listing .buyer-listing-action i {
float: left;
}
.buyer-listing-result-row .buyer-listing-action i {
display: inline-block;
overflow: hidden;
border-radius: 100%;
height: 40px;
width: 40px;
background-size: cover;
margin-right: 7px;
border: #e8e8e8 6px solid;
}
.flag-right .buyer-listing-action i {
height: 26px!important;
width: 26px!important;
border: #e8e8e8 2px solid!important;
}
.tab-brand-info li span {
color: #444343;
display: inline-block;
}
.tab-brand-info li {
padding: 0 0;
color: #a5a9b7;
font-size: 14px;
}
.action-grp .buyer-listing-social {
width: auto;
float: left;
}
.buyer-listing-social {
margin-top: 13px;
text-align: center;
}
.buyer-listing-social a.buyer-listing-btn {
display: inline-block;
background: #04A2E5;
font-size: 12px;
padding: 5px 16px;
color: #fff;
font-size: 14px;
border-radius: 62px;
}
.action-grp .buyer-listing-viewprice {
width: auto;
float: right;
}
.action-grp .buyer-listing-viewprice a {
background: linear-gradient(to right,#ff6a00,#ee0979);
color: #fff;
padding: 6px 13px;
border-radius: 40px;
float: left;
}
.buyer-listing-result-row:not(.buyer-detail-page-row):hover {
-webkit-transform: scale(1.001);
transform: scale(1.009);
-webkit-box-shadow: 0 4px 10px 2px rgb(0 0 0 / 15%);
box-shadow: 0 4px 10px 2px rgb(0 0 0 / 15%);
transition:all linear 0.3s;
}
.buyer-listing-result-row:not(.buyer-detail-page-row) {
background: #fff;
padding: 23px 15px;
margin-bottom: 13px;
position: relative;
border-radius: 0.3rem!important;
box-shadow: 0 4px 5px 1px rgb(0 0 0 / 10%);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.buyer-listing-result-row .buyer-listing-result-date {
position: absolute;
font-size: 11px;
right: 20px;
}
.buyer-listing-result-row .buyer-listing-result-date i {
font-size: 13px;
font-weight: 400;
margin-right: 3px;
position: relative;
top: -1px;
}
.buyer-listing-result-row h5 {
color: #5d6177;
max-width: 74%;
font-size: 16px;
}
.buyer-listing-result-row p {
color: #898dab;
font-size: 12px;
}
.buyer-listing-result-row p a {
color: #04A2E5;
}
.buyer-listing-result-row .buyer-listing-info {
color: #5d6177;
width: 60%;
display: inline-block;
}
.offer-detail-visible {
margin-bottom: 23px;
}
.buyer-listing-result-row .buyer-listing-info>li {
display: inline-block;
width: 30%;
font-size: 11px;
position: relative;
padding-left: 22px;
}
.buyer-listing-result-row .buyer-listing-info>li>i {
position: absolute;
left: 0;
font-size: 14px;
top: 0;
color: #04A2E5;
}
[class*=" icon-"], [class^=icon-] {
font-family: icomoon!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.buyer-listing-result-row .buyer-listing-info>li>span {
display: block;
font-size: 12px;
font-weight: 500;
}
.offer-detail-visible a {
font-size: 11px;
color: #04A2E5;
}
.buyer-tab-company .buyer-listing-action {
margin-top: 13px;
padding-right: 7px;
}
.buyer-listing-result-row .buyer-listing-action {
float: right;
position: relative;
width: 40%;
text-align: right;
margin-top: 0;
}
.buyer-listing-result-row .buyer-listing-action i {
display: inline-block;
overflow: hidden;
border-radius: 100%;
height: 40px;
width: 40px;
background-size: cover;
margin-right: 7px;
border: #e8e8e8 6px solid;
}
.buyer-tab-company .buyer-listing-action a.buyer-listing-btn {
font-size: 12px;
padding: 7px 21px;
margin-left: 7px;
}
.buyer-tab-company .buyer-listing-action a.buyer-listing-btn {
display: inline-block;
background: #04A2E5;
font-size: 15px;
color: #fff;
padding: 8px 21px;
border-radius: 40px;
line-height: normal;
}
.buyer-listing-result-row .buyer-listing-action i {
display: inline-block;
overflow: hidden;
border-radius: 100%;
height: 40px;
width: 40px;
background-size: cover;
margin-right: 7px;
border: #e8e8e8 6px solid;
}
.flag-icon-id {
background-image: url(https://static.eworldtrade.com/v7/_root_/2K19/flags/4x3/id.svg);
}
/****************** Company Overview Page ***************************/
.company-profile {
background: url(img/company-banner22.jpg) no-repeat left center;
background-size: cover;
}
.inner-banner {
background: url(img/company-banner22.jpg) no-repeat left center;
background-size: cover;
padding: 100px 0;
color: #fff;
}
.company-profile .container {
position: relative;
}
.company-profile i.com-logo {
position: relative;
top: -20px;
}
.company-profile i {
display: inline-block;
float: left;
padding-right: 30px;
}
.company-profile .com-logo img {
height: auto;
max-width: 200px;
margin-top: 29px;
}
.inner-banner h1 {
color: #fff;
font-size: 38px;
font-weight: 600;
margin-bottom: 17px;
}
.company-profile span.company-cat {
font-size: 20px;
display: block;
margin: -10px 0 10px;
}
.company-profile ul li {
display: inline-block;
margin: 0 11px 0 0;
}
.company-profile ul li i {
position: relative;
top: 5px;
padding: 0;
margin-right: 9px;
}
.company-profile i {
display: inline-block;
float: left;
padding-right: 30px;
}
.company-profile figure a:last-child img {
width: 36%;
}
section.com-details.bggrey {
color: #9a9fbf;
font-size: 16px;
}
section.com-details.bggrey .container {
padding-bottom: 20px;
}
.brd-white-pad {
background: #fff;
padding: 30px 30px;
position: relative;
box-shadow: #d4c6c6 0 2px 4px;
}
.hd-rd-brdr {
color: #5d6177;
font-size: 18px;
position: relative;
padding-bottom: 15px;
margin-bottom: 19px;
border-bottom: #d4d4d4 1px solid;
}
.hd-rd-brdr:after {
background: #04A2E5;
content: "";
position: absolute;
width: 70px;
height: 3px;
left: 0;
bottom: -2px;
}
.com-formsec {
margin-top: 12px;
border: 2px solid #e2e2e2;
}
.com-formsec {
padding: 20px;
border: 2px solid #e2e2e2;
border-radius: 5px;
position: relative;
}
.com-formsec h2 {
background: #04A2E5;
color: #fff;
font-size: 17px;
margin: -22px -20px;
display: block;
margin-bottom: 20px;
padding: 10px;
text-align: center;
font-weight: 500;
border-radius: 5px;
}
.form-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.form-row>.col, .form-row>[class*=col-] {
padding-right: 5px;
padding-left: 5px;
}
.com-formsec input, .com-formsec textarea {
width: 100%;
height: 40px;
border-radius: 5px;
margin: 0 0 10px;
box-shadow: none;
border: none;
border: 2px solid #e2e2e2;
padding: 10px;
font-size: 12px;
}
.iti {
width: 100%;
}
.iti {
position: relative;
display: inline-block;
}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
right: auto;
left: 0;
}
.iti__flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px;
}
.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
}
.iti input, .iti input[type=tel], .iti input[type=text] {
position: relative;
z-index: 0;
margin-top: 0!important;
margin-bottom: 0!important;
padding-right: 36px;
margin-right: 0;
}
.com-formsec input, .com-formsec textarea {
width: 100%;
height: 40px;
border-radius: 5px;
margin: 0 0 10px;
box-shadow: none;
border: none;
border: 2px solid #e2e2e2;
padding: 10px;
font-size: 12px;
}
.iti__selected-flag {
z-index: 1;
position: relative;
display: flex;
align-items: center;
height: 100%;
padding: 0 6px 0 8px;
}
.iti__flag.iti__us {
height: 11px;
background-position: -5263px 0;
}
.iti__flag {
height: 15px;
box-shadow: 0 0 1px 0 #888;
background-image: url(../img/flags.png);
background-repeat: no-repeat;
background-color: #dbdbdb;
background-position: 20px 0;
}
.iti__arrow {
margin-left: 6px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555;
}
select.form-control:not([size]):not([multiple]) {
height: auto;
}
select.form-control:not([size]):not([multiple]) {
height: calc(2.25rem + 2px);
}
.com-formsec select {
margin-bottom: 12px;
}
.com-formsec input, .com-formsec textarea {
width: 100%;
height: 40px;
border-radius: 5px;
margin: 0 0 10px;
box-shadow: none;
border: none;
border: 2px solid #e2e2e2;
padding: 10px;
font-size: 12px;
}
.com-formsec input[type=submit] {
background: #04A2E5;
border: none;
color: #fff;
font-size: 18px;
text-transform: capitalize;
padding: 6px 0;
height: auto;
border-radius: 50px;
}
.com-formsec {
margin-top: 12px;
border: 2px solid #e2e2e2;
}
section.prd-showcase.bggrey {
padding: 20px 0;
padding-bottom: 0;
}
.bggrey {
background: #f2f2f2;
}
.brd-white-pad {
background: #fff;
padding: 30px 30px;
position: relative;
box-shadow: #d4c6c6 0 2px 4px;
}
section.prd-showcase.bggrey h2 {
font-size: 18px;
color: #04A2E5;
text-transform: uppercase;
font-weight: 600;
}
section.prd-showcase.bggrey .Showcase-prd-tabs {
width: 100%;
margin-top: 13px;
margin-bottom: 17px;
}
section.prd-showcase.bggrey .Showcase-prd-tabs ul {
border-bottom: 1px solid #dee2e6;
padding: 12px 7px;
}
.nav-tabs .nav-item {
margin-bottom: -1px;
}
section.prd-showcase.bggrey .Showcase-prd-tabs ul li a.active {
border: 2px solid #04A2E5;
background: #04A2E5;
color: #fff;
border-radius: 10rem;
}
section.prd-showcase.bggrey .Showcase-prd-tabs ul li a {
border: 2px solid #04A2E5;
border-radius: 10rem;
color: #000;
background: #fff;
margin-right: 10px;
font-size: 12px;
margin-bottom: 10px;
}
section.prd-showcase.bggrey .Showcase-prd-tabs ul li a {
border: 2px solid #04A2E5;
border-radius: 10rem;
color: #000;
background: #fff;
margin-right: 10px;
font-size: 12px;
margin-bottom: 10px;
}
.prd-showcase-result-col .tab-content {
background: #fff;
}
.tab-content>.active {
display: block;
}
.prd-showcase-listing-result-row {
column-count: 3;
column-gap: 1em;
max-width: 1300px;
margin: 0 auto;
}
.prd-showcase-listing-result-row ul li {
position: relative;
border: none;
background: #fff;
width: 100%;
margin-bottom: 8px;
color: #aca7a7;
-webkit-column-break-inside: avoid;
break-inside: avoid;
page-break-inside: avoid;
margin-bottom: 14px!important;
}
.prd-showcase-listing-result-row ul li img {
width: 100%;
max-width: 100%;
}
.prd-showcase-listing-result-row ul li span {
bottom: 0;
background: #4d5468;
padding: 5px 10px;
color: #fff;
font-size: 12px;
text-align: left;
width: 100%;
display: inline-block;
}
.prd-showcase-listing-result-row ul li span.product-industry {
background: #383f60;
}
.prd-showcase-listing-result-row ul li span {
bottom: 0;
background: #4d5468;
padding: 5px 10px;
color: #fff;
font-size: 12px;
text-align: left;
width: 100%;
display: inline-block;
}
section.prd-showcase.bggrey h2 span {
color: #5d6177;
}
/****************** Company Overview Menu Tab **************************/
section.company-about.bggrey {
padding: 20px 0;
}
section.company-about.bggrey .brd-white-pad {
padding: 0;
}
.brd-white-pad {
background: #fff;
padding: 30px 30px;
position: relative;
box-shadow: #d4c6c6 0 2px 4px;
}
.company-about-tabs {
width: 100%;
height: 100%;
background: #3d466c;
}
.company-about-tabs h2 {
display: block;
background: #3d466c;
margin: 0;
color: #fff;
font-size: 20px;
padding: 10px 29px 10px;
}
section.company-about.bggrey ul.nav-tabs {
display: block;
border: none;
background: #3d466c;
width: 100%;
}
.nav-tabs .nav-item {
margin-bottom: -1px;
}
.nav-tabs .nav-item {
margin-bottom: -1px;
}
section.company-about.bggrey ul.nav-tabs li a.active {
background: inherit;
border-left: 5px solid #04A2E5;
}
section.company-about.bggrey ul.nav-tabs li a {
padding: 0;
border: 0;
display: block;
padding: 16px 17px 16px 31px;
color: #fff;
position: relative;
}
section.company-about.bggrey ul.nav-tabs li a.active:after {
content: "";
position: absolute;
right: -22px;
-webkit-clip-path: polygon(0 0,0 100%,100% 45%);
clip-path: polygon(0 0,0 100%,100% 45%);
background: #3d466c;
z-index: 5;
width: 22px;
height: 50px;
top: 0;
}
section.company-about.bggrey ul.nav-tabs li:nth-child(even) {
background: #383f60;
}
.company-about-tabs {
width: 100%;
height: 100%;
background: #3d466c;
}
.company-about-col .tab-content h2 {
margin: 0;
font-size: 22px;
color: #4d5468;
margin: 0 0 5px;
}
.company-about-col .tab-content h2 {
margin-bottom: 20px!important;
}
.company-about-col .tab-content p {
font-size: 14px;
color: #9a9fbf;
line-height: 24px;
}
.company-about-col .tab-content {
background: #fff;
padding: 20px 50px;
}
.company-about-col .tab-content ul li {
color: #9a9fbf;
font-size: 14px;
margin: 0 0 5px;
}
.company-about-col .tab-content ul li b {
color: #4d5468;
position: relative;
top: -2px;
font-weight: 600;
width: 100%;
float: left;
}
section.productbox.bggrey {
padding-top: 0;
}
section.productbox.bggrey {
padding: 20px 0;
}
.detail-box {
margin-bottom: 10px;
}
.brd-white-pad {
background: #fff;
padding: 30px 30px;
position: relative;
box-shadow: #d4c6c6 0 2px 4px;
}
section.productbox.bggrey h2 {
font-size: 21px;
margin: 0 0 20px;
color: #5d6177;
font-weight: 600;
}
.lSSlideOuter {
overflow: hidden;
user-select: none;
}
.lSSlideWrapper {
max-width: 100%;
overflow: hidden;
}
.lSSlideWrapper, .lSSlideWrapper .lSFade {
position: relative;
}
.lSSlideOuter .lSPager, .lSSlideOuter .lightSlider {
padding-left: 0;
list-style: none;
}
.lSSlideOuter .lSPager.lSGallery {
list-style: none;
padding-left: 0;
margin: 0;
overflow: hidden;
transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
user-select: none;
}
.lSSlideOuter .lSPager.lSGallery img {
display: block;
height: auto;
max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:after, .lSSlideOuter .lSPager.lSGallery:before {
content: " ";
display: table;
}
.lSSlideOuter .lSPager.lSGallery:after, .lSSlideWrapper>.lightSlider:after {
clear: both;
}
.prod-info {
float: left;
padding-top: 10px;
padding-left: 20px;
position: relative;
width: 48%;
text-align: left;
}
.prod-info ul li {
font-size: 14px;
border-bottom: 1px solid #dedede;
color: #5d6177;
margin-bottom: 7px;
font-weight: 600;
}
.prod-info ul li strong {
color: #aeb2c3;
position: relative;
top: -3px;
font-weight: 600;
}
.prod-info .buyer-listing-social {
text-align: left;
}
.buyer-listing-social {
margin-top: 13px;
text-align: center;
}
.buyer-listing-social a.buyer-listing-btn {
display: inline-block;
background: #04A2E5;
font-size: 12px;
padding: 5px 16px;
color: #fff;
font-size: 14px;
border-radius: 62px;
}
.buyer-listing-social a {
display: inline-block;
margin: 0 6px;
}
figure {
margin: 0 0 1rem;
}
.free-mem img {
position: unset;
max-width: 130px;
margin-top: 16px;
}
.prod-info {
float: left;
padding-top: 10px;
padding-left: 20px;
position: relative;
width: 48%;
text-align: left;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
.prod-supplier-box {
margin-bottom: 10px;
}
.brd-white-pad {
background: #fff;
padding: 30px 30px;
position: relative;
box-shadow: #d4c6c6 0 2px 4px;
}
section.productbox.bggrey h2 {
font-size: 21px;
margin: 0 0 20px;
color: #5d6177;
font-weight: 600;
}
.prod-supplier-box .row {
margin: 0;
}
.nopad {
padding: 0;
}
img[src$="no-image-thumbnail-white.jpg"] {
filter: grayscale(.7);
}
.padleft15 {
padding-left: 15px;
}
.prod-supplier-box ul li {
font-size: 13px;
margin-bottom: 6px;
color: #5d6177;
}
.prod-supplier-box ul li strong {
color: #aeb2c3;
position: relative;
top: 0;
margin-right: 4px;
vertical-align: unset;
}
.prod-supplier-box ul li em {
font-style: italic;
text-decoration: underline;
position: relative;
top: -2px;
}
.prod-supplier-box ul li {
font-size: 13px;
margin-bottom: 6px;
color: #5d6177;
}
.prod-supplier-box ul li strong {
color: #aeb2c3;
position: relative;
top: 0;
margin-right: 4px;
vertical-align: unset;
}
.prod-supplier-box ul li img {
max-width: 100px;
padding-left: 10px;
}
.prod-supplier-box ul li strong {
color: #aeb2c3;
position: relative;
top: 0;
margin-right: 4px;
vertical-align: unset;
}
.prod-supplier-box ul li {
font-size: 13px;
margin-bottom: 6px;
color: #5d6177;
}
.sidebar.recent-prod ul li i img {
width: 70px;
display: block;
background: #f2eff9;
padding: 5px;
height: 56px;
}
.sidebar.recent-prod ul li i {
position: absolute;
left: 10px;
}
.sidebar.recent-prod ul li h4 {
font-size: 13px;
color: #5d6177;
margin: 0 0 5px;
}.sidebar.recent-prod ul li h4 a{
color: #5d6177;
}
.suplplier-heading {
margin-left: 11px;
}
.inline-blocks {
margin-bottom: 10px;
}
.inline-blocks > div {
display: inline-block;
vertical-align: top;
}
.inline-blocks > div {
display: inline-block;
vertical-align: top;
}
.left-container > img {
width: 60px;
height: 60px;
border: 1px solid #afafaf;
}
.heading-rfq {
font-size: 18px;
}
.c-heading {
color: #000;
font-weight: 600;
}
.sub-heading {
color: #ababab;
font-weight: 500;
margin-top: 5px;
margin-bottom: 0px;
}
.m-inc-country img, .country_flag {
width: 20px;
border: 0;
}
.m-inc-country img, .country_flag {
width: 20px;
border: 0;
}
.terms-container {
width: 75%;
margin: auto;
font-family: 'Open Sans', sans-serif;
color: #262626;
}
.terms-title h1{
font-size: 20px;
font-family: "RobotoCondensed-Bold";
text-align: center;
font-weight: bold;
letter-spacing: 10px;
}
.terms-body h4 {
color: #EB573D;
font-size: 16px;
line-height: 25px;
}
.terms-body h3{
font-family: "RobotoCondensed-Bold";
color: #262626;
font-weight: bold;
text-align: left;
margin-bottom: -10px;
font-size: 13px;
}
.terms-body p{
font-size: 12px;
line-height: 25px
}
.terms-body a{
color: #EB573D;
}
.terms-body a:hover{
color: #EB573D;
text-decoration: none;
}
.terms_footer h3 {
margin-top: 60px;
margin-bottom: 125px;
text-align: center;
font-weight: bold;
letter-spacing: 3px;
line-height: 1.5;
color: #262626;
}
.terms_footer h3 a:link {
color: #EB573D;
text-decoration: none;
}
footer,
section {
display: block;
margin: 0;
font-family: work sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.7;
color: #666;
text-align: left;
background-color: #fff;
letter-spacing: -.015em
}
.main-footer {
padding-bottom: 0px;
}
footer{
color: #b9b9b9 !important;
}
.main-footer ul li a{
color: #b9b9b9 !important;
}
.font-size-md {
font-size: 1rem!important
}
.bg-pattern-01 {
padding-top:40px;
background:#2c2c2c!important;
background-size: cover;
background-position: center;
}
.main-footer.bg-lighter-dark {
color: #999
}
.main-footer .footer_title {
color: #fff !important;
}
.main-footer ul li a {
color: #666;
font-size: 13px;
line-height: 16px;
font-weight: 300;
}
.main-footer ul li a:hover {
color: #04A2E5 !important;
}
.font-size_13{
font-size:13px !important;
}
.main-footer.bg-lighter-dark .footer-first {
border-bottom: 1px solid #404040
}
.main-footer.bg-lighter-dark .input-group {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
background: #666!important
}
.main-footer.bg-lighter-dark .form-control {
border: none;
color: #ccc
}
.main-footer.bg-lighter-dark .form-control:focus {
background: #666
}
.main-footer.bg-lighter-dark .form-control::-webkit-input-placeholder {
color: #ccc
}
.main-footer.bg-lighter-dark .form-control::-moz-placeholder {
color: #ccc
}
.main-footer.bg-lighter-dark .form-control:-ms-input-placeholder {
color: #ccc
}
.main-footer.bg-lighter-dark .form-control::-ms-input-placeholder {
color: #ccc
}
.main-footer.bg-lighter-dark .form-control::placeholder {
color: #ccc
}
.main-footer.bg-lighter-dark .social-icon a:hover {
color: #fff
}
.main-footer.bg-lighter-dark .back-top a {
color: #f5f5f5
}
.main-footer-style-01 .footer-second .input-group-append:hover,
.main-footer-style-01 .footer-second .input-group-append:focus {
background: #fff
}
.main-footer-style-01 .social-icon li i {
font-size: 16px
}
.main-footer-style-01 .social-icon li .icon {
font-size: 16px
}
.main-footer-style-01 .back-top {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
@media(max-width:767.98px) {
.main-footer-style-01 .back-top {
left: 0;
right: auto;
bottom: -30px;
top: auto
}
}
.main-footer-style-01 .back-top a {
color: #666
}
.main-footer-style-01 .back-top i:not(:last-child) {
margin-right: 10px
}
.main-footer-style-01 .back-top.in {
visibility: visible
}
.main-footer-style-02 {
position: relative
}
.footer-last{
/*background: #002e4b;*/
/*background: #04A2E5;*/
background:#2d3442;
padding: 10px 0px;
color:white !important;
}
@media(max-width:1199.98px) {
.main-footer-style-02 .footer-last-container {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.main-footer-style-02 .footer-last-container .social-icon {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%
}
}
.main-footer-style-02 .back-top {
font-size: 30px;
line-height: 1;
display: inline-block;
position: fixed;
right: 30px;
bottom: 30px;
z-index: 99999;
top: auto;
-webkit-transform: none;
transform: none
}
.main-footer-style-02 .back-top a {
color: #000
}
@media screen and (max-width:1500px) {
.main-footer-style-02 .back-top {
right: 10px
}
}
.list-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0
}
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit
}
.list-group-item-action:hover,
.list-group-item-action:focus {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa
}
.list-group-item-action:active {
color: #666;
background-color: #e9ecef
}
.list-group-item {
position: relative;
display: block;
padding: .75rem 1.25rem;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .125)
}
.list-group-item:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.list-group-item:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.list-group-item.disabled,
.list-group-item:disabled {
color: #999;
pointer-events: none;
background-color: #fff
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #F49902;
border-color: #F49902
}
.list-group-item+.list-group-item {
border-top-width: 0
}
.list-group-item+.list-group-item.active {
margin-top: -1px;
border-top-width: 1px
}
.list-group-horizontal {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal .list-group-item:first-child {
border-bottom-left-radius: 3px;
border-top-right-radius: 0
}
.list-group-horizontal .list-group-item:last-child {
border-top-right-radius: 3px;
border-bottom-left-radius: 0
}
.list-group-horizontal .list-group-item.active {
margin-top: 0
}
.list-group-horizontal .list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal .list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
@media(min-width:576px) {
.list-group-horizontal-sm {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-sm .list-group-item:first-child {
border-bottom-left-radius: 3px;
border-top-right-radius: 0
}
.list-group-horizontal-sm .list-group-item:last-child {
border-top-right-radius: 3px;
border-bottom-left-radius: 0
}
.list-group-horizontal-sm .list-group-item.active {
margin-top: 0
}
.list-group-horizontal-sm .list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-sm .list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media(min-width:768px) {
.list-group-horizontal-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-md .list-group-item:first-child {
border-bottom-left-radius: 3px;
border-top-right-radius: 0
}
.list-group-horizontal-md .list-group-item:last-child {
border-top-right-radius: 3px;
border-bottom-left-radius: 0
}
.list-group-horizontal-md .list-group-item.active {
margin-top: 0
}
.list-group-horizontal-md .list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-md .list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media(min-width:992px) {
.list-group-horizontal-lg {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-lg .list-group-item:first-child {
border-bottom-left-radius: 3px;
border-top-right-radius: 0
}
.list-group-horizontal-lg .list-group-item:last-child {
border-top-right-radius: 3px;
border-bottom-left-radius: 0
}
.list-group-horizontal-lg .list-group-item.active {
margin-top: 0
}
.list-group-horizontal-lg .list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-lg .list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media(min-width:1200px) {
.list-group-horizontal-xl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-xl .list-group-item:first-child {
border-bottom-left-radius: 3px;
border-top-right-radius: 0
}
.list-group-horizontal-xl .list-group-item:last-child {
border-top-right-radius: 3px;
border-bottom-left-radius: 0
}
.list-group-horizontal-xl .list-group-item.active {
margin-top: 0
}
.list-group-horizontal-xl .list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-xl .list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
.list-group-flush .list-group-item {
border-right-width: 0;
border-left-width: 0;
border-radius: 0
}
.list-group-flush .list-group-item:first-child {
border-top-width: 0
}
.list-group-flush:last-child .list-group-item:last-child {
border-bottom-width: 0
}
.list-group-borderless .list-group-item {
border: 0
}
.list-group-item-primary {
color: #852f31;
background-color: #ffd1d2
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
color: #852f31;
background-color: #ffb8b9
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #852f31;
border-color: #852f31
}
.list-group-item-secondary {
color: #353535;
background-color: #d4d4d4
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
color: #353535;
background-color: #c7c7c7
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #353535;
border-color: #353535
}
.list-group-item-success {
color: #364f0e;
background-color: #d4e2bf
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
color: #364f0e;
background-color: #c8daad
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #364f0e;
border-color: #364f0e
}
.list-group-item-info {
color: #214c7e;
background-color: #c9e1fc
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
color: #214c7e;
background-color: #b1d4fb
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #214c7e;
border-color: #214c7e
}
.list-group-item-warning {
color: #856100;
background-color: #ffecb8
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
color: #856100;
background-color: #ffe59f
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #856100;
border-color: #856100
}
.list-group-item-danger {
color: #850000;
background-color: #ffb8b8
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
color: #850000;
background-color: #ff9f9f
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #850000;
border-color: #850000
}
.list-group-item-light {
color: #7d7d7d;
background-color: #fbfbfb
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
color: #7d7d7d;
background-color: #eee
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #7d7d7d;
border-color: #7d7d7d
}
.list-group-item-dark {
color: #000;
background-color: #b8b8b8
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
color: #000;
background-color: #ababab
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #000;
border-color: #000
}
.list-group-item-white {
color: #858585;
background-color: #fff
}
.list-group-item-white.list-group-item-action:hover,
.list-group-item-white.list-group-item-action:focus {
color: #858585;
background-color: #f2f2f2
}
.list-group-item-white.list-group-item-action.active {
color: #fff;
background-color: #858585;
border-color: #858585
}
.list-group-item-gray {
color: #505050;
background-color: #e2e2e2
}
.list-group-item-gray.list-group-item-action:hover,
.list-group-item-gray.list-group-item-action:focus {
color: #505050;
background-color: #d5d5d5
}
.list-group-item-gray.list-group-item-action.active {
color: #fff;
background-color: #505050;
border-color: #505050
}
.list-group-item-darker-light {
color: #6a6a6a;
background-color: #f1f1f1
}
.list-group-item-darker-light.list-group-item-action:hover,
.list-group-item-darker-light.list-group-item-action:focus {
color: #6a6a6a;
background-color: #e4e4e4
}
.list-group-item-darker-light.list-group-item-action.active {
color: #fff;
background-color: #6a6a6a;
border-color: #6a6a6a
}
.list-group-item-dark-red {
color: #6a0000;
background-color: #f1b8b8
}
.list-group-item-dark-red.list-group-item-action:hover,
.list-group-item-dark-red.list-group-item-action:focus {
color: #6a0000;
background-color: #eda3a3
}
.list-group-item-dark-red.list-group-item-action.active {
color: #fff;
background-color: #6a0000;
border-color: #6a0000
}
.list-group-item-lighter-dark {
color: #141414;
background-color: #c2c2c2
}
.list-group-item-lighter-dark.list-group-item-action:hover,
.list-group-item-lighter-dark.list-group-item-action:focus {
color: #141414;
background-color: #b5b5b5
}
.list-group-item-lighter-dark.list-group-item-action.active {
color: #fff;
background-color: #141414;
border-color: #141414
}
.list-group-item-green {
color: #3c5c00;
background-color: #d8e9b8
}
.list-group-item-green.list-group-item-action:hover,
.list-group-item-green.list-group-item-action:focus {
color: #3c5c00;
background-color: #cde3a5
}
.list-group-item-green.list-group-item-action.active {
color: #fff;
background-color: #3c5c00;
border-color: #3c5c00
}
.list-group-item-gray-01 {
color: #797b7c;
background-color: #f9fafb
}
.list-group-item-gray-01.list-group-item-action:hover,
.list-group-item-gray-01.list-group-item-action:focus {
color: #797b7c;
background-color: #eaedf1
}
.list-group-item-gray-01.list-group-item-action.active {
color: #fff;
background-color: #797b7c;
border-color: #797b7c
}
.list-group-item-gray-02 {
color: #7f7f7f;
background-color: #fcfcfc
}
.list-group-item-gray-02.list-group-item-action:hover,
.list-group-item-gray-02.list-group-item-action:focus {
color: #7f7f7f;
background-color: #efefef
}
.list-group-item-gray-02.list-group-item-action.active {
color: #fff;
background-color: #7f7f7f;
border-color: #7f7f7f
}
.list-group-item-gray-03 {
color: #7c7c7c;
background-color: #fafafa
}
.list-group-item-gray-03.list-group-item-action:hover,
.list-group-item-gray-03.list-group-item-action:focus {
color: #7c7c7c;
background-color: #ededed
}
.list-group-item-gray-03.list-group-item-action.active {
color: #fff;
background-color: #7c7c7c;
border-color: #7c7c7c
}
.list-group-item-gray-04 {
color: #7c7d7e;
background-color: #fafbfb
}
.list-group-item-gray-04.list-group-item-action:hover,
.list-group-item-gray-04.list-group-item-action:focus {
color: #7c7d7e;
background-color: #ecf0f0
}
.list-group-item-gray-04.list-group-item-action.active {
color: #fff;
background-color: #7c7d7e;
border-color: #7c7d7e
}
.list-group-item-gray-05 {
color: #7b7d7d;
background-color: #fafbfb
}
.list-group-item-gray-05.list-group-item-action:hover,
.list-group-item-gray-05.list-group-item-action:focus {
color: #7b7d7d;
background-color: #ecf0f0
}
.list-group-item-gray-05.list-group-item-action.active {
color: #fff;
background-color: #7b7d7d;
border-color: #7b7d7d
}
.link-hover-secondary-primary {
color: #666
}
.link-hover-secondary-primary:hover,
.link-hover-secondary-primary:focus {
color: #F49902!important;
text-decoration: none
}
.pvl-banner-leftnav {
background: url('{{asset('storage/pages/'.$pages->image)}}') no-repeat left top;
background-size: cover !important;
padding: 70px 0;
color: #fff;
}
.services-background {
padding: 60px 0 100px;
color: #fff;
background-size: cover;
background-position: bottom right;
}
.elite-banner {
background: url('{{asset('storage/pages/'.$pages->image)}}') no-repeat left top;
}
.services-banner h1 {
width: 100%;
font-size: 48px;
text-shadow: 4px 2px #0000003d;
padding-left: 29px;
}
.services-banner h2 {
padding-left: 29px;
font-size: 35px;
font-weight: 400;
text-shadow: 4px 2px #0000003d;
}
.services-card .section-position {
top: -74px;
}
.section-position {
position: relative;
top: -104px;
}
.services-card form {
-webkit-box-shadow: 0 4px 25px 0 rgb(0 0 0 / 10%);
box-shadow: 0 4px 25px 0 rgb(0 0 0 / 10%);
padding: 20px;
}
.elite-register-form {
background: #fff;
padding: 28px 37px;
}
.elite-register-form input {
border-color: #e3e3e3;
border-radius: 0;
color: #777;
font-weight: 500;
margin-bottom: 17px;
}
.elite-register-form .header-content {
display: flex;
width: 100%;
}
.elite-package-bg-with-color, .services-card h2.elite-bg {
color: #fff!important;
background: #6190e8!important;
background: -webkit-linear-gradient(to right,#a7bfe8,#6190e8)!important;
background: linear-gradient(to right,#a7bfe8,#6190e8)!important;
}
.elite-register-form h2 span {
color: #04A2E5;
}
.services-card input:checked:after, .services-card input:checked:hover:after {
background: #04A2E5;
color: #fff;
}
.services-card form input::after {
display: inline-block;
text-align: center;
content: attr(data-label);
color: #6c757d;
cursor: pointer;
font-size: 14px;
padding: 5px 10px;
border-radius: 5px;
transition: all .3s ease-in-out 0s;
background: #f7f7f7;
}
.services-card .nav-tabs li:first-child label {
color: #2c2c2c;
float: left;
font-size: 16px;
margin-top: 5px;
margin-bottom: 0;
}
.services-card .nav-tabs input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
position: relative;
background-color: #f1f1f1;
color: #666;
top: 5px;
height: 20px;
width: 46px;
border: 0;
border-radius: 50px;
cursor: pointer;
margin-right: 7px;
outline: 0;
}
.elite-register-form input {
border-color: #e3e3e3;
border-radius: 0;
color: #777;
font-weight: 500;
margin-bottom: 17px;
}
.services-card h2 span {
margin-left: 10px;
font-weight: 700;
color: #04A2E5!important;
}
.services-card .form-row {
padding: 0 7px;
}
.services-card .nav-tabs {
border: none;
}
.nav-tabs {
border-bottom: 1px solid #dee2e6;
}
.services-card .nav-tabs li:first-child {
float: left;
width: 100%;
}
.list-inline-item:not(:last-child) {
margin-right: 0.5rem;
}
.list-inline-item {
display: inline-block;
}
.services-card .nav-tabs li:first-child label {
color: #2c2c2c;
float: left;
font-size: 16px;
margin-top: 5px;
margin-bottom: 0;
}
.services-card .nav-tabs label {
color: #333;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: pointer;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
.services-card .form-row {
padding: 0 7px;
}
.form-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.form-row>.col, .form-row>[class*=col-] {
padding-right: 5px;
padding-left: 5px;
}
.services-card .incomplete-info-form-group h6 {
color: #2c2c2c;
margin-top: 11px;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.services-card .col-6:nth-child(odd) {
padding-right: 4px!important;
}
.services-card .incomplete-info-form-group .form-control {
background-color: #f7f7f7;
color: #000;
width: 100%;
margin-bottom: 7px!important;
height: 40px!important;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-image: initial;
padding: 2px 15px;
border-radius: 6px;
}
.services-card form input::after {
display: inline-block;
text-align: center;
content: attr(data-label);
color: #6c757d;
cursor: pointer;
font-size: 14px;
padding: 5px 10px;
border-radius: 5px;
transition: all .3s ease-in-out 0s;
background: #f7f7f7;
}
.services-card .col-6:nth-child(even) {
padding-left: 4px!important;
}
.iti {
width: 100%;
}
.iti {
position: relative;
display: inline-block;
}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
right: auto;
left: 0;
}
.iti__flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px;
}
.services-card .iti__selected-flag {
height: 38px!important;
}
.iti__selected-flag {
z-index: 1;
position: relative;
display: flex;
align-items: center;
height: 100%;
padding: 0 6px 0 8px;
}
.services-card .nav-tabs .checkClosest {
display: none;
}
.services-card .incomplete-info-form-group .form-control {
background-color: #f7f7f7;
color: #000;
width: 100%;
margin-bottom: 7px!important;
height: 40px!important;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-image: initial;
padding: 2px 15px;
border-radius: 6px;
}
.input-group {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
}
.input-group-prepend {
margin-right: -1px;
}
.input-group-append, .input-group-prepend {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.services-card .messengerPlatformButton {
background: #6c757d!important;
padding: 5px 15px;
border: none!important;
font-size: 15px!important;
height: 38px;
border-radius: 5px 0 0 5px!important;
}
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: 0.25rem;
}
.dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.services-card .details-listing nav {
background: #fff;
padding: 20px 20px 20px 35px;
}
.services-card .details-listing h5 {
color: #002e4b;
font-size: 32px;
margin-bottom: 15px;
}
.services-card .details-listing h5.elite span {
background-color: #6190e8!important;
}
.services-card .details-listing h5 span {
font-size: inherit;
color: #fff;
background-color: #ffab00!important;
display: inline-block!important;
padding: 0 9px;
}
.details-listing h5 span {
color: #04A2E5;
font-size: 26px;
display: contents;
font-weight: 600;
}
ul.packageDetailList {
height: 300px;
overflow-y: auto;
}
.details-listing ul {
margin-top: 0;
}
.services-card .details-listing nav {
background: #fff;
padding: 20px 20px 20px 35px;
}
.details-listing ul li i {
color: #04A2E5;
margin-right: 9px;
}
.fa-check-square:before {
content: "\f14a";
}
.details-listing ul {
margin-top: 0;
}
.side-nav-dark{
display:block;
background: #3d466c;
float:right;
padding: 15px 0;
}
.side-ul {
list-style: none;
}
.side-nav-dark ul li {
padding: 13px 13px;
border-left: 8px solid #222742;
}
.side-nav-dark ul li a {
text-decoration: none;
color: #fff;
font-size: 14px;
letter-spacing: 3px;
}
.side-nav-dark ul li:nth-child(even) {
background: #383f60;
}
.card-title{
padding: 10px;
background: #ced9ed;
}
.quoteForm .iti.iti--allow-dropdown, .contact-form .iti.iti--allow-dropdown,.iti.iti--allow-dropdown{
display:none;
}
.services-card form input::after {
display:none !important;
}
.custom__style_css.top-quick-nav .navbar-nav li #google_translate_element a {
display:none;
}