body {font-size: 16px; line-height: 20px;}
a, a:hover {text-decoration: none;}
*:focus {box-shadow: none !important}

.btn {border-radius: 30px; padding: 9px 30px; font-size: 16px; line-height: normal;}
.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: 20px;}
textarea.form-control {padding: 10px 12px}
input.form-control, select.form-control {height: 43px !important;}

/*-----------------Top Section-----------------*/
.top-section {display: flex; align-items: center; justify-content: space-between; position: relative; height: 95px;}
.logo, .logo2 {width:280px; position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); text-align: center;}
.logo {height: 90px}
.logo img {max-width:100%; max-height: 100%; position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); margin: 0 auto}

.cname {font-size: 46px; line-height:42px; font-weight: 500}

.social-icons-top a {font-size: 20px;}
.social-icons-top li:not(:last-child) {margin-right: 5px;}

.top-right {text-align: right;}
.callus a {font-size: 20px;}
.top-links > li {display: inline-block; font-size: 14px; padding: 6px 7px}
.top-links > li a i {padding: 0 3px}
@media(max-width: 991px){
  .top-links {position: initial; display:flex !important; justify-content: center;}
  .top-links > li {padding: 6px 6px; font-size: 13px;}
  .callus span {display: none;}
  .callus i {display:inline-block !important;}
  .callus a {display:inline-block !important; border-radius: 50%; font-size: 14px; width: 34px; height: 34px; line-height:34px; text-align: center; margin-right: 15px;}

  .top-left {display: none;}
  .top-right {width:100%;}
  .logo, .logo2 {left: 0px; text-align: left; transform:translate(-0%,-50%); width: 230px;}
  .logo img {left: 0px; text-align: left; transform:translate(-0%,-50%)}
  .top-section.addons .logo {transform:translate(-0%,-22%)}
  .top-section.addons .logo2 {transform:translate(-0%,-13%)}
  .logo {width:220px; height: 55px;}
  .top-section {height: 75px;}
  .cname {font-size: 28px;}
}

/*-----------------Navbar-----------------*/
.navbar {padding:25px 0;}
.navbar .nav-link {padding: 8px 15px !important; font-size: 17px; line-height: normal;}
.navbar .btn {padding: 7px 15px !important;}
.nav-item .dropdown-menu {top: 61px; min-width:200px; max-width: 230px; padding: 0px; border-radius:0px; font-size: 15px;}
.nav-item .dropdown-item {padding: 9px 15px; white-space: normal;}
.nav-item ul li:last-child .dropdown-item{border-bottom: 0px;}

.dropdown-submenu {position: relative;}
.dropdown-submenu a::after {transform: rotate(-90deg);position: absolute;right: 6px;top:18px;}
.dropdown-submenu .dropdown-menu {top: 0;left: 100%;}

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

.navbar-toggler {width: 40px; height:40px; cursor: pointer; border-radius: 4px;transition: background-color .2s ease; position: relative;}
.navbar-toggler span {position: relative;display: block;border-radius: 6px; width: 25px;height: 3px;}
.navbar-toggler span:before, .navbar-toggler span:after {content: "";position: absolute; left: 0;height: inherit;background: inherit;border-radius: inherit;transition: inherit;}
.navbar-toggler span:before {top: -6px; width: 20px;}
.navbar-toggler span:after {bottom: -6px; width: 16px;}
.navbar-toggler i {width: 12px;height: 9px;position: absolute;top: 7px;right: 5px;transition: transform .2s ease; font-size: 12px;}
.navbar-toggler[aria-expanded=true] i {transform: scaleY(-1); top: 10px;}
.navbar-toggler[aria-expanded=true] span:before {width: 10px;}
.navbar-toggler[aria-expanded=true] span:after {width: 10px;}
.navbar-toggler[aria-expanded=true] span {width: 25px;}

