body {font-size: 14px; line-height: 20px;}
a, a:hover {text-decoration: none;}
.btn {border-radius: 30px; padding: 9px 30px; font-size: 15px; font-weight: 500; line-height: normal;}
.btn:focus, button:focus, input:focus, textarea:focus, select:focus {box-shadow: none !important; outline: none;}
.form-control {font-size: 13px; font-weight: 500; padding:0 12px; border-radius: 20px;}
textarea.form-control {padding: 10px 12px}
input.form-control, select.form-control {height: 43px !important;}
.main-page {overflow: hidden; width: 100%; position: relative; height: 100%}
.left-side {position: fixed; width: 25%; top: 0; left: 0; padding:30px 15px; height: 100%; z-index: 99; transition: all 0.5s}
.main-content {float: right; width: 75%;}
.nav-btn {position:absolute; padding:10px 10px 17px; top:10px; left: -50px; display:none;}
.nav-btn i{position:relative;display:inline-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}
.nav-btn i::before,.nav-btn 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}
.nav-btn i::before{top:-7px}
.nav-btn:hover i::before{top:-10px}
.nav-btn i::after{bottom:-7px}
.nav-btn:hover i::after{bottom:-10px}
.nav-btn.active i{background:transparent}
.nav-btn.active i::before{top:0;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.nav-btn.active i::after{bottom:0;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
.logo {text-align: center; margin:0 0 30px; height:96px; overflow: hidden; position: relative;}
.logo h1 {margin-bottom: 0px;}
.nav-left {list-style: none; text-align: center; padding-left: 0px; font-size: 16px; margin-bottom: 50px}
.nav-left > li:not(:last-child) {margin-bottom: 17px;}
.nav-left > li > a {position: relative; font-weight: 600;}
.nav-left > li > a:after {content: "";position: absolute;height: 1px;bottom: -2px; left: 0; right: 0;visibility: hidden; transform: scaleX(0); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.nav-left > li > a:hover:after {visibility: visible; transform: scaleX(1);}
.nav-left > li > a.active:after {visibility: visible; transform: scaleX(1);}
.nav-left > li > a.btn:after {visibility: hidden; transform: scaleX(0);}
.left-side-bottom {margin-bottom: 20px; position: relative; width: 100%; left: 0; right: 0; bottom:20px;}
.left-side-bottom .title {font-size: 15px; font-weight: 700; margin-bottom: 15px;}
.left-side-bottom .social-icons {margin: 0px;}
.left-side-bottom .social-icons li:not(:last-child) {margin-right: 3px;}
.left-scroll {height:calc(100vh - 156px); overflow: hidden; overflow:auto;}
.left-scroll::-webkit-scrollbar {width: 0}
.left-scroll {overflow: -moz-scrollbars-none;}
.addons-link {margin-bottom: 30px;}
.addons-link .btn {padding: 7px 15px; font-size: 13px; display: block;}
.addons-link > * {padding: 0 5px !important; margin-bottom: 7px;}
@media(max-width: 991px){
  .left-side {width: 35%;}
  .main-content {width: 65%;}
  .left-side-bottom {position: relative; left: initial; right: initial; bottom: initial;}
}
@media(max-width: 767px){
  .nav-btn {display: inline-block;}
  .left-side {width:300px; left:auto; right: -280px; padding:15px 10px;}
  .left-side.active {right: 0px;}
  .logo {margin-bottom: 20px;}
  .main-content {float:none; width: 100%;}
}
.box-wrap > * {margin-bottom: 25px;}
.box-wrap .box {margin-bottom: 0px; height: 100%}
.left-scroll .dropdown-item {padding: 5px 10px; font-size: 14px; color: #333}
.left-scroll .dropdown-menu {top: 4px !important;}
.left-scroll .dropdown-item:active {background: #737373; color: #fff}
.top-cart {justify-content:center; margin-bottom: 25px;}
.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;}
.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: 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: 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; position: relative; z-index: 999}
.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:35px;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:35px;width:60px}.fluid_dg_prev > span:after{content:'\f060'}.fluid_dg_next{right:0}.fluid_dg_next > span{display:block;height:35px;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-slider {height: 100vh;}
.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: 50px; bottom: 50px; max-width: 520px}
.fluid-caption .title {font-size: 23px; color:#000;  font-weight: 700; 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: 10px 27px;}
.fluid_dg_commands {display: none;}
.fluid_dg_prev, .fluid_dg_next {background:rgba(255,255,255,0.8); box-shadow:2px 1px 7px rgba(0,0,0,0.2); border-radius: 30px; top: 50px; bottom:auto; font-size: 17px; opacity: 1 !important}
.fluid_dg_next {right: 50px;}
.fluid_dg_prev {right: 128px; left: auto}
@media(max-width: 768px){
  .fluid_dg_prev, .fluid_dg_next {top: auto; bottom: 25px;}
  .fluid_dg_next {right: 30px;}
  .fluid_dg_prev {right: 100px; left: auto}
  .fluid-caption {max-width: 100%; left: 25px; right: 25px; bottom: auto; top: 50%; transform: translateY(-50%);}
  .fluid-caption .title {font-size: 18px;}
}
@media(max-width: 480px){
 .fluid-caption {padding: 10px 15px}
 .fluid-caption .title {margin-bottom: 20px;}
 .fluid-caption .desc {font-size: 14px; margin-bottom: 15px;}
 .fluid_dg_prev, .fluid_dg_next {bottom: 80px;}
}
/*-----------------Section-----------------*/
.breadcrumb-section {padding:15px 35px;}
.breadcrumb {background:none; font-size: 13px; padding: 10px 0; margin:0px;}
.section {padding: 50px 35px}
.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:30px; line-height: 40px; font-weight: 700; text-transform:initial;}
.heading-title .divider {width: 80px; height: 4px; display:inline-block;}
.other-links .title {font-size: 18px; font-weight: 500; padding: 12px 15px;}
.other-links .links > li a {display: block; font-weight: 500; 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: 27px; 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:10px; line-height: 1px; overflow: hidden;}
.welcome-img figure {width:250px; height: 250px; position: relative;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; font-size: 16px; font-weight: 600}
.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; overflow: hidden; border-radius: 0 20px;}
.box:hover {border-radius: 20px 0}
.box figure {margin-bottom: 0px; width: 100%; height:207px; 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;}
}
/*-----------------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:20px;}
.prod-price .price {font-weight: 600;}
.prod-price .price i {font-size:17px;}
.prod-price small {font-size: 15px;}
.product-details .prod-box {border-radius:4px;min-height: 310px; display: flex; flex-wrap: wrap;}
.product-details .prod-box .product-thumb {width: 350px; text-align: center; margin:0 30px 15px 0; float: left;}
.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: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;}
}
/*-----------------Contact Us-----------------*/
.contact .heading-title {margin-bottom: 45px;}
.contact .contact-left {padding: 35px 50px;}
.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: 20px;}
.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;}
@media(max-width: 991px){
.contact .contact-left {padding: 25px}
}
/*-----------------Footer-----------------*/
footer {padding: 40px 35px; font-size: 15px; line-height: 25px;}
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;}
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;}
.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}
.contact-box .qrcode {margin-left: 35px;}
.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:36px;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';}
.copyright .container {padding:15px; font-size: 13px;}
.copyright {padding: 0 35px}
@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: 700; font-size: 19px;}
/*-----------------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:190px;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:#ef7e83}
.color-change-wrap .green .temp-color{background:#aec38f}
.color-change-wrap .blue .temp-color{background:#b4c0ff}
.color-change-wrap .orange .temp-color{background:#de9768}
.color-change-wrap .sky-blue .temp-color{background:#98d3e8}
.color-change-wrap .ocean-green .temp-color{background:#65d6c7}
.color-change-wrap .purple .temp-color{background:#c6b4d8}
.color-change-wrap .pink .temp-color{background:#fd989b}
.color-change-wrap .yellow .temp-color{background:#dec874}
.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:41px;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)}
}
@media(max-width:767px){
  .color-change-wrap {top:70px;}
}
/*-----------------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: 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: 62px; height: 62px; 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;}
}
/*********************Index Page 2*********************/
.main-content-2 .fluid-caption .line{display:inline-block;background:#000;width:60px;height:3px;z-index:1;position:relative;opacity:.5;top:-20px}
.main-content-2 .fluid-caption .line-2{display:inline-block;background:#000;width:120px;height:3px;z-index:1;position:relative;opacity:.5;top:-30px}
.main-content-2 .fluid-caption .title{font-size:30px;font-weight:900}
.main-content-2 .fluid-caption .title:after{display:none}
.main-content-2 .fluid-caption{text-align:center;background:rgba(255,255,255,0.9)!important;box-shadow:0 2px 7px rgba(0,0,0,0.2);padding:30px;position:absolute;left:0;right:0;bottom:0!important;max-width:100%}
.main-content-2 .fluid-caption .title{margin-top:-20px}
.main-content-2 .fluid-caption .desc{color:#fff;margin:-20px 260px 15px}
.main-content-2 .fluid_dg_prev:hover,.main-content-2 .fluid_dg_next:hover{border-radius:5px}
.main-content-2 .fluid-caption .btn{border-radius:5px}
.main-content-2 .fluid_dg_prev,.main-content-2 .fluid_dg_next{background:none;box-shadow:none;border:2px solid rgba(0,0,0,0.5);border-radius:5px;color:#fff;top:auto;bottom:98px;font-size:27px;opacity:1!important}
.main-content-2 .fluid_dg_prev{left:75px}
.main-content-2 .fluid_dg_next{right:75px!important}
.main-content-2 .fluid_dg_next > span:after{content:'\f101'; color: #6f6f6f;border-color: #6f6f6f;}
.main-content-2 .fluid_dg_next:hover > span:after{color: #fff; border:none;}
.main-content-2 .fluid_dg_prev:hover > span:after{color: #fff; border:none;}
.fluid_dg_prev:hover, .fluid_dg_next:hover{border: none;}
.main-content-2 .fluid_dg_prev > span:after{content:'\f100'; color: #6f6f6f; border-color: #6f6f6f;}
.main-content-2 .fluid-caption .title{margin-bottom:15px!important}
.main-content-2 .fluid-caption .btn{margin-bottom:-15px}
@media (max-width: 1200px) {
.main-content-2 .fluid_dg_prev,.main-content-2 .fluid_dg_next{bottom:113px}
}
@media (max-width: 1024px) {
.main-content-2 .fluid_dg_prev,.main-content-2 .fluid_dg_next{bottom:93px}
.main-content-2 .fluid-caption .desc{margin-right:130px;margin-left:130px}
.main-content-2 .fluid-caption .title{font-size:25px}
}
@media (max-width: 991px) {
.main-content-2 .fluid_dg_prev{left:75px}
.main-content-2 .fluid_dg_next{right:75px!important}
.main-content-2 .fluid_dg_prev,.main-content-2 .fluid_dg_next{bottom:108px}
.main-content-2 .fluid-caption .title{font-size:20px}
}
@media (max-width: 768px) {
.main-content-2 .fluid-caption{bottom:initial;top:auto;transform:none}
.main-content-2 .fluid_dg_prev{left:0!important}
.main-content-2 .fluid_dg_next{right:0!important}
.main-content-2 .fluid-caption .desc{margin-right:40px;margin-left:40px}
.main-content-2 .fluid-caption .title{font-size:20px}
.main-content-2 .fluid-caption .line{font-size:40px}
.main-content-2 .fluid-caption .line-2{font-size:80px}
}
@media (max-width: 767px) {
.main-content-2 .fluid_dg_prev,.main-content-2 .fluid_dg_next{bottom:85px}
}
@media (max-width: 360px) {
.main-content-2 .fluid_dg_prev,.main-content-2 .fluid_dg_next{bottom:148px}
.main-content-2 .fluid-caption .line-2{width:100px}
}
@media (max-width: 320px) {
.main-content-2 .fluid-caption .line-2{width:90px}
}
/*********************About Page 2*********************/
.top-header{padding:15px 35px 35px!important}
.mrg-btm .heading-title-2{margin-bottom:-30px}
.bg-common-2{position:relative;top:-50px;margin:0 35px;padding:20px 0}
.heading-title-2 .title span{font-size:30px}
.heading-title-2 .line{display:inline-block;background:rgba(255,255,255,0.5);width:60px;height:2px;position:relative;top:-20px}
.heading-title-2 .line-2{display:inline-block;background:rgba(255,255,255,0.5);width:120px;height:2px;position:relative;top:-30px}
.clr .line,.clr .line-2{background:rgba(0,0,0,0.5)}
.about-2 .welcome-img{margin-right:20px}
.about-2 .welcome-img figure{box-shadow:-3px 5px 6px rgba(0,0,0,0.2);margin-top:0;background:#fff}
.about-2 .paragraph table td{width:0;padding:10px}
.about-2 .paragraph h2{font-weight:700}
@media (max-width: 991px) {
.heading-title-2 .title span{font-size:24px}
.heading-title-2 .line-2{width:100px}
.heading-title-2 .line{width:40px}
.bg-common-2{margin:0 15px!important}
.welcome-img figure{height:250px}
}
@media (max-width: 767px) {
.welcome-img figure{height:510px}
}
@media (max-width: 480px) {
.welcome-img figure{height:420px}
}
@media (max-width: 414px) {
.welcome-img figure{height:354px}
}
@media (max-width: 411px) {
.welcome-img figure{height:351px}
}
@media (max-width: 375px) {
.welcome-img figure{height:315px}
}
@media (max-width: 360px) {
.welcome-img figure{height:300px}
}
@media (max-width: 320px) {
.welcome-img figure{height:260px}
}
/*********************Product Page 2*********************/
.product-2 .box{margin-bottom:0;box-shadow:none;border-radius:0;padding:0;box-shadow:none!important}
.product-2 .box figure{height:305px}
.product-2 .box .title{margin-bottom:10px;margin-top:20px;font-size:20px;color:#717171}
.product-2 .box .btn{border-radius:5px;margin-bottom:20px}
.product-2 .btn{border-radius:5px}
@media (max-width: 1280px) {
.product-2 .box figure{height:271px}
}
@media (max-width: 1200px) {
.product-2 .box figure{height:243px}
}
@media (max-width: 1024px) {
.product-2 .box figure{height:203px}
}
@media (max-width: 992px) {
.product-2 .box figure{height:195px}
}
@media (max-width: 991px) {
.product-2 .box .title{font-size:18px}
.product-2 .box .btn{font-size:16px}
.product-2 .box figure{height:185px}
}
@media (max-width: 800px) {
.product-2 .box figure{height:140px}
.product-2 .box .title{font-size:13px}
.product-2 .box .btn{font-size:13px}
}
@media (max-width: 768px) {
.product-2 .box figure{height:102px}
.product-2 .box .title{margin-bottom:0;font-size:12px}
}
@media (max-width: 767px) {
.product-2 .box figure{height:240px}
.product-2 .box .title{font-size:18px}
}
@media (max-width: 575px) {
.product-2 .box figure{height:515px}
}
@media (max-width: 480px) {
.product-2 .box figure{height:420px}
.product-2 .box .btn{font-size:14px}
.product-2 .box .title{font-size:20px;margin-bottom:10px}
}
@media (max-width: 414px) {
.product-2 .box figure{height:354px}
}
@media (max-width: 411px) {
.product-2 .box figure{height:351px}
}
@media (max-width: 375px) {
.product-2 .box figure{height:315px}
}
@media (max-width: 360px) {
.product-2 .box figure{height:300px}
.product-2 .box .btn{font-size:14px}
.product-2 .box .title{margin-bottom:10px}
}
@media (max-width: 320px) {
.product-2 .box figure{height:260px}
}
/*********************Contact Page 2*********************/
.contact-2{padding-left:20px;padding-right:20px}
.contact-form-2 input.form-control,.contact-form-2 textarea.form-control,.contact-form-2 select.form-control{border-radius:5px}
.contact-form-2 .btn{border-radius:5px}
.contact-2 .quick-contact li{border-bottom:2px solid rgba(0,0,0,0.1);padding-bottom:15px}
.contact-2 .quick-contact li:before{font-size:20px}
.contact-2 .contact-box{border-radius:5px;overflow:hidden;padding:20px;margin-bottom:0}
.contact-map{margin:-30px 35px 20px!important;padding:0 10px}
.contact-enquiry{margin:20px 35px;padding-left:20px;padding-right:20px;padding-top:15px}
.contact-map iframe{height:500px;border:2px solid rgba(0,0,0,0.1)}
/*.contact-2 img{width:500px;height:500px;opacity:.3;position:absolute;top:5px;left:260px}*/
.contact-2 .quick-contact li:last-child{border:none;padding-bottom:30px}
.contact-2 .contact-box{overflow:hidden}
@media (max-width: 1024px) {
.contact-2 img{left:92px}
}
@media(max-width: 992px) {
.contact-2 .contact-box{background-position:40px -5px!important;background-size:180%!important}
}
@media (max-width: 991px) {
.contact-map{margin:0 15px!important;margin-top:-35px!important;margin-bottom:30px!important}
.contact-enquiry{margin:20px 15px!important;padding:0;margin-top:-20px!important}
.contact-2 img{left:300px!important}
.contact-2 .contact-box{margin-bottom:20px!important;background-position:410px!important;background-size:70%!important}
}
@media (max-width: 768px) {
.contact-2 img{left:13px!important}
.contact-form-2 .btn{margin-bottom:20px}
}
@media (max-width: 767px) {
.contact-2 .contact-box{background-size:70%!important;background-position:227% -30px!important}
}
@media (max-width: 576px) {
.contact-2 .contact-box{background-position:305% 30px!important}
}
@media (max-width: 480px) {
.contact-2 img{left:85px!important}
.contact-2 .contact-box{background-position:186px!important;background-size:110%!important}
}
@media (max-width: 375px) {
.contact-2 .contact-box{background-image:none!important}
}
@media (max-width: 360px) {
.contact-2 img{display:none}
.contact-2 .quick-contact li:before{font-size:24px}
.contact-2 .quick-contact a{word-wrap:break-word}
}
@media (max-width: 320px) {
.contact-map{margin-top:-35px!important;margin-left:15px!important;margin-right:15px!important}
}
/*********************Product Details Page 2*********************/
.product-details-2 .prod-box .product-thumb figure:before{background:rgba(255,255,255,1)!important}
.product-details-2 .prod-box .product-thumb figure{height:406px}
.product-details-2{position:relative;top:-50px;padding-left:10px;padding-right:10px}
.product-details-2 .btn{border-radius:5px}
.product-details-2 .prod-box .product-thumb{width:100%}
.product-details-2 .prod-box .product-thumb img{width:100%}
@media (max-width: 1280px) {
.product-details-2 .prod-box .product-thumb figure{height:368px}
}
@media (max-width: 1200px) {
.product-details-2 .prod-box .product-thumb figure{height:341px}
}
@media (max-width: 1024px) {
.product-details-2 .prod-box .product-thumb figure{height:282px}
.product-details-2 .prod-box .product-thumb .thumbs figure{height:45px}
}
@media (max-width: 992px) {
.product-details-2 .prod-box .product-thumb figure{height:273px}
.product-details-2 .prod-box .product-thumb .thumbs figure{height:43px}
}
@media (max-width: 991px) {
.product-details-2 .prod-box .product-thumb figure{height:595px}
.product-details-2 .prod-box .product-thumb .thumbs figure{height:62px}
}
@media (max-width: 800px) {
.product-details-2 .prod-box .product-thumb figure{height:462px}
}
@media (max-width: 768px) {
.product-details-2 .prod-box .product-thumb figure{height:439px}
}
@media (max-width: 480px) {
.product-details-2 .prod-box .product-thumb .thumbs figure{height:62.5px}
.product-details-2 .paragraph h2{text-align:left}
.product-details-2 .prod-box .product-thumb figure{height:382px}
}
@media (max-width: 414px) {
.product-details-2 .prod-box .product-thumb figure{height:316px}
}
@media (max-width: 411px) {
.product-details-2 .prod-box .product-thumb figure{height:313px}
}
@media (max-width: 375px) {
.product-details-2 .prod-box .product-thumb figure{height:277px}
.product-details-2 .prod-box .product-thumb .thumbs figure{height:53.75px}
}
@media (max-width: 360px) {
.product-details-2 .prod-box .product-thumb .thumbs figure{height:50px}
.product-details-2 .paragraph h2{font-size:17px;text-align:left}
.product-details-2 .prod-box .product-thumb figure{height:262px}
}
@media (max-width: 320px) {
.product-details-2 .prod-box .product-thumb figure{height:222px}
.product-details-2 .prod-box .product-thumb .thumbs figure{height:40px}
}
/*********************Index Page 3*********************/
.main-content-3 .fluid-caption{background:rgba(255,255,255,0.9);box-shadow:0 2px 7px rgba(255,255,255,0.8);padding:30px;position:absolute;right:0!important;top:0!important;bottom:0!important;max-width:360px;border-left:7px solid}
.main-content-3 .fluid-caption .title{font-size:20px!important}
.main-content-3 .fluid-caption .title:after{position:initial!important}
.left-border:after{border-left:red}
.main-content-3 .fluid-caption .btn{border-radius:2px;padding-top:6px}
.main-content-3 .fluid-caption .wrapper{position:relative;top:50%;transform:translateY(-50%)}
.main-content-3 .fluid_dg_prev{right:353px;left:auto;bottom:32%!important;transform:translateY(-32%);border-top-left-radius:5px!important;border-bottom-left-radius:5px!important}
.main-content-3 .fluid_dg_next{right:330px;bottom:24.8%;transform:translateY(-24.8%);border-top-right-radius:5px!important;border-bottom-right-radius:5px!important}
.main-content-3 .fluid_dg_prev,.main-content-3 .fluid_dg_next{width:30px!important;border-radius:0;padding:30px 0!important;top:auto}
.main-content-3 .fluid_dg_next > span:after{color:#fff;content:'\f101'!important}
.main-content-3 .fluid_dg_prev > span:after{color:#fff;content:"\f100"!important}
.main-content-3 .fluid-caption .title{font-weight:lighter}
.main-content-3 .fluid-caption .desc{padding-left: 10px;}
@media (max-width: 991px) {
.main-content-3 .fluid-caption{width:300px;transform:none;left:auto!important}
.main-content-3 .fluid_dg_prev{right:299px}
.main-content-3 .fluid_dg_next{right:263px}
}
@media (max-width: 320px) {
.main-content-3 .fluid-caption{width:280px}
.main-content-3 .fluid_dg_prev{right:279px}
.main-content-3 .fluid_dg_next{right:243px}
}
/*********************About Page 3*********************/
.left-border:after{width:7px;height:20px;top:3px;left:0}
.left-border{padding-left:20px;border-left:7px solid}
.heading-title-3 .title{font-size:30px}
.heading-title-3{border-bottom:5px solid rgba(0,0,0,0.09);padding-bottom:25px}
.heading-title-3 .title,.heading-title-3 .title{display:inline-block!important}
.about-3 p{text-align:justify}
.about-3 .row .col-md-4{margin-bottom:25px}
.about-3 .product-details ul{margin-top:20px}
.about-3 .welcome-img{margin-right:30px}
.about-3 .ovr-flow{overflow:hidden}
.about-3 .paragraph table td{width:0}
.product-3 .heading-title {margin-bottom: 40px;}
@media (max-width: 991px) {
.heading-title-3 .title{font-size:20px}
.heading-title-3 .title .text-primary{font-size:24px}
}
/*********************Product Page 3*********************/
.product-3 .box{border-radius:0;overflow:visible;margin-bottom:35px}
.product-3 .box .title{margin-top:0}
.product-3 .box .btn{top:30px;position:relative;padding:6px 25px;border-radius:5px;font-size:14px}
.product-3 .mrg-top{margin:30px 0 -15px!important}
.product-3 .text-center .btn{border-radius:5px;margin-top:-20px}
@media (max-width: 1280px) {
.product-3 .box figure{height:179px}
}
@media (max-width: 1200px) {
.product-3 .box figure{height:163px}
}
@media (max-width: 1024px) {
.product-3 .box .btn{font-size:10px}
.product-3 .box figure{height:128px}
}
@media (max-width: 992px) {
.product-3 .box figure{height:121px}
}
@media (max-width: 991px) {
.product-3 .heading-title .title{font-size:20px}
.product-3 .heading-title-3 .title .text-primary{font-size:20px}
.product-3 .text-center .btn{font-size:16px}
.product-3 .box figure{height:171px}
}
@media (max-width: 800px) {
.product-3 .box figure{height:127px}
.product-3 .text-center .btn{font-size:10px}
}
@media (max-width: 768px) {
.product-3 .box figure{height:120px}
}
@media (max-width: 767px) {
.product-3 .box figure{height:210px}
.product-3 .box .title{font-size:20px;margin-bottom:10px}
.product-3 .text-center .btn{font-size:16px}
}
@media (max-width: 480px) {
.product-3 .box figure{height:420px}
}
@media (max-width: 414px) {
.product-3 .box figure{height:354px}
}
@media (max-width: 411px) {
.product-3 .box figure{height:351px}
}
@media (max-width: 375px) {
.product-3 .box figure{height:315px}
}
@media (max-width: 360px) {
.product-3 .box figure{height:300px}
}
@media (max-width: 320px) {
.product-3 .box figure{height:260px}
}
/*********************Product Details Page 3*********************/
.product-details-3 .btn{border-radius:5px}
.product-details-3 .prod-box .product-thumb figure:before{background:rgba(255,255,255,0.5)!important}
.product-details-3 .prod-box .product-text{overflow: hidden;}
@media (max-width: 768px) {
.product-details-3 .prod-box .product-thumb figure{height:508px}
}
@media (max-width: 767px) {
.product-details-3 .prod-box .product-thumb figure{height:510px}
}
@media (max-width: 480px) {
.product-details-3 .prod-box .product-thumb figure{height:450px}
}
@media (max-width: 414px) {
.product-details-3 .prod-box .product-thumb figure{height:384px}
}
@media (max-width: 411px) {
.product-details-3 .prod-box .product-thumb figure{height:381px}
}
@media (max-width: 375px) {
.product-details-3 .prod-box .product-thumb figure{height:345px}
}
@media (max-width: 360px) {
.product-details-3 .prod-box .product-thumb figure{height:330px}
.product-details-3 .prod-box .product-thumb .thumbs figure{height:54px}
}
@media (max-width: 320px) {
.product-details-3 .prod-box .product-thumb figure{height:290px}
.product-details-3 .prod-box .product-thumb .thumbs figure{height:47.5px}
}
/*********************Contact Page 3*********************/
.contact-3{padding-left:53px;padding-right:53px}
.contact-3 .label{font-size:18px;font-weight:600;margin-bottom:10px;color:#333;border-bottom:none!important;padding-bottom:0!important;padding-top:0!important}
.contact-3 .label:not(:first-child){padding-top:15px!important}
.contact-3 .quick-contact li{margin-bottom:0!important;border-bottom:1px solid rgba(0,0,0,0.2);padding-bottom:15px;padding-top:15px;padding-left:35px}
.contact-3 .quick-contact li:before{padding-top:15px;font-size:25px}
.contact-3 .heading{text-transform:uppercase}
.contact-3 .map{height:500px;margin-top:25px}
.contact-3 .contact-box{margin-bottom:15px}
.contact-form-3{margin-top:15px}
.contact-form-3 input.form-control,.contact-form-3 select.form-control,.contact-form-3 textarea.form-control{border-radius:0}
.contact-form-3 .btn-primary{border-radius:5px}
.contact-3 .contact-box .mt-1{text-align: left !important;}
@media (max-width: 576px) {
.contact-3{padding:50px 36px}
}
@media (max-width: 480px) {
.contact-3{padding:50px 20px}
}
@media (max-width: 320px) {
.contact-3{padding:50px 15px}
}
/* 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-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}
.language-row > .item {margin-bottom: 17px;}
.language-box {text-align: center; cursor: pointer;}
.language-box figure {width: 60px; height: 60px; border-radius: 50%; text-align: center; margin: 0; position: relative; margin: 0 auto}
.language-box.active figure:after {width:22px; height: 22px; border-radius: 50%; background: #3ac379; position: absolute; content: '\2713'; color: #fff; bottom: 0; right: -5px; }
.language-row .item:first-child figure {background:#406580; color: #62afe6;}
.language-row .item:nth-child(2) figure{background:#806740; color: #ffce80;}
.language-row .item:nth-child(3) figure{background:#4a502f; color: #97aa44;}
.language-row .item:nth-child(4) figure{background:#4a4a4a; color: #ccc;}
.language-row .item:nth-child(5) figure{background:#3b4470; color: #7b92ff;}
.language-row .item:nth-child(6) figure{background:#6c8040; color: #bde16f;}
.language-row .item:nth-child(7) figure{background:#805140; color: #ffa280;}
.language-row .item:nth-child(8) figure{background:#804040; color: #ff8080;}
.language-row .item:nth-child(9) figure{background:#6f4080; color: #dd80ff;}
.language-row .item:nth-child(10) figure {background:#406580; color: #62afe6;}
.language-box figure span {position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size:35px;line-height:60px; display:block;}
.language-box .title {font-size: 14px; margin-top: 3px;}
.skiptranslate {display: none !important; visibility: hidden !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:273 !important; width:273px !important; 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:300px; margin:0 17px 25px}
}

/*-----------------language converter-----------------*/
.language_converter{display:inline-block;margin-left:12px}
.language-toggle{position:relative; cursor: pointer;}
.language-toggle:active, .language-toggle:focus{box-shadow:none!important;outline:none!important}
.language_dropdown{margin-top:0;border-radius:0;padding:0;right:0;left:auto; top:100%; position: absolute; width: 170px; border-radius: 4px;z-index: 3; text-align: left; display: none; list-style: none;}
.language_dropdown li a{font-size:14px;padding:5px 10px; display: block;}
.language_converter .caret {display: inline-block;width: 0;height: 0; margin-left: 2px;vertical-align: middle;border-top: 4px dashed;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;}

/*-----------------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}body {color: #717171}
.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: #201f1f!important}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {background-color: #333 !important}
.form-control {color: #333}
.form-control:focus {border-color:#c0c3c5; color: #000}
.btn-dark {background-color: #111;border-color: #111;}
.left-side {background:#65d6c7;}
.nav-btn {background:#65d6c7; color:#000;}
.nav-btn i{color:#000;background:#000;}
.nav-btn i::before,.nav-btn i::after{background:#000;}
.nav-btn.active i::before,.nav-btn.active i::after{background:#000}
.nav-left > li > a {color:#333;}
.nav-left > li > a:after {background-color: #000;}
.nav-left > li > a:hover, .nav-left > li > a.active {color:#000;}
.nav-left > li > a.btn {color:#fff}
.left-side-bottom .title {color: #333;}
.addons-link .btn {background: rgba(0,0,0,0.6);}
.addons-link a {color: #fff}
.language_converter {color: #fff}

@media(max-width: 767px){
  .left-side.active {box-shadow: 0px -3px 5px rgba(0,0,0,0.5)}
}

.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:#222}
.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: #bfbfbf}
.breadcrumb a {color: #000}
.breadcrumb-item+.breadcrumb-item::before {color: #bfbfbf}
.heading-title .divider {background:#00c2a9}
.paragraph h2 {color:#00c2a9;}
.paragraph table a {color:#00c2a9;}
.welcome-img figure {border:1px solid #dcdcdc;}



/*-----------------Box-----------------*/
.box {box-shadow:0 1px 4px rgba(0,0,0,0.3);}
.box:hover {box-shadow: 0 2px 7px rgba(0,0,0,0.5);}
.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:#333; color:#ccc;}
footer a {color: #ccc}
footer a:hover {color: #00c2a9}
footer .title {color:#fff;}
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:#333;}
.copyright .container {border-top:1px solid #4c4c4c;}
.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}


/*iNDEX PAGE STYING*/


.main-content-3 .fluid-caption , .left-border
{
	border-left-color: #00c2a9;
}
.main-content-3 .fluid_dg_prev, .main-content-3 .fluid_dg_next
{
	background: #00c2a9;	
}

.heading-title-3 .title .text-primary
{
	color: #00c2a9 !important;
}

/*-----------------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;  }


label.error { display:none !important }
.error_bdr { border:1px solid red !important }
.lnav {margin: 0; list-style: none; padding: 0; margin: 0; font-size: 14px}
.lnav > * {margin-bottom: 5px;position: relative}
.lnav-box .lnav > * {margin: 0}
.lnav-box .lnav > :not(:last-child) {border-bottom: 1px solid #e0e0e0}
.lnav-box .ln-item {color: #3e3e3e; font-size: 15px; padding: 10px 0 10px 15px; margin-right: 35px; display: inline-block;transition: 0.3s ease-in-out}
.ln-item:hover {color: #000; padding: 10px 0 10px 20px;}
.lnav-box .drpdown:after { position: absolute; content: '\f107'; font-family: 'Font Awesome 5 Free'; font-size:20px; font-weight: 600; top: 10px; right: 15px; width: 14px;height: 14px;background-size: 100%;    cursor: pointer; opacity: .7;transition: .1s ease-in-out}
.lnav-box .drpdown.active > a {font-weight: 600}
.lnav-box .drpdown ul {display: none}
.lnav-box .drpdown.active ul { display: block}
.lnav-box .drpdown.active:after {transform: scaleY(-1)}
.lbox .viewall {font-weight: 600;text-decoration: underline}
.drpdown ul {list-style: none; padding: 0; margin: 0 0 9px}
.drpdown ul li {padding: 3px 15px 3px 15px}
.drpdown ul li a {color: #777;font-size: 14px}
.drpdown ul li a:hover {color: #666;text-decoration: underline}

.box {height: 100%; margin-bottom: 0px;}
.box .title {white-space:normal;}
.row.justify-content-center.mt-4.text-center > * {margin-bottom:20px;}
.prd-sublist {list-style: none;padding: 0; margin: 0}
.prd-sublist li:not(:last-child) {margin-bottom: 3px;}
.prd-sublist li a {color:#333}
.prd-sublist li a:hover {text-decoration: underline;}
.prd-sublist .view-all {font-weight: 600}