body {font-size: 15px; line-height: 22px; background:url(https://www.dial4trade.com/staticdt/catalog/temp_79/images/bg.png);}
a, a:hover {text-decoration: none;}

.btn {padding: 8px 30px; font-size: 17px; font-weight: 300; line-height: normal; border-radius: 3px;}
.btn:focus, button:focus, input:focus, textarea:focus, select:focus {box-shadow: none !important; outline: none;}
.form-control {font-size: 14px; padding:0 12px; border-radius: 0px;}
textarea.form-control {padding: 10px 12px}
input.form-control, select.form-control {height: 43px !important;}

.top-strip {font-weight: 300; padding: 7px 0; position: relative;}
.top-strip .link i {margin-right: 3px;}
.top-strip-wrap {position: relative;}
.top-strip:before {position:absolute; content: ''; z-index: 0; width: 100%; height: 90px; top: 0; left: 0}
.top-strip-wrap {justify-content:space-between;}
.top-social-links a{font-size: 16px;}
.top-social-links a:not(:first-child) {margin-left: 20px}

/*-----------------Top Section-----------------*/
.top-section {display: flex; align-items: center; justify-content: space-between; position: relative; box-shadow: 0px 2px 4px rgba(0,0,0,0.1); padding: 0 28px;height: 115px;}
.logo {line-height: 1px; position: relative; z-index: 2}
.logo2 {position: relative; z-index: 2; width: 315px;}
.logo a {width: 315px; height: 75px; position: relative;}
.header-fixed .logo a {height: 50px;}
.logo img {max-width:100%; max-height: 100%; position: absolute; top: 50%; left:0; transform: translateY(-50%); margin: 0 auto; z-index: 2}
.logo2 a {display: inline-block; position: relative; z-index: 2}

.cname {font-size:32px; line-height:34px; font-weight: 600}
.top-right {text-align: right;}
.top-right-section {display:inline-flex; align-items:center;}
.top-right-section > *:not(:first-child) {padding-left: 25px; border-left: 1px solid #ddd}
.top-right-section > *:first-child {margin-left: 0px}
.top-right-section .btn {padding: 7px 25px; font-size: 17px; border-radius: 30px}
.addons {font-size: 14px; display: flex;}
.addons > *:not(:first-child) {margin-left: 17px;}
.callus {font-weight: 300; text-align: right;}
.callus span:nth-child(2) {font-size: 20px; font-weight: 500}
.callus a {font-size: 23px; margin-right: 12px; margin-left: 5px;}
.callus .fa-phone {transform: rotate(-40deg);}

.middle {display: flex; margin-top: 30px; flex-wrap: wrap;}
.middle.inner {margin-top: 0px;}
.middle .left-side {width:265px; margin-right: 30px;}
.middle .left-side a {word-break: break-all;}
.middle .right-side {flex: 1}
.middle .right-side .section:last-child {margin-bottom: 0px;}
.left-side-sticky {position: sticky; top:80px;}

.motc-icon {padding-right: 17px;}
.motc-icon img {height:55px}
header.header-fixed .motc-icon img {height:40px}

@media(max-width: 991px){
  .logo a {width:210px; height: 40px;}
  .top-section {height: 60px; padding: 0 15px}
  header:after {height: 60px; width: 45%}
  .logo2 {width: 250px}
  .cname {font-size: 22px; line-height: 23px;}
  .callus a {font-size: 14px; width: 38px; height: 38px; line-height: 39px; border-radius: 50%; display: inline-block; text-align: center;}
  .callus span{display: none !important;}
  .top-right-section > *:not(:first-child) {border-left: none; padding-left: 0px;}

  .middle .left-side {order:2; width: 100%; max-width: 100%; margin-right: 0px; margin-top: 25px;}
  .middle .right-side {order:1; width: 100%; max-width: 100%}
  .top-strip:before {height: 70px;}
  .left-contact {display: none;}
  .motc-icon img {height:40px}
}

@media(max-width: 767px){
  .logo2 {width: 210px}
  .top-strip-wrap {justify-content: center;}
  .top-strip-left {display: none;}
  .middle {margin-top: 20px;}
  .callus a {margin-left: 0px;}
}

@media(max-width: 420px){
  .top-section {padding: 0 7px}
  .motc-icon {padding-right:7px;}
  .motc-icon img, header.header-fixed .motc-icon img {height:33px}
  .callus a {margin-right: 7px; margin-left: 0px;}
  .callus a {font-size: 13px; width: 33px; height: 33px;line-height: 33px}
  .logo2 {width:195px;}
}

/*-----------------Navbar-----------------*/
.navbar {padding: 0}
.navbar-nav {flex-wrap: wrap;}
.navbar-nav .nav-item {width: 100%}
.navbar-nav .nav-link {text-transform: uppercase; font-size: 14px; padding:11px 15px; font-weight:500; line-height: normal; border-radius: 3px;}


.nav-link.dropdown-toggle, .dropdown-item.dropdown-toggle {position: relative;}
.nav-link.dropdown-toggle:after, .dropdown-item.dropdown-toggle:after {position:absolute; right: 12px; top: 50%; transform: translateY(-50%); margin: 0px;}

.dropdown-menu {border:none; padding: 0; margin: 0}
.dropdown-item {font-size: 14px; padding: 7px 12px 7px 17px; white-space:normal;}

.sect-heading {text-transform:uppercase; font-size: 16px; font-weight: 500; padding-bottom: 5px; margin-bottom: 15px; width: 100%}
.sect-heading .close-btn {float: right; display: none; font-size:22px;}
.addtional-link {padding-top: 15px; margin-top: 15px;}
.addtional-link .btn {padding:8px 15px; font-size: 14px; text-transform: uppercase;}

.dropdown-menu .dropdown-submenu:hover .dropdown-toggle ~ .dropdown-menu {display: block;}
.category-all-link {display: none;}

.navbar-toggler {display:none; padding: 0; line-height: 1px; margin-left: 10px;}
.navbar-toggler i{position:relative;display:block;width:30px;height:2px;text-transform:uppercase;text-indent:-55px;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}
.navbar-toggler i::before,.navbar-toggler i::after{content:'';width:30px;height:2px;position:absolute;left:0;-moz-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease}
.navbar-toggler i::before{top:-7px}
.navbar-toggler:hover i::before{top:-10px}
.navbar-toggler i::after{bottom:-7px}
.navbar-toggler:hover i::after{bottom:-10px}
.navbar-toggler[aria-expanded=true] i{background:transparent}
.navbar-toggler[aria-expanded=true] i::before{top:0;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.navbar-toggler[aria-expanded=true] i::after{bottom:0;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}

header.header-fixed .top-section {box-shadow: none; height: 60px; padding: 0 0}
header.header-fixed {position:fixed;top:0;left:0;width:100%;z-index:9;animation-name:menu_sticky;animation-duration:0.6s;animation-timing-function:ease-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out; box-shadow: 0px 2px 3px rgba(0,0,0,0.3)}
@keyframes menu_sticky {
0%{margin-top:-100px}
50%{margin-top:-74px}
100%{margin-top:0}
}





.header-ecommerce .ecomm-menu {display: none;}
.header-ecommerce .top-right-section > *:last-child {padding-left: 0px;}
.box-wrap > * {margin-bottom: 25px;}
.box-wrap .box {margin-bottom: 0px; height: 100%}
.ecomm-box .box .box-content {text-align: center; border-left: none;}

@media(max-width: 767px){
.header-ecommerce .top-right-section > *:last-child {padding-left: 15px}
}

@media(max-width: 575px){
  .header-ecommerce .callus-wrap {display: none;}
  .header-ecommerce .logo a {width: 190px;}
  .header-ecommerce .top-right-section > *:last-child {padding-left: 7px;}
}

.addons .dropdown-item {padding: 5px 10px; font-size: 14px; color: #333}
.addons .dropdown-menu {top: 4px !important;}
.addons .dropdown-item:active {background: #737373; color: #fff}
.addons .dropdown .link {color: #fff}
.addons .dropdown .dropdown-menu {overflow: hidden; border:1px solid #ccc;}

.top-cart > * {cursor: pointer;}
.top-cart a {color: #333; display: block;}
.top-cart > *:not(:first-child) {margin-left: 25px;}
.top-cart i[class*="fa-"] {font-size: 22px; vertical-align: middle;}
.top-cart .text {font-size: 14px;}
.top-cart .number {font-size:11px; border-radius: 50%; background: #737373; color: #fff; padding: 0 1px; width: 18px; height: 18px; line-height: 18px; display: inline-block; text-align: center;}
@media(max-width: 767px){
  .header-ecommerce .top-cart-wrap {text-align: center;}
  .header-ecommerce .top-cart > * {width: 35px; margin:0;}
  .header-ecommerce .top-cart-wrap .text {display: none;}
}

.box-price {margin:12px 0 15px;}
.box-price .old-price {font-size: 13px; color: #999; text-decoration: line-through; margin-right: 5px;}
.box-price .f-price i {font-size: 14px;}
.box-price .f-price {color: #000; font-weight: 700; font-size: 16px;}
.wishlist-icon {position: absolute; font-size: 13px; width: 30px; height: 30px; line-height: 29px; border-radius: 50%; top: 10px; right: 10px; display: inline-block; background-color:#fff; border-width:1px !important; text-align: center; z-index: 3}
.box-3 {border:1px solid #ddd; border-radius: 3px;}
.box-3 .head {padding: 12px 20px; border-bottom: 1px solid #ddd}
.box-3 .head .title {font-size: 18px; font-weight: 600; margin:0px; padding: 0px; color: #333}
.box-3 .head > *:nth-child(2) {text-align: right;}
.box-3 .content {padding: 15px; font-size: 15px;}
.shoping-cart-list {margin-bottom: 0px;}
.shoping-cart-list > li:first-child {padding-top: 0px;}
.shoping-cart-list > li {border-bottom:1px solid #eee; padding: 15px 0}
.shoping-cart-list > li:last-child {border-bottom: 0px; padding-bottom: 0px;}
.box-3 .shoping-cart-list {list-style: none; padding: 0px;}
.box-3 .shoping-cart-img {width: 120px;}
.box-3 .shoping-cart-img figure {width: 120px; height: 120px; border:1px solid #eee; border-radius: 3px; overflow: hidden; position: relative; margin-bottom: 0px;}
.box-3 .shoping-cart-img img {max-width: 100%; max-height: 100%; position: absolute; left:50%; top: 50%; transform: translate(-50%, -50%);}
.box-3 .shoping-cart-details {padding-left: 20px;}
.box-3 .shoping-cart-details .title {font-size: 16px; font-weight: 600; color: #333; margin-bottom: 7px; display: block;}
.box-3 .p-availability {margin-bottom: 7px; font-size: 14px; font-weight: 600}
.box-3 .wishlist-added {margin-top:5px; }
.box-3 .sub-title {font-weight: 700; font-size: 13px; margin-bottom: 3px;}
.box-3 .sub-title2 {font-size: 18px; font-weight: 600; margin:0px; padding: 0px; color: #333; margin-bottom: 10px;}
.box-3 .price {font-size: 18px; font-weight: 600; color: #000; margin-bottom: 10px;}
.box-3 .price i {font-size: 15px;}
.box-3 .action .btn-outline-primary {border-width: 1px !important;}
.box-3 .action .btn-outline-primary:hover {border-width: 1px !important;}
.box-3 .action .btn-sm {height: 31px; padding: .25rem 1rem}
.box-3 .action > * {margin-right: 7px;}
.box-3 .back-text {font-size: 13px; display: inline-block;}
.box-3 .back-text:hover {text-decoration: underline;}
.box-3 table {width: 100%;}
.box-3 table td {vertical-align: top; padding: 5px 0;}
.box-3 table tr td:last-child {text-align: right; font-weight: 600; color: #333; width: 90px;}
.box-3 table i {font-size: 13px;}
.box-3 table.table2 td {padding: 7px 0;}
.box-3 table.table2 tr:first-child td {padding-top: 0px;}
.box-3 table.table2 tr {border-bottom: 1px solid #eee}
.box-3 table .shoping-cart-img {width: 40px}
.box-3 table .shoping-cart-img figure {width: 40px;height: 40px;}
.box-3 table .shoping-cart-details {padding-left: 10px;}
.box-3 table .shoping-cart-details .title {font-size: 14px;}
.box-3 label {font-size:13px; font-weight: 600; margin-bottom: 5px;}
.box-3 .checkbox-text input {vertical-align: middle; width: 15px; height: 15px; margin-right: 3px;}
.toggle-password {position: absolute; top:15px; right: 30px; cursor: pointer;}
.shop-bottom {background: #e8e9eb; padding:7px 20px; font-size: 17px; font-weight: 600; color: #000}
.shop-bottom table tr td:last-child {color: #000}
.prod-qty {position: relative; width: 100px; margin-bottom: 10px;}
.prod-qty input {width: 100%; height: 31px; border-radius: 3px; background: #fff; border:1px solid #ddd; padding: 5px 50px 5px 10px; font-size: 14px; font-weight: 600}
.prod-qty span {position: absolute; top: 5px; right: 12px; font-size: 14px; color: #ccc; cursor: pointer; line-height: 22px;}
.prod-qty span:hover {color:#999;}
.prod-qty span.minus {right: 35px;}
@media(max-width: 767px){
  .cart-page > *:first-child {margin-bottom: 20px;}
  .box-3 .content {padding: 10px;}
  .box-3 .action .btn-sm {padding: .25rem 0.75rem}
  .box-3 .shoping-cart-img {width: 50px;}
  .box-3 .shoping-cart-img figure {width: 50px; height: 50px;}
  .box-3 .action {flex-wrap: wrap;}
  .box-3 .action > * {margin-bottom: 7px;}
  .box-3 .shoping-cart-details {padding-left:10px;}
  .box-3 .head > *:nth-child(2) {text-align: left;}
}
.myaccount-menu {list-style: none; padding: 0; margin:0;}
.myaccount-menu > li:not(:last-child) {border-bottom: 1px solid #eee}
.myaccount-menu > li a {display: block; padding: 7px 15px}
.myaccount-menu > li a.active {background: #eee; padding-left: 15px; font-weight: 400}
.myaccount-menu > li a i {font-size: 11px; margin-right: 5px;}
input[disabled], button[disabled] {cursor:not-allowed;}
.out-of-stock {position:relative;}
.out-of-stock .title, .out-of-stock .price, .out-of-stock .wishlist-added {color: #aaa !important}
.out-of-stock .shoping-cart-img {opacity:.4}
/*.out-of-stock:after {position:absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8);}*/
.logout-message {font-size: 14px; padding: 5px 35px 5px 5px; margin-bottom: 0px; position: relative; z-index: 999}
.alert-dismissible .close {position: absolute; top: 50%; right: 0px; transform: translateY(-50%);}


.faq-list {list-style: none; padding: 0; margin: 0 auto; max-width: 800px;}
.faq-list .item {background: #e3e3e3; border-radius: 5px;}
.faq-list .item:not(:last-child) {margin-bottom: 12px;}
.faq-head {display: flex; justify-content: space-between; padding: 15px 15px; font-size: 16px; color: #000; cursor: pointer;}
.faq-head:hover {color: #330003}
.faq-head > *:first-child() {flex: 1;}
.faq-head > *:nth-child(2) {width: 35px;}
.faq-content {color: #444;padding: 0 15px 15px;font-size: 14px;}
.faq-head.active {color: #000;font-weight: 600}
.faq-head svg {fill: var(--primarycolor);width: 28px;height: 28px; transition: 0.3s ease-in-out}
.faq-head.active svg {transform: rotate(180deg);}
.faq-list .faq-content {display: none;}


@media(max-width: 991px){
  .language_dropdown {z-index: 10}
  .navbar-toggler {display: inline-block; margin-bottom: 14px;}
  .top-right-section .btn {display: none;}

  .left-side-sticky {position: initial; top: auto;}
  .left-nav-wrap {position: fixed; content: ''; top:0; left: 0; width: 100%; height: 100%; z-index:10; display: none;}
  .left-nav-wrap.active {display: block;}
  .navbar-nav {flex-wrap: initial; max-height:400px; overflow-x: scroll;}
  .sect-heading .close-btn {display: inline-block; font-weight: 600;}

  .category-all-link {display: block;}
  .dropdown-submenu .dropdown-toggle ~ .dropdown-menu {display: none !important;}
  .dropdown-submenu .dropdown-toggle ~ .dropdown-menu.show {display: block !important;}
}

@media(max-width: 767px){
  .navbar-toggler {margin-left: 0px;}
}

/*-----------------currency converter-----------------*/
.currency-converter .form-control.submit_type_input{font-size:18px;margin-bottom:10px}
.currency-converter .number_type_input{text-align:left!important}
.currency-converter .page_header,.currency-converter #currency_converter_menu_links,.currency-converter .date_calc_rate{display:none!important}
.currency-converter .form_under_info{font-weight:600}
.currency-converter #currency_converter_menu_links a,.currency-converter .rate_calc_result{height:0;overflow:hidden}
.currency-converter .rate_calc_result *{display:none}
.currency-converter .date_calc_rate ~ br{display:none}
.currency-converter #currency_converter_menu_links a{display:none!important}
.currency-converter .form-control[type=submit] {cursor: pointer;}

/*-----------------Fluid Slider-----------------*/
.fluid_dg_wrap{display:none;position:relative;z-index:0}.fluid_dg_wrap img{max-width:none!important}.fluid_dg_wrap{width:100%}.fluid_dg_src{display:none}.fluid_dgCont,.fluid_dgContents{height:100%;position:relative;width:100%;z-index:1}.fluid_dgSlide{bottom:0;left:0;position:absolute;right:0;top:0;width:100%}.fluid_dgContent{bottom:0;display:none;left:0;position:absolute;right:0;top:0;width:100%}.fluid_dg_target{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;text-align:left;top:0;width:100%;z-index:0}.fluid_dg_overlayer{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:0}.fluid_dg_target_content{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:2}.fluid_dg_loader{border:1px solid #fff;background:#fff;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;height:36px;left:50%;overflow:hidden;position:absolute;margin:-18px 0 0 -18px;top:50%;width:36px;z-index:3}.fluid_dg_loader:after{position:absolute;content:'\f110';font-family:'Font Awesome 5 Free';font-weight:600;top:50%;left:50%;transform:translate(-50%,-50%)}.fluid_dg_bar{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:3}.fluid_dg_nav_cont{height:65px;overflow:hidden;position:absolute;right:9px;top:15px;width:120px;z-index:4}.fluid_dg_caption{bottom:0;display:block;position:absolute;width:100%}.fluid_dg_caption > div{padding:10px 20px}.fluid_dgrelative{overflow:hidden;position:relative}.imgFake{cursor:pointer}.fluid_dg_prevThumbs{bottom:4px;cursor:pointer;left:0;position:absolute;top:4px;visibility:hidden;width:30px;z-index:10}.fluid_dg_command_wrap .hideNav{display:none}.fluid_dg_command_wrap{left:0;position:relative;right:0;z-index:4}.fluid_dg_wrap .fluid_dg_pag .fluid_dg_pag_ul{list-style:none;margin:0;padding:0;text-align:right}.fluid_dg_wrap .fluid_dg_pag .fluid_dg_pag_ul li{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;cursor:pointer;display:inline-block;height:16px;margin:20px 5px;position:relative;text-align:left;text-indent:-9999px;width:16px}.fluid_dg_wrap .fluid_dg_pag .fluid_dg_pag_ul li > span{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;height:8px;left:4px;overflow:hidden;position:absolute;top:4px;width:8px}.fluid_dg_wrap .fluid_dg_pag .fluid_dg_pag_ul li.fluid_dgcurrent > span{-moz-box-shadow:0;-webkit-box-shadow:0;box-shadow:0}.fluid_dg_pag_ul li img{display:none;position:absolute}.fluid_dg_prev,.fluid_dg_next,.fluid_dg_commands{cursor:pointer;height:50px;margin-top:-20px;position:absolute;width:50px;z-index:2;}.fluid_dg_prev span:after,.fluid_dg_next span:after,.fluid_dg_commands span:after{position:absolute;font-family:'Font Awesome 5 Free';font-weight:600;top:50%;left:50%;transform:translate(-50%,-50%)}.fluid_dg_commands{display:none}.fluid_dg_prev{left:0}.fluid_dg_prev > span{display:block;height:60px;width:60px}.fluid_dg_prev > span:after{content:'\f053'}.fluid_dg_next{right:0}.fluid_dg_next > span{display:block;height:60px;width:60px}.fluid_dg_next > span:after{content:'\f054'}.fluid_dg_commands{right:41px}.fluid_dg_wrap .fluid_dg_pag .fluid_dg_pag_ul li{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;cursor:pointer;display:inline-block;height:16px;margin:20px 5px;position:relative;text-indent:-9999px;width:16px}.fluid_dg_clear{display:block;clear:both}.showIt{display:none}.fluid_dg_clear{clear:both;display:block;height:1px;margin:-1px 0 25px;position:relative}

.fluid_container {position: relative; margin-bottom: 30px;}
#fluid-slider {height: 400px; border:5px solid #c5c6cb; background:#fff;}
.fluid-caption {position: absolute; left:50px; bottom:50px; max-width:465px; padding:20px; background:rgba(255,255,255,0.8);}
.fluid-caption .title {font-size: 21px; line-height:27px; font-weight: 600; position: relative; color: #000; margin-bottom: 10px;}
.fluid-caption .desc {font-size: 15px;line-height: 21px; font-weight: 400; color: #333; margin-bottom: 15px;}
.fluid_dg_commands {display: none;}
.fluid_dg_prev, .fluid_dg_next {color: #666;bottom:30px; opacity: 1 !important; font-size: 15px; background:#fff; padding:7px;}
.fluid_dg_next {right:30px;}
.fluid_dg_prev {right:90px; left: auto}
/*.fluid_dg_fakehover:before {position: absolute; content: ''; width: 100%; height: 100%; background:rgba(0,0,0,0.5); z-index: 2}*/
@media(max-width: 991px){
  #fluid-slider {height: 400px;}
}
@media(max-width: 768px){
  #fluid-slider {height: 300px;}
  .fluid-caption {max-width: 100%; left: 25px; right: 25px; bottom: auto; top: 50%; transform: translateY(-50%);}
  .fluid-caption .title {font-size: 20px;}
  .fluid_dg_prev, .fluid_dg_next {bottom: 25px; top: auto}
  .fluid_dg_next {right:40px;}
  .fluid_dg_prev {right:90px; left: auto}
  .fluid_dg_prev, .fluid_dg_next, .fluid_dg_commands {width: 40px; height: 40px;}
}
@media(max-width: 480px){
  .fluid-caption {display: none;}
  .fluid-caption .title {font-size: 15px; margin-bottom: 7px;}
  .fluid-caption .desc {font-size: 14px; line-height: 23px;}
  #fluid-slider {height: 220px;}
  .fluid_dg_next {right:30px;}
  .fluid_dg_prev {right:80px;}
}

/*-----------------Section-----------------*/
.breadcrumb-section {padding:0;}
.breadcrumb {background:none; font-size: 13px; padding: 10px 0; margin: 0px; justify-content: flex-end;}

.section {background:#fff; box-shadow: 0px 3px 4px rgba(0,0,0,0.1); padding: 20px; margin-bottom: 30px;}
.heading-title {margin-bottom:10px;}
.heading-title .title {font-size:26px; margin-bottom: 0px;}
.heading-title .letter-spacing {letter-spacing:7px;}
.heading-title .title span {font-weight: 400}
.heading-title .title .text-primary {font-weight: 600; text-transform:capitalize;}


.other-links {border-radius: 7px; overflow: hidden; position: sticky; top: 120px}
.other-links .title {font-size: 18px; font-weight: 500; padding: 12px 15px;}
.other-links .links > li a {display: block; font-weight: 400; font-size: 15px; padding:12px 15px; transition: all 0.3s}
.other-links .links > li a:hover {padding-left: 20px;}

.section .paragraph {font-size: 15px; line-height: 23px; margin-bottom: 17px;}
.paragraph h2 {font-size: 19px; font-weight: 500; }
.paragraph div {margin-bottom: 15px;}
.paragraph table td {padding: 5px 12px;}
.paragraph table td:first-child {width:200px;}
.welcome-image img {max-width:100%; border-radius: 10px}
.welcome-video {border-radius: 10px; overflow: hidden;  margin-bottom: 15px;}
.welcome-video iframe {width: 100%; height:250px;}
.sitemap li {margin-bottom: 15px;}
.sitemap li a {display: inline-block;}
.sitemap li ul {margin-top: 15px;}

@media(max-width: 991px){
.heading-title .title, .heading-title .title .text-primary {font-size:24px; line-height: 30px;}
.section, .fluid_container {margin-bottom: 20px;}
.section {padding: 15px;}
.section .paragraph {font-size: 15px; line-height: 25px}
.welcome-text {padding: 35px;}
.welcome-image, .welcome-video {margin: 20px 0}
.welcome-image {display: none;}
.welcome-video iframe {width: 100%; height:300px;}
}

/*-----------------Box-----------------*/
.about-aditional {padding-left: 25px;}
.product-bg {position: relative; padding-top: 35px;}
.product-bg:before {content: ''; position:absolute; width: 100%; height: 238px; background: url(https://www.dial4trade.com/staticdt/catalog/temp_79/images/product-bg.jpg) no-repeat; background-size: cover; top: 0; left: 0}
.box {margin-bottom: 30px; transition: all 0.3s; overflow: hidden;}
.box figure {margin-bottom: 0px; width: 100%; height:238px; position: relative;}
.box figure:after {position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0; transition: all 0.3s}
.box figure:hover:after {opacity: 1}
.box figure img {max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0.9; transition: all 0.3s;}
.box .box-content {padding:10px 12px; line-height: 1px;}
.box .readmore {margin-top:5px; display:inline-block; font-size: 14px; line-height:18px;}
.box .desc {font-size: 15px; font-weight: 300; margin-top: 35px; line-height: 25px;}
.box .title {font-size: 17px; line-height: 22px; font-weight: 500; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; width: 100%;}
.box .btn {padding: 10px 25px; font-size: 15px;}

.box2 {margin-bottom: 20px;transition: all 0.3s;}
.box2 .box2-icon {width: 55px; height: 55px; line-height: 60px; text-align: center; margin:0 auto 15px;}
.box2 i{font-size: 30px; margin-bottom: 17px}
.box2 .title {font-size: 19px; margin-bottom: 10px; font-weight: 500;}
.box2 .desc {font-size:15px; line-height: 22px;}

.gallery .box figure .btn {bottom: 15px; font-size: 16px;}

.single-prod .box {width: 265px; padding: 15px; margin-right: 25px; border:1px solid #ddd;}
.single-prod .box figure {height: 235px;}
.single-prod .title {font-size: 22px; font-weight: 600;  margin:3px 0 15px; display: inline-block;}
.single-prod .desc {margin-bottom: 17px; line-height: 28px;}
@media(max-width: 767px){
  .single-prod {text-align: center;}
  .single-prod .box {margin-bottom: 20px !important; margin-right: 0px; float: none !important; width: 100%;}
  .single-prod .title {font-size: 20px; margin-bottom: 10px;}
  .single-prod .desc {font-size: 15px; line-height: 24px;}
}

@media(max-width:1199px){
  .box figure {height: 178px;}
}

@media(max-width:991px){
  .box figure {height: 290px;}
  .box figure .btn {font-size: 16px;}
  .about-aditional {padding-left: 0px; margin-top: 15px;}
}

@media(max-width: 767px){
  .box2 {height: auto}
  .box figure {height: 220px;}
  .about-additional {margin-top:25px; padding-top: 25px;}
}

@media(max-width: 480px){
  .box figure {height: 290px;}
}


.our-clients-section {max-width:815px}
@media(max-width: 1199px){
  .our-clients-section {max-width:930px}
}
.our-clients {padding: 0 40px;}
.our-clients .owl-stage {margin:0 auto;}
.our-clients figure {border:1px solid #ccc; border-radius: 5px; overflow: hidden; margin:0 auto; width: 100%; height: 100px; background: #fff; text-align: center; position: relative; margin: 0 auto; display: flex;}
.our-clients figure img {width:auto !important; max-width: 100%; max-height: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 10px;}
.our-clients .owl-nav button {color: #999 !important; width:40px; height: 40px; border-radius: 50%; font-size:50px !important; position: relative; transition: all 0.3s; position: absolute; top:50%; transform: translateY(-50%);}
.our-clients .owl-nav button:hover {color: #333 !important; background: none}
.our-clients .owl-nav button span {position: absolute; top: 40%; left: 50%; transform: translate(-50%,-50%);}
.our-clients .owl-nav .owl-prev {left: -10px;}
.our-clients .owl-nav .owl-next {right: -10px;}
.our-clients .owl-nav [class*=owl-]:hover {background: none !important}
.our-clients .owl-nav button.disabled {color: #ccc !important}


/*-----------------Testimonials-----------------*/
.testimonials {font-size: 14px; text-align: center;}
.testimonials .owl-stage {margin: 0 auto}
.testimonials .item {background:rgba(255,255,255,0.8); border-radius: 10px; padding:20px 15px; border:1px solid rgba(0,0,0,0.1); height: 100%;}
.testimonials figure {width: 60px; height: 60px; border-radius: 50%; overflow: hidden; border:1px solid #ccc; margin:0 auto 12px; position: relative;}
.testimonials figure img {width:auto; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.testimonials .desc {margin-bottom: 12px; color: #444}
.testimonials .name {font-size: 15px; font-weight: 600; color: #333}
.testimonials .company-name {font-size: 14px; color: #666}
.testimonials.owl-theme .owl-dots .owl-dot span {background: #444}
.testimonials.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #ccc}

/*-----------------Product Details-----------------*/
.product-details .heading-title .title .text-primary {line-height: 30px;}
.prod-price {font-size: 21px;}
.prod-price .price {font-weight: 600;}
.prod-price .price i {font-size: 18px;}
.prod-price small {font-size: 17px;}
.prod-img {position: relative; position: sticky; top: 80px; border-radius: 10px; overflow: hidden;}
.prod-img:after {position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background:rgba(0,0,0,0.5)}
.prod-img img {position: relative; z-index: 2;}
.product-details > *:nth-child(2) {width: 335px}
@media(max-width: 767px){
  .product-details > *:nth-child(2) {width: 100%}
}


/*-----------------Contact Us-----------------*/
.contact .contact-left {padding: 40px 70px;}
.contact .contact-right {border-left: 3px solid #eee}
.contact .heading {font-size: 20px; margin-bottom: 15px;}
.contact-box {margin-bottom: 7px; line-height:25px;}
.contact-box:not(:last-child) {margin-bottom: 50px;}
.contact .quick-contact {margin-bottom: 0px;}
.contact .quick-contact li {padding-left: 37px;}
.contact .quick-contact li:before {font-size: 20px;}
.contact .quick-contact li:not(:last-child) {margin-bottom: 20px;}
.contact iframe {height: 300px;}

.contact-details-wrap > *:first-child .contact-box {margin-bottom: 0px;}
.contact-details-wrap > *:not(:last-child) {margin-bottom:30px;}
.contact-additional {border:1px solid #ced4da; padding:15px; height: 100%}

@media(max-width: 991px){
.contact .contact-left {padding: 25px}
.contact-details-wrap > *:not(:last-child) {margin-bottom:15px;}
}

@media(max-width: 767px){
.product-details > *:first-child {order:2;}
.product-details > *:nth-child(2) {order:1;}
}

/*-----------------Footer-----------------*/
footer {padding: 40px 0; font-size: 15px; line-height: 25px; font-weight: 300; margin-top: 30px;}
footer .title {font-size:20px; margin-bottom: 32px; position: relative; font-weight: 400}
footer .title:after {position: absolute; width: 60px; content: ''; height: 1px; left: 0px; top:30px;}
footer .links {overflow: hidden;}
footer .links li {position: relative; padding-left:20px;}
footer .links li a {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 90%; display: block;}
footer .links li:not(:last-child){margin-bottom:12px}
footer .links li:before {position:absolute;top:2px;left:3px;content:'\f054';font-family:'Font Awesome 5 Free'; font-weight: 600; font-size: 12px;}
footer .our-prod .prod-box figure {position: relative; width: 80px; height: 80px; border-radius: 3px; overflow: hidden; margin: 0px;}
footer .our-prod .prod-box img {max-width: 100%; max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.3s}
footer .our-prod .prod-box figure:hover img {transform: scale(1.2) translate(-45%,-45%);}
footer .our-prod li {width: 80px; display: inline-block; margin: 5px;}

.qrcode img {width: 100%}
.footer-contact {display: flex; width: 100%; flex-wrap: wrap;}
.footer-contact .qrcode {width:100px; padding-right: 20px;}
.footer-contact .qrcode img {max-width: 100%}
.footer-contact .footer-contact-details {flex: 1}

.page-contact .qrcode {width:150px; padding-left: 20px;}

.contact-additional .qrcode {width: 100px; margin-top: 12px;}
.contact-additional .qrcode img {width:100%;}

.left-contact .qrcode {margin-left: 28px;}
.left-contact .qrcode img {max-width: 100px;}


.social-icons{margin:30px 0 0}
.social-icons li{display:inline-block}
.social-icons li:not(:last-child){margin-right:10px; margin-bottom: 7px;}
.social-icons li a{border-radius:10px;text-align:center;width:35px;height:35px;line-height:35px;display:inline-block; font-size:20px; transition:all .3s}
.social-icons li i{transition:all .3s}  
.social-icons li a:hover i{transform:rotate(25deg) scale(1.2)}
.social-icons li a:hover {border-radius:5px}
.quick-contact li{position:relative;padding-left:27px;}
.quick-contact li:not(:last-child){margin-bottom: 15px;}
.quick-contact li:before{position:absolute;top:2px;left:0;font-family:'Font Awesome 5 Free'; font-weight: 600; width:20px;text-align:center}
.quick-contact li.name:before{content:'\f007'; font-weight: 500;}
.quick-contact li.address:before{content:'\f3c5'}
.quick-contact li.email:before{content:'\f0e0'; font-weight: 500;}
.quick-contact li.phone:before{content:'\f2a0';}
.quick-contact li.mobile:before{content:'\f3cd';}
.quick-contact li.website:before{content:'\f57e';}
.quick-contact li.toll-free:before{content:'\f590';}
.quick-contact li.skype:before{content:'\f17e'; font-family:'Font Awesome 5 Brands';}
.quick-contact li.whatsapp:before{content:'\f232'; font-family:'Font Awesome 5 Brands';}
.copyright .container {padding:15px; font-size: 13px;}

@media(max-width: 991px){
  footer {padding:0 0 15px; font-size: 14px;}
  footer .title {margin-top:30px; font-size: 18px;}
  .copyright, .copyright .text-right {text-align: center !important;}
  .copyright .memberof {margin-top: 7px;}
}

/*-----------------Floating-----------------*/
.floating{position:fixed;top:50%;transform:translateY(-50%);right:-50px;width:40px;height:205px;border-radius:7px 0 0 7px;z-index:99;transition:all .5s; font-family:arial !important; font-size:18px; border-right: 0px !important;}
.floating.active{right:0}
.floating .floating-item{white-space:nowrap;transform:rotate(-90deg);display:block;width:204px;height:197px;padding:5px;}

/*-----------------ScrollTop-----------------*/
.scrollTop{position:fixed;bottom:25px;right:25px;border-radius:50%;width:50px;height:50px;text-align:center;cursor:pointer;z-index:9;opacity:0;transition:all .3s;cursor:pointer}
.scrollTop:after{position:absolute;content:'\f30c';font-family:'Font Awesome 5 Free';font-weight:600;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s}
.scrollTop:hover:after{top:40%}
.scrollTop.active{opacity:1}
.modal-title {font-weight: 600; }
.modal-content {border:none;}

/*-----------------Thanks-----------------*/
.thank-you {padding: 25px 0}
.thank-you .title {font-size: 25px; font-weight: 600}
.thank-you .btn {margin-top: 25px;}
.success-checkmark{width:80px;height:115px;margin:0 auto}
.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;}
.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}
.success-checkmark .check-icon::after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}
.success-checkmark .check-icon::before,.success-checkmark .check-icon::after{content:'';height:100px;position:absolute;transform:rotate(-45deg)}
.success-checkmark .check-icon .icon-line{height:5px;display:block;border-radius:2px;position:absolute;z-index:2}
.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}
.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}
.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:2;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;}
.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);}
@keyframes rotate-circle {
0%{transform:rotate(-45deg)}
5%{transform:rotate(-45deg)}
12%{transform:rotate(-405deg)}
100%{transform:rotate(-405deg)}
}
@keyframes icon-line-tip {
0%{width:0;left:1px;top:19px}
54%{width:0;left:1px;top:19px}
70%{width:50px;left:-8px;top:37px}
84%{width:17px;left:21px;top:48px}
100%{width:25px;left:14px;top:45px}
}
@keyframes icon-line-long {
0%{width:0;right:46px;top:54px}
65%{width:0;right:46px;top:54px}
84%{width:55px;right:0;top:35px}
100%{width:47px;right:8px;top:38px}
}

.goog-tooltip {display: none !important;}.goog-tooltip:hover {display: none !important;}.goog-text-highlight {background-color: transparent !important;border: none !important; box-shadow: none !important;}

/*-----------------Theme Change Css-----------------*/
.color-change-wrap{width:250px;box-shadow:0 0 8px rgba(0,0,0,0.2);background:rgba(255,255,255,0.99);position:fixed;top:150px;left:-253px;z-index:999;padding:25px;transition:all .5s}
.color-change-wrap.active{left:-10px}
.color-change-head{margin-bottom:10px;font-size:14px;color:#333;text-align:center}
.color-change-wrap .row > *{padding:2px}
.color-change-wrap .row > * > *{cursor:pointer;}
.color-change-wrap .temp-color i {float:right; width: 50%; height:100%; display: inline-block;}
.color-change-wrap .temp-color{height:40px;display:block;width:100%;border-radius:5px; overflow: hidden; border:1px solid #ccc;}
.color-change-wrap .white-yellow .temp-color{background:#fff}
.color-change-wrap .white-yellow .temp-color i {background:#f2ae2b}

.color-change-wrap .white-orange .temp-color{background:#fff}
.color-change-wrap .white-orange .temp-color i {background:#ce4500}

.color-change-wrap .white-red .temp-color{background:#fff}
.color-change-wrap .white-red .temp-color i {background:#ba0808}

.color-change-wrap .white-blue .temp-color{background:#fff}
.color-change-wrap .white-blue .temp-color i {background:#299be8}

.color-change-wrap .white-green .temp-color{background:#fff}
.color-change-wrap .white-green .temp-color i {background:#84ba3f}

.color-change-wrap .white-brown .temp-color{background:#fff}
.color-change-wrap .white-brown .temp-color i {background:#844c1e}

.color-change-wrap .white-cyan .temp-color{background:#fff}
.color-change-wrap .white-cyan .temp-color i {background:#1daa8b}

.color-change-wrap .white-pink .temp-color{background:#fff}
.color-change-wrap .white-pink .temp-color i {background:#f41e54}

.color-change-wrap .white-gold .temp-color{background:#fff}
.color-change-wrap .white-gold .temp-color i {background:#ba893f}

.color-change-wrap .white-dark-green .temp-color{background:#fff}
.color-change-wrap .white-dark-green .temp-color i {background:#437004}

.color-change-wrap .white-dark-blue .temp-color{background:#fff}
.color-change-wrap .white-dark-blue .temp-color i {background:#175ca1}

.color-name{margin-bottom:5px;color:#000;font-size:13px; line-height: 18px;}
.color-change-setting{background:rgba(255,255,255,0.99);width:40px;height:40px;line-height:38px;font-size:22px;position:absolute;right:-40px;top:20px;text-align:center;cursor:pointer;box-shadow:3px 0 7px rgba(0,0,0,0.2)}
.color-change-setting i{animation-name:spin;animation-duration:3000ms;animation-iteration-count:infinite;animation-timing-function:linear}
@keyframes spin {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}


/*-----------------Flag Css-----------------*/
body{position:relative;top:0!important}.skiptranslate{display:none}


/** zenFadeInLeft **/
.zenFadeInLeft{-webkit-animation:zenFadeInLeft 1s; animation:zenFadeInLeft 1s;}
@-webkit-keyframes zenFadeInLeft{0%{opacity: 0;-webkit-transform:translateX(-70px);} 100%{opacity:1;-webkit-transform:translateY(0);}}
@keyframes zenFadeInLeft{0%{opacity:0;transform:translateX(-70px);} 100%{opacity:1;transform:translateY(0);}}

 /** zenFadeInRight **/
.zenFadeInRight{-webkit-animation:zenFadeInRight 1s; animation:zenFadeInRight 1s;}
@-webkit-keyframes zenFadeInRight{0%{opacity: 0;-webkit-transform:translateX(70px);} 100%{opacity:1;-webkit-transform:translateY(0);}}
@keyframes zenFadeInRight{0%{opacity:0;transform:translateX(70px);} 100%{opacity:1;transform:translateY(0);}}

/** zenFadeInUp **/
.zenFadeInUp{-webkit-animation:zenFadeInUp 1s; animation:zenFadeInUp 1s;}
@-webkit-keyframes zenFadeInUp{0%{opacity:0;-webkit-transform: translateY(50px);} 100%{opacity:1;-webkit-transform: translateY(0);}}
@keyframes zenFadeInUp{0%{opacity:0;transform:translateY(50px);} 100%{opacity:1;transform:translateY(0);}}

/** zenFadeInDown **/
.zenFadeInDown{-webkit-animation:zenFadeInDown 1s; animation:zenFadeInDown 1s;}
@-webkit-keyframes zenFadeInDown{0%{opacity:0;-webkit-transform: translateY(-50px);} 100%{opacity:1;-webkit-transform: translateY(0);}}
@keyframes zenFadeInDown{0%{opacity:0;transform:translateY(-50px);} 100%{opacity:1;transform:translateY(0);}}

@-webkit-keyframes bounceInDown{
  0%{opacity:0; -webkit-transform:translateY(-100px)} 
  60%{opacity:1;-webkit-transform:translateY(10px)}
  80%{-webkit-transform:translateY(-10px)}
  100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInDown {
  0%{opacity:0; -webkit-transform:translateY(-100px)} 
  60%{opacity:1;-webkit-transform:translateY(10px)}
  80%{-webkit-transform:translateY(-10px)}
  100%{-webkit-transform:translateY(0)}
}
@-o-keyframes bounceInDown {
  0%{opacity:0; -webkit-transform:translateY(-100px)} 
  60%{opacity:1;-webkit-transform:translateY(10px)}
  80%{-webkit-transform:translateY(-10px)}
  100%{-webkit-transform:translateY(0)}
}
@keyframes bounceInDown {
  0%{opacity:0; -webkit-transform:translateY(-100px)} 
  60%{opacity:1;-webkit-transform:translateY(10px)}
  80%{-webkit-transform:translateY(-10px)}
  100%{-webkit-transform:translateY(0)}
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown
}

body{-webkit-backface-visibility:hidden}
.animated{
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both
}
.animated.hinge {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s
}
@-webkit-keyframes fadeOutUp{
  0%{opacity:1;-webkit-transform:translateY(0)}
  100%{opacity:0;-webkit-transform:translateY(-10px)}
}
@-moz-keyframes fadeOutUp{
  0%{opacity:1;-webkit-transform:translateY(0)}
  100%{opacity:0;-webkit-transform:translateY(-10px)}
}
@-o-keyframes fadeOutUp{
  0%{opacity:1;-webkit-transform:translateY(0)}
  100%{opacity:0;-webkit-transform:translateY(-10px)}
}
@keyframes fadeOutUp{
  0%{opacity:1;-webkit-transform:translateY(0)}
  100%{opacity:0;-webkit-transform:translateY(-10px)}
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}



.modal-content {overflow: hidden;}
.d-flex {display: flex;}
.align-items-center {align-items: center;}
.modal-ls {width: 390px;}
.modal-ls .bg {width: 390px; height: 100%; padding: 25px 20px; position: relative;}
.modal-ls i {margin-right: 4px;}
.modal-ls figure {position: relative; width: 100%; height:350px; overflow: hidden; margin-top: 15px;}
/*.modal-ls figure {position:absolute; width: 90%; height:350px; top: 50%; left: 50%; transform: translate(-50%, -50%);}*/
.modal-ls figure img {position:absolute; max-width: 100%; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2}
.modal-ls figure .opacity {position: absolute; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.7);}
.modal-ls .prod-name {font-size: 22px; margin-bottom: 5px;}
.modal-ls .prod-rate {font-size: 17px; margin-bottom: 5px;}
.modal-ls .comp-add {font-size: 17px; margin-bottom: 7px;}
.modal-rs {flex: 1; padding: 25px 20px; background:#fff; position: relative;}
.modal-rs .heading {font-size: 22px; text-align: center; margin-bottom: 15px; color: #333}
.modal-rs .close {position: absolute; top: 5px; right: 15px; font-size: 30px;}
.modal-rs .mt-1 {text-align: center;}
@media(max-width: 767px){
  .modal-ls {display: none;}
}

.primary-prod {height:305px; position: relative; top: initial; width: 100%; margin-bottom: 20px; text-align: center; overflow: hidden; border: 1px solid #ccc; background:#fff; background-repeat: no-repeat; background-size: cover !important;}
.primary-prod img {position: absolute; max-width: 100%; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.thumbs {padding: 0 35px;}
.thumbs .item {display: flex; align-items: center;  height: 100%}
.thumbs .owl-stage {margin:0 auto;}
.thumbs figure {cursor: pointer; border:1px solid #ddd; overflow: hidden; position: relative; width: 50px; height: 50px; margin:0 auto;}
.thumbs figure img {position: absolute; max-width: 100%; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto !important}
.thumbs .owl-nav button {color: #999 !important; width:40px; height: 40px; border-radius: 50%; font-size:50px !important; position: relative; transition: all 0.3s; position: absolute; top:50%; transform: translateY(-50%);}
.thumbs .owl-nav button:hover {color: #333 !important}
.thumbs .owl-nav button span {position: absolute; top: 40%; left: 50%; transform: translate(-50%,-50%);}
.thumbs .owl-nav .owl-prev {left: -10px;}
.thumbs .owl-nav .owl-next {right: -10px;}

@media(max-width:1199px){
  .primary-prod {height: 230px;}
  .thumbs figure {width: 32px; height: 32px;}
}
@media(max-width:991px){
  .primary-prod {height: 257px;}
  .thumbs figure {width: 40px; height: 40px;}
}
@media(max-width:360px){
  .primary-prod {height: 300px;}
  .thumbs figure {width: 50px; height: 50px;}
}

/*.ForScreenShot {display: none !important;}*/

/* Blog Section */
.grid-blog-wrap > .row > * {margin-bottom: 30px;}
.grid-blog-item{display:inline-block;width:100%; height: 100%;box-shadow:0px 0px 10px rgba(0,0,0,0.1)}
.blog-details{padding:20px}
.grid-blog-item .blog-img img{width:100%;height:230px;object-fit:cover}
.grid-blog-item .blog-img a {display: block;}
.blog-top{position:relative}
.grid-blog-item .blog-top .blog-img::after{display:block;position:relative;background-image:linear-gradient(to bottom,transparent 0%,black 100%);margin-top:-150px;height:150px;width:100%;content:''}
.blog-author{position:absolute;bottom:5px;width:100%;left:0;padding:0 20px}
.blog-author img{border-radius:50%;float:left}
.blog-author h4{font-size:15px;float:left;margin-top:5px;margin-left:5px;color:#fff;font-weight:lighter;letter-spacing:.5px}
.blog-info {margin-bottom: 17px;}
.blog-info ul{padding:0; margin:0;}
.blog-info ul li{list-style:none;display:inline-block;margin-right:12px}
.blog-info ul li a.blog-category{text-align:center;padding:5px 10px;cursor:pointer;font-size:13px;text-transform:uppercase;letter-spacing:1px;}
.blog-info ul li.blog-time{font-size:14px}
.blog-info ul li.blog-time i{opacity:.5;margin-right:6px}
.blog-heading .blog-title{font-size:20px;line-height:28px;font-weight:700}
.blog-heading .blog-title:hover{text-decoration: underline;}
.blog-btn{margin-top:20px}
.blog-btn a{font-size:14px;}
.blog-btn i{opacity:.5;margin-right:5px}
.sidebar-block{/* padding:20px; *//* box-shadow:0px 0px 10px rgba(0,0,0,0.1); *//* border:1px solid #f0f0f0; */padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #d2d2d2;}
.sidebar-block .title {font-size:21px;font-weight:700;margin-bottom: 10px;}
.blog-sidebar .sidebar-block:last-child {margin-bottom: 0px;padding-bottom: 0px;border-bottom: none;}
.search-form{position:relative}
.search-form input{width:100%;height:50px;border:0;background:#ececec;padding:0 20px}
.search-form button{position:absolute;top:0;right:0;height:100%;padding:0 25px;color:#fff;line-height:50px;border:0;transition:.3s;cursor:pointer}
.social-profile a{height: 35px;width: 35px;text-align:center;line-height: 35px;margin-right:2px;display:inline-block;transition:all ease-in-out .3s;}
.social-profile a:hover{transition:all ease-in-out .3s}
ul.cat{padding:0}
ul.cat li{border-top:1px solid #eaedff;padding:13px 0;overflow:hidden}
ul.cat li:first-child{border-top:0;padding-top:0}
ul.cat li:last-child{padding-bottom:0}
ul.cat li a{display:block;font-size:16px;}
ul.cat li .f-right{float:right}
ul.recent-posts{padding:0}
.recent-posts > li:first-child{border:0;padding-top:0}
.recent-posts li:last-child{padding-bottom:0}
.recent-posts > li{border-top:1px solid #eaedff;padding:20px 0;overflow:hidden}
.widget-posts-image{float:left}
.widget-posts-image img{width:65px;height:65px;border-radius:50%;margin-right:15px}
.widget-posts-body{overflow:hidden}
.widget-posts-title{margin-bottom:10px;font-size:16px;margin-bottom:5px;line-height:1.3}
.widget-posts-meta{font-size:12px}
.widget-posts-meta i{opacity:.5;margin-right:6px}


.blog-list-view > .row {flex-wrap: wrap;}
.blog-list-view > .row > * {max-width: 100%;flex-basis: 100%;width: 100%;}
.blog-list-view .grid-blog-item {display: flex;}
.blog-list-view .blog-top {width: 300px;}
.blog-list-view .blog-img img {height: 200px;}
.blog-list-view .blog-details {flex:1;}
.blog-list-view .blog-detail-box {display: flex; width: 100%; flex-wrap: wrap;}
.blog-list-view .blog-detail-box > * {width: 100%}
.blog-list-view .blog-info {order: 2; margin-bottom:25px;}
.blog-list-view .blog-heading {order: 1; margin-bottom: 7px;}
.blog-list-view .blog-btn{order: 3; margin-top: 0px;}


/* Blog Detail Section */

.blog-inner-wrap img {width:100%;height:320px;max-height:320px;object-fit:cover;border-radius: 5px;}
.blog-inner-wrap .blog-info { margin-top: 20px;}
.blog-desc img { width: 100%; height: 250px; max-height: 250px; object-fit: cover; }
.blog-desc h1 { font-size: 28px; font-weight: bold; color: #2f3967;}
.blog-desc p {font-size: 16px;line-height: 28px;text-align: justify;margin: 10px 0px 20px 0px;color: #647589;}
.blog-desc h3 { color: #2f3967; font-size: 22px; margin: 20px 0px 0px 0px; font-weight: bold;}
.blog-desc ul li { list-style-position: inside; font-size: 16px; margin: 10px 0px; color: #647589;}
.blog-desc ul { padding: 0px;}

@media(max-width: 1199px){
  .blog-heading .blog-title { font-size: 18px; }
  .social-profile a { height: 40px; width: 40px; line-height: 40px; }
}

@media(max-width: 991px){
  .blog-heading .blog-title { font-size: 16px; }
  .social-profile a { margin-bottom: 10px; }
  .blog-list-view .grid-blog-item { display: block; }
  .blog-list-view .blog-top { width: 100%; }
}

footer .payment-secure {margin: 20px auto 0; padding: 0 15px;}
footer .payment-secure-title {color: #cacaca; margin-bottom: 7px; font-size: 13px;}
footer .payment-secure ul {display: inline-block;}
footer .payment-secure li {display: inline-block; width: 50px; height:30px; overflow: hidden; position: relative; background: #fff; border:1px solid #ccc; margin: 0 1px;}
footer .payment-secure li img {max-width: 100%; max-height: 100%; position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);}

.inq-title span {display:block; font-size: 16px; margin-bottom: 3px; text-transform:none !important;}
.inq-title .text-primary {font-size: 22px !important; font-weight: 600 !important; line-height: normal !important; margin-bottom: 0px;}

/*-----------------Certificates-----------------*/
.cert-list { background: #fff; margin-top: 10px;}
.cert-title { color: #333; font-size: 14px; font-weight: bold; line-height: 20px; padding: 10px; background: #f0f0f0;}
.cert-box ul {overflow: hidden;margin: 0;padding: 0;}
.cert-box ul li {padding: 10px;overflow: hidden;border-bottom: 1px dashed #ccc;width: 100%;display: flex;align-items: center;}
.cert-box figure {margin-bottom: 0px;width: 60px;height:80px;position: relative;overflow: hidden;}
.cert-box img { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0.9; transition: all 0.3s;}
.cert-box .content {width: 100%;padding: 0 10px;}
.cert-box .content .name {margin: 5px 0px;}
.cert-box .content .name a {color:#29384f; font-weight: 500;}
.cert-box .content .desc { font-size: 15px; line-height: 22px;}

.intl-tel-input {display: block !important;}
.lngchange {cursor: pointer; color: #fff}
.translate-wrap {text-align: center; padding-top: 20px; display: flex; justify-content: center; align-items: center;}
.translate-wrap .skiptranslate {display: inline-block !important; visibility: visible !important;}
.clang-title {padding-right: 5px; margin: 0;}
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf {display: none !important;}
body{top:0!important;}
body > .skiptranslate {display:none !important;}
#google_translate_element {height: 35px;}
#google_translate_element select {background:none; border:1px solid #fff; color:#fff; border-radius:3px; padding:8px 15px 8px 5px}
#google_translate_element select option {color: #333}
.goog-logo-link,.goog-te-gadget span,div#goog-gt-{display:none!important;}
.goog-te-gadget{color:transparent!important;font-size:0;}
.goog-te-banner-frame{display:none !important;}
#goog-gt-tt, .goog-te-balloon-frame{display: none !important;}
.goog-text-highlight { background: none !important; box-shadow: none !important;}

.success-section .title{color:#339881;margin-bottom:15px;font-size:24px}
.success-section .message{margin-bottom:0}
.success-section .link{font-weight:500;margin-top:15px;display:inline-block;color:#1e79b3}
.input.error,input.error{border:1px solid red!important;color:#d24848!important;box-shadow:1px 0 5px #de3232}
.input.error::placeholder,input.error::placeholder{color:red!important}
label.error span{background:#fdbfbf;color:#000}
label.error span:before{border-color:#fdbfbf transparent transparent}
.fa-spinner{animation-name:spin;animation-duration:3000ms;animation-iteration-count:infinite;animation-timing-function:linear}
.checkmark{width:100px;margin:0 auto 15px}
.checkmark .path{stroke-dasharray:1000;stroke-dashoffset:0;animation:dash 2s ease-in-out;-webkit-animation:dash 2s ease-in-out}
.checkmark .spin{animation:spin2 2s;-webkit-animation:spin2 2s;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}
.tooltip-error {width: 220px;background: #f8d7da;color: #721c24; border: 1px solid #f8d7da; text-align: center; border-radius: 2px;padding: 4px 7px; font-size: 11px; line-height:18px; position: absolute; z-index: 1; top:-27px;left:0px;}
.tooltip-error::after { content: ""; position: absolute;top: 100%; left: 10%; margin-left: -5px; border-width: 7px; border-style: solid; border-color:#f8d7da transparent transparent transparent;}
@-webkit-keyframes dash {0%{stroke-dashoffset:1000}100%{stroke-dashoffset:0}}
@keyframes dash {0%{stroke-dashoffset:1000}100%{stroke-dashoffset:0}}
@-webkit-keyframes spin2 {0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}
@keyframes spin2 {0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}
@keyframes spin {from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5}
.btn-close:hover{color:#000;text-decoration:none;opacity:.75}
.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,0.25);opacity:1}
.btn-close:disabled,.btn-close.disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}

.modal-rs .btn-close {position: absolute; top:10px; right: 10px; font-size:15px;}
.modal-ls .bg {background: #eee}
@media(max-width: 767px){
  .modal-ls {display: none;}
}

.pbq-title{font-size:15px;margin-bottom:5px;color:#000}
.pbq-row {max-width:400px;padding:0;margin:0 15px 25px !important}
.pbq-row div {margin-bottom: 0px;}
.pbq-row .item{height:100%;padding:0 2px}
.pbq{border:1px solid #e0e0e0;padding:4px 5px;display:block;text-align:center;line-height:normal;cursor:pointer;display:flex;height:100%;align-items:center;justify-content:center}
.pbq > *{height:100%}
.pbq-row .owl-stage{display:flex}
.pbq .title{font-size:14px;color:#333; margin-bottom: 5px;}
.pbq .desc{font-size:12px;color:#666}
.pbq.active .title{color:#000;font-weight:600}
.pbq.active{border:1px solid #ff7512;box-shadow:1px 3px 5px rgba(0,0,0,0.1)}
.pbq-row.owl-theme .owl-nav [class*=owl-]{position:absolute;top:calc(50% - 2px);transform:translateY(-50%);line-height:normal;margin:0;display:inline-block;width:10px;height:30px; font-size: 26px; line-height: 1px;}
.pbq-row.owl-theme .owl-nav [class*=owl-]:hover{background:none;color:#000}
.pbq-row.owl-theme .owl-nav [class*=owl-prev] {left: -15px;}
.pbq-row.owl-theme .owl-nav [class*=owl-next] {right: -15px;}
.pbq-row.owl-theme .owl-nav{margin-top:0}
.pbq-row .owl-nav .owl-prev{left:0}
.pbq-row .owl-nav .owl-next{right:0}
.pbq-row .owl-stage{margin-left:0}

@media(max-width: 640px){
  .pbq-row{max-width:270px; margin:0 17px 25px}
}

.minOrderUnitInput {position: absolute; top: 0; left: 15px; width:calc(100% - 50px); border-top-right-radius: 0px; border-bottom-right-radius: 0px; display: none;}
.unit-list {max-height: 182px; font-size: 15px; list-style: none; padding: 0; border:1px solid #cacfe7; position: absolute; top:calc(100% - 0px); left: 15px; width: calc(100% - 30px); z-index: 1; background: #fff; display: none;}
.unit-list li {border-bottom: 1px solid #cacfe7; cursor: pointer;}
.unit-list li:last-child {border-bottom: 0px;}
.unit-list li:hover {background:#f7f7f7}
.unit-list li span {display: block;padding:5px 10px;}
.cust-scroll {overflow:auto}
.cust-scroll::-webkit-scrollbar {display: block;width: 4px;height: 4px;border-radius: 10px}
.cust-scroll::-webkit-scrollbar:hover {display: block}
.cust-scroll::-webkit-scrollbar-track {background: #eee;border-radius: 10px}
.cust-scroll::-webkit-scrollbar-thumb {background: #ddd;border-radius: 10px}
.cust-scroll::-webkit-scrollbar-thumb:hover {background: #999}@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
body {font-family: 'Roboto', sans-serif !important; font-weight: 400}