.header2 {border-bottom: 1px solid #ddd}
.navbar.navbar-fixed, .header2.header2-fixed{position:fixed;top:0;left:0;width:100%;z-index:999;animation-name:menu_sticky;animation-duration:0.2s;animation-timing-function:ease-out;-webkit-transition:all .0s ease-in-out;-moz-transition:all .0s ease-in-out;-ms-transition:all .0s ease-in-out;-o-transition:all .0s ease-in-out;transition:all .0s ease-in-out}
@keyframes menu_sticky {
0%{margin-top:-100px}
50%{margin-top:-74px}
100%{margin-top:0}
}

.header2-fixed ~ .navbar {position: fixed; left:0px; top: 75px; width: 100%; z-index: 1}

@media(max-width: 991px){
  .navbar {padding: 0px;}
  .navbar-collapse.show {padding: 10px}
  .navbar.bg-primary .nav-link {margin-bottom: 5px;}
  .navbar-toggler {display: inline-block !important;}
  .header2 {z-index: 1;position:relative;}
  .nav-item .dropdown-menu {box-shadow: none; border:none; border-radius: 5px; min-width: 100%; width: 100%}
  .navbar .form-inline {justify-content:center;}
  .top-section.addons {height:100px; align-items:flex-start;}
  .top-section.addons .navbar-toggler {position: absolute; top: 45%; right: 0px;}
  .category-all-link {display: block;}
  .header2-fixed .top-links {display: none !important;}

  .header2-fixed .top-section.addons {height:75px;}
  .header2-fixed .top-section.addons .logo {transform:translate(-0%,-50%)}
  .header2-fixed .top-section.addons .logo2 {transform:translate(-0%,-50%)}
  .header2-fixed .top-section.addons .navbar-toggler {top: 50%;transform: translateY(-50%);}
  .header2-fixed ~ .navbar {max-height: calc(100% - 75px); overflow: auto; z-index: 99}

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


.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: 18px; 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: #666;padding: 0 15px 15px;font-size: 16px;}
.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;}

.box-wrap > * {margin-bottom: 25px;}
.box-wrap .box {margin-bottom: 0px; height: 100%}
.top-links .dropdown-item {padding: 5px 10px; font-size: 14px;}
.top-links .dropdown-menu {top: 4px !important;}
.top-links .dropdown-item:active {background: #737373; color: #fff}
.header-ecommerce .top-links > li {padding: 0px 7px}
.top-cart {justify-content: flex-end; margin-top: 20px;}
.header-ecommerce.active .top-cart {margin-top: 15px;}
.top-cart > * {cursor: pointer;}
.top-cart a {color: #666; 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;}
.header-ecommerce.active .top-cart {position: fixed; z-index:1000; top: 0px; color: #fff}
.header-ecommerce.active .top-cart > *:not(:first-child) {margin-left:15px;}
@media(max-width: 991px){
  .header-ecommerce .top-links > li {padding: 6px 7px}
  .top-section.addons .top-cart {margin-top:0px; position:absolute; top:55%; right: 45px;}
  .header2.header2-fixed .top-cart {top:37%;}
  .top-cart .text {display: none;}
  .top-cart > *:not(:first-child) {margin-left: 15px;}
}
@media(max-width: 575px){
  .top-section.addons .top-cart {top:46%;}
  .header2-fixed .top-section.addons .top-cart {top: 50%;transform: translateY(-50%);}
  .top-cart {flex-wrap: wrap; text-align: center;}
  .top-cart > * {width:28px;}
  .top-cart > *:not(:first-child) {margin-left:5px;}
}
.header-ecommerce .navbar-fixed {padding:7px 0px}
.header-ecommerce .navbar-fixed .navbar-nav {margin-left: 0px !important;}


.box-price {margin: 5px 0 12px;}
.box-price .old-price {font-size: 13px; color: #999; text-decoration: line-through; margin-right: 5px;}
.box-price .f-price i {font-size: 16px;}
.box-price .f-price {color: #000; font-weight: 700; font-size: 18px;}
.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: 20px; 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: 60px}
.box-3 table .shoping-cart-img figure {width: 60px;height: 60px;}
.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;}
.alert-dismissible .close {position: absolute; top: 50%; right: 0px; transform: translateY(-50%);}


/*-----------------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:60px;margin-top:-20px;position:absolute;top:50%;width:60px;z-index:2;background:#fff}.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:'\f060'}.fluid_dg_next{right:0}.fluid_dg_next > span{display:block;height:60px;width:60px}.fluid_dg_next > span:after{content:'\f061'}.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-caption {background: rgba(255,255,255,0.8); box-shadow:0px 2px 7px rgba(0,0,0,0.2); padding: 30px; position: absolute; right: 170px; bottom: 50px; max-width: 520px}
.fluid-caption .title {font-size: 24px; color:#000;  font-weight: 600; margin-bottom:30px; position: relative;}
.fluid-caption .title:after {position: absolute; width: 60px;content: ''; height: 3px;left: 0px; top: 30px; z-index: 1;}
.fluid-caption .desc {font-size: 15px; margin-bottom: 25px; color: #333; line-height: 25px;}
.fluid-caption .btn {padding: 6px 27px;}
.fluid_dg_commands {display: none;}
.fluid_dg_prev, .fluid_dg_next {background:#fff; box-shadow:0px 2px 7px rgba(0,0,0,0.5); border-radius: 50%; top: auto; bottom:25px; opacity: 1 !important}
.fluid_dg_next {right: 200px;}
.fluid_dg_prev {right: 270px; left: auto}

@media(max-width: 768px){
  .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: 15px;}
  .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_dg_next {right:20px;}
  .fluid_dg_prev {right:70px;}
}

@media(max-width: 1920px){
  #fluid-slider, .fluid_container {height: 701px;}
}
@media(max-width:1600px){
  #fluid-slider, .fluid_container {height: 584px;}
}
@media(max-width: 1440px){
  #fluid-slider, .fluid_container {height: 525px;}
}
@media(max-width: 1366px){
  #fluid-slider, .fluid_container {height: 498px;}
}
@media(max-width:1280px){
  #fluid-slider, .fluid_container {height:467px;}
}
@media(max-width:1024px){
  #fluid-slider, .fluid_container {height:374px;}
}
@media(max-width: 991px){
  #fluid-slider, .fluid_container {height: 361px;}
}
@media(max-width: 800px){
  #fluid-slider, .fluid_container {height: 292px;}
}
@media(max-width: 768px){
  #fluid-slider, .fluid_container {height: 280px;}
}
@media(max-width: 480px){
  #fluid-slider, .fluid_container {height: 175px;}
}
@media(max-width: 420px){
  #fluid-slider, .fluid_container {height: 153px;}
}
@media(max-width: 375px){
  #fluid-slider, .fluid_container {height: 137px;}
}
@media(max-width: 360px){
  #fluid-slider, .fluid_container {height: 131px;}
}

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

.section {padding: 60px 0}
.heading-title {margin-bottom: 17px;}
.heading-title .title {font-size:33px; font-weight: 600;  margin-bottom: 0px;}
.heading-title .title span {font-size: 17px; text-transform: uppercase; font-weight: 400}
.heading-title .title .text-primary {font-size:33px; line-height: 40px; font-weight: 600; text-transform:capitalize;}
.heading-title .divider {width: 80px; height: 4px; display:inline-block;}

.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: 16px; line-height: 28px; margin-bottom: 17px;}
.paragraph h2 {font-size: 22px; font-weight: 600; }
.paragraph div {margin-bottom: 15px;}
.paragraph table td {padding: 5px 12px;}
.paragraph table td:first-child {width:200px;}

.welcome-img {margin:30px; line-height: 1px; border-radius: 20px; overflow: hidden;}
.welcome-img figure {width:400px; height: 300px; position: relative;border-radius: 20px; overflow: hidden;}
.welcome-img img {max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.welcome-img iframe {width:400px; height: 300px; margin: 0px; line-height: 1px;}
 
.sitemap li {margin-bottom: 15px;}
.sitemap li a {display: inline-block;}
.sitemap li ul {margin-top: 15px;}

@media(max-width: 991px){
.section {padding: 30px 0}
.heading-title .title span {display: block; font-size: 15px;}
.heading-title .title .text-primary {font-size:26px;}
.section .paragraph {font-size: 15px; line-height: 25px}
.welcome-img figure {width:250px; margin: -35px auto 20px; height: 150px;}
.welcome-img iframe {width:280px; height: 200px;}
}

@media(max-width: 767px){
.breadcrumb-section {padding: 10px 0;}
.welcome-img {margin: 0px 0 15px !important; float: none !important;}
.welcome-img figure {width: 100%; height: 200px; margin-top: 20px;}
.welcome-img iframe {width:100%; height: 200px;}
}

/*-----------------Box-----------------*/
.box {padding:15px; margin-bottom: 25px; transition: all 0.3s; border-radius: 10px; overflow: hidden;}
.box figure {margin-bottom: 0px; width: 100%; height:235px; position: relative; overflow: hidden;}
.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:hover img{transform:scale(1.2) translate(-43%,-43%) rotate(5deg); opacity: 1}
.box figure .btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0; transition: all 0.3s; z-index: 1}
.box figure:hover .btn {opacity: 1}
.box .title {font-weight: 600; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; width: 100%; margin-top: 15px;}
.box .btn {padding: 6px 25px; font-size: 14px;}

.about-addtional .heading-title {margin-bottom: 35px;}
.box2 {padding: 25px; border-radius: 15px; margin-bottom: 25px;transition: all 0.3s; height: 100%;}
.box2 i{font-size: 35px; margin-bottom: 17px}
.box2 .title {font-size: 20px; margin-bottom: 17px; font-weight: 600;}
.box2 .desc {font-size:15px; line-height: 25px;}

.single-prod .box {width: 265px; padding: 15px; margin-right: 25px;}
.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;}


.gallery .box {padding: 10px;}
.gallery figure{margin-bottom: 0px;}

@media(max-width: 767px){
  .box2 {height: auto}
  .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;}
}

.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}
.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: #fff}

