body,html{height:100%}
body{font-size:16px;line-height:26px;font-weight:300}
button:focus{outline:0}
button{border:none}
h1,h2,h3,h4,h5,h6{font-weight:500;margin:0}
h3{font-size:20px;line-height:28px}
a,a:active,a:focus,a:hover{text-decoration:none;outline:0;color:currentColor}
img{max-width:100%;height:auto}
i{font-style:normal}
li,ul{list-style:none;margin:0;padding:0}
.outer_box,.sec-title,.tparrows:before{text-align:center}
.thm-btn{font-size:14px;font-weight:700;display:inline-block;padding:18px 30px;text-transform:uppercase;transition:all .5s ease;line-height:14px;position:relative}
.sec-title{position:relative;padding-bottom:20px}
.sec-title h1{display:block;font-size:86px;font-weight:500;line-height:62px;text-transform:uppercase;margin:0}
.sec-title .overlay-title{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}
.sec-title .overlay-title h2{font-size:40px;font-weight:400;line-height:40px;padding:10px 0;text-transform:uppercase}
.rev_slider_wrapper, .rev_slider {height: 450px !important;}
.rev_slider_wrapper .tparrows {background: #fff}
.rev_slider_wrapper .tparrows:before {color: #333}

.quick_contact p{position:relative;padding-left:27px}
.quick_contact p:before{position:absolute; top:2px;left:0;font-family:"Font Awesome 5 Free";font-weight: 600;width:20px;text-align:center; }
.quick_contact p.name:before{content:"\f007"; font-weight: 500;}
.quick_contact p.address:before{content:"\f3c5";}
.quick_contact p.website:before{content:"\f3c5";}
.quick_contact p.email:before{content:"\f0e0"; font-weight: 500;}
.quick_contact p.phone:before{content:"\f095";}

.quick_contact p.website:before{content:"\f57e";}
.quick_contact p.toll-free:before{content:"\f590";}
.quick_contact p.skype:before{content:"\f17e"; font-family:"Font Awesome 5 Brands";}
.quick_contact p.whatsapp:before{content:"\f232"; font-family:"Font Awesome 5 Brands";}

.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;}

.modal-body {padding: 15px}
@keyframes menu_sticky { 
0%{margin-top:-100px}
50%{margin-top:-74px}
100%{margin-top:0}
}
.header-area.stricky-fixed{position:fixed;top:0;left:0;width:100%;z-index:999;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.logo .cname{font-size:35px;display:block;margin:17px 0 5px}
.logo .cslogan{font-size:14px;display:block}
.header-area .logo{height:84px;position:relative;width:280px}
.header-area .logo img{transition:all .7s ease;max-height:70px;height:initial;max-width:250px;position:absolute;top:50%;transform:translateY(calc(-50% + 0.5px))}
.header-area{position:relative}

.top-header{height:32px; display: flex; align-items: center;}
.top-header-links{display:flex;vertical-align:middle; align-items: center;}
.top-header-links i{margin-right:3px}
.top-header-links li{display:inline-block}
.top-header-links li:not(:last-child){margin-right:12px}
.right-sect .top-header-links {justify-content: flex-end;}

.skiptranslate {height: 0px;}
.language_converter .skiptranslate {height: 28px;}
.skiptranslate select {padding: 7px 0; margin: 0 !important; background:none; border: none; color: #fff;}
.skiptranslate select:focus-visible {box-shadow: none; border:none; outline: none;}
.skiptranslate select option {color: #333; padding: 2px 5px}
.skiptranslate iframe {display: none;}

.top-video{padding:2px 7px;border-radius:3px;font-size:15px}
.top-video i{font-size:12px;vertical-align:middle;margin-bottom:3px}
.main-menu{float:left;position:relative}
.main-menu .navbar-collapse{padding:0}
.main-menu .navigation{float:left;margin:0;position:relative}
.main-menu .navigation li{float:left;position:relative}
.main-menu .navigation li:last-child:before{display:none}
.main-menu .navigation li a{position:relative;display:block;font-size:16px;line-height:normal;font-weight:600;text-transform:uppercase;opacity:1;padding:33px 17px;transition:all .3s ease}
.main-menu .navigation>li.current>a,.main-menu .navigation>li:hover>a{opacity:1}
.main-menu .navigation li a:after{display:block;text-align:center;opacity:0;margin:32px 0}
.main-menu .navigation li.current-menu-item>a:after,.main-menu .navigation li.current>a:after,.main-menu .navigation li:hover>a:after{opacity:1}
.main-menu .navigation>li>ul{position:absolute;left:0;top:110%;width:250px;z-index:100;visibility:hidden;opacity:0;transition:all .5s ease}
.main-menu .navigation>li:hover>ul{top:101%;opacity:1;visibility:visible}
.main-menu .navigation>li>ul>li{float:none;margin:0;padding:0;position:relative;width:100%;display:block}
.main-menu .navigation>li>ul li::before{display:none}
.main-menu .navigation li ul li a{display:block;font-size:16px;font-weight:600;line-height:20px;padding:14px 0 14px 20px !important;position:relative;text-transform:capitalize;transition:all .5s ease 0}
.main-menu .navigation li ul li a:after{display:none}
.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn{position:absolute;right:0;top:0;width:100%;height:100%;cursor:pointer;z-index:5;display:none;border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px}
.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn:after{position:absolute;content:'\f0d7';font-family:"Font Awesome 5 Free";top:7px;right:12px; font-weight: 600; width: 45px; height: 28px; border-radius: 3px; background:rgba(255, 255, 255, 0.2); text-align: center;}

.navigation .dropdown .dropdown ul {display: none; left: 100%; top: 0; position: absolute; background: rgba(255,255,255,.98); box-shadow: 0 0 15px rgba(0,0,0,0.2); width: 250px;}
.navigation .dropdown-submenu:hover > a ~ ul {display: block !important;}
.navigation .dropdown-submenu a i {margin-left:5px;}
.navigation .dropdown .dropdown ul li {float: none;width: 100%}
.navigation .dropdown .dropdown ul li:hover {background: #eee;}
.category-all-link {display: none !important;}

@media(max-width: 1440px){.rev_slider_wrapper, .rev_slider {height:450px !important;}}
@media(max-width: 1024px){.rev_slider_wrapper, .rev_slider {height:394px !important;}}
@media(max-width: 800px){.rev_slider_wrapper, .rev_slider {height:308px !important;}}
@media(max-width: 768px){.rev_slider_wrapper, .rev_slider {height:295px !important;}}
@media(max-width: 640px){.rev_slider_wrapper, .rev_slider {height:246px !important;}}
@media(max-width: 575px){.rev_slider_wrapper, .rev_slider {height:221px !important;}}
@media(max-width: 480px){.rev_slider_wrapper, .rev_slider {height:185px !important;}}
@media(max-width: 375px){.rev_slider_wrapper, .rev_slider {height:144px !important;}}

@media(max-width: 767px){
.category-all-link {display: block !important;}
.navigation .dropdown-submenu:hover > a ~ ul {display: none !important;}
.navigation .dropdown-submenu:hover > a ~ ul.show {display: block !important;}
}

.mainmenu-right-box{margin-left:20px}
.rev_slider_wrapper{position:relative;z-index:10}
.rev_slider_wrapper .tp-caption{z-index:5; white-space: normal !important; width:750px}
.rev_slider_wrapper .big-title{position:relative;font-weight:600;font-size:48px;line-height:1.2em}
.rev_slider_wrapper .text{position:relative;font-size:20px;font-weight:400;line-height:1.6em}
.rev_slider_wrapper .button a.thm-btn.pdone{padding:16px 36px;background:0 0;border-radius:20px 0;transition:all .3s ease-out!important;margin-right:8px}
.rev_slider_wrapper .button a.thm-btn.pdone:hover{border-radius:0 20px;transition:all .3s ease-out!important}
.tparrows,.tparrows:before{transition:all .5s ease;display:block}
.rev_slider_wrapper .button a.thm-btn.pdtwo{padding:16px 29px}
.rev_slider_wrapper .slide-content-box.mar-btm .big-title{margin-bottom:10px}
.rev_slider_wrapper .slide-content-box.mar-btm .text{margin-bottom:24px}
.tparrows{background:0 0;cursor:pointer;height:55px;position:absolute;width:55px;z-index:1000;border-radius:25px 0}
.tparrows:before{font-size:18px;font-weight:700;line-height:50px}
.main-menu .navigation li a:after,.main-menu .navigation li a:before{content:"";height:2px;width:0;position:absolute;left:21px;top:25px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.main-menu .navigation li ul li a:after,.main-menu .navigation li ul li a:before{content:"";height:2px;width:0;position:absolute;right:21px;left:unset;top:23px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.btn_common,.btn_common:hover,.outer_box,.outer_box:hover,.outer_box:hover i,.pro_btn,.pro_btn:hover{transition:all .5s ease}
.main-menu .navigation li ul li:hover>a:after,.main-menu .navigation li ul li:hover>a:before,.main-menu .navigation li:hover>a:after,.main-menu .navigation li:hover>a:before{width:17px}
.main-menu .navigation li a:after{bottom:-6px;left:auto;right:20px;top:auto}
.common_c{padding:30px 0;width:100%;margin:0;border:0}
.outer_box{padding:10px;border-radius:50px 0;margin:0 auto 15px;height:100%}
.why-us {display: flex; flex-wrap: wrap; color: #444;}
.why-us > *  {margin-bottom: 15px}
.outer_box:hover{border-radius:0 50px}
.outer_box i{font-size:42px;margin-bottom:15px;margin-top:15px}
.outer_box h1{font-size:18px;margin:0 0 15px;font-weight:600}
.outer_box p{margin-bottom:15px}
.about_us{padding:0 25px 12px;max-width:485px}
.about_us img{max-width:100%; border-radius: 7px;}
.about_us iframe,.youtube-video-modal iframe{width:100%!important;height:300px!important}
.about_content h1{font-size:30px;margin:0 0 15px;font-weight:700;text-transform:uppercase}
.about_content p, .about_content div{margin-bottom:15px;letter-spacing:.3px;line-height:28px;text-align:justify}
.about_content{font-size:18px;font-weight:400}	
.about_content .table b{font-weight:400}
.about_content ul li{margin-bottom:5px;font-size:18px;list-style-type:circle;list-style-position:inside}
.about_content ul{margin-bottom:17px}

.prod-price{font-size:25px}
.prod-price i{font-size:20px; margin-right: 2px;}
.prod-price .price{font-weight:600}
.prod-price small{font-size:17px}
.sitemap > li{margin-bottom:5px}
.sitemap > li > a{font-size:18px;font-weight:600}
.sitemap > li ul{margin:7px 0 0 25px;list-style:initial!important;list-style-type:disc!important}
.sitemap > li ul a{font-weight:600;font-size:16px}
.sitemap > li li ul{margin-bottom:10px}
.sitemap > li li ul a{font-weight:600;font-size:17px}
.sitemap > li li a{position:relative;padding-left:12px;display:inline-block;margin-bottom:3px}

.btn_common{padding:10px 24px;border-radius:10px 0;text-transform:capitalize;margin:10px 0;width:auto;background-color:transparent;display:inline-block}
.btn_common:hover{border-radius:0 10px}
.outer_prod{width:100%;margin-bottom:20px;position:relative;text-align:center;overflow:hidden;border-radius:20px 0 0; border:1px solid #ccc;}
.outer_prod figure{width:100%;height:260px;position:relative}
.outer_prod figure img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height: 100%}
.heading_top h1{font-size:30px;font-weight:700;margin:0 0 20px;text-transform:uppercase}
.outer_prod h1,.pro_btn{white-space:nowrap;text-transform:capitalize}
.outer_prod h1{padding:25px 10px 15px;font-size:18px;font-weight:500;text-overflow:ellipsis;overflow:hidden}
.pro_btn{position:absolute;padding:5px 14px;font-size:14px;border-radius:10px 0;margin:10px 0;width:auto;left:50%;bottom:10%;top:unset;transform:translate(-50%); z-index: 99}
.btnall{float:unset;padding:14px 24px}
.outer_prod:hover .pro_btn{transition:all .5s ease;border-radius:0 20px}
.section-overlay:before{clear:both;position:absolute;top:0;width:100%;height:100%;display:block}
.section{position:relative;width:100%;z-index:1;clear:both}
.ads-service{position:relative;padding:35px 0}
.ads-service .title{line-height:26px;font-weight:600;text-transform:uppercase}
.breadcrumb-text a,.breadcrumb-text p,footer ul.links_ li a{text-transform:capitalize}
.ads-service .sub-title{display:block;margin-top:8px;font-size:18px}
.ads-service .ads-phone{position:absolute;top:50%;right:0;min-width:295px;transform:translateY(-50%)}
.box>.icon,.box>.icon>.image{position:relative}
.ads-service .ads-phone .fa-phone{font-size:32px;line-height:75px;float:left;padding-right:10px; margin-right:15px; -webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.ads-service .ads-phone .ads-desc{line-height:32px;font-size:16px}
.ads-service .ads-phone .ads-desc a{font-size:24px}
footer{padding:30px 0}
footer h3{margin-bottom:18px;font-size:25px;font-weight:600}
footer p{font-size:18px}
footer ul{margin-top:20px}
footer ul.links_ li{margin-bottom:5px}
footer ul.links_ li a{font-size:18px}
footer ul.links_ li a:hover{transition:all .5s ease}
footer ul.links_ li a:before{transition:all .5s ease;content:"\f054";font-family:"Font Awesome 5 Free"; font-weight:600; display:inline-block;width:20px; font-size: 13px;}


.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;}
.contact-format-3 .qrcode {margin-left:0px;}
.contact-format-3 .qrcode img {max-width: 100px;}

.social-icons{margin-bottom:20px}
.social-icons li{display:inline-block}
.social-icons li:not(:last-child){margin-right:7px}
.social-icons li a{border-radius:50%;text-align:center;width:35px;height:35px;line-height:33px;display:inline-block}
.social-icons li i{transition:all .3s}	
.social-icons li a:hover i{transform:rotate(25deg) scale(1.2)}

.quick_contact i{font-size:20px;margin-right:5px}
.copyright{padding:10px 0}
.copyright p{margin:8px 10px;display:inline-block}
.textright{text-align:right}
.box>.icon,.breadcrumb-text,.header-title{text-align:center}
.box>.icon {color: #333}
.box>.icon:hover>.info {color: #333 !important}
.navbar-toggle{border-radius:20px 0;position:absolute;top:50%;right:0;transform:translateY(-50%);margin:0;width:44px;height:36px}
.navbar-toggle span{transition:all .3s}
.navbar-toggle.active span:first-child{transform:rotate(-45deg) translate(-2px,2px)}
.navbar-toggle.active span:nth-child(2){display:none}
.navbar-toggle.active span:last-child{transform:rotate(45deg) translate(-2px,-2px)}
.breadcrumb-banner-area{background:url(https://www.dial4trade.com/staticdt/catalog/temp_1/images/resources/breadcrumb.jpg);padding:20px 0;position:relative}
.breadcrumb-text{padding:24px 0;background:0 0;border-radius:40px 0}
.breadcrumb-text p{font-size:16px;font-weight:400;margin-bottom:0}
.breadcrumb-text h1,.breadcrumb-text h2{font-size:36px;font-weight:700;margin-bottom:5px;text-transform:uppercase}
.b0{background:0 0}
#tip{display:none}
.fadeIn{animation-duration:3s}
.form-control{box-shadow:none}
.textarea-contact{resize:none}
.btn-send{border-radius:0}
.btn-send:hover{transition:background .5s}
.second-portion{margin-top:50px}
.box>.icon>.image{z-index:2;margin:auto;width:88px;height:88px;line-height:88px;border-radius:30% 0;vertical-align:middle}
.box>.icon>.image>i{font-size:36px!important}
.box>.icon>.info{margin-top:-24px;padding:15px 0 10px;min-height:210px}
.box>.icon>.info>h3.title{margin-top:10px; margin-bottom:10px; font-size:18px;font-weight:700}
.box>.icon>.info>p{font-size:18px;line-height:1.5em;margin:20px}
.box>.icon>.info>.more a{font-size:12px;line-height:12px;text-transform:uppercase;text-decoration:none}
.box>.icon:hover>.info>.more>a{padding:6px 8px}

.contact .box{margin-bottom: 15px;}
.contact .box .info {padding: 15px;}
.contact .quick-contact li span {position:relative; padding-left: 27px}
.contact .quick-contact li:not(:last-child){margin-bottom: 10px;}
.contact .quick-contact li span:before{position:absolute;top:-1px;left:0;font-family:'Font Awesome 5 Free'; font-weight: 600; width:20px;text-align:center}
.contact .quick-contact li.name span:before{content:'\f007'; font-weight: 500;}
.contact .quick-contact li.address span:before{content:'\f3c5'}
.contact .quick-contact li.email span:before{content:'\f0e0'; font-weight: 500;}
.contact .quick-contact li.phone span:before{content:'\f2a0';}
.contact .quick-contact li.mobile span:before{content:'\f3cd';}
.contact .quick-contact li.website span:before{content:'\f57e';}
.contact .quick-contact li.toll-free span:before{content:'\f590';}
.contact .quick-contact li.skype span:before{content:'\f17e'; font-family:'Font Awesome 5 Brands';}
.contact .quick-contact li.whatsapp span:before{content:'\f232'; font-family:'Font Awesome 5 Brands';}

.contact-details-wrap {display: flex; flex-wrap: wrap; justify-content: center;}

.contact-details-wrap .box .info {height: 100%}
.contact-details-wrap > * {margin-bottom: 65px;}

.contact .box .qrcode {margin-top:20px;}
.contact .box .qrcode img {max-width: 100px;}
.contact .box2 {background: rgba(0,0,0,.04);border: 1px solid #e0e0e0; text-align: center; color: #333; height: 100%}
.contact .box2 .image {background: #175ca1; border: 8px solid #fff; width: 88px; height: 88px; font-size:36px; color: #fff; line-height: 70px; border-radius: 30% 0; vertical-align: middle; margin:-50px auto 0;}
.contact .box2 .title {font-weight: 700; font-size: 18px; margin-bottom: 15px;}
.contact .box2 .info {padding: 15px;}
.contact .box2 .qrcode {margin-top:20px;}
.contact .box2 .qrcode img {max-width: 100px;}

.box .space{height:30px}
.info i{font-size:22px;vertical-align:middle;margin-right:5px}
.info a{transition:all .3s}
#parent{margin-top:25px;padding:15px}
.form-control:focus{outline:0;-webkit-box-shadow:none;box-shadow:none}
.form-control{height:40px;border-radius:10px 0}
.bg-product{padding:30px 20px 10px;border-radius:10px 0;float:left;width:100%;margin-top:20px}
.outer_prod h2,.outer_prod h3{white-space:nowrap;padding:25px 10px 15px;text-overflow:ellipsis;overflow:hidden}
.additonal-img .outer_prod h2, .additonal-img .outer_prod h3{padding:10px 10px}
.about_content h2{font-size:30px;margin:0 0 15px;font-weight:700;text-transform:uppercase}
.outer_prod h2{font-size:18px;text-transform:capitalize;font-weight:500}
.heading_top h2{font-size:26px;font-weight:700;margin:0 0 30px;text-transform:uppercase}
.outer_prod h3{font-size:18px;text-transform:capitalize;font-weight:500;margin:0}
.outer_box h4{font-size:20px;margin:0 0 15px;font-weight:600}

.about_content h3{font-size:24px;margin:0 0 15px;font-weight:700;text-transform:uppercase}
.about-format-2 .about-right .box, .about-format-3 .about-right .box {border-radius: 5px; padding:15px 25px; margin-bottom: 25px}
.about-format-2 .about-right .box h3, .about-format-3 .about-right .box h3 {padding-bottom: 5px}

.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: #999}
.testimonials.owl-theme .owl-dots .owl-dot span {background: #666}
.testimonials.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #fff}

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

.product-format-2 figure {border-radius: 20px 0 0; overflow: hidden;}
.product-format-2 .pro_btn {top: auto; bottom: 5px;}
.product-format-2 .outer_prod h2, .product-format-2 .outer_prod h3 {padding: 17px 10px 10px;}
.product-format-3 figure {border-radius: 20px 0 0; overflow: hidden;}
.product-format-3 figure:hover:before {position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
.product-format-3 .pro_btn {top:50%; bottom: auto; transform: translate(-50%, -50%); display: none; opacity: 0; transition: all 5s; z-index: 2}
.product-format-3 .outer_prod h2, .product-format-3 .outer_prod h3 {padding: 17px 10px 10px;}
.product-format-3 figure:hover .pro_btn {display: block; opacity: 1}

.details-format-2, .details-format-3 {margin-top: 40px;}
.product-details {margin-bottom: 15px;}
.product-details .box {border-radius:4px; padding: 30px;min-height: 310px; display: flex; flex-wrap: wrap;}
.product-details .box .product-thumb {width: 350px; text-align: center; margin:0 30px 15px 0;}
.product-details .box .product-thumb figure {border-radius:4px; padding: 9px;margin: -70px 0 0 0; position: relative; width:100%; height:350px; border-radius: 4px; overflow: hidden;}
.product-details .box .product-thumb figure:before {position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 1}
.product-details .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 .box .product-text {flex: 1}

.details-format-3 .product-details .box .product-thumb {margin:0 0 15px 30px;}

.mt-5 {margin-top: 5px;}
.mt-7 {margin-top: 7px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}

@media(max-width:768px){
.details-format {display:flex; flex-wrap: wrap;}
.details-format > * {width: 100%}
.details-format > *:first-child {order:2;}
.details-format > *:last-child {order:1;}
.details-format .btn_common {margin-bottom:22px;}
.product-details .box {padding: 20px;}
.product-details .box .product-thumb {width: 100%; margin-right: 0px;}	
.product-details .box .product-thumb figure {height: 180px}
.details-format-3 .product-details .box .product-thumb {margin-left: 0px; order: 1}
.details-format-3 .product-details .box .product-text {order:2;}
}

.contact-box {padding:15px; font-size: 18px; margin-bottom: 25px;}
.contact-format-2 .heading {margin-bottom:17px; font-size: 22px;}
.contact-format-2 iframe {margin:15px 0 -35px;}
.contact-details {margin-bottom: 15px;}
.contact-details li {position: relative; padding-left:35px;}
.contact-details li:not(:last-child) {padding-bottom: 15px;}
.contact-details li:not(:last-child) {margin-bottom: 20px;}

.contact-details li:before {position: absolute; left: 0px; top: 0px; font-family:"Font Awesome 5 Free"; font-weight: 600; font-size: 20px; width: 25px; text-align: center;}
.contact-details .address:before {content: '\f3c5'; font-size: 22px;}
.contact-details .person:before {content: '\f007';}
.contact-details .mobile:before {content: '\f3cd'; font-size:28px;}
.contact-details .email:before {content: '\f0e0';}
.contact-details .website:before {content: '\f0ac';}
@media(max-width:768px){
	.contact-format-2 iframe {height: 250px;}
}

.contact-format-3 .contact-details li {padding:15px 15px 15px 45px; border-radius: 4px; font-size: 17px;}
.contact-format-3 .contact-details li:before {top: 15px; left: 10px}
.contact-format-3 .heading {margin-bottom:15px; font-size: 22px;}
.contact-format-3 iframe {margin:15px 0 -35px;}

.listal li{margin-bottom:5px;font-size:18px;list-style-type:circle;list-style-position:inside}
.listal{margin-bottom:17px}
.sendin h2{margin-top:-10px;margin-bottom:17px;font-weight:600;font-size:23px;text-align: center;}
.sendin h2 span {display: block; font-size: 17px; margin-bottom:7px; font-weight: 500}
.welcome-txt-1 .row{display:flex;flex-wrap:wrap}
.welcome-txt-3 .about_content{text-align:center}
.our-product-1 .pro_btn{bottom:0}
.our-product-1 .about_content a:hover{text-decoration:underline}
.footer-3 .links_ li{display:inline-block}
.footer-3 .links_ li:not(:last-child){margin-right:15px}
.slider-no-content .tp-caption{display:none}
.second-portion-1 .box>.icon>.info{min-height:auto}
.modal-title{font-size:20px;font-weight:600}
.modal .modal-header{position:relative}
.modal-header .close{position:absolute;top:50%;right:15px;font-size:35px;transform:translateY(-50%)}
.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}
.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}
.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}
.floating.active{right:0}
.floating .floating-item{white-space:nowrap;transform:rotate(-90deg);display:block;width:196px;height:194px;padding:5px;font-size:20px}
.gallary > *{margin-bottom:30px}
.gallary a {width:100%; height: 200px; display: inline-block; overflow: hidden; position: relative;}
.gallary a img {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
.gallary .title {width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center;}
@media(max-width:480px) {
.gallary a {height: 155px}
}
@media(max-width:1199px) {
.header-area .logo{width:280px}

.ads-service .ads-phone {position: relative; margin-top: 10px; top: initial;transform: none;}
.ads-service {text-align: center;}
.ads-service .ads-phone .fa-phone {float: none;display: inline-block;}

}
@media(max-width:991px) {
.header-area .logo{width:180px}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.main-menu .navigation li{padding:0}
.rev_slider_wrapper .mar-lft{margin-left:100px}
.sidebar-wrapper{padding-left:0;margin-top:60px}
.main-menu .navigation li a{padding:33px 11px}
}
@media(max-width:991px) {
.main-menu .navigation li a{padding:33px 6px;text-transform:capitalize; font-size:14px;}
}
@media(max-width:767px) {
.main-menu .navigation li a:before,.main-menu .navigation li a:after{display:none}
.dropdown > a .fa{display:none}
.w49{width:100%}
.header-area .logo{width:100%}
.textright,.text_c{text-align:center}

.ads-service .ads-phone .ads-desc{display:inline-block}
.tp-caption{display:none!important}
.logo-dm{margin-top:0;max-width:275px;align-items:flex-start}
.logo-dm figure{width:50px;height:50px;line-height:50px;font-size:18px}
.logo-dm .company-name{font-size:20px;line-height:23px}
.logo .cname{margin-top:16px;font-size:23px}
.breadcrumb-text{padding:0}
.breadcrumb-banner-area{padding:25px 0}
.breadcrumb-text h1,.breadcrumb-text h2{font-size:28px}
.header-right.pull-right{float:none!important}
.mainmenu-right-box{margin-left:0;position:absolute;right:15px;top:62px;z-index:999}
.outer-search-box{margin:0 0 15px}
.header-area.stricky-fixed .outer-search-box{margin:0 0 15px}
.main-menu{display:inline-block;float:right!important;padding-bottom:0;padding-top:0;z-index:5;width:100%}
.main-menu .navigation li{margin-left:0;margin-right:0;padding:0}
.main-menu .collapse{border:none;border-radius:0!important;float:none;margin:0;max-height:calc(100vh - 84px);overflow:auto;padding:0;width:100%}
.main-menu .collapse.in,.main-menu .collapsing{border:none;border-radius:0;margin:0 0 15px;padding:0;border-top:none}
.main-menu .navbar-header{position:relative;float:none;display:block;text-align:right;width:100%;padding:5px 0 15px;right:0;z-index:12}
.main-menu .navbar-header .navbar-toggle{display:inline-block;float:left;margin:0;z-index:7;width:45px;height:42px;border-radius:0}
.main-menu .navbar-header .navbar-toggle .icon-bar{background:none repeat scroll 0 0;font-weight:700}
.main-menu .navbar-collapse>.navigation{float:none!important;margin:0!important;width:100%!important}
.main-menu .navbar-collapse>.navigation>li{margin:0!important;float:none!important;width:100%;padding:0}
.main-menu .navbar-collapse .navigation li::before{background:none;position:static}
.main-menu .navbar-collapse .navigation li.dropdown>a:after{display:none!important}
.main-menu .navbar-collapse .navigation li a:after{display:none}
.main-menu .navbar-collapse>.navigation>li>a{padding:10px!important}
.main-menu .navbar-collapse>.navigation>li>ul,.main-menu .navbar-collapse>.navigation>li>ul>li>ul{position:relative;border:none;float:none;visibility:visible;opacity:1;display:none;margin:0;left:auto!important;right:auto!important;top:auto!important;width:100%;background:none;border-radius:0;-webkit-border-radius:0;-ms-border-radius:0;-o-border-radius:0;-moz-border-radius:0;transition:none!important;-webkit-transition:none!important;-ms-transition:none!important;-o-transition:none!important;-moz-transition:none!important}
.main-menu .navbar-collapse>.navigation>li,.main-menu .navbar-collapse>.navigation>li>ul>li,.main-menu .navbar-collapse>.navigation>li>ul>li>ul>li{opacity:1!important;top:0!important;left:0!important;visibility:visible!important}
.main-menu .navbar-collapse>.navigation>li>a,.main-menu .navbar-collapse>.navigation>li>a,.main-menu .navbar-collapse>.navigation>li>ul>li>ul>li>a{padding:10px 12px!important;line-height:22px;text-align:left; font-weight: 500; font-size:16px;}
.main-menu .navbar-collapse>.navigation>li>ul>li>a{padding:10px 20px!important;line-height:22px;text-align:left;font-size:14px;font-weight:500;text-transform:uppercase}
.main-menu .navbar-collapse>.navigation li.dropdown .dropdown-btn{display:block; height: auto;}
.rev_slider_wrapper .mar-lft{margin-left:60px}
.tparrows{display:none}
.top-header .left-sect{display:none}
.modal-dialog{max-width:100%!important}
.gallary{padding-left:10px;padding-right:10px}
.gallary > *{padding-left:7px;padding-right:7px;margin-bottom:14px}
}
@media only screen and (max-width:768px) {
.btn-send{width:100%;padding:10px}
.copyright{line-height:normal}
.copyright p{margin:5px 10px}
.scrollTop{right:15px;bottom:15px}
.floating{width:33px;height:166px}
.floating .floating-item{width:156px;height:162px;font-size:16px}
}
@media only screen and (max-width:480px) {
.about_us{padding:0}
.about_us img{display:none}
}
@media only screen and (max-width:400px) {
.tparrows{display:block}
.rev_slider_wrapper .tp-caption{z-index:-1!important}
}

.header-format-2, .header-format-3 {margin-left: 0px; margin-right: 0px;}
.header-format-2 > *, .header-format-3 > * {padding-left: 0; padding-right: 0px;}
.header-format-2 .heading_top h2, .header-format-3 .heading_top h2 {margin: 10px 0 20px;}
.header-format-2 .outer_prod {width: 187px; margin: 0 auto}
.header-format-2 .outer_prod figure {height: 190px; overflow: hidden;}
.header-format-2  .hot-product {padding: 0 20px;}
.header-format-2 .hot-product-warp {padding: 15px 15px 0px}
.header-format-2 .pro_btn {bottom: 16%}
.header-format-2 .outer_prod h2,  .header-format-2 .outer_prod h3 {padding:24px 10px 15px}
@media(max-width: 1199px) {
	.header-format-2 .outer_prod figure {margin-top: 25px;}
	.header-format-2 .outer_prod {width: auto; margin-bottom: 20px;}
}

.header-format-3 .quick-contact {margin-left: 0px; margin-right: 0px; padding: 5px 25px 0;}
.header-format-3 .btn_common {margin-top: 7px;}

.thank-you {padding: 25px 0}
.thank-you .btn_common {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;border:4px solid #4CAF50}
.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;background:#FFF;transform:rotate(-45deg)}
.success-checkmark .check-icon .icon-line{height:5px;background-color:#4CAF50;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;border:4px solid rgba(76,175,80,0.5)}
.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#FFF}
@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:100px;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:#f33}
.color-change-wrap .green .temp-color{background:#063}
.color-change-wrap .blue .temp-color{background:#175ca1}
.color-change-wrap .orange .temp-color{background:#e58527}
.color-change-wrap .sky-blue .temp-color{background:#1892d1}
.color-change-wrap .gray .temp-color{background:#485a64}
.color-change-wrap .purple .temp-color{background:#60028b}
.color-change-wrap .orange-pink .temp-color{background:#ff795f;background-image:-webkit-linear-gradient(bottom left,#ff795f,#ce1768)}
.color-name{margin-bottom:5px;color:#000;font-size:14px}
.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)}
}

.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: 24px; 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: 24px; text-align: left; margin-bottom: 15px; color: #333}
.modal-rs .close {position: absolute; top: 0px; right: 10px; font-size: 40px;}
/*.modal-rs .btn-right {text-align: center;}*/
@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 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;}

.details-format-2 .box .thumbs figure, .details-format-3 .box .thumbs figure {border:1px solid #ddd !important; width: 65px; height: 60px; margin:12px 0px;}

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

@media(max-width:360px){
	.thumbs figure {width: 57px; height: 57px;}
	.details-format-2 .box .thumbs figure, .details-format-3 .box .thumbs figure {height: 46px;}
}

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

/* Blog Section */
.grid-blog-wrap > .row > * {margin-bottom: 30px;}
.grid-blog-item{display:inline-block;width:100%; height: 100%;box-shadow:0px 0px 10px rgba(0,0,0,0.1)}
.blog-details{padding:20px}
.grid-blog-item .blog-img img{width:100%;height:230px;object-fit:cover}
.grid-blog-item .blog-img a {display: block;}
.blog-top{position:relative}
.grid-blog-item .blog-top .blog-img::after{display:block;position:relative;background-image:linear-gradient(to bottom,transparent 0%,black 100%);margin-top:-150px;height:150px;width:100%;content:''}
.blog-author{position:absolute;bottom:5px;width:100%;left:0;padding:0 20px}
.blog-author img{border-radius:50%;float:left}
.blog-author h4{font-size:15px;float:left;margin-top:5px;margin-left:5px;color:#fff;font-weight:lighter;letter-spacing:.5px}
.blog-info {margin-bottom: 17px;}
.blog-info ul{padding:0; margin:0;}
.blog-info ul li{list-style:none;display:inline-block;margin-right:12px}
.blog-info ul li a.blog-category{text-align:center;padding:5px 10px;cursor:pointer;font-size:13px;text-transform:uppercase;letter-spacing:1px;}
.blog-info ul li.blog-time{font-size:14px}
.blog-info ul li.blog-time i{opacity:.5;margin-right:6px}
.blog-heading .blog-title{font-size:20px;line-height:28px;font-weight:700}
.blog-heading .blog-title:hover{text-decoration: underline;}
.blog-btn{margin-top:20px}
.blog-btn a{font-size:14px;}
.blog-btn i{opacity:.5;margin-right:5px}
.sidebar-block{padding:20px;box-shadow:0px 0px 10px rgba(0,0,0,0.1);border:1px solid #f0f0f0;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; margin-top: 0px;}
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%);}

/*-----------------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;}
body{position:relative;top:0!important}
.intl-tel-input {display: block !important;}
.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:16px;margin-bottom:5px;color:#000}
.pbq-row {max-width:400px;padding:0;margin:0 15px 25px !important}
.pbq-row div {margin-bottom: 0px; text-align: center; line-height: normal;}
.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:15px;color:#333; margin-bottom: 5px;}
.pbq .desc{font-size:14px;color:#666}
.pbq.active .title{color:#000;font-weight:600}
.pbq.active{border:1px solid #ff7512;box-shadow:1px 3px 5px rgba(0,0,0,0.1)}
.pbq-row.owl-theme .owl-nav [class*=owl-]{position:absolute;top:calc(50% - 2px);transform:translateY(-50%);line-height:normal;margin:0;display:inline-block;width:10px;height:30px; font-size: 26px; line-height: 1px;}
.pbq-row.owl-theme .owl-nav [class*=owl-]:hover{background:none;color:#000}
.pbq-row.owl-theme .owl-nav [class*=owl-prev] {left: -15px;}
.pbq-row.owl-theme .owl-nav [class*=owl-next] {right: -15px;}
.pbq-row.owl-theme .owl-nav{margin-top:0}
.pbq-row .owl-nav .owl-prev{left:0}
.pbq-row .owl-nav .owl-next{right:0}
.pbq-row .owl-stage{margin-left:0}

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

.minOrderUnitInput {position: absolute; top: 0; left: 15px; width:calc(100% - 50px); border-top-right-radius: 0px; border-bottom-right-radius: 0px; display: none;}
.unit-list {max-height: 182px; font-size: 15px; list-style: none; padding: 0; border:1px solid #cacfe7; position: absolute; top:calc(100% - 0px); left: 15px; width: calc(100% - 30px); z-index: 1; background: #fff; display: none;}
.unit-list li {border-bottom: 1px solid #cacfe7; cursor: pointer;}
.unit-list li:last-child {border-bottom: 0px;}
.unit-list li:hover {background:#f7f7f7}
.unit-list li span {display: block;padding:5px 10px;}
.cust-scroll {overflow:auto}
.cust-scroll::-webkit-scrollbar {display: block;width: 4px;height: 4px;border-radius: 10px}
.cust-scroll::-webkit-scrollbar:hover {display: block}
.cust-scroll::-webkit-scrollbar-track {background: #eee;border-radius: 10px}
.cust-scroll::-webkit-scrollbar-thumb {background: #ddd;border-radius: 10px}
.cust-scroll::-webkit-scrollbar-thumb:hover {background: #999}