@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400; 0,500; 0,700; 1,400& family=Poppins:wght@400; 500; 600; 700& display=swap"; :root { --color-primary: #3577f0; --light-primary: #8c71db; --color-secondary: #ff497c; --color-tertiary: #FAB8C4; --color-white: #ffffff; --color-dark: #27272E; --color-black: #000000; --color-light: #CBD3D9; --color-lighter: #F6F7FB; --color-lightest: #C4C4C4; --color-chart01: #896BA7; --color-chart02: #BADEFF; --color-chart03: #E76458; --color-heading: #292930; --color-body: #777777; --color-border-light: #E3E6E9; --color-border-dark: #42424A; --color-gray: #999FAE; --color-midgray: #878787; --color-extra01: #999FAE; --color-success: #3EB75E; --color-danger: #FF0003; --color-warning: #FF8F3C; --color-info: #1BA2DB; --color-facebook: #3B5997; --color-twitter: #1BA1F2; --color-youtube: #ED4141; --color-linkedin: #0077B5; --color-pinterest: #E60022; --color-instagram: #C231A1; --color-vimeo: #00ADEF; --color-twitch: #6441A3; --color-discord: #7289da; --radius: 6px; --radius-big: 16px; --radius-small: 6px; --border-width: 2px; --border-thin: 1px; --p-light: 300; --p-regular: 400; --p-medium: 500; --p-semi-bold: 600; --p-bold: 700; --p-extra-bold: 800; --p-black: 900; --s-light: 300; --s-regular: 400; --s-medium: 500; --s-bold: 700; --s-black: 900; --shadow-primary: 0px 4px 10px rgba(37, 47, 63, 0.1); --shadow-light: 0 2px 6px 0 rgba(0, 0, 0, 0.05); --shadow-dark: 0 16px 32px 0 rgba(0, 0, 0, 0.04); --transition: 0.3s; --font-primary: "DM Sans", sans-serif; --font-secondary: "DM Sans", sans-serif; --font-awesome: "Font Awesome 5 Pro"; --font-size-b1: 16px; --font-size-b2: 14px; --font-size-b3: 12px; --line-height-b1: 1.7; --line-height-b2: 1.65; --line-height-b3: 1.6; --h1: 46px; --h2: 36px; --h3: 28px; --h4: 24px; --h5: 20px; --h6: 18px } * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } article,aside,details,figcaption,figure,footer,header,nav,section,summary { display:block } audio,canvas,video { display:inline-block } audio:not([controls]) { display:none; height:0 } [hidden] { display:none } a { color:var(--color-heading); text-decoration:none; outline:none } a:hover,a:focus,a:active { text-decoration:none; outline:none; color:var(--color-primary) } a:focus { outline:none } address { margin:0 0 24px } abbr[title] { border-bottom:1px dotted } b,strong { font-weight:bold } mark { background:var(--color-primary); color:#fff } code,kbd,pre,samp { font-size:var(--font-size-b3); -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; color:var(--color-primary) } kbd,ins { color:#fff } pre { font-family:"Courier 10 Pitch",Courier,monospace; font-size:var(--font-size-b3); margin:10px 0; overflow:auto; padding:20px; white-space:pre; white-space:pre-wrap; word-wrap:break-word; color:var(--color-body); background:var(--color-lighter) } small { font-size:smaller } sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline } sup { top:-0.5em } sub { bottom:-0.25em } dl { margin-top:0; margin-bottom:10px } dd { margin:0 15px 15px } dt { font-weight:bold; color:var(--color-heading) } menu,ol,ul { margin:16px 0; padding:0 0 0 40px } nav ul,nav ol { list-style:none; list-style-image:none } li>ul,li>ol { margin:0 } ol ul { margin-bottom:0 } img { -ms-interpolation-mode:bicubic; border:0; vertical-align:middle; max-width:100%; height:auto } svg:not(:root) { overflow:hidden } figure { margin:0 } form { margin:0 } fieldset { border:1px solid var(--color-border); margin:0 2px; min-width:inherit; padding:.35em .625em .75em } legend { border:0; padding:0; white-space:normal } button,input,select,textarea { font-size:100%; margin:0; max-width:100%; vertical-align:baseline } button,input { line-height:normal } button,html input[type=button],input[type=reset],input[type=submit] { -webkit-appearance:button; -moz-appearance:button; appearance:button; cursor:pointer } button[disabled],input[disabled] { cursor:default } input[type=checkbox],input[type=radio] { padding:0 } input[type=search] { -webkit-appearance:textfield; -moz-appearance:textfield; appearance:textfield; appearance:textfield; padding-right:2px; width:270px; cursor:text } input[type=search]::-webkit-search-decoration { -webkit-appearance:none; appearance:none } button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0 } textarea { overflow:auto; vertical-align:top } caption,th,td { font-weight:normal } th { font-weight:500; text-transform:uppercase } td,.wp-block-calendar tfoot td { border:1px solid var(--color-border); padding:7px 10px } del { color:#656973 } ins { background:rgba(255,47,47,.4); text-decoration:none } hr { background-size:4px 4px; border:0; height:1px; margin:0 0 24px } table a,table a:link,table a:visited { text-decoration:underline } dt { font-weight:bold; margin-bottom:10px } dd { margin:0 15px 15px } caption { caption-side:top } kbd { background:var(--heading-color) } dfn,cite,em { font-style:italic } blockquote,q { -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; quotes:none } blockquote:before,blockquote:after,q:before,q:after { content:""; content:none } blockquote { font-size:var(--font-size-b1); font-style:italic; font-weight:var(--p-light); margin:24px 40px } blockquote blockquote { margin-right:0 } blockquote cite,blockquote small { font-size:var(--font-size-b3); font-weight:normal } blockquote strong,blockquote b { font-weight:700 } * { box-sizing:border-box } html { overflow:hidden; overflow-y:auto; margin:0; padding:0; font-size:10px } @media only screen and (min-width: 992px) { body.overflow-visible { overflow:visible; overflow-y:visible } } body { font-size:var(--font-size-b1); line-height:var(--line-height-b1); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-family:var(--font-primary); color:var(--color-body); font-weight:var(--p-regular); overflow:hidden; overflow-y:auto } h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,address,p,pre,blockquote,menu,ol,ul,table,hr { margin:0; margin-bottom:30px } h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { word-break:break-word; font-family:var(--font-secondary); line-height:1.3; color:var(--color-heading) } h1,.h1 { font-size:var(--h1) } h2,.h2 { font-size:var(--h2) } h3,.h3 { font-size:var(--h3) } h4,.h4 { font-size:var(--h4) } h5,.h5 { font-size:var(--h5) } h6,.h6 { font-size:var(--h6) } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a { color:inherit } @media only screen and (min-width: 768px)and (max-width: 991px) { h1,.h1 { font-size:40px } h2,.h2 { font-size:30px } h3,.h3 { font-size:26px } h4,.h4 { font-size:22px } } @media only screen and (max-width: 767px) { h1,.h1 { font-size:34px } h2,.h2 { font-size:26px } h3,.h3 { font-size:24px } h4,.h4 { font-size:20px } } h1,.h1,h2,.h2,h3,.h3 { font-weight:var(--s-bold) } h4,.h4,h5,.h5 { font-weight:var(--s-bold) } h6,.h6 { font-weight:var(--s-medium) } h1.b1,h2.b1,h3.b1,h4.b1,h5.b1,h6.b1 { font-size:var(--font-size-b1); line-height:var(--line-height-b1) } h1.b2,h2.b2,h3.b2,h4.b2,h5.b2,h6.b2 { font-size:var(--font-size-b2); line-height:var(--line-height-b2) } h1.b3,h2.b3,h3.b3,h4.b3,h5.b3,h6.b3 { font-size:var(--font-size-b3); line-height:var(--line-height-b3) } p { font-size:var(--font-size-b1); line-height:var(--line-height-b1); font-weight:var(--p-regular); color:var(--color-body); margin:0 0 30px } p.has-large-font-size { line-height:1.5; font-size:36px } p.has-medium-font-size { font-size:24px; line-height:36px } p.has-small-font-size { font-size:13px } p.has-very-light-gray-color { color:var(--color-white) } p.has-background { padding:20px 30px } p.b1 { font-size:var(--font-size-b1); line-height:var(--line-height-b1) } p.b2 { font-size:var(--font-size-b2); line-height:var(--line-height-b2) } p.b3 { font-size:var(--font-size-b3); line-height:var(--line-height-b3) } p:last-child { margin-bottom:0 } .b1 { font-size:var(--font-size-b1); line-height:var(--line-height-b1) } .b2 { font-size:var(--font-size-b2); line-height:var(--line-height-b2) } .b3 { font-size:var(--font-size-b3); line-height:var(--line-height-b3) } table { border-collapse:collapse; border-spacing:0; margin:0 0 20px; width:100% } table a,table a:link,table a:visited { text-decoration:none } cite,.wp-block-pullquote cite,.wp-block-pullquote.is-style-solid-color blockquote cite,.wp-block-quote cite { color:var(--heading-color) } var { font-family:"Courier 10 Pitch",Courier,monospace } ul,ol { padding-left:18px } ul { list-style:square; margin-bottom:30px; padding-left:20px } ul.liststyle.bullet li { font-size:18px; line-height:30px; color:var(--color-body); position:relative; padding-left:30px } @media only screen and (max-width: 767px) { ul.liststyle.bullet li { padding-left:19px } } ul.liststyle.bullet li::before { position:absolute; content:""; width:6px; height:6px; border-radius:100%; background:var(--color-body); left:0; top:10px } ul.liststyle.bullet li+li { margin-top:8px } ul li { font-size:var(--font-size-b1); line-height:var(--line-height-b1); margin-top:8px; margin-bottom:8px; color:var(--color-body); font-family:var(--font-secondary) } ul li a { text-decoration:none; color:var(--color-heading) } ul li a:hover { color:var(--color-primary) } ul li::marker { color:var(--color-body) } ul ul { margin-bottom:0 } ol { margin-bottom:30px } ol li { font-size:var(--font-size-b1); line-height:var(--line-height-b1); color:var(--color-body); margin-top:8px; margin-bottom:8px } ol li a { color:var(--heading-color); text-decoration:none } ol li a:hover { color:var(--color-primary) } ol ul { padding-left:30px } .post-scale,.radius { border-radius:var(--radius) } .copyright-default .quick-link,.comment-list ul.children,.comment-list,.axil-dashboard-address ul,.single-product-content .inner .product-variation .variable-items-wrapper,.single-product-content .inner .product-meta,.axil-shop-sidebar .toggle-list ul,.color-variant,.axil-product .cart-action,.cart-dropdown .cart-item-list,.mainmenu,.axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu ul,.axil-mainmenu.aside-category-menu .header-department .department-nav-menu .nav-menu-list,.header-action>ul>li,.header-top-link .quick-link,.social-share,.main-slider-style-1 .shape-group li,.main-slider-content .item-rating .thumb ul li { padding:0; margin:0; list-style:none } .liststyle { padding:0; margin:0; list-style:none } .widget_rss ul li a,.tagcloud a,.comment-list .comment .reply-edit a.comment-reply-link,.axil-post-meta .post-meta-content .author-title a,.content-blog.format-quote .inner .content blockquote .title a,.content-blog .content .title a,.cart-dropdown .cart-header .cart-close,.header-search-modal .card-close,.header-action .my-account .my-account-dropdown,.pv-single-demo .title,.arrow-both-side-4 .slide-arrow,.arrow-both-side-3 .slide-arrow,.arrow-both-side-2 .slide-arrow,.arrow-both-side .slide-arrow,.arrow-between-side .slide-arrow,input[type=submit],.form-group textarea,.form-group input,#scrollUp,ul li a,ol li a { transition:var(--transition) } .bg_image,.bgImagePosition { background-repeat:no-repeat; background-size:cover; background-position:center center } .post-scale { overflow:hidden } .post-scale img { transition:.5s } .post-scale:hover img { transform:scale(1.1) } @keyframes signalanimation { 0% { opacity:1 } 100% { opacity:0 } } @keyframes customOne { from { transform:scale(1) } 50% { transform:scale(0.9) } to { transform:scale(1) } } @keyframes customTwo { 0% { transform:translate(0px, 0px) } 50% { transform:translate(100px, 0px) } 100% { transform:translate(50px, 50px) } } .customOne { animation:customOne 2s infinite } @keyframes pulse { 0% { box-shadow:0 0 0 0 var(--color-primary) } 70% { box-shadow:0 0 0 20px rgba(255,255,255,0) } 100% { box-shadow:0 0 0 0 rgba(255,255,255,0) } } @-webkit-keyframes headerSlideDown { 0% { transform:translateY(-100px) } to { transform:translateY(0) } } @keyframes headerSlideDown { 0% { transform:translateY(-100px) } to { transform:translateY(0) } } @-webkit-keyframes slideFadeInUp { from { opacity:0; -webkit-transform:translate3d(0, 20%, 0); transform:translate3d(0, 20%, 0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes slideFadeInUp { from { opacity:0; -webkit-transform:translate3d(0, 20%, 0); transform:translate3d(0, 20%, 0) } to { opacity:1; -webkit-transform:none; transform:none } } .slideFadeInUp { -webkit-animation-name:slideFadeInUp; animation-name:slideFadeInUp } @-webkit-keyframes moveVertical { to { opacity:1; -webkit-transform:translateY(0) } } @keyframes moveVertical { to { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes scrollDown { 0% { opacity:0 } 10% { transform:translateY(0); opacity:1 } 100% { transform:translateY(10px); opacity:0 } } @keyframes btnIconSlide { 0% { transform:translateY(0) } 40% { transform:translateY(-5px); opacity:0 } 80% { transform:translateY(5px); opacity:0 } 100% { transform:translateY(0); opacity:1 } } @keyframes prevNavSlide { 0% { transform:translateX(0) } 40% { transform:translateX(-5px); opacity:0 } 80% { transform:translateX(5px); opacity:0 } 100% { transform:translateX(0); opacity:1 } } @keyframes nextNavSlide { 0% { transform:translateX(0) } 40% { transform:translateX(5px); opacity:0 } 80% { transform:translateX(-5px); opacity:0 } 100% { transform:translateX(0); opacity:1 } } .clearfix:before,.clearfix:after { content:" "; display:table } .clearfix:after { clear:both } .fix { overflow:hidden } .slick-initialized .slick-slide { margin-bottom:-10px } .bg-color-primary { background:var(--color-primary) } .bg-color-secondary { background:var(--color-secondary) } .bg-color-tertiary { background:var(--color-tertiary) } .bg-color-grey { background:#f0f2f5 } .bg-color-white { background:#fff } .bg-color-dark { background:var(--color-dark) } .bg-color-lighter { background:var(--color-lighter) } .bg_image--1 { background-image:url(../images/bg/bg-image-1.jpg) } .bg_image--2 { background-image:url(../images/bg/bg-image-2.jpg) } .bg_image--3 { background-image:url(../images/bg/bg-image-3.jpg) } .bg_image--4 { background-image:url(../images/bg/bg-image-4.jpg) } .bg_image--5 { background-image:url(../images/bg/bg-image-5.jpg) } .bg_image--6 { background-image:url(../images/bg/bg-image-6.jpg) } .bg_image--7 { background-image:url(../images/bg/bg-image-7.jpg) } .bg_image--8 { background-image:url(../images/bg/bg-image-8.jpg) } .bg_image--9 { background-image:url(../images/bg/bg-image-9.jpg) } .bg_image--10 { background-image:url(../images/bg/bg-image-10.jpg) } .bg_image--11 { background-image:url(../images/bg/bg-image-11.jpg) } .bg_image--12 { background-image:url(../images/bg/bg-image-12.jpg) } .bg_image--13 { background-image:url(../images/bg/bg-image-13.jpg) } .bg_image--14 { background-image:url(../images/bg/bg-image-14.html) } .bg_image--15 { background-image:url(../images/bg/bg-image-15.html) } .bg_image--16 { background-image:url(../images/bg/bg-image-16.html) } .bg_image--17 { background-image:url(../images/bg/bg-image-17.html) } .bg_image--18 { background-image:url(../images/bg/bg-image-18.html) } .bg_image--19 { background-image:url(../images/bg/bg-image-19.html) } .bg_image--20 { background-image:url(../images/bg/bg-image-20.html) } .fullscreen { min-height:100vh; width:100% } .flex-center { display:flex; align-items:center } .require { color:var(--color-chart03) } .container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl { padding-left:15px; padding-right:15px } .row { margin-right:-15px; margin-left:-15px } .row>[class*=col] { padding-left:15px; padding-right:15px } .row--0 { margin-left:0px; margin-right:0px } .row--0>[class*=col] { padding-left:0px; padding-right:0px } .row--5 { margin-left:-5px; margin-right:-5px } .row--5>[class*=col] { padding-left:5px; padding-right:5px } .row--10 { margin-left:-10px; margin-right:-10px } .row--10>[class*=col] { padding-left:10px; padding-right:10px } .row--20 { margin-left:-20px; margin-right:-20px } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .row--20 { margin-left:-15px; margin-right:-15px } } @media only screen and (min-width: 992px)and (max-width: 1199px) { .row--20 { margin-left:-15px; margin-right:-15px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .row--20 { margin-left:-15px; margin-right:-15px } } @media only screen and (max-width: 767px) { .row--20 { margin-left:-15px !important; margin-right:-15px !important } } .row--20>[class*=col],.row--20>[class*=col-] { padding-left:20px; padding-right:20px } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .row--20>[class*=col],.row--20>[class*=col-] { padding-left:15px; padding-right:15px } } @media only screen and (min-width: 992px)and (max-width: 1199px) { .row--20>[class*=col],.row--20>[class*=col-] { padding-left:15px; padding-right:15px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .row--20>[class*=col],.row--20>[class*=col-] { padding-left:15px !important; padding-right:15px !important } } @media only screen and (max-width: 767px) { .row--20>[class*=col],.row--20>[class*=col-] { padding-left:15px !important; padding-right:15px !important } } .row--25 { margin-left:-25px; margin-right:-25px } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .row--25 { margin-left:-15px; margin-right:-15px } } @media only screen and (min-width: 992px)and (max-width: 1199px) { .row--25 { margin-left:-15px; margin-right:-15px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .row--25 { margin-left:-15px; margin-right:-15px } } @media only screen and (max-width: 767px) { .row--25 { margin-left:-15px !important; margin-right:-15px !important } } .row--25>[class*=col],.row--25>[class*=col-] { padding-left:25px; padding-right:25px } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .row--25>[class*=col],.row--25>[class*=col-] { padding-left:15px; padding-right:15px } } @media only screen and (min-width: 992px)and (max-width: 1199px) { .row--25>[class*=col],.row--25>[class*=col-] { padding-left:15px; padding-right:15px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .row--25>[class*=col],.row--25>[class*=col-] { padding-left:15px !important; padding-right:15px !important } } @media only screen and (max-width: 767px) { .row--25>[class*=col],.row--25>[class*=col-] { padding-left:15px !important; padding-right:15px !important } } .row--30 { margin-left:-30px; margin-right:-30px } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .row--30 { margin-left:-15px; margin-right:-15px } } @media only screen and (min-width: 992px)and (max-width: 1199px) { .row--30 { margin-left:-15px; margin-right:-15px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .row--30 { margin-left:-15px; margin-right:-15px } } @media only screen and (max-width: 767px) { .row--30 { margin-left:-15px !important; margin-right:-15px !important } } .row--30>[class*=col],.row--30>[class*=col-] { padding-left:30px; padding-right:30px } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .row--30>[class*=col],.row--30>[class*=col-] { padding-left:15px; padding-right:15px } } @media only screen and (min-width: 992px)and (max-width: 1199px) { .row--30>[class*=col],.row--30>[class*=col-] { padding-left:15px; padding-right:15px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .row--30>[class*=col],.row--30>[class*=col-] { padding-left:15px !important; padding-right:15px !important } } @media only screen and (max-width: 767px) { .row--30>[class*=col],.row--30>[class*=col-] { padding-left:15px !important; padding-right:15px !important } } .row--45 { margin-left:-45px; margin-right:-45px } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .row--45 { margin-left:-15px; margin-right:-15px } } @media only screen and (min-width: 992px)and (max-width: 1199px) { .row--45 { margin-left:-15px; margin-right:-15px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .row--45 { margin-left:-15px; margin-right:-15px } } @media only screen and (max-width: 767px) { .row--45 { margin-left:-15px !important; margin-right:-15px !important } } .row--45>[class*=col],.row--45>[class*=col-] { padding-left:45px; padding-right:45px } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .row--45>[class*=col],.row--45>[class*=col-] { padding-left:15px; padding-right:15px } } @media only screen and (min-width: 992px)and (max-width: 1199px) { .row--45>[class*=col],.row--45>[class*=col-] { padding-left:15px; padding-right:15px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .row--45>[class*=col],.row--45>[class*=col-] { padding-left:15px !important; padding-right:15px !important } } @media only screen and (max-width: 767px) { .row--45>[class*=col],.row--45>[class*=col-] { padding-left:15px !important; padding-right:15px !important } } .row--40 { margin-left:-40px; margin-right:-40px } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .row--40 { margin-left:-15px; margin-right:-15px } } @media only screen and (min-width: 992px)and (max-width: 1199px) { .row--40 { margin-left:-15px; margin-right:-15px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .row--40 { margin-left:-15px; margin-right:-15px } } @media only screen and (max-width: 767px) { .row--40 { margin-left:-15px !important; margin-right:-15px !important } } .row--40>[class*=col],.row--40>[class*=col-] { padding-left:40px; padding-right:40px } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .row--40>[class*=col],.row--40>[class*=col-] { padding-left:15px; padding-right:15px } } @media only screen and (min-width: 992px)and (max-width: 1199px) { .row--40>[class*=col],.row--40>[class*=col-] { padding-left:15px; padding-right:15px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .row--40>[class*=col],.row--40>[class*=col-] { padding-left:15px !important; padding-right:15px !important } } @media only screen and (max-width: 767px) { .row--40>[class*=col],.row--40>[class*=col-] { padding-left:15px !important; padding-right:15px !important } } .row--50 { margin-left:-50px; margin-right:-50px } @media only screen and (min-width: 1400px)and (max-width: 1599px) { .row--50 { margin-left:-30px; margin-right:-30px } } @media only screen and (min-width: 1200px)and (max-width: 1399px) { .row--50 { margin-left:-15px; margin-right:-15px } } @media only screen and (min-width: 992px)and (max-width: 1199px) { .row--50 { margin-left:-15px; margin-right:-15px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .row--50 { margin-left:-15px; margin-right:-15px } } @media only screen and (max-width: 767px) { .row--50 { margin-left:-15px !important; margin-right:-15px !important } } .row--50>[class*=col],.row--50>[class*=col-] { padding-left:50px; padding-right:50px } @media only screen and (min-width: 1400px)and (max-width: 1599px) { .row--50>[class*=col],.row--50>[class*=col-] { padding-left:30px; padding-right:30px } } @media only screen and (min-width: 1200px)and (max-width: 1399px) { .row--50>[class*=col],.row--50>[class*=col-] { padding-left:15px; padding-right:15px } } @media only screen and (min-width: 992px)and (max-width: 1199px) { .row--50>[class*=col],.row--50>[class*=col-] { padding-left:15px; padding-right:15px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .row--50>[class*=col],.row--50>[class*=col-] { padding-left:15px !important; padding-right:15px !important } } @media only screen and (max-width: 767px) { .row--50>[class*=col],.row--50>[class*=col-] { padding-left:15px !important; padding-right:15px !important } } .row--60 { margin-left:-60px; margin-right:-60px } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .row--60 { margin-left:-15px; margin-right:-15px } } @media only screen and (min-width: 992px)and (max-width: 1199px) { .row--60 { margin-left:-15px; margin-right:-15px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .row--60 { margin-left:-15px; margin-right:-15px } } @media only screen and (max-width: 767px) { .row--60 { margin-left:-15px !important; margin-right:-15px !important } } .row--60>[class*=col],.row--60>[class*=col-] { padding-left:60px; padding-right:60px } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .row--60>[class*=col],.row--60>[class*=col-] { padding-left:15px; padding-right:15px } } @media only screen and (min-width: 992px)and (max-width: 1199px) { .row--60>[class*=col],.row--60>[class*=col-] { padding-left:15px; padding-right:15px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .row--60>[class*=col],.row--60>[class*=col-] { padding-left:15px !important; padding-right:15px !important } } @media only screen and (max-width: 767px) { .row--60>[class*=col],.row--60>[class*=col-] { padding-left:15px !important; padding-right:15px !important } } input:-moz-placeholder,textarea:-moz-placeholder { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } input::-moz-placeholder,textarea::-moz-placeholder { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } input:-ms-input-placeholder,textarea:-ms-input-placeholder { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } [data-overlay],[data-black-overlay],[data-white-overlay] { position:relative } [data-overlay]>div,[data-overlay]>*,[data-black-overlay]>div,[data-black-overlay]>*,[data-white-overlay]>div,[data-white-overlay]>* { position:relative; z-index:2 } [data-overlay]:before,[data-black-overlay]:before,[data-white-overlay]:before { content:""; position:absolute; left:0; top:0; height:100%; width:100%; z-index:2 } [data-overlay]:before { background-color:var(--color-primary) } [data-black-overlay]:before { background-color:#000 } [data-white-overlay]:before { background-color:#fff } [data-overlay="1"]:before,[data-black-overlay="1"]:before,[data-white-overlay="1"]:before { opacity:0.1 } [data-overlay="2"]:before,[data-black-overlay="2"]:before,[data-white-overlay="2"]:before { opacity:0.2 } [data-overlay="3"]:before,[data-black-overlay="3"]:before,[data-white-overlay="3"]:before { opacity:0.3 } [data-overlay="4"]:before,[data-black-overlay="4"]:before,[data-white-overlay="4"]:before { opacity:0.4 } [data-overlay="5"]:before,[data-black-overlay="5"]:before,[data-white-overlay="5"]:before { opacity:0.5 } [data-overlay="6"]:before,[data-black-overlay="6"]:before,[data-white-overlay="6"]:before { opacity:0.6 } [data-overlay="7"]:before,[data-black-overlay="7"]:before,[data-white-overlay="7"]:before { opacity:0.7 } [data-overlay="8"]:before,[data-black-overlay="8"]:before,[data-white-overlay="8"]:before { opacity:0.8 } [data-overlay="9"]:before,[data-black-overlay="9"]:before,[data-white-overlay="9"]:before { opacity:0.9 } [data-overlay="10"]:before,[data-black-overlay="10"]:before,[data-white-overlay="10"]:before { opacity:1 } #scrollUp { width:70px; height:80px; right:100px; bottom:60px; text-align:center; z-index:9811 !important; text-decoration:none; background:#fff; line-height:80px; color:#757589; font-size:15px; font-weight:400; display:inline-block; background:#fff } @media only screen and (min-width: 768px)and (max-width: 991px) { #scrollUp { right:20px; bottom:40px } } @media only screen and (max-width: 767px) { #scrollUp { right:20px; bottom:40px } } #scrollUp::before { width:100%; height:100%; left:0; bottom:0; background:rgba(0,2,72,.1); content:""; position:absolute; z-index:-1; transform-style:preserve-3d; transform:rotateY(-10deg); filter:blur(50px) } #scrollUp::after { background:#fff; position:absolute; content:""; top:0; bottom:0; left:0; right:0; width:100%; height:100%; z-index:-1; transform-style:preserve-3d; transform:rotateY(-10deg) } @media only screen and (max-width: 767px) { #scrollUp { right:20px; bottom:30px; width:50px; height:60px; line-height:60px } } #scrollUp span.text { position:relative; display:inline-block; margin-top:7px } @media only screen and (max-width: 767px) { #scrollUp span.text { margin-top:3px } } #scrollUp span.text::after { width:0; height:0; border-style:solid; border-width:0 5px 7px 5px; border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--color-primary) rgba(0,0,0,0); position:absolute; content:""; left:50%; top:21%; transform:translateX(-50%) } #scrollUp:hover span.text { color:var(--color-primary) } .form-message { margin-bottom:0; text-align:center } .form-message.error { margin-top:20px; color:#f80707 } .form-message.success { margin-top:20px; color:#0d8d2d } .bg-gradient-1 { background-image:radial-gradient(134.22% 147.34% at -14.53% -24.7%, #FFFFFF 0%, #FEEBED 100%) } .bg-gradient-2 { background:radial-gradient(77.67% 226.43% at 30.03% 4.61%, #FFFFFF 0%, #F1E6FF 100%) } .bg-gradient-3 { background:radial-gradient(119.73% 312.23% at 62.29% -39.18%, #FFFFFF 0%, #F0E6FF 100%) } .bg-gradient-4 { background-image:radial-gradient(115.16% 203.59% at 65.89% 10.39%, #FFFFFF 0%, #FEEBED 100%) } .bg-gradient-5 { background-image:radial-gradient(106.12% 118.09% at 67.29% -3.46%, #FFFFFF 0%, #FEEBED 100%) } .bg-gradient-6 { background-image:radial-gradient(53.86% 87.31% at 67.29% -3.46%, #FFFFFF 0%, #FEEBED 100%) } .bg-gradient-7 { background-image:radial-gradient(95.25% 95.25% at 50% 4.75%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%) } .bg-gradient-8 { background:radial-gradient(171.05% 478.76% at 62.29% -39.18%, #FFFFFF 0%, #F0E6FF 100%) } .bg-primary { background-color:var(--color-primary) } .bg-tertiary { background-color:var(--color-tertiary) } .bg-tertiary-2 { background-color:#ffecee } .bg-lightest { background-color:var(--color-lightest) } .bg-lighter { background-color:var(--color-lighter) } .bg-vista-white { background-color:#f9f3f0 } .bg-wild-sand { background-color:#f6f6f6 } .primary-color { color:var(--color-primary) } .secondary-color { color:var(--color-secondary) } .tertiary-color { color:var(--color-tertiary) } .black-color { color:var(--color-black) } .white-color { color:var(--color-white) } .heading-color { color:var(--color-heading) } .d-flex-center { display:flex; flex-wrap:wrap; align-items:center } @media only screen and (min-width: 992px) { .overflow-md-visible { overflow:visible !important } } input,button,select,textarea { background:var(--color-lighter); border:1px solid var(--color-border); transition:all .4s ease-out 0s; color:var(--color-heading); width:100% } input:focus,input:active,button:focus,button:active,select:focus,select:active,textarea:focus,textarea:active { outline:none; border-color:var(--color-primary) } button,[type=button],[type=reset],[type=submit] { -webkit-appearance:button } input { height:40px; padding:0 15px } select,.select2 { cursor:pointer; transition:.3s; height:55px; padding:0 30px; outline:none; color:var(--color-body); -moz-appearance:none; -webkit-appearance:none; appearance:none; border:1px solid var(--color-border-light); border-radius:6px; background:url(../images/icons/arrow-icon.png) 95% center no-repeat rgba(0,0,0,0); padding-right:32px; font-size:var(--font-size-b1); line-height:var(--line-height-b1); font-family:var(--font-secondary) } input[type=text],input[type=password],input[type=email],input[type=number],input[type=tel],textarea { font-size:var(--font-size-b2); font-weight:400; height:auto; line-height:60px; background:#fff; -webkit-box-shadow:none; box-shadow:none; padding:0 30px; outline:none; border:var(--border-width) solid var(--color-border); border-radius:var(--radius) } input[type=text]::placeholder,input[type=password]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,textarea::placeholder { color:var(--color-body); opacity:1 } input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,textarea:-ms-input-placeholder { color:var(--color-body) } input[type=text]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=tel]::-ms-input-placeholder,textarea::-ms-input-placeholder { color:var(--color-body) } input[type=text].p-holder__active,.input-active input[type=text],input[type=text].input-active,input[type=password].p-holder__active,.input-active input[type=password],input[type=password].input-active,input[type=email].p-holder__active,.input-active input[type=email],input[type=email].input-active,input[type=number].p-holder__active,.input-active input[type=number],input[type=number].input-active,input[type=tel].p-holder__active,.input-active input[type=tel],input[type=tel].input-active,textarea.p-holder__active,textarea.input-active { border-color:var(--color-primary) } input[type=text].p-holder__active::placeholder,.input-active input[type=text]::placeholder,input[type=text].input-active::placeholder,input[type=password].p-holder__active::placeholder,.input-active input[type=password]::placeholder,input[type=password].input-active::placeholder,input[type=email].p-holder__active::placeholder,.input-active input[type=email]::placeholder,input[type=email].input-active::placeholder,input[type=number].p-holder__active::placeholder,.input-active input[type=number]::placeholder,input[type=number].input-active::placeholder,input[type=tel].p-holder__active::placeholder,.input-active input[type=tel]::placeholder,input[type=tel].input-active::placeholder,textarea.p-holder__active::placeholder,textarea.input-active::placeholder { color:var(--color-primary); opacity:1 } input[type=text].p-holder__active:-ms-input-placeholder,.input-active input[type=text]:-ms-input-placeholder,input[type=text].input-active:-ms-input-placeholder,input[type=password].p-holder__active:-ms-input-placeholder,.input-active input[type=password]:-ms-input-placeholder,input[type=password].input-active:-ms-input-placeholder,input[type=email].p-holder__active:-ms-input-placeholder,.input-active input[type=email]:-ms-input-placeholder,input[type=email].input-active:-ms-input-placeholder,input[type=number].p-holder__active:-ms-input-placeholder,.input-active input[type=number]:-ms-input-placeholder,input[type=number].input-active:-ms-input-placeholder,input[type=tel].p-holder__active:-ms-input-placeholder,.input-active input[type=tel]:-ms-input-placeholder,input[type=tel].input-active:-ms-input-placeholder,textarea.p-holder__active:-ms-input-placeholder,textarea.input-active:-ms-input-placeholder { color:var(--color-primary) } input[type=text].p-holder__active::-ms-input-placeholder,.input-active input[type=text]::-ms-input-placeholder,input[type=text].input-active::-ms-input-placeholder,input[type=password].p-holder__active::-ms-input-placeholder,.input-active input[type=password]::-ms-input-placeholder,input[type=password].input-active::-ms-input-placeholder,input[type=email].p-holder__active::-ms-input-placeholder,.input-active input[type=email]::-ms-input-placeholder,input[type=email].input-active::-ms-input-placeholder,input[type=number].p-holder__active::-ms-input-placeholder,.input-active input[type=number]::-ms-input-placeholder,input[type=number].input-active::-ms-input-placeholder,input[type=tel].p-holder__active::-ms-input-placeholder,.input-active input[type=tel]::-ms-input-placeholder,input[type=tel].input-active::-ms-input-placeholder,textarea.p-holder__active::-ms-input-placeholder,textarea.input-active::-ms-input-placeholder { color:var(--color-primary) } input[type=text].p-holder__error,.input-error input[type=text],input[type=text].input-error,input[type=password].p-holder__error,.input-error input[type=password],input[type=password].input-error,input[type=email].p-holder__error,.input-error input[type=email],input[type=email].input-error,input[type=number].p-holder__error,.input-error input[type=number],input[type=number].input-error,input[type=tel].p-holder__error,.input-error input[type=tel],input[type=tel].input-error,textarea.p-holder__error,textarea.input-error { border-color:#f4282d } input[type=text].p-holder__error::placeholder,.input-error input[type=text]::placeholder,input[type=text].input-error::placeholder,input[type=password].p-holder__error::placeholder,.input-error input[type=password]::placeholder,input[type=password].input-error::placeholder,input[type=email].p-holder__error::placeholder,.input-error input[type=email]::placeholder,input[type=email].input-error::placeholder,input[type=number].p-holder__error::placeholder,.input-error input[type=number]::placeholder,input[type=number].input-error::placeholder,input[type=tel].p-holder__error::placeholder,.input-error input[type=tel]::placeholder,input[type=tel].input-error::placeholder,textarea.p-holder__error::placeholder,textarea.input-error::placeholder { color:#f4282d; opacity:1 } input[type=text].p-holder__error:-ms-input-placeholder,.input-error input[type=text]:-ms-input-placeholder,input[type=text].input-error:-ms-input-placeholder,input[type=password].p-holder__error:-ms-input-placeholder,.input-error input[type=password]:-ms-input-placeholder,input[type=password].input-error:-ms-input-placeholder,input[type=email].p-holder__error:-ms-input-placeholder,.input-error input[type=email]:-ms-input-placeholder,input[type=email].input-error:-ms-input-placeholder,input[type=number].p-holder__error:-ms-input-placeholder,.input-error input[type=number]:-ms-input-placeholder,input[type=number].input-error:-ms-input-placeholder,input[type=tel].p-holder__error:-ms-input-placeholder,.input-error input[type=tel]:-ms-input-placeholder,input[type=tel].input-error:-ms-input-placeholder,textarea.p-holder__error:-ms-input-placeholder,textarea.input-error:-ms-input-placeholder { color:#f4282d } input[type=text].p-holder__error::-ms-input-placeholder,.input-error input[type=text]::-ms-input-placeholder,input[type=text].input-error::-ms-input-placeholder,input[type=password].p-holder__error::-ms-input-placeholder,.input-error input[type=password]::-ms-input-placeholder,input[type=password].input-error::-ms-input-placeholder,input[type=email].p-holder__error::-ms-input-placeholder,.input-error input[type=email]::-ms-input-placeholder,input[type=email].input-error::-ms-input-placeholder,input[type=number].p-holder__error::-ms-input-placeholder,.input-error input[type=number]::-ms-input-placeholder,input[type=number].input-error::-ms-input-placeholder,input[type=tel].p-holder__error::-ms-input-placeholder,.input-error input[type=tel]::-ms-input-placeholder,input[type=tel].input-error::-ms-input-placeholder,textarea.p-holder__error::-ms-input-placeholder,textarea.input-error::-ms-input-placeholder { color:#f4282d } input[type=text].p-holder__error:focus,.input-error input[type=text]:focus,input[type=text].input-error:focus,input[type=password].p-holder__error:focus,.input-error input[type=password]:focus,input[type=password].input-error:focus,input[type=email].p-holder__error:focus,.input-error input[type=email]:focus,input[type=email].input-error:focus,input[type=number].p-holder__error:focus,.input-error input[type=number]:focus,input[type=number].input-error:focus,input[type=tel].p-holder__error:focus,.input-error input[type=tel]:focus,input[type=tel].input-error:focus,textarea.p-holder__error:focus,textarea.input-error:focus { border-color:#f4282d } input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,textarea:focus { border-color:var(--color-primary) } input[type=checkbox],input[type=radio] { opacity:0; position:absolute } input[type=checkbox]~label,input[type=radio]~label { position:relative; font-size:16px; line-height:20px; color:var(--color-body); font-weight:500; padding-left:28px; cursor:pointer } input[type=checkbox]~label::before,input[type=radio]~label::before { content:" "; position:absolute; top:2px; left:0; width:16px; height:16px; background-color:#fff; border:var(--border-thin) solid var(--color-body); border-radius:2px; transition:all .3s } input[type=checkbox]~label::after,input[type=radio]~label::after { content:" "; position:absolute; top:5px; left:2px; width:10px; height:5px; background-color:rgba(0,0,0,0); border-bottom:var(--border-thin) solid #fff; border-left:var(--border-thin) solid #fff; border-radius:2px; transform:rotate(-45deg); opacity:0; transition:all .3s } input[type=checkbox]:checked~label::before,input[type=radio]:checked~label::before { background-color:var(--color-primary); border:var(--border-width) solid var(--color-primary) } input[type=checkbox]:checked~label::after,input[type=radio]:checked~label::after { opacity:1 } input[type=radio]~label::before { border-radius:50% } input[type=radio]~label::after { width:8px; height:8px; left:4px; top:6px; background:#fff; border-radius:50% } .form-group { margin-bottom:30px; position:relative } .form-group label { margin-bottom:6px; font-size:14px; line-height:22px; font-weight:500; color:var(--color-body) } .form-group input { border:0 none; border-radius:6px; height:50px; font-size:var(--font-size-b2); padding:0 20px; background-color:#fff; border:1px solid var(--color-light) } .form-group input:focus { border-color:var(--color-primary); box-shadow:none } .form-group textarea { min-height:160px; border:0 none; border-radius:6px; resize:none; padding:15px; font-size:var(--font-size-b2); background-color:#fff; border:1px solid var(--color-light); line-height:1.5; padding-left:30px; padding-top:20px } .form-group textarea:focus { border-color:var(--color-primary) } input[type=submit] { width:auto; padding:0 30px; border-radius:6px; display:inline-block; font-weight:500; transition:.3s; height:60px; background:var(--color-primary); color:var(--color-white); font-weight:var(--p-medium); font-size:var(--font-size-b2); line-height:var(--line-height-b3); border:2px solid var(--color-primary) } input[type=submit]:hover { background:rgba(0,0,0,0); color:var(--color-primary) } .error-msg p,.success-msg p { width:100%; margin:20px 0 0 !important } .error-msg p { color:red } .success-msg p { color:#5956e9 } @media only screen and (max-width: 991px) { .axil-about-area .about-thumbnail { margin-bottom:50px; text-align:center } } @media only screen and (max-width: 767px) { .axil-about-area .about-thumbnail { margin-bottom:40px } } .axil-about-area .about-thumbnail img { border-radius:10px; width:100% } .axil-about-area .about-content .title { margin-bottom:24px; line-height:1.2 } @media only screen and (max-width: 1199px) { .axil-about-area .about-content .title { font-size:36px } } @media only screen and (max-width: 767px) { .axil-about-area .about-content .title { font-size:30px } } .axil-about-area .about-content .text-heading { font-size:20px; margin-bottom:22px; display:block } .axil-about-area .about-content p { font-size:var(--font-size-b2); margin-bottom:34px } .axil-about-area .about-content.content-right { padding-left:50px } @media only screen and (max-width: 1199px) { .axil-about-area .about-content.content-right { padding-left:0 } } .axil-about-area .about-content.content-left { padding-right:60px } @media only screen and (max-width: 1199px) { .axil-about-area .about-content.content-left { padding-right:0 } } .axil-about-area.about-style-2 { padding-top:80px } @media only screen and (max-width: 767px) { .axil-about-area.about-style-2 { padding-top:60px } } .axil-about-area.about-style-2 .about-content .subtitle { font-size:14px; margin-bottom:5px; display:block } .axil-about-area.about-style-2 .about-content .title { font-size:40px } @media only screen and (max-width: 1199px) { .axil-about-area.about-style-2 .about-content .title { font-size:34px } } @media only screen and (max-width: 767px) { .axil-about-area.about-style-2 .about-content .title { font-size:30px } } .axil-about-area.about-style-2 .about-content .axil-btn { border-color:#efefef } .axil-about-area.about-style-2 .about-content .axil-btn:hover { border-color:var(--color-primary) } .about-info-area { position:relative; z-index:1 } .about-info-area:after { content:""; height:50%; width:100%; background-color:#f6f6f6; position:absolute; left:0; right:0; bottom:0; z-index:-1 } .about-info-box { box-shadow:0 16px 32px 0 rgba(0,0,0,.04); padding:40px 50px; border:1px solid var(--color-white); border-radius:5px; background-color:var(--color-white); transition:var(--transition); margin-bottom:30px } @media only screen and (max-width: 767px) { .about-info-box { padding:30px } } .about-info-box .thumb { margin-bottom:26px } .about-info-box .content .title { margin-bottom:12px; font-weight:700 } .about-info-box .content p { font-size:var(--font-size-b2) } .about-info-box:hover { border-color:var(--color-primary) } .about-style-3 { padding:80px 0 0; margin-bottom:-20px } @media only screen and (max-width: 767px) { .about-style-3 { padding:60px 0 0 } } .about-style-3 .section-title-wrapper { padding-right:0 } .about-style-3 .section-title-wrapper .title { margin-bottom:10px } .about-features { margin-bottom:50px } @media only screen and (max-width: 767px) { .about-features { margin-bottom:30px } } .about-features .sl-number { font-size:40px; font-weight:700; color:var(--color-lightest); margin-bottom:10px } .about-features .title { margin-bottom:10px } .about-gallery .thumbnail { margin-bottom:20px } .about-gallery .thumbnail img { border-radius:6px; width:100% } .about-gallery .thumbnail.thumbnail-1 { margin-top:30px } @media only screen and (max-width: 991px) { .about-gallery .thumbnail.thumbnail-1 { margin-top:0 } } .back-to-top { position:fixed; bottom:-40px; right:40px; display:block; width:45px; height:45px; line-height:46px; background:var(--color-primary); color:#fff; text-align:center; text-decoration:none; border-radius:var(--radius); opacity:0; transform:scale(0.3); box-shadow:4px 4px 10px rgba(0,0,0,.2); z-index:9; transition:all .3s } @media only screen and (max-width: 575px) { .back-to-top { width:40px; height:40px; line-height:40px } } .back-to-top:focus { color:var(--color-white) } .back-to-top.show { bottom:40px; right:40px; opacity:1; transform:scale(1) } @media only screen and (max-width: 575px) { .back-to-top.show { bottom:10px; right:10px } } .back-to-top.show:hover { color:var(--color-white); bottom:45px; opacity:1 } @media only screen and (max-width: 575px) { .back-to-top.show:hover { bottom:10px } } .axil-breadcrumb-area { position:relative; background-color:#f8f8f8; padding:40px 0 45px } .axil-breadcrumb-area .inner .title { font-size:40px; margin-bottom:0 } @media only screen and (min-width: 768px)and (max-width: 991px) { .axil-breadcrumb-area .inner .title { font-size:34px } } @media only screen and (max-width: 767px) { .axil-breadcrumb-area .inner .title { font-size:28px } } @media only screen and (max-width: 575px) { .axil-breadcrumb-area .inner .title { font-size:24px } } .axil-breadcrumb-area .inner .bradcrumb-thumb { text-align:right; position:relative; z-index:1 } @media only screen and (max-width: 767px) { .axil-breadcrumb-area .inner .bradcrumb-thumb { display:none } } .axil-breadcrumb-area .inner .bradcrumb-thumb::after { content:""; height:110px; width:110px; background-color:var(--color-white); border-radius:50%; position:absolute; top:-10px; right:60px; z-index:-1 } .axil-breadcrumb { display:flex; padding:0; margin:0 0 15px; list-style:none; align-items:center } .axil-breadcrumb li { margin-top:0; margin-bottom:0; font-size:var(--font-size-b1); line-height:var(--line-height-b1); font-weight:500 } .axil-breadcrumb li a { color:#999; display:block } .axil-breadcrumb li.axil-breadcrumb-item.active { color:var(--color-primary) } .axil-breadcrumb li.separator { height:11px; width:2px; background-color:#e5e5e5; margin:0 8px } a.axil-btn,button.axil-btn { border-radius:6px; font-size:var(--font-size-b1); line-height:var(--line-height-b1); font-weight:700; display:inline-block; padding:16px 38px; position:relative; transition:all .3s ease-in-out; z-index:1 } a.axil-btn:before,button.axil-btn:before { content:""; height:100%; width:100%; border-radius:6px; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1) } @media only screen and (max-width: 767px) { a.axil-btn,button.axil-btn { padding:12px 25px; font-size:14px } } a.axil-btn i,button.axil-btn i { font-weight:400; margin-right:10px; color:var(--color-heading); transition:.3s } a.axil-btn:hover:before,button.axil-btn:hover:before { transform:scale(1.1) } a.axil-btn.right-icon i,button.axil-btn.right-icon i { margin-left:5px; margin-right:0; color:var(--color-heading); position:relative; top:2px } a.axil-btn.btn-bg-white,button.axil-btn.btn-bg-white { background-color:var(--color-white); color:var(--color-heading); box-shadow:0 16px 32px 0 rgba(103,103,103,.06) } a.axil-btn.btn-bg-white:before,button.axil-btn.btn-bg-white:before { background-color:var(--color-white) } a.axil-btn.btn-bg-lighter,button.axil-btn.btn-bg-lighter { background-color:var(--color-lighter); color:var(--color-body) } a.axil-btn.btn-bg-lighter:before,button.axil-btn.btn-bg-lighter:before { background-color:var(--color-lighter) } a.axil-btn.btn-bg-primary,button.axil-btn.btn-bg-primary { background-color:var(--color-primary); color:var(--color-white) } a.axil-btn.btn-bg-primary:before,button.axil-btn.btn-bg-primary:before { background-color:var(--color-primary) } a.axil-btn.btn-bg-primary i,button.axil-btn.btn-bg-primary i { color:var(--color-white) } a.axil-btn.btn-bg-primary:hover:after,button.axil-btn.btn-bg-primary:hover:after { transform:scale(1.1) } a.axil-btn.btn-bg-secondary,button.axil-btn.btn-bg-secondary { background-color:var(--color-secondary); color:var(--color-white) } a.axil-btn.btn-bg-secondary i,button.axil-btn.btn-bg-secondary i { color:var(--color-white) } a.axil-btn.btn-bg-secondary:before,button.axil-btn.btn-bg-secondary:before { background-color:var(--color-secondary) } a.axil-btn.btn-outline,button.axil-btn.btn-outline { border:2px solid var(--color-heading) } a.axil-btn.btn-outline:hover,button.axil-btn.btn-outline:hover { background-color:var(--color-primary); border-color:var(--color-primary); color:var(--color-white) } a.axil-btn.wishlist-btn,button.axil-btn.wishlist-btn { border:2px solid var(--color-light); padding:15px 16px 10px } @media only screen and (max-width: 767px) { a.axil-btn.wishlist-btn,button.axil-btn.wishlist-btn { padding:11px 18px 9px } } a.axil-btn.wishlist-btn i,button.axil-btn.wishlist-btn i { font-size:20px; color:var(--color-body); margin:0 } @media only screen and (max-width: 767px) { a.axil-btn.wishlist-btn i,button.axil-btn.wishlist-btn i { font-size:16px } } a.axil-btn.wishlist-btn:before,button.axil-btn.wishlist-btn:before { background-color:var(--color-primary); opacity:0; visibility:hidden; transform:scale(0.8); transition:.3s } a.axil-btn.wishlist-btn:hover,button.axil-btn.wishlist-btn:hover { border-color:var(--color-primary) } a.axil-btn.wishlist-btn:hover i,button.axil-btn.wishlist-btn:hover i { color:var(--color-white) } a.axil-btn.wishlist-btn:hover:before,button.axil-btn.wishlist-btn:hover:before { visibility:visible; opacity:1; transform:scale(1.2) } a.axil-btn.btn-size-md,button.axil-btn.btn-size-md { font-size:14px; font-weight:500; display:inline-flex; align-items:center; padding:10px 30px 9px; border-radius:8px } a.axil-btn.btn-size-md i,button.axil-btn.btn-size-md i { font-size:21px } .categrie-product { min-width:120px; position:relative; text-align:center; border-radius:6px; margin-bottom:30px; box-shadow:0 15px 20px -10px rgba(0,0,0,.04); transition:.5s ease-in-out; z-index:1; margin-top:30px } .categrie-product:before { content:""; height:100%; width:100%; background-color:var(--color-white); border:1px solid #f0f0f0; border-radius:4px; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1) } .categrie-product a { padding:28px 12px; display:block } .categrie-product img { margin:0 auto 8px; min-height:41px } .categrie-product .cat-title { margin-bottom:0; font-size:16px; line-height:24px } .categrie-product:hover { border-color:var(--color-white); box-shadow:0 20px 20px -10px rgba(0,0,0,.1) } .categrie-product:hover:before { transform:scale(1.1) } .categrie-product-2 { border:1px solid #f0f0f0; position:relative; text-align:center; border-radius:6px; transition:.3s; box-shadow:var(--shadow-dark); margin-bottom:30px } .categrie-product-2 a { padding:17px 10px; display:flex; justify-content:center } .categrie-product-2 img { margin-right:10px; max-height:24px } .categrie-product-2 .cat-title { margin-bottom:0; font-size:16px; line-height:24px } .categrie-product-2:hover { background:#fff; box-shadow:none } .categrie-product-3 { border:1px solid #f0f0f0 } .categrie-product-3:before { display:none } .categrie-product-3 a { padding:12px 12px } .categrie-product-3 a img { border-radius:4px; width:100% } .categrie-product-4 { box-shadow:none; margin-top:0 } .categrie-product-4:before { display:none } .categrie-product-4 .cate-thumb { padding:0 } .categrie-product-4 .cate-thumb img { min-height:auto; margin:0 auto } .categrie-product-4 .cat-title { margin-top:16px; font-size:20px; font-weight:500 } .categrie-product-4:hover { box-shadow:none } .categorie-product-two .slick-arrow { display:none !important } .axil-categorie-area .section-title-wrapper { margin-bottom:10px } .axil-categorie-area .section-title-wrapper .title { margin-bottom:0 } @media only screen and (max-width: 767px) { .axil-categorie-area .section-title-wrapper { margin-bottom:0 } } .axil-categorie-area .arrow-top-slide .slide-arrow { top:-60px } #gmap_canvas { width:100%; border-radius:6px; border:none } .axil-contact-page .title { font-weight:var(--s-medium); color:var(--color-black) } @media only screen and (max-width: 991px) { .axil-contact-page .contact-form { margin-bottom:50px } } .axil-contact-page .contact-form p { width:80%; margin-bottom:45px } .axil-contact-page .form-group label span { color:var(--color-chart03) } .axil-contact-page .form-group input { height:60px } .axil-contact-page .form-group .axil-btn { width:auto } .axil-contact-page .contact-location span { display:block } @media only screen and (max-width: 767px) { .axil-contact-page .contact-location span { font-size:var(--font-size-b2) } } .countdown { display:flex } .countdown .countdown-section { height:80px; width:80px; background-color:var(--color-white); border-radius:50%; margin-right:15px; display:flex; align-items:center; justify-content:center; text-align:center } @media only screen and (min-width: 768px)and (max-width: 991px) { .countdown .countdown-section { height:70px; width:70px } } @media only screen and (max-width: 767px) { .countdown .countdown-section { height:60px; width:60px; margin-right:10px } } @media only screen and (max-width: 479px) { .countdown .countdown-section { margin-right:6px } } .countdown .countdown-section:last-child { margin-right:0 } .countdown .countdown-section:last-child:after { display:none } .countdown .countdown-number { font-size:24px; font-weight:var(--s-medium); color:var(--color-black); line-height:1; margin-bottom:5px } @media only screen and (min-width: 768px)and (max-width: 991px) { .countdown .countdown-number { font-size:20px } } @media only screen and (max-width: 767px) { .countdown .countdown-number { font-size:18px } } .countdown .countdown-unit { line-height:1; font-size:14px; font-weight:var(--s-medium) } .sale-countdown .countdown-section { background-color:var(--color-lighter); height:50px; width:50px; margin-right:25px; position:relative } .sale-countdown .countdown-section:after { content:":"; font-size:var(--font-size-b2); color:var(--color-heading); font-weight:var(--s-medium); position:absolute; right:-14px } .sale-countdown .countdown-number { margin-bottom:0; font-size:var(--font-size-b2); color:var(--color-heading) } .sale-countdown .countdown-unit { display:none } .onepage-screen-area { position:relative; z-index:1; background:var(--gradient-primary); min-height:500px; padding:100px 0 } @media only screen and (min-width: 768px)and (max-width: 991px) { .onepage-screen-area { text-align:center; padding:80px 0 } } @media only screen and (max-width: 767px) { .onepage-screen-area { text-align:center; padding:60px 0 } } .onepage-screen-area .content { padding-right:100px } @media only screen and (max-width: 991px) { .onepage-screen-area .content { padding-right:0; margin-bottom:50px } } .onepage-screen-area .content .title { margin-bottom:30px } @media only screen and (max-width: 991px) { .onepage-screen-area .content .title-highlighter { justify-content:center } } .onepage-screen-area .content p { margin-bottom:45px } .comming-soon-area { position:fixed; top:0; bottom:0; left:0; right:0; height:100%; width:100%; overflow:hidden } @media only screen and (max-width: 991px) { .comming-soon-area { padding:60px 15px } } .comming-soon-banner { min-height:100vh; height:100vh; padding:100px 50px } @media only screen and (min-width: 992px)and (max-width: 1199px) { .comming-soon-banner { margin-right:50px } } @media only screen and (max-width: 991px) { .comming-soon-banner { display:none } } .comming-soon-content { text-align:center } .comming-soon-content .brand-logo { margin-bottom:30px } .comming-soon-content .title { margin-bottom:15px } .comming-soon-content .countdown { margin-bottom:50px; justify-content:center } .comming-soon-content .countdown .countdown-section { box-shadow:0 8px 16px 0 rgba(53,119,240,.3); height:100px; width:100px; background-color:var(--color-primary); color:var(--color-white) } @media only screen and (max-width: 575px) { .comming-soon-content .countdown .countdown-section { height:60px; width:60px } } .comming-soon-content .countdown .countdown-number { font-size:30px; color:var(--color-white) } @media only screen and (max-width: 575px) { .comming-soon-content .countdown .countdown-number { font-size:20px } } .comming-soon-content .newsletter-form { justify-content:center } .comming-soon-content .newsletter-form input { background-color:var(--color-lighter) } .etrade-newsletter-wrapper { padding:100px 107px 85px; border-radius:6px } @media only screen and (max-width: 1199px) { .etrade-newsletter-wrapper { padding:80px 30px 65px } } @media only screen and (max-width: 767px) { .etrade-newsletter-wrapper { padding:60px 20px 45px } } @media only screen and (max-width: 575px) { .newsletter-content .title { letter-spacing:-0.045em; font-size:30px } } .newsletter-form { display:flex; align-items:center; flex-wrap:wrap } @media only screen and (max-width: 767px) { .newsletter-form { display:block } } .newsletter-form button { width:auto; border-radius:6px !important; background-color:var(--color-heading); color:var(--color-white); padding:16px 38px 17px } .newsletter-form button:before { background-color:var(--color-heading) } .newsletter-form button:hover { background-color:var(--color-secondary) } @media only screen and (max-width: 767px) { .newsletter-form button { padding:16px 35px } } .newsletter-inner { margin-right:20px } @media only screen and (max-width: 767px) { .newsletter-inner { margin-right:0 } } .newsletter-inner input { padding-left:66px; width:390px } .send-mail-icon { position:absolute; max-width:100%; top:17px; left:30px } .post-pagination { margin-top:80px; width:100% } @media only screen and (min-width: 992px)and (max-width: 1199px) { .post-pagination { margin-top:40px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .post-pagination { margin-top:30px } } @media only screen and (max-width: 767px) { .post-pagination { margin-top:30px } } .post-pagination nav.pagination { display:block } .post-pagination nav.pagination .screen-reader-text { display:none } .post-pagination nav.pagination ul { position:relative; display:flex; list-style:none; flex-wrap:wrap; align-items:center; margin:-3px; padding:0 } .post-pagination nav.pagination ul li { margin:3px } .post-pagination nav.pagination ul li span { line-height:42px; min-width:42px; text-align:center; color:var(--color-heading); transition:all .5s; display:block; padding:0 15px; transition:all .5s; border:1px solid var(--color-border-light); border-radius:var(--radius-small) } .post-pagination nav.pagination ul li span.current { background:var(--color-primary); color:#fff; border-color:var(--color-primary) } .post-pagination nav.pagination ul li a { line-height:42px; min-width:42px; text-align:center; color:var(--color-heading); transition:all .5s; display:block; padding:0 15px; transition:all .5s; border:1px solid var(--color-border-light); border-radius:var(--radius-small) } .post-pagination nav.pagination ul li a:hover { background:var(--color-primary); color:#fff; border-color:var(--color-primary) } .single-poster { position:relative; overflow:hidden; border-radius:6px } .single-poster a { display:block } .single-poster a img { transition:.5s; width:100% } .single-poster .poster-content { position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:2; padding-right:100px; pointer-events:none } @media only screen and (max-width: 479px) { .single-poster .poster-content { padding:20px } } .single-poster .poster-content.content-left { right:auto; left:0; padding-right:0; padding-left:60px } @media only screen and (max-width: 991px) { .single-poster .poster-content.content-left { padding-left:30px } } .single-poster .poster-content.content-left .title { margin-bottom:0; margin-top:8px } .single-poster .poster-content.content-left .sub-title { color:rgba(255,255,255,.6); transition:all .3s ease-in-out } .single-poster .inner .title { line-height:1; margin-bottom:20px; font-size:40px; color:var(--color-white) } @media only screen and (max-width: 767px) { .single-poster .inner .title { font-size:30px } } @media only screen and (max-width: 575px) { .single-poster .inner .title { font-size:22px } } @media only screen and (max-width: 479px) { .single-poster .inner .title { margin-bottom:10px } } .single-poster .inner .sub-title { font-size:16px; line-height:24px; position:relative; color:rgba(255,255,255,.4); transition:all .3s ease-in-out } .single-poster .inner .sub-title i { vertical-align:middle; margin-left:10px } .single-poster:hover img { transform:scale(1.1) } @media only screen and (max-width: 575px) { .single-poster:hover img { transform:scale(1.25) } } .single-poster:hover .poster-content .sub-title { color:var(--color-white) } .poster-countdown-wrap { padding:65px 80px; border-radius:6px; margin-top:95px } @media only screen and (max-width: 1199px) { .poster-countdown-wrap { margin-top:0 } } @media only screen and (max-width: 991px) { .poster-countdown-wrap { text-align:center } .poster-countdown-wrap .poster-countdown { justify-content:center } } @media only screen and (max-width: 767px) { .poster-countdown-wrap { padding:50px 30px } } @media only screen and (max-width: 479px) { .poster-countdown-wrap { padding:40px 15px } } .poster-countdown-wrap .section-title-wrapper { margin-bottom:0; padding-right:0 } .poster-countdown-wrap .section-title-wrapper .title { font-size:48px } @media only screen and (max-width: 1199px) { .poster-countdown-wrap .section-title-wrapper .title { font-size:40px } } @media only screen and (max-width: 767px) { .poster-countdown-wrap .section-title-wrapper .title { font-size:28px } } @media only screen and (max-width: 991px) { .poster-countdown-wrap .section-title-wrapper .title-highlighter { justify-content:center } } .poster-countdown-thumbnail { text-align:center; margin-top:-160px; position:relative } @media only screen and (max-width: 1199px) { .poster-countdown-thumbnail { margin-top:0 } } @media only screen and (max-width: 991px) { .poster-countdown-thumbnail { margin-top:50px } } .music-singnal { display:block; position:absolute; top:48%; left:45%; width:100px; height:100px; transform:rotate(-95deg) } @media only screen and (min-width: 992px)and (max-width: 1199px) { .music-singnal { top:44%; left:40% } } @media only screen and (max-width: 575px) { .music-singnal { display:none } } .music-singnal .item-circle { display:block; width:100%; height:100%; position:absolute; bottom:0; left:0; border-color:var(--color-chart03); border-style:solid; border-width:1px 4px 0 0; border-radius:0 100% 0 0; opacity:0; animation:signalanimation 2s infinite } .music-singnal .item-circle.circle-1 { animation-delay:800ms } .music-singnal .item-circle.circle-2 { width:80px; height:80px; animation-delay:600ms } .music-singnal .item-circle.circle-3 { width:60px; height:60px; animation-delay:400ms } .music-singnal .item-circle.circle-4 { width:40px; height:40px; animation-delay:200ms } .music-singnal .item-circle.circle-5 { width:20px; height:20px; animation-delay:0ms } .sale-banner-thumb img { border-radius:8px } .delivery-poster-area { padding-bottom:50px } .delivery-poster { display:flex; background:linear-gradient(97.29deg, #FFFFFF -1.43%, rgba(230, 222, 255, 0.634676) 43.99%, rgba(242, 238, 255, 0) 111.12%); border:3px solid #eae3ff; border-radius:8px; padding:30px 70px 12px 30px; margin-bottom:30px } @media(max-width: 575px) { .delivery-poster { padding:30px } } .delivery-poster .content { flex:1; padding-right:50px } @media(max-width: 575px) { .delivery-poster .content { padding-right:0 } } .delivery-poster .content .badge { font-size:12px; font-weight:500; color:var(--color-white); background-color:var(--color-secondary); padding:8px 10px; border-radius:4px; display:inline-block; text-transform:uppercase; margin-bottom:34px } .delivery-poster .content .title { font-weight:700; color:var(--color-primary); margin-bottom:8px } .delivery-poster .content p { margin-bottom:0; color:var(--color-heading) } @media(max-width: 575px) { .delivery-poster .thumbnail { display:none } } .delivery-poster.delivery { background:linear-gradient(97.29deg, #FFFFFF -1.43%, rgba(255, 224, 222, 0.64) 43.99%, rgba(242, 238, 255, 0) 111.12%) } .ui-slider-handle.ui-state-default.ui-corner-all { background:#5956e9 none repeat scroll 0 0; border:medium none; border-radius:50%; height:13px; margin-left:-1px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:13px } .ui-slider-range.ui-widget-header.ui-corner-all { background:#dbdeff none repeat scroll 0 0; border-radius:0; height:4px } .ui-widget.ui-widget-content { background:#cbd3d9 none repeat scroll 0 0; border:medium none; height:4px } .ui-slider-horizontal .ui-slider-handle { margin-left:0 } .ui-slider-handle.ui-corner-all.ui-state-default.ui-state-focus { outline:medium none } .amount-range { background:rgba(0,0,0,0) none repeat scroll 0 0; border:medium none; color:#666; font-size:15px; margin-top:10px; padding:5px 0 } .amount-range,.price-button { width:100%; word-spacing:10px; padding:0 !important; font-weight:500 !important; font-size:16px !important; line-height:1 !important; margin-top:0 !important } .input-range { font-weight:500; padding-right:3px } .flter-option.mb-80 { padding-right:15px } .axil-privacy-policy .policy-published { font-size:22px; font-weight:var(--s-medium); color:var(--color-dark); position:relative; padding-bottom:20px; margin-bottom:70px; display:inline-block } .axil-privacy-policy .policy-published:after { content:""; height:3px; width:100%; background-color:var(--color-primary); position:absolute; bottom:0; left:0; right:0 } .axil-privacy-policy .title { margin-bottom:20px; color:var(--color-dark); font-weight:var(--s-medium) } .axil-privacy-policy a { color:var(--color-primary) } .axil-privacy-policy ul { list-style:disc; margin-bottom:45px } .axil-privacy-policy ul li { margin:0 0 12px 0 } .axil-privacy-policy ul li::marker { color:var(--color-light) } .title-highlighter { font-size:14px; font-weight:var(--s-bold); line-height:1; display:flex; align-items:center; margin-bottom:10px } .title-highlighter i { height:24px; width:24px; line-height:24px; border-radius:50%; font-size:12px; text-align:center; margin-right:10px } .title-highlighter.highlighter-primary { color:var(--light-primary) } .title-highlighter.highlighter-primary i { background-color:var(--light-primary); color:var(--color-white) } .title-highlighter.highlighter-primary2 { color:var(--color-primary) } .title-highlighter.highlighter-primary2 i { background-color:var(--color-primary); color:var(--color-white) } .title-highlighter.highlighter-secondary { color:var(--color-secondary) } .title-highlighter.highlighter-secondary i { background-color:var(--color-secondary); color:var(--color-white) } .section-title-wrapper { margin-bottom:40px; padding-right:100px } @media only screen and (max-width: 767px) { .section-title-wrapper { margin-bottom:30px } } .section-title-wrapper.section-title-center { text-align:center; padding-right:0 } .section-title-wrapper.section-title-center .title-highlighter { justify-content:center } .section-title-border { border-bottom:1px solid #ebebeb; margin-bottom:30px; padding-bottom:25px; display:flex; align-items:center; justify-content:space-between; padding-right:0 } .section-title-border .title { margin-bottom:0; padding-right:20px; flex:1 } .section-title-border .view-btn a { color:var(--color-primary); text-decoration:underline; font-weight:700; transition:.3s } .section-title-border .view-btn a:hover { color:var(--color-secondary) } .section-title-border.slider-section-title .title { padding-right:100px } .flash-sale-section { margin-bottom:60px } @media only screen and (max-width: 767px) { .flash-sale-section { margin-bottom:50px } } .flash-sale-section .section-title-wrapper { margin-bottom:0 } @media only screen and (max-width: 991px) { .flash-sale-section .section-title-wrapper { padding-right:80px } } @media only screen and (max-width: 767px) { .flash-sale-section .section-title-wrapper { padding-right:100px; margin-bottom:30px } } .flash-sale-section .section-title-wrapper .title { margin-bottom:0 } .service-box { background-color:var(--color-white); border:1px solid #f1f1f1; padding:50px 30px; text-align:center; margin-bottom:30px; border-radius:6px; position:relative; transition:all .3s ease-in-out } @media only screen and (min-width: 1400px) { .service-box { padding:50px 40px } } @media only screen and (max-width: 1199px) { .service-box { padding:40px 30px } } @media only screen and (max-width: 767px) { .service-box { padding:40px } } .service-box:before { content:""; height:100%; width:90%; border:1px solid #f1f1f1; border-radius:6px; position:absolute; bottom:0; left:0; right:0; margin:0 auto; z-index:-1; visibility:hidden; opacity:0; transition:all .3s ease-in-out } .service-box .icon { margin-bottom:20px } .service-box .icon img { max-height:60px } .service-box .title { font-size:16px; line-height:26px; font-weight:700; margin-bottom:0 } .service-box:hover { box-shadow:var(--shadow-dark) } .service-box:hover:before { visibility:visible; opacity:1; bottom:-12px } .service-box.service-style-2 { display:flex; border:none; padding:0; text-align:left; background-color:rgba(0,0,0,0) } .service-box.service-style-2:before { display:none } .service-box.service-style-2 .icon { margin-right:20px; margin-bottom:0; max-width:45px; margin-top:6px } .service-box.service-style-2 .content { flex:1 } .service-box.service-style-2 .content .title { line-height:var(--line-height-b1) } .service-box.service-style-2:hover { box-shadow:none } .service-box.service-style-3 { background-color:#f6f7fb; border:none; border-radius:8px; padding:60px 30px 40px } .service-box.service-style-3:before { display:none } .service-box.service-style-3 .icon { position:relative; z-index:1; margin-bottom:40px } .service-box.service-style-3 .icon:before { content:""; width:99px; height:99px; background-color:var(--color-white); border-radius:50%; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto; z-index:-1 } .service-box.service-style-3 .icon i { font-size:50px; color:var(--color-primary) } .service-box.service-style-3 .content .title { margin-bottom:4px; font-weight:700 } .service-box.service-style-3 .content p { margin-bottom:0 } .how-to-sell { padding:30px 20px } .how-to-sell .title { font-size:18px; margin-bottom:10px } .how-to-sell p { font-size:16px } .slick-layout-wrapper--20 .slick-list { margin:-20px } @media only screen and (max-width: 575px) { .slick-layout-wrapper--20 .slick-list { margin:-20px -10px } } .slick-layout-wrapper--20 .slick-single-layout { padding:20px } @media only screen and (max-width: 575px) { .slick-layout-wrapper--20 .slick-single-layout { padding:20px 10px } } .slick-layout-wrapper--10 .slick-list { margin:0 -10px } .slick-layout-wrapper--10 .slick-single-layout,.slick-layout-wrapper--10 .slick-slide { padding:0 10px } .slick-layout-wrapper--15 .slick-list { margin:0 -15px } .slick-layout-wrapper--15 .slick-single-layout,.slick-layout-wrapper--15 .slick-slide { padding:0 15px } .slick-layout-wrapper--30 .slick-list { margin:0 -30px } @media only screen and (max-width: 767px) { .slick-layout-wrapper--30 .slick-list { margin:0 -15px } } .slick-layout-wrapper--30 .slick-single-layout { padding:0 30px } @media only screen and (max-width: 767px) { .slick-layout-wrapper--30 .slick-single-layout { padding:0 15px } } .axil-gallery-activation { position:relative } .axil-gallery-activation.axil-slick-arrow .slide-arrow { background:#fff; border:1px solid #fff } .axil-gallery-activation.arrow-between-side .slide-arrow { left:10px } .axil-gallery-activation.arrow-between-side .slide-arrow.next-arrow { left:auto; right:10px } .axil-gallery-activation.arrow-between-side:hover .slide-arrow { left:30px } .axil-gallery-activation.arrow-between-side:hover .slide-arrow.next-arrow { left:auto; right:30px } .axil-slick-arrow .slide-arrow { outline:none; width:50px; height:50px; background:var(--color-lighter); color:var(--color-body); border:none; border-radius:6px; z-index:2 } .axil-slick-arrow .slide-arrow:before { content:""; height:100%; width:100%; background-color:var(--color-lighter); border-radius:6px; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1) } .axil-slick-arrow .slide-arrow:hover:before { transform:scale(1.1) } @media only screen and (max-width: 767px) { .axil-slick-arrow .slide-arrow { width:40px; height:40px; font-size:var(--font-size-b2) } } .axil-slick-arrow .slide-arrow.prev-arrow:hover i { animation:prevNavSlide 400ms } .axil-slick-arrow .slide-arrow.next-arrow:hover i { animation:nextNavSlide 400ms } .axil-slick-arrow.testimonial-style-two-wrapper .slide-arrow { background-color:var(--color-white) } .axil-slick-arrow.testimonial-style-two-wrapper .slide-arrow:hover { background-color:var(--color-primary) } .axil-slick-arrow.header-campaign-arrow .slide-arrow { background:rgba(0,0,0,0); color:rgba(255,255,255,.8) } .axil-slick-arrow.header-campaign-arrow .slide-arrow:before { display:none } .axil-slick-arrow.header-campaign-arrow .slide-arrow:hover { color:var(--color-white) } .axil-slick-arrow.header-campaign-arrow .campaign-content { margin:0 50px } @media only screen and (max-width: 479px) { .axil-slick-arrow.header-campaign-arrow .campaign-content { margin:0 30px } } .axil-slick-angle .slide-arrow { outline:none; width:40px; height:40px; background:var(--color-lighter); color:#d6d6d6; border:none; border-radius:50%; z-index:2 } .axil-slick-angle .slide-arrow:before { content:""; height:100%; width:100%; background-color:var(--color-lighter); border-radius:50%; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1) } .axil-slick-angle .slide-arrow:hover { color:var(--color-body) } .axil-slick-angle .slide-arrow:hover:before { transform:scale(1.1) } @media only screen and (max-width: 767px) { .axil-slick-angle .slide-arrow { width:40px; height:40px; font-size:var(--font-size-b2) } } .axil-slick-angle .slide-arrow.prev-arrow:hover i { animation:prevNavSlide 400ms } .axil-slick-angle .slide-arrow.next-arrow:hover i { animation:nextNavSlide 400ms } .angle-top-slide .slide-arrow { position:absolute; left:19px; top:-100px } @media only screen and (max-width: 767px) { .angle-top-slide .slide-arrow { top:-90px } } .angle-top-slide .slide-arrow.next-arrow { left:auto; right:0 } .angle-top-slide .slide-arrow.prev-arrow { left:auto; right:55px } @media only screen and (max-width: 767px) { .angle-top-slide .slide-arrow.prev-arrow { right:50px } } .arrow-between-side .slide-arrow { position:absolute; left:40px; top:50%; transform:translateY(-50%) } .arrow-between-side .slide-arrow.next-arrow { left:auto; right:40px } .arrow-between-side:hover .slide-arrow { left:10px } @media only screen and (max-width: 767px) { .arrow-between-side:hover .slide-arrow { left:14px } } .arrow-between-side:hover .slide-arrow.next-arrow { left:auto; right:10px } @media only screen and (max-width: 767px) { .arrow-between-side:hover .slide-arrow.next-arrow { right:14px } } .arrow-both-side .slide-arrow { position:absolute; left:-45px; top:50%; transform:translateY(-50%) } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .arrow-both-side .slide-arrow { left:0 } } @media only screen and (max-width: 1199px) { .arrow-both-side .slide-arrow { left:0 } } .arrow-both-side .slide-arrow.next-arrow { left:auto; right:-45px } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .arrow-both-side .slide-arrow.next-arrow { right:0 } } @media only screen and (max-width: 1199px) { .arrow-both-side .slide-arrow.next-arrow { right:0 } } .arrow-both-side-2 .slide-arrow { position:absolute; left:-68px; top:50%; transform:translateY(-50%) } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .arrow-both-side-2 .slide-arrow { left:0 } } @media only screen and (max-width: 1199px) { .arrow-both-side-2 .slide-arrow { left:0 } } .arrow-both-side-2 .slide-arrow.next-arrow { left:auto; right:-75px } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .arrow-both-side-2 .slide-arrow.next-arrow { right:0 } } @media only screen and (max-width: 1199px) { .arrow-both-side-2 .slide-arrow.next-arrow { right:0 } } .arrow-both-side-3 .slide-arrow { position:absolute; left:-60px; top:50%; transform:translateY(-50%) } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .arrow-both-side-3 .slide-arrow { left:0 } } @media only screen and (max-width: 1199px) { .arrow-both-side-3 .slide-arrow { left:0 } } .arrow-both-side-3 .slide-arrow.next-arrow { left:auto; right:-60px } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .arrow-both-side-3 .slide-arrow.next-arrow { right:0 } } @media only screen and (max-width: 1199px) { .arrow-both-side-3 .slide-arrow.next-arrow { right:0 } } .arrow-both-side-4 .slide-arrow { position:absolute; left:0; top:50%; transform:translateY(-50%); background-color:rgba(0,0,0,0); height:auto; width:auto; padding:0 } .arrow-both-side-4 .slide-arrow:hover { background-color:rgba(0,0,0,0); box-shadow:none } .arrow-both-side-4 .slide-arrow.next-arrow { left:auto; right:0 } .arrow-top-slide .slide-arrow { position:absolute; left:19px; top:-100px } @media only screen and (max-width: 767px) { .arrow-top-slide .slide-arrow { top:-77px } } .arrow-top-slide .slide-arrow.next-arrow { left:auto; right:0 } .arrow-top-slide .slide-arrow.prev-arrow { left:auto; right:58px } @media only screen and (max-width: 767px) { .arrow-top-slide .slide-arrow.prev-arrow { right:50px } } .post-list-view .post-gallery-activation.axil-slick-arrow .slide-arrow { background:#fff; border:1px solid #fff; width:30px; height:30px; font-size:14px } .slick-initialized .slick-slide { outline:none; margin-bottom:0 } .slider-activation .slick-dots { bottom:50px } .arrow-bottom-slide .slide-arrow { position:absolute; bottom:-130px } .arrow-bottom-slide .slide-arrow.next-arrow { left:65px } .arrow-bottom-slide .slide-arrow.prev-arrow { left:0 } .axil-slick-dots .slick-dots { bottom:-50px } .axil-slick-dots .slick-dots li { margin:0 5px; height:4px; width:24px } .axil-slick-dots .slick-dots li button { height:4px; width:24px; border-radius:6px; background-color:#e6e6e6; padding:0 } .axil-slick-dots .slick-dots li button:before { display:none } .axil-slick-dots .slick-dots li.slick-active { width:34px } .axil-slick-dots .slick-dots li.slick-active button { background-color:var(--color-heading); width:34px } .axil-slick-dots.testimonial-style-two-wrapper .slick-dots { text-align:left; bottom:-50px } .axil-slick-dots.testimonial-style-two-wrapper .slick-dots li.slick-active button { background-color:var(--color-primary) } .axil-slick-dots.slick-dots-bottom .slick-dots { bottom:20px } .axil-slick-dots.slick-dots-bottom .slick-dots li button { border-color:var(--color-white) } .axil-slick-dots.slick-dots-bottom .slick-dots li button:before { color:var(--color-white); opacity:1 } .axil-slick-dots.slick-dots-bottom .slick-dots li.slick-active button { border-color:var(--color-primary) } .axil-slick-dots.slick-dots-bottom .slick-dots li.slick-active button:before { color:var(--color-primary) } .main-slider-content .subtitle { font-size:14px; font-weight:var(--s-bold); line-height:1; display:flex; align-items:center; margin-bottom:16px; color:var(--color-secondary) } .main-slider-content .subtitle i { height:24px; width:24px; line-height:24px; border-radius:50%; font-size:12px; text-align:center; margin-right:10px; background-color:var(--color-secondary); color:var(--color-white) } .main-slider-content .title { letter-spacing:-0.03em; margin-bottom:50px; font-size:60px; line-height:1.2 } @media only screen and (max-width: 1199px) { .main-slider-content .title { font-size:50px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .main-slider-content .title { font-size:44px } } @media only screen and (max-width: 767px) { .main-slider-content .title { font-size:30px } } .main-slider-content .slide-action { display:flex; align-items:center } @media only screen and (max-width: 1199px) { .main-slider-content .slide-action { display:block } } .main-slider-content .item-rating { display:flex; align-items:center; flex:1; margin-left:30px; position:relative; top:2px } @media only screen and (max-width: 1199px) { .main-slider-content .item-rating { margin-left:0; margin-top:30px } } .main-slider-content .item-rating .thumb { line-height:1 } .main-slider-content .item-rating .thumb ul { padding-left:26px; margin:0 } .main-slider-content .item-rating .thumb ul li { display:inline-block; margin-left:-26px } .main-slider-content .item-rating .thumb ul li img { border:2px solid #f9f3f0; border-radius:50% } .main-slider-content .item-rating .content { flex:1; line-height:1; margin-left:15px } .main-slider-content .item-rating .content .rating-icon { display:block; font-size:12px; color:#ffa800; margin-bottom:5px } .main-slider-content .item-rating .content .review-text { font-size:12px } .main-slider-content .item-rating .content .review-text span { color:var(--color-heading); font-weight:700 } .main-slider-content .shop-btn a { margin-right:25px } @media only screen and (max-width: 767px) { .main-slider-content .shop-btn a { margin-right:5px } } .main-slider-content .shop-btn a:last-child { margin-right:0 } .main-slider-content .slick-slide.slick-current .subtitle { animation:800ms ease-in-out 0s normal none 1 running customOne } .main-slider-content .slick-slide.slick-current .title { animation:1000ms ease-in-out 0s normal none 1 running customOne } .main-slider-content .slick-slide.slick-current .shop-btn { animation:1200ms ease-in-out 0s normal none 1 running customOne } .main-slider-content .slick-slide.slick-current .item-rating { animation:1200ms ease-in-out 0s normal none 1 running customOne } .main-slider-content .slick-slide.slick-current img { animation:1200ms ease-in-out 0s normal none 1 running customOne } .main-slider-large-thumb { width:70vw } @media only screen and (max-width: 991px) { .main-slider-large-thumb { width:auto } } .main-slider-large-thumb .slick-track { display:flex; align-items:flex-end } .main-slider-large-thumb .single-slide { position:relative } .main-slider-large-thumb .single-slide img { display:inline-block } .main-slider-large-thumb .single-slide .product-price { height:100px; width:100px; background-color:var(--color-white); border-radius:50%; display:flex; flex-direction:column; justify-content:center; text-align:center; position:absolute; top:50px; left:150px; visibility:hidden; opacity:0; transform:scale(0); transition-delay:.5s; transition:all .5s ease-in-out } @media only screen and (min-width: 1600px)and (max-width: 1920px) { .main-slider-large-thumb .single-slide .product-price { top:100px; left:200px } } .main-slider-large-thumb .single-slide .product-price span.text { color:var(--color-body) } .main-slider-large-thumb .single-slide .product-price span.price-amount { font-size:18px; font-weight:700; color:var(--color-primary) } .main-slider-large-thumb .single-slide.slick-current .product-price { visibility:visible; opacity:1; transform:scale(1) } .main-slider-large-thumb .single-slide.slick-active:not(.slick-current) img { width:160px } .main-slider-large-thumb .axil-slick-dots .slick-dots { text-align:left; bottom:-70px } @media only screen and (max-width: 575px) { .main-slider-large-thumb .axil-slick-dots .slick-dots { text-align:center; bottom:-55px } } .main-slider-large-thumb .axil-slick-dots .slick-dots li button { background-color:var(--color-white); opacity:.5 } .main-slider-large-thumb .axil-slick-dots .slick-dots li.slick-active button { background-color:var(--color-secondary); opacity:1 } .main-slider-style-1 { background-color:#f9f3f0; padding:90px 0; position:relative; z-index:1; overflow:hidden; min-height:550px } @media only screen and (max-width: 1199px) { .main-slider-style-1 { min-height:500px } } @media only screen and (max-width: 991px) { .main-slider-style-1 { padding:40px 0 80px; min-height:450px } } @media only screen and (max-width: 767px) { .main-slider-style-1 { padding:30px 0 60px; min-height:100% } } .main-slider-style-1 .main-slider-content { margin:-30px } @media only screen and (max-width: 575px) { .main-slider-style-1 .main-slider-content { text-align:center } } @media only screen and (max-width: 575px) { .main-slider-style-1 .main-slider-content .subtitle { justify-content:center } } @media only screen and (max-width: 1199px) { .main-slider-style-1 .main-slider-content .title { font-size:56px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .main-slider-style-1 .main-slider-content .title { font-size:44px; margin-bottom:40px } } @media only screen and (max-width: 767px) { .main-slider-style-1 .main-slider-content .title { font-size:34px; margin-bottom:30px } } @media only screen and (max-width: 1199px) { .main-slider-style-1 .main-slider-content .item-rating { justify-content:flex-start } } @media only screen and (max-width: 575px) { .main-slider-style-1 .main-slider-content .item-rating { justify-content:center } } .main-slider-style-1 .main-slider-content .item-rating .content { flex:initial } .main-slider-style-1 .main-slider-content .single-slide { padding:30px } @media only screen and (max-width: 575px) { .main-slider-style-1 .main-slider-large-thumb { text-align:center; padding:40px 40px 0 } } @media only screen and (max-width: 767px) { .main-slider-style-1 .main-slider-large-thumb .single-slide .product-price { height:80px; width:80px; top:0; left:0 } .main-slider-style-1 .main-slider-large-thumb .single-slide .product-price span { font-size:15px } .main-slider-style-1 .main-slider-large-thumb .single-slide .product-price span.price-amount { font-size:15px } } @media only screen and (max-width: 575px) { .main-slider-style-1 .main-slider-large-thumb .single-slide .product-price { left:50px } } .main-slider-style-1 .shape-group li { position:absolute; z-index:-1 } .main-slider-style-1 .shape-group li.shape-1 { bottom:-100px; right:33% } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .main-slider-style-1 .shape-group li.shape-1 { right:27% } } @media only screen and (max-width: 1199px) { .main-slider-style-1 .shape-group li.shape-1 { right:20% } } @media only screen and (max-width: 991px) { .main-slider-style-1 .shape-group li.shape-1 { display:none } } .main-slider-style-1 .shape-group li.shape-2 { bottom:-65px; right:2% } .main-slider-style-2 .slider-offset-left { margin-left:290px; margin-top:40px; margin-bottom:40px } @media only screen and (max-width: 1199px) { .main-slider-style-2 .slider-offset-left { margin-left:0 } } .main-slider-style-2 .slider-box-wrap { background-color:#f7f7f7; border-radius:6px; padding:48px 50px } @media only screen and (max-width: 575px) { .main-slider-style-2 .slider-box-wrap { padding:40px 30px } } .main-slider-style-2 .slider-box-wrap .single-slide { display:flex; align-items:center } .main-slider-style-2 .slider-box-wrap .axil-slick-dots .slick-dots { bottom:-25px } @media only screen and (max-width: 479px) { .main-slider-style-2 .slider-box-wrap .axil-slick-dots .slick-dots { bottom:-30px } } .main-slider-style-2 .slider-box-wrap .axil-slick-dots .slick-dots li button { background-color:var(--color-white); opacity:1 } .main-slider-style-2 .slider-box-wrap .axil-slick-dots .slick-dots li.slick-active button { background-color:var(--color-secondary); opacity:1 } .main-slider-style-2 .main-slider-content { flex:1; z-index:2; position:relative } @media only screen and (max-width: 767px) { .main-slider-style-2 .main-slider-content { flex:2 } } .main-slider-style-2 .main-slider-content .title { font-size:50px; margin-bottom:45px } @media only screen and (max-width: 1199px) { .main-slider-style-2 .main-slider-content .title { font-size:40px } } @media only screen and (max-width: 767px) { .main-slider-style-2 .main-slider-content .title { font-size:38px; margin-bottom:30px } } @media only screen and (max-width: 575px) { .main-slider-style-2 .main-slider-content .title { font-size:24px; margin-bottom:20px } } .main-slider-style-2 .main-slider-content .axil-btn { padding:0; position:relative } .main-slider-style-2 .main-slider-content .axil-btn i { margin:0 0 0 16px; color:var(--color-heading) } .main-slider-style-2 .main-slider-content .axil-btn:after { content:""; height:1px; width:100%; background-color:var(--color-heading); position:absolute; bottom:0; left:0 } .main-slider-style-2 .main-slider-content .axil-btn:hover { color:var(--color-primary) } .main-slider-style-2 .main-slider-content .axil-btn:hover i { color:var(--color-primary); margin:0 0 0 10px } .main-slider-style-2 .main-slider-content .axil-btn:hover:after { background-color:var(--color-primary) } .main-slider-style-2 .main-slider-thumb { position:relative; margin-left:30px; z-index:1; flex:1; text-align:right } @media only screen and (max-width: 479px) { .main-slider-style-2 .main-slider-thumb { margin-left:10px } } .main-slider-style-2 .main-slider-thumb::after { content:""; height:288px; width:288px; background-color:var(--color-white); border-radius:50%; position:absolute; top:-5px; left:-100px; z-index:-1 } @media only screen and (max-width: 767px) { .main-slider-style-2 .main-slider-thumb::after { height:150px; width:150px; left:0; top:0 } } @media only screen and (max-width: 575px) { .main-slider-style-2 .main-slider-thumb::after { display:none } } .main-slider-style-2 .main-slider-thumb img { display:inline-block; max-height:292px } .main-slider-style-2 .slider-product-box { background-color:#f7f7f7; border-radius:6px; text-align:center; padding:45px 20px; overflow:hidden } @media only screen and (max-width: 991px) { .main-slider-style-2 .slider-product-box { margin-top:30px } } .main-slider-style-2 .slider-product-box .product-thumb { margin-bottom:35px; position:relative; z-index:1 } .main-slider-style-2 .slider-product-box .product-thumb::after { content:""; height:160px; width:160px; background-color:var(--color-white); border-radius:50%; position:absolute; top:20px; right:-10px; z-index:-1 } @media only screen and (max-width: 991px) { .main-slider-style-2 .slider-product-box .product-thumb::after { left:50%; transform:translateX(-50%) } } .main-slider-style-2 .slider-product-box .title { font-size:16px; color:var(--color-body); margin-bottom:8px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical } .main-slider-style-2 .slider-product-box .price { font-size:20px; font-weight:700; color:var(--color-heading) } .main-slider-style-3 { background-color:#f3f7f6; padding:110px 0; background-image:url("../images/bg/bg-image-4.jpg"); background-repeat:no-repeat; background-size:cover } @media only screen and (min-width: 768px)and (max-width: 991px) { .main-slider-style-3 { padding:80px 0 } } @media only screen and (max-width: 767px) { .main-slider-style-3 { padding:40px 0 70px } } .main-slider-style-3 .main-slider-content { padding-right:80px } @media only screen and (max-width: 991px) { .main-slider-style-3 .main-slider-content { padding-right:0; margin-bottom:50px } } @media only screen and (max-width: 767px) { .main-slider-style-3 .main-slider-content { margin-bottom:25px } } .main-slider-style-3 .main-slider-content .title { margin-bottom:40px; font-size:55px; line-height:1.1 } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .main-slider-style-3 .main-slider-content .title { font-size:60px } } @media only screen and (max-width: 1199px) { .main-slider-style-3 .main-slider-content .title { font-size:50px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .main-slider-style-3 .main-slider-content .title { font-size:40px } } @media only screen and (max-width: 767px) { .main-slider-style-3 .main-slider-content .title { font-size:34px } } .main-slider-style-3 .main-slider-large-thumb { width:100%; position:relative; z-index:1 } .main-slider-style-3 .main-slider-large-thumb .single-slide { text-align:center } .main-slider-style-3 .main-slider-large-thumb .single-slide .axil-product { transform:scale(0.8); transition:.3s; margin:45px -26px; position:relative } @media only screen and (max-width: 1199px) { .main-slider-style-3 .main-slider-large-thumb .single-slide .axil-product { margin:45px -19px } } @media only screen and (max-width: 575px) { .main-slider-style-3 .main-slider-large-thumb .single-slide .axil-product { margin:20px 0 } } .main-slider-style-3 .main-slider-large-thumb .single-slide.slick-active.slick-center { z-index:1 } .main-slider-style-3 .main-slider-large-thumb .single-slide.slick-active.slick-center .axil-product { transform:scale(1.1); box-shadow:0px 10px 80px -87px rgba(0,0,0,.5) } @media only screen and (max-width: 575px) { .main-slider-style-3 .main-slider-large-thumb .single-slide.slick-active.slick-center .axil-product { transform:scale(1) } } .main-slider-style-3 .main-slider-large-thumb .single-slide.slick-active.slick-center .axil-product:before { content:""; width:100%; height:50px; background:#000; position:absolute; left:0; top:50%; filter:blur(100px); transform:translateY(-50%) } .main-slider-style-3 .main-slider-large-thumb .single-slide.slick-active:not(.slick-current) img { width:100% } .main-slider-style-3 .main-slider-large-thumb .axil-slick-dots .slick-dots { text-align:center; bottom:-30px } .main-slider-style-3 .main-slider-large-thumb .axil-slick-dots .slick-dots li { height:10px; width:10px; margin:0 8px } .main-slider-style-3 .main-slider-large-thumb .axil-slick-dots .slick-dots li button { height:6px; width:6px; border-radius:50%; background-color:rgba(0,0,0,0); box-shadow:inset 0 0 0 5px rgba(0,0,0,.5) } .main-slider-style-3 .main-slider-large-thumb .axil-slick-dots .slick-dots li.slick-active button { transform:scale(2); box-shadow:inset 0 0 0 1px var(--color-primary) } .main-slider-style-4 { background-color:#f9f3ef; padding-top:50px; overflow:hidden; min-height:600px; display:flex; align-items:flex-end } @media(max-width: 1399px) { .main-slider-style-4 { min-height:100% } } @media(max-width: 767px) { .main-slider-style-4 { text-align:center } } .main-slider-style-4 .main-slider-content { z-index:2; position:relative; padding:10px 0 } .main-slider-style-4 .main-slider-content .title { line-height:1.1; margin-bottom:40px; animation:600ms ease-in-out 0s normal none 1 running customOne } .main-slider-style-4 .main-slider-content .shop-btn { animation:800ms ease-in-out 0s normal none 1 running customOne } @media(max-width: 991px) { .main-slider-style-4 .main-slider-content .shop-btn a { padding:12px 20px } } .main-slider-style-4 .slide-thumb-area { position:relative; margin-right:-100px; margin-left:-100px; z-index:1 } @media(max-width: 991px) { .main-slider-style-4 .slide-thumb-area { margin-right:-30px } } @media(max-width: 767px) { .main-slider-style-4 .slide-thumb-area { margin-right:0; padding:20px 0 0; margin-left:0 } } .main-slider-style-4 .slide-thumb-area .main-thumb { animation:1200ms ease-in-out 0s normal none 1 running customTwo } .main-slider-style-4 .slide-thumb-area .shape-group { margin:0; list-style:none; padding:0 } .main-slider-style-4 .slide-thumb-area .shape-group li { position:absolute; margin:0; z-index:-1; transition:all .5s ease-in-out; visibility:hidden; opacity:0 } .main-slider-style-4 .slide-thumb-area .shape-group li.shape-1 { bottom:0; right:-30px; display:none } .main-slider-style-4 .slide-thumb-area .shape-group li.shape-1 svg path { stroke-dasharray:1190; stroke-dashoffset:1180; transition:all 3s ease-in-out } .main-slider-style-4 .slide-thumb-area .shape-group li.shape-2 { top:-50px; right:50px } @media(max-width: 767px) { .main-slider-style-4 .slide-thumb-area .shape-group li.shape-2 { top:-250px } } .main-slider-style-4 .slide-thumb-area .shape-group li.shape-2 svg path { stroke-dasharray:1190; stroke-dashoffset:1180; transition:all 3s ease-in-out } .main-slider-style-4 .slide-thumb-area .banner-product { position:absolute; left:80px; top:220px; transition:.3s } @media(max-width: 767px) { .main-slider-style-4 .slide-thumb-area .banner-product { display:none } } .main-slider-style-4 .slide-thumb-area .banner-product:hover .product-details { visibility:visible; opacity:1; margin-bottom:15px } .main-slider-style-4 .slide-thumb-area .banner-product .plus-icon { border:1px solid var(--color-dark); font-size:12px; color:var(--color-dark); height:29px; width:29px; border-radius:50%; line-height:29px; text-align:center; cursor:pointer; transition:all .3s ease-in-out } .main-slider-style-4 .slide-thumb-area .banner-product .plus-icon:hover { background-color:#f4e7de } .main-slider-style-4 .slide-thumb-area .banner-product .product-details { min-width:250px; width:100%; position:absolute; background-color:var(--color-white); box-shadow:0px 54px 94px rgba(172,128,117,.2); border-radius:8px; bottom:100%; left:-46px; padding:15px 20px; margin-bottom:30px; visibility:hidden; opacity:0; transition:.3s } .main-slider-style-4 .slide-thumb-area .banner-product .product-details .title { margin-bottom:0; font-size:18px } .main-slider-style-4 .slide-thumb-area .banner-product .product-details .title a { transition:all .3s ease-in-out } .main-slider-style-4 .slide-thumb-area .banner-product .product-details .price { color:var(--color-secondary); font-size:22px; font-weight:700 } .main-slider-style-4 .slide-thumb-area .banner-product .product-details .product-rating { margin-bottom:5px } .main-slider-style-4 .slide-thumb-area .banner-product .product-details .product-rating .icon { font-size:16px; color:#facc15 } .main-slider-style-4 .slide-thumb-area .banner-product .product-details .product-rating .rating-number { font-size:14px; font-weight:500; color:var(--color-body); margin-left:5px } .main-slider-style-4 .slide-thumb-area .banner-product .product-details:after { content:""; width:0; height:0; border-left:12px solid rgba(0,0,0,0); border-right:12px solid rgba(0,0,0,0); border-top:12px solid var(--color-white); position:absolute; bottom:-12px; left:52px } .main-slider-style-4 .slide-thumb-area:hover .banner-product { visibility:visible; opacity:1 } .main-slider-style-4.animation-init .slide-thumb-area .shape-group li { visibility:visible; opacity:1 } .main-slider-style-4.animation-init .slide-thumb-area .shape-group li.shape-1 svg path { stroke-dashoffset:0; stroke-dasharray:2000 } .main-slider-style-4.animation-init .slide-thumb-area .shape-group li.shape-2 svg path { stroke-dashoffset:0; stroke-dasharray:1300 } .main-slider-style-5 .slider-box-wrap { background-color:#f7f7f7; border-radius:6px; padding:90px 100px; position:relative; z-index:1 } @media only screen and (max-width: 1199px) { .main-slider-style-5 .slider-box-wrap { padding:80px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .main-slider-style-5 .slider-box-wrap { padding:60px } } @media only screen and (max-width: 767px) { .main-slider-style-5 .slider-box-wrap { padding:50px 50px 60px } } @media only screen and (max-width: 479px) { .main-slider-style-5 .slider-box-wrap { padding:40px 40px 60px } } .main-slider-style-5 .slider-box-wrap::after { content:""; height:260px; width:260px; background-color:var(--color-white); border-radius:50%; position:absolute; top:80px; left:215px; z-index:-1 } @media only screen and (min-width: 768px)and (max-width: 991px) { .main-slider-style-5 .slider-box-wrap::after { left:0; top:0; transform:scale(0.6) } } @media only screen and (max-width: 767px) { .main-slider-style-5 .slider-box-wrap::after { display:none } } .main-slider-style-5 .slider-box-wrap .slider-activation-two { margin:-30px } .main-slider-style-5 .slider-box-wrap .single-slide { display:flex; align-items:center; padding:30px } @media only screen and (max-width: 575px) { .main-slider-style-5 .slider-box-wrap .single-slide { display:block } } .main-slider-style-5 .slider-box-wrap .axil-slick-dots .slick-dots { bottom:-15px } .main-slider-style-5 .main-slider-content { flex:1 } .main-slider-style-5 .main-slider-content .title { width:70% } @media only screen and (max-width: 1399px) { .main-slider-style-5 .main-slider-content .title { width:90% } } @media only screen and (max-width: 1199px) { .main-slider-style-5 .main-slider-content .title { width:100% } } @media only screen and (max-width: 767px) { .main-slider-style-5 .main-slider-content .title { margin-bottom:35px } } .main-slider-style-5 .main-slider-thumb { margin-left:30px; flex:1; text-align:right } .main-slider-style-5 .main-slider-thumb img { display:inline-block; min-height:460px; max-height:460px; object-fit:contain } @media only screen and (max-width: 1199px) { .main-slider-style-5 .main-slider-thumb img { min-height:300px; max-height:300px } } @media only screen and (max-width: 575px) { .main-slider-style-5 .main-slider-thumb img { min-height:165px; max-height:165px } } @media only screen and (max-width: 575px) { .main-slider-style-5 .main-slider-thumb { text-align:center; margin-left:0; margin-top:45px } } .main-slider-style-7 { padding:200px 0; background-size:cover; background-position:center; background-repeat:no-repeat } @media only screen and (max-width: 991px) { .main-slider-style-7 { padding:80px 0 } } @media only screen and (max-width: 575px) { .main-slider-style-7 { padding:60px 0 } } @media only screen and (max-width: 479px) { .main-slider-style-7 { background-position:right } } .main-slider-style-7 .main-slider-content { z-index:2; position:relative; padding:10px 0 } .main-slider-style-7 .main-slider-content .subtitle { animation:800ms ease-in-out 0s normal none 1 running customOne } .main-slider-style-7 .main-slider-content .title { width:80%; margin-bottom:20px; animation:600ms ease-in-out 0s normal none 1 running customOne } @media only screen and (max-width: 991px) { .main-slider-style-7 .main-slider-content .title { width:90% } } .main-slider-style-7 .main-slider-content p { font-size:20px; animation:1200ms ease-in-out 0s normal none 1 running customOne } @media only screen and (max-width: 767px) { .main-slider-style-7 .main-slider-content p { font-size:16px } } .main-slider-style-7 .main-slider-content .shop-btn { animation:1400ms ease-in-out 0s normal none 1 running customOne } .main-slider-style-8 .slider-offset-left { margin-bottom:0 } .main-slider-style-8 .slider-box-wrap { padding:48px 70px } @media only screen and (max-width: 575px) { .main-slider-style-8 .slider-box-wrap { padding:45px 30px } } .main-slider-style-8 .main-slider-thumb:after { left:-50px } .slick-slide.slick-current .main-slider-content .subtitle { animation:800ms ease-in-out 0s normal none 1 running customOne } .slick-slide.slick-current .main-slider-content .title { animation:1000ms ease-in-out 0s normal none 1 running customOne } .slick-slide.slick-current .main-slider-content .shop-btn { animation:1200ms ease-in-out 0s normal none 1 running customOne } .slick-slide.slick-current .main-slider-thumb img { animation:1200ms ease-in-out 0s normal none 1 running customTwo } @keyframes customOne { from { opacity:0; -webkit-transform:translate3d(0, 50%, 0); transform:translate3d(0, 50%, 0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes customTwo { from { opacity:0; transform:translate3d(20%, 0, 0) } to { opacity:1; transform:none } } .animationOne { animation:1200ms customOne } .animationTwo { animation:1200ms customTwo } .social-share { display:flex; flex-wrap:wrap; margin:-10px } .social-share a { margin:10px; color:var(--color-body); display:flex; justify-content:center; align-items:center; font-size:18px; transition:.3s; position:relative; z-index:1 } .social-share a:after { content:""; height:40px; width:40px; background-color:var(--color-secondary); transform:scale(0); border-radius:50%; position:absolute; z-index:-1; transition:var(--transition) } .social-share a:hover { color:var(--color-white) } .social-share a:hover:after { transform:scale(1) } .axil-team-area { padding:50px 0 55px } .team-left-fullwidth { margin-left:calc((100% - 1320px)/2); overflow:hidden } @media only screen and (max-width: 1349px) { .team-left-fullwidth { margin-left:auto } } .team-left-fullwidth .team-slide-activation .slick-list { overflow:visible } @media only screen and (max-width: 1349px) { .team-left-fullwidth .team-slide-activation .slick-list { overflow:hidden } } @media only screen and (max-width: 575px) { .axil-team-member { text-align:center } } .axil-team-member .thumbnail { margin-bottom:12px; overflow:hidden; display:inline-block; border-radius:6px } .axil-team-member .thumbnail img { border-radius:6px; transition:var(--transition) } .axil-team-member .title { color:#292930; margin-bottom:0 } .axil-team-member .subtitle { font-size:var(--font-size-b2) } .axil-team-member:hover .thumbnail img { transform:scale(1.1) } .testimonial-style-one-wrapper .slide-arrow { background-color:var(--color-white) } .testimonial-style-one-wrapper .slick-current.slick-active+.slick-active { margin-top:30px } .testimonial-style-one .review-speech { background-color:var(--color-white); border-radius:10px; padding:40px; margin-bottom:40px; position:relative; box-shadow:0 16px 32px 0 rgba(0,0,0,.04) } .testimonial-style-one .review-speech:after { content:""; width:0; height:0; border-top:25px solid var(--color-white); border-right:50px solid rgba(0,0,0,0); position:absolute; bottom:-25px; left:100px } .testimonial-style-one .review-speech p { font-size:16px; line-height:28px } .testimonial-style-one .media { display:flex; align-items:center } .testimonial-style-one .media .thumbnail { margin-right:20px } .testimonial-style-one .media .thumbnail img { border-radius:6px } .testimonial-style-one .media .media-body { flex:1 } .testimonial-style-one .media .media-body .designation { font-size:14px } .testimonial-style-one .media .media-body .title { margin-bottom:0 } .testimonial-style-two-wrapper { margin-bottom:130px !important } .testimonial-style-two-wrapper .thumbnail { display:inline-block; border-radius:50%; border:2px solid var(--color-tertiary); padding:8px; margin-bottom:25px; transition:var(--transition); position:relative; z-index:1; margin:6px } .testimonial-style-two-wrapper .thumbnail:before { content:""; height:100%; width:100%; background-color:var(--color-white); border-radius:50%; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; transform:scale(1); transition:.3s } .testimonial-style-two-wrapper .thumbnail img { border-radius:50% } .testimonial-style-two-wrapper .thumb-content .item-title { margin-bottom:16px } .testimonial-style-two-wrapper .thumb-content p { font-size:24px; color:#292930 } @media only screen and (max-width: 767px) { .testimonial-style-two-wrapper .thumb-content p { font-size:18px } } .testimonial-style-two-wrapper .slick-single-layout:hover .thumbnail { background-color:var(--color-tertiary) } .testimonial-style-two-wrapper .slick-single-layout:hover .thumbnail:before { transform:scale(1.2) } .testimonial-container-box { background-color:var(--color-lighter); border-radius:8px } .testimonial-video-box { position:relative; margin-right:22px; height:100% } @media(max-width: 991px) { .testimonial-video-box { margin-right:0 } } .testimonial-video-box .thumbnail { height:100% } .testimonial-video-box .thumbnail img { border-radius:8px 0 0 8px; height:100%; object-fit:cover } @media(max-width: 991px) { .testimonial-video-box .thumbnail img { border-radius:0 } } .testimonial-video-box .play-btn { position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; text-align:center } .testimonial-video-box .play-btn a { height:110px; width:110px; line-height:110px; border-radius:50%; background-color:var(--color-secondary); display:inline-block; font-size:28px; color:var(--color-white); transition:.3s } .testimonial-video-box .play-btn a:hover { background-color:var(--color-primary) } .testimonial-style-three-wrapper { padding-top:100px; padding-left:50px; padding-right:50px; position:relative; height:100% } @media(max-width: 1199px) { .testimonial-style-three-wrapper { padding-left:0 } } @media(max-width: 991px) { .testimonial-style-three-wrapper { padding-left:50px; padding-top:80px } } @media(max-width: 767px) { .testimonial-style-three-wrapper { padding-left:30px; padding-right:30px } } .testimonial-style-three-wrapper .heading-title { position:relative; margin-bottom:45px; z-index:1 } .testimonial-style-three-wrapper .heading-title:before { content:url("../images/testimonial/quote-left.png"); height:100%; width:100%; position:absolute; top:-58px; left:-68px; z-index:-1 } @media(max-width: 1199px) { .testimonial-style-three-wrapper .heading-title:before { left:0 } } .testimonial-style-three-wrapper .heading-title .title { font-size:48px; font-weight:700 } @media(max-width: 767px) { .testimonial-style-three-wrapper .heading-title .title { font-size:34px } } .testimonial-style-three p { font-size:18px; font-weight:500; margin-bottom:45px } .testimonial-style-three .author-name { margin-bottom:0 } .testimonial-style-three .author-desg { font-size:14px } .testimonial-custom-nav { padding-top:94px; padding-bottom:40px } @media(max-width: 991px) { .testimonial-custom-nav { padding-top:50px } } .testimonial-custom-nav .slide-custom-nav { display:flex; align-items:center; justify-content:flex-end; margin:0 -12px } .testimonial-custom-nav .slide-custom-nav button { width:auto; line-height:1; font-size:16px; font-weight:500; display:flex; align-items:center; color:var(--color-body); background-color:rgba(0,0,0,0); padding:0 12px } .testimonial-custom-nav .slide-custom-nav button i { margin-left:8px } .testimonial-custom-nav .slide-custom-nav button.prev-custom-nav { border-right:1px solid #d6d6d6 } .testimonial-custom-nav .slide-custom-nav button.prev-custom-nav i { margin-left:0; margin-right:8px } .testimonial-custom-nav .slide-custom-nav button:hover { color:var(--color-heading) } .testimonial-custom-nav .slick-slide-count { font-weight:500 } .video-banner { position:relative } .video-banner:after { content:""; height:100%; width:100%; background:radial-gradient(circle, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); border-radius:6px; position:absolute; top:0; bottom:0; left:0; right:0 } .video-banner img { width:100%; border-radius:6px } .video-banner .popup-video-icon { text-align:center; position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); z-index:1 } .video-banner .popup-video-icon .video-icon { height:80px; width:80px; line-height:80px; background-color:var(--color-white); border-radius:50%; display:inline-block; font-size:24px; color:var(--color-primary); position:relative; z-index:1 } .video-banner .popup-video-icon .video-icon i { position:relative; left:2px; transition:var(--transition) } .video-banner .popup-video-icon .video-icon:after { content:""; height:100%; width:100%; background-color:var(--color-white); border-radius:50%; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; transition:var(--transition) } .video-banner .popup-video-icon .video-icon:hover i { transform:scale(0.9) } .video-banner .popup-video-icon .video-icon:hover:after { transform:scale(1.1) } .pv-main-wrapper .section-title-wrapper { padding-right:0 } .pv-banner-wrapper { margin-top:-120px; background-image:url("../images/preview/banner-bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center; padding-top:140px; position:relative; z-index:1 } @media only screen and (min-width: 768px)and (max-width: 991px) { .pv-banner-wrapper { padding:160px 0 60px } } .pv-banner-area { display:flex; justify-content:center; position:relative; z-index:2; padding-left:calc((100% - 1290px)/2) } @media only screen and (max-width: 1399px) { .pv-banner-area { padding-left:calc((100% - 1110px)/2) } } @media only screen and (max-width: 1199px) { .pv-banner-area { padding-left:calc((100% - 930px)/2); padding-bottom:50px } } @media only screen and (max-width: 991px) { .pv-banner-area { padding-left:calc((100% - 690px)/2); padding-right:calc((100% - 690px)/2); text-align:center } } @media only screen and (max-width: 767px) { .pv-banner-area { padding-left:calc((100% - 510px)/2); padding-right:calc((100% - 510px)/2) } } .pv-banner-area .container-fluid { padding:0 } @media only screen and (max-width: 575px) { .pv-banner-area .inner { padding-top:30px !important } } @media only screen and (max-width: 767px) { .pv-banner-area .inner { padding-bottom:26px } } @media only screen and (max-width: 767px) { .pv-banner-area .inner .section-title-wrapper { margin-bottom:0 } } .pv-banner-area .inner .title-highlighter { margin-bottom:16px } @media only screen and (max-width: 991px) { .pv-banner-area .inner .title-highlighter { justify-content:center } } .pv-banner-area .inner .title { margin-bottom:50px; font-size:50px; line-height:1.3 } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .pv-banner-area .inner .title { font-size:44px } } @media only screen and (max-width: 1399px) { .pv-banner-area .inner .title { font-size:36px } } @media only screen and (max-width: 1199px) { .pv-banner-area .inner .title { margin-bottom:30px } } @media only screen and (max-width: 991px) { .pv-banner-area .inner .title br { display:none } } @media only screen and (max-width: 767px) { .pv-banner-area .inner .title { margin-bottom:0 } } .pv-banner-area .theme-brief { display:flex; align-items:center; justify-content:flex-start; margin:0 -30px } @media only screen and (max-width: 991px) { .pv-banner-area .theme-brief { justify-content:center } } .pv-banner-area .theme-brief .single-counter { padding:0 30px } @media only screen and (max-width: 575px) { .pv-banner-area .theme-brief .single-counter { padding:0 5px } } .pv-banner-area .theme-brief .single-counter span.subtile { margin-bottom:10px; color:var(--color-heading); font-size:16px; line-height:24px; display:block } .pv-banner-area .theme-brief .single-counter h2.title { font-size:48px; line-height:1; color:var(--color-primary); display:inline-block; position:relative; min-width:100px } .pv-banner-area .theme-brief .single-counter h2.title::after { content:"+"; right:0 } @media only screen and (max-width: 1399px) { .pv-banner-area .theme-brief .single-counter h2.title { font-size:36px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .pv-banner-area .theme-brief .single-counter h2.title { font-size:40px; line-height:58px } } @media only screen and (max-width: 767px) { .pv-banner-area .theme-brief .single-counter h2.title { font-size:30px; line-height:40px } } .pv-banner-area .theme-powerd { background-color:var(--color-white); padding:15px 25px; border-radius:10px; display:inline-flex; align-items:center; box-shadow:0px 4px 10px rgba(37,47,63,.1); position:absolute; bottom:-35px } @media only screen and (max-width: 991px) { .pv-banner-area .theme-powerd { position:initial } } .pv-banner-area .theme-powerd label { margin-right:20px; font-weight:500; color:var(--color-heading) } .pv-banner-area .theme-powerd .icon-list { display:inline-block; list-style:none; padding:0; margin:-10px -5px } .pv-banner-area .theme-powerd .icon-list li { text-align:center; display:inline-block; margin:10px 5px; background-color:var(--color-lighter); border-radius:50%; height:50px; width:50px; line-height:50px } .pv-banner-area .theme-powerd .icon-list li img { width:25px; height:auto } .pv-banner-area .banner-thumbnail { margin-bottom:-120px } @media only screen and (max-width: 991px) { .pv-banner-area .banner-thumbnail { margin-bottom:0; padding-top:50px } } .pv-demo-area { background-color:#f6f7fb; padding:140px 0 80px } .pv-demo-area .section-title-wrapper { margin-bottom:0 } .pv-demo-area .section-title-wrapper .title { margin-bottom:0 } @media only screen and (min-width: 768px)and (max-width: 991px) { .pv-demo-area { padding:80px 0 } } @media only screen and (max-width: 767px) { .pv-demo-area { padding:80px 0 } } .pv-inner-demo-area .section-title-wrapper { margin-bottom:0 } .pv-inner-demo-area .section-title-wrapper .title { margin-bottom:0 } .pv-single-demo { margin-top:80px; text-align:center; box-shadow:0 0 1px rgba(0,0,0,0); position:relative } @media only screen and (min-width: 992px)and (max-width: 1199px) { .pv-single-demo { margin-top:40px } } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .pv-single-demo { margin-top:40px } } @media only screen and (max-width: 767px) { .pv-single-demo { margin-top:40px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .pv-single-demo { margin-top:40px } } .pv-single-demo .thumb { position:relative; overflow:hidden; box-shadow:0px 24px 24px -16px rgba(15,15,15,.2); border-radius:6px } .pv-single-demo .thumb img { max-width:100%; width:100%; border-radius:6px; transform:scale(1); transition:all .5s ease-in-out } .pv-single-demo .thumb .view-btn { position:absolute; top:55%; left:50%; transform:translateY(-50%) translateX(-50%); visibility:hidden; opacity:0 } .pv-single-demo .thumb:after { content:""; height:100%; width:100%; background-color:rgba(0,0,0,.5); border-radius:6px; position:absolute; top:0; left:0; right:0; bottom:0; visibility:hidden; opacity:0; transition:all .3s ease-in-out } .pv-single-demo .title { font-weight:500; margin-top:35px; margin-bottom:0 } .pv-single-demo .title a { text-decoration:none } .pv-single-demo .title a span { background-color:var(--color-secondary); color:var(--color-white); padding:2px 12px 4px; margin-left:5px; border-radius:4px; font-size:16px; display:inline-block } .pv-single-demo .title:hover { color:var(--color-primary) } @media only screen and (max-width: 767px) { .pv-single-demo .title { margin-top:15px; font-size:18px } } .pv-single-demo:hover .thumb::after { visibility:visible; opacity:1 } .pv-single-demo:hover .thumb .view-btn { top:50%; opacity:1; visibility:visible } .pv-single-demo.commin:hover .thumb::after { visibility:hidden } .pv-feature-area { padding-bottom:60px } .pv-feature-box { border-top:1px solid #f1f1f1; padding-top:80px } .pv-feature { text-align:center; height:100%; padding-bottom:30px } .pv-feature .service-box { height:100%; margin-bottom:0 } .pv-feature .service-box .title { font-size:24px; line-height:1.2; margin-bottom:15px } .pv-support-area { margin-bottom:-134px } .pv-support { padding-bottom:30px; height:100% } .pv-support .inner { height:100%; border-radius:10px; padding:50px 40px; transition:all .3s ease-in-out; display:flex; box-shadow:0px 24px 24px -16px rgba(15,15,15,.2) } @media only screen and (max-width: 575px) { .pv-support .inner { padding:30px 20px } } .pv-support .inner .icon { margin-top:2px; text-align:center; position:relative; height:48px; width:48px; line-height:48px; border-radius:50%; z-index:2; background-color:var(--color-primary); margin-bottom:30px; display:block; margin-right:20px } .pv-support .inner .icon i { font-size:18px; color:var(--color-secondary) } .pv-support .inner .icon img { max-height:40px } .pv-support .inner .content { flex:1 } .pv-support .inner .content .title { margin-bottom:10px; color:var(--color-white); display:block } .pv-support .inner .content .paragraph { color:var(--color-white); margin-bottom:30px; display:block } .pv-support .inner .content .axil-btn { font-size:var(--font-size-b1); line-height:var(--line-height-b1); color:var(--color-white); font-weight:700; display:inline-block; z-index:1; transition:.3s } .pv-support .inner .content .axil-btn i { margin-left:10px; position:relative; top:1px; transition:.3s } .pv-support .inner .content .axil-btn:hover i { margin-left:15px } .pv-support.online-documentation .inner { background:#8e2de2; background:-webkit-linear-gradient(to right, #4A00E0, #8E2DE2); background:linear-gradient(to right, #4A00E0, #8E2DE2); background-position:center center; background-size:cover; background-repeat:no-repeat } .pv-support.online-documentation .inner .icon { background-color:var(--color-white) } .pv-support.datecated-support .inner { background:#fc5c7d; background:-webkit-linear-gradient(to right, #6A82FB, #FC5C7D); background:linear-gradient(to right, #6A82FB, #FC5C7D) } .pv-support.datecated-support .inner .icon { background-color:var(--color-white) } .pv-call-to-action { background-color:#f6f7fb } .pv-action-box { padding:185px 30px 0; text-align:center } .pv-action-box .section-title-wrapper { margin-bottom:40px } .pv-action-box .title-highlighter { justify-content:center } .pv-action-box .pv-action-thumbnail { transform:translateY(20px); transition:.3s } .pv-action-box .pv-action-thumbnail:hover { transform:translateY(0) } .pv-footer-area { background-color:var(--color-white); padding:10px 0; position:relative; z-index:2 } .pv-footer-area .copyright-default .quick-link li::after { display:none } .header-top-campaign { background-image:url("../images/others/campaign-bg2.png"); background-position:center; background-size:cover; background-repeat:no-repeat; padding:8px 0; position:relative } .header-top-campaign .campaign-content { text-align:center; display:flex; align-items:center; justify-content:center; position:relative; margin:0 30px } @media only screen and (max-width: 767px) { .header-top-campaign .campaign-content { display:block } } .header-top-campaign .campaign-content p { color:#eeb2ff; font-size:14px } .header-top-campaign .campaign-content p a { font-weight:700; color:var(--color-white); text-decoration:underline; transition:all .3s ease-in-out } .header-top-campaign .campaign-content p a:hover { color:var(--color-secondary) } .header-top-campaign .campaign-countdown { display:flex; align-items:center; margin:0 -5px; padding-right:30px } @media only screen and (max-width: 767px) { .header-top-campaign .campaign-countdown { justify-content:center; padding-right:0 } } .header-top-campaign .campaign-countdown .countdown-section { margin:0 5px; position:relative } .header-top-campaign .campaign-countdown .countdown-section::after { content:""; height:14px; width:1px; background-color:#c653e2; position:absolute; top:50%; right:-7px; transform:translateY(-50%) } .header-top-campaign .campaign-countdown .countdown-section:last-child::after { display:none } .header-top-campaign .campaign-countdown .countdown-section>div { display:flex; align-items:center } .header-top-campaign .campaign-countdown .countdown-section .countdown-number,.header-top-campaign .campaign-countdown .countdown-section .countdown-unit { font-size:14px; font-weight:700; color:var(--color-white) } .header-top-campaign .remove-campaign { position:absolute; top:11px; right:30px; background-color:rgba(0,0,0,0); color:var(--color-white); width:auto; font-size:14px } .header-top-campaign .remove-campaign:hover { color:var(--color-primary) } @media only screen and (max-width: 991px) { .header-top-campaign .remove-campaign { right:10px } } .axil-header-top { padding:8px 0 } .header-top-dropdown { display:flex; align-items:center } @media only screen and (max-width: 575px) { .header-top-dropdown { justify-content:center } } .header-top-dropdown .dropdown { max-width:70px; margin-right:20px } @media only screen and (max-width: 575px) { .header-top-dropdown .dropdown { margin-right:10px } } .header-top-dropdown .dropdown:last-child { margin-right:0 } .header-top-dropdown .dropdown .dropdown-toggle { font-size:14px; color:var(--color-body); background-color:rgba(0,0,0,0); display:flex; align-items:center } .header-top-dropdown .dropdown .dropdown-toggle:after { content:""; font-family:var(--font-awesome); border:none; margin-left:5px; margin-top:1px } .header-top-dropdown .dropdown .dropdown-menu { min-width:11rem; border:none; box-shadow:var(--shadow-primary); display:block !important; top:35px; visibility:hidden; opacity:0; transition:var(--transition) } .header-top-dropdown .dropdown .dropdown-menu li { margin:5px 10px } .header-top-dropdown .dropdown .dropdown-menu .dropdown-item { font-size:14px; border-radius:6px } .header-top-dropdown .dropdown .dropdown-menu .dropdown-item:hover { background-color:var(--color-secondary); color:var(--color-white) } .header-top-dropdown .dropdown .dropdown-menu.show { visibility:visible; opacity:1; top:30px } .header-top-dropdown.dropdown-box-style .dropdown { max-width:100% } .header-top-dropdown.dropdown-box-style .dropdown .dropdown-toggle { color:var(--color-heading); font-weight:700; border:1px solid #f0f0f0; border-radius:6px; padding:10px 20px; justify-content:center } .header-top-dropdown.dropdown-box-style .dropdown .dropdown-toggle:after { font-weight:400 } .header-top-dropdown.dropdown-box-style .dropdown .dropdown-toggle:hover { box-shadow:0 16px 32px 0 rgba(0,0,0,.06) } .header-top-link .quick-link { display:flex; flex-wrap:wrap; margin:0 -18px; justify-content:flex-end } @media only screen and (max-width: 575px) { .header-top-link .quick-link { justify-content:center; margin:5px 0 } } .header-top-link .quick-link li { margin:0; padding:0 18px; position:relative } .header-top-link .quick-link li a { font-size:var(--font-size-b2); color:var(--color-body); line-height:var(--line-height-b2); display:inline-block } .header-top-link .quick-link li a:hover { color:var(--color-primary) } .header-style-1 .header-top-campaign { background-image:url("../images/others/campaign-bg.png") } .header-style-1 .header-top-campaign .campaign-content p { color:var(--color-white) } .header-style-2 .axil-header-top { padding:25px 0 } .header-style-2 .axil-header-top .axil-search { flex:1; position:relative; margin-left:70px; margin-right:20px } @media only screen and (max-width: 991px) { .header-style-2 .axil-header-top .axil-search { margin-left:0 } } @media only screen and (max-width: 575px) { .header-style-2 .axil-header-top .axil-search { display:none } } .header-style-2 .axil-header-top .axil-search .icon { width:auto; position:absolute; top:10px; left:15px; background-color:rgba(0,0,0,0); font-size:14px; color:var(--color-heading); z-index:1 } .header-style-2 .axil-header-top .axil-search .icon:hover { color:var(--color-primary) } .header-style-2 .axil-header-top .axil-search input { width:100%; background-color:rgba(0,0,0,0); border:1px solid #d4d4d4; border-radius:6px; font-size:14px; padding-left:50px; color:var(--color-heading); font-weight:500 } .header-style-2 .axil-header-top .axil-search input:focus { border-color:var(--color-primary) } @media only screen and (max-width: 575px) { .header-style-2 .header-top-dropdown { justify-content:flex-end } } .header-style-4 .axil-header-top { border-bottom:1px solid #f1f1f1; padding:25px 0 } @media only screen and (max-width: 991px) { .header-style-4 .axil-header-top { padding:15px 0; border-bottom:none } } .header-style-4 .axil-header-top .header-brand { text-align:center } @media only screen and (max-width: 767px) { .header-style-4 .axil-header-top .header-brand { text-align:left } } .header-style-4 .axil-header-top .header-action>ul { justify-content:flex-end } @media only screen and (max-width: 767px) { .header-style-4 .axil-header-top .header-top-dropdown { justify-content:center; border-bottom:1px solid #f1f1f1; padding-bottom:15px; margin-bottom:15px } } .header-style-5 .axil-header-top { background-color:var(--color-heading); padding:6px 0 } .header-style-5 .header-top-dropdown .dropdown .dropdown-toggle { color:#c2c2cc } .header-style-5 .header-top-dropdown .dropdown .dropdown-toggle:hover { color:var(--color-white) } .header-style-5 .header-top-link .quick-link li a { color:#c2c2cc } .header-style-5 .header-top-link .quick-link li a:hover { color:var(--color-primary) } .header-style-5 .header-top-campaign { background-image:url("../images/others/campaign-bg3.png"); padding:20px 0 18px } .header-style-5 .header-top-campaign .campaign-content p { font-size:16px; font-weight:700; color:var(--color-white) } .header-style-5 .header-top-campaign .campaign-content p a i { margin-left:15px } @media only screen and (max-width: 479px) { .header-style-5 .header-top-campaign .campaign-content p { font-size:12px } } .header-style-7 .axil-header-top { background-color:var(--color-heading); padding:7px 45px } @media(max-width: 991px) { .header-style-7 .axil-header-top { padding:7px 0 } } @media(max-width: 767px) { .header-style-7 .axil-header-top { text-align:center } } .header-style-7 .header-top-text p { font-size:14px; color:var(--color-white) } .header-style-7 .header-top-text p i { color:#facc15; margin-right:5px } @media(max-width: 767px) { .header-style-7 .header-top-link .quick-link { justify-content:center } } .header-style-7 .header-top-link .quick-link li a { color:var(--color-white) } .header-style-7 .header-top-link .quick-link li a:hover { color:var(--color-secondary) } .header-brand a { display:block } @media only screen and (max-width: 991px) { .header-brand a img { max-height:35px } } @media only screen and (max-width: 320px) { .header-brand a img { max-height:30px } } .logo-light { display:none !important } .axil-mainmenu .header-navbar { display:flex; align-items:center; width:100% } .axil-mainmenu .header-navbar .header-main-nav { flex:1; margin:0 50px } @media only screen and (max-width: 991px) { .axil-mainmenu .header-navbar .header-main-nav { margin:0 } } .axil-mainmenu.axil-sticky { position:fixed; top:0; right:0; left:0; z-index:5; background-color:var(--color-white); box-shadow:0 2px 10px 0 rgba(0,0,0,.1); transition:var(--transition) } .axil-mainmenu.axil-sticky .mainmenu>li>a { height:80px; line-height:80px } .axil-mainmenu.axil-sticky .mainmenu>li>a:before { bottom:20px } .header-style-1 { background-color:#f9f3f0; padding-bottom:30px } .header-style-1 .header-navbar { background-color:var(--color-white); padding:0 40px; border-radius:10px } @media only screen and (max-width: 1199px) { .header-style-1 .header-navbar { padding:0 25px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .header-style-1 .header-navbar { padding:15px 25px } } @media only screen and (max-width: 767px) { .header-style-1 .header-navbar { padding:15px 15px } } @media only screen and (max-width: 1199px) { .header-style-1 .mainmenu>li { margin:0 13px } } .header-style-1 .axil-mainmenu.axil-sticky { background-color:rgba(0,0,0,0); box-shadow:none; padding-top:10px } .header-style-1 .axil-mainmenu.axil-sticky .header-navbar { box-shadow:0 2px 10px 0 rgba(0,0,0,.1) } @media only screen and (max-width: 575px) { .header-style-1 .header-brand { margin-right:10px } } .header-style-3 { background-color:#f9f3f0 } .header-style-3 .axil-mainmenu { padding:20px 0; position:relative; z-index:2 } .header-style-3 .axil-mainmenu.axil-sticky { position:fixed; background-color:rgba(0,0,0,0); box-shadow:none; z-index:4 } .header-style-3 .axil-mainmenu.axil-sticky .header-navbar { box-shadow:0 2px 10px 0 rgba(0,0,0,.1) } .header-style-3 .header-navbar { background-color:var(--color-white); padding:0 20px; border-radius:10px } @media only screen and (min-width: 768px)and (max-width: 991px) { .header-style-3 .header-navbar { padding:10px 20px } } @media only screen and (max-width: 767px) { .header-style-3 .header-navbar { padding:10px 20px } } .header-style-3 .header-action { display:flex; align-items:center } .header-style-3 .header-action .header-btn .axil-btn { padding:12px 30px; font-size:15px; font-weight:500 } @media only screen and (max-width: 479px) { .header-style-3 .header-action .header-btn .axil-btn { padding:12px 20px } } .header-style-4 .mainmenu>li>a { line-height:60px; height:60px } .header-style-4 .mainmenu>li>a:before { bottom:18px } @media only screen and (max-width: 991px) { .header-style-5 .axil-mainmenu { padding:15px 0 } } @media only screen and (max-width: 1399px) { .header-style-5 .header-navbar .header-main-nav { margin:0 20px } } @media only screen and (max-width: 1399px)and (max-width: 991px) { .header-style-5 .header-navbar .header-main-nav { margin:0 } } @media only screen and (max-width: 1399px) { .header-style-5 .mainmenu { margin:0 -18px } .header-style-5 .mainmenu>li { margin:0 18px } } .header-style-5 .header-action .axil-search input { border:1px solid #f0f0f0; height:40px } .header-style-7 { position:relative; z-index:5 } .header-style-7 .axil-mainmenu { padding:20px 45px; box-shadow:0px 4px 10px 0px rgba(0,0,0,.03); filter:drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.03)) } @media(max-width: 991px) { .header-style-7 .axil-mainmenu { padding:20px 0; filter:none } } .header-style-7 .axil-mainmenu .header-navbar .header-main-nav { margin-left:90px } @media(max-width: 1199px) { .header-style-7 .axil-mainmenu .header-navbar .header-main-nav { margin:0 30px } } @media(max-width: 991px) { .header-style-7 .axil-mainmenu .header-navbar .header-main-nav { margin:0 } } .header-style-7 .header-action>ul { margin:0 -14px } @media(max-width: 767px) { .header-style-7 .header-action>ul { margin:0 -10px } } .header-style-7 .header-action>ul>li { margin:0 14px } @media(max-width: 767px) { .header-style-7 .header-action>ul>li { margin:0 10px } } .header-style-7 .header-action>ul>li>a { font-size:19px } .header-style-7 .header-action .axil-search { margin-right:110px } @media(max-width: 1599px) { .header-style-7 .header-action .axil-search { margin-right:16px } } @media(max-width: 767px) { .header-style-7 .header-action .axil-search { margin-right:10px } } .header-style-7 .header-action .axil-search input { border:1px solid #d6d6d6; height:40px; border-radius:8px; padding:0 15px; padding-right:35px; width:448px; max-width:448px } .header-style-7 .header-action .axil-search .icon { left:auto; right:16px; font-size:18px; color:var(--color-body); top:50% } .header-style-7 .header-action .axil-search .icon:hover { color:var(--color-heading) } .header-style-7 .header-action .shopping-cart .cart-dropdown-btn .cart-count { height:14px; width:14px; line-height:14px; font-size:10px; border:none; display:block; top:-16px; right:-8px } .header-style-7 .header-action .my-account .my-account-dropdown { margin-top:30px } .header-style-7 .mainmenu { justify-content:flex-start; margin:0 -20px } @media(max-width: 1199px) { .header-style-7 .mainmenu { margin:0 -15px } } .header-style-7 .mainmenu>li { margin:0 20px } @media(max-width: 1199px) { .header-style-7 .mainmenu>li { margin:0 15px } } .header-style-7 .mainmenu>li>a { font-size:16px; font-weight:500; line-height:1 !important; height:auto !important } .header-style-7 .mainmenu>li>a i { margin-right:10px; color:var(--color-body); transition:.3s } .header-style-7 .mainmenu>li>a:before { display:none } .header-style-7 .mainmenu>li>a:hover i { color:var(--color-heading) } .header-style-7 .mainmenu>li.dropdown .dropdown-toggle { border:1px dashed var(--color-primary); display:flex; align-items:center; font-size:16px; padding:9px 14px; border-radius:8px } .header-style-7 .mainmenu>li.dropdown .dropdown-toggle i { color:var(--color-primary) } .header-style-7 .mainmenu>li.dropdown .dropdown-toggle:after { content:""; font-family:var(--font-awesome); border:none; vertical-align:middle; font-size:12px; margin-left:8px; transition:all .3s ease-in-out } .header-style-7 .mainmenu>li.dropdown .dropdown-toggle:hover { color:var(--color-primary) } .header-style-7 .mainmenu>li.dropdown .dropdown-toggle:hover i { color:var(--color-primary) } .header-style-7 .mainmenu>li.dropdown .dropdown-toggle:hover:after { color:var(--color-primary) } @media(max-width: 991px) { .header-style-7 .mainmenu>li.dropdown .dropdown-toggle { border:none; padding:5px 0 } .header-style-7 .mainmenu>li.dropdown .dropdown-toggle i { color:var(--color-body) } } .header-style-7 .mainmenu>li.dropdown .dropdown-menu { list-style:none } @media(min-width: 992px) { .header-style-7 .mainmenu>li.dropdown .dropdown-menu { transform:translate(0px, 20px) !important; inset:initial !important; background:#fff; min-width:250px; padding:15px 10px; border-radius:4px; display:block !important; visibility:hidden; opacity:0; box-shadow:var(--shadow-primary); transition:all .3s ease-in-out } } @media(max-width: 991px) { .header-style-7 .mainmenu>li.dropdown .dropdown-menu { position:initial !important; border:none; padding:0 0 0 10px } } .header-style-7 .mainmenu>li.dropdown .dropdown-menu li { margin:0 } .header-style-7 .mainmenu>li.dropdown .dropdown-menu li a { position:relative; font-size:15px; text-transform:capitalize; color:var(--color-heading); font-weight:500; padding:10px 15px; display:block; transition:all .3s ease-in-out; z-index:1; overflow:hidden; border-bottom:1px solid #f3f3f3 } .header-style-7 .mainmenu>li.dropdown .dropdown-menu li a:hover { color:var(--color-secondary); background:rgba(0,0,0,0) } .header-style-7 .mainmenu>li.dropdown .dropdown-menu li a.active { color:var(--color-secondary) } .header-style-7 .mainmenu>li.dropdown .dropdown-menu li a.active:hover { color:var(--color-secondary) } @media(max-width: 991px) { .header-style-7 .mainmenu>li.dropdown .dropdown-menu li a { padding:10px 0 } } .header-style-7 .mainmenu>li.dropdown .dropdown-menu li:last-child a { border-bottom:none } .header-style-7 .mainmenu>li.dropdown .dropdown-menu.show { visibility:visible; opacity:1; transform:translate(0px, 10px) !important } @media(max-width: 1599px) { .d-none-laptop { display:none } } @media(min-width: 1600px) { .d-none-desktop { display:none } } @media only screen and (max-width: 479px) { .header-action { margin-top:4px } } .header-action>ul { display:flex; align-items:center; margin:0 -10px; padding:0 } @media only screen and (max-width: 479px) { .header-action>ul { margin:0 -6px } } .header-action>ul>li { margin:0 10px } @media only screen and (max-width: 479px) { .header-action>ul>li { margin:0 5px } } .header-action>ul>li>a { font-size:24px; font-weight:500; color:var(--color-heading); position:relative; display:flex; align-items:center; justify-content:center; z-index:1 } @media only screen and (max-width: 479px) { .header-action>ul>li>a { font-size:22px } } .header-action>ul>li>a>i { display:inline-block; line-height:0 } .header-action>ul>li>a::after { content:""; height:45px; width:45px; background-color:var(--color-secondary); transform:scale(0); border-radius:50%; position:absolute; z-index:-1; transition:var(--transition) } @media only screen and (max-width: 575px) { .header-action>ul>li>a::after { height:35px; width:35px } } .header-action>ul>li>a:focus { color:var(--color-heading) } .header-action>ul>li>a:hover { color:var(--color-white) } .header-action>ul>li>a:hover::after { transform:scale(1) } .header-action>ul>li>a.open { color:var(--color-white) } .header-action>ul>li>a.open::after { transform:scale(1) } .header-action .shopping-cart .cart-dropdown-btn .cart-count { text-align:center; background-color:var(--color-primary); border:2px solid var(--color-white); font-size:12px; font-weight:500; color:var(--color-white); border-radius:50%; height:22px; width:22px; line-height:19px; position:absolute; top:-12px; right:-12px } .header-action .my-account { position:relative } .header-action .my-account .my-account-dropdown { position:absolute; top:100%; right:0; background:#fff; z-index:-1; opacity:0; visibility:hidden; min-width:250px; padding:20px; border-radius:4px; box-shadow:var(--shadow-primary); list-style:none; transform:translateY(30px); margin-top:20px } @media only screen and (max-width: 479px) { .header-action .my-account .my-account-dropdown { right:-30px } } .header-action .my-account .my-account-dropdown ul { list-style:none; padding-left:0 } .header-action .my-account .my-account-dropdown .title { font-size:12px; font-weight:500 } .header-action .my-account .my-account-dropdown li { margin:0 } .header-action .my-account .my-account-dropdown li a { font-size:16px; border-bottom:1px solid #eee; padding:12px 0; display:block } .header-action .my-account .my-account-dropdown li:hover>a { color:var(--color-primary) } .header-action .my-account .my-account-dropdown .login-btn { text-align:center; text-align:center; margin-top:30px; margin-bottom:25px } .header-action .my-account .my-account-dropdown .axil-btn { padding:10px 35px; width:100% } .header-action .my-account .my-account-dropdown .reg-footer { font-size:12px } .header-action .my-account .my-account-dropdown .reg-footer .btn-link { margin-left:7px; font-weight:700; text-transform:uppercase; color:var(--color-dark); position:relative; line-height:1; border-bottom:2px solid #999fae; text-decoration:none } .header-action .my-account .my-account-dropdown .reg-footer .btn-link:hover { color:var(--color-primary); border-color:var(--color-primary) } .header-action .my-account .my-account-dropdown.open { opacity:1; visibility:visible; z-index:9; transform:translateY(0) } .header-action .axil-search { position:relative } .header-action .axil-search .icon { position:absolute; left:15px; width:auto; padding:0; top:52%; transform:translateY(-50%); line-height:1; background-color:rgba(0,0,0,0); font-size:22px; color:var(--color-heading) } .header-action .axil-search .icon i { display:inline-block; line-height:0 } .header-action .axil-search input { background:var(--color-white); color:var(--color-heading); border-radius:6px; padding-left:40px; padding-right:10px; max-width:250px; height:50px; opacity:1; font-size:14px } .header-search-modal { position:fixed; top:50%; left:50%; transform:translateY(-50%) translateX(-50%) scale(0.8); opacity:0; visibility:hidden; z-index:10 } @media only screen and (max-width: 991px) { .header-search-modal { width:92%; right:-100% } } .header-search-modal .card-close { height:40px; width:40px; font-size:16px; color:var(--color_black); border-radius:50%; position:absolute; right:-60px; top:0; z-index:1 } .header-search-modal .card-close:hover { background-color:var(--color-primary); color:var(--color-white) } @media only screen and (max-width: 991px) { .header-search-modal .card-close { height:35px; width:35px; font-size:15px; right:30px; top:12px } } @media only screen and (max-width: 479px) { .header-search-modal .card-close { right:15px; top:14px } } .header-search-modal .header-search-wrap { background-color:var(--color-white); border-radius:10px; padding:40px 30px; width:800px; height:575px; max-height:90vh; overflow:auto } @media only screen and (max-width: 991px) { .header-search-modal .header-search-wrap { width:100%; padding:70px 30px 30px } } @media only screen and (max-width: 479px) { .header-search-modal .header-search-wrap { padding:70px 15px 30px } } .header-search-modal .card-header { background-color:rgba(0,0,0,0); padding:0; border-bottom:none } .header-search-modal .card-header form { padding-bottom:30px } .header-search-modal .card-header .form-control { border:1px solid #f1f1f1; border-radius:6px !important; font-size:15px; height:55px; padding:5px 20px 5px 50px; color:var(--color-) } .header-search-modal .card-header .form-control:focus { box-shadow:0 16px 32px 0 rgba(0,0,0,.04) } .header-search-modal .card-header .form-control::placeholder { color:var(--color-heading); opacity:1 } .header-search-modal .card-header .form-control:-ms-input-placeholder { color:var(--color-heading) } .header-search-modal .card-header .form-control::-ms-input-placeholder { color:var(--color-heading) } .header-search-modal .card-header .axil-btn { width:auto; padding:5px 20px; font-size:15px; background-color:rgba(0,0,0,0); margin:5px; border-radius:6px !important; z-index:1; position:absolute; top:0; left:0; bottom:0; z-index:10; pointer-events:none } .header-search-modal .card-header .axil-btn:before { display:none } .header-search-modal .card-header .axil-btn i { margin-right:0; color:var(--color-lightest) } .header-search-modal .card-header .axil-btn:hover i { color:var(--color-heading) } .header-search-modal .card-body { padding:0 } .header-search-modal .search-result-header { border-bottom:1px solid #f6f7fb; padding-bottom:15px; margin-bottom:25px; display:flex; align-items:center; justify-content:space-between } .header-search-modal .search-result-header .title { margin-bottom:0; font-size:14px; font-weight:400; color:var(--color-heading) } .header-search-modal .search-result-header .view-all { font-size:14px; transition:.3s; color:var(--color-heading); position:relative } .header-search-modal .search-result-header .view-all:after { content:""; height:2px; width:0; background-color:var(--color-heading); position:absolute; bottom:-2px; right:0; opacity:0; transition:.5s } .header-search-modal .search-result-header .view-all:hover { color:var(--color-heading) } .header-search-modal .search-result-header .view-all:hover:after { width:100%; opacity:1; left:0 } .header-search-modal .psearch-results .axil-product-list { padding:20px; margin-bottom:20px } @media only screen and (max-width: 575px) { .header-search-modal .psearch-results .axil-product-list { display:flex; text-align:left; align-items:flex-start } .header-search-modal .psearch-results .axil-product-list .thumbnail { margin-bottom:0; margin-right:15px } .header-search-modal .psearch-results .axil-product-list .product-rating { justify-content:flex-start } } @media only screen and (max-width: 479px) { .header-search-modal .psearch-results .axil-product-list { padding:15px } .header-search-modal .psearch-results .axil-product-list .thumbnail { width:60px } .header-search-modal .psearch-results .axil-product-list .product-content .product-title { margin-bottom:4px } .header-search-modal .psearch-results .axil-product-list .product-content .product-price-variant { font-size:16px } .header-search-modal .psearch-results .axil-product-list .product-content .rating-icon { margin-right:10px } .header-search-modal .psearch-results .axil-product-list .product-content .product-rating { display:block; margin-bottom:5px } .header-search-modal .psearch-results .axil-product-list .product-content .product-rating .rating-number { margin-left:0 } .header-search-modal .psearch-results .axil-product-list .product-content .product-cart { margin-top:10px } } .header-search-modal .psearch-results .axil-product-list:last-child { margin-bottom:0 } .header-search-modal .psearch-results.show { visibility:visible; opacity:1 } .header-search-modal.open { visibility:visible; opacity:1; transform:translate(-50%, -50%) scale(1); transition:all .3s cubic-bezier(0.29, 1.39, 0.86, 1.15) } .axil-mainmenu.aside-category-menu { background-color:#f7f7f7 } @media only screen and (max-width: 991px) { .axil-mainmenu.aside-category-menu { padding:10px 0 } } .axil-mainmenu.aside-category-menu .header-main-nav { margin-right:0; margin-left:40px } @media only screen and (max-width: 991px) { .axil-mainmenu.aside-category-menu .header-main-nav { margin-left:0 } } .axil-mainmenu.aside-category-menu .header-nav-department { width:250px } @media only screen and (max-width: 1199px) { .axil-mainmenu.aside-category-menu .header-nav-department { width:auto } } .axil-mainmenu.aside-category-menu .header-department { position:relative } .axil-mainmenu.aside-category-menu .header-department .header-department-text { font-size:16px; background:var(--color-primary); margin-bottom:0; display:flex; padding:17px 30px; position:relative } @media only screen and (max-width: 991px) { .axil-mainmenu.aside-category-menu .header-department .header-department-text { padding:10px 20px; border-radius:6px } } .axil-mainmenu.aside-category-menu .header-department .header-department-text .icon { margin-right:20px; color:var(--color-white); font-size:18px } @media only screen and (max-width: 991px) { .axil-mainmenu.aside-category-menu .header-department .header-department-text .icon { margin-right:15px } } @media only screen and (max-width: 479px) { .axil-mainmenu.aside-category-menu .header-department .header-department-text .icon { display:none } } .axil-mainmenu.aside-category-menu .header-department .header-department-text .text { color:var(--color-white); margin:0; cursor:pointer } .axil-mainmenu.aside-category-menu .header-department .department-nav-menu { position:absolute; top:100%; left:0; right:0; background-color:var(--color-white); border:1px solid #f3f3f3; padding:6px 0; transition:var(--transition); z-index:5 } @media only screen and (max-width: 1199px) { .axil-mainmenu.aside-category-menu .header-department .department-nav-menu { position:fixed; top:0; left:-260px; bottom:0; z-index:50; width:250px; padding:70px 0 20px; height:100%; border-radius:0 } } .axil-mainmenu.aside-category-menu .header-department .department-nav-menu .sidebar-close { font-size:14px; color:var(--color-black); position:absolute; top:8px; right:15px; height:30px; width:30px; line-height:30px; background-color:var(--color-lighter); border-radius:10px; display:none } .axil-mainmenu.aside-category-menu .header-department .department-nav-menu .sidebar-close:hover { background-color:var(--color-primary); color:var(--color-white) } @media only screen and (max-width: 1199px) { .axil-mainmenu.aside-category-menu .header-department .department-nav-menu .sidebar-close { display:block } } @media only screen and (max-width: 1199px) { .axil-mainmenu.aside-category-menu .header-department .department-nav-menu .nav-menu-list { height:100%; overflow:auto } } .axil-mainmenu.aside-category-menu .header-department .department-nav-menu>ul>li { padding:0 30px; margin:0; position:relative } .axil-mainmenu.aside-category-menu .header-department .department-nav-menu>ul>li:hover .department-megamenu { pointer-events:auto; visibility:visible; opacity:1; transform:translateX(0) } .axil-mainmenu.aside-category-menu .header-department .department-nav-menu>ul>li:hover .department-megamenu .department-submenu { opacity:1; transform:translateX(0) } .axil-mainmenu.aside-category-menu .header-department .department-nav-menu>ul>li:hover .department-megamenu .featured-product { opacity:1; transform:translateY(0) } .axil-mainmenu.aside-category-menu .header-department .department-nav-menu>ul>li:last-child .nav-link { border-bottom:none } .axil-mainmenu.aside-category-menu .header-department .department-nav-menu .nav-link { display:flex; align-items:center; font-size:14px; font-weight:500; color:#999; padding:13px 0; border-bottom:1px solid #f3f3f3; position:relative } @media only screen and (max-width: 1199px) { .axil-mainmenu.aside-category-menu .header-department .department-nav-menu .nav-link { font-size:16px; padding:12px 0 } } .axil-mainmenu.aside-category-menu .header-department .department-nav-menu .nav-link .menu-icon { margin-right:14px; position:relative; top:-2px } .axil-mainmenu.aside-category-menu .header-department .department-nav-menu .nav-link .menu-icon img { width:25px; height:auto } .axil-mainmenu.aside-category-menu .header-department .department-nav-menu .nav-link.has-megamenu:after { content:""; font-family:var(--font-awesome); font-weight:400; color:#c5c5c5; font-size:14px; position:absolute; top:50%; transform:translateY(-50%); right:0; transition:var(--transition) } .axil-mainmenu.aside-category-menu .header-department .department-nav-menu .nav-link:hover { color:var(--color-heading) } .axil-mainmenu.aside-category-menu .header-department .department-nav-menu .nav-link:hover:after { color:var(--color-primary); transform:translateY(-50%) rotate(-90deg) } .axil-mainmenu.aside-category-menu .header-department .department-nav-menu.open { left:0 } .axil-mainmenu.aside-category-menu .header-department .department-megamenu { position:absolute; top:0; left:100%; width:990px; z-index:3; transform:translateX(10px); visibility:hidden; opacity:0; pointer-events:none; transition:all .3s ease-in-out; margin-left:1px } @media only screen and (max-width: 1320px) { .axil-mainmenu.aside-category-menu .header-department .department-megamenu { width:870px } } @media only screen and (max-width: 1199px) { .axil-mainmenu.aside-category-menu .header-department .department-megamenu { position:initial; visibility:visible; opacity:1; transform:translateX(0); pointer-events:auto; width:auto; display:none; transition:initial } } .axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-megamenu-wrap { background-color:var(--color-white); border-radius:0 0 24px 0; box-shadow:40px 40px 48px 0px rgba(36,41,47,.1); padding:30px; display:flex } @media only screen and (max-width: 1320px) { .axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-megamenu-wrap { padding:15px } } @media only screen and (max-width: 1199px) { .axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-megamenu-wrap { display:block; padding:0; box-shadow:none; padding:20px 0 } } .axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu-wrap { flex:auto; padding:30px; display:grid; grid-template-columns:repeat(3, 1fr); column-gap:20px; border-right:2px solid #f6f7fb } @media only screen and (max-width: 1199px) { .axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu-wrap { grid-template-columns:repeat(1, 1fr); padding:0; border:none } } .axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu { opacity:0; transform:translateX(10px); transition:all .3s ease-in-out } @media only screen and (max-width: 1199px) { .axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu { opacity:1; transform:translateX(0) } } .axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu:nth-child(1n) { transition-delay:.1s } .axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu:nth-child(2n) { transition-delay:.2s } .axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu:nth-child(3n) { transition-delay:.3s } .axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu .submenu-heading { font-size:16px; color:var(--color-black); margin-bottom:12px } @media only screen and (max-width: 1199px) { .axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu .submenu-heading { font-size:16px } } .axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu ul { margin-bottom:30px } .axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu ul li a { font-size:14px; font-weight:500; color:var(--color-body); padding:10px 0 } .axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu ul li a:hover { color:var(--color-primary) } .axil-mainmenu.aside-category-menu .header-department .department-megamenu .featured-product { padding:40px 30px 40px 55px; max-width:40%; opacity:0; transform:translateY(10px); transition:all .3s ease-in-out; transition-delay:.4s } @media only screen and (max-width: 1199px) { .axil-mainmenu.aside-category-menu .header-department .department-megamenu .featured-product { max-width:100%; opacity:1; transform:translateY(0); padding:0 } } .axil-mainmenu.aside-category-menu .header-department .department-megamenu .featured-product .featured-heading { font-size:16px; color:var(--color-black); margin-bottom:12px } .axil-mainmenu.aside-category-menu .header-department .department-megamenu .featured-product .product-list { display:grid; grid-template-columns:repeat(2, 1fr); gap:15px } .axil-mainmenu.aside-category-menu .header-department .department-megamenu .featured-product .product-list .item-product:nth-child(-n+2) { grid-column:span 2 } .axil-mainmenu.aside-category-menu .header-department .department-megamenu .featured-product .product-list .item-product a { overflow:hidden; display:block; border-radius:8px } .axil-mainmenu.aside-category-menu .header-department .department-megamenu .featured-product .product-list .item-product a img { border-radius:8px; transition:.4s ease-in-out } .axil-mainmenu.aside-category-menu .header-department .department-megamenu .featured-product .product-list .item-product a:hover img { transform:scale(1.1) } .axil-mainmenu.aside-category-menu .header-department .department-megamenu .featured-product .axil-btn { margin-top:15px; display:block; text-align:center } .axil-mainmenu.aside-category-menu .mainmenu { justify-content:flex-start } @media only screen and (max-width: 1199px) { .axil-mainmenu.aside-category-menu .mainmenu>li { margin:0 20px } } .axil-mainmenu.aside-category-menu .mainmenu>li:last-child { margin-right:0 } .axil-mainmenu.aside-category-menu .mainmenu>li>a { line-height:60px; height:60px } .axil-mainmenu.aside-category-menu .mainmenu>li>a:before { bottom:18px } @media only screen and (max-width: 991px) { .header-main-nav .mainmenu-nav { display:block; position:fixed; top:0; bottom:0; right:-250px; width:250px; background-color:var(--color-white); z-index:100; transition:all .3s ease-in-out; padding:20px 30px 10px; visibility:hidden; opacity:0 } .header-main-nav .mainmenu-nav .mainmenu { display:block; height:calc(100vh - 85px); overflow-y:auto; margin:0 } .header-main-nav .mainmenu-nav .mainmenu>li { margin:10px 0 !important; transform:translateY(20px); opacity:0; transition:all .3s ease-in-out } .header-main-nav .mainmenu-nav .mainmenu>li>a { color:var(--color-body); line-height:var(--line-height-b2) !important; height:auto !important; padding:5px 0; display:inline-block } .header-main-nav .mainmenu-nav .mainmenu>li>a::before { display:none } .header-main-nav .mainmenu-nav .mainmenu>li.menu-item-has-children a { margin:0 } .header-main-nav .mainmenu-nav .mainmenu>li.menu-item-has-children a::after { right:-18px; top:4px; color:var(--color-body) } .header-main-nav .mainmenu-nav .mainmenu>li.menu-item-has-children .axil-submenu { display:none; position:static; transform:scaleY(1); visibility:visible; opacity:1; min-width:auto; box-shadow:none; padding:0; transition:initial } .header-main-nav .mainmenu-nav .mainmenu>li.menu-item-has-children .axil-submenu li a { padding:5px 10px } .header-main-nav .mainmenu-nav .mainmenu>li.menu-item-has-children .axil-submenu li a:after { display:none } .header-main-nav .mainmenu-nav .mainmenu>li.menu-item-has-children .axil-submenu li a:hover { color:var(--color-primary); background-color:rgba(0,0,0,0) } } .header-main-nav.open .mainmenu-nav { right:0; visibility:visible; opacity:1 } .header-main-nav.open .mainmenu-nav .mainmenu li { transform:translateY(0); opacity:1 } .header-main-nav.open .mainmenu-nav .mainmenu li:nth-child(1n) { transition-delay:.3s } .header-main-nav.open .mainmenu-nav .mainmenu li:nth-child(2n) { transition-delay:.4s } .header-main-nav.open .mainmenu-nav .mainmenu li:nth-child(3n) { transition-delay:.5s } .header-main-nav.open .mainmenu-nav .mainmenu li:nth-child(4n) { transition-delay:.6s } .header-main-nav.open .mainmenu-nav .mainmenu li:nth-child(5n) { transition-delay:.7s } .header-main-nav.open .mainmenu-nav .mainmenu li:nth-child(6n) { transition-delay:.8s } .header-main-nav.open .mainmenu-nav .mainmenu li:nth-child(7n) { transition-delay:.9s } .header-main-nav.open .mainmenu-nav .mainmenu li:nth-child(8n) { transition-delay:1s } .mobile-close-btn { background-color:rgba(0,0,0,0); position:absolute; top:19px; right:15px; height:35px; width:35px; background-color:var(--color-lighter); border-radius:40px; color:var(--color-dark); font-size:12px } @media only screen and (min-width: 992px) { .mobile-close-btn { display:none } } .mobile-close-btn:hover { background-color:var(--color-primary); color:var(--color-white) } .mobile-nav-brand { margin-bottom:30px } .mobile-nav-brand img { max-height:35px } @media only screen and (min-width: 992px) { .mobile-nav-brand { display:none } } .axil-mobile-toggle { margin-left:30px } @media only screen and (min-width: 992px) { .axil-mobile-toggle { display:none } } @media only screen and (max-width: 575px) { .axil-mobile-toggle { margin-left:18px } } .axil-mobile-toggle .menu-btn { display:flex; align-items:center; justify-content:center; padding:0; background-color:rgba(0,0,0,0); position:relative; z-index:1; color:var(--color-heading); font-size:23px } @media only screen and (max-width: 479px) { .axil-mobile-toggle .menu-btn { font-size:22px } } .axil-mobile-toggle .menu-btn i { display:inline-block; line-height:0 } .axil-mobile-toggle .menu-btn:after { content:""; height:40px; width:40px; background:var(--color-secondary); border-radius:50%; position:absolute; z-index:-1; transform:scale(0); transition:var(--transition) } @media only screen and (max-width: 575px) { .axil-mobile-toggle .menu-btn:after { height:35px; width:35px } } .axil-mobile-toggle .menu-btn:hover { color:var(--color-white) } .axil-mobile-toggle .menu-btn:hover:after { transform:scaleX(1) } .header-mobile-brand img { width:150px } @media only screen and (max-width: 991px) { .mainmenu-nav { display:none } } .mainmenu { display:flex; align-items:center; flex-wrap:wrap; justify-content:center; margin:0 -24px } @media only screen and (max-width: 1199px) { .mainmenu { margin:0 -15px } } .mainmenu>li { margin:0 24px } @media only screen and (max-width: 1199px) { .mainmenu>li { margin:0 15px } } .mainmenu>li>a { color:var(--color-heading); font-weight:700; font-size:15px; font-family:var(--font-primary); line-height:80px; height:80px; display:block; position:relative; transition:var(--transition) } .mainmenu>li>a::before { content:""; height:2px; width:0; background-color:var(--color-black); position:absolute; bottom:29px; left:0; opacity:0; transition:.5s } .mainmenu>li>a:hover { color:var(--color-black) } .mainmenu>li>a:hover::before { opacity:1; width:100% } .mainmenu>li>a.active { color:var(--color-black) } .mainmenu>li>a.active:before { width:100%; opacity:1 } .mainmenu>.menu-item-has-children { position:relative } .mainmenu>.menu-item-has-children>a { position:relative; margin-right:15px } .mainmenu>.menu-item-has-children>a::after { content:""; font-family:var(--font-awesome); font-weight:400; color:#c6c6c6; font-size:16px; position:absolute; top:1px; right:-14px } .mainmenu>.menu-item-has-children.menu-item-open>a:before { width:100%; opacity:1 } .mainmenu>.menu-item-has-children .axil-submenu { position:absolute; top:100%; left:0; background:#fff; z-index:-1; opacity:0; visibility:hidden; min-width:250px; padding:15px 10px; border-radius:4px; box-shadow:var(--shadow-primary); transition:all .3s ease-in-out; list-style:none; pointer-events:none } .mainmenu>.menu-item-has-children .axil-submenu li { margin:0 } .mainmenu>.menu-item-has-children .axil-submenu li a { position:relative; font-size:15px; text-transform:capitalize; color:var(--color-heading); font-weight:500; padding:5px 15px; border-radius:4px; display:block; transition:all .3s ease-in-out; z-index:1; overflow:hidden } .mainmenu>.menu-item-has-children .axil-submenu li a:hover { color:var(--color-secondary) } .mainmenu>.menu-item-has-children .axil-submenu li a.active { color:var(--color-secondary) } .mainmenu>.menu-item-has-children .axil-submenu li a.active:hover { color:var(--color-secondary) } .mainmenu>.menu-item-has-children:hover .axil-submenu { top:90%; opacity:1; visibility:visible; z-index:9; pointer-events:all } .cart-dropdown { position:fixed; right:-600px; top:0; bottom:0; z-index:101; transition:all .5s cubic-bezier(0.55, 0, 0.1, 1) } @media only screen and (max-width: 767px) { .cart-dropdown { width:100%; right:-100% } } .cart-dropdown .cart-content-wrap { background-color:var(--color-white); padding:60px 50px; width:600px; height:100%; display:flex; flex-direction:column; overflow:auto } @media only screen and (max-width: 767px) { .cart-dropdown .cart-content-wrap { width:100%; padding:30px } } @media only screen and (max-width: 479px) { .cart-dropdown .cart-content-wrap { padding:30px 15px } } .cart-dropdown .cart-content-wrap::-webkit-scrollbar { width:8px; border-radius:10px } .cart-dropdown .cart-content-wrap::-webkit-scrollbar-track { background:#f1f1f1; border-radius:10px; transition:.5s } .cart-dropdown .cart-content-wrap::-webkit-scrollbar-thumb { background:var(--color-lightest); border-radius:10px; transition:.5s } .cart-dropdown .cart-content-wrap::-webkit-scrollbar-thumb:hover { background:var(--color-primary) } .cart-dropdown .cart-header { display:flex; align-items:center; justify-content:space-between; border-bottom:2px solid #f6f7fb; padding-bottom:18px } .cart-dropdown .cart-header .header-title { font-size:26px; color:#27272e; margin-bottom:0 } @media only screen and (max-width: 767px) { .cart-dropdown .cart-header .header-title { font-size:24px } } .cart-dropdown .cart-header .cart-close { height:40px; width:40px; font-size:16px; color:var(--color_black); border-radius:50% } .cart-dropdown .cart-header .cart-close:hover { background-color:var(--color-primary); color:var(--color-white) } .cart-dropdown .cart-body { padding:30px 0; flex:auto } .cart-dropdown .cart-item { display:flex; align-items:center; margin-bottom:30px; border-bottom:1px solid #f6f7fb; padding-bottom:30px } @media only screen and (max-width: 479px) { .cart-dropdown .cart-item { align-items:flex-start } } .cart-dropdown .cart-item:last-child { margin-bottom:0; border-bottom:none } .cart-dropdown .cart-item .item-img { margin-right:30px; position:relative } @media only screen and (max-width: 479px) { .cart-dropdown .cart-item .item-img { margin-right:15px } } .cart-dropdown .cart-item .item-img a { display:block; background-color:#f6f7fb; border-radius:10px } @media only screen and (max-width: 767px) { .cart-dropdown .cart-item .item-img a { width:70px } } .cart-dropdown .cart-item .item-img a img { border-radius:10px; height:100px; width:100px; object-fit:cover } .cart-dropdown .cart-item .item-img .close-btn { height:31px; width:31px; background-color:#f6f7fb; border:2px solid var(--color-white); border-radius:50%; font-size:12px; color:var(--color-black); position:absolute; top:-15px; left:-10px; transition:all .3s ease-in-out } @media only screen and (max-width: 767px) { .cart-dropdown .cart-item .item-img .close-btn { height:25px; width:25px; font-size:10px } } .cart-dropdown .cart-item .item-img .close-btn:hover { background-color:var(--color-primary); color:var(--color-white) } .cart-dropdown .cart-item .item-content { flex:1; position:relative; padding-right:110px } @media only screen and (max-width: 479px) { .cart-dropdown .cart-item .item-content { padding-right:0 } } .cart-dropdown .cart-item .product-rating { margin-bottom:14px; font-size:10px; transition:var(--transition) } .cart-dropdown .cart-item .product-rating i { color:#ffdc60 } .cart-dropdown .cart-item .product-rating .rating-number { margin-left:5px; font-weight:500 } .cart-dropdown .cart-item .item-title { font-size:16px; color:var(--color-black); margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical } @media only screen and (max-width: 767px) { .cart-dropdown .cart-item .item-title { font-size:16px; margin-bottom:15px } } @media only screen and (max-width: 479px) { .cart-dropdown .cart-item .item-title { margin-bottom:5px } } .cart-dropdown .cart-item .item-price { font-size:18px; font-family:var(--font-secondary); color:var(--color-black) } @media only screen and (max-width: 767px) { .cart-dropdown .cart-item .item-price { font-size:16px; margin-top:10px } } .cart-dropdown .cart-item .item-quantity { display:flex; align-items:center; position:absolute; top:50%; right:0; transform:translateY(-50%); justify-content:flex-end } @media only screen and (max-width: 479px) { .cart-dropdown .cart-item .item-quantity { position:initial; transform:translateY(0); justify-content:flex-start; margin-top:8px } } .cart-dropdown .cart-item .item-quantity .qtybtn { text-align:center; height:26px; width:26px; line-height:20px; font-size:18px; color:var(--color-black); background-color:#f6f7fb; border-radius:50%; transition:all .3s ease-in-out } .cart-dropdown .cart-item .item-quantity .qtybtn:hover { background-color:var(--color-primary); color:var(--color-white) } .cart-dropdown .cart-item .item-quantity .quantity-input { font-size:16px; font-weight:600; color:#27272e; height:26px; width:30px; border:none; text-align:center; padding:0 } .cart-dropdown .cart-item .item-quantity input::-webkit-outer-spin-button,.cart-dropdown .cart-item .item-quantity input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0 } .cart-dropdown .cart-item .item-quantity input[type=number] { -moz-appearance:textfield } .cart-dropdown .cart-footer { border-top:2px solid #f6f7fb } .cart-dropdown .cart-footer .cart-subtotal { display:flex; align-items:center; justify-content:space-between; margin:22px 0 30px; color:var(--color-black); font-size:20px } .cart-dropdown .cart-footer .cart-subtotal .subtotal-amount { font-weight:700 } .cart-dropdown .cart-footer .group-btn { display:grid; grid-template-columns:repeat(2, 1fr); column-gap:20px } @media only screen and (max-width: 575px) { .cart-dropdown .cart-footer .group-btn { display:block } } .cart-dropdown .cart-footer .group-btn .axil-btn { text-align:center } .cart-dropdown .cart-footer .group-btn .axil-btn:hover:before { transform:scale(1.05) } @media only screen and (max-width: 575px) { .cart-dropdown .cart-footer .group-btn .axil-btn { display:block; margin-bottom:10px } } .cart-dropdown.open { right:0 } body.open .closeMask { height:100%; width:100%; background-color:rgba(0,0,0,.6); position:fixed; top:0; left:0; right:0; bottom:0; z-index:6; transition:.3s } .category-select { display:flex; flex-wrap:wrap; margin:-10px } .category-select .single-select { color:var(--color-dark); width:auto; margin:10px; padding-right:43px; background:url(../images/icons/arrow-icon2.png) 85% center no-repeat rgba(0,0,0,0); font-family:var(--font-primary); font-weight:500; font-size:var(--font-size-b1); border:2px solid var(--color-light) } @media only screen and (max-width: 767px) { .category-select .single-select { width:100%; background-position-x:95% } } .axil-product { position:relative } @media only screen and (max-width: 575px) { .axil-product { text-align:center } } .axil-product>.thumbnail { position:relative; display:block } .axil-product>.thumbnail>a { display:block; background-color:#f7f7f7; border-radius:6px; overflow:hidden; position:relative } .axil-product>.thumbnail>a img { border-radius:6px; width:100%; transition:.3s } .axil-product>.thumbnail>a .hover-img { position:absolute; top:0; left:0; right:0; bottom:0; visibility:hidden; opacity:0; transition:.3s } .axil-product>.thumbnail .label-block { position:absolute; top:24px; left:24px; z-index:2 } .axil-product>.thumbnail .label-block .product-badget { background-color:var(--color-primary); line-height:1; padding:6px 10px 5px; font-size:12px; font-weight:700; color:#fff; border-radius:4px; box-shadow:0 8px 16px 0 rgba(53,119,240,.3) } .axil-product>.thumbnail .label-block.label-right { left:auto; right:-10px } .axil-product .sub-title { margin-bottom:10px } .axil-product .product-content { margin-top:25px; position:relative; margin-bottom:30px } .axil-product .product-content .product-rating { margin-bottom:10px; font-size:13px; transition:var(--transition) } .axil-product .product-content .product-rating i { color:#ffdc60 } .axil-product .product-content .product-rating .rating-number { margin-left:5px; font-weight:500 } .axil-product .product-content .inner { transition:.3s } .axil-product .product-content .sub-title { transition:var(--transition) } .axil-product .product-content .title { color:var(--color-body); font-size:16px; font-weight:500; margin-bottom:10px; transition:var(--transition) } .axil-product .product-content .title a { transition:.3s } .axil-product .product-content .product-price-variant { margin:-4px; transition:var(--transition); transition-delay:.1s } @media only screen and (max-width: 575px) { .axil-product .product-content .product-price-variant { justify-content:center } } .axil-product .product-content .product-price-variant span.price { margin:4px; color:var(--color-heading); font-weight:700; font-size:20px; font-family:var(--font-secondary) } .axil-product .product-content .product-price-variant span.price.old-price { color:#d6d6d6; text-decoration:line-through; margin-left:0 } .axil-product .product-hover-action { position:absolute; bottom:0; left:0; right:0; opacity:0; visibility:hidden; transition:.5s } .axil-product .cart-action { display:flex; align-items:center; justify-content:center; margin:-5px } .axil-product .cart-action li { margin:5px } .axil-product .cart-action li.wishlist a,.axil-product .cart-action li.quickview a { width:40px; height:40px; line-height:42px; border-radius:4px; background-color:var(--color-white); display:block; text-align:center; transition:.3s; position:relative; font-size:14px; color:var(--color-heading); box-shadow:0 16px 32px 0 rgba(0,0,0,.06); position:relative; z-index:1 } .axil-product .cart-action li.wishlist a:before,.axil-product .cart-action li.quickview a:before { content:""; height:100%; width:100%; background-color:var(--color-white); border-radius:4px; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1) } .axil-product .cart-action li.wishlist a i,.axil-product .cart-action li.quickview a i { transition:all .3s ease-in-out } .axil-product .cart-action li.wishlist a:hover:before,.axil-product .cart-action li.quickview a:hover:before { transform:scale(1.2) } .axil-product .cart-action li.wishlist a:hover i,.axil-product .cart-action li.quickview a:hover i { animation:btnIconSlide 400ms } .axil-product .cart-action li.select-option a { position:relative; height:40px; line-height:39px; padding:0 18px; display:block; border-radius:4px; font-weight:700; font-size:14px; color:var(--color-white); background-color:var(--color-secondary); transition:.3s; box-shadow:0 16px 32px 0 rgba(0,0,0,.06); position:relative; z-index:1 } .axil-product .cart-action li.select-option a:before { content:""; height:100%; width:100%; background-color:var(--color-secondary); border-radius:4px; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1) } .axil-product .cart-action li.select-option a:hover { background-color:var(--color-secondary); color:var(--color-white) } .axil-product .cart-action li.select-option a:hover:before { transform:scale(1.1) } .axil-product:hover .thumbnail a img { transform:scale(1.1) } .axil-product:hover .thumbnail a .hover-img { visibility:visible; opacity:1 } .axil-product:hover .product-hover-action { bottom:30px; opacity:1; visibility:visible; transition-delay:.2s } .axil-product.product-style-two { text-align:center } .axil-product.product-style-two .product-content .color-variant,.axil-product.product-style-two .product-content .product-price-variant { justify-content:center; margin-top:0 } .axil-product.product-style-two .product-content .color-variant { margin-bottom:10px } .axil-product.product-style-two .product-content .product-price-variant { margin-bottom:15px } .axil-product.product-style-two .thumbnail a { width:276px; height:276px; overflow:hidden; border-radius:50%; margin:0 auto } @media only screen and (max-width: 767px) { .axil-product.product-style-two .thumbnail a { width:200px; height:200px } } @media only screen and (max-width: 575px) { .axil-product.product-style-two .thumbnail a { width:250px; height:250px } } .axil-product.product-style-two .product-hover-action { position:initial; visibility:visible; opacity:1 } .axil-product.product-style-four { text-align:center } .axil-product.product-style-four .product-content .product-price-variant { justify-content:center } .axil-product.product-style-four .product-content .color-variant { justify-content:center } .axil-product.product-style-five { border-radius:6px; text-align:center } .axil-product.product-style-five .thumbnail a { border-radius:6px 6px 0 0 } .axil-product.product-style-five .thumbnail a img { border-radius:6px 6px 0 0 } .axil-product.product-style-five .product-content { padding:25px 30px 30px; margin:0; background-color:var(--color-white) } .axil-product.product-style-five .product-content .cart-action { padding-top:10px } .axil-product.product-style-six { border:1px solid #f1f1f1; border-radius:6px; margin-bottom:30px; transition:.3s } @media only screen and (max-width: 575px) { .axil-product.product-style-six { text-align:left } } .axil-product.product-style-six .thumbnail a { border-radius:6px 6px 0 0 } .axil-product.product-style-six .thumbnail a img { border-radius:6px 6px 0 0; transition:transform 3s cubic-bezier(0.2, 0.96, 0.34, 1) } .axil-product.product-style-six .product-content { margin:0; padding:35px 30px 30px; z-index:1 } .axil-product.product-style-six .product-content .product-price-variant { position:absolute; top:-57px; right:25px; z-index:-1; background-color:rgba(255,255,255,.5); border:1px solid rgba(255,255,255,.5); backdrop-filter:blur(25px); box-shadow:0 4px 30px rgba(0,0,0,.1); padding:5px 15px; border-radius:6px } .axil-product.product-style-six .product-content .product-price-variant span.price { font-size:18px; color:var(--color-white) } .axil-product.product-style-six .product-content .title { margin-bottom:15px } .axil-product.product-style-six .product-content .product-hover-action { position:initial; opacity:1; visibility:visible } .axil-product.product-style-six .product-content .product-hover-action .cart-action { justify-content:flex-start } .axil-product.product-style-six .product-content .product-hover-action .cart-action li.select-option a { background-color:rgba(0,0,0,0); border:1px solid #efefef; color:var(--color-heading); box-shadow:none } .axil-product.product-style-six .product-content .product-hover-action .cart-action li.select-option a:before { display:none } .axil-product.product-style-six .product-content .product-hover-action .cart-action li.select-option a:hover { background-color:var(--color-primary); color:var(--color-white); border-color:var(--color-primary) } .axil-product.product-style-six:hover { box-shadow:var(--shadow-dark); border-color:var(--color-white) } .axil-product.product-style-six:hover .thumbnail img { transform:scale(1.3) } .axil-product.product-style-seven:before { content:""; height:70%; width:100%; background-color:#f7f7f7; border-radius:6px; position:absolute; top:0; left:0; right:0; transition:.3s } .axil-product.product-style-seven .product-content { margin:0; padding:40px 30px 0; position:relative } .axil-product.product-style-seven .product-content .cart-btn { position:absolute; top:-20px; right:20px } .axil-product.product-style-seven .product-content .cart-btn a { display:inline-block; text-align:center; height:45px; width:45px; line-height:46px; background-color:var(--color-lighter); border:2px solid var(--color-white); color:var(--color-heading); font-size:18px; border-radius:50%; transition:.3s; box-shadow:0 16px 32px 0 rgba(103,103,103,.06) } .axil-product.product-style-seven .product-content .cart-btn a:hover { background-color:var(--color-primary); border-color:var(--color-primary); color:var(--color-white); box-shadow:0 8px 16px 0 rgba(53,119,240,.3) } .axil-product.product-style-seven .product-content .product-rating { margin-bottom:0; margin-top:10px } .axil-product.product-style-seven .product-content .title { font-size:20px; color:var(--color-heading) } .axil-product.product-style-seven .product-content .product-price-variant .price { font-size:16px } .axil-product.product-style-seven .thumbnail a { background-color:rgba(0,0,0,0); overflow:visible } .axil-product.product-style-seven:hover .thumbnail img { transform:scale(0.9) } .axil-product.product-style-eight .thumbnail a { border-radius:8px } .axil-product.product-style-eight .label-block { position:absolute; z-index:2 } .axil-product.product-style-eight .label-block.label-left { left:10px; top:10px } .axil-product.product-style-eight .label-block.label-right { left:auto; right:20px; top:20px } .axil-product.product-style-eight .label-block .product-badget { line-height:1; font-size:12px; font-weight:500; color:#fff; border-radius:4px; background-color:var(--color-heading); padding:8px 10px; box-shadow:none; text-transform:uppercase } .axil-product.product-style-eight .label-block .product-badget.sale { background-color:var(--color-white); color:var(--color-primary) } .axil-product.product-style-eight .label-block .product-badget.sold-out { background-color:var(--color-primary) } .axil-product.product-style-eight .cart-action { display:block; margin:0 20px } .axil-product.product-style-eight .cart-action li.select-option a { text-align:center; display:flex; align-items:center; justify-content:center; border-radius:8px; height:42px } .axil-product.product-style-eight .cart-action li.select-option a i { font-size:21px; margin-right:10px } .axil-product.product-style-eight .color-variant-wrapper { margin-bottom:12px } .axil-product.product-style-eight .color-variant { margin:-5px -2px } .axil-product.product-style-eight .color-variant li>span { height:12px; width:12px; border-width:0 } .axil-product.product-style-eight .color-variant li>span .color { height:12px; width:12px; transition:.3s } .axil-product.product-style-eight .color-variant li.active>span { border-width:1px } .axil-product.product-style-eight .color-variant li.active>span .color { height:6px; width:6px } .axil-product.product-style-eight .product-content { margin-bottom:45px; padding:0 20px } .axil-product.product-style-eight .product-content .title { color:#26204b } .axil-product.product-style-eight .product-content .title a { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical } .axil-product.product-style-eight .product-content .product-rating { font-size:16px } .axil-product.product-style-eight .product-content .product-rating .rating-number { font-size:12px } .axil-product.product-style-eight .product-content .product-price-variant { margin:0; line-height:1.2 } .axil-product.product-style-eight:hover .product-hover-action { bottom:20px } .axil-product.product-list-style-3 { display:flex; align-items:center; background-color:var(--color-lighter); border-radius:8px; margin-bottom:30px } @media(max-width: 1199px) { .axil-product.product-list-style-3 { display:block; padding:40px 20px 20px } } .axil-product.product-list-style-3 .thumbnail { padding:26px 30px 26px 35px } @media(max-width: 1199px) { .axil-product.product-list-style-3 .thumbnail { padding:0 0 20px } } .axil-product.product-list-style-3 .thumbnail a { position:relative; z-index:1 } .axil-product.product-list-style-3 .thumbnail a:before { content:""; height:224px; width:224px; border-radius:50%; background-color:var(--color-white); position:absolute; bottom:20px; left:0; right:0; margin:0 auto; z-index:-1 } .axil-product.product-list-style-3 .product-content { flex:1; margin:0; padding:0 40px 0 0 } @media(max-width: 1199px) { .axil-product.product-list-style-3 .product-content { padding:0 } } .axil-product.product-list-style-3 .product-content .product-cate { font-size:12px; font-weight:500; margin-bottom:10px } .axil-product.product-list-style-3 .product-content .title { font-size:20px } .axil-product.product-list-style-3 .product-content .product-price-variant { display:flex; align-items:center } .axil-product.product-list-style-3 .product-content .product-price-variant .price-text { font-size:20px; font-weight:500; color:var(--color-heading); margin-right:8px } .axil-product.product-list-style-3 .product-content .product-price-variant .price { font-size:32px; font-weight:700; color:var(--color-secondary) } .axil-product.product-list-style-3:hover .thumbnail a img { transform:scale(1) } .color-variant { margin:-5px -2px; margin-top:12px; display:flex; flex-wrap:wrap } @media only screen and (max-width: 575px) { .color-variant { justify-content:center } } .color-variant li { margin:5px 2px; cursor:pointer } .color-variant li>span { border:2px solid rgba(0,0,0,0); width:21px; height:21px; display:flex; align-items:center; justify-content:center; border-radius:50%; transition:var(--transition) } .color-variant li>span .color { display:block; width:9px; height:9px; line-height:1; border-radius:50%; border:none } .color-variant li.color-extra-01 span .color { background:#aae6f8 } .color-variant li.color-extra-01.active span { border-color:#aae6f8 } .color-variant li.color-extra-02 span .color { background:#5f8af7 } .color-variant li.color-extra-02.active span { border-color:#5f8af7 } .color-variant li.color-extra-03 span .color { background:#59c3c0 } .color-variant li.color-extra-03.active span { border-color:#59c3c0 } .color-variant li.color-extra-04 span .color { background:#d3bbf3 } .color-variant li.color-extra-04.active span { border-color:#d3bbf3 } .color-variant li.color-extra-05 span .color { background:#e8a2a5 } .color-variant li.color-extra-05.active span { border-color:#e8a2a5 } .color-variant li.color-extra-06 span .color { background:#c3a03b } .color-variant li.color-extra-06.active span { border-color:#c3a03b } .color-variant li.color-extra-07 span .color { background:#dfbf9b } .color-variant li.color-extra-07.active span { border-color:#dfbf9b } .color-variant li.color-extra-08 span .color { background:#badeff } .color-variant li.color-extra-08.active span { border-color:#badeff } .color-variant li.color-extra-09 span .color { background:#dbdeff } .color-variant li.color-extra-09.active span { border-color:#dbdeff } .color-variant li.color-extra-10 span .color { background:#dbf8ff } .color-variant li.color-extra-10.active span { border-color:#dbf8ff } .color-variant li.color-extra-11 span .color { background:#ffeddc } .color-variant li.color-extra-11.active span { border-color:#ffeddc } .range-variant { display:flex; align-items:center; flex-wrap:wrap; margin:-5px; padding-left:0 } .range-variant li { border:2px solid #f6f7fb; background:#fff; padding:5px 13px; border-radius:30px; min-width:44px; min-height:44px; display:flex; align-items:center; justify-content:center; text-transform:uppercase; font-weight:500; line-height:24px; margin:5px; cursor:pointer; transition:.3s } @media only screen and (max-width: 767px) { .range-variant li { font-size:15px } } .range-variant li.active { border-color:#656973 } .range-variant li:hover { border-color:#656973 } .axil-product-list { border:1px solid #f1f1f1; display:flex; align-items:center; padding:30px; border-radius:6px; margin-bottom:30px; transition:var(--transition) } @media only screen and (max-width: 767px) { .axil-product-list { padding:30px } } @media only screen and (max-width: 575px) { .axil-product-list { display:block; text-align:center } } .axil-product-list .thumbnail { margin-right:30px } @media only screen and (max-width: 575px) { .axil-product-list .thumbnail { margin-right:0; margin-bottom:20px } } .axil-product-list .thumbnail a { background-color:#f7f7f7; border-radius:6px; display:block; transition:var(--transition); overflow:hidden } .axil-product-list .thumbnail img { border-radius:6px; transition:var(--transition) } .axil-product-list .product-content { flex:1; position:relative; padding-right:60px } @media only screen and (max-width: 575px) { .axil-product-list .product-content { margin:0; padding:0 } } .axil-product-list .product-content .product-title { margin-bottom:10px; font-size:16px; color:var(--color-body) } .axil-product-list .product-content .product-title a { transition:var(--transition) } .axil-product-list .product-content .product-rating { display:flex; align-items:center; margin-bottom:8px; font-size:12px } @media only screen and (max-width: 575px) { .axil-product-list .product-content .product-rating { justify-content:center } } .axil-product-list .product-content .product-rating .rating-number { font-weight:500; margin-left:10px; display:inline-block } .axil-product-list .product-content .product-rating .rating-number span { font-weight:700; color:var(--color-heading) } .axil-product-list .product-content .product-rating .rating-icon { color:#ffa800 } .axil-product-list .product-content .product-price-variant { font-size:20px; font-weight:700; color:var(--color-heading) } .axil-product-list .product-content .product-price-variant .price.old-price { color:#d6d6d6; text-decoration:line-through; margin-left:10px } .axil-product-list .product-content .product-cart { position:absolute; top:50%; right:0; transform:translateY(-50%) } @media only screen and (max-width: 575px) { .axil-product-list .product-content .product-cart { position:inherit; transform:translateY(0); margin-top:20px } } .axil-product-list .product-content .product-cart .cart-btn { text-align:center; display:block; height:40px; width:40px; line-height:40px; border:1px solid #efefef; border-radius:6px; color:var(--color-heading); font-size:14px; font-weight:500; transition:var(--transition); margin-bottom:10px } @media only screen and (max-width: 575px) { .axil-product-list .product-content .product-cart .cart-btn { margin:0 5px; display:inline-block } } .axil-product-list .product-content .product-cart .cart-btn:hover { background:var(--color-primary); border-color:var(--color-primary); color:var(--color-white) } .axil-product-list:hover { border-color:var(--color-white); box-shadow:var(--shadow-dark) } .axil-product-list:hover .thumbnail img { transform:scale(1.1) } .axil-product-list.product-list-style-2 { padding:20px } @media only screen and (max-width: 575px) { .axil-product-list.product-list-style-2 { padding:30px } } .axil-product-list.product-list-style-2 .thumbnail { margin-right:20px; max-width:120px; overflow:hidden; border-radius:6px } @media only screen and (max-width: 575px) { .axil-product-list.product-list-style-2 .thumbnail { margin:0 auto 20px } } .axil-product-list.product-list-style-2 .thumbnail img { transition:.5s } .axil-product-list.product-list-style-2 .product-content { padding:0 } .axil-product-list.product-list-style-2 .product-cart { position:initial; transform:translateY(0); margin-top:10px } .axil-product-list.product-list-style-2 .product-cart .cart-btn { height:auto; width:auto; line-height:1; display:inline-block; padding:10px 15px } .axil-product-list.product-list-style-2:hover img { transform:scale(1.15) } .verified-icon { color:#2081e2; font-size:14px; padding-left:2px } .product-transparent-layout .slick-list { margin-top:-20px } .product-transparent-layout .slick-single-layout { margin-top:20px } .product_list_widget { list-style:none outside; padding:0; margin:0 } .product_list_widget li { display:flex; align-items:center; margin-bottom:20px; border-bottom:1px solid #f3f3f3; padding-bottom:20px } .product_list_widget li:last-child { margin-bottom:0; border-bottom:none; padding-bottom:0 } .product_list_widget li a { display:block } .product_list_widget li .thumbnail { width:120px; margin-right:20px; min-width:120px; overflow:hidden; margin-bottom:0; border-radius:6px } @media only screen and (max-width: 479px) { .product_list_widget li .thumbnail { width:90px; min-width:90px } } .product_list_widget li .thumbnail a { overflow:hidden } .product_list_widget li .thumbnail img { border-radius:6px; transition:.3s } .product_list_widget li .title { margin-bottom:10px; font-weight:500; font-size:17px } @media only screen and (max-width: 479px) { .product_list_widget li .title { font-size:15px } } .product_list_widget li .content { flex:1 } .product_list_widget li .woocommerce-Price-amount.amount { font-size:17px; line-height:28px; color:var(--color-heading); font-weight:500 } @media only screen and (max-width: 767px) { .product_list_widget li .woocommerce-Price-amount.amount { font-size:18px } } .product_list_widget li .woocommerce-Price-amount.amount del { padding-right:8px; color:#d6d6d6 } .product_list_widget li:hover .thumbnail img { transform:scale(1.1) } .btn-load-more { min-width:250px } .filter-results { font-size:16px; color:#000; font-weight:500; margin:0 20px 0 10px } @media only screen and (max-width: 767px) { .filter-results { margin:10px } } .product-filter-mobile { position:relative; width:auto; margin-top:10px; padding:0; border-radius:6px; font-size:var(--font-size-b2); color:var(--color-dark); font-weight:500; background-color:rgba(0,0,0,0) } .product-filter-mobile:after { content:""; height:1px; width:100%; background-color:var(--color-primary); position:absolute; bottom:0; left:0 } .product-filter-mobile i { margin-right:6px } @media only screen and (max-width: 767px) { .product-filter-mobile { margin-top:20px } } .product-filter-mobile:hover { color:var(--color-primary) } .axil-shop-sidebar { padding-right:20px; position:relative } @media only screen and (max-width: 991px) { .axil-shop-sidebar { padding-right:0; position:fixed; top:0; bottom:0; left:-300px; width:280px; background-color:var(--color-white); z-index:100; padding:100px 20px 50px; overflow-y:auto; transition:all .4s ease-in-out } } .axil-shop-sidebar .toggle-list { position:relative; padding-bottom:40px } .axil-shop-sidebar .toggle-list.active .title::before { content:"" } .axil-shop-sidebar .toggle-list.active .title::after { width:100% } .axil-shop-sidebar .title { font-size:18px; font-weight:500; color:var(--color-dark); border-bottom:2px solid var(--color-light); padding-bottom:10px; margin-bottom:20px; cursor:pointer; position:relative } .axil-shop-sidebar .title::before { content:""; font-family:"Font Awesome 5 Pro"; position:absolute; top:0; right:0; transition:.3s; pointer-events:none } .axil-shop-sidebar .title::after { content:""; position:absolute; bottom:-2px; left:0; width:0; height:2px; background:var(--color-primary); transition:.3s } .axil-shop-sidebar .product-categories ul { margin:-5px 0 } .axil-shop-sidebar .product-categories ul li { margin:0; font-size:var(--font-size-b2); font-weight:var(--s-medium); padding:6px 0 } .axil-shop-sidebar .product-categories ul li a { position:relative; padding-left:28px; color:var(--color-body) } .axil-shop-sidebar .product-categories ul li a::before { content:""; height:16px; width:16px; line-height:15px; text-align:center; border:1px solid var(--color-body); border-radius:50%; position:absolute; top:3px; left:0; transition:var(--transition) } .axil-shop-sidebar .product-categories ul li.current-cat a::before,.axil-shop-sidebar .product-categories ul li.chosen a::before { content:""; font-family:var(--font-awesome); font-size:8px; font-weight:700; color:var(--color-white); background:var(--color-primary); border-color:var(--color-primary) } .axil-shop-sidebar .product-color ul { display:flex; align-items:center; flex-wrap:wrap } .axil-shop-sidebar .product-color li { margin:0 8px 8px 0; height:30px; width:30px; line-height:32px; border-radius:50%; text-align:center } .axil-shop-sidebar .product-color li.chosen { border:2px solid #906145 } .axil-shop-sidebar .product-color li a { display:inline-block; height:16px; width:16px; border-radius:50% } .axil-shop-sidebar .product-color li a.color-extra-01 { background:#906145 } .axil-shop-sidebar .product-color li a.color-extra-02 { background:#fab8c4 } .axil-shop-sidebar .product-color li a.color-extra-03 { background:#ffdc60 } .axil-shop-sidebar .product-color li a.color-extra-04 { background:#896ba7 } .axil-shop-sidebar .product-color li a.color-extra-05 { background:#dbdeff } .axil-shop-sidebar .product-color li a.color-extra-06 { background:#badeff } .axil-shop-sidebar .product-color li a.color-extra-07 { background:#dfbf9b } .axil-shop-sidebar .product-color li a.color-extra-08 { background:#badeff } .axil-shop-sidebar .product-color li a.color-extra-09 { background:#dbdeff } .axil-shop-sidebar .product-color li a.color-extra-10 { background:#dbf8ff } .axil-shop-sidebar .product-color li a.color-extra-11 { background:#ffeddc } .axil-shop-sidebar .product-size li { display:inline-block; margin:0 5px 10px 0 } .axil-shop-sidebar .product-size li a { border:2px solid #f6f7fb; background:#fff; padding:5px 13px; border-radius:30px; min-width:44px; min-height:44px; display:flex; align-items:center; justify-content:center; text-transform:uppercase; font-weight:500; font-size:var(--font-size-b2); color:var(--color-body) } .axil-shop-sidebar .product-size li.chosen a { border-color:var(--color-primary); background-color:var(--color-primary); color:var(--color-white) } .axil-shop-sidebar .product-price-range li { display:inline-block; margin:0 15px 0 0 } .axil-shop-sidebar .product-price-range li a { border:2px solid #f6f7fb; background:#fff; padding:5px 13px; border-radius:30px; min-width:50px; min-height:44px; display:flex; align-items:center; justify-content:center; font-weight:500; font-size:var(--font-size-b2); color:var(--color-body) } .axil-shop-sidebar .product-price-range li.chosen a { border-color:var(--color-body) } .axil-shop-sidebar .product-price-range .input-range,.axil-shop-sidebar .product-price-range .amount-range { color:var(--color-heading); font-size:var(--font-size-b2) } .axil-shop-sidebar .axil-btn.btn-outline { width:auto; color:var(--color-body) } .axil-shop-sidebar .filter-close-btn { position:absolute; top:15px; left:20px; height:30px; width:30px; background-color:var(--color-lighter); border-radius:10px; color:var(--color-dark); font-size:14px } .axil-shop-sidebar.open { left:0 } .product-area { border-bottom:2px solid var(--color-lighter) } @media only screen and (max-width: 767px) { .product-area.pb--80 { padding-bottom:60px !important } } @media only screen and (max-width: 767px) { .product-area.pb--50 { padding-bottom:30px !important } } .axil-new-arrivals-product-area.fullwidth-container { margin-left:calc((100% - 1320px)/2); overflow:hidden } @media only screen and (max-width: 1349px) { .axil-new-arrivals-product-area.fullwidth-container { margin-left:auto } } .axil-new-arrivals-product-area.fullwidth-container .slick-list { overflow:visible } @media only screen and (max-width: 1349px) { .axil-new-arrivals-product-area.fullwidth-container .slick-list { overflow:hidden } } @media only screen and (max-width: 767px) { .axil-new-arrivals-product-area.flash-sale-area .arrow-top-slide .slide-arrow { top:-180px } } @media only screen and (max-width: 575px) { .product-slide-mobile .axil-product { text-align:left; display:inline-block; width:270px } .product-slide-mobile .axil-product .product-content .product-price-variant { justify-content:flex-start } .product-slide-mobile .axil-product .product-content .color-variant { justify-content:flex-start } } .product-isotope-heading { display:flex; align-items:center; justify-content:space-between } @media only screen and (max-width: 1199px) { .product-isotope-heading { flex-direction:column; align-items:flex-start; margin-bottom:40px } } @media only screen and (max-width: 1199px) { .product-isotope-heading .section-title-wrapper { margin-bottom:30px; padding-right:0 } } .product-isotope-heading .section-title-wrapper .title { margin-bottom:0 } .isotope-button { display:flex; align-items:center; flex-wrap:wrap; margin:-5px } .isotope-button button { margin:5px; padding:10px 15px; border-radius:6px; font-size:15px; font-weight:500; color:var(--color-heading); background-color:rgba(0,0,0,0); position:relative; z-index:1; transition:.3s; width:auto } .isotope-button button:after { content:""; transform:scale(0.7) perspective(1px); position:absolute; top:0; left:0; display:block; height:100%; width:100%; opacity:0; transition:.3s; background-color:var(--color-lighter); border-radius:6px; z-index:-1 } .isotope-button button:hover:after { transform:scale(1.035) perspective(1px); opacity:1 } .isotope-button button.is-checked { color:var(--color-white) } .isotope-button button.is-checked:after { transform:scale(1.035) perspective(1px); opacity:1; background-color:var(--color-primary) } .product-collection { position:relative; margin-bottom:30px } .product-collection .collection-content { position:absolute; left:30px; top:50%; transform:translateY(-50%); right:0; z-index:1 } .product-collection .collection-content .title { font-size:32px; margin-bottom:16px; line-height:1.2 } .product-collection .collection-content .price-warp { margin-bottom:30px } .product-collection .collection-content .price-warp .price-text { font-size:18px; font-weight:500; color:var(--color-heading); display:block; margin-bottom:8px } .product-collection .collection-content .price-warp .price { font-size:32px; line-height:1.2; font-weight:700; color:var(--color-secondary) } .product-collection .collection-content .plus-btn { position:absolute; left:38%; top:47% } @media(max-width: 767px) { .product-collection .collection-content .plus-btn { left:55% } } .product-collection .collection-content .plus-btn .plus-icon { font-size:20px; color:var(--color-heading); border:2px solid var(--color-heading); background-color:#ecf3ff; border-radius:50%; height:50px; width:50px; line-height:48px; text-align:center; display:block; transition:.3s } .product-collection .collection-content .plus-btn .plus-icon:hover { color:var(--color-primary); border-color:var(--color-primary) } .product-collection .label-block { position:absolute; z-index:2 } .product-collection .label-block.label-right { left:auto; right:20px; top:20px } .product-collection .label-block .product-badget { line-height:1; font-size:12px; font-weight:500; color:#fff; border-radius:4px; background-color:var(--color-heading); padding:8px 10px; box-shadow:none; text-transform:uppercase } .product-collection .collection-thumbnail { position:relative } .product-collection .collection-thumbnail img { border-radius:8px; width:100% } @media(max-width: 991px) { .product-collection .collection-thumbnail img { height:370px; object-fit:cover; object-position:left } } .product-collection.product-collection-two .collection-content { left:50px } .product-collection.product-collection-two .collection-content .title { margin-bottom:20px } .product-collection.product-collection-two .collection-content .price-warp { margin-bottom:50px } .product-collection.product-collection-two .collection-content .price-warp .price-text { margin-bottom:0 } .product-collection.product-collection-two .collection-content .plus-btn { left:40%; top:30% } .product-collection.product-collection-two .collection-content .plus-btn .plus-icon { background-color:var(--color-white) } .product-collection.product-collection-two .collection-content .plus-btn .plus-icon:hover { background-color:var(--color-primary); color:var(--color-white) } .product-collection-three { display:flex; background-color:var(--color-white); border-radius:8px; padding:30px 35px 0 20px; margin-bottom:30px; min-height:185px } .product-collection-three .collection-content { flex:1 } .product-collection-three .collection-content .title { font-weight:700 } .product-collection-three .collection-content .title a { transition:.3s } .product-collection-three .collection-content .price-warp .price-text { font-size:14px; font-weight:500; display:block } .product-collection-three .collection-content .price-warp .price { line-height:1.2; font-weight:700; color:var(--color-secondary) } .product-collection-three .collection-thumbnail { position:relative; z-index:1; width:70px } .product-collection-three .collection-thumbnail:before { content:""; height:118px; width:118px; background-color:var(--color-lighter); border-radius:50%; position:absolute; bottom:10px; right:-23px; z-index:-1 } .single-product-thumbnail.thumbnail-badge .thumbnail { padding-right:45px; position:relative } @media only screen and (max-width: 575px) { .single-product-thumbnail.thumbnail-badge .thumbnail { padding-right:20px } } .single-product-thumbnail.thumbnail-badge .thumbnail .label-block { position:absolute; top:30px } .single-product-thumbnail.thumbnail-badge .thumbnail .label-block.label-right { right:0 } .single-product-thumbnail.thumbnail-badge .thumbnail .label-block .product-badget { background-color:var(--color-primary); line-height:1; padding:6px 10px 5px; font-size:12px; font-weight:700; color:#fff; border-radius:4px } .single-product-thumbnail .thumbnail img { width:100%; border-radius:6px } .single-product-thumbnail:hover .thumbnail a img { transform:scale(1) } .single-product-content .inner .product-rating { display:flex; align-items:center; margin-bottom:20px; line-height:1; padding-bottom:20px; border-bottom:2px solid #f6f7fb } .single-product-content .inner .product-rating .star-rating { margin-right:8px; font-size:14px; color:#ffdc60 } .single-product-content .inner .product-rating .review-link a { font-size:16px; line-height:24px; color:var(--color-body); transition:var(--transition) } .single-product-content .inner .product-rating .review-link a:hover { color:var(--color-heading) } .single-product-content .inner .product-title { margin-bottom:18px; color:var(--color-dark) } .single-product-content .inner .price-amount { font-weight:500; font-size:24px; font-family:var(--font-secondary); display:block; margin-bottom:20px; color:var(--color-black) } @media only screen and (max-width: 767px) { .single-product-content .inner .price-amount { font-size:20px } } .single-product-content .inner .price-amount.price-offer-amount { display:flex; align-items:center; margin:0 -10px 20px } @media only screen and (max-width: 479px) { .single-product-content .inner .price-amount.price-offer-amount { margin:0 -4px 20px } } .single-product-content .inner .price-amount.price-offer-amount span { display:inline-block; margin:0 10px } @media only screen and (max-width: 479px) { .single-product-content .inner .price-amount.price-offer-amount span { margin:0 4px } } .single-product-content .inner .price-amount.price-offer-amount .old-price { color:var(--color-body); text-decoration:line-through } .single-product-content .inner .price-amount.price-offer-amount .offer-badge { background-color:var(--color-chart03); height:48px; line-height:40px; padding:5px 20px; font-size:16px; color:var(--color-white); border-radius:24px; font-family:var(--font-secondary) } .single-product-content .inner .product-meta { margin-bottom:20px } .single-product-content .inner .product-meta li { color:var(--color-primary); font-weight:500; font-size:16px; line-height:24px; display:flex; align-items:center; margin:0 } .single-product-content .inner .product-meta li i { padding-right:15px; font-size:18px } .single-product-content .inner .description { margin-bottom:30px } .single-product-content .inner .product-variation { margin-bottom:30px; display:flex; align-items:center } .single-product-content .inner .product-variation .title { font-weight:500; font-size:20px; margin-bottom:0; min-width:114px } @media only screen and (max-width: 767px) { .single-product-content .inner .product-variation .title { font-size:18px; min-width:90px } } .single-product-content .inner .product-variation .color-variant { margin:-5px !important } .single-product-content .inner .product-variation .color-variant li { margin:5px } .single-product-content .inner .product-variation .color-variant li>span .color { width:11px; height:11px } .single-product-content .inner .product-variation .variable-items-wrapper { display:flex; align-items:center } .single-product-content .inner .product-variation .variable-items-wrapper.color-variable-wrapper li.color-variable-item .variable-item-span { padding:5px; border:1px solid rgba(0,0,0,0); display:block; border-radius:100% } .single-product-content .inner .product-variation.product-size-variation { align-items:flex-start } .single-product-content .inner .product-variation.product-size-variation .title { margin-top:8px } .single-product-content .inner .product-features { margin-bottom:20px } .single-product-content .inner .product-features tr:first-child td { border-top:1px solid var(--color-light) } .single-product-content .inner .product-features tr td { border-bottom:1px solid var(--color-light); padding:15px 20px } @media only screen and (max-width: 479px) { .single-product-content .inner .product-features tr td { padding:15px } } .single-product-content .inner .product-features tr td:first-child { padding-left:0 } .single-product-content .inner .product-features tr td:last-child { padding-right:0; text-align:right } .single-product-content .inner .product-features .pro-qty .qtybtn { font-size:20px } .single-product-content .inner .product-features .title { margin-bottom:0; color:var(--color-black) } @media only screen and (max-width: 479px) { .single-product-content .inner .product-features .title { font-size:17px } } .single-product-content .inner .product-features .price-amount { margin:0; padding:0; border:none; color:var(--color-body) } .single-product-content .inner .product-features .mini-btn { display:inline-block; width:auto; font-size:var(--font-size-b3); color:var(--color-white); font-weight:var(--p-medium); background-color:var(--color-body); border-radius:20px; padding:5px 14px; min-width:100px; text-align:center } .single-product-content .inner .nft-short-meta { border-bottom:1px solid var(--color-border-light); padding-bottom:30px; margin-bottom:30px; margin-top:30px } .single-product-content .inner .nft-category,.single-product-content .inner .nft-verified-option { display:flex; align-items:center } .single-product-content .inner .nft-category label,.single-product-content .inner .nft-verified-option label { font-size:15px; display:block; margin-right:10px } .single-product-content .inner .nft-category .category-list a,.single-product-content .inner .nft-verified-option .category-list a { transition:.3s } .single-product-content .inner .nft-category label { font-size:20px; font-weight:500; color:var(--color-heading) } .single-product-content .inner .nft-verified-option { justify-content:flex-end } @media only screen and (max-width: 767px) { .single-product-content .inner .nft-verified-option { justify-content:flex-start; margin-top:20px } } .single-product-content .inner .nft-verified-option .verify-btn { width:auto; padding:12px 30px } .single-product-content.nft-single-product-content .inner .price-amount { border-bottom:none } .single-product-content.nft-single-product-content .inner .price-amount.price-offer-amount { padding-bottom:10px } .single-product-content.nft-single-product-content .inner .product-title { margin-bottom:20px } @media only screen and (max-width: 479px) { .single-product-content.nft-single-product-content .product-action-wrapper { flex-direction:row } } .single-product-content.nft-single-product-content .product-action-wrapper .product-action.action-style-two { padding-right:0 } @media only screen and (max-width: 479px) { .product-action-wrapper { flex-direction:column } .product-action-wrapper .pro-qty { margin-bottom:20px } } .product-action-wrapper .product-action { flex:1 } .product-action-wrapper .product-action .add-to-cart { flex:1 } .product-action-wrapper .product-action .add-to-cart .axil-btn { width:100%; text-align:center; display:block } .product-action-wrapper .product-action .add-to-cart .axil-btn:hover:before { transform:scale(1.05) } .product-action-wrapper .product-action.action-style-two { margin:0 -10px; padding-right:220px } @media only screen and (min-width: 992px)and (max-width: 1199px) { .product-action-wrapper .product-action.action-style-two { padding-right:0 } } @media only screen and (max-width: 575px) { .product-action-wrapper .product-action.action-style-two { padding-right:0 } } .product-action { list-style:none; padding:0 } .product-action li { margin:0 10px } @media only screen and (min-width: 992px)and (max-width: 1199px) { .product-action li .axil-btn { padding:16px 20px } } .pro-qty { width:130px; border-radius:50px } .pro-qty input { width:28px; float:left; border:none; height:32px; line-height:30px; padding:0; text-align:center; background-color:rgba(0,0,0,0); font-size:20px; font-weight:500; margin:0 12px; color:#27272e } .pro-qty .qtybtn { width:32px; display:block; float:left; line-height:26px; cursor:pointer; text-align:center; font-size:16px; font-weight:300; color:#000; height:32px; background:#f6f7fb; border-radius:50%; transition:.3s; border:2px solid rgba(0,0,0,0) } .pro-qty .qtybtn:hover { border-color:var(--color-primary) } .pro-qty input::-webkit-outer-spin-button,.pro-qty input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0 } .pro-qty input[type=number] { -moz-appearance:textfield } .product-quick-view a { background:#fff; width:48px; height:48px; display:flex !important; align-items:center; justify-content:center; border-radius:50%; cursor:pointer; transition:.3s } .product-quick-view a:hover { background:var(--color-primary); color:#fff } .position-view { position:absolute; bottom:47px; right:92px; z-index:4 } @media only screen and (max-width: 575px) { .position-view { bottom:20px; right:40px } } @media only screen and (max-width: 991px) { .small-thumb-wrapper { margin-top:10px } .small-thumb-wrapper .slick-list { margin:0 -10px } .small-thumb-wrapper .slick-list .slick-slide { margin:10px } } .small-thumb-wrapper .small-thumb-img { position:relative; overflow:hidden; border-radius:10px; margin-bottom:20px; cursor:pointer; transition:all .4s } .small-thumb-wrapper .small-thumb-img img { border-radius:10px; border:2px solid rgba(0,0,0,0); width:80px; height:auto; transition:all .2s } .small-thumb-wrapper .small-thumb-img:hover img,.small-thumb-wrapper .small-thumb-img.slick-current img { border-color:var(--color-primary) } .small-thumb-style-two .small-thumb-img img { width:60px; height:auto; border-radius:50%; display:inline-block } @media only screen and (min-width: 992px)and (max-width: 1199px) { .small-thumb-style-two .small-thumb-img img { width:50px; height:50px } } .single-product-thumb.bg-vista-white .single-product-content .inner .product-rating { border-bottom-color:#e9e9e9 } .single-product-thumbnail-wrap { position:relative } .single-product-thumbnail-wrap .label-block { position:absolute; top:30px; right:30px } .single-product-thumbnail-wrap .label-block .product-badget { background-color:var(--color-primary); line-height:1; padding:6px 10px 5px; font-size:12px; font-weight:700; color:#fff; border-radius:4px; box-shadow:0 8px 16px 0 rgba(53,119,240,.3) } .single-product-thumbnail-wrap .product-quick-view { right:30px; bottom:30px } .woocommerce-tabs.wc-tabs-wrapper { padding:80px 0 35px } @media only screen and (max-width: 767px) { .woocommerce-tabs.wc-tabs-wrapper { padding:60px 0 15px } } .woocommerce-tabs ul.tabs { margin:0 -20px 60px } @media only screen and (max-width: 575px) { .woocommerce-tabs ul.tabs { border-bottom:1px solid #c7c7c7; padding-bottom:20px } } @media only screen and (max-width: 575px) { .woocommerce-tabs ul.tabs { flex-direction:column; align-items:center; margin:0 0 60px } } .woocommerce-tabs ul.tabs li { margin:0 20px } @media only screen and (max-width: 575px) { .woocommerce-tabs ul.tabs li { margin:10px 0 } } .woocommerce-tabs ul.tabs li a { font-size:24px; line-height:25px; font-weight:500; display:block; color:var(--color-body); position:relative } .woocommerce-tabs ul.tabs li a:after { content:""; height:2px; width:0; background-color:var(--color-primary); position:absolute; bottom:-5px; right:0; opacity:0; transition:.5s } .woocommerce-tabs ul.tabs li a.active,.woocommerce-tabs ul.tabs li a:hover { color:var(--color-primary) } .woocommerce-tabs ul.tabs li a.active:after,.woocommerce-tabs ul.tabs li a:hover:after { width:100%; left:0; opacity:1 } @media only screen and (max-width: 1199px) { .woocommerce-tabs ul.tabs li a { font-size:22px } } @media only screen and (max-width: 767px) { .woocommerce-tabs ul.tabs li a { font-size:20px } } .woocommerce-tabs.nft-info-tabs { padding:30px 15px; margin-top:30px; border-radius:6px } @media only screen and (max-width: 575px) { .woocommerce-tabs.nft-info-tabs { padding:30px 0 } } .woocommerce-tabs.nft-info-tabs ul.tabs { margin:0 -5px 10px } @media only screen and (max-width: 575px) { .woocommerce-tabs.nft-info-tabs ul.tabs { margin:0 0 30px } } .woocommerce-tabs.nft-info-tabs ul.tabs li { margin:0 5px } @media only screen and (max-width: 575px) { .woocommerce-tabs.nft-info-tabs ul.tabs li { margin:5px 0 } } .woocommerce-tabs.nft-info-tabs ul.tabs li a { font-size:18px; background-color:rgba(255,255,255,.7); border-radius:6px; padding:10px 25px; position:relative } @media only screen and (min-width: 1200px)and (max-width: 1399px) { .woocommerce-tabs.nft-info-tabs ul.tabs li a { font-size:15px } } @media only screen and (min-width: 992px)and (max-width: 1199px) { .woocommerce-tabs.nft-info-tabs ul.tabs li a { font-size:15px; padding:5px 11px } } @media only screen and (max-width: 767px) { .woocommerce-tabs.nft-info-tabs ul.tabs li a { font-size:15px; padding:5px 11px } } .woocommerce-tabs.nft-info-tabs ul.tabs li a:before { content:". . ."; color:var(--color-border-light); position:absolute; bottom:-2px; left:50%; transform:translateX(-50%); visibility:hidden; opacity:0; transition:.3s; z-index:1; line-height:1 } .woocommerce-tabs.nft-info-tabs ul.tabs li a:after { content:""; height:12px; width:100%; background-color:var(--color-white); position:absolute; bottom:-12px; left:0; right:0; visibility:hidden; opacity:0; transition:.3s } @media only screen and (max-width: 575px) { .woocommerce-tabs.nft-info-tabs ul.tabs li a:after { display:none } } .woocommerce-tabs.nft-info-tabs ul.tabs li a.active { border-radius:6px 6px 0 0; background-color:#fff } @media only screen and (max-width: 575px) { .woocommerce-tabs.nft-info-tabs ul.tabs li a.active { border-radius:6px } } .woocommerce-tabs.nft-info-tabs ul.tabs li a.active:before { visibility:visible; opacity:1 } .woocommerce-tabs.nft-info-tabs ul.tabs li a.active:after { visibility:visible; opacity:1 } .woocommerce-tabs.nft-info-tabs .tab-content { background-color:var(--color-white); padding:30px; border-radius:6px } @media only screen and (max-width: 479px) { .woocommerce-tabs.nft-info-tabs .tab-content { padding:20px } } .woocommerce-tabs.nft-info-tabs .product-additional-info { padding:0; margin-bottom:0 } .woocommerce-tabs.nft-info-tabs .product-additional-info table tbody tr th,.woocommerce-tabs.nft-info-tabs .product-additional-info table tbody tr td { padding:10px 20px 10px; min-width:120px } .woocommerce-tabs.wc-tab-style-two { padding:80px 0 50px } @media only screen and (max-width: 767px) { .woocommerce-tabs.wc-tab-style-two { padding:60px 0 30px } } .woocommerce-tabs.wc-tab-style-two .tabs-wrap { background-color:var(--color-white); border-radius:8px; padding:30px; margin-bottom:30px } .woocommerce-tabs.wc-tab-style-two .tabs-wrap ul.tabs { border-bottom:2px solid #ebebeb; margin:0 0 30px 0 } .woocommerce-tabs.wc-tab-style-two .tabs-wrap ul.tabs li { margin:0; margin-right:20px } .woocommerce-tabs.wc-tab-style-two .tabs-wrap ul.tabs li a { font-size:20px; font-weight:700; padding:10px 15px } .woocommerce-tabs.wc-tab-style-two .tabs-wrap ul.tabs li a:after { bottom:-2px } .woocommerce-tabs.wc-tab-style-two .tabs-wrap .product-desc-wrapper .title { margin-bottom:12px } .woocommerce-tabs.wc-tab-style-two .tabs-wrap .product-desc-wrapper ul { list-style-type:disc } .woocommerce-tabs.wc-tab-style-two .tabs-wrap .product-desc-wrapper ul li { font-size:18px } .woocommerce-tabs.wc-tab-style-two .pro-des-commend-respond .form-group label { background-color:var(--color-white) } .single-product-features .single-features { background-color:var(--color-white); margin-bottom:30px; display:flex; align-items:center; padding:25px 30px; border-radius:8px } .single-product-features .single-features .icon { width:77px; height:77px; line-height:77px; margin-right:16px; font-size:40px; position:relative; z-index:1; text-align:center; color:var(--color-primary) } .single-product-features .single-features .icon:before { content:""; height:100%; width:100%; background-color:#f6f7fb; border-radius:50%; position:absolute; top:0; left:0; z-index:-1 } .single-product-features .single-features .icon.quality { color:var(--color-secondary) } .single-product-features .single-features .icon.original { color:var(--light-primary) } .single-product-features .single-features .content { flex:1 } .single-product-features .single-features .content .title { margin-bottom:5px; font-weight:700 } .single-product-features .single-features .content p { font-size:14px } @media only screen and (max-width: 767px) { .product-desc-wrapper .desc-heading { font-size:24px } } .single-desc .title { margin-bottom:20px } .pro-des-features { padding:0; list-style:none; display:flex; flex-wrap:wrap; margin-left:-30px; margin-right:-30px } .pro-des-features li { padding:15px 30px; margin:0; font-size:20px; font-weight:500; color:var(--color-dark) } @media only screen and (max-width: 767px) { .pro-des-features li { font-size:20px } } .pro-des-features .icon { width:60px; height:60px; background:#fff; display:flex; align-items:center; justify-content:center; border-radius:50%; margin:20px 0 } .pro-des-features .icon img { max-width:30px } .pro-desc-style-two { margin:0 -15px } .pro-desc-style-two li { padding:15px } .product-additional-info { background:#fff; padding:50px; border-radius:6px; margin-bottom:40px } @media only screen and (max-width: 767px) { .product-additional-info { padding:20px 15px 0 } } .product-additional-info table { margin-bottom:0 } .product-additional-info table tbody tr:nth-child(odd) { background:var(--color-lighter) } .product-additional-info table tbody tr th,.product-additional-info table tbody tr td { font-size:16px; line-height:24px; font-weight:400; padding:17px 30px 18px; min-width:200px } @media only screen and (max-width: 767px) { .product-additional-info table tbody tr th,.product-additional-info table tbody tr td { padding:15px; font-size:15px } } .product-additional-info table tbody tr th { text-transform:capitalize; color:#292930; font-weight:500 } .pro-desc-commnet-area { padding-right:110px } @media only screen and (max-width: 1199px) { .pro-desc-commnet-area { padding-right:30px } } @media only screen and (max-width: 991px) { .pro-desc-commnet-area { padding-right:0 } } .pro-desc-commnet-area .comment-list .comment .commenter { margin-bottom:0; display:flex; align-items:center; justify-content:space-between } @media only screen and (max-width: 575px) { .pro-desc-commnet-area .comment-list .comment .commenter { display:block } } .pro-desc-commnet-area .comment-list .comment .commenter .hover-flip-item-wrapper,.pro-desc-commnet-area .comment-list .comment .commenter .commenter-rating { margin-bottom:5px } .pro-desc-commnet-area .comment-list .comment .commenter .hover-flip-item-wrapper a,.pro-desc-commnet-area .comment-list .comment .commenter .commenter-rating a { font-size:12px } .pro-desc-commnet-area .comment-list .comment .commenter .hover-flip-item-wrapper a i,.pro-desc-commnet-area .comment-list .comment .commenter .commenter-rating a i { color:#cecece } .pro-desc-commnet-area .comment-list .comment .commenter .hover-flip-item-wrapper a i:not(.empty-rating),.pro-desc-commnet-area .comment-list .comment .commenter .commenter-rating a i:not(.empty-rating) { color:#ffca0f } .pro-desc-commnet-area .comment-list .comment .commenter .commenter-rating { margin-left:15px } @media only screen and (max-width: 479px) { .pro-desc-commnet-area .comment-list .comment .commenter .commenter-rating { display:block; margin-bottom:5px; margin-left:0 } } .pro-des-commend-respond .form-group textarea,.pro-des-commend-respond .form-group input { background-color:rgba(0,0,0,0) } .pro-des-commend-respond .form-group label { background-color:#f9f3f0 } .pro-des-commend-respond .form-group textarea { padding-left:30px; padding-top:20px; font-size:14px; line-height:1.5 } .small-thumb-wrapper .slick-track { margin-left:0 } .small-thumb-style-three { margin:30px 60px 0 } @media only screen and (min-width: 992px)and (max-width: 1199px) { .small-thumb-style-three { margin:30px 0 0 } } @media only screen and (max-width: 767px) { .small-thumb-style-three { margin:30px 0 0 } } .small-thumb-style-three .small-thumb-img { margin:10px } .quick-view-product .modal-dialog { max-width:1100px } .quick-view-product .modal-content { border:none } .quick-view-product .modal-header { padding:30px 15px; justify-content:flex-end } .quick-view-product .modal-header .btn-close { width:auto; background-image:none; font-size:14px; padding:0 10px; transition:var(--transition); position:relative; right:10px; z-index:1 } .quick-view-product .modal-header .btn-close:after { content:""; height:35px; width:35px; background:var(--color-primary); border-radius:50%; position:absolute; top:-9px; left:-3px; transform:scale(0); z-index:-1; transition:var(--transition) } .quick-view-product .modal-header .btn-close:hover { color:var(--color-white) } .quick-view-product .modal-header .btn-close:hover:after { transform:scale(1) } .quick-view-product .modal-body { padding:30px } .mfp-wrap { z-index:1060 } .mfp-bg { z-index:1055 } .single-product-modern .single-product-content .inner .price-amount { font-weight:700; color:var(--color-primary); margin-bottom:10px } .single-product-modern .single-product-content .inner .product-rating { border-bottom:none; padding-bottom:0; margin-bottom:30px } .single-product-modern .single-product-content .inner .product-rating .star-rating { color:#facc15 } .single-product-modern .single-product-content .inner .product-rating .review-number { font-size:14px; font-weight:700; color:var(--color-heading) } .single-product-modern .single-product-content .inner .product-rating .total-answerd { font-size:14px; border-left:1px solid #d6d6d6; padding-left:8px; margin-left:8px } .single-product-modern .single-product-content .inner .description { list-style:disc } .single-product-modern .single-product-content .inner .description li { font-weight:500 } .single-product-modern .single-product-content .inner .product-variation { display:block; margin-bottom:20px } .single-product-modern .single-product-content .inner .product-variation .title { margin-bottom:10px; font-size:18px } .single-product-modern .single-product-content .inner .range-variant li { border-radius:4px; background-color:var(--color-lighter); border:none; width:40px; height:40px; font-size:14px; font-weight:700 } .single-product-modern .single-product-content .inner .range-variant li:hover,.single-product-modern .single-product-content .inner .range-variant li.active { color:var(--color-white); background-color:var(--color-primary) } @media(max-width: 575px) { .single-product-modern .single-product-content .inner .color-variant { justify-content:flex-start } } .single-product-modern .single-product-content .inner .color-variant li>span { border:1px solid; height:24px; width:24px } .single-product-modern .single-product-content .inner .color-variant li>span .color { height:24px; width:24px } .single-product-modern .single-product-content .inner .color-variant li.active>span .color { width:12px; height:12px } .single-product-modern .single-product-content .inner .color-variant li.color-extra-01>span { border-color:#aae6f8 } .single-product-modern .single-product-content .inner .color-variant li.color-extra-02>span { border-color:#5f8af7 } .single-product-modern .single-product-content .inner .color-variant li.color-extra-03>span { border-color:#59c3c0 } .single-product-modern .single-product-content .inner .color-variant li.color-extra-04>span { border-color:#d3bbf3 } .single-product-modern .single-product-content .inner .quantity-variant-wrapper { margin-bottom:30px } .single-product-modern .single-product-content .inner .quantity-variant-wrapper .pro-qty { min-height:40px; width:auto } .single-product-modern .single-product-content .inner .quantity-variant-wrapper .pro-qty .qtybtn { width:40px; height:40px; line-height:34px; border-radius:8px; font-size:20px } .single-product-modern .single-product-content .inner .quantity-variant-wrapper .pro-qty input { border:1px solid #d8d8d8; border-radius:8px; height:40px; width:40px; font-size:14px; margin:0 10px } .single-product-modern .single-product-content .inner .product-action-wrapper .product-action { margin:-10px; width:84% } @media(max-width: 1199px) { .single-product-modern .single-product-content .inner .product-action-wrapper .product-action { width:100% } } @media(max-width: 575px) { .single-product-modern .single-product-content .inner .product-action-wrapper .product-action { display:block } } .single-product-modern .single-product-content .inner .product-action-wrapper .product-action li { margin:10px } .single-product-modern .single-product-content .inner .product-action-wrapper .product-action li a { padding:12px 38px } .single-product-modern .single-product-content .inner .product-action-wrapper .product-action li a i { font-size:20px } .single-product-modern .single-product-thumbnail { margin-bottom:20px } .single-product-modern .single-product-thumbnail .thumbnail img { border-radius:8px } .single-product-modern .small-thumb-wrapper { margin:0 30px } .single-product-modern .small-thumb-wrapper .small-thumb-img { margin-bottom:0; border-radius:8px } .single-product-modern .small-thumb-wrapper .small-thumb-img img { width:100%; border-radius:8px; border-width:1px } .single-product-modern .small-thumb-wrapper.axil-slick-arrow .slide-arrow { height:40px; width:40px; border-radius:50%; border:2px solid var(--color-white); font-size:18px; left:-25px } .single-product-modern .small-thumb-wrapper.axil-slick-arrow .slide-arrow:before { border-radius:50% } .single-product-modern .small-thumb-wrapper.axil-slick-arrow .slide-arrow.next-arrow { right:-24px; left:auto } .product-table-heading { display:flex; justify-content:space-between } .product-table-heading .title { margin-bottom:20px; font-weight:500; display:inline-block } .product-table-heading .cart-clear { display:inline-block; font-size:14px; color:var(--color-primary); transition:var(--transition) } .product-table-heading .cart-clear:hover { color:var(--color-black) } .axil-product-table { font-family:var(--font-secondary); margin:0 } @media only screen and (max-width: 767px) { .axil-product-table { margin-top:20px } } .axil-product-table th:last-child,.axil-product-table td:last-child { text-align:right } @media only screen and (max-width: 767px) { .axil-product-table th:last-child,.axil-product-table td:last-child { border-bottom:none } } .axil-product-table thead { background-color:var(--color-lighter) } @media only screen and (max-width: 767px) { .axil-product-table thead { display:none } } .axil-product-table thead th { font-size:20px; text-transform:capitalize; border:none; color:var(--color-heading); padding:18px 15px } @media only screen and (max-width: 991px) { .axil-product-table thead th { font-size:18px; padding:18px 10px } } .axil-product-table thead th:first-child { border-radius:6px 0 0 6px } .axil-product-table thead th:last-child { border-radius:0 6px 6px 0 } .axil-product-table tbody { border-top:none !important } @media only screen and (max-width: 767px) { .axil-product-table tbody tr { padding-left:120px; position:relative; display:block; border-bottom:1px solid var(--color-lighter); margin-bottom:30px } .axil-product-table tbody tr:last-child { margin-bottom:0 } } @media only screen and (max-width: 575px) { .axil-product-table tbody tr { padding-left:90px } } .axil-product-table tbody td { border-top:none; border-bottom:2px solid var(--color-lighter); vertical-align:middle; padding:15px; font-size:20px; font-weight:500; color:var(--color-body); min-width:150px } @media only screen and (max-width: 991px) { .axil-product-table tbody td { font-size:18px; padding:10px 10px } } @media only screen and (max-width: 767px) { .axil-product-table tbody td { font-size:16px; display:block; text-align:right; padding:10px 10px 10px 0; position:relative } .axil-product-table tbody td:before { content:attr(data-title) " :"; position:absolute; left:0; font-size:13px; color:var(--color-black) } } .axil-product-table tbody td.product-remove { min-width:auto } @media only screen and (max-width: 767px) { .axil-product-table tbody td.product-remove { position:absolute; top:0; right:0; border-bottom:none; z-index:1 } } .axil-product-table tbody td.product-remove .remove-wishlist { display:block; text-align:center; height:32px; width:32px; line-height:30px; background-color:var(--color-lighter); border:2px solid var(--color-lighter); border-radius:50%; font-size:12px; color:var(--color-black); transition:var(--transition) } @media only screen and (max-width: 767px) { .axil-product-table tbody td.product-remove .remove-wishlist { height:25px; width:25px; line-height:22px; font-size:10px } } .axil-product-table tbody td.product-remove .remove-wishlist:hover { border-color:var(--color-primary) } .axil-product-table tbody td.product-remove:before { display:none } .axil-product-table tbody td.product-thumbnail { min-width:130px; width:130px } @media only screen and (max-width: 767px) { .axil-product-table tbody td.product-thumbnail { min-width:80px; position:absolute; left:0; top:0; border-bottom:none; width:100px } } @media only screen and (max-width: 575px) { .axil-product-table tbody td.product-thumbnail { width:80px } } .axil-product-table tbody td.product-thumbnail a { border-radius:10px; display:block } .axil-product-table tbody td.product-thumbnail a img { border-radius:10px; height:80px; width:80px; object-fit:cover } .axil-product-table tbody td.product-thumbnail:before { display:none } .axil-product-table tbody td.product-title { width:30%; color:var(--color-black) } @media only screen and (max-width: 767px) { .axil-product-table tbody td.product-title { width:100%; text-align:left; padding-right:40px } } .axil-product-table tbody td.product-title a { transition:var(--transition) } .axil-product-table tbody td.product-title:before { display:none } .axil-product-table tbody td.product-add-cart .btn-outline { border-color:#efefef; padding:10px 20px; font-size:14px } .axil-product-table tbody td.product-add-cart .btn-outline:hover { border-color:var(--color-primary) } .axil-product-table tbody td.product-add-cart:before { display:none } .axil-product-table.axil-cart-table th:first-child,.axil-product-table.axil-cart-table td:first-child { padding-left:0 } .axil-product-table.axil-cart-table th:last-child,.axil-product-table.axil-cart-table td:last-child { padding-right:50px } @media only screen and (max-width: 767px) { .axil-product-table.axil-cart-table th:last-child,.axil-product-table.axil-cart-table td:last-child { padding-right:10px } } .axil-product-table.axil-cart-table .pro-qty { width:auto } @media only screen and (max-width: 767px) { .axil-product-table.axil-cart-table .pro-qty { display:inline-flex } } .axil-product-table.axil-cart-table .pro-qty input { margin:0 5px; min-width:45px } @media only screen and (max-width: 767px) { .axil-product-table.axil-cart-table .pro-qty input { min-width:30px } } .axil-product-table.axil-cart-table .pro-qty .qtybtn { font-size:20px; line-height:27px; font-weight:500 } @media only screen and (min-width: 768px)and (max-width: 991px) { .axil-product-table.axil-cart-table .pro-qty .qtybtn { font-size:18px } } @media only screen and (max-width: 767px) { .axil-product-table.axil-cart-table .pro-qty .qtybtn { font-size:16px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .axil-product-table.axil-cart-table .pro-qty .quantity-input { font-size:18px } } @media only screen and (max-width: 767px) { .axil-product-table.axil-cart-table .pro-qty .quantity-input { font-size:16px } } .axil-product-cart-wrap .cart-update-btn-area { display:grid; grid-template-columns:repeat(2, 1fr); gap:30px } @media only screen and (max-width: 767px) { .axil-product-cart-wrap .cart-update-btn-area { display:block } } .axil-product-cart-wrap .product-cupon { flex-wrap:nowrap } .axil-product-cart-wrap .product-cupon input { width:100%; padding:0; border-bottom:2px solid #efefef; border-radius:0 } @media only screen and (max-width: 767px) { .axil-product-cart-wrap .product-cupon input { height:46px } } .axil-product-cart-wrap .product-cupon .product-cupon-btn { margin-left:20px !important } .axil-product-cart-wrap .product-cupon .axil-btn { width:auto; border-width:2px; border-color:#efefef; background-color:rgba(0,0,0,0) } .axil-product-cart-wrap .product-cupon .axil-btn:hover { border-color:var(--color-primary) } .axil-product-cart-wrap .update-btn { text-align:right } @media only screen and (max-width: 767px) { .axil-product-cart-wrap .update-btn { text-align:left; margin-top:30px } } .axil-product-cart-wrap .update-btn .axil-btn { border-width:2px; border-color:#efefef } .axil-product-cart-wrap .update-btn .axil-btn:hover { border-color:var(--color-primary) } .axil-order-summery { background-color:#f9f3f0; border-radius:6px; padding:40px } @media only screen and (max-width: 479px) { .axil-order-summery { padding:30px 20px } } .axil-order-summery .title { font-weight:var(--s-medium) } @media only screen and (max-width: 991px) { .axil-order-summery .title { font-size:20px } } .axil-order-summery .summery-table tbody { border-top:none !important } .axil-order-summery .summery-table tbody td { border-bottom:1px solid; border-color:rgba(101,105,115,.2); font-size:var(--font-size-b1); font-weight:var(--s-medium); color:#292930; padding:18px 15px 18px 0; min-width:180px } @media only screen and (max-width: 479px) { .axil-order-summery .summery-table tbody td { min-width:90px } } .axil-order-summery .summery-table .order-shipping .input-group { margin-bottom:10px } .axil-order-summery .summery-table .order-shipping .input-group:last-child { margin-bottom:0 } .axil-order-summery .summery-table .order-shipping .input-group label { color:#292930; font-weight:400 } .axil-order-summery .summery-table .order-shipping .input-group label:before { border-width:2px; border-color:#d5d4d4 } .axil-order-summery .summery-table .order-shipping .input-group label:after { background-color:var(--color-primary); border:none } .axil-order-summery .summery-table .order-total-amount { font-size:20px; font-weight:var(--s-bold); color:var(--color-primary) } .axil-order-summery.order-checkout-summery .summery-table-wrap { background-color:var(--color-white); border-radius:6px; padding:30px; margin-bottom:45px } @media only screen and (max-width: 479px) { .axil-order-summery.order-checkout-summery .summery-table-wrap { padding:0; background-color:rgba(0,0,0,0) } } .axil-order-summery.order-checkout-summery .summery-table th { font-size:20px; color:var(--color-heading); text-transform:capitalize; padding:15px 0 } .axil-order-summery.order-checkout-summery .summery-table td { padding:18px 0 } @media only screen and (min-width: 992px)and (max-width: 1199px) { .axil-order-summery.order-checkout-summery .summery-table td { min-width:155px } } @media only screen and (max-width: 575px) { .axil-order-summery.order-checkout-summery .summery-table td { min-width:100px } } .axil-order-summery.order-checkout-summery .summery-table td.order-total-amount { color:var(--color-black) } .axil-order-summery.order-checkout-summery .summery-table th:last-child,.axil-order-summery.order-checkout-summery .summery-table td:last-child { text-align:right } .axil-order-summery.order-checkout-summery .summery-table tr:last-child td { border-bottom:none; padding-bottom:0 } .axil-order-summery.order-checkout-summery .summery-table .order-shipping .shipping-amount { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px } .axil-order-summery.order-checkout-summery .summery-table .order-shipping .shipping-amount .title { display:inline-block } .axil-order-summery.order-checkout-summery .summery-table .order-shipping td { text-align:left } .axil-order-summery.order-checkout-summery .summery-table .order-shipping .input-group { margin-bottom:5px } .axil-order-summery.order-checkout-summery .summery-table .order-shipping .input-group label { color:var(--color-body); padding-left:26px } .axil-order-summery.order-checkout-summery .summery-table .order-total td { font-size:20px; font-weight:600; color:var(--color-black) } .axil-order-summery.order-checkout-summery .order-payment-method .single-payment { border-bottom:1px solid var(--color-light); margin-bottom:20px; padding-bottom:20px } .axil-order-summery.order-checkout-summery .order-payment-method .single-payment .input-group { margin-bottom:20px } .axil-order-summery.order-checkout-summery .order-payment-method .single-payment .input-group label { font-size:20px; color:#292930 } @media only screen and (max-width: 767px) { .axil-order-summery.order-checkout-summery .order-payment-method .single-payment .input-group label { font-size:18px } } .axil-order-summery.order-checkout-summery .order-payment-method .single-payment .input-group label:before { background-color:rgba(0,0,0,0) } .axil-order-summery.order-checkout-summery .order-payment-method .single-payment .input-group label:after { content:""; font-family:var(--font-awesome); font-size:8px; color:var(--color-white); font-weight:900; line-height:8px; transform:rotate(0deg); background-color:rgba(0,0,0,0); border:none } .axil-order-summery.order-checkout-summery .order-payment-method .single-payment .input-group input[type=radio]:checked~label::before { background-color:var(--color-primary) } .axil-order-summery.order-checkout-summery .order-payment-method .single-payment p { padding-left:28px } .axil-order-summery .checkout-btn { width:100%; text-align:center } .axil-order-summery .checkout-btn:hover:before { transform:scale(1.05) } .axil-checkout-billing .title { font-weight:var(--s-medium) } .axil-checkout-billing .form-group label span { color:var(--color-chart03) } .axil-checkout-billing .form-group input { height:60px; border-color:var(--color-light); padding:0 30px } .axil-checkout-billing .form-group textarea { border-color:var(--color-light); padding:15px 30px; line-height:var(--line-height-b2) } .axil-checkout-billing .form-group select { border-color:var(--color-light) } .axil-checkout-billing .form-group.input-group { margin-bottom:40px } .axil-checkout-billing .form-group.input-group label { top:0; left:0; pointer-events:auto; color:#292930 } .axil-checkout-billing .form-group.input-group label:after { border-width:2px; top:6px; height:6px; width:11px } .axil-checkout-billing .form-group.different-shippng { margin-bottom:40px } .axil-checkout-billing .form-group.different-shippng .toggle-bar label { position:initial; font-size:24px; padding-left:0; padding-right:28px; width:100%; color:#292930 } @media only screen and (max-width: 767px) { .axil-checkout-billing .form-group.different-shippng .toggle-bar label { font-size:20px } } @media only screen and (max-width: 479px) { .axil-checkout-billing .form-group.different-shippng .toggle-bar label { font-size:17px } } .axil-checkout-billing .form-group.different-shippng .toggle-bar label:before { left:auto; right:0; top:6px } .axil-checkout-billing .form-group.different-shippng .toggle-bar label:after { left:auto; right:3px; top:10px } .axil-checkout-billing .form-group.different-shippng .toggle-bar input { cursor:pointer } .axil-checkout-billing .form-group.different-shippng .toggle-open { display:none; padding:10px 0 0; margin-top:20px } .axil-checkout-notice { margin-bottom:40px } .axil-checkout-notice .axil-toggle-box { margin-bottom:20px } .axil-checkout-notice .toggle-bar { background-color:var(--color-lighter); border-radius:6px; padding:17px 30px } .axil-checkout-notice .toggle-bar i { margin-right:8px } .axil-checkout-notice .toggle-bar a { font-weight:500; transition:var(--transition) } .axil-checkout-notice .toggle-bar a i { color:var(--color-body); font-weight:400; margin-left:5px } .axil-checkout-notice .toggle-bar a:focus { color:var(--color-heading) } .axil-checkout-notice .toggle-open { display:none; margin-top:20px } .axil-checkout-notice .axil-checkout-coupon { border:1px solid var(--color-light); border-radius:16px; padding:30px } .axil-checkout-notice .axil-checkout-coupon p { font-size:var(--font-size-b2); margin-bottom:20px } .axil-checkout-notice .axil-checkout-coupon input { border:1px solid var(--color-light); width:auto; height:50px; margin-right:10px; margin-bottom:10px; border-radius:6px !important } .axil-checkout-notice .axil-checkout-coupon .axil-btn { border-width:1px; padding:12px 40px; border-color:var(--color-light) } .axil-checkout-notice .axil-checkout-coupon .axil-btn:hover { border-color:var(--color-primary) } .axil-checkout-notice .axil-checkout-login { border:1px solid var(--color-light); border-radius:16px; padding:30px } .axil-checkout-notice .axil-checkout-login p { margin-bottom:30px } .axil-checkout-notice .axil-checkout-login input { border-color:var(--color-light) } .axil-checkout-notice .axil-checkout-login .axil-btn { width:auto; padding:11px 40px } .axil-signin-area { position:fixed; top:0; bottom:0; left:0; right:0; height:100%; width:100%; overflow:hidden } .signin-header { position:fixed; top:0; left:0; right:0; padding:40px 100px; z-index:1 } @media only screen and (max-width: 991px) { .signin-header { padding:40px 30px } } @media only screen and (max-width: 575px) { .signin-header { padding:30px; text-align:center } } .signin-header .site-logo { display:inline-block } @media only screen and (max-width: 575px) { .signin-header .site-logo { margin-bottom:40px } } .signin-header .singin-header-btn { display:flex; align-items:center; justify-content:flex-end } @media only screen and (max-width: 575px) { .signin-header .singin-header-btn { justify-content:center; flex-direction:column } } .signin-header .singin-header-btn p { margin-bottom:0; color:#292930; font-size:var(--font-size-b2); font-weight:var(--p-medium) } .signin-header .singin-header-btn .sign-up-btn { margin-left:40px } @media only screen and (min-width: 768px)and (max-width: 991px) { .signin-header .singin-header-btn .sign-up-btn { margin-left:20px } } @media only screen and (max-width: 575px) { .signin-header .singin-header-btn .sign-up-btn { margin-left:0; margin-top:10px } } .signin-header .back-btn { width:40px; height:40px; line-height:40px; border:1px solid #cbd3d9; border-radius:4px; font-size:16px; display:block; text-align:center; transition:var(--transition) } .signin-header .back-btn:hover { background-color:var(--color-primary); border-color:var(--color-primary); color:var(--color-white) } .signin-header .back-btn:hover i { animation:prevNavSlide 400ms } .axil-signin-banner { min-height:900px; height:100vh; padding:140px 50px 0 100px } @media only screen and (min-width: 992px)and (max-width: 1199px) { .axil-signin-banner { margin-right:50px } } @media only screen and (max-width: 991px) { .axil-signin-banner { display:none } } .axil-signin-form-wrap { width:100%; height:calc(100vh - 180px); overflow-y:auto; display:flex; margin:140px -30px -30px } @media only screen and (max-width: 991px) { .axil-signin-form-wrap { justify-content:center; text-align:center; margin:150px 0 0 } } @media only screen and (max-width: 575px) { .axil-signin-form-wrap { margin:200px 0 0; height:calc(100vh - 200px) } } .axil-signin-form { max-width:450px; width:100%; padding:30px } .axil-signin-form .singin-form { padding-bottom:30px } .axil-signin-form .title { margin-bottom:16px } .axil-signin-form p { color:var(--color-gray) } .axil-signin-form .form-group { margin-bottom:35px } .axil-signin-form .form-group:last-child { margin-bottom:0 } .axil-signin-form .form-control { height:60px; border-color:var(--color-light); padding:0 30px; color:var(--color-body) } .axil-signin-form .submit-btn { width:auto } .axil-signin-form .forgot-btn { font-size:14px; color:var(--color-primary); transition:var(--transition) } .axil-signin-form .forgot-btn:hover { color:var(--color-body) } .axil-dashboard-warp .axil-dashboard-author { margin-bottom:50px } .axil-dashboard-warp .axil-dashboard-author .media { align-items:center } .axil-dashboard-warp .axil-dashboard-author .thumbnail { margin-bottom:10px } .axil-dashboard-warp .axil-dashboard-author .thumbnail img { border-radius:50% } .axil-dashboard-warp .axil-dashboard-author .joining-date { font-size:14px; color:var(--color-body); font-weight:var(--s-medium) } .axil-dashboard-warp .tab-content { padding-left:45px } @media only screen and (max-width: 1199px) { .axil-dashboard-warp .tab-content { padding-left:0 } } .axil-dashboard-aside { border:1px solid var(--color-light); padding:40px 35px 30px; border-radius:6px } @media only screen and (min-width: 768px)and (max-width: 991px) { .axil-dashboard-aside { padding:30px 15px 20px } } @media only screen and (max-width: 767px) { .axil-dashboard-aside { margin-bottom:40px } } .axil-dashboard-aside .nav-tabs { border-bottom:none } .axil-dashboard-aside .nav-link { font-weight:500; color:var(--color-body); font-size:var(--font-size-b2); position:relative; border-radius:6px; padding:9px 10px 9px 55px; margin-bottom:8px; transition:var(--transition); border:none; width:100% } @media only screen and (min-width: 768px)and (max-width: 991px) { .axil-dashboard-aside .nav-link { padding:9px 10px 9px 40px } } .axil-dashboard-aside .nav-link i { position:absolute; top:12px; left:24px; font-size:18px } @media only screen and (min-width: 768px)and (max-width: 991px) { .axil-dashboard-aside .nav-link i { left:10px } } .axil-dashboard-aside .nav-link.active,.axil-dashboard-aside .nav-link:hover { background-color:var(--color-lighter); color:var(--color-primary) } .axil-dashboard-overview .welcome-text { color:var(--color-black); font-size:18px; margin-bottom:25px } .axil-dashboard-overview .welcome-text span { font-weight:var(--p-bold) } .axil-dashboard-overview .welcome-text a { color:var(--color-chart03); transition:var(--transition) } .axil-dashboard-overview .welcome-text a:hover { color:var(--color-primary) } .axil-dashboard-overview p { font-size:var(--font-size-b1) } .axil-dashboard-order .table { font-family:var(--font-secondary) } .axil-dashboard-order .table thead { background-color:var(--color-lighter) } .axil-dashboard-order .table thead th { border:none; padding:18px 20px; vertical-align:middle; font-size:20px; font-weight:var(--p-medium); text-transform:capitalize } .axil-dashboard-order .table thead th:first-child { border-radius:6px 0 0 6px } .axil-dashboard-order .table thead th:last-child { border-radius:0 6px 6px 0; padding-right:30px; text-align:right } @media only screen and (max-width: 1199px) { .axil-dashboard-order .table thead th { font-size:18px } } .axil-dashboard-order .table tbody { border-top:none } .axil-dashboard-order .table tbody tr td,.axil-dashboard-order .table tbody tr th { padding:20px 20px; vertical-align:middle; font-weight:var(--p-medium); font-size:var(--font-size-b2); color:var(--color-heading); border-top:none; border-bottom:2px solid var(--color-lighter) } .axil-dashboard-order .table tbody tr td:last-child,.axil-dashboard-order .table tbody tr th:last-child { text-align:right } .axil-dashboard-order .table tbody tr th { color:var(--color-chart03) } .axil-dashboard-order .table tbody tr td { min-width:150px } .axil-dashboard-order .table tbody tr:first-child td,.axil-dashboard-order .table tbody tr:first-child th { border-top:none } .axil-dashboard-order .table tbody .view-btn { padding:9px 20px; border:1px solid var(--color-body); background-color:rgba(0,0,0,0); color:var(--color-dark) } .axil-dashboard-order .table tbody .view-btn:before { display:none } .axil-dashboard-order .table tbody .view-btn:after { display:none } .axil-dashboard-order .table tbody .view-btn:hover { background-color:var(--color-primary); border-color:var(--color-primary); color:var(--color-white) } .axil-dashboard-address .notice-text { font-size:var(--font-size-b2); color:#292930 } .axil-dashboard-address .addrss-header { border-bottom:1px solid var(--color-light); padding-bottom:20px; margin-bottom:20px } .axil-dashboard-address .title { font-weight:var(--p-medium); color:#292930 } @media only screen and (min-width: 992px)and (max-width: 1199px) { .axil-dashboard-address .title { font-size:26px } } .axil-dashboard-address .address-edit { font-size:var(--font-size-b2); color:#292930; transition:var(--transition) } .axil-dashboard-address .address-edit:hover { color:var(--color-primary) } .axil-dashboard-address ul li { font-size:var(--font-size-b2); line-height:var(--line-height-b2); color:#292930; font-family:var(--font-primary) } .axil-dashboard-account .form-group .form-control { height:60px; padding:10px 30px; border-color:var(--color-light); color:var(--color-body) } .axil-dashboard-account .form-group select option:hover { background:red !important; color:red } .axil-post-wrapper .content-blog { border-top:1px solid #f3f3f3; padding-top:60px } .axil-post-wrapper .content-blog:first-child { margin-top:0 !important; border-top:none; padding-top:0 } .content-blog .thumbnail { margin-bottom:30px } .content-blog .thumbnail a { display:block; border-radius:var(--radius) } .content-blog .thumbnail a img { width:100%; border-radius:var(--radius) } .content-blog .content .title { font-weight:500; line-height:1.3 } .content-blog .content p { margin-bottom:30px } .content-blog .content .read-more-btn .axil-btn { display:inline-flex } .content-blog.sticky .inner { background:#f9f3f0; border-left:6px solid var(--color-tertiary); border-radius:var(--radius); padding:50px } @media only screen and (max-width: 479px) { .content-blog.sticky .inner { padding:30px 15px } } .content-blog.format-quote .inner { background:#f9f3f0; border-left:6px solid var(--color-tertiary); border-radius:var(--radius); padding:50px 40px 30px } @media only screen and (max-width: 575px) { .content-blog.format-quote .inner { padding:30px 20px 10px } } .content-blog.format-quote .inner .content blockquote .title { font-weight:700; line-height:1.31; font-size:35px; font-style:italic } @media only screen and (max-width: 767px) { .content-blog.format-quote .inner .content blockquote .title { font-size:28px } } @media only screen and (max-width: 575px) { .content-blog.format-quote .inner .content blockquote .title { font-size:24px } } .content-blog.format-video .thumbnail { position:relative; text-align:center } .content-blog.format-video .thumbnail:after { content:""; height:100%; width:100%; background-color:var(--color-black); opacity:.2; border-radius:4px; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1 } .content-blog.format-video .thumbnail .popup-video { position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); z-index:2 } .content-blog.format-video .thumbnail .popup-video .play-btn { height:150px; width:150px; display:flex; align-items:center; justify-content:center; background-color:rgba(0,0,0,.8); border-radius:50%; margin:0 auto; font-size:32px; color:var(--color-white); transition:var(--transition) } .content-blog.format-video .thumbnail .popup-video .play-btn:hover { background-color:#000 } @media only screen and (max-width: 767px) { .content-blog.format-video .thumbnail .popup-video .play-btn { height:80px; width:80px; font-size:24px } } .content-blog.post-list-view { display:flex; align-items:center; border-bottom:1px solid #f3f3f3; padding-bottom:20px } @media only screen and (max-width: 479px) { .content-blog.post-list-view { align-items:flex-start } } .content-blog.post-list-view:last-child { margin-bottom:0; border-bottom:none; padding-bottom:0 } .content-blog.post-list-view .thumbnail { width:120px; margin-right:20px; min-width:120px; overflow:hidden; margin-bottom:0 } @media only screen and (min-width: 992px)and (max-width: 1199px) { .content-blog.post-list-view .thumbnail { width:70px; margin-right:10px; min-width:70px } } @media only screen and (max-width: 479px) { .content-blog.post-list-view .thumbnail { width:80px; min-width:80px } } .content-blog.post-list-view .thumbnail a { border-radius:6px; overflow:hidden } .content-blog.post-list-view .thumbnail a img { width:100%; border-radius:6px; transition:.5s; object-fit:contain } .content-blog.post-list-view .content { flex:1 } .content-blog.post-list-view .content .title { font-size:17px; margin-bottom:10px } @media only screen and (max-width: 767px) { .content-blog.post-list-view .content .title { font-size:16px } } .content-blog.post-list-view .content .title a { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis } .content-blog.post-list-view .content .axil-post-meta { margin-bottom:0 } .content-blog.post-list-view:hover .thumbnail img { transform:scale(1.1) } .axil-post-meta { display:flex; margin-bottom:20px } .axil-post-meta .post-author-avatar { min-width:50px; max-height:50px; margin-right:20px; width:50px } .axil-post-meta .post-author-avatar img { border-radius:100%; width:100%; height:100%; object-fit:contain } .axil-post-meta .post-meta-content .author-title { margin-bottom:5px; font-size:16px } .post-meta-list { display:flex; flex-wrap:wrap; padding:0; margin:0; list-style:none; margin:0 -15px } .post-meta-list li { color:var(--color-body); font-size:14px; padding:0 15px; position:relative; margin-top:0; margin-bottom:0 } .post-meta-list li::after { position:absolute; content:""; background:#cbd3d9; width:1px; height:14px; right:0; top:50%; transform:translateY(-50%) } .post-meta-list li:last-child::after { display:none } .blog-grid { border:1px solid #f1f1f1; border-radius:6px; padding:20px } .blog-grid .thumbnail { margin-bottom:25px; overflow:hidden; border-radius:6px; position:relative } .blog-grid .thumbnail img { transition:.5s } .blog-grid .thumbnail .blog-category { position:absolute; bottom:20px; right:20px } .blog-grid .thumbnail .blog-category a { background-color:rgba(255,255,255,.5); border:1px solid rgba(255,255,255,.5); backdrop-filter:blur(25px); box-shadow:0 4px 30px rgba(0,0,0,.1); padding:2px 10px; border-radius:4px; color:var(--color-white); font-size:14px } .blog-grid .content .title { margin-bottom:20px } .blog-grid .content .axil-btn { padding:0; align-items:center; color:var(--color-heading) } .blog-grid .content .axil-btn i { padding-left:6px; top:1px; color:var(--color-heading); transition:var(--transition) } .blog-grid .content .axil-btn:after { content:""; height:1px; width:0; background-color:var(--color-primary); position:absolute; bottom:0; right:0; transition:var(--transition) } .blog-grid .content .axil-btn:hover { color:var(--color-primary) } .blog-grid .content .axil-btn:hover:after { width:100%; left:0 } .blog-grid .content .axil-btn:hover i { color:var(--color-primary) } .blog-grid:hover .thumbnail img { transform:scale(1.1) } .axil-single-post .post-content { padding:0 75px } @media only screen and (max-width: 1199px) { .axil-single-post .post-content { padding:0 } } .axil-single-post.post-formate .content-block .post-thumbnail img { border-radius:6px } .axil-single-post.post-video .format-video .thumbnail { padding-top:0; margin-bottom:0 } .post-single-wrapper { padding-top:80px } @media only screen and (max-width: 991px) { .post-single-wrapper { padding-top:30px } } .post-single-wrapper .content-blog { border-top:none; padding-top:0 } .axil-post-wrapper .audio-player { margin-bottom:20px } .axil-post-wrapper .audio-player audio { width:100% } .axil-post-wrapper .post-heading { border-bottom:1px solid var(--color-border-light); margin-bottom:45px; padding-bottom:30px } .axil-single-widget:first-child,.widget-sidebar:first-child { margin-top:0 !important } .newsletter-inner::before { content:""; position:absolute; left:30px; background:url(../images/send-mail.png) no-repeat; z-index:2; top:17px; width:25px; height:25px } .wp-block-columns { display:flex; margin-bottom:28px; margin:0 -15px } @media only screen and (max-width: 767px) { .wp-block-columns { flex-wrap:wrap } } .wp-block-column { flex-grow:1; min-width:0; word-break:break-word; overflow-wrap:break-word; padding-right:15px; padding-left:15px } .wp-block-column .wp-block-image img { border-radius:6px } .post-details figure,.entry-content figure { margin-bottom:40px } @media only screen and (max-width: 575px) { .post-details figure,.entry-content figure { margin-bottom:20px } } .post-details__social-share .share-on-text { display:inline-block; margin-bottom:10px; margin-right:-5px } @media only screen and (max-width: 1199px) { .post-details__social-share .share-on-text { margin-right:-18px } } .post-details__social-share .social-share { flex-direction:column; align-items:center } @media only screen and (max-width: 992px) { .post-details__social-share .social-share { flex-direction:row; margin-bottom:15px } } .sticky-top { z-index:0 !important; top:100px } .axil-total-comment-post { display:flex; justify-content:space-between; align-items:center; padding:30px 0 } @media only screen and (max-width: 575px) { .axil-total-comment-post { display:block } } @media only screen and (max-width: 575px) { .axil-total-comment-post .add-comment-button { margin-top:20px } } .comment-respond { margin:50px 0 0 } .comment-respond .title { margin-bottom:20px } .comment-respond .comment-notes { color:var(--color-gray); margin-bottom:40px } .comment-respond .comment-form-cookies-consent { margin-bottom:20px } .comment-list ul.children { padding-left:75px } @media only screen and (max-width: 767px) { .comment-list ul.children { padding-left:30px } } .comment-list .comment { margin-top:0; margin-bottom:0 } .comment-list .comment .single-comment { padding:15px 0; display:flex } .comment-list .comment .single-comment .comment-img { margin-bottom:15px; min-width:60px; margin-right:20px } .comment-list .comment .single-comment .comment-img img { border-radius:100%; width:100% } .comment-list .comment .commenter { line-height:33px; margin-bottom:6px } .comment-list .comment .commenter a .hover-flip-item span::before { color:var(--color-heading) } .comment-list .comment .commenter a .hover-flip-item span::after { color:var(--color-primary) } .comment-list .comment .comment-meta { display:flex; align-items:center; margin-bottom:8px; flex-wrap:wrap } .comment-list .comment .time-spent { color:var(--color-extra01); font-size:16px; line-height:24px } .comment-list .comment .reply-edit a.comment-reply-link { font-size:16px; line-height:24px; display:flex; color:var(--color-primary); margin-left:8px; padding-left:8px; position:relative; font-weight:500; overflow:visible } .comment-list .comment .reply-edit a.comment-reply-link .hover-flip-item span::before { color:var(--color-heading) } .comment-list .comment .reply-edit a.comment-reply-link .hover-flip-item span::after { color:var(--color-primary) } .comment-list .comment .reply-edit a.comment-reply-link:hover { color:var(--color-primary) } .comment-list .comment .reply-edit a.comment-reply-link::before { position:absolute; content:""; top:50%; transform:translateY(-50%); left:-2px; width:4px; height:4px; background:var(--color-extra01); border-radius:100% } .form-group label { position:absolute; top:-11px; left:20px; pointer-events:none; z-index:4; background:#fff; padding:0 10px } @media only screen and (max-width: 991px) { .axil-sidebar-area { margin-top:60px } } .axil-sidebar-area .axil-single-widget:first-child { margin-top:0 !important } .axil-single-widget { border:1px solid #f3f3f3; border-radius:6px; padding:30px } .axil-single-widget .widget-title { font-weight:500; margin-bottom:30px; color:var(--color-dark) } @media only screen and (max-width: 479px) { .axil-single-widget { padding:20px } } .tagcloud { display:flex; flex-wrap:wrap; margin:-5px } .tagcloud a { border:2px solid var(--color-border-light); font-size:var(--font-size-b2) !important; color:var(--color-body); height:40px; padding:0 20px; margin:5px; display:inline-block; line-height:35px; border-radius:500px; font-family:var(--font-secondary) } .tagcloud a:hover { background:var(--color-primary); color:#fff; border-color:var(--color-primary) } .blog-search,.wp-block-search { position:relative } .blog-search input,.wp-block-search input { height:50px; border:1px solid #f0f2f5; background-color:#f0f2f5; padding:0 20px; color:var(--color-heading); padding-left:50px; font-size:16px; border-radius:var(--radius); font-family:var(--font-secondary) } .blog-search .search-button,.wp-block-search .search-button { position:absolute; left:20px; top:50%; transform:translateY(-50%); border:0 none; padding:0; background-color:rgba(0,0,0,0); width:auto } .blog-search .search-button i,.wp-block-search .search-button i { color:var(--color-body); font-weight:400 } .widget_rss ul li a { color:var(--color-heading); text-decoration:none; display:block } .widget_rss ul li a:hover { color:var(--color-primary) } .widget_rss ul li span.rss-date { font-size:14px } .widget_rss ul li .rssSummary { margin-top:9px } .widget_rss ul li cite { margin-top:4px; display:inline-block; font-weight:500; font-size:14px } .widget_archive ul { margin-bottom:0; list-style:disc } .widget_archive ul li::marker { font-size:18px; color:#ced0d4; transition:var(--transition) } .widget_archive ul li a { color:#65676b; transition:var(--transition) } .widget_archive ul li:hover::marker { color:var(--color-primary) } .widget_archive ul li:hover a { color:var(--color-black) } .widget_archive_dropdown select { border-radius:4px; height:50px; padding:0 20px } .footer-top { padding:80px 0 40px; position:relative } @media only screen and (max-width: 767px) { .footer-top { padding:60px 0 20px } } .footer-top.separator-top::after { position:absolute; top:0; width:1290px; height:2px; background-color:#f6f7fb; content:""; left:0; right:0; margin:0 auto; border-radius:100px } .axil-footer-widget { margin-bottom:40px } .axil-footer-widget .widget-title { font-size:18px; font-weight:500; letter-spacing:-0.025em; margin-bottom:20px } .axil-footer-widget .inner ul { padding-left:0 } .axil-footer-widget .inner ul>li:first-child { margin-top:0 } .axil-footer-widget .inner ul { list-style:none } .axil-footer-widget .inner ul li { margin-top:12px; margin-bottom:12px } .axil-footer-widget .inner ul li a { color:var(--color-body); font-weight:500; font-size:16px; transition:.3s; position:relative } .axil-footer-widget .inner ul li a:after { content:""; height:2px; width:0; background-color:var(--color-black); position:absolute; bottom:-2px; right:0; opacity:0; transition:.5s } .axil-footer-widget .inner ul li a:hover { color:var(--color-heading) } .axil-footer-widget .inner ul li a:hover:after { width:100%; opacity:1; left:0 } .axil-footer-widget .logo img { height:35px; width:auto } .axil-footer-widget .support-list-item { margin-bottom:0 } .axil-footer-widget .support-list-item li { padding-left:26px; position:relative } .axil-footer-widget .support-list-item li a { position:initial !important; font-weight:400 !important } .axil-footer-widget .support-list-item li a:after { display:none } .axil-footer-widget .support-list-item li i { padding-right:5px; position:absolute; top:5px; left:0 } .copyright-default { padding:15px 0 } .copyright-default .quick-link { display:flex; margin:-15px } .copyright-default .quick-link li { padding:15px; position:relative; color:var(--color-body); font-weight:500; font-size:14px } .copyright-default .quick-link li::after { position:absolute; content:""; background:var(--color-lightest); width:5px; height:5px; border-radius:100%; right:-3px; top:50%; transform:translateY(-50%) } @media only screen and (max-width: 575px) { .copyright-default .quick-link li::after { display:none } } .copyright-default .quick-link li a { color:var(--color-body); font-weight:500; font-size:14px; letter-spacing:-0.025em; transition:.5s; position:relative } .copyright-default .quick-link li a:after { content:""; height:2px; width:0; background-color:var(--color-black); position:absolute; bottom:-2px; right:0; opacity:0; transition:.5s } .copyright-default .quick-link li a:hover { color:var(--color-heading) } .copyright-default .quick-link li a:hover:after { width:100%; opacity:1; left:0 } .copyright-default .quick-link.payment-icons-bottom { margin:-15px -10px } .copyright-default .quick-link.payment-icons-bottom li { padding:15px 10px } .copyright-default .quick-link.payment-icons-bottom li::after { display:none } .copyright-default.separator-top { position:relative } .copyright-default.separator-top::after { position:absolute; content:""; background-color:#f6f7fb; border-radius:100px; height:2px; width:1290px; left:0; right:0; margin:0 auto; top:0 } .copyright-default .copyright-right span.card-text { color:var(--color-body); font-size:14px; font-weight:500; display:inline-block; margin:10px 20px; letter-spacing:-0.025em } @media only screen and (max-width: 575px) { .copyright-default .copyright-right span.card-text { margin-left:0 } } @media only screen and (max-width: 1199px) { .copyright-default .copyright-left { text-align:center } } @media only screen and (max-width: 575px) { .copyright-default .copyright-left { flex-direction:column; align-items:center } } .copyright-default .copyright-left ul+ul { margin-left:15px } @media only screen and (max-width: 575px) { .copyright-default .copyright-left ul+ul { margin-left:-15px } } .copyright-default .copyright-left ul+ul li::after { display:none } .footer-dark { background-color:var(--color-heading) } .footer-dark .axil-footer-widget p { color:#acacac } .footer-dark .social-share a { color:#acacac } .footer-dark .social-share a:hover { color:var(--color-white) } .footer-dark .axil-footer-widget .widget-title { color:#c8c8c8 } .footer-dark .axil-footer-widget .inner ul li a { color:#acacac } .footer-dark .axil-footer-widget .inner ul li a:after { background-color:#acacac } .footer-dark .copyright-default.separator-top:after { background-color:#454545 } .footer-dark .copyright-default .quick-link li { color:#acacac } .footer-dark .copyright-default .quick-link li:after { background:#acacac } .footer-dark .copyright-default .quick-link li a { color:#acacac } .footer-dark .copyright-default .quick-link li a:after { background-color:#acacac } .footer-dark .copyright-default .copyright-right span.card-text { color:#acacac } .footer-style-2 .footer-top { padding:50px 0 0 } .footer-style-2 .footer-top.separator-top:after { background-color:#f6f7fb; height:2px } .footer-style-2 .axil-footer-widget .widget-title { font-weight:600 } .footer-style-2 .axil-footer-widget .inner .download-btn-group { display:flex; align-items:center; margin-top:15px } .footer-style-2 .axil-footer-widget .inner .download-btn-group .qr-code { margin-right:20px } @media only screen and (min-width: 992px)and (max-width: 1199px) { .footer-style-2 .axil-footer-widget .inner .download-btn-group .qr-code img { height:80px } } .footer-style-2 .axil-footer-widget .inner .download-btn-group .app-link { flex:1 } .footer-style-2 .axil-footer-widget .inner .download-btn-group .app-link a { margin-bottom:15px; display:block } .footer-style-2 .axil-footer-widget .inner .download-btn-group .app-link a:last-child { margin-bottom:0 } .footer-style-2 .copyright-default .quick-link li:last-child:after { display:none } .footer-style-2 .copyright-default .quick-link.payment-icons-bottom li { padding:10px } .footer-style-2 .copyright-default .quick-link.payment-icons-bottom li img { height:20px } @media only screen and (max-width: 1199px) { .footer-style-2 .copyright-default .social-share { justify-content:center; margin-top:0; margin-bottom:0 } } .footer-style-2 .copyright-default .social-share a { font-size:16px; color:var(--color-body); line-height:normal } .footer-style-2 .copyright-default .social-share a:after { height:35px; width:35px } .footer-style-2 .copyright-default .social-share a:hover { color:var(--color-white) } .footer-style-3 .footer-top { padding:35px 0 0 0 } .footer-style-3 .footer-widget-warp { border-bottom:1px solid rgba(119,119,119,.4); padding-top:30px } .footer-style-3 .footer-widget-warp:last-child { padding-bottom:30px } .footer-style-3 .footer-middle { padding:28px 0 } .footer-style-3 .payment-method { display:flex; align-items:center } .footer-style-3 .payment-method .title { color:var(--color-white); margin-bottom:0; padding-right:24px; text-align:right; font-size:14px; line-height:1.5; min-width:90px } .footer-style-3 .payment-method ul { border-left:1px solid rgba(119,119,119,.4); margin-bottom:0; padding-left:18px; list-style:none; margin:-6px } .footer-style-3 .payment-method ul li { text-align:center; display:inline-block; height:40px; width:40px; line-height:40px; border-radius:50%; background-color:var(--color-white); margin:6px } .footer-style-3 .payment-method ul li img { max-width:28px } @media(max-width: 991px) { .footer-style-3 .footer-social-link { margin-top:20px } } .footer-style-3 .footer-social-link ul { list-style:none; border-left-color:rgba(51,120,240,.4) } .footer-style-3 .footer-social-link ul li { background-color:rgba(0,0,0,0) } .footer-style-3 .footer-social-link ul li a { height:40px; width:40px; line-height:40px; background-color:var(--color-primary); border-radius:50%; display:block; text-align:center; font-size:18px; color:var(--color-white) } .footer-style-3 .footer-social-link ul li a:hover { background-color:var(--color-secondary) } .footer-style-3 .copyright-area { border-top:1px solid rgba(119,119,119,.1) } .footer-style-3 .copyright-area .quick-link li a { font-weight:400 } .axil-footer-widget.widget-flex { display:flex; margin-bottom:30px } .axil-footer-widget.widget-flex .widget-title { border-right:1px solid rgba(119,119,119,.4); padding-right:22px; margin-right:22px; font-size:14px; margin-bottom:0; min-width:90px; font-weight:700; text-align:right } .axil-footer-widget.widget-flex .inner { flex:1 } .axil-footer-widget.widget-flex .inner ul { margin-bottom:0 } .axil-footer-widget.widget-flex .inner ul li { margin:10px 0 } .axil-footer-widget.widget-flex .inner ul li:first-child { margin-top:0 } .axil-footer-widget.widget-flex .inner ul li:last-child { margin-bottom:0 } .axil-footer-widget.widget-flex .inner ul li a { font-size:14px; color:#d6d6d6; font-family:var(--font-secondary) } .axil-footer-widget.footer-widget-newsletter { padding-right:50px } .axil-footer-widget.footer-widget-newsletter .input-group input { background-color:#49495f; height:46px; border-radius:8px 0 0 8px; padding:0 20px; border:none; color:#d6d6d6 } .axil-footer-widget.footer-widget-newsletter .input-group input:focus { background-color:#49495f; box-shadow:none; color:#d6d6d6 } .axil-footer-widget.footer-widget-newsletter .input-group input::placeholder { color:#d6d6d6; opacity:1 } .axil-footer-widget.footer-widget-newsletter .input-group input:-ms-input-placeholder { color:#d6d6d6 } .axil-footer-widget.footer-widget-newsletter .input-group input::-ms-input-placeholder { color:#d6d6d6 } .axil-footer-widget.footer-widget-newsletter .input-group button { width:auto; background-color:var(--color-primary); font-size:14px; font-weight:700; border-radius:0 8px 8px 0; color:var(--color-white); padding:0 24px } .axil-footer-widget.footer-widget-newsletter .input-group button:hover { background-color:var(--color-secondary) } .axil-footer-widget.footer-widget-newsletter .widget-title { color:var(--color-white); font-size:24px; margin-bottom:8px } .axil-footer-widget.footer-widget-newsletter p { color:#d6d6d6; font-size:14px; margin-bottom:16px } .axil-footer-widget.footer-widget-newsletter p span { color:#fe497c } .offer-popup-modal { position:fixed; top:50%; left:50%; transform:translateY(-50%) translateX(-50%) scale(0.8); z-index:101; visibility:hidden; opacity:0; transition:.3s } .offer-popup-modal .offer-popup-wrap { background-color:var(--color-white); border-radius:6px; padding:50px; width:730px; height:450px; display:flex; flex-direction:column; overflow:auto; background-image:url("../images/others/popup-bg.png"); background-repeat:no-repeat; background-position:center right } @media only screen and (max-width: 767px) { .offer-popup-modal .offer-popup-wrap { width:100%; padding:40px 30px; max-height:400px; background-image:none } } @media only screen and (max-width: 479px) { .offer-popup-modal .offer-popup-wrap { padding:30px 20px; max-height:370px } } .offer-popup-modal .offer-popup-wrap .popup-close { height:40px; width:40px; font-size:18px; color:var(--color-white); background-color:var(--color-primary); border-radius:50%; position:absolute; top:-30px; right:-30px } .offer-popup-modal .offer-popup-wrap .popup-close:hover { background-color:var(--color-secondary) } @media only screen and (max-width: 767px) { .offer-popup-modal .offer-popup-wrap .popup-close { height:30px; width:30px; font-size:12px; top:-30px; right:-15px } } @media only screen and (max-width: 479px) { .offer-popup-modal .offer-popup-wrap .popup-close { top:-20px; right:-10px } } .offer-popup-modal .offer-popup-wrap .card-body { position:relative; padding:0; display:flex; align-items:center } .offer-popup-modal .offer-popup-wrap .card-body .section-title-wrapper { margin-bottom:0 } @media only screen and (max-width: 767px) { .offer-popup-modal .offer-popup-wrap .card-body .section-title-wrapper { padding-right:0 } } .offer-popup-modal .offer-popup-wrap .card-body .section-title-wrapper .title { font-size:40px; line-height:1.2 } @media only screen and (max-width: 767px) { .offer-popup-modal .offer-popup-wrap .card-body .section-title-wrapper .title { font-size:28px } } .offer-popup-modal .offer-popup-wrap .card-body .countdown { margin-bottom:38px } .offer-popup-modal .offer-popup-wrap .card-body .countdown .countdown-section { background-color:var(--color-lighter) } .offer-popup-modal .offer-popup-wrap .card-body .axil-btn i { margin-right:0; margin-left:8px; position:relative; top:1px } .offer-popup-modal.open { visibility:visible; opacity:1; transform:translate(-50%, -50%) scale(1); transition:all .3s cubic-bezier(0.29, 1.39, 0.86, 1.15) } .slick-dotted.slick-slider { margin-bottom:0 } .axil-section-gap { padding:80px 0 } @media only screen and (max-width: 767px) { .axil-section-gap { padding:60px 0 } } .axil-section-gapcommon { padding:80px 0 50px } @media only screen and (max-width: 767px) { .axil-section-gapcommon { padding:60px 0 30px } } .section-gap-80-35 { padding:80px 0 35px } @media only screen and (max-width: 767px) { .section-gap-80-35 { padding:60px 0 15px } } .axil-section-gapBottom { padding-bottom:80px } @media only screen and (min-width: 768px)and (max-width: 991px) { .axil-section-gapBottom { padding-bottom:80px } } @media only screen and (max-width: 767px) { .axil-section-gapBottom { padding-bottom:60px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .pb--165,.pb--85 { padding-bottom:80px } } @media only screen and (max-width: 767px) { .pb--165,.pb--85 { padding-bottom:60px } } .axil-section-gapTop { padding-top:80px } @media only screen and (min-width: 768px)and (max-width: 991px) { .axil-section-gapTop { padding-top:80px } } @media only screen and (max-width: 767px) { .axil-section-gapTop { padding-top:60px } } .axilil-service-area.axil-section-gap.layout-2 { padding-bottom:160px; padding-top:120px } @media only screen and (min-width: 768px)and (max-width: 991px) { .axilil-service-area.axil-section-gap.layout-2 { padding-top:80px; padding-bottom:80px } } @media only screen and (max-width: 767px) { .axilil-service-area.axil-section-gap.layout-2 { padding-top:60px; padding-bottom:60px } } .pl--0 { padding-left:0 !important } .pr--0 { padding-right:0 !important } .pt--0 { padding-top:0 !important } .pb--0 { padding-bottom:0 !important } .mr--0 { margin-right:0 !important } .ml--0 { margin-left:0 !important } .mt--0 { margin-top:0 !important } .mb--0 { margin-bottom:0 !important } .ptb---100 { padding:100px 0 } @media only screen and (min-width: 768px)and (max-width: 991px) { .ptb---100 { padding:80px 0 } } @media only screen and (max-width: 767px) { .ptb---100 { padding:60px 0 } } .ptb--5 { padding:5px 0 } .plr--5 { padding:0 5px } .pt--5 { padding-top:5px } .pb--5 { padding-bottom:5px } .pl--5 { padding-left:5px } .pr--5 { padding-right:5px } .mt--5 { margin-top:5px } .mb--5 { margin-bottom:5px } .mr--5 { margin-right:5px } .ml--5 { margin-left:5px } .ptb--10 { padding:10px 0 } .plr--10 { padding:0 10px } .pt--10 { padding-top:10px } .pb--10 { padding-bottom:10px } .pl--10 { padding-left:10px } .pr--10 { padding-right:10px } .mt--10 { margin-top:10px } .mb--10 { margin-bottom:10px } .mr--10 { margin-right:10px } .ml--10 { margin-left:10px } .ptb--15 { padding:15px 0 } .plr--15 { padding:0 15px } .pt--15 { padding-top:15px } .pb--15 { padding-bottom:15px } .pl--15 { padding-left:15px } .pr--15 { padding-right:15px } .mt--15 { margin-top:15px } .mb--15 { margin-bottom:15px } .mr--15 { margin-right:15px } .ml--15 { margin-left:15px } .ptb--20 { padding:20px 0 } .plr--20 { padding:0 20px } .pt--20 { padding-top:20px } .pb--20 { padding-bottom:20px } .pl--20 { padding-left:20px } .pr--20 { padding-right:20px } .mt--20 { margin-top:20px } .mb--20 { margin-bottom:20px } .mr--20 { margin-right:20px } .ml--20 { margin-left:20px } .ptb--25 { padding:25px 0 } .plr--25 { padding:0 25px } .pt--25 { padding-top:25px } .pb--25 { padding-bottom:25px } .pl--25 { padding-left:25px } .pr--25 { padding-right:25px } .mt--25 { margin-top:25px } .mb--25 { margin-bottom:25px } .mr--25 { margin-right:25px } .ml--25 { margin-left:25px } .ptb--30 { padding:30px 0 } .plr--30 { padding:0 30px } .pt--30 { padding-top:30px } .pb--30 { padding-bottom:30px } .pl--30 { padding-left:30px } .pr--30 { padding-right:30px } .mt--30 { margin-top:30px } .mb--30 { margin-bottom:30px } .mr--30 { margin-right:30px } .ml--30 { margin-left:30px } .ptb--35 { padding:35px 0 } .plr--35 { padding:0 35px } .pt--35 { padding-top:35px } .pb--35 { padding-bottom:35px } .pl--35 { padding-left:35px } .pr--35 { padding-right:35px } .mt--35 { margin-top:35px } .mb--35 { margin-bottom:35px } .mr--35 { margin-right:35px } .ml--35 { margin-left:35px } .ptb--40 { padding:40px 0 } .plr--40 { padding:0 40px } .pt--40 { padding-top:40px } .pb--40 { padding-bottom:40px } .pl--40 { padding-left:40px } .pr--40 { padding-right:40px } .mt--40 { margin-top:40px } .mb--40 { margin-bottom:40px } .mr--40 { margin-right:40px } .ml--40 { margin-left:40px } .ptb--45 { padding:45px 0 } .plr--45 { padding:0 45px } .pt--45 { padding-top:45px } .pb--45 { padding-bottom:45px } .pl--45 { padding-left:45px } .pr--45 { padding-right:45px } .mt--45 { margin-top:45px } .mb--45 { margin-bottom:45px } .mr--45 { margin-right:45px } .ml--45 { margin-left:45px } .ptb--50 { padding:50px 0 } .plr--50 { padding:0 50px } .pt--50 { padding-top:50px } .pb--50 { padding-bottom:50px } .pl--50 { padding-left:50px } .pr--50 { padding-right:50px } .mt--50 { margin-top:50px } .mb--50 { margin-bottom:50px } .mr--50 { margin-right:50px } .ml--50 { margin-left:50px } .ptb--55 { padding:55px 0 } .plr--55 { padding:0 55px } .pt--55 { padding-top:55px } .pb--55 { padding-bottom:55px } .pl--55 { padding-left:55px } .pr--55 { padding-right:55px } .mt--55 { margin-top:55px } .mb--55 { margin-bottom:55px } .mr--55 { margin-right:55px } .ml--55 { margin-left:55px } .ptb--60 { padding:60px 0 } .plr--60 { padding:0 60px } .pt--60 { padding-top:60px } .pb--60 { padding-bottom:60px } .pl--60 { padding-left:60px } .pr--60 { padding-right:60px } .mt--60 { margin-top:60px } .mb--60 { margin-bottom:60px } .mr--60 { margin-right:60px } .ml--60 { margin-left:60px } .ptb--65 { padding:65px 0 } .plr--65 { padding:0 65px } .pt--65 { padding-top:65px } .pb--65 { padding-bottom:65px } .pl--65 { padding-left:65px } .pr--65 { padding-right:65px } .mt--65 { margin-top:65px } .mb--65 { margin-bottom:65px } .mr--65 { margin-right:65px } .ml--65 { margin-left:65px } .ptb--70 { padding:70px 0 } .plr--70 { padding:0 70px } .pt--70 { padding-top:70px } .pb--70 { padding-bottom:70px } .pl--70 { padding-left:70px } .pr--70 { padding-right:70px } .mt--70 { margin-top:70px } .mb--70 { margin-bottom:70px } .mr--70 { margin-right:70px } .ml--70 { margin-left:70px } .ptb--75 { padding:75px 0 } .plr--75 { padding:0 75px } .pt--75 { padding-top:75px } .pb--75 { padding-bottom:75px } .pl--75 { padding-left:75px } .pr--75 { padding-right:75px } .mt--75 { margin-top:75px } .mb--75 { margin-bottom:75px } .mr--75 { margin-right:75px } .ml--75 { margin-left:75px } .ptb--80 { padding:80px 0 } .plr--80 { padding:0 80px } .pt--80 { padding-top:80px } .pb--80 { padding-bottom:80px } .pl--80 { padding-left:80px } .pr--80 { padding-right:80px } .mt--80 { margin-top:80px } .mb--80 { margin-bottom:80px } .mr--80 { margin-right:80px } .ml--80 { margin-left:80px } .ptb--85 { padding:85px 0 } .plr--85 { padding:0 85px } .pt--85 { padding-top:85px } .pb--85 { padding-bottom:85px } .pl--85 { padding-left:85px } .pr--85 { padding-right:85px } .mt--85 { margin-top:85px } .mb--85 { margin-bottom:85px } .mr--85 { margin-right:85px } .ml--85 { margin-left:85px } .ptb--90 { padding:90px 0 } .plr--90 { padding:0 90px } .pt--90 { padding-top:90px } .pb--90 { padding-bottom:90px } .pl--90 { padding-left:90px } .pr--90 { padding-right:90px } .mt--90 { margin-top:90px } .mb--90 { margin-bottom:90px } .mr--90 { margin-right:90px } .ml--90 { margin-left:90px } .ptb--95 { padding:95px 0 } .plr--95 { padding:0 95px } .pt--95 { padding-top:95px } .pb--95 { padding-bottom:95px } .pl--95 { padding-left:95px } .pr--95 { padding-right:95px } .mt--95 { margin-top:95px } .mb--95 { margin-bottom:95px } .mr--95 { margin-right:95px } .ml--95 { margin-left:95px } .ptb--100 { padding:100px 0 } .plr--100 { padding:0 100px } .pt--100 { padding-top:100px } .pb--100 { padding-bottom:100px } .pl--100 { padding-left:100px } .pr--100 { padding-right:100px } .mt--100 { margin-top:100px } .mb--100 { margin-bottom:100px } .mr--100 { margin-right:100px } .ml--100 { margin-left:100px } .ptb--105 { padding:105px 0 } .plr--105 { padding:0 105px } .pt--105 { padding-top:105px } .pb--105 { padding-bottom:105px } .pl--105 { padding-left:105px } .pr--105 { padding-right:105px } .mt--105 { margin-top:105px } .mb--105 { margin-bottom:105px } .mr--105 { margin-right:105px } .ml--105 { margin-left:105px } .ptb--110 { padding:110px 0 } .plr--110 { padding:0 110px } .pt--110 { padding-top:110px } .pb--110 { padding-bottom:110px } .pl--110 { padding-left:110px } .pr--110 { padding-right:110px } .mt--110 { margin-top:110px } .mb--110 { margin-bottom:110px } .mr--110 { margin-right:110px } .ml--110 { margin-left:110px } .ptb--115 { padding:115px 0 } .plr--115 { padding:0 115px } .pt--115 { padding-top:115px } .pb--115 { padding-bottom:115px } .pl--115 { padding-left:115px } .pr--115 { padding-right:115px } .mt--115 { margin-top:115px } .mb--115 { margin-bottom:115px } .mr--115 { margin-right:115px } .ml--115 { margin-left:115px } .ptb--120 { padding:120px 0 } .plr--120 { padding:0 120px } .pt--120 { padding-top:120px } .pb--120 { padding-bottom:120px } .pl--120 { padding-left:120px } .pr--120 { padding-right:120px } .mt--120 { margin-top:120px } .mb--120 { margin-bottom:120px } .mr--120 { margin-right:120px } .ml--120 { margin-left:120px } .ptb--125 { padding:125px 0 } .plr--125 { padding:0 125px } .pt--125 { padding-top:125px } .pb--125 { padding-bottom:125px } .pl--125 { padding-left:125px } .pr--125 { padding-right:125px } .mt--125 { margin-top:125px } .mb--125 { margin-bottom:125px } .mr--125 { margin-right:125px } .ml--125 { margin-left:125px } .ptb--130 { padding:130px 0 } .plr--130 { padding:0 130px } .pt--130 { padding-top:130px } .pb--130 { padding-bottom:130px } .pl--130 { padding-left:130px } .pr--130 { padding-right:130px } .mt--130 { margin-top:130px } .mb--130 { margin-bottom:130px } .mr--130 { margin-right:130px } .ml--130 { margin-left:130px } .ptb--135 { padding:135px 0 } .plr--135 { padding:0 135px } .pt--135 { padding-top:135px } .pb--135 { padding-bottom:135px } .pl--135 { padding-left:135px } .pr--135 { padding-right:135px } .mt--135 { margin-top:135px } .mb--135 { margin-bottom:135px } .mr--135 { margin-right:135px } .ml--135 { margin-left:135px } .ptb--140 { padding:140px 0 } .plr--140 { padding:0 140px } .pt--140 { padding-top:140px } .pb--140 { padding-bottom:140px } .pl--140 { padding-left:140px } .pr--140 { padding-right:140px } .mt--140 { margin-top:140px } .mb--140 { margin-bottom:140px } .mr--140 { margin-right:140px } .ml--140 { margin-left:140px } .ptb--145 { padding:145px 0 } .plr--145 { padding:0 145px } .pt--145 { padding-top:145px } .pb--145 { padding-bottom:145px } .pl--145 { padding-left:145px } .pr--145 { padding-right:145px } .mt--145 { margin-top:145px } .mb--145 { margin-bottom:145px } .mr--145 { margin-right:145px } .ml--145 { margin-left:145px } .ptb--150 { padding:150px 0 } .plr--150 { padding:0 150px } .pt--150 { padding-top:150px } .pb--150 { padding-bottom:150px } .pl--150 { padding-left:150px } .pr--150 { padding-right:150px } .mt--150 { margin-top:150px } .mb--150 { margin-bottom:150px } .mr--150 { margin-right:150px } .ml--150 { margin-left:150px } .ptb--155 { padding:155px 0 } .plr--155 { padding:0 155px } .pt--155 { padding-top:155px } .pb--155 { padding-bottom:155px } .pl--155 { padding-left:155px } .pr--155 { padding-right:155px } .mt--155 { margin-top:155px } .mb--155 { margin-bottom:155px } .mr--155 { margin-right:155px } .ml--155 { margin-left:155px } .ptb--160 { padding:160px 0 } .plr--160 { padding:0 160px } .pt--160 { padding-top:160px } .pb--160 { padding-bottom:160px } .pl--160 { padding-left:160px } .pr--160 { padding-right:160px } .mt--160 { margin-top:160px } .mb--160 { margin-bottom:160px } .mr--160 { margin-right:160px } .ml--160 { margin-left:160px } .ptb--165 { padding:165px 0 } .plr--165 { padding:0 165px } .pt--165 { padding-top:165px } .pb--165 { padding-bottom:165px } .pl--165 { padding-left:165px } .pr--165 { padding-right:165px } .mt--165 { margin-top:165px } .mb--165 { margin-bottom:165px } .mr--165 { margin-right:165px } .ml--165 { margin-left:165px } .ptb--170 { padding:170px 0 } .plr--170 { padding:0 170px } .pt--170 { padding-top:170px } .pb--170 { padding-bottom:170px } .pl--170 { padding-left:170px } .pr--170 { padding-right:170px } .mt--170 { margin-top:170px } .mb--170 { margin-bottom:170px } .mr--170 { margin-right:170px } .ml--170 { margin-left:170px } .ptb--175 { padding:175px 0 } .plr--175 { padding:0 175px } .pt--175 { padding-top:175px } .pb--175 { padding-bottom:175px } .pl--175 { padding-left:175px } .pr--175 { padding-right:175px } .mt--175 { margin-top:175px } .mb--175 { margin-bottom:175px } .mr--175 { margin-right:175px } .ml--175 { margin-left:175px } .ptb--180 { padding:180px 0 } .plr--180 { padding:0 180px } .pt--180 { padding-top:180px } .pb--180 { padding-bottom:180px } .pl--180 { padding-left:180px } .pr--180 { padding-right:180px } .mt--180 { margin-top:180px } .mb--180 { margin-bottom:180px } .mr--180 { margin-right:180px } .ml--180 { margin-left:180px } .ptb--185 { padding:185px 0 } .plr--185 { padding:0 185px } .pt--185 { padding-top:185px } .pb--185 { padding-bottom:185px } .pl--185 { padding-left:185px } .pr--185 { padding-right:185px } .mt--185 { margin-top:185px } .mb--185 { margin-bottom:185px } .mr--185 { margin-right:185px } .ml--185 { margin-left:185px } .ptb--190 { padding:190px 0 } .plr--190 { padding:0 190px } .pt--190 { padding-top:190px } .pb--190 { padding-bottom:190px } .pl--190 { padding-left:190px } .pr--190 { padding-right:190px } .mt--190 { margin-top:190px } .mb--190 { margin-bottom:190px } .mr--190 { margin-right:190px } .ml--190 { margin-left:190px } .ptb--195 { padding:195px 0 } .plr--195 { padding:0 195px } .pt--195 { padding-top:195px } .pb--195 { padding-bottom:195px } .pl--195 { padding-left:195px } .pr--195 { padding-right:195px } .mt--195 { margin-top:195px } .mb--195 { margin-bottom:195px } .mr--195 { margin-right:195px } .ml--195 { margin-left:195px } .ptb--200 { padding:200px 0 } .plr--200 { padding:0 200px } .pt--200 { padding-top:200px } .pb--200 { padding-bottom:200px } .pl--200 { padding-left:200px } .pr--200 { padding-right:200px } .mt--200 { margin-top:200px } .mb--200 { margin-bottom:200px } .mr--200 { margin-right:200px } .ml--200 { margin-left:200px } @media only screen and (min-width: 1350px) { .ml--xxl-0 { margin-left:0 } } @media only screen and (min-width: 1200px)and (max-width: 1599px) { .ptb_lp--5 { padding:5px 0 } .plr_lp--5 { padding:0 5px } .pt_lp--5 { padding-top:5px } .pb_lp--5 { padding-bottom:5px } .pl_lp--5 { padding-left:5px } .pr_lp--5 { padding-right:5px } .mt_lp--5 { margin-top:5px } .mb_lp--5 { margin-bottom:5px } .ptb_lp--10 { padding:10px 0 } .plr_lp--10 { padding:0 10px } .pt_lp--10 { padding-top:10px } .pb_lp--10 { padding-bottom:10px } .pl_lp--10 { padding-left:10px } .pr_lp--10 { padding-right:10px } .mt_lp--10 { margin-top:10px } .mb_lp--10 { margin-bottom:10px } .ptb_lp--15 { padding:15px 0 } .plr_lp--15 { padding:0 15px } .pt_lp--15 { padding-top:15px } .pb_lp--15 { padding-bottom:15px } .pl_lp--15 { padding-left:15px } .pr_lp--15 { padding-right:15px } .mt_lp--15 { margin-top:15px } .mb_lp--15 { margin-bottom:15px } .ptb_lp--20 { padding:20px 0 } .plr_lp--20 { padding:0 20px } .pt_lp--20 { padding-top:20px } .pb_lp--20 { padding-bottom:20px } .pl_lp--20 { padding-left:20px } .pr_lp--20 { padding-right:20px } .mt_lp--20 { margin-top:20px } .mb_lp--20 { margin-bottom:20px } .ptb_lp--25 { padding:25px 0 } .plr_lp--25 { padding:0 25px } .pt_lp--25 { padding-top:25px } .pb_lp--25 { padding-bottom:25px } .pl_lp--25 { padding-left:25px } .pr_lp--25 { padding-right:25px } .mt_lp--25 { margin-top:25px } .mb_lp--25 { margin-bottom:25px } .ptb_lp--30 { padding:30px 0 } .plr_lp--30 { padding:0 30px } .pt_lp--30 { padding-top:30px } .pb_lp--30 { padding-bottom:30px } .pl_lp--30 { padding-left:30px } .pr_lp--30 { padding-right:30px } .mt_lp--30 { margin-top:30px } .mb_lp--30 { margin-bottom:30px } .ptb_lp--35 { padding:35px 0 } .plr_lp--35 { padding:0 35px } .pt_lp--35 { padding-top:35px } .pb_lp--35 { padding-bottom:35px } .pl_lp--35 { padding-left:35px } .pr_lp--35 { padding-right:35px } .mt_lp--35 { margin-top:35px } .mb_lp--35 { margin-bottom:35px } .ptb_lp--40 { padding:40px 0 } .plr_lp--40 { padding:0 40px } .pt_lp--40 { padding-top:40px } .pb_lp--40 { padding-bottom:40px } .pl_lp--40 { padding-left:40px } .pr_lp--40 { padding-right:40px } .mt_lp--40 { margin-top:40px } .mb_lp--40 { margin-bottom:40px } .ptb_lp--45 { padding:45px 0 } .plr_lp--45 { padding:0 45px } .pt_lp--45 { padding-top:45px } .pb_lp--45 { padding-bottom:45px } .pl_lp--45 { padding-left:45px } .pr_lp--45 { padding-right:45px } .mt_lp--45 { margin-top:45px } .mb_lp--45 { margin-bottom:45px } .ptb_lp--50 { padding:50px 0 } .plr_lp--50 { padding:0 50px } .pt_lp--50 { padding-top:50px } .pb_lp--50 { padding-bottom:50px } .pl_lp--50 { padding-left:50px } .pr_lp--50 { padding-right:50px } .mt_lp--50 { margin-top:50px } .mb_lp--50 { margin-bottom:50px } .ptb_lp--55 { padding:55px 0 } .plr_lp--55 { padding:0 55px } .pt_lp--55 { padding-top:55px } .pb_lp--55 { padding-bottom:55px } .pl_lp--55 { padding-left:55px } .pr_lp--55 { padding-right:55px } .mt_lp--55 { margin-top:55px } .mb_lp--55 { margin-bottom:55px } .ptb_lp--60 { padding:60px 0 } .plr_lp--60 { padding:0 60px } .pt_lp--60 { padding-top:60px } .pb_lp--60 { padding-bottom:60px } .pl_lp--60 { padding-left:60px } .pr_lp--60 { padding-right:60px } .mt_lp--60 { margin-top:60px } .mb_lp--60 { margin-bottom:60px } .ptb_lp--65 { padding:65px 0 } .plr_lp--65 { padding:0 65px } .pt_lp--65 { padding-top:65px } .pb_lp--65 { padding-bottom:65px } .pl_lp--65 { padding-left:65px } .pr_lp--65 { padding-right:65px } .mt_lp--65 { margin-top:65px } .mb_lp--65 { margin-bottom:65px } .ptb_lp--70 { padding:70px 0 } .plr_lp--70 { padding:0 70px } .pt_lp--70 { padding-top:70px } .pb_lp--70 { padding-bottom:70px } .pl_lp--70 { padding-left:70px } .pr_lp--70 { padding-right:70px } .mt_lp--70 { margin-top:70px } .mb_lp--70 { margin-bottom:70px } .ptb_lp--75 { padding:75px 0 } .plr_lp--75 { padding:0 75px } .pt_lp--75 { padding-top:75px } .pb_lp--75 { padding-bottom:75px } .pl_lp--75 { padding-left:75px } .pr_lp--75 { padding-right:75px } .mt_lp--75 { margin-top:75px } .mb_lp--75 { margin-bottom:75px } .ptb_lp--80 { padding:80px 0 } .plr_lp--80 { padding:0 80px } .pt_lp--80 { padding-top:80px } .pb_lp--80 { padding-bottom:80px } .pl_lp--80 { padding-left:80px } .pr_lp--80 { padding-right:80px } .mt_lp--80 { margin-top:80px } .mb_lp--80 { margin-bottom:80px } .ptb_lp--85 { padding:85px 0 } .plr_lp--85 { padding:0 85px } .pt_lp--85 { padding-top:85px } .pb_lp--85 { padding-bottom:85px } .pl_lp--85 { padding-left:85px } .pr_lp--85 { padding-right:85px } .mt_lp--85 { margin-top:85px } .mb_lp--85 { margin-bottom:85px } .ptb_lp--90 { padding:90px 0 } .plr_lp--90 { padding:0 90px } .pt_lp--90 { padding-top:90px } .pb_lp--90 { padding-bottom:90px } .pl_lp--90 { padding-left:90px } .pr_lp--90 { padding-right:90px } .mt_lp--90 { margin-top:90px } .mb_lp--90 { margin-bottom:90px } .ptb_lp--95 { padding:95px 0 } .plr_lp--95 { padding:0 95px } .pt_lp--95 { padding-top:95px } .pb_lp--95 { padding-bottom:95px } .pl_lp--95 { padding-left:95px } .pr_lp--95 { padding-right:95px } .mt_lp--95 { margin-top:95px } .mb_lp--95 { margin-bottom:95px } .ptb_lp--100 { padding:100px 0 } .plr_lp--100 { padding:0 100px } .pt_lp--100 { padding-top:100px } .pb_lp--100 { padding-bottom:100px } .pl_lp--100 { padding-left:100px } .pr_lp--100 { padding-right:100px } .mt_lp--100 { margin-top:100px } .mb_lp--100 { margin-bottom:100px } } @media only screen and (min-width: 992px)and (max-width: 1199px) { .ptb_lg--5 { padding:5px 0 } .plr_lg--5 { padding:0 5px } .pt_lg--5 { padding-top:5px } .pb_lg--5 { padding-bottom:5px } .pl_lg--5 { padding-left:5px } .pr_lg--5 { padding-right:5px } .mt_lg--5 { margin-top:5px } .mb_lg--5 { margin-bottom:5px } .ml_lg--5 { margin-left:5px } .ptb_lg--10 { padding:10px 0 } .plr_lg--10 { padding:0 10px } .pt_lg--10 { padding-top:10px } .pb_lg--10 { padding-bottom:10px } .pl_lg--10 { padding-left:10px } .pr_lg--10 { padding-right:10px } .mt_lg--10 { margin-top:10px } .mb_lg--10 { margin-bottom:10px } .ml_lg--10 { margin-left:10px } .ptb_lg--15 { padding:15px 0 } .plr_lg--15 { padding:0 15px } .pt_lg--15 { padding-top:15px } .pb_lg--15 { padding-bottom:15px } .pl_lg--15 { padding-left:15px } .pr_lg--15 { padding-right:15px } .mt_lg--15 { margin-top:15px } .mb_lg--15 { margin-bottom:15px } .ml_lg--15 { margin-left:15px } .ptb_lg--20 { padding:20px 0 } .plr_lg--20 { padding:0 20px } .pt_lg--20 { padding-top:20px } .pb_lg--20 { padding-bottom:20px } .pl_lg--20 { padding-left:20px } .pr_lg--20 { padding-right:20px } .mt_lg--20 { margin-top:20px } .mb_lg--20 { margin-bottom:20px } .ml_lg--20 { margin-left:20px } .ptb_lg--25 { padding:25px 0 } .plr_lg--25 { padding:0 25px } .pt_lg--25 { padding-top:25px } .pb_lg--25 { padding-bottom:25px } .pl_lg--25 { padding-left:25px } .pr_lg--25 { padding-right:25px } .mt_lg--25 { margin-top:25px } .mb_lg--25 { margin-bottom:25px } .ml_lg--25 { margin-left:25px } .ptb_lg--30 { padding:30px 0 } .plr_lg--30 { padding:0 30px } .pt_lg--30 { padding-top:30px } .pb_lg--30 { padding-bottom:30px } .pl_lg--30 { padding-left:30px } .pr_lg--30 { padding-right:30px } .mt_lg--30 { margin-top:30px } .mb_lg--30 { margin-bottom:30px } .ml_lg--30 { margin-left:30px } .ptb_lg--35 { padding:35px 0 } .plr_lg--35 { padding:0 35px } .pt_lg--35 { padding-top:35px } .pb_lg--35 { padding-bottom:35px } .pl_lg--35 { padding-left:35px } .pr_lg--35 { padding-right:35px } .mt_lg--35 { margin-top:35px } .mb_lg--35 { margin-bottom:35px } .ml_lg--35 { margin-left:35px } .ptb_lg--40 { padding:40px 0 } .plr_lg--40 { padding:0 40px } .pt_lg--40 { padding-top:40px } .pb_lg--40 { padding-bottom:40px } .pl_lg--40 { padding-left:40px } .pr_lg--40 { padding-right:40px } .mt_lg--40 { margin-top:40px } .mb_lg--40 { margin-bottom:40px } .ml_lg--40 { margin-left:40px } .ptb_lg--45 { padding:45px 0 } .plr_lg--45 { padding:0 45px } .pt_lg--45 { padding-top:45px } .pb_lg--45 { padding-bottom:45px } .pl_lg--45 { padding-left:45px } .pr_lg--45 { padding-right:45px } .mt_lg--45 { margin-top:45px } .mb_lg--45 { margin-bottom:45px } .ml_lg--45 { margin-left:45px } .ptb_lg--50 { padding:50px 0 } .plr_lg--50 { padding:0 50px } .pt_lg--50 { padding-top:50px } .pb_lg--50 { padding-bottom:50px } .pl_lg--50 { padding-left:50px } .pr_lg--50 { padding-right:50px } .mt_lg--50 { margin-top:50px } .mb_lg--50 { margin-bottom:50px } .ml_lg--50 { margin-left:50px } .ptb_lg--55 { padding:55px 0 } .plr_lg--55 { padding:0 55px } .pt_lg--55 { padding-top:55px } .pb_lg--55 { padding-bottom:55px } .pl_lg--55 { padding-left:55px } .pr_lg--55 { padding-right:55px } .mt_lg--55 { margin-top:55px } .mb_lg--55 { margin-bottom:55px } .ml_lg--55 { margin-left:55px } .ptb_lg--60 { padding:60px 0 } .plr_lg--60 { padding:0 60px } .pt_lg--60 { padding-top:60px } .pb_lg--60 { padding-bottom:60px } .pl_lg--60 { padding-left:60px } .pr_lg--60 { padding-right:60px } .mt_lg--60 { margin-top:60px } .mb_lg--60 { margin-bottom:60px } .ml_lg--60 { margin-left:60px } .ptb_lg--65 { padding:65px 0 } .plr_lg--65 { padding:0 65px } .pt_lg--65 { padding-top:65px } .pb_lg--65 { padding-bottom:65px } .pl_lg--65 { padding-left:65px } .pr_lg--65 { padding-right:65px } .mt_lg--65 { margin-top:65px } .mb_lg--65 { margin-bottom:65px } .ml_lg--65 { margin-left:65px } .ptb_lg--70 { padding:70px 0 } .plr_lg--70 { padding:0 70px } .pt_lg--70 { padding-top:70px } .pb_lg--70 { padding-bottom:70px } .pl_lg--70 { padding-left:70px } .pr_lg--70 { padding-right:70px } .mt_lg--70 { margin-top:70px } .mb_lg--70 { margin-bottom:70px } .ml_lg--70 { margin-left:70px } .ptb_lg--75 { padding:75px 0 } .plr_lg--75 { padding:0 75px } .pt_lg--75 { padding-top:75px } .pb_lg--75 { padding-bottom:75px } .pl_lg--75 { padding-left:75px } .pr_lg--75 { padding-right:75px } .mt_lg--75 { margin-top:75px } .mb_lg--75 { margin-bottom:75px } .ml_lg--75 { margin-left:75px } .ptb_lg--80 { padding:80px 0 } .plr_lg--80 { padding:0 80px } .pt_lg--80 { padding-top:80px } .pb_lg--80 { padding-bottom:80px } .pl_lg--80 { padding-left:80px } .pr_lg--80 { padding-right:80px } .mt_lg--80 { margin-top:80px } .mb_lg--80 { margin-bottom:80px } .ml_lg--80 { margin-left:80px } .ptb_lg--85 { padding:85px 0 } .plr_lg--85 { padding:0 85px } .pt_lg--85 { padding-top:85px } .pb_lg--85 { padding-bottom:85px } .pl_lg--85 { padding-left:85px } .pr_lg--85 { padding-right:85px } .mt_lg--85 { margin-top:85px } .mb_lg--85 { margin-bottom:85px } .ml_lg--85 { margin-left:85px } .ptb_lg--90 { padding:90px 0 } .plr_lg--90 { padding:0 90px } .pt_lg--90 { padding-top:90px } .pb_lg--90 { padding-bottom:90px } .pl_lg--90 { padding-left:90px } .pr_lg--90 { padding-right:90px } .mt_lg--90 { margin-top:90px } .mb_lg--90 { margin-bottom:90px } .ml_lg--90 { margin-left:90px } .ptb_lg--95 { padding:95px 0 } .plr_lg--95 { padding:0 95px } .pt_lg--95 { padding-top:95px } .pb_lg--95 { padding-bottom:95px } .pl_lg--95 { padding-left:95px } .pr_lg--95 { padding-right:95px } .mt_lg--95 { margin-top:95px } .mb_lg--95 { margin-bottom:95px } .ml_lg--95 { margin-left:95px } .ptb_lg--100 { padding:100px 0 } .plr_lg--100 { padding:0 100px } .pt_lg--100 { padding-top:100px } .pb_lg--100 { padding-bottom:100px } .pl_lg--100 { padding-left:100px } .pr_lg--100 { padding-right:100px } .mt_lg--100 { margin-top:100px } .mb_lg--100 { margin-bottom:100px } .ml_lg--100 { margin-left:100px } } @media only screen and (min-width: 768px)and (max-width: 991px) { .ptb_md--0 { padding:0 !important } .pl_md--0 { padding-left:0 !important } .pr_md--0 { padding-right:0 !important } .pt_md--0 { padding-top:0 !important } .pb_md--0 { padding-bottom:0 !important } .mr_md--0 { margin-right:0 !important } .ml_md--0 { margin-left:0 !important } .mt_md--0 { margin-top:0 !important } .mb_md--0 { margin-bottom:0 !important } .ptb_md--250 { padding:250px 0 !important } .ptb_md--5 { padding:5px 0 } .plr_md--5 { padding:0 5px } .pt_md--5 { padding-top:5px } .pb_md--5 { padding-bottom:5px } .pl_md--5 { padding-left:5px } .pr_md--5 { padding-right:5px } .mt_md--5 { margin-top:5px } .mb_md--5 { margin-bottom:5px } .ptb_md--10 { padding:10px 0 } .plr_md--10 { padding:0 10px } .pt_md--10 { padding-top:10px } .pb_md--10 { padding-bottom:10px } .pl_md--10 { padding-left:10px } .pr_md--10 { padding-right:10px } .mt_md--10 { margin-top:10px } .mb_md--10 { margin-bottom:10px } .ptb_md--15 { padding:15px 0 } .plr_md--15 { padding:0 15px } .pt_md--15 { padding-top:15px } .pb_md--15 { padding-bottom:15px } .pl_md--15 { padding-left:15px } .pr_md--15 { padding-right:15px } .mt_md--15 { margin-top:15px } .mb_md--15 { margin-bottom:15px } .ptb_md--20 { padding:20px 0 } .plr_md--20 { padding:0 20px } .pt_md--20 { padding-top:20px } .pb_md--20 { padding-bottom:20px } .pl_md--20 { padding-left:20px } .pr_md--20 { padding-right:20px } .mt_md--20 { margin-top:20px } .mb_md--20 { margin-bottom:20px } .ptb_md--25 { padding:25px 0 } .plr_md--25 { padding:0 25px } .pt_md--25 { padding-top:25px } .pb_md--25 { padding-bottom:25px } .pl_md--25 { padding-left:25px } .pr_md--25 { padding-right:25px } .mt_md--25 { margin-top:25px } .mb_md--25 { margin-bottom:25px } .ptb_md--30 { padding:30px 0 } .plr_md--30 { padding:0 30px } .pt_md--30 { padding-top:30px } .pb_md--30 { padding-bottom:30px } .pl_md--30 { padding-left:30px } .pr_md--30 { padding-right:30px } .mt_md--30 { margin-top:30px } .mb_md--30 { margin-bottom:30px } .ptb_md--35 { padding:35px 0 } .plr_md--35 { padding:0 35px } .pt_md--35 { padding-top:35px } .pb_md--35 { padding-bottom:35px } .pl_md--35 { padding-left:35px } .pr_md--35 { padding-right:35px } .mt_md--35 { margin-top:35px } .mb_md--35 { margin-bottom:35px } .ptb_md--40 { padding:40px 0 } .plr_md--40 { padding:0 40px } .pt_md--40 { padding-top:40px } .pb_md--40 { padding-bottom:40px } .pl_md--40 { padding-left:40px } .pr_md--40 { padding-right:40px } .mt_md--40 { margin-top:40px } .mb_md--40 { margin-bottom:40px } .ptb_md--45 { padding:45px 0 } .plr_md--45 { padding:0 45px } .pt_md--45 { padding-top:45px } .pb_md--45 { padding-bottom:45px } .pl_md--45 { padding-left:45px } .pr_md--45 { padding-right:45px } .mt_md--45 { margin-top:45px } .mb_md--45 { margin-bottom:45px } .ptb_md--50 { padding:50px 0 } .plr_md--50 { padding:0 50px } .pt_md--50 { padding-top:50px } .pb_md--50 { padding-bottom:50px } .pl_md--50 { padding-left:50px } .pr_md--50 { padding-right:50px } .mt_md--50 { margin-top:50px } .mb_md--50 { margin-bottom:50px } .ptb_md--55 { padding:55px 0 } .plr_md--55 { padding:0 55px } .pt_md--55 { padding-top:55px } .pb_md--55 { padding-bottom:55px } .pl_md--55 { padding-left:55px } .pr_md--55 { padding-right:55px } .mt_md--55 { margin-top:55px } .mb_md--55 { margin-bottom:55px } .ptb_md--60 { padding:60px 0 } .plr_md--60 { padding:0 60px } .pt_md--60 { padding-top:60px } .pb_md--60 { padding-bottom:60px } .pl_md--60 { padding-left:60px } .pr_md--60 { padding-right:60px } .mt_md--60 { margin-top:60px } .mb_md--60 { margin-bottom:60px } .ptb_md--65 { padding:65px 0 } .plr_md--65 { padding:0 65px } .pt_md--65 { padding-top:65px } .pb_md--65 { padding-bottom:65px } .pl_md--65 { padding-left:65px } .pr_md--65 { padding-right:65px } .mt_md--65 { margin-top:65px } .mb_md--65 { margin-bottom:65px } .ptb_md--70 { padding:70px 0 } .plr_md--70 { padding:0 70px } .pt_md--70 { padding-top:70px } .pb_md--70 { padding-bottom:70px } .pl_md--70 { padding-left:70px } .pr_md--70 { padding-right:70px } .mt_md--70 { margin-top:70px } .mb_md--70 { margin-bottom:70px } .ptb_md--75 { padding:75px 0 } .plr_md--75 { padding:0 75px } .pt_md--75 { padding-top:75px } .pb_md--75 { padding-bottom:75px } .pl_md--75 { padding-left:75px } .pr_md--75 { padding-right:75px } .mt_md--75 { margin-top:75px } .mb_md--75 { margin-bottom:75px } .ptb_md--80 { padding:80px 0 } .plr_md--80 { padding:0 80px } .pt_md--80 { padding-top:80px } .pb_md--80 { padding-bottom:80px } .pl_md--80 { padding-left:80px } .pr_md--80 { padding-right:80px } .mt_md--80 { margin-top:80px } .mb_md--80 { margin-bottom:80px } .ptb_md--85 { padding:85px 0 } .plr_md--85 { padding:0 85px } .pt_md--85 { padding-top:85px } .pb_md--85 { padding-bottom:85px } .pl_md--85 { padding-left:85px } .pr_md--85 { padding-right:85px } .mt_md--85 { margin-top:85px } .mb_md--85 { margin-bottom:85px } .ptb_md--90 { padding:90px 0 } .plr_md--90 { padding:0 90px } .pt_md--90 { padding-top:90px } .pb_md--90 { padding-bottom:90px } .pl_md--90 { padding-left:90px } .pr_md--90 { padding-right:90px } .mt_md--90 { margin-top:90px } .mb_md--90 { margin-bottom:90px } .ptb_md--95 { padding:95px 0 } .plr_md--95 { padding:0 95px } .pt_md--95 { padding-top:95px } .pb_md--95 { padding-bottom:95px } .pl_md--95 { padding-left:95px } .pr_md--95 { padding-right:95px } .mt_md--95 { margin-top:95px } .mb_md--95 { margin-bottom:95px } .ptb_md--100 { padding:100px 0 } .plr_md--100 { padding:0 100px } .pt_md--100 { padding-top:100px } .pb_md--100 { padding-bottom:100px } .pl_md--100 { padding-left:100px } .pr_md--100 { padding-right:100px } .mt_md--100 { margin-top:100px } .mb_md--100 { margin-bottom:100px } } @media only screen and (max-width: 767px) { .ptb_sm--250 { padding:250px 0 !important } .ptb_sm--0 { padding:0 !important } .pl_sm--0 { padding-left:0 !important } .pr_sm--0 { padding-right:0 !important } .pt_sm--0 { padding-top:0 !important } .pb_sm--0 { padding-bottom:0 !important } .mr_sm--0 { margin-right:0 !important } .ml_sm--0 { margin-left:0 !important } .mt_sm--0 { margin-top:0 !important } .mb_sm--0 { margin-bottom:0 !important } .pt_sm--150 { padding-top:150px !important } .pb_sm--110 { padding-bottom:110px !important } .ptb_sm--5 { padding:5px 0 } .plr_sm--5 { padding:0 5px } .pt_sm--5 { padding-top:5px } .pb_sm--5 { padding-bottom:5px } .pl_sm--5 { padding-left:5px } .pr_sm--5 { padding-right:5px } .mt_sm--5 { margin-top:5px } .ml_sm--5 { margin-left:5px } .mr_sm--5 { margin-right:5px } .mb_sm--5 { margin-bottom:5px } .ptb_sm--10 { padding:10px 0 } .plr_sm--10 { padding:0 10px } .pt_sm--10 { padding-top:10px } .pb_sm--10 { padding-bottom:10px } .pl_sm--10 { padding-left:10px } .pr_sm--10 { padding-right:10px } .mt_sm--10 { margin-top:10px } .ml_sm--10 { margin-left:10px } .mr_sm--10 { margin-right:10px } .mb_sm--10 { margin-bottom:10px } .ptb_sm--15 { padding:15px 0 } .plr_sm--15 { padding:0 15px } .pt_sm--15 { padding-top:15px } .pb_sm--15 { padding-bottom:15px } .pl_sm--15 { padding-left:15px } .pr_sm--15 { padding-right:15px } .mt_sm--15 { margin-top:15px } .ml_sm--15 { margin-left:15px } .mr_sm--15 { margin-right:15px } .mb_sm--15 { margin-bottom:15px } .ptb_sm--20 { padding:20px 0 } .plr_sm--20 { padding:0 20px } .pt_sm--20 { padding-top:20px } .pb_sm--20 { padding-bottom:20px } .pl_sm--20 { padding-left:20px } .pr_sm--20 { padding-right:20px } .mt_sm--20 { margin-top:20px } .ml_sm--20 { margin-left:20px } .mr_sm--20 { margin-right:20px } .mb_sm--20 { margin-bottom:20px } .ptb_sm--25 { padding:25px 0 } .plr_sm--25 { padding:0 25px } .pt_sm--25 { padding-top:25px } .pb_sm--25 { padding-bottom:25px } .pl_sm--25 { padding-left:25px } .pr_sm--25 { padding-right:25px } .mt_sm--25 { margin-top:25px } .ml_sm--25 { margin-left:25px } .mr_sm--25 { margin-right:25px } .mb_sm--25 { margin-bottom:25px } .ptb_sm--30 { padding:30px 0 } .plr_sm--30 { padding:0 30px } .pt_sm--30 { padding-top:30px } .pb_sm--30 { padding-bottom:30px } .pl_sm--30 { padding-left:30px } .pr_sm--30 { padding-right:30px } .mt_sm--30 { margin-top:30px } .ml_sm--30 { margin-left:30px } .mr_sm--30 { margin-right:30px } .mb_sm--30 { margin-bottom:30px } .ptb_sm--35 { padding:35px 0 } .plr_sm--35 { padding:0 35px } .pt_sm--35 { padding-top:35px } .pb_sm--35 { padding-bottom:35px } .pl_sm--35 { padding-left:35px } .pr_sm--35 { padding-right:35px } .mt_sm--35 { margin-top:35px } .ml_sm--35 { margin-left:35px } .mr_sm--35 { margin-right:35px } .mb_sm--35 { margin-bottom:35px } .ptb_sm--40 { padding:40px 0 } .plr_sm--40 { padding:0 40px } .pt_sm--40 { padding-top:40px } .pb_sm--40 { padding-bottom:40px } .pl_sm--40 { padding-left:40px } .pr_sm--40 { padding-right:40px } .mt_sm--40 { margin-top:40px } .ml_sm--40 { margin-left:40px } .mr_sm--40 { margin-right:40px } .mb_sm--40 { margin-bottom:40px } .ptb_sm--45 { padding:45px 0 } .plr_sm--45 { padding:0 45px } .pt_sm--45 { padding-top:45px } .pb_sm--45 { padding-bottom:45px } .pl_sm--45 { padding-left:45px } .pr_sm--45 { padding-right:45px } .mt_sm--45 { margin-top:45px } .ml_sm--45 { margin-left:45px } .mr_sm--45 { margin-right:45px } .mb_sm--45 { margin-bottom:45px } .ptb_sm--50 { padding:50px 0 } .plr_sm--50 { padding:0 50px } .pt_sm--50 { padding-top:50px } .pb_sm--50 { padding-bottom:50px } .pl_sm--50 { padding-left:50px } .pr_sm--50 { padding-right:50px } .mt_sm--50 { margin-top:50px } .ml_sm--50 { margin-left:50px } .mr_sm--50 { margin-right:50px } .mb_sm--50 { margin-bottom:50px } .ptb_sm--55 { padding:55px 0 } .plr_sm--55 { padding:0 55px } .pt_sm--55 { padding-top:55px } .pb_sm--55 { padding-bottom:55px } .pl_sm--55 { padding-left:55px } .pr_sm--55 { padding-right:55px } .mt_sm--55 { margin-top:55px } .ml_sm--55 { margin-left:55px } .mr_sm--55 { margin-right:55px } .mb_sm--55 { margin-bottom:55px } .ptb_sm--60 { padding:60px 0 } .plr_sm--60 { padding:0 60px } .pt_sm--60 { padding-top:60px } .pb_sm--60 { padding-bottom:60px } .pl_sm--60 { padding-left:60px } .pr_sm--60 { padding-right:60px } .mt_sm--60 { margin-top:60px } .ml_sm--60 { margin-left:60px } .mr_sm--60 { margin-right:60px } .mb_sm--60 { margin-bottom:60px } .ptb_sm--65 { padding:65px 0 } .plr_sm--65 { padding:0 65px } .pt_sm--65 { padding-top:65px } .pb_sm--65 { padding-bottom:65px } .pl_sm--65 { padding-left:65px } .pr_sm--65 { padding-right:65px } .mt_sm--65 { margin-top:65px } .ml_sm--65 { margin-left:65px } .mr_sm--65 { margin-right:65px } .mb_sm--65 { margin-bottom:65px } .ptb_sm--70 { padding:70px 0 } .plr_sm--70 { padding:0 70px } .pt_sm--70 { padding-top:70px } .pb_sm--70 { padding-bottom:70px } .pl_sm--70 { padding-left:70px } .pr_sm--70 { padding-right:70px } .mt_sm--70 { margin-top:70px } .ml_sm--70 { margin-left:70px } .mr_sm--70 { margin-right:70px } .mb_sm--70 { margin-bottom:70px } .ptb_sm--75 { padding:75px 0 } .plr_sm--75 { padding:0 75px } .pt_sm--75 { padding-top:75px } .pb_sm--75 { padding-bottom:75px } .pl_sm--75 { padding-left:75px } .pr_sm--75 { padding-right:75px } .mt_sm--75 { margin-top:75px } .ml_sm--75 { margin-left:75px } .mr_sm--75 { margin-right:75px } .mb_sm--75 { margin-bottom:75px } .ptb_sm--80 { padding:80px 0 } .plr_sm--80 { padding:0 80px } .pt_sm--80 { padding-top:80px } .pb_sm--80 { padding-bottom:80px } .pl_sm--80 { padding-left:80px } .pr_sm--80 { padding-right:80px } .mt_sm--80 { margin-top:80px } .ml_sm--80 { margin-left:80px } .mr_sm--80 { margin-right:80px } .mb_sm--80 { margin-bottom:80px } .ptb_sm--85 { padding:85px 0 } .plr_sm--85 { padding:0 85px } .pt_sm--85 { padding-top:85px } .pb_sm--85 { padding-bottom:85px } .pl_sm--85 { padding-left:85px } .pr_sm--85 { padding-right:85px } .mt_sm--85 { margin-top:85px } .ml_sm--85 { margin-left:85px } .mr_sm--85 { margin-right:85px } .mb_sm--85 { margin-bottom:85px } .ptb_sm--90 { padding:90px 0 } .plr_sm--90 { padding:0 90px } .pt_sm--90 { padding-top:90px } .pb_sm--90 { padding-bottom:90px } .pl_sm--90 { padding-left:90px } .pr_sm--90 { padding-right:90px } .mt_sm--90 { margin-top:90px } .ml_sm--90 { margin-left:90px } .mr_sm--90 { margin-right:90px } .mb_sm--90 { margin-bottom:90px } .ptb_sm--95 { padding:95px 0 } .plr_sm--95 { padding:0 95px } .pt_sm--95 { padding-top:95px } .pb_sm--95 { padding-bottom:95px } .pl_sm--95 { padding-left:95px } .pr_sm--95 { padding-right:95px } .mt_sm--95 { margin-top:95px } .ml_sm--95 { margin-left:95px } .mr_sm--95 { margin-right:95px } .mb_sm--95 { margin-bottom:95px } .ptb_sm--100 { padding:100px 0 } .plr_sm--100 { padding:0 100px } .pt_sm--100 { padding-top:100px } .pb_sm--100 { padding-bottom:100px } .pl_sm--100 { padding-left:100px } .pr_sm--100 { padding-right:100px } .mt_sm--100 { margin-top:100px } .ml_sm--100 { margin-left:100px } .mr_sm--100 { margin-right:100px } .mb_sm--100 { margin-bottom:100px } .pl_sm--0 { padding-left:0 } .pr_sm--0 { padding-right:0 } .pt_sm--0 { padding-top:0 } .pb_sm--0 { padding-bottom:0 } .mr_sm--0 { margin-right:0 } .ml_sm--0 { margin-left:0 } .mt_sm--0 { margin-top:0 } .mb_sm--0 { margin-bottom:0 } } @media only screen and (max-width: 575px) { .ptb_mobile--5 { padding:5px 0 } .plr_mobile--5 { padding:0 5px } .pt_mobile--5 { padding-top:5px } .pb_mobile--5 { padding-bottom:5px } .pl_mobile--5 { padding-left:5px } .pr_mobile--5 { padding-right:5px } .mt_mobile--5 { margin-top:5px } .mb_mobile--5 { margin-bottom:5px } .ptb_mobile--10 { padding:10px 0 } .plr_mobile--10 { padding:0 10px } .pt_mobile--10 { padding-top:10px } .pb_mobile--10 { padding-bottom:10px } .pl_mobile--10 { padding-left:10px } .pr_mobile--10 { padding-right:10px } .mt_mobile--10 { margin-top:10px } .mb_mobile--10 { margin-bottom:10px } .ptb_mobile--15 { padding:15px 0 } .plr_mobile--15 { padding:0 15px } .pt_mobile--15 { padding-top:15px } .pb_mobile--15 { padding-bottom:15px } .pl_mobile--15 { padding-left:15px } .pr_mobile--15 { padding-right:15px } .mt_mobile--15 { margin-top:15px } .mb_mobile--15 { margin-bottom:15px } .ptb_mobile--20 { padding:20px 0 } .plr_mobile--20 { padding:0 20px } .pt_mobile--20 { padding-top:20px } .pb_mobile--20 { padding-bottom:20px } .pl_mobile--20 { padding-left:20px } .pr_mobile--20 { padding-right:20px } .mt_mobile--20 { margin-top:20px } .mb_mobile--20 { margin-bottom:20px } .ptb_mobile--25 { padding:25px 0 } .plr_mobile--25 { padding:0 25px } .pt_mobile--25 { padding-top:25px } .pb_mobile--25 { padding-bottom:25px } .pl_mobile--25 { padding-left:25px } .pr_mobile--25 { padding-right:25px } .mt_mobile--25 { margin-top:25px } .mb_mobile--25 { margin-bottom:25px } .ptb_mobile--30 { padding:30px 0 } .plr_mobile--30 { padding:0 30px } .pt_mobile--30 { padding-top:30px } .pb_mobile--30 { padding-bottom:30px } .pl_mobile--30 { padding-left:30px } .pr_mobile--30 { padding-right:30px } .mt_mobile--30 { margin-top:30px } .mb_mobile--30 { margin-bottom:30px } .ptb_mobile--35 { padding:35px 0 } .plr_mobile--35 { padding:0 35px } .pt_mobile--35 { padding-top:35px } .pb_mobile--35 { padding-bottom:35px } .pl_mobile--35 { padding-left:35px } .pr_mobile--35 { padding-right:35px } .mt_mobile--35 { margin-top:35px } .mb_mobile--35 { margin-bottom:35px } .ptb_mobile--40 { padding:40px 0 } .plr_mobile--40 { padding:0 40px } .pt_mobile--40 { padding-top:40px } .pb_mobile--40 { padding-bottom:40px } .pl_mobile--40 { padding-left:40px } .pr_mobile--40 { padding-right:40px } .mt_mobile--40 { margin-top:40px } .mb_mobile--40 { margin-bottom:40px } .ptb_mobile--45 { padding:45px 0 } .plr_mobile--45 { padding:0 45px } .pt_mobile--45 { padding-top:45px } .pb_mobile--45 { padding-bottom:45px } .pl_mobile--45 { padding-left:45px } .pr_mobile--45 { padding-right:45px } .mt_mobile--45 { margin-top:45px } .mb_mobile--45 { margin-bottom:45px } .ptb_mobile--50 { padding:50px 0 } .plr_mobile--50 { padding:0 50px } .pt_mobile--50 { padding-top:50px } .pb_mobile--50 { padding-bottom:50px } .pl_mobile--50 { padding-left:50px } .pr_mobile--50 { padding-right:50px } .mt_mobile--50 { margin-top:50px } .mb_mobile--50 { margin-bottom:50px } .ptb_mobile--55 { padding:55px 0 } .plr_mobile--55 { padding:0 55px } .pt_mobile--55 { padding-top:55px } .pb_mobile--55 { padding-bottom:55px } .pl_mobile--55 { padding-left:55px } .pr_mobile--55 { padding-right:55px } .mt_mobile--55 { margin-top:55px } .mb_mobile--55 { margin-bottom:55px } .ptb_mobile--60 { padding:60px 0 } .plr_mobile--60 { padding:0 60px } .pt_mobile--60 { padding-top:60px } .pb_mobile--60 { padding-bottom:60px } .pl_mobile--60 { padding-left:60px } .pr_mobile--60 { padding-right:60px } .mt_mobile--60 { margin-top:60px } .mb_mobile--60 { margin-bottom:60px } .ptb_mobile--65 { padding:65px 0 } .plr_mobile--65 { padding:0 65px } .pt_mobile--65 { padding-top:65px } .pb_mobile--65 { padding-bottom:65px } .pl_mobile--65 { padding-left:65px } .pr_mobile--65 { padding-right:65px } .mt_mobile--65 { margin-top:65px } .mb_mobile--65 { margin-bottom:65px } .ptb_mobile--70 { padding:70px 0 } .plr_mobile--70 { padding:0 70px } .pt_mobile--70 { padding-top:70px } .pb_mobile--70 { padding-bottom:70px } .pl_mobile--70 { padding-left:70px } .pr_mobile--70 { padding-right:70px } .mt_mobile--70 { margin-top:70px } .mb_mobile--70 { margin-bottom:70px } .ptb_mobile--75 { padding:75px 0 } .plr_mobile--75 { padding:0 75px } .pt_mobile--75 { padding-top:75px } .pb_mobile--75 { padding-bottom:75px } .pl_mobile--75 { padding-left:75px } .pr_mobile--75 { padding-right:75px } .mt_mobile--75 { margin-top:75px } .mb_mobile--75 { margin-bottom:75px } .ptb_mobile--80 { padding:80px 0 } .plr_mobile--80 { padding:0 80px } .pt_mobile--80 { padding-top:80px } .pb_mobile--80 { padding-bottom:80px } .pl_mobile--80 { padding-left:80px } .pr_mobile--80 { padding-right:80px } .mt_mobile--80 { margin-top:80px } .mb_mobile--80 { margin-bottom:80px } .ptb_mobile--85 { padding:85px 0 } .plr_mobile--85 { padding:0 85px } .pt_mobile--85 { padding-top:85px } .pb_mobile--85 { padding-bottom:85px } .pl_mobile--85 { padding-left:85px } .pr_mobile--85 { padding-right:85px } .mt_mobile--85 { margin-top:85px } .mb_mobile--85 { margin-bottom:85px } .ptb_mobile--90 { padding:90px 0 } .plr_mobile--90 { padding:0 90px } .pt_mobile--90 { padding-top:90px } .pb_mobile--90 { padding-bottom:90px } .pl_mobile--90 { padding-left:90px } .pr_mobile--90 { padding-right:90px } .mt_mobile--90 { margin-top:90px } .mb_mobile--90 { margin-bottom:90px } .ptb_mobile--95 { padding:95px 0 } .plr_mobile--95 { padding:0 95px } .pt_mobile--95 { padding-top:95px } .pb_mobile--95 { padding-bottom:95px } .pl_mobile--95 { padding-left:95px } .pr_mobile--95 { padding-right:95px } .mt_mobile--95 { margin-top:95px } .mb_mobile--95 { margin-bottom:95px } .ptb_mobile--100 { padding:100px 0 } .plr_mobile--100 { padding:0 100px } .pt_mobile--100 { padding-top:100px } .pb_mobile--100 { padding-bottom:100px } .pl_mobile--100 { padding-left:100px } .pr_mobile--100 { padding-right:100px } .mt_mobile--100 { margin-top:100px } .mb_mobile--100 { margin-bottom:100px } }