/*-----------------Product Details-----------------*/
.product-details .heading-title {line-height: 1px; margin-bottom: 25px;}
.product-details .heading-title .title {line-height: 22px;}
.product-details ul {margin-bottom: 20px;}
.prod-price {font-size: 25px;}
.prod-price .price {font-weight: 600;}
.prod-price .price i {font-size: 22px;}
.prod-price small {font-size: 17px;}
.product-details .prod-box {border-radius:4px; position: sticky; top: 115px;}
.product-details .prod-box .product-thumb {width: 350px; text-align: center;}
.product-details .prod-box .product-thumb figure {border-radius:4px; padding: 9px; position: relative; width:100%; height:350px; border-radius: 4px; overflow: hidden;}
.product-details .prod-box .product-thumb > div {position: sticky; top: 75px;}
.product-details .prod-box .product-thumb figure:before {position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 1}
.product-details .prod-box .product-thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 100%; max-height:100%; z-index: 2}
.product-details .prod-box .product-text {flex: 1}

@media(max-width:1200px){
  .product-details .prod-box .product-thumb {width:auto;}
}

@media(max-width:768px){
.product-details .prod-box .product-thumb {width: 100%; margin-right: 0px;}  
.product-details .prod-box .product-thumb figure {height: 180px}
.other-links {margin-left: 0px !important; display: none}
}



