/*-----search box open start----*/ .btn-info, .btn-info:hover, .btn-info:focus, .btn-info:active { color: #fff; background-color: #1c8ee6; border-color: #1c8ee6; } #search { position: absolute; top: 9%; right: 21%; width: 30%; height: 30%; padding:10px; background-color:#fff; border-radius:5px; z-index:111; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0) box-shadow: 0px 4px 8px -1px rgba(0,0,0,0.30); -webkit-box-shadow: 0px 4px 8px -1px rgba(0,0,0,0.30); -moz-box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.52); } #search.open { -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; } #search input[type="search"] {position: relative; width: 90%; color: #000; background: rgba(0, 0, 0, 0); font-size: 16px; font-weight: 300; text-align: left; border: 0px; margin: 0px auto; outline: none; border-bottom: 1px solid #ccc; padding:7px;} #search .btn { position: absolute;} .triangle-up-shape { position: absolute; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 15px solid #fff; top: -15px; right: 21px; } /* extra css start*/ .social-list { padding: 0px; margin: 0 0 0 159px; list-style: none; display: block ruby; width: 100%;} .social-list li { float:left; padding:0 9px 0 0;} .social-list li .icon { font-size: 16px; width: 32px; height: 32px; text-align: center; background-color: #fff; border: 1px solid #1c8ee6; border-radius: 50%; line-height: 30px;} .border{ background-color:#1c8ee6; width:100%; height:2px; margin:0 16px;} ._border { border: 1px solid #dee2e6 !important; } .circle-box { background-color: #fff;border: 2px solid #1c8ee6; border-radius: 50%; width: 30px; height: 30px; text-align: center; position: relative; margin: 0px auto; top: -16px;right: 0;} .blue-bg { background-color:#1c8ee6 !important; padding: 40px !important; } .blue-bg .circle-image { position: absolute; bottom: 0px; right: -82px; width: 33%; } .white-color-text { color:#fff !important; text-transform: initial; text-align: justify;} .white-hr { margin-top: 1rem; margin-bottom: 1rem; border-top: 1px solid #fff;} .blue-button { background-color: #1c8ee6; border-color: #1c8ee6; flex-flow: row; color:#fff; display: inline-flex; align-items: center; justify-content: center; width: 100%;} .white-button-button { border-color: #fff; flex-flow: row; color:#fff; font-size:14px; display: inline-flex; align-items: center; justify-content: center;} .small-text { font-size:14px; line-height: 25px;} @media (min-width: 375px) and (max-width:767px) { .blue-bg .circle-image { position: absolute; bottom: -68px!important; right: 0!important; width: 33%; } .social-list { padding: 0px; margin: 0 0 0 0px !important; list-style: none; display: block ruby; width: 100%;} } /* extra css end*/ /*-----search box open end----*/ body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .t-v1 p { font-size:14px;} .bg-gray{ background-color:#f6f6f6; padding:0px; margin:0px; display:block;} #service-bg{ background: url(../images/full-bg.jpg) no-repeat; background-size: 100%; } #inner-service-bg{ background: url(../images/bg-1.jpg) no-repeat; background-size: 100%; } .breadcum-bar { margin: 0; padding: 20px 0px;} .breadcum-bar h3 { color:2f3542; margin: 0px; font-weight: 800; font-size: 28px; text-transform: uppercase;} .breadcum-bar .blue-text { color:#1c8ee6; text-transform: lowercase;} .breadcum-bar .breadcum-ul { margin:0px; padding:0px; list-style:none; display:flex; font-size: 12px; line-height:32px;} .breadcum-bar .breadcum-ul>li { float:left; padding: 2px; margin: 0px;} .breadcum-bar .fas.fa-home { color: #000; margin: 0 10px 0 0; } /*======second-menu start======*/ .navigator-menu { background-color: #fff; border-radius: 5px; box-shadow: 0px 4px 8px -1px rgba(0,0,0,0.30); -webkit-box-shadow: 0px 4px 8px -1px rgba(0,0,0,0.30); -moz-box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.52); display:block; width:100%; margin:0 auto; } .navigator .nav-tabs { border: none !important;} .navigator-menu ul { padding: 5px 0 5px 0; margin: 0px; list-style: none; display: table; width: 100%;} .navigator-menu ul > li { float:left; padding: 0px; margin: 0px; font-weight:500; } .navigator-menu ul > li a { color:#000; text-decoration: none;} .navigator-menu .active-menu a { color:#1c8ee6; text-decoration: none;} .navigator-menu .navbar-form { margin: 0px; padding: 0px; } .navigator-menu .navbar-form .search .fa.fa-search { color: #000; font-size: 16px; cursor: pointer; width: auto; margin: 0px; padding: 9px 0;} .navigator-menu .input-group.add-on { vertical-align: -moz-middle-with-baseline; width: 100%;} .navigator-menu #srch-term, .navigator-menu #input_search_order { padding: 0; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; background-color: #fff; box-shadow: none; border-bottom: 1px solid #000; border-radius: 0px; margin: 0 0 0 -17px; } .navigator-menu .btn.btn-default { padding: 0; background-color: transparent; background-image: none; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; box-shadow: none; border-radius: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .navigator-menu .glyphicon { margin: 0 0 0 12px;} .nav-tabs { border: none !important;} .navigator-menu > .navigator-menu.nav-tabs{ border: none;color: #fff;border-radius: 0; display: block ruby; margin: 7px 0;} .navigator-menu > .navigator-menu.nav-tabs .nav-list li { padding: 0 5px; color: #000; cursor: pointer; width: 30px !important;} .navigator-menu > div .nav-item.nav-link { color: #000; font-size: 14px; padding: 0px 8px 0px 8px; margin: 0px; /* width: auto; */ cursor: pointer; border-right: 2px solid #555; border-radius: 0;} .navigator-menu > div .nav-item.nav-link:last-child{ border:0; } .navigator-menu > div .nav-item.nav-link:hover{ border-left-color: transparent;border-top-color: transparent;border-bottom-color: transparent;} .navigator-menu > div .nav-item.nav-link.active { border: none;color: #fff;background-color: #1c8ee6;flex: inherit;padding: 3px 8px !important;border-radius: 5px;} .navigator-menu > div .nav-item.nav-link.active:after{content: "";position: absolute;bottom: -6px;border: 7px solid transparent; border-top-color: transparent;border-top-color: #1c8ee6;display: block;margin: 0 33px;} .navigator-menu > div .nav-item.nav-link.active-2 a{ color: #1c8ee6;} .navigator-menu-mobile { background-color: #fff; box-shadow: 0px 4px 8px -1px rgba(0,0,0,0.30); -webkit-box-shadow: 0px 4px 8px -1px rgba(0,0,0,0.30); -moz-box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.52); display: block; margin: 0 0 -300px 0; position: relative; width: auto; z-index: 111; } .navigator-menu-mobile .mobile-menu form.example input[type=text] { padding: 10px; border: none; width: 100%; background: #f5f5f5; border-radius: 50px; } .navigator-menu-mobile .mobile-menu form.example input:active{ border:none;} .navigator-menu-mobile .mobile-menu form.example button { padding: 10px; color: #c7c7c7; border: none; cursor: pointer; position: absolute; right: 0; margin: 0 18px 0 0; border-radius: 89px; background-color: #f5f5f5; } .navigator-menu-mobile .mobile-menu .mobile-listing { padding: 10px; margin: 0px; list-style: none;} .navigator-menu-mobile .mobile-menu .mobile-listing li a { color: #909090; background-color: #f5f5f5; padding: 10px; width: 100%; display: block;} .navigator-menu-mobile .mobile-menu .mobile-listing li a.active { color: #fff; background-color: #1c8ee6; } .navigator-menu-mobile .mobile-menu .mobile-listing li a:hover { background-color: #1c8ee6; color: #fff; } .hide{ display: none !important; } .navigator-menu-mobile #close-icon { display: initial; position: absolute; top: -20px; right: 0px; cursor: pointer; } /*======second-menu end======*/ .small-breadcum-bar { padding: 20px 0; display:flex;} .small-breadcum-bar h5 { margin:0px; font-size:13px; line-height: 28px;} .small-breadcum-bar .listing { margin:0px; padding:0px;} .small-breadcum-bar .listing li { list-style:none; float:left; padding:0 31px;} .small-breadcum-bar .listing .col-form-label { font-size: 13px; padding: 0px;} .small-breadcum-bar h6 { font-size:13px; margin:0 auto; line-height: 28px; } .small-breadcum-bar .icon-list { margin: 0px; list-style: none; display: table; line-height: 22px; font-size: 13px; float:right;} .small-breadcum-bar .icon-list li { float:left; padding:0 3px; display:block} .small-breadcum-bar .icon-list li a { color:#000; font-size: 12px; } .small-breadcum-bar .icon-list li a:hover { color:#1c8ee6;} .small-breadcum-bar .selectpicker { width: 100%; padding: 3px; font-size:13px; display:block webkit-appearance; margin:0 0 0 12px; } .small-breadcum-bar .form-group.row { margin: 0px;} .small-breadcum-bar .box { background-color: #f6f7f9; border-radius: 2px; margin-bottom: 30px; padding: 24px 30px; } .small-breadcum-bar .box:before, .small-breadcum-bar .box:after { content: ""; display: table; } .small-breadcum-bar .box:after { clear: both; } .small-breadcum-bar [tooltip] { position: relative; font-size: 12px; } .small-breadcum-bar [tooltip].active {color: #1c8ee6; } .small-breadcum-bar [tooltip]::before, .small-breadcum-bar [tooltip]::after { text-transform: none; font-size: .9em; line-height: 1; user-select: none; pointer-events: none; position: absolute; display: none; opacity: 0; } .small-breadcum-bar [tooltip]::before { content: ''; border: 5px solid transparent; z-index: 1001; } .small-breadcum-bar [tooltip]::after { content: attr(tooltip); font-family: Helvetica, sans-serif; text-align: center; min-width: 3em; max-width: 21em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 1ch 1.5ch; border-radius: .3ch; box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35); background: #1c8ee6; color: #fff; z-index: 1000; } .small-breadcum-bar [tooltip]:hover::before, .small-breadcum-bar [tooltip]:hover::after { display: block;} .small-breadcum-bar [tooltip='']::before, .small-breadcum-bar [tooltip='']::after { display: none !important;} .small-breadcum-bar [tooltip]:not([flow])::before, .small-breadcum-bar [tooltip][flow^="up"]::before { bottom: 100%; border-bottom-width: 0; border-top-color: #1c8ee6;} .small-breadcum-bar [tooltip]:not([flow])::after, .small-breadcum-bar [tooltip][flow^="up"]::after { bottom: calc(100% + 5px);} .small-breadcum-bar [tooltip]:not([flow])::before, .small-breadcum-bar [tooltip]:not([flow])::after, .small-breadcum-bar [tooltip][flow^="up"]::before, .small-breadcum-bar [tooltip][flow^="up"]::after { left: 50%; transform: translate(-50%, -.5em);} @keyframes tooltips-vert { to { opacity: .9; transform: translate(-50%, 0); } } @keyframes tooltips-horz { to { opacity: .9; transform: translate(0, -50%); } } .small-breadcum-bar [tooltip]:not([flow]):hover::before, .small-breadcum-bar [tooltip]:not([flow]):hover::after, .small-breadcum-bar [tooltip][flow^="up"]:hover::before, .small-breadcum-bar [tooltip][flow^="up"]:hover::after, .small-breadcum-bar [tooltip][flow^="down"]:hover::before, .small-breadcum-bar [tooltip][flow^="down"]:hover::after { animation: tooltips-vert 300ms ease-out forwards;} .master-padding {padding: 1px 8px 1px 8px;} /*article .gray-color { background-color: #dddfe1; display: block;}*/ /*article .crimey-color { background-color: #ecd4c6; display: block; }*/ article .gray-color { background-color: transparent; display: block;} article .crimey-color { background-color: transparent; display: block; } article .product-grid { padding: 5px; overflow: hidden; position: relative; z-index: 1;} article .product-grid .product-image{position:relative;transition:all .3s ease 0s; min-height: 530px;} article .product-grid .product-image a{display:block} article .product-grid .product-image img{width:100%;height:auto} article .product-grid .pic-1{opacity:1;transition:all .3s ease-out 0s} article .product-grid:hover .pic-1{opacity:1} article .product-grid .social{ color:#fff; width: 100%; padding: 3px; margin: 45px 0; list-style: none; opacity: 0; transform: translateY(-50%) translateX(-50%); position: absolute; top: 0; left: 50%; z-index: 1; transition: all .3s ease 0s; background-color: #000; text-align: end;} article .product-grid:hover .social{opacity:1;top:50%} article .product-grid .social li{display:inline-block} article .product-grid .social li a{color:#fff; font-size:16px;line-height:40px;text-align:center;height:auto;width:20px;margin:0 2px;display:block;position:relative;transition:all .3s ease-in-out} article .product-grid .social li a:hover:after,article .product-grid .social li a:hover:before{opacity:1} article .product-grid .product-discount-label,article .product-grid .product-new-label{color:#fff; background-color:#ea1135; font-size:13px; text-transform:uppercase;padding:2px 10px;display:block;position:absolute;top:10px;right:0; font-family: 'Raleway', sans-serif !important; font-weight: bold;} article .product-grid .product-discount-label,article .product-grid .product-new-label-gray{color:#fff;background-color:#2f3542;font-size:13px;text-transform:uppercase;padding:2px 10px;display:block;position:absolute;top:10px;right:0; font-family: 'Raleway', sans-serif !important; font-weight: bold;} article .product-grid .product-content{background-color:#fff; padding:12px; margin:0 auto;position:absolute;left:0;right:0;bottom:0px;z-index:1;transition:all .3s} article .product-grid .product-content p { margin: 1px 0 0 0px; font-size: 13px;} article .product-grid:hover .product-content{bottom:0} article .product-grid .title{font-size:22px;font-weight:400;letter-spacing:.5px;text-transform:capitalize;margin:0 0 10px;transition:all .3s ease 0s; } article .product-grid .title a { color:#000; text-decoration:none; font-weight: bold;} article .product-grid .title a:hover { color:#000; text-decoration:none; } article .product-grid .price{color:#333;font-size:22px;font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:.6px;margin-bottom:8px;transition:all .3s} article .product-grid .product-content .product-content-list { padding:2px; margin:31px 0 0 1px; list-style:none;} article .product-content-list li { padding: 5px 0;} article .product-grid .product-content .product-content-list a, article .product-grid .product-content .product-content-list .a { color:#1c8ee6; text-decoration:none; font-size:13px; font-weight: 500;} article .product-grid .product-content .product-content-list .a:hover, article .product-grid .product-content .product-content-list a:hover { color:#1c8ee6; text-decoration:none;} article .product-grid .button-blue { background-color: #1c8ee6; border: none; border-radius: 4px; color: #fff; padding: 7px 7px; font-weight: 500; } article .product-grid-box { padding: 5px; overflow: hidden; position: relative; z-index: 1;} article .product-grid-box .product-image{position:relative;transition:all .3s ease 0s} article .product-grid-box .product-image a{display:block} article .product-grid-box .product-image img { width: 70%; height: auto; margin: 0 auto; display: block; } article .product-grid-box .pic-1{opacity:1;transition:all .3s ease-out 0s} article .product-grid-box:hover .pic-1{opacity:1} article .product-grid-box .social{ color:#fff; width: 100%; padding: 3px; margin: 87px 0; list-style: none; opacity: 0; transform: translateY(-50%) translateX(-50%); position: absolute; top: 0; left: 50%; z-index: 1; transition: all .3s ease 0s; background-color: #000; text-align: end;} article .product-grid-box:hover .social{opacity:1;top:50%} article .product-grid-box .social li{display:inline-block} article .product-grid-box .social li a{color:#fff; font-size:16px;line-height:40px;text-align:center;height:auto;width:20px;margin:0 2px;display:block;position:relative;transition:all .3s ease-in-out} article .product-grid-box .social li a:hover:after,article .product-grid-box .social li a:hover:before{opacity:1} article .product-grid-box .product-discount-label,article .product-grid-box .product-new-label{color:#fff; background-color:#ea1135; font-size:13px; text-transform:uppercase;padding:2px 10px;display:block;position:absolute;top:10px;right:0; font-family: 'Raleway', sans-serif !important; font-weight: bold;} article .product-grid-box .product-discount-label,article .product-grid-box .product-new-label-gray{color:#fff;background-color:#2f3542;font-size:13px;text-transform:uppercase;padding:2px 10px;display:block;position:absolute;top:10px;right:0; font-family: 'Raleway', sans-serif !important; font-weight: bold;} article .product-grid-box .product-content{background-color:#fff; padding:12px; margin:0 auto;position:absolute;left:0;right:0;bottom:0px;z-index:1;transition:all .3s} article .product-grid-box .product-content p { margin: 1px 0 0 0px; font-size: 13px;} article .product-grid-box:hover .product-content{bottom:0} article .product-grid-box .title{font-size:22px;font-weight:400;letter-spacing:.5px;text-transform:capitalize;margin:0 0 10px;transition:all .3s ease 0s; } article .product-grid-box .title a { color:#000; text-decoration:none; font-weight: bold;} article .product-grid-box .title a:hover { color:#000; text-decoration:none; } article .product-grid-box .price{color:#333;font-size:22px;font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:.6px;margin-bottom:8px;transition:all .3s} article .product-grid-box .product-content .product-content-list { padding:2px; margin:16px 0 0 1px; list-style:none;} article .product-content-list li { padding: 5px 0;} article .product-grid-box .product-content .product-content-list a { color:#1c8ee6; text-decoration:none; font-size:13px; font-weight: 500;} article .product-grid-box .product-content .product-content-list a:hover { color:#1c8ee6; text-decoration:none;} article .product-grid-box .button-blue { background-color: #1c8ee6; border: none; border-radius: 4px; color: #fff; padding: 7px 7px; font-weight: 500; } article .product-grid-listing { overflow: hidden; position: relative; z-index: 1;} article .product-grid-listing .product-image{position:relative;transition:all .3s ease 0s; display: block;} article .product-grid-listing .product-image a { display:block } article .product-grid-listing .product-image img { width: 77%; height: auto; margin: 14px auto; display: block; } article .product-grid-listing .pic-1{opacity:1;transition:all .3s ease-out 0s;} article .product-grid-listing .product-content-list { padding: 0px; margin: 10px auto; list-style: none; display: inline-block; width: auto ;} article .product-grid-listing .product-content-list li { float: left; padding: 0px; margin:0 5px;} article .product-grid-listing .product-content-list li .fas.fa-shopping-cart { background-color: #1c8ee6;color: #fff;width: 40px;height: 40px;border-radius: 5px;text-align: center;padding: 0;line-height: 37px;} article .product-grid-listing .product-content-list li .fas.fa-shopping-bag { background-color: #1c8ee6; color: #fff; width: 40px; height: 40px; border-radius: 5px; text-align: center;padding: 0; line-height: 37px;} article .product-grid-listing:hover .pic-1 {opacity:1} article .product-grid-listing .social{ color:#fff; width: 100%; padding: 3px; margin: 128px 0; list-style: none; opacity: 0; transform: translateY(-50%) translateX(-50%); position: absolute; top: 0; left: 50%; z-index: 1; transition: all .3s ease 0s; background-color: #000; text-align: end;} article .product-grid-listing:hover .social{opacity:1;top:50%} article .product-grid-listing .social li{display:inline-block} article .product-grid-listing .social li a{color:#fff; font-size:16px;line-height:40px;text-align:center;height:auto;width:20px;margin:0 2px;display:block;position:relative;transition:all .3s ease-in-out} article .product-grid-listing .social li a:hover:after,article .product-grid-listing .social li a:hover:before{opacity:1} article .product-grid-listing .product-discount-label,article .product-grid-listing .product-new-label{color:#fff; background-color:#ea1135; font-size:13px; text-transform:uppercase;padding:2px 10px;display:block;position:absolute;top:10px;right:14px; font-family: 'Raleway', sans-serif !important; font-weight: bold;} article .product-grid-listing .product-discount-label,article .product-grid-listing .product-new-label-gray{color:#fff;background-color:#2f3542;font-size:13px;text-transform:uppercase;padding:2px 10px;display:block;position:absolute;top:10px;right:14px; font-family: 'Raleway', sans-serif !important; font-weight: bold;} article .product-grid-listing .product-content { margin:0px;position:relative; right:0;top:0px;z-index:1;transition:all .3s; border-right: 1px solid #ccc;} article .product-grid-listing .product-content .whitebg { background-color: #fff; display: block; min-height: 300px;} article .product-grid-listing .product-content .whitebg .star-icon { padding: 0px; margin: 0px; list-style: none;} article .product-grid-listing .product-content .whitebg .star-icon li { padding: 0px; margin: 0px;} article .product-grid-listing .product-content p { margin: 1px 0 0 0px; font-size: 13px;} article .product-grid-listing:hover .product-content{bottom:0} article .product-grid-listing .title{font-size:22px;font-weight:400;letter-spacing:.5px;text-transform:capitalize;margin:0 0 10px;transition:all .3s ease 0s; } article .product-grid-listing .title a { color:#000; text-decoration:none; font-weight: bold;} article .product-grid-listing .title a:hover { color:#000; text-decoration:none; } article .product-grid-listing .price{color:#333;font-size:22px;font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:.6px;margin-bottom:8px;transition:all .3s} article .product-grid-listing .product-content-listing .product-content-list { padding:2px; margin:16px 0 0 1px; list-style:none;} article .product-content-list li { padding: 5px 0;} article .product-grid-listing .product-content-listing .product-content-listing-list a { color:#1c8ee6; text-decoration:none; font-size:13px; font-weight: 500;} article .product-grid-listing .product-content-listing .product-content-listing-list a:hover { color:#1c8ee6; text-decoration:none;} article .product-grid-listing .button-blue { background-color: #1c8ee6; border: none; border-radius: 4px; color: #fff; padding: 7px 7px; font-weight: 500; } article .product-grid .social li a:hover:after,article .product-grid .social li a:hover:before{opacity:1} article .product-grid .product-discount-label,article .product-grid .product-new-label{color:#fff; background-color:#ea1135; font-size:13px; text-transform:uppercase;padding:2px 10px;display:block;position:absolute;top:10px;right:0; font-family: 'Raleway', sans-serif !important; font-weight: bold;} article .product-grid .product-discount-label,article .product-grid .product-new-label-gray{color:#fff;background-color:#2f3542;font-size:13px;text-transform:uppercase;padding:2px 10px;display:block;position:absolute;top:10px;right:0; font-family: 'Raleway', sans-serif !important; font-weight: bold;} article .product-grid .product-content{background-color:#fff; padding:12px; margin:0 auto;position:absolute;left:0;right:0;bottom:0px;z-index:1;transition:all .3s} article .product-grid .product-content p { margin: 1px 0 0 0px; font-size: 13px;} article .product-grid:hover .product-content{bottom:0} article .product-grid .title{font-size:22px;font-weight:400;letter-spacing:.5px;text-transform:capitalize;margin:0 0 10px;transition:all .3s ease 0s; } article .product-grid .title a { color:#000; text-decoration:none; font-weight: bold;} article .product-grid .title a:hover { color:#000; text-decoration:none; } article .product-grid .price{ color: #333; font-size: 16px; font-family: Montserrat,sans-serif; font-weight: 700; letter-spacing: .6px; transition: all .3s;} article .product-grid .product-content .product-content-list { padding:2px; margin:31px 0 0 1px; list-style:none;} article .product-content-list li { padding: 5px 0;} article .product-grid .product-content .product-content-list a { color:#1c8ee6; text-decoration:none; font-size:13px; font-weight: 500;} article .product-grid .product-content .product-content-list a:hover { color:#1c8ee6; text-decoration:none;} article .product-grid .button-blue { background-color: #1c8ee6; border: none; border-radius: 4px; color: #fff !important; padding: 7px 7px; font-weight: 500 !important; font-size: 16px !important; } section .left-area .single-left-border { border-left: 1px solid #f1f1f2; display: inherit; padding: 0 0 0 20px; } section .left-area .single-left-border ul { padding:0px; margin:0px; list-style:none; overflow: initial;} section .left-area .single-left-border ul li { padding: 5px 0; width: 100%; display: inline-block; } section .left-area .single-left-border h3 { margin:0px; padding:10px 0; font-weight: bold; font-size:20px;} section .left-area .single-left-border h4 { font-size: 13px;} section .left-area .single-left-border h5 { font-size: 12px;} section .left-area .single-left-border h6 { font-size: 11px; } section .left-area .single-left-border .blue-text { color: #1c8ee6; font-weight: bold; position:absolute;} section .left-area .single-left-border .small-image { width:100%; padding:0px; margin:0px; height: auto; } section .left-area .single-left-border product-list ul { padding:0px; margin:0px; list-style:none; } section .left-area .single-left-border product-list ul li { display: inline-block;} section .left-area .single-left-border .icon-image { float: left; margin: 0px auto; padding: 3px 6px 0 0; } section .content h4 { color:#000; font-weight:bold; margin:0px;} section .content h5 { font-size:14px;} section .content ul { margin:0px; padding: 16px 0; list-style:none; display:flex; color: #000; } section .content ul li { float:left; padding: 0 6px 0 0;} section .content .fas.fa-star { color:#1c8ee6; font-size: 12px;} section .content .fas.fa-star-half { color:#1c8ee6; font-size: 12px;} section .content .text-adjustment { /*text-align: justify;*/ font-size:small;} section .content hr { margin: 10px 0px; padding: 0px; border: none;} section .content .size-button { margin:0px; padding:10px 0px; display:inlinel; } section .content .size-button li { padding: 0px; margin: 0px; line-height: initial; } section .content .size-button .text { padding: 10px 0 0 0; margin: 0 19px 0 0; font-size: 15px; } section .content .size-button .white-button { border:1px solid #ccc; border-radius:5px; padding: 8px 24px; background-color:#fff; margin: 0 8px 0 8px;} section .content .size-button .blue-button { border:1px solid #1c8ee6; background-color:#1c8ee6; border-radius:5px; padding: 8px 24px; color:#fff; margin: 0 8px 0 8px; } section .content h6 { margin: 0 0 0 62px; padding: 0px; font-size:13px;} section .content h1 { margin: 0px; padding: 15px 0px; font-weight: 800;} section .content .buyer-button { margin:0px; padding:5px 0;} section .content .border { border-radius: 5px; } section .content .buyer-button li { padding: 0 4px;} section .content .buyer-button .value-button { display: inline-block; margin: 0px; width: 30px; height: auto; text-align: center; padding: 5px; color: #80838d; font-size:20px;} section .content .buyer-button .value-button:hover { cursor: pointer;} section .content .buyer-button form #decrease { margin-right: -4px; border-radius: 8px 0 0 8px;} section .content .buyer-button form #increase { margin-left: -4px; border-radius: 0 8px 8px 0;} section .content .buyer-button form #input-wrap { margin: 0px; padding: 0px;} section .content .buyer-button input.sizeqty { text-align: center; border: none; margin: 0 -5px 0 -5px; width: 45px; height: 45px; } section .content .buyer-button input[type=number]::-webkit-inner-spin-button, section .content .buyer-button input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;} section .content .buyer-button .btn { padding:10px;} section .content .buyer-button .btn.Add-cart { background-color:#1c8ee6; border-radius:5px; color:#fff; padding: 10px;} section .content .buyer-button .btn.Bulk-Order { background-color:#fff; border:1px solid #000; color:#000;} section .content .buyer-button .fa.fa-shopping-bag { margin: 0px; padding: 0 5px 0 0;} section .content .buyer-button .border{ height: auto; background-color: transparent; width: auto; margin: auto; } section .tabs .tabs-nav { padding: 0px; margin: 0px; list-style: none; border-bottom: 1px solid #ccc; display: inline-block;} section .tabs { width: auto;} section .tabs .tabs-stage p { font-size: 16px; margin: 0; padding: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } section .tabs .tabs-stage p span { font-size: 16px !important; margin: 0; padding: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; } section .tabs .tabs-stage #tab-4 a{ text-align: left;color: black;background: transparent;border: 0;font-size: 16px;padding: 0;margin: 0;text-decoration: none;font-weight: 400; } section .tabs .tabs-nav li { float: left; width: auto; padding: 0px; } section .tabs .tabs-nav li:first-child a { border-right: 0; border-top-left-radius: 6px;} section .tabs .tabs-nav li:last-child a { border-top-right-radius: 6px;} section .tabs a { background: #eaeaed; font-size: 15px; border-bottom: 1px solid #cecfd5; color: #000; display: block; font-weight: 600; padding: 10px 4px; text-align: center; text-decoration: none; background-color:transparent;} section .tabs a:hover { color: #ccc;} section .tabs .tab-active a { border-bottom: 1px solid #1c8ee6; color: #1c8ee6; cursor: default;} section .tabs .tabs-stage { border-top: 0; clear: both; padding: 24px 5px; position: relative; top: -1px;} section .tabs .tabs-stage ul { padding:0px; margin:0px; list-style:none;} section .image-section { background: url(../images/play-bg-image.jpg) no-repeat; background-size: 100%; width:100%; height:521px;} /*====== all product slider strat========*/ /*====== all signin form css strat========*/ .form-box h5, ._h5 { margin: 0px; padding: 0px; font-weight: bold; font-size: 16px;} .form-box h6, ._h6 { margin: 0px; padding: 0px; font-weight: bold; font-size: 16px;} .form-box h3, ._h3 { margin: 0px; padding: 0px; font-weight: bold; font-size: 18px;} .form-box .form-group input[type="text"] { padding: 14px 20px; width: 100%; font-size: 14px; margin: 5px auto; border:1px solid #ced4da;} .form-box .form-group input[type="textarea"] { padding: 14px 20px; width: 100%; font-size: 14px; margin: 5px auto; border:1px solid #ced4da;} .form-box .form-group input[type="email"] { padding: 14px 20px; width: 100%; font-size: 14px; margin: 5px auto; border:1px solid #ced4da;} .form-box .form-group input[type="password"] { padding: 14px 20px; width: 100%; font-size: 14px; margin: 5px auto; border:1px solid #ced4da;} .form-box .form-group input[type="checkbox"] { padding: 14px 20px; width: 100%; font-size: 14px;} .form-box .form-group input[type=email]:focus { background-color:#f2f2f2; border:1px solid #bebebe;} .form-box .form-group input[type=password]:focus { background-color:#f2f2f2; border:1px solid #bebebe;} .form-box .form-group input[type=text]:focus { background-color:#f2f2f2; border:1px solid #bebebe;} .form-box .form-group input[type=textarea]:focus { background-color:#f2f2f2; } .form-box .form-group .selectbox { position: relative; margin: 10px auto;} .form-box .form-group .selectbox::before { content: ''; position: absolute; top: 50%; margin-top: -6px; right: .7rem; width: 0; height: 0; border: solid black; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-box-transform:rotate(45deg); transform: rotate(45deg);} .form-box .form-group select { font-size: 14px; border: 1px solid #ced4da; width: 100%; padding: 14px 20px; display: flex; outline: 0; cursor: pointer; appearance: none;} .form-box .form-button { background-color: #1c8ee6; border: none; border-radius: 5px; color: #fff; padding: 14px 15px; font-size: 14px; font-weight: bold; } .form-box .form-button-border { background-color: #fff; border: 1px solid #1c8ee6; border-radius: 5px; color: #1c8ee6; padding: 14px 15px; font-size: 14px; font-weight: bold; } .form-box .text-blue { color: #1c8ee6;} .form-box .text-blue-center { color: #1c8ee6; margin: 0 auto; text-align: center;} .form-box .text-gray { color: #afafaf;} .form-box .text-blue a { color: #1c8ee6; text-decoration: none; } .form-box .white-bg { background-color: #fff; padding: 20px; box-shadow: 0 4px 5px -2px rgba(0,0,0,0.10);} .form-box .white-bg .text-black { color: #000; margin: 9px 0;} .form-box .white-bg .text-gray { color: #afafaf; margin: 9px 0;} .form-box .red-star { color: #ea1135;} .form-box .white-bg .button-listing { padding: 0px; margin: 0px; display: inline-block;} .form-box .white-bg .button-listing li { list-style: none; float: left; padding: 0 10px 0 0;} .form-box .white-bg .button-listing li p{ margin: 0px; line-height: 49px;} .form-box .white-bg .button-listing .fas.fa-arrow-alt-circle-right { padding: 0 0 0 13px;} .form-box .white-bg .button-listing .form-check { padding:0px; margin: 12px 0px;} .form-box .white-bg .button-listing .form-check input[type="checkbox"]{ font-size: 14px; } .form-box .white-bg .icon-list-listing { padding: 0px; margin: 0px; list-style: none;} .form-box .white-bg .icon-list-listing li { float:left; padding: 0 25px 0 0;} .form-box .white-bg .icon-list-listing .fab.fa-facebook-f { width: 45px; height: 45px; border-radius: 50%; background: #fff; border: 2px solid #1c8ee6; color: #1c8ee6; font-size: 20px; text-align: center; line-height: 44px;} .form-box .white-bg .icon-list-listing .fab.fa-twitter { width: 45px; height: 45px; border-radius: 50%; background: #fff; border: 2px solid #1c8ee6; color: #1c8ee6; font-size: 20px; text-align: center; line-height: 44px;} .form-box .white-bg .icon-list-listing .fab.fa-google { width: 45px; height: 45px; border-radius: 50%; background: #fff; border: 2px solid #1c8ee6; color: #1c8ee6; font-size: 20px; text-align: center; line-height: 44px;} .form-box .white-bg .fas.fa-check-circle { font-size: 18px; text-align: center; color: #42ca65; } .form-box .white-bg .circle-check-icon { float: right;} .form-box .white-bg .price-listing { padding: 0px; margin:0 0 25px 0; list-style: none;} .form-box .white-bg .price-listing li { display: inline-block; margin: 4px auto; font-size: 15px; width: 100%;} .form-box .white-bg .price-listing .product-name { width: 50%; display: block; float: left; } .form-box .white-bg .price-listing .product-price { width: 40%; display: block; float: left;} .form-box .white-bg .price-listing .product-remove { float: right;} .form-box .white-bg .price-listing .product-remove .gray-text { color: #7e8696; font-size: 15px; } .form-box .white-bg .price-listing .product-remove .fas.fa-times { color: #7e8696; font-size: 15px; padding: 0 0 0 4px; } .form-box .white-bg .price-listing .btn-primary:disabled { width: 100%;} .form-box .white-bg .text-bold { font-weight: 600;} .form-check { padding: 0px;} .form-box .fas.fa-arrow-alt-circle-right { padding: 0 0 0 13px;} .form-group { margin: 0px;} .form-box .transparent-bg { padding: 20px;} .form-box .transparent-bg input[type="text"] { padding: 14px 20px; width: 100%; font-size: 14px; margin: 10px auto; border:1px solid #ced4da;} .form-box .transparent-bg .price-listing { padding: 0px; margin:0 0 25px 0; list-style: none;} .form-box .transparent-bg .price-listing li { display: inline-block; margin: 0px auto; font-size: 15px; width: 100%;} .form-box .transparent-bg .price-listing .product-name { width: 60%; display: block; float: left; } .form-box .transparent-bg .price-listing .product-price { width: 40%; display: block; float: left;} /*textarea*/ .form-control { padding: 14px 20px; width: 100%; font-size: 14px; margin: 5px auto; border:1px solid #ced4da; border-radius: 0px;} .form-control:focus { outline: none; box-shadow:none !important; border:2px solid #bebebe; background-color:#f2f2f2; border: 1px solid rgba(0,0,0,.125); } /*cart table css*/ .form-box .cart-table { box-shadow: 0 4px 5px -2px rgba(0,0,0,0.10); } .form-box .cart-table .table-head { background-color: #f6f6f6; text-align: center; height: 50px;} .form-box .cart-table .white-bg{ background-color: #fff;font-size: 14px;box-shadow: none;} .form-box .cart-table .white-bg th{ padding: 10px;} .form-box .cart-table .white-bg td { padding: 10px; border: 1px solid #ced4da;} .form-box .cart-table .white-bg .small-images { width: 50px;} .form-box .cart-table .white-bg .fas.fa-times { color: #7e8696; font-size: 15px; margin: 0 0 0 6px; } .form-box .cart-table .white-bg .border { border-radius: 0px; border: none !important; text-align: center; background-color: transparent; height: auto; width: auto; margin: auto; } .form-box .cart-table .white-bg li { padding: 0 4px;} .form-box .cart-table .white-bg .value-button { display: inline-block;margin: 0px;width: auto;height: auto;text-align: center;color: #80838d;font-size: 20px;} .form-box .cart-table .white-bg .value-button:hover { cursor: pointer;} .form-box .cart-table .white-bg form #decrease { margin-right: -4px; border-radius: 8px 0 0 8px;} .form-box .cart-table .white-bg form #increase { margin-left: -4px; border-radius: 0 8px 8px 0;} .form-box .cart-table .white-bg form #input-wrap { margin: 0px; padding: 0px;} .form-box .cart-table .white-bg input#number, .form-box .cart-table .white-bg input.number { text-align: center; border: none; margin: 0 -5px 0 -5px; width: 78px; height: 46px; } .form-box .cart-table .white-bg input[type=number]::-webkit-inner-spin-button, .form-box .cart-table .white-bg input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;} .form-box .white-bg input[type="text"] { padding: 14px 20px; width: 100%; font-size: 14px; margin: 10px auto; border:1px solid #ced4da;} .form-box .white-bg .input_type_text { padding: 14px 20px !important; margin: 10px auto!important;} @media screen and (max-width: 600px) { .form-box .cart-table {border: 0;} .form-box .cart-table caption { font-size: 1.3em; } .form-box .cart-table thead {border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} .form-box .cart-table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; } .form-box .cart-table td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right;} .form-box .cart-table td::before {content: attr(data-label);float: left;font-weight: bold;text-transform: uppercase;} .form-box .cart-table td:last-child {border-bottom: 0;} } /*====== all signin form css End========*/ /*-----Distributor page css start-----*/ .Distributor-breadcum-bar { margin: 0; padding: 12px 0px;} .Distributor-breadcum-bar h3 { margin: 0px; font-weight: 800; font-size: 28px; width: -moz-fit-content; float: left; } .Distributor-breadcum-bar .blue-text { color:#1c8ee6; text-transform: lowercase;} .Distributor-breadcum-bar .breadcum-ul { margin:0px; padding:0px; list-style:none; display: inherit; font-size: 12px; line-height:32px; float: right;} .Distributor-breadcum-bar .breadcum-ul>li { float:left; padding: 0 0 0 2px; margin: 0px;} .Distributor-breadcum-bar .fas.fa-home { color: #000; margin: 0 10px 0 0; } .Distributor-breadcum-bar .Distributor-small-menu { padding: 9px 30px; margin: 0px; display: inline-block; font-size: 12px;} .Distributor-breadcum-bar .Distributor-small-menu li { list-style:none; float: left; padding: 0 7px 0 6px;} .Distributor-breadcum-bar .Distributor-small-menu .fas.fa-bars { padding: 0 4px;} .Distributor-breadcum-bar .Distributor-small-menu .fas.fa-bell { padding: 0 4px;} .Distributor-breadcum-bar .Distributor-small-menu .fas.fa-th-large { padding: 0 4px;} .Distributer-box .default-ul { padding: 0px; margin: 6px 0 0 0; list-style: none; line-height: 16px; } .Distributer-box .small-text { font-size: 13px;} .Distributer-box .selectbox { position: relative; margin: 0px auto;} .Distributer-box .form-group .selectbox::before { content: ''; position: absolute; top: 50%; margin-top: -6px; right: .7rem; width: 0; height: 0; border: solid black; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg);} .Distributer-box .form-group select { font-size: 14px; border: 1px solid #ced4da; width: 100%; padding: 8px 20px; display: flex; outline: 0; cursor: pointer; appearance: none;} .Distributer-box .form-group h5 { font-size: 15px;} .Distributer-box .white-bg { background-color: #fff; padding: 20px; box-shadow: 0 4px 5px -2px rgba(0,0,0,0.10);} .Distributer-box .white-bg .border { border: 1px solid #888f9c !important; padding: 10px; border-radius: 10px; min-height: 374px; margin: 0 0 30px 0; } .Distributer-box .white-bg .border h4 { font-size: 20px;} .Distributer-box .white-bg .border .fas.fa-edit { float: right; position: initial; } .Distributer-box .white-bg .subcategory-list { padding: 0px; margin: 0px; list-style: none; display: table; width: 100%; font-size: 14px; } .Distributer-box .white-bg .subcategory-list li { float: left; padding: 0 40px 0 0; } .Distributer-box .white-bg .subcategory-icon-list { padding: 0px; margin: 0px; list-style: none; display: table; width: 100%; font-size: 16px; } .Distributer-box .white-bg .subcategory-icon-list { float: left;} .Distributer-box .white-bg .subcategory-icon-list .fas.fa-shopping-cart { font-size: 16px; margin: 0 12px 12px 0;} .Distributer-box .white-bg .subcategory-icon-list .fas.fa-headset { font-size: 16px; margin: 0 12px 12px 0;} .Distributer-box .white-bg .subcategory-icon-list .fas.fa-trash-alt { font-size: 16px; margin: 0 12px 12px 0;} .Distributer-box .form-button-border { background-color: #fff; border: 1px solid #1c8ee6; border-radius: 5px; color: #1c8ee6; padding: 6px 15px; font-size: 12px; font-weight: bold; margin: 0; } .Distributer-box .white-bg #accordionExample .card {background-color: #fff; border-radius: 0px; border: none; box-shadow: 0 3px 4px 0px rgba(0,0,0,0.1)} .Distributer-box .white-bg .card-header { padding: 0px; } .Distributer-box .white-bg .btn.btn-link { padding: 0px; background-color: #fff; width: 100%; border-radius: 0px; margin: 2px 0; box-shadow: 0 4px 5px -2px rgba(0,0,0,0.10);} .Distributer-box .white-bg .btn-link:focus { box-shadow: none;} .Distributer-box .white-bg .btn.btn-link .accordion-list { padding: 5px; margin: 0px; list-style: none; display: table;} .Distributer-box .white-bg .btn.btn-link .accordion-list li { float:left; text-align: left; padding: 0 74px 0 15px;} .Distributer-box .white-bg .btn.btn-link .accordion-list li a { color: #1c8ee6;} .Distributer-box .white-bg .btn.btn-link .accordion-list li .text-small { font-size: 12px; color: #000; line-height: 13px; margin: 0px;} .Distributer-box .card-body .cart-table { margin: 5px auto;} .Distributer-box .card-body .cart-table {border-collapse: collapse;margin: 0;padding: 0;width: 100%;table-layout: fixed;} .Distributer-box .card-body .cart-table .small-images { width: 100%; float: left; } .Distributer-box .card-body .cart-table tr {padding: .35em;} .Distributer-box .card-body .cart-table th, .Distributer-box .card-body .cart-table td { padding: 2px; } .Distributer-box .card-body .cart-table th {font-size: .85em;letter-spacing: .1em;text-transform: uppercase;} .num-block.skin-3 { display: inline-block; } .Distributer-box .card-body .cart-table .form-button-border { background-color: #fff; border: 1px solid #1c8ee6; border-radius: 5px; color: #1c8ee6; padding: 9px 8px; font-size: 12px; font-weight: bold;} .Distributer-box .card-body .cart-table .form-button { background-color: #1c8ee6; border: none; border-radius: 5px; color: #fff; padding: 9px 5px; font-size: 12px; font-weight: bold; margin: 4px 0;} .Distributer-box .card-body .cart-table .default-ul { padding: 0px; margin: 0px; list-style: none; line-height: 15px; display: inherit;} .Distributer-box .card-body .cart-table p { display: grid; margin: revert; font-size: 13px;} .Distributer-box .card-body .cart-table h6 { display: block; margin: 0px; font-size: 13px; text-align: center;} .Distributer-box .card-body .cart-table .text-blue { color: #1c8ee6; font-size: 12px;} .card-body { padding: 5px;} .Distributer-box .card-body .cart-table .Distributer-tr .small-images { width: 40px; float: left; margin: 0 8px 0 0;} .Distributer-box .card-body .cart-table .Distributer-tr h6 { font-size: 11px; color: #7e8696;} .Distributer-box .card-body .cart-table .Distributer-tr p { display:grid; margin: revert; font-size: 13px;} .Distributer-box .card-body .cart-table .Distributer-tr p .text-blue { color: #1c8ee6; font-size: 11px;} .Distributer-box .card-body .cart-table .Distributer-tr .form-button { background-color: #1c8ee6; border: none; border-radius: 5px; color: #fff; padding: 9px 15px; font-size: 14px; font-weight: bold; margin: 4px 0; } .Distributer-box .card-body .cart-table .Distributer-tr .form-button-border { background-color: #fff; border: 1px solid #1c8ee6; border-radius: 5px; color: #1c8ee6; padding: 9px 25px; font-size: 14px; font-weight: bold; } .Distributer-box .card-body .cart-table .Distributer-tr .fas.fa-arrow-alt-circle-right { padding: 0 0 0 14px;} .Distributer-box .card-body .cart-table .Distributer-tr .default-ul { padding: 0px; margin: 0px; list-style: none; line-height: 10px; display: inherit;} .Distributer-box .card-body .cart-table .Distributer-tr .default-ul li p { font-size: 11px;} .Distributer-box .card-body .cart-table .Distributer-tr .default-ul h6 { font-size: 11px; color: #7e8696;} .cart-table { margin: 5px auto;} .Distributer-multiple-product-box .card { border: none; border-radius: 0px; box-shadow: 0 4px 5px -2px rgba(0,0,0,0.10); margin: 2px auto;} .Distributer-multiple-product-box .card-header { padding: 0px; border: none;} .Distributer-multiple-product-box .btn.btn-link { width: 100%;} .Distributer-multiple-product-box .btn-link:focus { box-shadow: none;} .Distributer-multiple-product-box .btn.btn-link .accordion-list { padding: 5px; margin: 0px; list-style: none; display: table;} .Distributer-multiple-product-box .btn.btn-link .accordion-list li { float:left; text-align: left; padding: 0px; color: #1c8ee6;} .Distributer-multiple-product-box .btn.btn-link .accordion-list li a { color: #1c8ee6;} .Distributer-multiple-product-box .btn.btn-link .accordion-list li .text-small { font-size: 12px; color: #000; line-height: 13px; margin: 0px;} .Distributer-multiple-product-box .btn.btn-link-white { width: 100%; background-color: #fff;} .Distributer-multiple-product-box .btn-link-white:focus { box-shadow: none;} .Distributer-multiple-product-box .btn.btn-link-white .accordion-list { padding: 5px; margin: 0px; list-style: none; display: table;} .Distributer-multiple-product-box .btn.btn-link-white .accordion-list li { float:left; text-align: left; padding: 0px; color: #1c8ee6;} .Distributer-multiple-product-box .btn.btn-link-white .accordion-list li a { color: #1c8ee6;} .Distributer-multiple-product-box .btn.btn-link-white .accordion-list li .text-small { font-size: 12px; color: #000; line-height: 13px; margin: 0px;} .Distributer-multiple-product-box .card-body .cart-table { margin: 5px auto;} .Distributer-multiple-product-box .card-body .cart-table .Distributer-tr .small-images { width: 40px; float: left; margin: 0 8px 0 0;} .Distributer-multiple-product-box .card-body .cart-table .Distributer-tr p { display:grid; margin: revert; font-size: 13px;} .Distributer-multiple-product-box .card-body .cart-table .Distributer-tr p .text-blue { color: #1c8ee6; font-size: 11px;} .Distributer-multiple-product-box .card-body .cart-table .Distributer-tr .form-button { background-color: #1c8ee6; border: none; border-radius: 5px; color: #fff; padding: 9px 15px; font-size: 14px; font-weight: bold; margin: 4px 0; } .Distributer-multiple-product-box .card-body .cart-table .Distributer-tr .form-button-border-second { background-color: #fff; border: 1px solid #1c8ee6; border-radius: 5px; color: #1c8ee6; padding: 9px 7px; font-size: 14px; font-weight: bold; } .Distributer-multiple-product-box .card-body .cart-table .Distributer-tr .fas.fa-arrow-alt-circle-right { padding: 0 0 0 14px;} .Distributer-multiple-product-box .card-body .cart-table .Distributer-tr .default-ul { padding: 0px; margin: 0px; list-style: none; line-height: 10px; display: inherit;} .Distributer-multiple-product-box .card-body .cart-table .Distributer-tr .default-ul li p { font-size: 11px;} .Distributer-multiple-product-box .card-body .cart-table .Distributer-tr .default-ul h6 { font-size: 11px; color: #7e8696;} .Distributer-multiple-product-box .card-body .cart-table .Distributer-tr .default-ul h5 { font-size: 12px; font-weight: bold;} .Distributer-multiple-product-box .card-body .cart-table .Distributer-tr .default-ul .small-text { color: #7e8696; font-size: 10px; padding: 0 0 0 6px; } .Distributer-multiple-product-box .gray { background-color: #f6f6f6;} /*------Quantity button css start--------*/ .skin-3 .num-in span {display: block;float: left;width: 10px;height: 34px;position: relative;cursor: pointer; margin: 0 2px;} .skin-3 .num-in span h6 { font-size: 15px;} .skin-3 .num-in span.minus:before {content: '';position: absolute;width: 10px;height: 2px;top: 50%;left: 50%;margin-left: -5px;margin-top: -1px;background-color: #7e8696;} .skin-3 .num-in .in-num {float: left;width: 30px;height: 34px;border: 1px solid #CCCCCC;border-radius: 3px;text-align: center;font-size: 14px;} .skin-3 .num-in span.plus:before {content: '';position: absolute;width: 10px;height: 2px;top: 50%;left: 50%;margin-left: -5px;margin-top: -1px;background-color: #7e8696;} .skin-3 .num-in span.plus:after {content: '';position: absolute;height: 10px;width: 2px;left: 50%;top: 50%;margin-top: -5px;margin-left: -1px;background-color: #7e8696;} /*------Quantity button css start--------*/ /*------pagination css start--------*/ .pagination {display: flex;width: fit-content;border-radius: 0.25rem;} .crumbs {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;list-style-type: none;margin: 0;padding: 0;gap: 0.5rem;} .crumb {display: block;padding: 0.5rem 1rem;text-decoration: none;color: currentColor;border: 0.0625rem solid #d7d7d7; /* 1px */} .crumb:hover, .crumb__active {background-color: #1c8ee6;color: #fdfdfd;border-color: #1c8ee6; } .crumb__prev { margin-right: 16rem !important; cursor: w-resize; color: #000; display: inline-flex; } .crumb__next { margin-left: 16rem !important; cursor: e-resize; border: 1px solid #007bff; color: #007bff; display: inline-flex; } .crumb__prev .fas.fa-chevron-left { padding: 0 8px; font-size: 15px; line-height: 23px; } .crumb__next .fas.fa-chevron-right { padding: 0 8px; font-size: 15px; line-height: 23px;} /*------pagination css end--------*/ .bs-example{ margin: 20px; } .accordion .fa{ margin-right: 0.5rem; font-size: 24px; font-weight: bold; position: relative; top: 2px; } /*-----Distributor page css End-----*/ /*====== Mobile view ========*/ @media screen and (max-width: 600px) { .Distributor-breadcum-bar .breadcum-ul { margin:0px; padding:0px; list-style:none; display: inherit; font-size: 12px; line-height:32px; float: left;} /*====== all signin form css strat========*/ .form-box h3, ._h3 { margin: 0px; padding: 0px; font-weight: bold; font-size: 16px;} .form-box h6, ._h6 { margin: 0px; padding: 0px; font-weight: bold; font-size: 16px;} /*====== all signin form css End========*/ section .content ul li { float:left; padding: 0 8px 0 0; font-size: 11px;} section .content ul {padding: 10px 0 10px 0; } section .content .size-button .white-button { margin: 0px 3px; padding: 10px 20px;} section .content .size-button .blue-button { margin: 0px 3px; padding: 10px 20px;} section .content h6 { margin: 0 0 0 52px; padding: 0px;} section .content .buyer-button .value-button { padding: 3px; width: 22px;} section .content .buyer-button input#number { width: 42px; height: 27px;} section .content .buyer-button .btn.Add-cart { background-color:#1c8ee6; border-radius:5px; color:#fff; padding: 9px 9px; font-size:12px;} section .content .buyer-button .btn.Bulk-Order { background-color:#fff; border:1px solid #000; color:#000; padding:9px 9px; font-size:12px;} section .content .size-button .text { padding: 5px 0 0 0; margin: 0 19px 0 0; font-size: 15px; } section .content .buyer-button .btn { padding: 6px 0px 6px 0; } section .content .buyer-button li { padding: 0 1px;} section .content .buyer-button #quantity { padding: 0px; } section .tabs a { padding: 10px 10px; } .product-slider .controls { margin-top: 0px;} .product-slider .text { width: 90%; height: auto; background: #000; opacity: 0; position: absolute; top: 215px; display: inline-table; transition: 1s; color: #fff !important;} section .left-area .single-left-border{ border:none; } .small-breadcum-bar .listing li { padding:5px;} .small-breadcum-bar .icon-list { padding:5px;} section .left-area .single-left-border { border: none; display: inherit; padding: 0px; } section .image-section { background: url(../images/play-bg-image.jpg) no-repeat; background-size: 100%; width:100%; height:200px;} article .product-grid .social{ color:#fff; width: 100%; padding: 3px; margin: 22px 0; list-style: none; opacity: 0; transform: translateY(-50%) translateX(-50%); position: absolute; top: 0; left: 50%; z-index: 1; transition: all .3s ease 0s; background-color: #000; text-align: end;} article .product-grid-box .product-image img{ width: 100%; height: auto; margin: 0 auto; display: block; } .Distributor-breadcum-bar h3 { margin: 0px; font-weight: 800; font-size: 20px; width: -moz-fit-content; float: left; } .Distributor-breadcum-bar .Distributor-small-menu { padding: 0px; margin: 0px; } .Distributor-breadcum-bar .Distributor-small-menu li { list-style: none;float: left; padding: 0 11px 0 0; margin: 0; line-height: 30px;} /*====distributer page css*/ .skin-3 .num-in .in-num { float: left; width: 50px; height: 34px; border: 1px solid #CCCCCC; border-radius: 3px; text-align: center; font-size: 14px;} .Distributer-box .white-bg .btn.btn-link .accordion-list li { float:left; text-align: left; padding: 4px 56px 4px 0px;} .Distributer-box .card-body .cart-table p { display: block; margin: revert; font-size: 13px;} .Distributer-box .card-body .cart-table {border: 0;} .Distributer-box .card-body .cart-table caption { font-size: 1.3em; } .Distributer-box .card-body .cart-table thead {border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} .Distributer-box .card-body .cart-table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; } .Distributer-box .card-body .cart-table td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right;} .Distributer-box .card-body .cart-table td::before {content: attr(data-label);float: left;font-weight: bold;text-transform: uppercase;} .Distributer-box .card-body .cart-table td:last-child {border-bottom: 0;} .Distributer-box .card-body .cart-table .form-button-border { background-color: #fff; border: 1px solid #1c8ee6; border-radius: 5px; color: #1c8ee6; padding: 9px 26px; font-size: 14px; font-weight: bold;} .Distributer-box .card-body .cart-table .form-button { background-color: #1c8ee6; border: none; border-radius: 5px; color: #fff; padding: 9px 23px; font-size: 14px; font-weight: bold; margin: 4px 0;} } @media (min-width: 375px) and (max-width:767px) { .crumb__prev { margin-right: 0rem !important; display: block; } .crumb__next { margin-left: 0rem !important; display: block; } .crumb { padding: 10px 12px !important; } } @media (min-width: 768px) and (max-width:1023px) { .Distributer-box .white-bg .btn.btn-link .accordion-list li { float:left; text-align: left; padding: 0 9px 0 9px;} .Distributer-box .card-body .cart-table th, .Distributer-box .card-body .cart-table td { padding: 2px; width: 100px !important; } .Distributer-box .card-body .cart-table .Distributer-tr .form-button-border { padding: 9px 6px; font-size: 11px; } .crumb__prev { margin-right: 3rem !important; } .crumb__next { margin-left: 3rem !important; } .crumb__prev .fas.fa-chevron-left { padding: 0 8px; font-size: 15px; line-height: 23px;} .crumb__next .fas.fa-chevron-right { padding: 0 8px; font-size: 15px; line-height: 23px; } .Distributer-box .card-body .cart-table .Distributer-tr .fas.fa-arrow-alt-circle-right { padding: 0 0 0 6px;} .Distributer-box .card-body .cart-table .Distributer-tr .form-button { padding: 9px 3px; font-size: 11px; } article .product-grid-listing .product-content .whitebg{ min-height: auto; } article .product-grid-listing .product-image img { width: auto;} .Distributer-multiple-product-box .btn.btn-link .accordion-list li { margin: 0 0 0 -4px;} .Distributer-multiple-product-box .btn.btn-link-white .accordion-list { margin: 0 0 0 -8px; } .Distributer-multiple-product-box .card-body .cart-table .Distributer-td { padding: 2px; width: 100px !important; } } @media screen and (min-width: 1024px) { .Distributer-box .white-bg .btn.btn-link .accordion-list li { float:left; text-align: left; padding: 0 44px 0 15px;} } /*mobile menu*/ .menu-overlay .mobile-menu { background-color:rgba(24,83,169,1); display:block; width:90%; height:100%; position:absolute;} .menu-overlay .mobile-menu ul { padding:10px; margin:0px; list-style:none; width:100%; } .menu-overlay .mobile-menu ul li a { padding:10px; margin:2px 0px; display:inherit; transition:0.4s; color:#fff;} .menu-overlay .mobile-menu ul li a.active{ background-color:#fff; color:#1853a9; } .menu-overlay .mobile-menu ul li a:hover{ background-color:#fff; color:#1853a9; } .toggle { position: absolute; top: 0; right: 0; width: 10%; height: 58px; background-color: #54667D; cursor: pointer; display: block; } .toggle::before { position: absolute; width: 100%; height: 100%; padding: 10px; font-size: 40px; color: #fff; content: "\2715"; line-height: 1; text-align: center; } /* css by B */ .sm-btn-info, .sm-btn-info:hover, .sm-btn-info:active, .sm-btn-info:focus { font-size: 16px; font-weight: 600; background-color: #1c8ee6; border: none; border-radius: 5px; color: #fff; cursor: pointer; }