@import url('https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,800,800i&display=swap');
#service_div{font-family: 'Muli', sans-serif !important;}
html,body{font-size: 100% !important;font-family: 'Muli', sans-serif; line-height: normal}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type=number] { -moz-appearance:textfield;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .text-edit p, .text-edit h3, .text-edit h5{line-height: inherit}
b{font-weight: 700}i{font-style: italic}u{text-decoration: underline !important}
ul{margin: 0; padding: 0;list-style: none;}
.cover, .layout, .element, .text, .heading, .pricing-table, .header, .footer, .category, .contact, .faq, .pricingtheme1{position: relative}
.overlay{position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;}
.seltext,.editdesign, .content-wrap .post{display:none}
textarea{resize: none}a{cursor: pointer !important}

/*margin-padding by #aad (minified)*/
.pd{padding:5px}.pd1{padding:10px}.pd15{padding:15px}.pd2{padding:20px}.pd3{padding:30px}.pd4{padding:40px}.pdT{padding-top:5px}.pdB{padding-bottom:5px}.pdL{padding-left:5px}.pdR{padding-right:5px}.pdT1{padding-top:10px}.pdB1{padding-bottom:10px}.pdL1{padding-left:10px}.pdR1{padding-right:10px}.pdT2{padding-top:20px}.pdB2{padding-bottom:20px}.pdL2{padding-left:20px}.pdR2{padding-right:20px}.pdT3{padding-top:30px}.pdB3{padding-bottom:30px}.pdL3{padding-left:30px}.pdR3{padding-right:30px}.pdT4{padding-top:40px}.pdB4{padding-bottom:40px}.pdL4{padding-left:40px}.pdR4{padding-right:40px}.pd0{padding:0}.mr{margin:5px}.mr1{margin:10px}.mr15{margin:15px}.mr2{margin:20px}.mr3{margin:30px}.mr4{margin:40px}.mrT{margin-top:5px}.mrB{margin-bottom:5px}.mrL{margin-left:5px}.mrR{margin-right:5px}.mrT1{margin-top:10px}.mrB1{margin-bottom:10px}.mrL1{margin-left:10px}.mrR1{margin-right:10px}.mrB2{margin-bottom:20px}.mrL2{margin-left:20px}.mrR2{margin-right:20px}.mrT3{margin-top:30px}.mrB3{margin-bottom:30px}.mrL3{margin-left:30px}.mrR3{margin-right:30px}.mrT2{margin-top:20px}.mrT4{margin-top:40px}.mrT5{margin-top:50px}.mrB4{margin-bottom:40px}.mrL4{margin-left:40px}.mrR4{margin-right:40px}.mrC{margin:0 auto;}

.cover,.cover:hover, .layout, .text, .element, .half_section_img,.half_section_img1,.half_section_img2,.half_section_img3,.half_section_img4,.half_section_img5,.half_section_img6, h3, h5, p, .full_section_border, .border_cls, .btn-edbox, .privacy .policy-im1:hover {border:0 none !important;}

.cover:hover, .layout:hover, .text:hover, .element:hover, .half_section_img:hover,.half_section_img1:hover,.half_section_img2:hover,.half_section_img3:hover,.half_section_img4:hover,.half_section_img5:hover, h3:hover,h5:hover, p:hover, .full_section_border:hover, .border_cls:hover, .btn-edbox:hover,.pricing-table .bg-image .bg-price-img:hover, .pricing-table .bg-image .bg-price-img1:hover, .footer .ft9-img:hover{border-color:transparent !important}

.faqs .faqHeader:hover{box-shadow: none !important}

p, h3, h5{cursor: text !important}
.text-edit h3, .text-edit h5{display: block; width: 100%; margin: 0}
p a, h3 a, h5 a{color:#0197cb; cursor: pointer !important}
p a:hover, h3 a:hover, h5 a:hover{color:#0197cb; text-decoration: underline !important}
.pricing-table .text-edit, .privacy .text-edit, .contact .text-edit{max-height:inherit}
.text-edit span a{color:inherit; outline: none;}
.text-content{height: auto}
.cover-content{height:auto !important;}
.container{height:100%}
.content-wrap{background-repeat: no-repeat; background-size: cover;}
.element1 .element-content{padding-bottom: 0 !important}
.content-wrap .container{width:100%}
.content-wrap .col-md-7 .overlay{left: 15px; right: 15px}
.mod1 button.closeCirc{top: -14px !important; right: -58px !important;}
.mod .btn-edbox{text-align: center; padding: 20px !important;}
.mod1 .botm{margin-left: -5px;}.mod1 .bad{padding: 5px 15px !important;}
.mod .modal-body .btn-sub{background-image: none !important; border: none !important;}
.content-wrap .table-responsive{border: 1px solid #ddd; border-bottom: none;}
.navbar{margin-bottom:0;}
.loader .loadCir{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:55px; animation: none; transform: scale(1.2)}

/*---button preview---*/
.btn-edbox {position: relative; padding: 10px 10px 5px; display: inline-block; border: 1px solid transparent;}
.btn-edbox .act-btn {color: #fff; background-color: #f95427; display: inline-block; border-radius: 4px; padding: 10px 20px !important; text-decoration: none; font-size: 18px; overflow: hidden; border:0 none; letter-spacing: 0; font-weight: normal; outline: none}
.btn-edbox .act-btn:hover{opacity: .99}
.btn-edbox .act-btn span, .btn-edbox .act-btn > p, .btn-edbox .act-btn a, .btn-edbox .act-btn font, .btn-edbox .act-btn i, .btn-edbox .act-btn u, .btn-edbox .act-btn b{padding: 21px; margin: -21px; text-decoration: none; color:inherit; display: block; letter-spacing: normal}
.btn-edbox .act-btn i.fa{padding: 0; margin: 0; display: inline;}
.btn-edbox .act-btn a{text-decoration: none}
.btn-edbox .act-btn br{display: none}

/*--css for slider--*/
section .slider{height:auto}
section .slick-slider{margin-bottom: 0}
section .slick-next,section .slick-prev{width:40px; height:40px; z-index: 1}
section .slick-next:before, .slick-prev:before{font-size: 30px;text-shadow: 0 0 15px rgba(0, 0, 0, 0.2); font-family: fontawesome}
section .slick-prev:before{content: "\f137";}section .slick-next:before{content: "\f138";}
section .slick-prev{left:25px}section .slick-next{right:25px}
section .slick-dots{bottom: 20px}
section .slick-dots li button{border: 3px solid rgba(0,0,0,.1); border-radius: 100%; width: 19px; height: 18px;}
section .slick-dots li button::before{color:#fff; font-size: 11px; font-weight: bold; content: "\f111";font-family: fontawesome}
section .slick-dots li.slick-active button:before{color:#fff}
section .editdesign.center.sld{width: 104px; background: rgba(0,0,0,.5); color: #fff; border: 0 none;}
section .slider .slider-content {width: 100%; text-align: center; color: #fff; background-color: #ddd; padding:0}
section .slider.medi .slider-content{color:#333}
section .slider .slider-content p {margin-bottom: 1.5625rem; min-height: 20px; white-space: pre-wrap; word-wrap: break-word; text-transform: none; padding: 10px; margin: 0; font-size: 16.5px; line-height: 29px; font-weight: 200; display: inline-block; border: 1px solid transparent; position: relative;}
section .slider .half_section_img{background-size: 100% 100% !important; background-repeat: no-repeat; background-position: center !important; max-width:100%; margin: 0 auto; position: relative; overflow: hidden; display: flex}
section .slider .half_section_img .slide-cnt{margin: auto; padding:0 10%}
section .slider.small .half_section_img{height: 350px;}
section .slider.medi .half_section_img{height: 550px;}
section .slider.large .half_section_img{height: 750px;}
section .slider .slider-content h3:hover, section .slider .slider-content p:hover{border-color:#57c1d0}
section .slider .slider-content .half_section_img:hover{border-color:#57c1d0}

/*css for header*/
#main_header{position: fixed; width: 100%;z-index: 10}
.header{font-family:'Muli', sans-serif;}
.header .thumbnails{height: 68px}
.header .thumbnails img { width: 75px; height: 75px; object-fit: contain; background: #fff; border: 2px solid #ddd; }
.header .dropdown-menu>li>a{padding: 5px 20px}
.header .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>li.active>a{background-color: rgba(0,0,0,.2) !important; border-radius: 4px;}
.header .dropdown-menu>.active>a{background:#3a2b28}
.dropdown-menu a:empty{display:none;}
.header .navbar-collapse.collapse.in .navbar-nav{position: static}
.header .header-content .navbar-default{border:none; border-radius: 0}
.header .form-control.serc{border-radius: 15px !important; padding-right: 20px}
.header .header-content .serc + .icn{margin-top: -19px;font-size: 13px;}
.header .header-content .dp2 .serc + .icn{margin-top: -25px;}
.header .dropdown:hover .dropdown-content{display: none !important}
.header .dp2 .dropdown:hover .dropbtn, .header .dropdown:hover .dropicn{border-color: transparent !important; cursor: pointer}
.multicolumnun .bannrdivsiz{padding-top: 0}
.header-content{padding: 0 !important}
.header .navbar-right{padding-right: 0;}
.logoHit{cursor: pointer; max-height: 50px}
.header .hov{top:45px !important}
.header .hov > h3.green { font-size: 14px; font-weight: bold; padding: 10px 15px; border-bottom: 1px solid #eee !important; margin: 0; color: #000; text-transform: uppercase; }
.header .wallAmt{margin: 0}
.header .hov div {line-height: 18px;}
.header .navbar-nav sup{position: absolute;top: 0; right: 0}
.header .navbar-nav sup .badge{padding: 3px 6px; line-height: 12px; font-size: 11px; background-color: #ff4040;}
.header4 .homePos{left:184px !important}

/*css for category*/
.catrow img{width: 100%; height: 200px; object-fit: contain;}
.category .carousel-control.left, .category .carousel-control.right{background-image:none; color:#000;width: 38px;padding-top: 9%;}
.imgBox.out-of-stock{text-align: center; font-size: 18px;}
.imgBox.out-of-stock b{display: block; position: absolute; top:0; bottom: 0; right:0; left:0; height: 22px; margin: auto}
.out-of-stock img{filter: blur(3px); -webkit-filter: blur(3px); opacity: .3;}
tr.out-of-stock{color:#ccc;}
.greenClr {color: #388e3c;}
.category .col-md-2 { margin-bottom: 30px; padding: 10px 0; margin-top: 3px; border: 1px solid transparent; }
.category .col-md-2:hover { cursor: pointer; box-shadow: 0px 1px 6px rgba(0,0,0,.2); border-color: #ddd; } 

/*css for faq*/
.faqs .panel-group .panel .fa-times{display: none}

/*css for footer*/
.dropdown:hover .dropdown-content{display: none !important}
.footer .act-btn{display: block !important}
.footer .dropdown:hover .dropbtn, .footer .dropdown:hover .dropicn{border-color: transparent !important; cursor: pointer}

/*css for contact*/
.contact .dropdown-content{display: none !important}
.contact .dp2 .dropdown:hover .dropbtn, .contact .dropdown:hover .dropicn{border-color: transparent !important; cursor: pointer}

/*css for image zoom gallery*/
.zoomImg{position: fixed; top: 0; left: 0; right: 0; bottom: 0; text-align: center; z-index: 1050; overflow: auto; background: rgba(0,0,0,.8); padding: 60px; display: none}
.zoomImg i{position: fixed; top: 30px; right: 40px; color: #ddd; font-size: 30px; cursor: pointer;border-radius: 100%; padding: 5px 8px; background: rgba(0,0,0,.5);}
.zoomImg i:hover{color: #f15151}


@media(max-width:768px){
.act-btn {width:max-content;}
.cover-content {padding: 0 !important; position:static !important;}
.slider .half_section_img{background-repeat:no-repeat !important;}
.slider.small .half_section_img{height: 150px;}
.slider .half_section_img{max-height: 250px;}
.slider.large .half_section_img{height: 350px;}
.layout .half_section_img {max-height: 350px;}
.navbar{min-height: 52px}
.header4 .homePos{display: none}
	
.header .navbar-collapse .navbar-nav{left:0 !important; max-width: 100% !important}
.header .navbar-collapse .navbar-left li {margin-left: 0 !important;}

#header_category{padding: 0}
.logoHit{max-height: 35px}
.element4 .element-content .element4-para{line-height: 42px !important}
.category .clearfix{width: 100%; position:relative}
.category .btn-edbox{margin: 10px 0 0 0 !important}
.category .carousel-control.left, .category .carousel-control.right{padding-top: 30%}
.element{min-height: 100px}
#header_category .collapse {display: block; padding: 0; border: 0 none;}
#header_category .collapse {display: block; padding: 0;}
#header_category ~ .navbar-right.dp2{display:none; left:0 !important}
#header_category.in ~ .navbar-right.dp2 {display: block;}
	
.header .hov{width:250px !important}
.cover .cover-content{width: 100% !important}
.navbar .collapse .dp2 li.multi, .categoryData{min-width: 160px}
.navbar .collapse .dp2 li.multi:hover> ul{max-width: 170px !important}
.navbar .collapse .dp2 li.multi .dropdown-menu>li>a{padding: 4px 10px;margin-left: -10px;}
	
/*header3*/
.header3 .sercDiv,.header3 .half_section_img2{bottom: auto !important; top: 7px !important;}
.header3 .serc{width:90px !important}
	
/*footer 1*/
.footer-wrap1 .footer-layout9{padding: 30px 0 !important;}
}

/****@shwin css****/
.container{height:auto;width: 100%;}