/*-----------------Contact Us-----------------*/
.contact .heading-title {margin-bottom: 45px;}
.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: 25px; line-height:25px;}
.contact-box:not(:last-child) {margin-bottom: 50px;}
.contact .quick-contact li {padding-left: 30px;}
.contact .quick-contact li:before {font-size: 20px;}
.contact .quick-contact li:not(:last-child) {margin-bottom: 20px;}

.contact-details-wrap .contact-box {border: 1px solid #ced4da; padding: 15px; margin-bottom: 20px;}
.page-contact .qrcode {width:150px;}

@media(max-width: 991px){
.contact .contact-left {padding: 25px}
.page-contact {flex-wrap: wrap;}
.page-contact .page-contact-details {flex-basis: 100%;}
}



/*-----------------Footer-----------------*/
footer {padding: 40px 0; font-size: 15px;}
footer .title {font-size:20px; margin-bottom: 32px; position: relative;}
footer .title:after {position: absolute; width: 60px; content: ''; height: 3px; left: 0px; top:30px;}
footer .links {overflow: hidden;}
footer .links li {position: relative; padding-left:20px; float: left; width: 50%;}
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%) rotate(5deg);;}
footer .our-prod li {width: 80px; display: inline-block; margin: 5px;}

.contact-box .qrcode {margin-left: 32px;}
.contact-box .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}
.social-icons li a{border-radius:10px;text-align:center;width:35px;height:35px;line-height:33px;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: 15px 0; 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; }


/*-----------------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:10}
.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:10;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{height:40px;display:block;width:100%;border-radius:5px}
.color-change-wrap .red .temp-color{background:#cf1118}
.color-change-wrap .green .temp-color{background:#588c0e}
.color-change-wrap .blue .temp-color{background:#3f51b5}
.color-change-wrap .orange .temp-color{background:#fd7c26}
.color-change-wrap .sky-blue .temp-color{background:#1bb1e9}
.color-change-wrap .ocean-green .temp-color{background:#00c2a9}
.color-change-wrap .purple .temp-color{background:#633295}
.color-change-wrap .pink .temp-color{background:#f1686d}
.color-change-wrap .yellow .temp-color{background:#d4aa09}

.color-name{margin-bottom:5px;color:#000;font-size:13px}
.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)}
}

/** 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;}
.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: 0px; right: 10px; font-size: 40px;}
@media(max-width: 767px){
  .modal-ls {display: none;}
}



.primary-prod {height: 360px; position: relative; width: 100%; margin-bottom: 20px; text-align: center; overflow: hidden; border-radius: 20px 0 0; border: 1px solid #ccc; background:#fff;}
.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; border-radius: 5px 0 0; overflow: hidden; position: relative; width: 65px; height: 65px; 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;}

.product-details .prod-box .product-thumb .thumbs figure {border:1px solid #ddd !important; width: 65px; height: 65px; margin:12px 0px;}
.product-details .prod-box .product-thumb .thumbs figure:before {background: #fff}

@media(max-width:767px){
  .primary-prod {height: 330px;}
}

@media(max-width:360px){
  .thumbs figure {width: 54px; height: 54px;}
  .product-details .prod-box .product-thumb .thumbs figure {width:54px; height: 54px;}
}

/* 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;margin-bottom:30px}
.sidebar-block .title {font-size:21px;font-weight:700;margin-bottom:20px}
.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:50px;width:50px;text-align:center;line-height:50px;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;}
.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}
}


/*-----------------Flag Css-----------------*/
body{position:relative;top:0!important}.skiptranslate{display:none}.flag{display:inline-block;width:16px;height:11px;background:url(https://www.dial4trade.com/staticdt/catalog/temp_9/images/flags.jpg) no-repeat;margin-right:5px;margin-top:-3px}.flag.flag-hr{background-position:-224px -55px}.flag.flag-tw{background-position:-48px -154px}.flag.flag-ms{background-position:-80px -99px}.flag.flag-cz{background-position:-32px -33px}.flag.flag-vc{background-position:-192px -154px}.flag.flag-ad{background-position:0 0}.flag.flag-eh{background-position:-192px -33px}.flag.flag-hk{background-position:-176px -55px}.flag.flag-ga{background-position:-128px -44px}.flag.flag-catalonia{background-position:-32px -22px}.flag.flag-somaliland{background-position:-192px -132px}.flag.flag-mu{background-position:-112px -99px}.flag.flag-kz{background-position:-176px -77px}.flag.flag-pw{background-position:-96px -121px}.flag.flag-da{background-position:-112px 0}.flag.flag-bg{background-position:-64px -11px}.flag.flag-nf{background-position:0 -110px}.flag.flag-gs{background-position:-96px -55px}.flag.flag-mm{background-position:-240px -88px}.flag.flag-tm{background-position:-208px -143px}.flag.flag-dm{background-position:-96px -33px}.flag.flag-sm{background-position:-144px -132px}.flag.flag-om{background-position:-144px -110px}.flag.flag-ck{background-position:-128px -22px}.flag.flag-yt{background-position:-112px -165px}.flag.flag-rw{background-position:-208px -121px}.flag.flag-sg{background-position:-64px -132px}.flag.flag-al{background-position:-80px 0}.flag.flag-ec{background-position:-144px -33px}.flag.flag-et{background-position:0 -44px}.flag.flag-bm{background-position:-112px -11px}.flag.flag-gm{background-position:-16px -55px}.flag.flag-aw{background-position:-208px 0}.flag.flag-it{background-position:-176px -66px}.flag.flag-br{background-position:-160px -11px}.flag.flag-kg{background-position:-16px -77px}.flag.flag-sb{background-position:-240px -121px}.flag.flag-ee{background-position:-160px -33px}.flag.flag-ao{background-position:-128px 0}.flag.flag-tr{background-position:0 -154px}.flag.flag-bn{background-position:-128px -11px}.flag.flag-gu{background-position:-128px -55px}.flag.flag-tk{background-position:-176px -143px}.flag.flag-bs{background-position:-176px -11px}.flag.flag-fr{background-position:-112px -44px}.flag.flag-ly{background-position:-96px -88px}.flag.flag-mk{background-position:-208px -88px}.flag.flag-py{background-position:-112px -121px}.flag.flag-st{background-position:-240px -132px}.flag.flag-pn{background-position:-32px -121px}.flag.flag-ph{background-position:-224px -110px}.flag.flag-bb{background-position:0 -11px}.flag.flag-tn{background-position:-224px -143px}.flag.flag-sk{background-position:-112px -132px}.flag.flag-id{background-position:-32px -66px}.flag.flag-mp{background-position:-32px -99px}.flag.flag-nc{background-position:-224px -99px}.flag.flag-ws{background-position:-64px -165px}.flag.flag-fk{background-position:-64px -44px}.flag.flag-kp{background-position:-96px -77px}.flag.flag-eg{background-position:-176px -33px}.flag.flag-sn{background-position:-160px -132px}.flag.flag-tibet{background-position:-144px -143px}.flag.flag-ky{background-position:-160px -77px}.flag.flag-im{background-position:-80px -66px}.flag.flag-no{background-position:-64px -110px}.flag.flag-mz{background-position:-192px -99px}.flag.flag-kw{background-position:-144px -77px}.flag.flag-ag{background-position:-48px 0}.flag.flag-sr{background-position:-208px -132px}.flag.flag-eu{background-position:-16px -44px}.flag.flag-je{background-position:-192px -66px}.flag.flag-pe{background-position:-176px -110px}.flag.flag-bt{background-position:-192px -11px}.flag.flag-sc{background-position:0 -132px}.flag.flag-ng{background-position:-16px -110px}.flag.flag-jo{background-position:-224px -66px}.flag.flag-gd{background-position:-160px -44px}.flag.flag-cd{background-position:-48px -22px}.flag.flag-so{background-position:-176px -132px}.flag.flag-de{background-position:-48px -33px}.flag.flag-va{background-position:-176px -154px}.flag.flag-sl{background-position:-128px -132px}.flag.flag-pa{background-position:-160px -110px}.flag.flag-iq{background-position:-128px -66px}.flag.flag-ie{background-position:-48px -66px}.flag.flag-gw{background-position:-144px -55px}.flag.flag-vg{background-position:-224px -154px}.flag.flag-tz{background-position:-64px -154px}.flag.flag-mx{background-position:-160px -99px}.flag.flag-um{background-position:-112px -154px}.flag.flag-cv{background-position:-240px -22px}.flag.flag-as{background-position:-160px 0}.flag.flag-dj{background-position:-64px -33px}.flag.flag-mn{background-position:0 -99px}.flag.flag-zanzibar{background-position:-144px -165px}.flag.flag-do{background-position:-112px -33px}.flag.flag-my{background-position:-176px -99px}.flag.flag-at{background-position:-176px 0}.flag.flag-ml{background-position:-224px -88px}.flag.flag-ca{background-position:-16px -22px}.flag.flag-bh{background-position:-80px -11px}.flag.flag-ru{background-position:-192px -121px}.flag.flag-cf{background-position:-64px -22px}.flag.flag-hm{background-position:-192px -55px}.flag.flag-az{background-position:-224px 0}.flag.flag-ma{background-position:-112px -88px}.flag.flag-pm{background-position:-16px -121px}.flag.flag-cu{background-position:-224px -22px}.flag.flag-pt{background-position:-80px -121px}.flag.flag-bd{background-position:-16px -11px}.flag.flag-tl{background-position:-192px -143px}.flag.flag-england{background-position:-208px -33px}.flag.flag-to{background-position:-240px -143px}.flag.flag-dk{background-position:-80px -33px}.flag.flag-na{background-position:-208px -99px}.flag.flag-co{background-position:-192px -22px}.flag.flag-gy{background-position:-160px -55px}.flag.flag-kurdistan{background-position:-128px -77px}.flag.flag-mh{background-position:-192px -88px}.flag.flag-qa{background-position:-128px -121px}.flag.flag-pf{background-position:-192px -110px}.flag.flag-dz{background-position:-128px -33px}.flag.flag-li{background-position:-240px -77px}.flag.flag-fj{background-position:-48px -44px}.flag.flag-vu{background-position:-16px -165px}.flag.flag-lb{background-position:-208px -77px}.flag.flag-mq{background-position:-48px -99px}.flag.flag-ge{background-position:-176px -44px}.flag.flag-ai{background-position:-64px 0}.flag.flag-bv{background-position:-208px -11px}.flag.flag-mr{background-position:-64px -99px}.flag.flag-mc{background-position:-128px -88px}.flag.flag-lk{background-position:0 -88px}.flag.flag-bj{background-position:-96px -11px}.flag.flag-fm{background-position:-80px -44px}.flag.flag-xk{background-position:-80px -165px}.flag.flag-el{background-position:-80px -55px}.flag.flag-tg{background-position:-112px -143px}.flag.flag-zm{background-position:-160px -165px}.flag.flag-cy{background-position:-16px -33px}.flag.flag-pr{background-position:-48px -121px}.flag.flag-af{background-position:-32px 0}.flag.flag-gf{background-position:-192px -44px}.flag.flag-is{background-position:-160px -66px}.flag.flag-md{background-position:-144px -88px}.flag.flag-kr{background-position:-112px -77px}.flag.flag-gp{background-position:-48px -55px}.flag.flag-il{background-position:-64px -66px}.flag.flag-ro{background-position:-160px -121px}.flag.flag-za{background-position:-128px -165px}.flag.flag-zh{background-position:-176px -22px}.flag.flag-mv{background-position:-128px -99px}.flag.flag-ls{background-position:-32px -88px}.flag.flag-gt{background-position:-112px -55px}.flag.flag-ss{background-position:-224px -132px}.flag.flag-bo{background-position:-144px -11px}.flag.flag-td{background-position:-80px -143px}.flag.flag-th{background-position:-128px -143px}.flag.flag-hu{background-position:0 -66px}.flag.flag-er{background-position:-224px -33px}.flag.flag-tc{background-position:-64px -143px}.flag.flag-sd{background-position:-32px -132px}.flag.flag-hn{background-position:-208px -55px}.flag.flag-mg{background-position:-176px -88px}.flag.flag-pl{background-position:0 -121px}.flag.flag-wales{background-position:-32px -165px}.flag.flag-am{background-position:-96px 0}.flag.flag-be{background-position:-32px -11px}.flag.flag-ke{background-position:0 -77px}.flag.flag-ni{background-position:-32px -110px}.flag.flag-ht{background-position:-240px -55px}.flag.flag-io{background-position:-112px -66px}.flag.flag-gh{background-position:-224px -44px}.flag.flag-nu{background-position:-112px -110px}.flag.flag-mt{background-position:-96px -99px}.flag.flag-kh{background-position:-32px -77px}.flag.flag-cg{background-position:-80px -22px}.flag.flag-cl{background-position:-144px -22px}.flag.flag-vn{background-position:0 -165px}.flag.flag-scotland{background-position:-16px -132px}.flag.flag-fi{background-position:-32px -44px}.flag.flag-re{background-position:-144px -121px}.flag.flag-np{background-position:-80px -110px}.flag.flag-ba{background-position:-240px 0}.flag.flag-lt{background-position:-48px -88px}.flag.flag-wf{background-position:-48px -165px}.flag.flag-mo{background-position:-16px -99px}.flag.flag-gn{background-position:-32px -55px}.flag.flag-sz{background-position:-48px -143px}.flag.flag-tt{background-position:-16px -154px}.flag.flag-es{background-position:-240px -33px}.flag.flag-uz{background-position:-160px -154px}.flag.flag-ch{background-position:-96px -22px}.flag.flag-pg{background-position:-208px -110px}.flag.flag-lu{background-position:-64px -88px}.flag.flag-sa{background-position:-224px -121px}.flag.flag-ir{background-position:-144px -66px}.flag.flag-ug{background-position:-96px -154px}.flag.flag-en{background-position:-144px -44px}.flag.flag-vi{background-position:-240px -154px}.flag.flag-sx{background-position:-16px -143px}.flag.flag-ye{background-position:-96px -165px}.flag.flag-nz{background-position:-128px -110px}.flag.flag-ja{background-position:-240px -66px}.flag.flag-gq{background-position:-64px -55px}.flag.flag-pk{background-position:-240px -110px}.flag.flag-bf{background-position:-48px -11px}.flag.flag-sy{background-position:-32px -143px}.flag.flag-cr{background-position:-208px -22px}.flag.flag-tf{background-position:-96px -143px}.flag.flag-sv{background-position:0 -143px}.flag.flag-ps{background-position:-64px -121px}.flag.flag-au{background-position:-192px 0}.flag.flag-la{background-position:-192px -77px}.flag.flag-mw{background-position:-144px -99px}.flag.flag-nl{background-position:-48px -110px}.flag.flag-gb{background-position:-144px -44px}.flag.flag-nr{background-position:-96px -110px}.flag.flag-gl{background-position:0 -55px}.flag.flag-rs{background-position:-176px -121px}.flag.flag-cm{background-position:-160px -22px}.flag.flag-gi{background-position:-240px -44px}.flag.flag-km{background-position:-64px -77px}.flag.flag-tv{background-position:-32px -154px}.flag.flag-me{background-position:-160px -88px}.flag.flag-cw{background-position:0 -33px}.flag.flag-gg{background-position:-208px -44px}.flag.flag-jm{background-position:-208px -66px}.flag.flag-ae{background-position:-16px 0}.flag.flag-si{background-position:-96px -132px}.flag.flag-tj{background-position:-160px -143px}.flag.flag-bz{background-position:0 -22px}.flag.flag-ve{background-position:-208px -154px}.flag.flag-hi{background-position:-96px -66px}.flag.flag-sh{background-position:-80px -132px}.flag.flag-ki{background-position:-48px -77px}.flag.flag-zw{background-position:-176px -165px}.flag.flag-ic{background-position:-16px -66px}.flag.flag-by{background-position:-240px -11px}.flag.flag-fo{background-position:-96px -44px}.flag.flag-ne{background-position:-240px -99px}.flag.flag-uy{background-position:-144px -154px}.flag.flag-lr{background-position:-16px -88px}.flag.flag-ci{background-position:-112px -22px}.flag.flag-lc{background-position:-224px -77px}.flag.flag-se{background-position:-48px -132px}.flag.flag-kn{background-position:-80px -77px}.flag.flag-lv{background-position:-80px -88px}.flag.flag-bw{background-position:-224px -11px}.flag.flag-ua{background-position:-80px -154px}

.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:400,500,700,900');
body {font-family: 'Roboto', sans-serif !important; font-weight: 400}body {color: #555}
.bg-light-gray {background:#737373;}
.bg-gray {background:#f0f0f0}
.bg-primary {background-color: #00c2a9!important;}
.text-primary, a.text-primary {color: #00c2a9 !important}
a.text-primary:hover, a.text-primary:focus{color: #00c2a9 !important}
.btn-primary {color: #fff;background-color: #00c2a9;border-color: #00c2a9;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {color: #fff;background-color: #343a40 !important;border-color: #343a40;}
.btn-outline-primary {color: #00c2a9; border:2px solid #00c2a9;}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {background:#00c2a9 !important; color: #fff; border:2px solid #00c2a9 !important;}
.bg-secondary {background-color: #343a40!important}
.form-control:focus {border-color:#c0c3c5;}
.btn-dark {background-color: #111;border-color: #111;}

/*-----------------Top Section-----------------*/
.top-section a {color: #666;}
.top-section a:hover {color: #00c2a9;}
.cname {color:#2a2a2a}
@media(max-width: 991px){
  .callus i {color: #fff}
  .callus a {background:#28a745;}
  .top-links {border-bottom: 1px solid #eee}
}

/*-----------------Navbar-----------------*/
.navbar {background:#fff; box-shadow: 0 3px 7px rgba(0,0,0,0.1)}
.navbar .nav-link {color: #333;}
.navbar .nav-link:hover, .navbar .nav-link.active, .navbar .nav-link:focus {color: #00c2a9; background:#fff;}
/*.nav-link.active, .nav-link.active:hover, .nav-link.active:focus {color: #fff; background:#00c2a9;}*/
.navbar .btn, .navbar .btn:hover, .navbar .btn:focus {color: #fff}
.nav-item .dropdown-menu {box-shadow: 0 6px 12px rgba(0,0,0,0.2);}
.nav-item .dropdown-item {border-bottom:1px solid #eee;}
.nav-item .dropdown-item:hover {background:#00c2a9; color: #fff}
.navbar-toggler span {background: #555;}
.header2.header2-fixed {background:#fff}
@media(max-width: 991px){
  .header2 {box-shadow: 0px 3px 5px rgba(0,0,0,0.122);}
}

.modal-ls .bg {background: #00c2a9;color: #fff;}

/*-----------------language converter-----------------*/
.language_dropdown{background:#fff; border: 1px solid rgba(0,0,0,.15);box-shadow: 0 6px 12px rgba(0,0,0,0.2)}
.language_dropdown li a{color: #333}
.language_dropdown li a:hover {background:#f5f5f5;}
.language_dropdown li:not(:last-child) a {border-bottom: 1px solid #eee;}
.language_converter .flag {border:1px solid #ccc;}

/*-----------------currency converter-----------------*/
.currency-converter .form-control[type=submit] {background:#00c2a9; color:#fff; cursor: pointer;}
.currency-converter .form-control[type=submit]:hover {background:#343a40;}
.fluid-caption .title:after {background: #00c2a9;}

.fluid_dg_prev:hover, .fluid_dg_next:hover {background:#00c2a9; color: #fff}

/*-----------------Section-----------------*/
.heading-title .title {color:#666}
.heading-title .title .text-primary {color:#333 !important}

.other-links {background:#fff; border:1px solid #e0e0e0; }
.other-links .title { color:#fff}
.other-links .links > li:not(:last-child) {border-bottom: 1px solid #e0e0e0}
.other-links .links > li a {color:#7d7d7d;}
.other-links .links > li a:hover, .other-links .links > li a.active {color:#00c2a9}

.breadcrumb {color: #fff}
.breadcrumb a {color: #fff}
.breadcrumb-item+.breadcrumb-item::before {color: #fff}
.heading-title .divider {background:#00c2a9}
.paragraph h2 {color:#00c2a9;}
.paragraph table a {color:#00c2a9;}
.welcome-img figure {border:1px solid #eee; }



/*-----------------Box-----------------*/
.box {box-shadow:0 1px 7px rgba(0,0,0,0.2);}
.box:hover {box-shadow: 0 2px 7px rgba(0,0,0,0.4);}
.box figure:after {background:rgba(0,0,0,0.2);}
.box2 {border:1px dashed #fff; color:#fff;}
.box2 .title {color:#fff}
.box2:hover {background:#fff;color: #666}
.box2:hover .title{color:#333;}
.box2:hover i {color: #00c2a9}
.about-addtional {background:#00c2a9; color: #fff}
.about-addtional .heading-title .title {color:#fff}
.about-addtional .heading-title .divider {background:#fff;}

/*-----------------Product Details-----------------*/
.product-details .prod-box .product-thumb figure {background: #fff;}
.product-details .prod-box .product-thumb figure:before {background:rgba(0,0,0,0.5);}

/*-----------------Contact Us-----------------*/
.contact .quick-contact a {color:#333}
.contact .quick-contact a:hover {color:#00c2a9}

/*-----------------Footer-----------------*/
footer {background:#343a40;}
footer a {color: #fff}
footer a:hover {color: #00c2a9}
footer .title:after {background:#00c2a9;}
footer .our-prod .prod-box figure {background:#fff;}
.social-icons li a{color:#fff;}
.social-icons li .facebook{background:#3b5998}
.social-icons li .twitter{background:#38A1F3}
.social-icons li .linkedin{background:#0077B5}
.social-icons li .pinterest{background:#c8232c}
.social-icons li .instagram{background:#3f729b}
.social-icons li .youtube{background:#c4302b}
.quick-contact li:before {color:#00c2a9}
.copyright {background:#343a40;}
.copyright .container {border-top:1px solid #4b5156;}
.copyright a {color:#00c2a9}

/*-----------------Floating-----------------*/
.floating {background:#00c2a9; color:#fff; box-shadow: -5px 2px 5px rgba(0,0,0,0.2);border: 1px solid rgba(0,0,0,0.1);}
.floating .floating-item {color:#fff;}

/*-----------------ScrollTop-----------------*/
.scrollTop{background:rgba(0,0,0,0.5);color:#fff}
.scrollTop:hover{background:rgba(0,0,0,0.8)}
.modal-title {color:#333}

/*-----------------Thanks-----------------*/
.success-checkmark .check-icon{border:4px solid #4CAF50}
.success-checkmark .check-icon::before,.success-checkmark .check-icon::after{background:#FFF;}
.success-checkmark .check-icon .icon-line{background-color:#4CAF50;}
.success-checkmark .check-icon .icon-circle{border:4px solid rgba(76,175,80,0.5)}
.success-checkmark .check-icon .icon-fix{background-color:#FFF}

/*-----------------Blog-----------------*/
.blog-info ul li a.blog-category {background: #00c2a9; color: #fff}
.blog-info ul li a.blog-category:hover{color:#fff}
.blog-info ul li.blog-time i, .blog-btn i, .widget-posts-meta i  {color:#00c2a9;}
.blog-heading .blog-title {color: #0c1e59}
.blog-btn a, .blog-info ul li{color:#6b6b94}
.blog-btn a:hover{color:#0c1e59}
.sidebar-block { border-top: 4px solid #00c2a9;}
.search-form button {  background: #00c2a9;}
.social-profile a{background:#333;color:#fff;}
.social-profile a:hover { background: #00c2a9;}
ul.cat li a{color:#647589}
ul.cat li a:hover { color: #00c2a9; }
.widget-posts-title a{color:#0c1e59}
.widget-posts-title a:hover { color: #00c2a9;}
.sidebar-block .title{color:#0c1e59;}
.blog-desc h1, .blog-desc h3 { color:#00c2a9;  }