/*!// Contents // ------------------------------------------------> 1. Global Styles 2. Typography 3. Color 4. Align 5. Grid 6. Blockquotes 7. Background 8. Breadcrumbs 9. Buttons 10. Forms 11. Icons 12. List 13. Accordions 14. Alerts 15. Backtop 16. Page Loader 17. Header 18. Menu 19. Module 20. TopBar 21. Page Title 22. Carousel 23. Pagination 24. Heading 25. Hero 26. Blog 27. Shop 28. Work 29. Sidebar 30. Features 31. Pricing 32. team 33. Contact 34. Faq 35. Clients 36. Testimonial 37. Video 38. Counters 39. Services 40. Action 41. 404 42. Company Data 43. Image Hot Pointer 44. Careers 45. Awards 46. About 47. Processes 48. Footer /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :)*/ :root{ --global--color-primary: #47AC34;--global--color-primary-90: rgba(71, 172, 52, 0.9);--global--color-primary-70: rgba(71, 172, 52, 0.7); --global--color-heading: #253745;--global--color-secondary: #2b3e4b;--global--color-body: #9b9b9b;--global--color-white: #fff;--global--color-white-90: rgba(255, 255, 255, 0.9); --global--color-gray: #f9f9f9;--global--font-body: 'Roboto', sans-serif;--global--font-heading: 'IBM Plex Sans', sans-serif;--global--font-secondary: 'Heebo', sans-serif} *, h1, h2, h3, h4, h5, h6, p, ul, a, dl, dt, dd, ol, ul, li{list-style: none;margin: 0;padding: 0} *, :active, :focus{outline: none !important} ul, ol{list-style: none;margin: 0;padding: 0} textarea{resize: none} ::-moz-selection{text-shadow: none} ::selection{text-shadow: none} ::-moz-selection{text-shadow: none} ::-webkit-selection{text-shadow: none} .form-control{-webkit-box-shadow: none;box-shadow: none} button{background-color: transparent;-webkit-box-shadow: none;box-shadow: none;border: none;outline: none;padding: 0} textarea{resize: none} body, html{overflow-x: hidden} body{background-color: var(--global--color-white);font-family: var(--global--font-body);font-size: 14px;font-weight: 400;color: var(--global--color-body);margin: 0} ::-moz-selection{background-color: var(--global--color-primary);color: var(--global--color-white);text-shadow: none} ::selection{background-color: var(--global--color-primary);color: var(--global--color-white);text-shadow: none} a{font-family: var(--global--font-body);font-weight: 400;color: var(--global--color-primary);-webkit-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;text-decoration: none} a:hover{text-decoration: none} p{font-family: var(--global--font-body);font-weight: 400} textarea{resize: none} .fullscreen{height: 100vh !important} section{background-color: var(--global--color-white);padding: 80px 0;overflow: hidden} @media only screen and (max-width: 767px){ section{padding: 70px 0} } hr{background-color: #eaeaea;border-color: #eaeaea;margin: 15px} @media only screen and (max-width: 992px){ .fullscreen{height: auto !important} } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{color: var(--global--color-heading);font-family: var(--global--font-heading);font-weight: 700;margin: 0 0 28px;line-height: 1} .h1, h1{font-size: 52px} .h2, h2{font-size: 42px} .h3, h3{font-size: 38px} .h4, h4{font-size: 28px} .h5, h5{font-size: 24px} .h6, h6{font-size: 18px} p{font-family: var(--global--font-body);color: var(--global--color-body);font-size: 16px;font-weight: 400;line-height: 28px} .lead{font-size: 16px;line-height: 1.8} .text--left{text-align: left !important} .text--right{text-align: right !important} .text--center{text-align: center !important} .text--just{text-align: justify !important} .align--top{vertical-align: top} .align--bottom{vertical-align: bottom} .align--middle{vertical-align: middle} .align--baseline{vertical-align: baseline} .bold{font-weight: 700 !important} .regular{font-weight: 400 !important} .medium{font-weight: 500 !important} .italic{font-style: normal} .break-word{word-wrap: break-word} .no-wrap{white-space: nowrap} .text-white{color: var(--global--color-white) !important} .text-gray{color: var(--global--color-gray) !important} .text-black{color: var(--global--color-heading)} .text-theme{color: var(--global--color-primary) !important} .text--capitalize{ !important} .text--uppercase{text-transform: uppercase !important} .font-heading{font-family: var(--global--font-heading)} .font-heading{font-family: var(--global--font-heading)} .font-18{font-size: 24px} .font-16{font-size: 16px} .font-20{font-size: 20px} .font-40{font-size: 40px} @media only screen and (min-width: 320px) and (max-width: 767px){ text-center-xs{text-align: center !important} } @media only screen and (min-width: 768px) and (max-width: 991px){ text-center-sm{text-align: center !important} } .higlighted-style1{background-color: var(--global--color-primary);color: var(--global--color-white);padding: 5px 0} .higlighted-style2{background-color: var(--global--color-heading);color: var(--global--color-white);padding: 5px 0} .higlighted-style3{background-color: var(--global--color-gray);color: var(--global--color-primary);padding: 5px 0} .color-heading{color: var(--global--color-heading) !important} .color-theme{color: var(--global--color-primary) !important} .color-white{color: var(--global--color-white) !important} .color-gray{color: var(--global--color-gray) !important} address, blockquote, dd, dl, fieldset, form, ol, p, pre, table, ul{margin-bottom: 0} .row-no-padding [class*=col-]{padding-left: 0 !important;padding-right: 0 !important} .col-lg-5ths, .col-md-5ths, .col-sm-5ths, .col-xs-5ths{position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px} .col-xs-5ths{width: 20%;float: left} @media (min-width: 768px){ .col-sm-5ths{width: 20%;float: left} } @media (min-width: 992px){ .col-md-5ths{width: 20%;float: left} } @media (min-width: 1200px){ .col-lg-5ths{width: 20%;float: left} } .col-content{padding: 120px 100px 110px 120px} @media only screen and (min-width: 320px) and (max-width: 767px){ .col-content{padding: 125px 18px 0 !important} } .pos-fixed{position: fixed} .pos-relative{position: relative} .pos-absolute{position: absolute} .pos-static{position: static} .pos-top{top: 0} .pos-bottom{bottom: 0} .pos-right{right: 0} .pos-left{left: 0} .pos-vertical-center{position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)} .height-700{height: 700px !important} .height-500{height: 500px !important} .height-800{height: 800px !important} @media only screen and (min-width: 992px){ .hidden-lg, .hidden-md{display: none} } @media only screen and (min-width: 768px){ .col-lg-5ths{-ms-flex: 0 0 20%;-webkit-box-flex: 0;flex: 0 0 20%;max-width: 20%} } .blockquote, blockquote{font-size: 20px;font-family: var(--global--font-heading);color: var(--global--color-body);font-style: normal;line-height: 28px;font-weight: 500;padding: 30px 0 30px 30px;position: relative;border-left: 6px solid var(--global--color-heading)} .blockquote .quote-author, blockquote .quote-author{font-family: var(--global--font-heading);display: block;font-size: 13px;font-style: normal;font-weight: 600;line-height: 1;color: var(--global--color-heading);margin-top: 18px} .blockquote .author, blockquote .author{font-family: var(--global--font-body);display: block;font-size: 18px;font-style: italic;font-weight: 600;line-height: 1;color: var(--global--color-heading);margin-top: 18px} .blockquote-1{border-left: 6px solid var(--global--color-heading)} .blockquote-2{position: relative;border-left: none} .blockquote-2::before, .blockquote-2::after{font-family: "font awesome 5 free";font-size: 16px;position: absolute;color: var(--global--color-primary);line-height: 1.8;font-weight: 600} .blockquote-2::before{content: "\f10d";top: 0;left: 0} .blockquote-2::after{content: "\f10e";right: 0;bottom: 0} .blockquote-3{background-color: var(--global--color-heading)} .blockquote-3 .author{color: var(--global--color-body)} .bg-theme{background-color: var(--global--color-primary) !important} .bg-theme2{background-color: var(--global--color-heading) !important} .bg-gray{background-color: var(--global--color-gray) !important} .bg-grey{background-color: #f6f7f8 !important} .bg-dark-gray{background-color: #3a3a3a} .bg-dark{background-color: #222 !important} .bg-secondary{background-color: var(--global--color-secondary)} .bg-section{position: relative;overflow: hidden;z-index: 1;background-size: cover;background-repeat: no-repeat;background-position: center center;width: 100%;height: 100%} .bg-parallax{background-attachment: fixed} .bg-overlay:before{content: "";display: inline-block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: -1} .bg-overlay-light:before{background-color: var(--global--color-white);opacity: .8} .bg-overlay-dark:before{background-color: rgba(29, 42, 77, .45)} .bg-overlay-dark-2:before{background-image: -webkit-gradient(linear, left top, left bottom, from(#1b1a1a80), to(#00000000));background-image: -o-linear-gradient(top, #1b1a1a80 0%, #00000000 100%);background-image: linear-gradient(180deg, #1b1a1a80 0%, #00000000 100%);opacity: .55} .bg-overlay-dark-3:before{background-image: -webkit-gradient(linear, left top, left bottom, from(#1b1a1a80), to(#00000000));background-image: -o-linear-gradient(top, #1b1a1a80 0%, #00000000 100%);background-image: linear-gradient(180deg, #1b1a1a80 0%, #00000000 100%)} .bg-overlay-dark-slider:before{background-image: -webkit-gradient(linear, left top, left bottom, from(#14191c), color-stop(82%, rgba(20, 25, 28, 0)));background-image: -o-linear-gradient(top, #14191c 0%, rgba(20, 25, 28, 0) 82%);background-image: linear-gradient(180deg, #14191c 0%, rgba(20, 25, 28, 0) 82%)} .bg-overlay-dark-slider-2:before{background-image: -webkit-gradient(linear, left top, left bottom, from(#14191c), color-stop(82%, rgba(20, 25, 28, 0)));background-image: -o-linear-gradient(top, #14191c 0%, rgba(20, 25, 28, 0) 82%);background-image: linear-gradient(180deg, #14191c 0%, rgba(20, 25, 28, 0) 82%)} .bg-overlay-theme:before{background-image: -webkit-gradient(linear, left top, left bottom, from(#32c36cd9), color-stop(82%, #47AC34));background-image: -o-linear-gradient(top, #47AC34d9 0%, #47AC34 82%);background-image: linear-gradient(180deg, #47AC34d9 0%, #47AC34 82%)} .bg-overlay-theme2:before{background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #253745), to(#253745e6));background-image: -o-linear-gradient(top, #253745 50%, #253745e6 100%);background-image: linear-gradient(180deg, #253745 50%, #253745e6 100%)} .bg-overlay-theme3:before{background-image: -webkit-gradient(linear, left top, left bottom, from(#32c36cf2), color-stop(86%, #32c36c));background-image: -o-linear-gradient(top, #32c36cf2 0%, #32c36c 86%);background-image: linear-gradient(180deg, #32c36cf2 0%, #32c36c 86%)} .bg-overlay-theme4{background-color: var(--global--color-heading)} .bg-overlay-theme4:before{background-image: -webkit-gradient(linear, left top, left bottom, from(#00000000), color-stop(70%, #1f313f));background-image: -o-linear-gradient(top, #00000000 0%, #1f313f 70%);background-image: linear-gradient(180deg, #00000000 0%, #1f313f 70%)} .bg-overlay-theme5:before{background-image: -webkit-gradient(linear, left top, left bottom, color-stop(46%, #32c36c), color-stop(144%, #32c36c5c));background-image: -o-linear-gradient(top, #32c36c 46%, #32c36c5c 144%);background-image: linear-gradient(180deg, #32c36c 46%, #32c36c5c 144%)} .bg-overlay-video:before{background-image: -webkit-gradient(linear, left top, left bottom, color-stop(42%, #1d2a4d03), color-stop(90%, #1d2a4d));background-image: -o-linear-gradient(top, #1d2a4d03 42%, #1d2a4d 90%);background-image: linear-gradient(180deg, #1d2a4d03 42%, #1d2a4d 90%);opacity: .8} .bg-overlay-white:before{background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#ffffffd6));background-image: -o-linear-gradient(top, #fff 50%, #ffffffd6 100%);background-image: linear-gradient(180deg, #fff 50%, #ffffffd6 100%)} .bg-overlay-white2:before{background-image: -webkit-gradient(linear, left bottom, left top, color-stop(34%, #fff), color-stop(44%, #ffffff00));background-image: -o-linear-gradient(bottom, #fff 34%, #ffffff00 44%);background-image: linear-gradient(0deg, #fff 34%, #ffffff00 44%)} .bg-overlay-white3:before{background-image: -webkit-gradient(linear, left top, left bottom, from(#00000000), color-stop(90%, #f6f7f8));background-image: -o-linear-gradient(top, #00000000 0%, #f6f7f8 90%);background-image: linear-gradient(180deg, #00000000 0%, #f6f7f8 90%)} .bg-video{position: relative} .bg-video iframe{position: absolute;top: 0;left: 0;right: 0;-o-object-fit: cover;object-fit: cover;width: 100%;height: 100%;-webkit-transform: rotateZ(0);-ms-transform: rotate(0);transform: rotateZ(0)} .bg-video h2{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%);z-index: 5} .no-shadow{-webkit-box-shadow: none !important;box-shadow: none !important} .bg-animate{background-size: cover;background-position: 0 0;background-repeat: repeat-x;-webkit-animation: animatedBackground 30s linear infinite;animation: animatedBackground 30s linear infinite} @-webkit-keyframes animatedBackground{ from{background-position: 0 0} to{background-position: 100% 0} } @keyframes animatedBackground{ from{background-position: 0 0} to{background-position: 100% 0} } .breadcrumb{background-color: transparent;margin-bottom: 0;padding: 0;border-radius: 0;color: #e5e4e4;font-size: 14px;font-weight: 400;line-height: 1;display: block} .breadcrumb > li{display: inline-block} .breadcrumb > li + li:before{font-family: "font awesome 5 free";font-weight: 700;padding: 0 10px;color: var(--global--color-gray);content: "\f054"} .breadcrumb > li a{color: var(--global--color-gray)} .breadcrumb > li a:hover{color: var(--global--color-primary)} .breadcrumb > .active{color: var(--global--color-secondary)} .btn{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-family: var(--global--font-body);position: relative;z-index: 2;font-size: 15px;font-weight: 700;padding: 0 30px;border: 0;width: 170px;height: 65px;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;-webkit-transition-property: background, color;-o-transition-property: background, color;transition-property: background, color;border-radius: 4px;overflow: hidden} @media screen and (max-width: 767.98px){ .btn{height: 50px} } .btn.no-shadow{-webkit-box-shadow: none;box-shadow: none} .btn:focus, .btn.active, .btn:active{-webkit-box-shadow: none;box-shadow: none;outline: none} .btn i{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out} .btn::before{content: '';position: absolute;width: calc(100%);height: calc(100%);top: 0;left: 0;z-index: -1;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: right center;-ms-transform-origin: right center;transform-origin: right center;-webkit-transition: -webkit-transform .24s ease-in-out;transition: -webkit-transform .24s ease-in-out;-o-transition: transform .24s ease-in-out;transition: transform .24s ease-in-out;transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out} .btn:hover::before{-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center} .btn--primary{background-color: var(--global--color-primary);color: var(--global--color-white)} .btn--primary::before{background-color: var(--global--color-secondary)} .btn--primary:active, .btn--primary:focus, .btn--primary:hover{color: var(--global--color-white)} .btn--primary.btn--inversed::before{background-color: var(--global--color-white)} .btn--primary.btn--inversed i{color: var(--global--color-white)} .btn--primary.btn--inversed:active, .btn--primary.btn--inversed:focus, .btn--primary.btn--inversed:hover{color: var(--global--color-heading)} .btn--primary.btn--inversed:active i, .btn--primary.btn--inversed:focus i, .btn--primary.btn--inversed:hover i{color: var(--global--color-heading)} .btn--secondary{background-color: var(--global--color-heading);color: var(--global--color-white)} .btn--secondary::before{background-color: var(--global--color-primary)} .btn--secondary:active, .btn--secondary:focus, .btn--secondary:hover{color: var(--global--color-white)} .btn--secondary.btn--inversed::before{background-color: var(--global--color-secondary)} .btn--secondary.btn--inversed:active, .btn--secondary.btn--inversed:focus, .btn--secondary.btn--inversed:hover{color: var(--global--color-white)} .btn--white{background-color: var(--global--color-white);color: var(--global--color-secondary)} .btn--white::before{background-color: var(--global--color-secondary)} .btn--white:active, .btn--white:focus, .btn--white:hover{color: var(--global--color-white)} .btn--transparent{background-color: transparent;color: var(--global--color-white);border: 2px solid var(--global--color-primary);-webkit-transition-property: background, color, border-color;-o-transition-property: background, color, border-color;transition-property: background, color, border-color} .btn--transparent::before{background-color: var(--global--color-primary)} .btn--transparent:active, .btn--transparent:focus, .btn--transparent:hover{color: var(--global--color-white);border-color: var(--global--color-primary)} .btn--transparent.btn--inversed::before{background-color: var(--global--color-secondary)} .btn--transparent.btn--inversed:active, .btn--transparent.btn--inversed:focus, .btn--transparent.btn--inversed:hover{color: var(--global--color-white);border-color: var(--global--color-secondary)} .btn-shadow{-webkit-box-shadow: 0 9px 30px 0 rgba(40, 40, 40, .15);box-shadow: 0 9px 30px 0 rgba(40, 40, 40, .15)} .btn-shadow-hover:hover, .btn-shadow-hover:active, .btn-shadow-hover:focus{-webkit-box-shadow: 0 9px 30px 0 rgba(40, 40, 40, .15);box-shadow: 0 9px 30px 0 rgba(40, 40, 40, .15)} .btn--bordered{border: 2px solid var(--global--color-primary);background-color: transparent} .btn--bordered.btn--primary{color: var(--global--color-primary);border-color: var(--global--color-primary)} .btn--bordered.btn--primary::before{background-color: var(--global--color-primary)} .btn--bordered.btn--primary:active, .btn--bordered.btn--primary:focus, .btn--bordered.btn--primary:hover{color: var(--global--color-white);border-color: var(--global--color-primary)} .btn--bordered.btn--secondary{color: var(--global--color-secondary);border-color: var(--global--color-secondary)} .btn--bordered.btn--secondary::before{background-color: var(--global--color-secondary)} .btn--bordered.btn--secondary:active, .btn--bordered.btn--secondary:focus, .btn--bordered.btn--secondary:hover{color: var(--global--color-white);border-color: var(--global--color-secondary)} .btn--bordered.btn--white{color: var(--global--color-white);border-color: var(--global--color-white)} .btn--bordered.btn--white::before{background-color: var(--global--color-white)} .btn--bordered.btn--white i{color: var(--global--color-white)} .btn--bordered.btn--white:active, .btn--bordered.btn--white:focus, .btn--bordered.btn--white:hover{color: var(--global--color-primary);border-color: var(--global--color-white)} .btn--bordered.btn--white:active i, .btn--bordered.btn--white:focus i, .btn--bordered.btn--white:hover i{color: var(--global--color-primary)} .btn-video{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 170px;height: 96px;padding: 0 30px;border-radius: 32px 32px 0 32px;background-color: #435ba1;color: var(--global--color-white);-webkit-transition: 300ms ease-in-out;-o-transition: 300ms ease-in-out;transition: 300ms ease-in-out;cursor: pointer;position: relative} .btn-video i{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-negative: 0;flex-shrink: 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 54px;height: 36px;background-color: var(--global--color-white);z-index: 5;color: var(--global--color-heading);font-size: 16px;-webkit-box-shadow: 2.121px 2.121px 6px 0 rgba(3, 21, 50, .05);box-shadow: 2.121px 2.121px 6px 0 rgba(3, 21, 50, .05);border-radius: 8px;-webkit-transition: 300ms ease-in-out;-o-transition: 300ms ease-in-out;transition: 300ms ease-in-out;margin-right: 15px} .btn-video span{font-family: var(--global--font-body);font-weight: 700;font-size: 15px;line-height: 21px;color: var(--global--color-white)} .btn-video.btn-video-2{border-radius: 0;background-color: transparent;padding: 0;width: auto;height: auto} .btn-video.btn-video-2 i{position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: 88px;height: 88px;padding: 0;border-radius: 50%;background-color: var(--global--color-white);margin-right: 0;color: var(--global--color-heading)} .btn-video.btn-video-2 i::after{content: '';height: 100%;width: 100%;position: absolute;top: 0;left: 0;right: 0;border: 2px solid rgba(255, 255, 255, .5);border-radius: 100%;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;-webkit-animation: pulse .8s ease-out 0s infinite;animation: pulse .8s ease-out 0s infinite;z-index: -1} .btn-video.btn-video-2:hover i{background-color: var(--global--color-primary);color: var(--global--color-white)} form{position: relative} form .col-12{position: relative} .form-control{font-family: var(--global--font-body);color: var(--global--color-body);font-size: 14px;font-weight: 400;height: 50px;line-height: 1px;border-radius: 4px;border: 1px solid #eaeaea;background-color: var(--global--color-white);padding-left: 20px;margin-bottom: 25px;position: relative;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out} .form-control:focus{border-color: var(--global--color-heading);-webkit-box-shadow: none;box-shadow: none} .form-control::-webkit-input-placeholder{font-family: var(--global--font-body);color: var(--global--color-body);font-size: 14px;} .form-control::-moz-placeholder{font-family: var(--global--font-body);color: var(--global--color-body);font-size: 14px;} .form-control:-ms-input-placeholder{font-family: var(--global--font-body);color: var(--global--color-body);font-size: 14px;} .form-control.nice-select{width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .form-control.nice-select::after{width: 6px;height: 6px;border-color: var(--global--color-body);right: 20px} .form-control.nice-select.open .list{width: 100%} .form-control.nice-select .current{} .form-control.nice-select .list li{} .form-control + .error{position: absolute;bottom: 3px;left: 16px;color: var(--global--color-primary)} .form-control.error{border-color: var(--global--color-primary)} .form-label{font-family: var(--global--font-body);font-weight: 700;font-size: 14px;color: var(--global--color-secondary);margin-bottom: 9px} .custom-radio-group{display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 10px} @media screen and (max-width: 767.98px){ .custom-radio-group{-ms-flex-wrap: wrap;flex-wrap: wrap} } .custom-radio-group .custom-control{position: relative;min-height: 0;margin-right: 30px;margin-bottom: 14px} .custom-radio-group .custom-control .custom-control-input{opacity: 0} .custom-radio-group .custom-control .custom-control-input:checked ~ label::after{background-color: var(--global--color-primary);opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)} .custom-radio-group .custom-control label{font-size: 14px;font-family: var(--global--font-body);font-weight: 400;color: var(--global--color-body);margin-bottom: 0;line-height: 1.9;cursor: pointer;padding-left: 10px} .custom-radio-group .custom-control label::before{content: '';position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;border-radius: 4px;border: 3px solid #eaeaea;width: 17px;height: 17px} .custom-radio-group .custom-control label::after{content: '';display: inline-block;position: absolute;width: 7px;height: 7px;border-radius: 50%;left: 5px;top: 9px;background-color: transparent;-webkit-transition: .3s cubic-bezier(.4, 0, .2, 1);-o-transition: .3s cubic-bezier(.4, 0, .2, 1);transition: .3s cubic-bezier(.4, 0, .2, 1);opacity: 0;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0)} textarea.form-control{height: auto} .form-select{position: relative} .form-select i{position: absolute;font-size: 19px;font-weight: 400;line-height: 49px;right: 20px;top: 0;z-index: 1;pointer-events: none;cursor: pointer;color: var(--global--color-body)} .form-select select{line-height: 1;color: var(--global--color-body);cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none} .input-checkbox{margin-bottom: 30px} .input-checkbox p{display: block;position: relative;font-size: 13px;padding-left: 30px;line-height: 20px;text-align: left;margin-bottom: 0} .label-checkbox{display: block;position: relative;cursor: pointer;font-size: 18px;line-height: 18px;z-index: 2} .label-checkbox input{position: absolute;z-index: -1;opacity: 0} .label-checkbox .check-indicator{position: absolute;top: 2px;left: 0;height: 17px;width: 17px;background: 0 0;border: 1px solid #e1e3e3;border-radius: 2px} .label-checkbox .check-indicator:after{content: "";position: absolute;display: none;left: 4px;top: 1px;width: 6px;height: 12px;border: solid var(--global--color-primary);border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)} .label-checkbox input:checked ~ .check-indicator{background: var(--global--color-white)} .label-checkbox input:checked ~ .check-indicator:after{display: block} ul.list-icons{padding: 0;font-size: 14px;list-style-type: none} ul.list-icons li{font-family: var(--global--font-body);color: var(--global--color-body);font-size: 16px;font-weight: 400;line-height: 29px;position: relative} ul.list-icons li i{font-size: 14px;color: var(--global--color-heading);margin-right: 10px} .advantages-list{text-align: left;margin: 0;padding: 0;list-style: none} .advantages-list li{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;font-family: var(--global--font-body);font-weight: 500;font-size: 15px;line-height: 20px;color: var(--global--color-body);} @media (min-width: 992px) and (max-width: 1200px){ .advantages-list li{font-size: 14px} } @media screen and (max-width: 991.98px){ .advantages-list li{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;margin-right: 20px} } @media screen and (max-width: 767.98px){ .advantages-list li{display: -webkit-box;display: -ms-flexbox;display: flex;margin-right: 0} } .advantages-list li::before{content: '\f105';font-family: "font awesome 5 free";font-weight: 700;width: 20px;height: 20px;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: var(--global--color-primary);color: var(--global--color-white);margin-right: 15px;border-radius: 50%;font-size: 10px} @media (min-width: 992px) and (max-width: 1200px){ .advantages-list li::before{margin-right: 8px} } .advantages-list.advantages-list-2 li{color: var(--global--color-white)} .advantages-list.advantages-list-2 li::before{background-color: var(--global--color-heading)} .advantages-list.advantages-list-3 li::before{background-color: var(--global--color-heading)} .advantages-list.advantages-list-white li{color: var(--global--color-white)} .advantages-list.advantages-list-white li::before{color: var(--global--color-primary);background-color: var(--global--color-white)} .tabs .tab-content > .tab-pane{font-family: var(--global--font-body);font-size: 16px;font-weight: 400;line-height: 26px} .tabs-1 .nav-pills .nav-link.active, .tabs-1 .nav-pills .show > .nav-link{color: var(--global--color-primary);border-color: var(--global--color-primary)} .tabs-1 .nav-pills{display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} .tabs-1 .nav-pills .nav-link{border-bottom: 2px solid transparent;background-color: transparent;color: var(--global--color-heading);font-family: var(--global--font-heading);font-size: 18px;font-weight: 700;padding-top: 0;border-radius: 0;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .tabs-1 .nav-pills .nav-link:hover{color: var(--global--color-primary);border-color: var(--global--color-primary)} .tabs-2 .nav-pills .nav-link.active, .tabs-2 .nav-pills .show > .nav-link{color: var(--global--color-primary)} .tabs-2 .nav-pills .nav-link.active i, .tabs-2 .nav-pills .show > .nav-link i{color: var(--global--color-white);background-color: var(--global--color-primary)} .tabs-2 .nav-pills{display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} .tabs-2 .nav-pills .nav-link{border: 0;background-color: transparent;color: var(--global--color-heading);font-family: var(--global--font-heading);font-size: 18px;font-weight: 700;padding-top: 0;border-radius: 0;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .tabs-2 .nav-pills .nav-link i{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 60px;height: 60px;border: 1px solid #e6e6e6;border-radius: 3px;color: var(--global--color-heading);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;font-size: 25px;margin-bottom: 15px} .tabs-2 .nav-pills .nav-link:hover{color: var(--global--color-primary)} .tabs-2 .nav-pills .nav-link:hover i{color: var(--global--color-white);background-color: var(--global--color-primary)} .accordion{border-top: 4px solid var(--global--color-primary)} .accordion .card, .accordion .card:first-of-type, .accordion .card:not(:first-of-type):not(:last-of-type){padding: 23px 20px 22px 0;-webkit-box-shadow: none;box-shadow: none;border: 0;border-bottom: 2px solid #eaeaea;margin-bottom: 0;border-radius: 0;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;text-align: left} .accordion .card.active-acc .card-heading .card-link::before, .accordion .card:first-of-type.active-acc .card-heading .card-link::before, .accordion .card:not(:first-of-type):not(:last-of-type).active-acc .card-heading .card-link::before{color: var(--global--color-white)} .accordion .card .card-heading, .accordion .card:first-of-type .card-heading, .accordion .card:not(:first-of-type):not(:last-of-type) .card-heading{padding: 0} .accordion .card .card-heading .card-link, .accordion .card:first-of-type .card-heading .card-link, .accordion .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link{font-family: var(--global--font-heading);font-size: 19px;font-weight: 700;color: var(--global--color-heading);position: relative;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;display: block;padding-left: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .accordion .card .card-heading .card-link:hover, .accordion .card:first-of-type .card-heading .card-link:hover, .accordion .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link:hover{color: var(--global--color-primary)} .accordion .card .card-heading .card-link::before, .accordion .card:first-of-type .card-heading .card-link::before, .accordion .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link::before{content: "\f054";-ms-flex-negative: 0;flex-shrink: 0;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 22px;height: 22px;border-radius: 50%;background-color: var(--global--color-heading);color: var(--global--color-white);font-family: "font awesome 5 free";font-weight: 700;font-size: 11px;margin-right: 20px;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg)} .accordion .card .card-heading .card-link.collapsed::before, .accordion .card:first-of-type .card-heading .card-link.collapsed::before, .accordion .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link.collapsed::before{background-color: var(--global--color-white);color: var(--global--color-heading);-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg)} .accordion .card .card-body, .accordion .card:first-of-type .card-body, .accordion .card:not(:first-of-type):not(:last-of-type) .card-body{font-family: var(--global--font-body);color: var(--global--color-body);padding: 16px 0 0 31px;font-size: 15px;font-weight: 400;line-height: 25px} .accordion .card:last-of-type{margin-bottom: 0} .accordion.accordion-light{border-color: var(--global--color-white)} .accordion.accordion-light .card, .accordion.accordion-light .card:first-of-type, .accordion.accordion-light .card:not(:first-of-type):not(:last-of-type){border-color: #99dfb6;background-color: transparent} .accordion.accordion-light .card .card-heading .card-link, .accordion.accordion-light .card:first-of-type .card-heading .card-link, .accordion.accordion-light .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link{color: var(--global--color-white)} .accordion.accordion-light .card .card-heading .card-link:hover, .accordion.accordion-light .card:first-of-type .card-heading .card-link:hover, .accordion.accordion-light .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link:hover{color: var(--global--color-heading)} .accordion.accordion-light .card .card-body, .accordion.accordion-light .card:first-of-type .card-body, .accordion.accordion-light .card:not(:first-of-type):not(:last-of-type) .card-body{color: var(--global--color-gray)} .accordion.accordion-2{border-top: 0} .accordion.accordion-2 .card, .accordion.accordion-2 .card:first-of-type, .accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type){padding-left: 30px;padding-right: 25px;border: 2px solid #eaeaea;border-radius: 4px} @media screen and (max-width: 767.98px){ .accordion.accordion-2 .card, .accordion.accordion-2 .card:first-of-type, .accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type){padding-left: 15px;padding-right: 15px} } .accordion.accordion-2 .card.active-acc, .accordion.accordion-2 .card:first-of-type.active-acc, .accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type).active-acc{border-color: var(--global--color-primary)} .accordion.accordion-2 .card.active-acc .card-heading .card-link, .accordion.accordion-2 .card:first-of-type.active-acc .card-heading .card-link, .accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type).active-acc .card-heading .card-link{color: var(--global--color-primary)} .accordion.accordion-2 .card .card-heading .card-link, .accordion.accordion-2 .card:first-of-type .card-heading .card-link, .accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link{font-size: 17px} .accordion.accordion-2 .card .card-heading .card-link::before, .accordion.accordion-2 .card:first-of-type .card-heading .card-link::before, .accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link::before{position: absolute;right: 0;margin-right: 0;content: '\f077';-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);background-color: var(--global--color-primary)} .accordion.accordion-2 .card .card-heading .card-link.collapsed::before, .accordion.accordion-2 .card:first-of-type .card-heading .card-link.collapsed::before, .accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link.collapsed::before{background-color: var(--global--color-heading);color: var(--global--color-white);-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg)} .accordion.accordion-2 .card .card-body, .accordion.accordion-2 .card:first-of-type .card-body, .accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type) .card-body{padding-top: 12px;padding-left: 0} .accordion.accordion-2 .card:last-of-type{margin-bottom: 30px} .pagination{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 0;border-radius: 0} .pagination li{margin-right: 10px;display: inline-block} .pagination li a, .pagination li span{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: var(--global--color-white);color: var(--global--color-heading);font-family: var(--global--font-body);font-size: 20px;font-weight: 700;text-transform: uppercase;padding: 0;width: 50px;height: 50px;border-radius: 4px;border: 2px solid #929ba2;-webkit-transition: 300ms ease-in-out;-o-transition: 300ms ease-in-out;transition: 300ms ease-in-out} .pagination li a:hover, .pagination li span:hover{background-color: var(--global--color-heading);color: var(--global--color-white);border-color: var(--global--color-heading)} .pagination li a i, .pagination li span i{font-size: 12px} .pagination li a.current, .pagination li span.current{background-color: var(--global--color-heading);color: var(--global--color-white);border-color: var(--global--color-heading)} .alerts{background-color: var(--global--color-gray);border-radius: 2px;padding: 20px;margin-bottom: 30px} .alerts .alert-icon{width: 46px;height: 46px;line-height: 46px;background-color: var(--global--color-primary);border-radius: 2px 1px 1px 2px;text-align: center;position: absolute} .alerts .alert-icon i{color: var(--global--color-white);font-size: 15px;font-weight: 400;line-height: 28px} .alerts .alert-content{padding-left: 68px} .alerts .alert-content h4{color: var(--global--color-primary);font-size: 15px;font-weight: 800;line-height: 32px;margin-bottom: 0;margin-top: -6px} .alerts .alert-content p{font-family: var(--global--font-body);color: var(--global--color-body);font-size: 13px;font-weight: 400;line-height: 22px;margin-bottom: 0} .alerts.alert-warning h4{color: #8a6d3b} .alerts.alert-warning .alert-icon{background-color: #fcf8e3} .alerts.alert-warning .alert-icon i{color: #8a6d3b} .alerts.alert-danger h4{color: #a94442} .alerts.alert-danger .alert-icon{background-color: #f2dede} .alerts.alert-danger .alert-icon i{color: #a94442} .alert{font-size: 16px;font-family: var(--global--font-body)} .subscribe-alert .alert{margin: 10px auto;font-size: 12px} #contact-result .alert{margin: 10px auto;font-size: 12px} #back-to-top{position: fixed;right: 0;bottom: 0;opacity: 0;width: 90px;height: 200px;border-radius: 4px 0 0 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;cursor: pointer;-webkit-transition: 300ms ease-in-out;-o-transition: 300ms ease-in-out;transition: 300ms ease-in-out;background-color: var(--global--color-primary)} #back-to-top::before{content: '';position: absolute;width: calc(100%);height: calc(100%);top: 0;left: 0;z-index: -1;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;background-color: var(--global--color-heading);-webkit-transition: -webkit-transform .24s ease-in-out;transition: -webkit-transform .24s ease-in-out;-o-transition: transform .24s ease-in-out;transition: transform .24s ease-in-out;transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out} #back-to-top:hover::before{-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: bottom;-ms-transform-origin: bottom;transform-origin: bottom} #back-to-top.show{z-index: 999;opacity: 1} #back-to-top i{color: var(--global--color-white);font-weight: 700;font-size: 15px} @media screen and (max-width: 991.98px){ #back-to-top{width: 50px;height: 50px;border-radius: 50%;bottom: 30px;right: 20px} } @media (min-width: 992px) and (max-width: 1200px){ #back-to-top{width: 70px;height: 150px} } .preloader{width: 100%;height: 100%;left: 0;top: 0;position: fixed;z-index: 99999;background-color: var(--global--color-white);overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .preloader .dual-ring{display: inline-block;width: 80px;height: 80px} .preloader .dual-ring::after{content: " ";display: block;width: 64px;height: 64px;margin: 8px;border-radius: 50%;border: 6px solid #32c36c;border-color: #32c36c transparent #32c36c transparent;-webkit-animation: dualring 1.2s linear infinite;animation: dualring 1.2s linear infinite} @-webkit-keyframes dualring{ 0%{-webkit-transform: rotate(0deg);transform: rotate(0deg)} 100%{-webkit-transform: rotate(360deg);transform: rotate(360deg)} } @keyframes dualring{ 0%{-webkit-transform: rotate(0deg);transform: rotate(0deg)} 100%{-webkit-transform: rotate(360deg);transform: rotate(360deg)} } .header{height: 80px;-webkit-box-shadow: 0 5px 41.5px rgba(40, 40, 40, .11);box-shadow: 0 5px 41.5px rgba(40, 40, 40, .11)} @media screen and (min-width: 992px){ .header{height: 100px} } .header .navbar-brand{padding: 0;margin: 0;margin-right: 40px} @media (min-width: 992px) and (max-width: 1100px){ .header .navbar-brand{margin-right: 20px} } @media screen and (min-width: 992px){ .header .navbar-brand{height: 100px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} } @media (min-width: 1200px) and (max-width: 1350px){ .header .navbar-brand{margin-right: 20px} } .header .navbar-brand .logo{max-width: 100%;width: 160px;height: 60px} @media screen and (max-width: 991.98px){ .header .navbar-brand .logo{width: auto;height: 50px} } @media screen and (max-width: 767.98px){ .header .navbar-brand .logo{width: 100px} } .header.header-light{background-color: var(--global--color-white)} .header.header-light .navbar{background-color: var(--global--color-white)} .header.header-light .navbar .logo-dark{display: inline-block} @media screen and (max-width: 991.98px){ .header.header-light .navbar .logo-dark{display: none} } .header.header-light .navbar .logo-light{display: none} .header.header-light .navbar .logo-mobile{display: inline-block} @media screen and (min-width: 992px){ .header.header-light .navbar .logo-mobile{display: none} } .header.header-light .navbar .navbar-nav > li > a{color: var(--global--color-heading)} .header.header-light .navbar .navbar-nav > li > a::before{background-color: var(--global--color-heading)} .header.header-light .navbar .module .module-icon i{color: var(--global--color-secondary)} .header.header-light .navbar .module .module-icon i:hover{color: var(--global--color-primary)} .header.header-topbar{height: 150px} @media screen and (max-width: 991.98px){ .header.header-topbar{height: 80px} } @media screen and (max-width: 991.98px){ .header.header-topbar .top-bar{display: none} } @media screen and (min-width: 992px){ .header.header-topbar .navbar{padding: 0 0 0 40px;min-height: 100px;position: relative;top: auto;bottom: auto;right: auto;left: auto} } @media (min-width: 992px) and (max-width: 1200px){ .header.header-topbar .navbar{padding: 0 0 0 20px} } @media screen and (min-width: 992px){ .header.header-topbar .navbar .navbar-nav > li > a{line-height: 100px} } .header.header-topbar.header-shadow .navbar{-webkit-box-shadow: 0 5px 41.5px rgba(9, 29, 62, .11);box-shadow: 0 5px 41.5px rgba(9, 29, 62, .11)} @media screen and (min-width: 992px){ .header.header-topbar.header-topbar1 .navbar-brand{padding-right: 40px;border-right: 1px solid #eaeaea} } @media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1100px){ .header.header-topbar.header-topbar1 .navbar-brand{padding-right: 20px} } .header.header-topbar.header-topbar1 .module-holder .module-search{border-right: 1px solid #eaeaea} .header.header-topbar.header-topbar2 .navbar{padding-right: 40px} @media (min-width: 992px) and (max-width: 1200px){ .header.header-topbar.header-topbar2 .navbar{padding-right: 20px} } @media (min-width: 992px) and (max-width: 1200px){ .header.header-topbar.header-topbar2 .navbar .navbar-nav > li{margin-right: 15px} } .header.header-topbar.header-topbar2 .navbar-brand{position: relative} @media screen and (min-width: 992px){ .header.header-topbar.header-topbar2 .navbar-brand{padding-right: 40px;margin-right: 40px} .header.header-topbar.header-topbar2 .navbar-brand::after{content: '';width: 2px;height: 41px;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);right: 0;background-color: #eaeaea} } @media (min-width: 992px) and (max-width: 1200px){ .header.header-topbar.header-topbar2 .navbar-brand{padding-right: 20px;margin-right: 20px} } @media screen and (max-width: 991.98px){ .header.header-topbar.header-topbar2 .module-holder{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: auto;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start} } @media screen and (min-width: 992px){ .header.header-topbar.header-topbar2 .module-holder .module-call{padding-right: 20px;margin-right: 20px} .header.header-topbar.header-topbar2 .module-holder .module-call::after{content: '';width: 2px;height: 41px;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);right: 0;background-color: #eaeaea} } @media (min-width: 992px) and (max-width: 1200px){ .header.header-topbar.header-topbar2 .module-holder .module-call{padding-right: 15px;margin-right: 15px} } .header.header-topbar.header-topbar2 .module-holder .module-search{padding-right: 30px} @media (min-width: 992px) and (max-width: 1200px){ .header.header-topbar.header-topbar2 .module-holder .module-search{padding-right: 15px} } @media screen and (min-width: 992px){ .header.header-topbar.header-topbar2 .module-holder .module-contact{margin-left: 0;margin-right: 0px} .header.header-topbar.header-topbar2 .module-holder .module-contact .btn{font-size: 0;width: auto} .header.header-topbar.header-topbar2 .module-holder .module-contact .btn i{font-size: 15px;margin-left: 0} } @media (min-width: 992px) and (max-width: 1200px){ .header.header-topbar.header-topbar2 .module-holder .module-contact{margin-left: 0;margin-right: 0px} } @media screen and (min-width: 992px){ .header.header-topbar.header-topbar2 .module-holder .module-cart{margin-left: 0} } @media screen and (min-width: 992px){ .header.header-topbar.header-topbar2 .module-holder .module-cart .module-cart-warp{left: -300px} } @media screen and (max-width: 991.98px){ .header.header-topbar.header-topbar2 .module-holder-phone{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;height: 80px;-webkit-box-align: center;-ms-flex-align: center;align-items: center} } .header.header-topbar.header-topbar2 .module-holder-phone .module-cart{margin-left: 0;margin-right: 30px} .header.header-topbar.header-topbar3 .navbar{padding: 0} @media (min-width: 992px) and (max-width: 1200px){ .header.header-topbar.header-topbar3 .navbar .navbar-nav > li{margin-right: 20px} .header.header-topbar.header-topbar3 .navbar .navbar-nav > li:last-child{margin-right: 0} } .header.header-topbar.header-topbar3 .navbar-brand{position: relative} @media screen and (max-width: 991.98px){ .header.header-topbar.header-topbar3 .module-holder{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: auto;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start} } @media screen and (min-width: 992px){ .header.header-topbar.header-topbar3 .module-holder{margin-left: 30px} } .header.header-topbar.header-topbar3 .module-holder .module-search{padding-right: 30px} @media (min-width: 992px) and (max-width: 1200px){ .header.header-topbar.header-topbar3 .module-holder .module-search{padding-right: 15px} } @media screen and (min-width: 992px){ .header.header-topbar.header-topbar3 .module-holder .module-contact{margin-left: 0;margin-right: 0px} } @media (min-width: 992px) and (max-width: 1200px){ .header.header-topbar.header-topbar3 .module-holder .module-contact{margin-left: 0;margin-right: 0px} } @media screen and (min-width: 992px){ .header.header-topbar.header-topbar3 .module-holder .module-contact.module-contact-2 .btn{width: 174px} } @media screen and (min-width: 992px){ .header.header-topbar.header-topbar3 .module-holder .module-cart{margin-left: 0} } @media screen and (min-width: 992px){ .header.header-topbar.header-topbar3 .module-holder .module-cart .module-cart-warp{left: -300px} } @media screen and (max-width: 991.98px){ .header.header-topbar.header-topbar3 .module-holder-phone{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;height: 80px;-webkit-box-align: center;-ms-flex-align: center;align-items: center} } .header.header-topbar.header-topbar3 .module-holder-phone .module-cart{margin-left: 0;margin-right: 30px} .header.header-topbar.header-shadow .navbar{-webkit-box-shadow: 0 5px 41.5px rgba(9, 29, 62, .11);box-shadow: 0 5px 41.5px rgba(9, 29, 62, .11)} .header .navbar{margin-bottom: 0;border-radius: 0;border: none;z-index: 7777;padding: 0;-webkit-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out} .header .navbar .navbar-nav > li{margin-right: 30px;position: relative} .header .navbar .navbar-nav > li:last-child{margin-right: 0} .header .navbar .navbar-nav > li > a{font-family: var(--global--font-body);font-size: 15px;font-weight: 700;line-height: 100px;color: var(--global--color-white);padding: 0;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .header .navbar .navbar-nav > li > a::before{position: absolute;bottom: 0;left: 0;margin: auto;width: 100%;height: 3px;background: var(--global--color-white);content: "";-webkit-transition: -webkit-transform 1s cubic-bezier(.2, 1, .3, 1);transition: -webkit-transform 1s cubic-bezier(.2, 1, .3, 1);-o-transition: transform 1s cubic-bezier(.2, 1, .3, 1);transition: transform 1s cubic-bezier(.2, 1, .3, 1);transition: transform 1s cubic-bezier(.2, 1, .3, 1), -webkit-transform 1s cubic-bezier(.2, 1, .3, 1);-webkit-transform-origin: 100% 50%;-ms-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1)} .header .navbar .navbar-nav > li.has-dropdown > a{position: relative} .header .navbar .navbar-nav > li.has-dropdown > a::after{border: 0;content: '\f078';position: relative;margin-left: 7px;font-size: 11px;font-family: "font awesome 5 free";color: var(--global--color-heading);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .header .navbar .navbar-nav > li#contact.active a, .header .navbar .navbar-nav > li#contact:hover a{color: var(--global--color-primary)} @media screen and (min-width: 992px){ .header .navbar .navbar-nav > li#contact.active a::before, .header .navbar .navbar-nav > li#contact:hover a::before{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);-webkit-transform-origin: 0 50%;-ms-transform-origin: 0 50%;transform-origin: 0 50%;background-color: var(--global--color-primary)} } .header .navbar .navbar-nav > li.active > .dropdown-toggle, .header .navbar .navbar-nav > li.has-dropdown.active > .dropdown-toggle, .header .navbar .navbar-nav > li:hover .dropdown-toggle{color: var(--global--color-primary)} .header .navbar .navbar-nav > li.active > .dropdown-toggle::before, .header .navbar .navbar-nav > li.has-dropdown.active > .dropdown-toggle::before, .header .navbar .navbar-nav > li:hover .dropdown-toggle::before{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);-webkit-transform-origin: 0 50%;-ms-transform-origin: 0 50%;transform-origin: 0 50%;background-color: var(--global--color-primary)} .header .navbar .navbar-nav > li.active > .dropdown-toggle::after, .header .navbar .navbar-nav > li.has-dropdown.active > .dropdown-toggle::after, .header .navbar .navbar-nav > li:hover .dropdown-toggle::after{color: var(--global--color-primary)} .header .navbar.navbar-fixed{position: fixed;top: 0;right: 0;left: 0;background: var(--global--color-white);-webkit-animation: fadeInDown 1s ease-in-out;animation: fadeInDown 1s ease-in-out;-webkit-box-shadow: 0 2px 4px rgba(3, 27, 78, .1);box-shadow: 0 2px 4px rgba(3, 27, 78, .1)} @media screen and (min-width: 992px){ .header .navbar.navbar-fixed .navbar-brand .logo-dark{display: inline-block} } .header .navbar.navbar-fixed .navbar-brand .logo-light{display: none} .header .navbar.navbar-fixed .navbar-nav > li > a{color: var(--global--color-heading)} @-webkit-keyframes fadeInDown{ 0%{opacity: 0;-webkit-transform: translateY(-200px);transform: translateY(-200px)} 100%{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)} } @keyframes fadeInDown{ 0%{opacity: 0;-webkit-transform: translateY(-200px);transform: translateY(-200px)} 100%{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)} } .navbar-nav > li.active > ul{margin-top: 0} li.has-dropdown > ul.dropdown-menu > li.dropdown-submenu > a:before, ul.dropdown-menu > li.has-dropdown > a:before{font-family: "font awesome 5 free";font-weight: 700;content: "\f105";font-size: 13px;position: absolute;right: 25px} .dropdown-menu{background-color: transparent;position: relative;width: 100%;border: none;margin: 0;border-radius: 0;-webkit-box-shadow: none;box-shadow: none} @media screen and (min-width: 992px){ .navbar.navbar-dark{background-color: var(--global--color-heading)} } .navbar.navbar-dark.navbar-fixed .module-social a{color: var(--global--color-white)} .navbar.navbar-dark.navbar-fixed .module-social a:hover{color: var(--global--color-primary)} .navbar.navbar-dark .module .module-icon i{color: var(--global--color-white)} @media screen and (min-width: 992px){ .navbar.navbar-dark .navbar-nav > li > a{color: var(--global--color-white)} .navbar.navbar-dark .navbar-nav > li > a:hover{color: var(--global--color-primary)} .navbar.navbar-dark .navbar-nav > li.active > a, .navbar.navbar-dark .navbar-nav > li:hover > a{color: var(--global--color-white)} } @media only screen and (max-width: 991.98px){ .header .navbar{padding: 0 40px} } @media only screen and (max-width: 991.98px) and (max-width: 767.98px){ .header .navbar{padding: 0 15px} } @media only screen and (max-width: 991.98px){ .header .navbar .navbar-brand{margin-right: 0;height: 80px;line-height: 80px} .header .navbar .navbar-brand .logo-light{display: none} .header .navbar .navbar-brand .logo-phone{width: auto} .header .navbar .navbar-collapse{border-top: 1px solid #eaeaea;position: absolute;left: 0;top: 100%;width: 100%;background-color: var(--global--color-white);padding: 15px 30px;opacity: 0;visibility: hidden;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: .3s linear;-o-transition: .3s linear;transition: .3s linear} .header .navbar .navbar-collapse.show{visibility: visible;opacity: 1;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px)} .header .navbar.navbar-bordered .navbar-collapse{top: calc(100% + 1px)} .header .navbar .navbar-nav > li{margin-right: 0} .header .navbar .navbar-nav > li > a, .header .navbar .navbar-nav > li.active > a{line-height: 36px;color: var(--global--color-heading);display: block;z-index: 5} .header .navbar .navbar-nav > li > a::before, .header .navbar .navbar-nav > li > a::after, .header .navbar .navbar-nav > li.active > a::before, .header .navbar .navbar-nav > li.active > a::after{display: none} .header .navbar .menu-item::before{display: none} .header .navbar .has-dropdown::after{font-family: "font awesome 5 free";font-weight: 700;content: "\f107";display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 14px;position: absolute;border-radius: 5px;right: 0;top: 5px;color: var(--global--color-heading);background-color: #e0f6e9;width: 25px;height: 25px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .header .navbar .has-dropdown:hover::after, .header .navbar .has-dropdown.active::after{color: var(--global--color-primary)} .header .navbar .has-dropdown.show::after{content: '\f106'} .header .navbar .dropdown-menu{padding: 0;-webkit-transition: max-height .3s ease-in-out;-o-transition: max-height .3s ease-in-out;transition: max-height .3s ease-in-out;max-height: 0;display: block;overflow: hidden} .header .navbar .dropdown-menu li{line-height: 26px} .header .navbar .dropdown-menu li.current a{background-color: #e0f6e9;color: var(--global--color-primary)} .header .navbar .dropdown-menu li a{margin-left: 15px;color: var(--global--color-heading);font-size: 15px;font-weight: 500;display: block;padding: 4px 15px;margin-bottom: 5px;border-radius: 8px 8px 0 8px} .header .navbar .dropdown-menu li a:hover{background-color: #e0f6e9;color: var(--global--color-primary)} .header .navbar .show > .dropdown-menu{max-height: 2000px} .header .navbar .dropdown-submenu.show .dropdown-menu{max-height: 2000px} .header .navbar .dropdown-submenu .dropdown-menu{padding-left: 20px} .header .navbar li.has-dropdown.mega-dropdown > .dropdown-menu .row .menu-head{font-size: 14px;font-family: var(--global--font-heading);font-weight: 700;color: var(--global--font-heading);margin-bottom: 15px} } @media only screen and (min-width: 992px) and (max-width: 1200px){ .navbar-nav > li{margin-right: 16px} .module .module-icon, .module-consultation .btn{margin-right: 0} } @media only screen and (min-width: 992px){ .navbar-collapse{padding-right: 0;padding-left: 0} .navbar-nav > li.has-dropdown > ul.dropdown-menu{-webkit-box-shadow: 0 5px 41.5px rgba(40, 40, 40, .11);box-shadow: 0 5px 41.5px rgba(40, 40, 40, .11);-webkit-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;opacity: 0;visibility: hidden;position: absolute;left: -40px;right: auto;-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);display: block;width: 235px;padding: 24px 40px 25px;background-color: var(--global--color-white);border-radius: 0 0 8px 8px} .navbar-nav > li.has-dropdown > ul.dropdown-menu > li{padding-right: 0;position: relative;vertical-align: top} .navbar-nav > li.has-dropdown > ul.dropdown-menu li a{-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;position: relative;font-family: var(--global--font-body);color: var(--global--color-body);padding: 10px 0 9px 0;display: block;font-size: 14px;font-weight: 400;-webkit-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;border-radius: 0;border-bottom: 1px solid #eaeaea;position: relative} .navbar-nav > li.has-dropdown > ul.dropdown-menu li a::before{content: '\e905';color: var(--global--color-primary);font-family: energia;position: absolute;top: 50%;left: -22px;font-size: 12px;opacity: 0;visibility: hidden;-webkit-transform: translate(-5px, -50%);-ms-transform: translate(-5px, -50%);transform: translate(-5px, -50%);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .navbar-nav > li.has-dropdown > ul.dropdown-menu li a::after{content: '';position: absolute;bottom: -1px;left: 0;height: 1px;width: 0;-webkit-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease;background-color: var(--global--color-primary)} .navbar-nav > li.has-dropdown > ul.dropdown-menu li a:active, .navbar-nav > li.has-dropdown > ul.dropdown-menu li a:focus, .navbar-nav > li.has-dropdown > ul.dropdown-menu li a:hover{color: var(--global--color-primary)} .navbar-nav > li.has-dropdown > ul.dropdown-menu li a:active::before, .navbar-nav > li.has-dropdown > ul.dropdown-menu li a:focus::before, .navbar-nav > li.has-dropdown > ul.dropdown-menu li a:hover::before{visibility: visible;opacity: 1;-webkit-transform: translate(0px, -50%);-ms-transform: translate(0px, -50%);transform: translate(0px, -50%)} .navbar-nav > li.has-dropdown > ul.dropdown-menu li a:active::after, .navbar-nav > li.has-dropdown > ul.dropdown-menu li a:focus::after, .navbar-nav > li.has-dropdown > ul.dropdown-menu li a:hover::after{width: 100%} .navbar-nav > li.has-dropdown > ul.dropdown-menu li:last-child a{border-bottom: 0} .navbar-nav > li.has-dropdown > ul.dropdown-menu li:last-child a::after{content: unset} .navbar-nav > li.has-dropdown > ul.dropdown-menu li.current > a{border-color: var(--global--color-primary);color: var(--global--color-primary)} .navbar-nav > li.has-dropdown > ul.dropdown-menu li.current > a::before{visibility: visible;opacity: 1;-webkit-transform: translate(0px, -50%);-ms-transform: translate(0px, -50%);transform: translate(0px, -50%)} .navbar-nav > li.has-dropdown:hover > ul.dropdown-menu{opacity: 1;visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);z-index: 100;display: block} .navbar-nav li ul.dropdown-menu.left{left: -650px !important;margin-left: 0 !important} .navbar-nav li.has-dropdown.mega-dropdown > .dropdown-menu{background-color: var(--global--color-white);padding: 0;width: 510px} .navbar-nav li.has-dropdown.mega-dropdown > .dropdown-menu li{padding-left: 0;padding-right: 0} .navbar-nav li.has-dropdown.mega-dropdown > .dropdown-menu .row{background-color: var(--global--color-white);margin-right: 0;margin-left: 0;padding: 35px 23px} .navbar-nav li.has-dropdown.mega-dropdown > .dropdown-menu .row .menu-head{font-size: 14px;font-family: var(--global--font-heading);font-weight: 700;color: var(--global--font-heading);margin-bottom: 15px} .navbar-nav li.has-dropdown.mega-dropdown > .dropdown-menu .row ul{margin: 0;padding: 0} .navbar-nav li.has-dropdown.mega-dropdown > .dropdown-menu .row ul li{line-height: 2.5} .navbar-nav li.has-dropdown.mega-dropdown > .dropdown-menu .row ul li.title{color: var(--global--color-heading);font-size: 13px;font-weight: 600;} .navbar-nav li.has-dropdown.mega-dropdown > .dropdown-menu .row ul li a{margin: 0} .navbar-nav.ml-auto.mr-auto li.has-dropdown.mega-dropdown{position: absolute} .navbar-nav.ml-auto:not(.mr-auto) li.has-dropdown.mega-dropdown{position: relative} } .module-holder{margin-left: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 100px} @media screen and (max-width: 991.98px){ .module-holder .module-language, .module-holder .module-search, .module-holder .module-cart{display: none} } .module-holder.module-holder-phone{display: none} @media screen and (max-width: 991.98px){ .module-holder.module-holder-phone{display: -webkit-box;display: -ms-flexbox;display: flex;height: 80px;margin-top: 0} } .module-holder.module-holder-phone .navbar-toggler{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 30px;height: 30px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;border: 0;padding: 0;outline: 0;cursor: pointer;border-radius: 0} .module-holder.module-holder-phone .navbar-toggler:focus{-webkit-box-shadow: none;box-shadow: none} @media screen and (min-width: 1200px){ .module-holder.module-holder-phone .navbar-toggler{display: none} } .module-holder.module-holder-phone .navbar-toggler:not(.collapsed) .navbar-toggler-icon{background-color: transparent} .module-holder.module-holder-phone .navbar-toggler:not(.collapsed) .navbar-toggler-icon:before, .module-holder.module-holder-phone .navbar-toggler:not(.collapsed) .navbar-toggler-icon:after{top: 0} .module-holder.module-holder-phone .navbar-toggler:not(.collapsed) .navbar-toggler-icon::before{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)} .module-holder.module-holder-phone .navbar-toggler:not(.collapsed) .navbar-toggler-icon::after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg)} .module-holder.module-holder-phone .navbar-toggler .navbar-toggler-icon{background-color: var(--global--color-heading);width: 100%;height: 2px;position: relative;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .module-holder.module-holder-phone .navbar-toggler .navbar-toggler-icon::before, .module-holder.module-holder-phone .navbar-toggler .navbar-toggler-icon::after{content: '';position: absolute;left: 0;height: 2px;width: 100%;background-color: var(--global--color-heading);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .module-holder.module-holder-phone .navbar-toggler .navbar-toggler-icon::before{top: -10px} .module-holder.module-holder-phone .navbar-toggler .navbar-toggler-icon::after{top: 10px} .module-holder.module-holder-phone .module-language{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;margin-left: 20px;margin-right: 20px} @media screen and (min-width: 992px){ .module-holder.module-holder-phone .module-language{display: none} } @media screen and (max-width: 767.98px){ .module-holder.module-holder-phone .module-language{margin-right: 15px} } .module-holder.module-holder-phone .module-language .selected img{margin-right: 0} .module-holder.module-holder-phone .module-language .selected span, .module-holder.module-holder-phone .module-language .selected i{display: none} .module-holder.module-holder-phone .module-language .selected .lang-list{left: -45px} .module-holder.module-holder-phone .module-search{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;border-bottom: 0;padding: 0;padding-right: 20px} @media screen and (max-width: 767.98px){ .module-holder.module-holder-phone .module-search{padding-right: 15px} } .module-holder.module-holder-phone .module-cart{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;margin-left: 30px} @media screen and (max-width: 767.98px){ .module-holder.module-holder-phone .module-cart{margin-left: 20px} } .module{display: inline-block;position: relative} .module span.title{display: none} .module .module-label{width: 16px;height: 16px;line-height: 16px;border-radius: 50%;background-color: var(--global--color-primary);color: var(--global--color-white);font-size: 10px;font-weight: 400;text-align: center;position: absolute;top: -6px;left: 10px} .module .module-box{position: absolute;display: block;-webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, .1);box-shadow: 0 2px 3px rgba(40, 40, 40, .1);background-color: #1b1a1a;opacity: 0;visibility: hidden;-webkit-transition: all 100ms linear;-o-transition: all 100ms linear;transition: all 100ms linear;right: 0;width: 290px;border-radius: 6px;padding: 30px;z-index: 99;-webkit-transform: translateY(10%);-ms-transform: translateY(10%);transform: translateY(10%);height: 0;margin-top: 1px} .module-fullscreen{left: 0;top: 0;right: 0;z-index: 9999;display: block;height: 100%;width: 100%;opacity: 0;visibility: hidden;background-color: var(--global--color-white);position: fixed} .module-fullscreen .module-cancel{top: 0;right: 0;border-radius: 0;position: absolute;width: 100px;height: 100px;font-size: 20px;font-weight: 700;text-transform: uppercase;color: var(--global--color-white);background-color: var(--global--color-primary);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center} @media screen and (max-width: 767.98px){ .module-fullscreen .module-cancel{font-size: 14px;width: 50px;height: 50px} } .module-fullscreen.module-active{visibility: visible;opacity: 1;-webkit-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out} .module-fullscreen.fullscreen-light{background-color: var(--global--color-white)} .module-active .module-box{opacity: 1;visibility: visible;display: block;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);height: inherit} .module-search{position: relative;padding-right: 40px;height: 80px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} @media screen and (min-width: 992px){ .module-search{height: 100px} } @media (min-width: 992px) and (max-width: 1100px){ .module-search{padding-right: 20px} } .module-search .module-icon i{color: var(--global--color-heading);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;cursor: pointer} .module-search .module-icon i:hover{color: var(--global--color-primary)} @media only screen and (max-width: 991px){ .module-search .module-icon i{border-left: none;padding-left: 0;padding-right: 5px} } .module-search-warp{left: 0;top: 0;right: 0;z-index: 9999;display: block;height: 100%;width: 100%;opacity: 0;visibility: hidden;background-color: var(--global--color-white);position: fixed} .module-search-warp.search-warp-active{visibility: visible;opacity: 1;-webkit-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out} .module-search-warp .module-cancel{top: 0;right: 0;border-radius: 0;position: absolute;width: 100px;height: 100px;font-size: 20px;font-weight: 700;text-transform: uppercase;color: var(--global--color-white);background-color: var(--global--color-primary);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center} @media screen and (max-width: 767.98px){ .module-search-warp .module-cancel{font-size: 14px;width: 50px;height: 50px} } .module-search-warp .form-search{margin-bottom: 0} .module-search-warp .form-search button::before{position: absolute;left: 0;top: 0;content: "\e90b";color: var(--global--color-heading);font-family: energia;font-size: 24px;font-weight: 400;line-height: 70px;z-index: 999;cursor: pointer} .module-search-warp .form-control{position: relative;color: var(--global--color-white);font-family: var(--global--font-heading);font-size: 24px;font-weight: 400;line-height: 70px;height: 70px;color: var(--global--color-body);border: none;background-color: transparent;width: 100%;border-bottom: 2px solid #eaeaea;padding: 17px 30px 17px 46px;margin-bottom: 0;-webkit-transition: 400ms linear;-o-transition: 400ms linear;transition: 400ms linear;border-radius: 0} .module-search-warp .form-control:focus, .module-search-warp .form-control:active{border-color: var(--global--color-primary)} .module-search-warp .form-control::-webkit-input-placeholder{color: var(--global--color-body);font-family: var(--global--font-heading);font-size: 35px} @media screen and (max-width: 767.98px){ .module-search-warp .form-control::-webkit-input-placeholder{font-size: 18px} } .module-search-warp .form-control::-moz-placeholder{color: var(--global--color-body);font-family: var(--global--font-heading);font-size: 35px} @media screen and (max-width: 767.98px){ .module-search-warp .form-control::-moz-placeholder{font-size: 18px} } .module-search-warp .form-control::-moz-placeholder{color: var(--global--color-body);font-family: var(--global--font-heading);font-size: 35px} @media screen and (max-width: 767.98px){ .module-search-warp .form-control::-moz-placeholder{font-size: 18px} } .module-search-warp .form-control:-ms-input-placeholder{color: var(--global--color-body);font-family: var(--global--font-heading);font-size: 35px} @media screen and (max-width: 767.98px){ .module-search-warp .form-control:-ms-input-placeholder{font-size: 18px} } .module-search-warp .btn{background-color: transparent;border-radius: 0;width: 35px;line-height: 57px;color: var(--global--color-white);font-size: 28px;font-weight: 400;text-align: right;margin-left: 0;padding: 0} .module-cart{margin-left: 40px;height: 80px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} @media screen and (min-width: 992px){ .module-cart{height: 100px} } @media (min-width: 992px) and (max-width: 1100px){ .module-cart{margin-left: 20px} } .module-cart .module-icon{position: relative} .module-cart .module-icon i{-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;font-size: 16px;position: relative;cursor: pointer} .module-cart .module-cart-warp{position: absolute;-webkit-box-shadow: 0 5px 41.5px rgba(9, 29, 62, .15);box-shadow: 0 5px 41.5px rgba(9, 29, 62, .15);top: 100%;left: -150px;width: 290px;background-color: var(--global--color-white);padding: 40px;border-radius: 0 0 8px 8px;opacity: 0;visibility: hidden;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px);-webkit-transition: 500ms;-o-transition: 500ms;transition: 500ms} @media screen and (max-width: 991.98px){ .module-cart .module-cart-warp{left: -250px} } @media screen and (max-width: 767.98px){ .module-cart .module-cart-warp{left: -160px;padding: 30px} } @media screen and (min-width: 768px){ .module-cart .module-cart-warp{width: 330px} } .module-cart .module-cart-warp .cart-overview{margin-bottom: 0;width: 100%} .module-cart .module-cart-warp .cart-overview li{margin-bottom: 30px;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between} .module-cart .module-cart-warp .cart-overview li:last-child{margin-bottom: 25px} .module-cart .module-cart-warp .cart-overview li .cart-cancel{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: var(--global--color-white);font-size: 7px;-ms-flex-negative: 0;flex-shrink: 0;border-radius: 50%;width: 20px;height: 20px;background-color: var(--global--color-heading);margin-left: 15px} .module-cart .module-cart-warp .cart-overview li .cart-cancel:hover{background-color: var(--global--color-primary)} .module-cart .module-cart-warp .cart-overview li img{border-radius: 4px;-ms-flex-negative: 0;flex-shrink: 0;width: 60px;height: 60px;margin-right: 15px;-webkit-box-shadow: 0 5px 41.5px rgba(40, 40, 40, .21);box-shadow: 0 5px 41.5px rgba(40, 40, 40, .21)} .module-cart .module-cart-warp .cart-overview li .product-meta{-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1} .module-cart .module-cart-warp .cart-overview li .product-meta h5{color: var(--global--color-body);font-family: var(--global--font-heading);font-size: 15px;line-height: 1;font-weight: 700;margin-bottom: 8px} .module-cart .module-cart-warp .cart-overview li .product-meta p{font-family: var(--global--font-body);color: var(--global--color-primary);font-size: 16px;line-height: 20px;font-weight: 700;margin-bottom: 0} .module-cart .module-cart-warp span{font-family: var(--global--font-heading);color: var(--global--color-heading);font-size: 17px;font-weight: 500;line-height: 22px;display: inline-block;margin-bottom: 24px} .module-cart .module-cart-warp span .total-price{font-style: normal} .module-cart .module-cart-warp .cart--control .btn{height: 65px;width: 100%;border-radius: 8px;background-color: var(--global--color-primary);color: var(--global--color-white);-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} .module-cart .module-cart-warp .cart--control .btn::before{background-color: var(--global--color-heading)} .module-cart.module-active .module-cart-warp{opacity: 1;visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)} .module-call{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-left: auto;position: relative} .module-call i{font-size: 50px;color: var(--global--color-primary);margin-right: 15px;-ms-flex-negative: 0;flex-shrink: 0} @media screen and (min-width: 992px) and (max-width: 1060px){ .module-call i{display: none} } .module-call p{font-size: 13px;color: #929ba2;line-height: 21px;margin-bottom: 0;} .module-call a{font-size: 15px;line-height: 22px;font-weight: 700;color: var(--global--color-secondary);-webkit-transform: .3s ease-in-out;-ms-transform: .3s ease-in-out;transform: .3s ease-in-out} .module-call a:hover{color: var(--global--color-primary)} @media screen and (max-width: 991.98px){ .module-call{margin-left: 0;margin-top: 10px;margin-bottom: 20px} } .module-contact{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} @media screen and (min-width: 992px){ .module-contact{margin-left: 40px} } @media (min-width: 992px) and (max-width: 1200px){ .module-contact{margin-left: 20px} } @media screen and (max-width: 991.98px){ .module-contact{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%} } .module-contact .btn{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;color: var(--global--color-white);background-color: var(--global--color-primary);padding: 0 38px;width: auto;font-family: var(--global--font-body);font-size: 15px;font-weight: 700;cursor: pointer;-webkit-transition: background .3s cubic-bezier(.37, .31, .31, .9), color .3s cubic-bezier(.37, .31, .31, .9);-o-transition: background .3s cubic-bezier(.37, .31, .31, .9), color .3s cubic-bezier(.37, .31, .31, .9);transition: background .3s cubic-bezier(.37, .31, .31, .9), color .3s cubic-bezier(.37, .31, .31, .9);overflow: hidden;height: 100px;border-radius: 0} @media screen and (min-width: 992px){ .module-contact .btn{font-size: 14px} } @media (min-width: 992px) and (max-width: 1200px){ .module-contact .btn{padding: 0 20px} } @media screen and (max-width: 991.98px){ .module-contact .btn{height: 50px;width: 100%;border-radius: 8px} } .module-contact .btn i{color: var(--global--color-white);margin-left: 10px;margin-right: 0;-webkit-transition: .3s cubic-bezier(.37, .31, .31, .9);-o-transition: .3s cubic-bezier(.37, .31, .31, .9);transition: .3s cubic-bezier(.37, .31, .31, .9)} @media screen and (max-width: 991.98px){ .module-contact .btn .btn{display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%} } .module-contact.module-contact-2 .btn{width: 174px;height: 55px;padding: 0 20px;border-radius: 4px} @media (min-width: 992px) and (max-width: 1200px){ .module-contact.module-contact-2 .btn{width: 150px} } @media screen and (max-width: 991.98px){ .module-contact.module-contact-2 .btn{width: 100%} } .module-language{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;height: 100%} .module-language.module-active .lang-list, .module-language:hover .lang-list{opacity: 1;visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)} .module-language .selected{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .module-language .selected img{margin-right: 10px} .module-language .selected span{font-family: var(--global--font-body);font-size: 13px;font-weight: 400;color: #929ba2;margin-right: 5px;cursor: pointer} .module-language .selected i{font-size: 10px;color: #929ba2} .module-language .lang-list{background-color: var(--global--color-white);color: var(--global--color-heading);position: absolute;top: 100%;padding: 6px 22px;-webkit-box-shadow: 0 5px 41.5px rgba(9, 29, 62, .11);box-shadow: 0 5px 41.5px rgba(9, 29, 62, .11);z-index: 5555;left: -22px;visibility: hidden;opacity: 0;-webkit-transform: translateY(15px);-ms-transform: translateY(15px);transform: translateY(15px);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;border-radius: 0 0 8px 8px} @media (min-width: 992px) and (max-width: 1200px){ .module-language .lang-list{top: 140%} } .module-language .lang-list ul{margin-bottom: 0} .module-language .lang-list ul li{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .module-language .lang-list ul li:last-of-type a{border-bottom: none} .module-language .lang-list ul li:last-of-type a::after{content: none} .module-language .lang-list ul li img{margin-right: 10px} .module-language .lang-list ul li a{font-size: 14px;display: block;color: var(--global--color-body);border-bottom: 1px solid #eaeaea;padding: 8px 0;cursor: pointer;-webkit-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease;position: relative} .module-language .lang-list ul li a::after{content: '';position: absolute;bottom: 0;left: 0;height: 1px;width: 0;-webkit-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease;background-color: transparent} .module-language .lang-list ul li a:hover{color: var(--global--color-primary)} .module-language .lang-list ul li a:hover::after{width: 100%;background-color: var(--global--color-primary)} .module-social{line-height: 100px;height: 100px;margin-right: 20px;margin-bottom: 0} @media screen and (max-width: 991.98px){ .module-social{border-bottom: 0} } .module-social:last-child{margin-right: 0} .module-social a{color: var(--global--color-white);font-size: 17px;font-weight: 400;margin-right: 10px;position: relative;overflow: hidden;width: 35px;height: 35px;background-color: var(--global--color-primary);border-radius: 50%;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: 300ms ease-in-out;-o-transition: 300ms ease-in-out;transition: 300ms ease-in-out} .module-social a:hover{-webkit-transform: scale(.9);-ms-transform: scale(.9);transform: scale(.9)} .module-social.module-social-2{line-height: 70px;height: 70px;border-right: 2px solid #292929;margin-right: 0} .module-social.module-social-2:last-child{margin-right: 0} .module-social.module-social-2 a{color: var(--global--color-white);background-color: transparent;margin-right: 20px;width: auto;height: auto;border-radius: 0} .module-social.module-social-2 a:hover{color: var(--global--color-primary);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)} @media only screen and (max-width: 991px){ .module-content{margin-bottom: 10px} .module-cart-warp .cart-overview h5{color: var(--global--color-white)} } .module-cart.active .module-cart-warp{opacity: 1;visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1} .module.module-active .module-cart-warp, .module.module-active .search-box{display: block !important} .module-cart.module-active .module-cart-warp .cart-control{margin-right: auto;margin-left: auto;text-align: center} .module-cart.module-active .module-cart-warp .cart-control .pull-right{float: none !important} .module-consultation{padding: 10px 0} .module-consultation .btn{border-color: var(--global--color-heading);color: var(--global--color-heading);margin: 0} .module-social a{color: var(--global--color-heading);line-height: 36px} .module-sidearea .module-sidearea-wrap{width: 320px;padding: 40px} .top-bar{padding: 0 40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;height: 50px;position: relative;z-index: 8888;background-color: var(--global--color-secondary)} @media (min-width: 992px) and (max-width: 1100px){ .top-bar{padding: 0 20px} } .top-bar .block-left{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1} .top-bar .block-right{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end} .top-bar .block-right .module-language{margin-left: 30px} @media (min-width: 992px) and (max-width: 1100px){ .top-bar .block-right .module-language{margin-left: 15px} } .top-bar .top-contact{display: -webkit-box;display: -ms-flexbox;display: flex} .top-bar .top-contact .contact-infos{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-right: 30px} @media (min-width: 992px) and (max-width: 1100px){ .top-bar .top-contact .contact-infos{margin-right: 15px} } .top-bar .top-contact .contact-infos:last-child{margin-right: 0} .top-bar .top-contact .contact-infos i{color: var(--global--color-primary);font-size: 15px;margin-right: 10px} .top-bar .top-contact .contact-infos a, .top-bar .top-contact .contact-infos p{font-family: var(--global--font-body);line-height: 22px;font-size: 13px;font-weight: 400;margin-bottom: 0;color: #929ba2;} .top-bar .top-contact .contact-infos a:hover{color: var(--global--color-primary)} .top-bar .social-links{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-right: 30px} @media (min-width: 992px) and (max-width: 1100px){ .top-bar .social-links{margin-right: 15px} } .top-bar .social-links a{margin-right: 10px;color: var(--global--color-primary);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;font-size: 20px;line-height: 1} .top-bar .social-links a:last-child{margin-right: 0} .top-bar .social-links a:hover i{-webkit-transform: scale(.9);-ms-transform: scale(.9);transform: scale(.9)} .top-bar .social-links a i{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .top-bar .topbar-links a{font-size: 13px;color: var(--global--color-white);margin-right: 15px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .top-bar .topbar-links a:hover{color: var(--global--color-primary)} .top-bar .topbar-links a:last-child{margin-right: 0} .top-bar .headline{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-family: var(--global--font-body);font-weight: 400;font-size: 13px;line-height: 21px;color: var(--global--color-primary);margin-bottom: 0;} .top-bar .headline a{font-family: var(--global--font-body);font-weight: 400;font-size: 13px;line-height: 21px;color: var(--global--color-primary);margin-bottom: 0;margin-left: 4px} .top-bar .headline a{color: #929ba2} .top-bar .headline i{font-size: 16px;margin-right: 10px} .top-bar.top-bar-2 .top-contact{margin-right: 30px} .top-bar.top-bar-2 .social-links{margin-right: 0} .top-bar.top-bar-3{padding: 0} .top-bar.top-bar-3 .topbar-links{margin-right: 30px} .top-bar.top-bar-3 .social-links{margin-right: 0} .top-bar.top-bar-3 .blocks-holder{display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between} .page-title{padding-top: 0;padding-bottom: 0} .page-title .page-title-wrap{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 260px} @media screen and (max-width: 991.98px){ .page-title .page-title-wrap{height: 260px} } @media screen and (max-width: 991.98px){ .page-title .title{text-align: center} } .page-title .title .title-sub-heading{font-family: var(--global--font-body);font-weight: 700;font-size: 15px;line-height: 1;color: var(--global--color-gray);margin-bottom: 0} @media screen and (max-width: 991.98px){ .page-title .title .title-sub-heading{line-height: 1.4} } .page-title .title .title-heading{margin-bottom: 24px;font-family: var(--global--font-heading);color: var(--global--color-white);font-size: 75px;font-weight: 700;line-height: 75px;} @media screen and (max-width: 767.98px){ .page-title .title .title-heading{font-size: 32px;line-height: 1.4} } .page-title .title .title-desc{color: var(--global--color-gray);font-size: 18px;line-height: 29px;margin-bottom: 30px;font-weight: 700} .page-title .title .title-action{margin-bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} @media screen and (max-width: 991.98px){ .page-title .title .title-action{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } @media screen and (max-width: 767.98px){ .page-title .title .title-action{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center} } .page-title .title .title-action .btn{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;border-radius: 4px;padding: 0 30px;-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);font-family: var(--global--font-body);font-size: 15px;font-weight: 700;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: 200px;height: 65px;margin-right: 30px} .page-title .title .title-action .btn:last-child{margin-right: 0} @media screen and (max-width: 767.98px){ .page-title .title .title-action .btn{width: 190px;height: 50px;margin-right: 0;margin-bottom: 20px} .page-title .title .title-action .btn:last-child{margin-bottom: 0} } .page-title .title .title-action .btn i{font-size: 12px;margin-right: 0} .page-title .title .title-action .btn-video i{width: 65px;height: 65px} .page-title .title .title-list{margin-bottom: 14px} @media screen and (max-width: 767.98px){ .page-title .title .title-list{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-right: 0} } .page-title .title .title-list .icon{margin-right: 35px;display: inline-block} .page-title .title .title-list .icon:last-child{margin-right: 0} @media screen and (max-width: 767.98px){ .page-title .title .title-list .icon{margin-right: 0;margin: 0 15px;margin-bottom: 15px} .page-title .title .title-list .icon:last-child{margin-right: 15px} } .page-title .title .title-list .icon:hover i{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px)} .page-title .title .title-list .icon i{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .page-title .title .title-list .icon i::before{margin-left: 0;font-size: 67px;color: var(--global--color-white)} .page-title .breadcrumb-wrap{height: 60px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-bottom: 1px solid #eaeaea} .page-title .breadcrumb{font-family: var(--global--font-body);font-size: 14px;font-weight: 400;line-height: 1;background: 0 0;color: var(--global--color-gray);display: -webkit-box;display: -ms-flexbox;display: flex} @media screen and (min-width: 992px){ .page-title .breadcrumb{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: start} } @media screen and (max-width: 991.98px){ .page-title .breadcrumb{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } .page-title .breadcrumb a{font-family: var(--global--font-body);font-size: 14px;font-weight: 400;line-height: 1px;background: 0 0;color: var(--global--color-heading)} .page-title .breadcrumb a:hover{color: var(--global--color-primary)} .page-title .breadcrumb .active{color: var(--global--color-body)} .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item{padding-left: 0} .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before{font-family: "font awesome 5 free";font-weight: 700;font-size: 11px;padding: 0 10px;color: var(--global--color-heading);content: "\f054"} .page-title .breadcrumb.breadcrumb-light{color: var(--global--color-white)} .page-title .breadcrumb.breadcrumb-light a{color: var(--global--color-white)} .page-title .breadcrumb.breadcrumb-light .active{color: var(--global--color-white)} .page-title .breadcrumb.breadcrumb-light .breadcrumb-item + .breadcrumb-item::before{color: var(--global--color-white)} .page-title.page-title-blank .breadcrumb-wrap{min-height: 100px;border-bottom: 0} .page-title.page-title-blank .breadcrumb-wrap .breadcrumb a{color: var(--global--color-heading)} .page-title.page-title-blank .breadcrumb-wrap .breadcrumb a:hover{color: var(--global--color-primary)} .page-title.page-title-blank .breadcrumb-wrap .breadcrumb .active{color: var(--global--color-body)} .page-title.page-title-blank .breadcrumb-wrap .breadcrumb-item + .breadcrumb-item::before{color: var(--global--color-heading)} .page-title.page-title-blank-2 .breadcrumb-wrap{min-height: 100px;border-bottom: 0} @media screen and (max-width: 991.98px){ .page-title.page-title-blank-2 .breadcrumb-wrap .breadcrumb{line-height: 1.4;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start} } .page-title.page-title-blank-2 .breadcrumb-wrap .breadcrumb a{color: var(--global--color-heading);margin-bottom: 5px} .page-title.page-title-blank-2 .breadcrumb-wrap .breadcrumb a:hover{color: var(--global--color-primary)} .page-title.page-title-blank-2 .breadcrumb-wrap .breadcrumb .active{color: var(--global--color-body)} .page-title.page-title-blank-2 .breadcrumb-wrap .breadcrumb-item + .breadcrumb-item::before{color: var(--global--color-heading)} .page-title.page-title-1 .page-title-wrap{background-position-y: bottom} .page-title.page-title-1 .page-title-wrap .title .title-action .btn{margin-right: 40px} @media screen and (max-width: 767.98px){ .page-title.page-title-1 .page-title-wrap .title .title-action .btn{margin-right: 0} } @media screen and (min-width: 992px){ .page-title.page-title-3 .page-title-wrap{background-position-y: -75px} } .page-title.page-title-3 .page-title-wrap .title .title-action .btn{width: 234px;margin-right: 0} .page-title.page-title-3 .page-title-wrap .title .title-action .btn:hover i{color: var(--global--color-white)} .page-title.page-title-3 .page-title-wrap .title .title-action .btn i{-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;color: var(--global--color-heading)} @media screen and (min-width: 992px){ .page-title.page-title-4 .page-title-wrap{background-position-y: 73%} } .page-title.page-title-4 .page-title-wrap .title .title-action .btn{width: 170px;margin-right: 0} .page-title.page-title-4 .page-title-wrap .title .title-action .btn:hover i{color: var(--global--color-white)} .page-title.page-title-4 .page-title-wrap .title .title-action .btn i{-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;color: var(--global--color-heading)} .page-title.page-title-5 .page-title-wrap{background-position-y: bottom} .page-title.page-title-5 .page-title-wrap .title .title-action .btn:first-child{width: 170px} .page-title.page-title-5 .page-title-wrap .title .title-action .btn:last-child{width: 178px;padding: 0 27px} @media (min-width: 992px) and (max-width: 1200px){ .page-title.page-title-5 .page-title-wrap .title .title-action .btn:last-child{padding: 0 25px} } .page-title.page-title-6 .page-title-wrap .title .title-action .btn{width: 170px} .page-title.page-title-7 .page-title-wrap .title .title-action .btn{padding: 0 27px;width: 170px} @media (min-width: 992px) and (max-width: 1200px){ .page-title.page-title-7 .page-title-wrap .title .title-action .btn{padding: 0 25px} } .page-title.page-title-8 .page-title-wrap .title .title-action .btn{padding: 0 27px;width: 170px} @media (min-width: 992px) and (max-width: 1200px){ .page-title.page-title-8 .page-title-wrap .title .title-action .btn{padding: 0 25px} } .page-title.page-title-9 .page-title-wrap{height: 350px} @media screen and (min-width: 992px){ .page-title.page-title-9 .page-title-wrap{background-position-y: 70%} } .page-title.page-title-9 .page-title-wrap .title .title-heading{margin-bottom: 0} @media screen and (min-width: 992px){ .page-title.page-title-9 .breadcrumb-wrap .breadcrumb{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } .page-title.page-title-10{position: relative} .page-title.page-title-10 .page-title-wrap{height: 675px;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end} .page-title.page-title-10 .page-title-wrap .title{margin-bottom: 110px} .page-title.page-title-10 .page-title-wrap .title .title-action .btn:first-child{width: 170px} .page-title.page-title-10 .page-title-wrap .title .title-action .btn:last-child{width: 178px;padding: 0 27px} @media (min-width: 992px) and (max-width: 1200px){ .page-title.page-title-10 .page-title-wrap .title .title-action .btn:last-child{padding: 0 25px} } .page-title.page-title-10 .page-title-wrap .breadcrumb-wrap{height: auto;border-bottom: 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 28px} .page-title.page-title-11{position: relative} .page-title.page-title-11 .page-title-wrap{height: 675px;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end} .page-title.page-title-11 .page-title-wrap .title{margin-bottom: 110px} .page-title.page-title-11 .page-title-wrap .title .title-action .btn:first-child{width: 170px} .page-title.page-title-11 .page-title-wrap .title .title-action .btn:last-child{width: 178px;padding: 0 27px} @media (min-width: 992px) and (max-width: 1200px){ .page-title.page-title-11 .page-title-wrap .title .title-action .btn:last-child{padding: 0 25px} } .page-title.page-title-11 .page-title-wrap .breadcrumb-wrap{height: auto;border-bottom: 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 28px} .page-title.page-title-12 .page-title-wrap{height: 470px;background-position-y: top} .page-title.page-title-12 .page-title-wrap .title .title-heading{margin-bottom: 23px} @media screen and (min-width: 992px){ .page-title.page-title-12 .breadcrumb-wrap .breadcrumb{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } .page-title.page-title-13 .page-title-wrap{height: 395px;background-position-y: bottom} @media screen and (min-width: 992px){ .page-title.page-title-13 .page-title-wrap{background-position-y: 75%} } @media screen and (max-width: 767.98px){ .page-title.page-title-13 .page-title-wrap{height: 230px} } .page-title.page-title-13 .page-title-wrap .title .title-heading{margin-bottom: 20px} .page-title.page-title-14 .page-title-wrap{height: 350px;background-position-y: bottom} @media screen and (min-width: 992px){ .page-title.page-title-14 .page-title-wrap{background-position-y: 75%} } @media screen and (max-width: 767.98px){ .page-title.page-title-14 .page-title-wrap{height: 230px} } .owl-nav.disabled{display: none} .carousel-dots{position: relative} .carousel-dots button.owl-dot, .carousel-dots button.owl-dot:focus{padding: 0;background-color: transparent;border: none;outline: none;-webkit-box-shadow: none;box-shadow: none} .carousel-dots .owl-dots{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;z-index: 5} .carousel-dots .owl-dots .owl-dot{margin-right: 10px;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex} .carousel-dots .owl-dots .owl-dot:last-child{margin-right: 0} .carousel-dots .owl-dots .owl-dot.active span{background-color: var(--global--color-primary);height: 6px} .carousel-dots .owl-dots .owl-dot span{display: inline-block;width: 35px;height: 3px;border-top: 3px solid transparent;background-color: #6b7475;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;margin-right: 0;position: relative} @media screen and (max-width: 767.98px){ .carousel-dots .owl-dots .owl-dot span{width: 25px} } @media screen and (min-width: 992px){ .carousel-dots.dots-side .owl-dots{position: absolute;bottom: -17px;right: 0} } @media screen and (max-width: 991.98px){ .carousel-dots.dots-side .owl-dots{margin-bottom: 35px} } .owl-carousel .owl-stage-outer{overflow: visible} .owl-carousel .owl-stage-outer .owl-item{opacity: 0} .owl-carousel .owl-stage-outer .owl-item.active{opacity: 1} .carousel-navs{position: relative} .carousel-navs .owl-nav span{font-size: 0} @media screen and (min-width: 992px){ .carousel-navs .owl-nav{position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);right: 0;left: 0} } .carousel-navs .owl-next, .carousel-navs .owl-prev{position: absolute} .carousel-navs .owl-next:hover::before, .carousel-navs .owl-prev:hover::before{color: var(--global--color-primary)} .carousel-navs .owl-next:before, .carousel-navs .owl-prev:before{font-family: carousel;font-size: 43px;font-weight: 600;color: #687596;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .carousel-navs .owl-prev{left: 50px} .carousel-navs .owl-prev:before{content: "\e990"} .carousel-navs .owl-next{right: 50px} .carousel-navs .owl-next:before{content: "\e991"} .carousel-navs .owl-dots{position: absolute;bottom: 30px;width: 100%} .heading{margin-bottom: 48px} @media screen and (max-width: 991.98px){ .heading{text-align: center} } .heading .heading-subtitle{font-family: var(--global--font-body);color: var(--global--color-primary);font-size: 15px;font-weight: 700;line-height: 1;margin-bottom: 13px} @media screen and (max-width: 991.98px){ .heading .heading-subtitle{line-height: 1.5} } .heading .heading-subtitle.heading-subtitle-bg{display: inline-block;width: -webkit-max-content;width: -moz-max-content;width: max-content;padding: 12px 20px;border-radius: 4px;background-color: #e0f6e9} @media screen and (max-width: 991.98px){ .heading .heading-subtitle.heading-subtitle-bg{width: auto} } .heading .heading-title{font-family: var(--global--font-heading);font-size: 40px;line-height: 54px;margin-bottom: 25px;font-weight: 700;color: var(--global--color-heading)} @media (min-width: 992px) and (max-width: 1200px){ .heading .heading-title{font-size: 35px;line-height: 1.4} } @media screen and (max-width: 767.98px){ .heading .heading-title{font-size: 32px;line-height: 1.4} } .heading .heading-desc{font-family: var(--global--font-body);color: var(--global--color-body);font-size: 16px;font-weight: 400;line-height: 27px;margin-bottom: 25px} @media (min-width: 992px) and (max-width: 1200px){ .heading .heading-desc{font-size: 15px;line-height: 26px} } .heading .paragraph{font-weight: 700;font-size: 16px;line-height: 27px;color: #283b6a;margin-bottom: 0} .heading.heading-light .heading-subtitle{color: var(--global--color-gray)} .heading.heading-light .heading-title{color: var(--global--color-white)} .heading.heading-light .heading-desc{color: var(--global--color-gray)} .heading.heading-light .paragraph{color: var(--global--color-gray)} .heading.heading-light2 .heading-subtitle{color: var(--global--color-primary)} .heading.heading-light2 .heading-title{color: var(--global--color-white)} .heading.heading-light2 .heading-desc{color: var(--global--color-gray)} .heading.heading-light2 .paragraph{color: var(--global--color-gray)} .heading.heading-1{margin-bottom: 40px} .heading.heading-1 .heading-title{margin-bottom: 0} .heading.heading-2{margin-bottom: 70px} .heading.heading-2 .heading-title{font-size: 37px;line-height: 54px} @media screen and (max-width: 767.98px){ .heading.heading-2 .heading-title{font-size: 32px;line-height: 1.4} } @media (min-width: 992px) and (max-width: 1200px){ .heading.heading-2 .heading-title{font-size: 30px;line-height: 1.4} } .heading.heading-2 .heading-desc:first-child{margin-top: 8px} .heading.heading-2 .heading-desc:nth-child(2){margin-bottom: 32px} .heading.heading-3{margin-bottom: 63px} .heading.heading-3 .heading-title{font-size: 37px;line-height: 54px} @media (min-width: 992px) and (max-width: 1200px){ .heading.heading-3 .heading-title{font-size: 32px;line-height: 1.4} } @media screen and (max-width: 767.98px){ .heading.heading-3 .heading-title{font-size: 32px;line-height: 1.4} } .heading.heading-4{margin-bottom: 70px} .heading.heading-4 .heading-title{font-size: 37px;line-height: 54px} @media screen and (max-width: 767.98px){ .heading.heading-4 .heading-title{font-size: 32px;line-height: 1.4} } @media (min-width: 992px) and (max-width: 1200px){ .heading.heading-4 .heading-title{font-size: 30px;line-height: 1.4} } .heading.heading-4 .heading-desc{margin-bottom: 32px} .heading.heading-5{margin-bottom: 58px} .heading.heading-5 .heading-title{font-size: 37px;line-height: 54px} @media screen and (max-width: 767.98px){ .heading.heading-5 .heading-title{font-size: 32px;line-height: 1.4} } @media (min-width: 992px) and (max-width: 1200px){ .heading.heading-5 .heading-title{font-size: 35px;line-height: 1.4} } .heading.heading-6 .heading-title{font-size: 37px;line-height: 54px;margin-bottom: 31px} @media screen and (max-width: 767.98px){ .heading.heading-6 .heading-title{font-size: 32px;line-height: 1.4} } @media (min-width: 992px) and (max-width: 1200px){ .heading.heading-6 .heading-title{font-size: 32px;line-height: 1.4} } .heading.heading-7{margin-bottom: 41px} .heading.heading-7 .heading-title{font-size: 24px;line-height: 1.5} .heading.heading-8{margin-bottom: 56px} .heading.heading-8 .heading-title{margin-bottom: 0;font-size: 37px;line-height: 54px} @media screen and (max-width: 767.98px){ .heading.heading-8 .heading-title{font-size: 32px;line-height: 1.4} } @media (min-width: 992px) and (max-width: 1200px){ .heading.heading-8 .heading-title{font-size: 30px;line-height: 1.4} } .heading.heading-9{margin-bottom: 96px} .heading.heading-9 .heading-title{font-size: 37px;line-height: 54px} @media screen and (max-width: 767.98px){ .heading.heading-9 .heading-title{font-size: 32px;line-height: 1.4} } @media (min-width: 992px) and (max-width: 1200px){ .heading.heading-9 .heading-title{font-size: 35px;line-height: 1.4} } .heading.heading-10 .heading-title{font-size: 37px;line-height: 54px;margin-bottom: 21px} @media screen and (max-width: 767.98px){ .heading.heading-10 .heading-title{font-size: 32px;line-height: 1.4} } @media (min-width: 992px) and (max-width: 1200px){ .heading.heading-10 .heading-title{font-size: 30px;line-height: 1.4} } .heading.heading-10 .heading-desc{font-weight: 700;margin-bottom: 42px} .heading.heading-11 .heading-title{font-size: 37px;line-height: 54px} @media screen and (max-width: 767.98px){ .heading.heading-11 .heading-title{font-size: 32px;line-height: 1.4} } @media (min-width: 992px) and (max-width: 1200px){ .heading.heading-11 .heading-title{font-size: 35px;line-height: 1.4} } .heading.heading-12{margin-bottom: 40px} .heading.heading-12 .heading-title{margin-bottom: 0} @media (min-width: 992px) and (max-width: 1200px){ .heading.heading-12 .heading-title{font-size: 30px;line-height: 1.4} } .heading.heading-13{margin-bottom: 48px} .heading.heading-13 .heading-title{margin-bottom: 0} @media (min-width: 992px) and (max-width: 1200px){ .heading.heading-13 .heading-title{font-size: 30px;line-height: 1.4} } .heading.heading-14{margin-bottom: 23px} .heading.heading-15{margin-bottom: 70px} .heading.heading-15 .heading-title{font-size: 37px;line-height: 54px} @media screen and (max-width: 767.98px){ .heading.heading-15 .heading-title{font-size: 32px;line-height: 1.4} } @media (min-width: 992px) and (max-width: 1200px){ .heading.heading-15 .heading-title{font-size: 30px;line-height: 1.4} } .heading.heading-15 .heading-desc{margin-top: 8px;margin-bottom: 35px} .heading.heading-16 .heading-title{font-size: 37px;line-height: 54px} @media screen and (max-width: 767.98px){ .heading.heading-16 .heading-title{font-size: 32px;line-height: 1.4} } @media (min-width: 992px) and (max-width: 1200px){ .heading.heading-16 .heading-title{font-size: 30px;line-height: 1.4} } .heading.heading-17 .heading-title{font-size: 37px;line-height: 54px} @media screen and (max-width: 767.98px){ .heading.heading-17 .heading-title{font-size: 32px;line-height: 1.4} } @media (min-width: 992px) and (max-width: 1200px){ .heading.heading-17 .heading-title{font-size: 30px;line-height: 1.4} } .heading.heading-18 .heading-title{font-size: 37px;line-height: 54px} @media screen and (max-width: 767.98px){ .heading.heading-18 .heading-title{font-size: 32px;line-height: 1.4} } @media (min-width: 992px) and (max-width: 1200px){ .heading.heading-18 .heading-title{font-size: 30px;line-height: 1.4} } .heading.heading-19 .heading-title{font-size: 37px;line-height: 54px} @media screen and (max-width: 767.98px){ .heading.heading-19 .heading-title{font-size: 32px;line-height: 1.4} } @media (min-width: 992px) and (max-width: 1200px){ .heading.heading-19 .heading-title{font-size: 30px;line-height: 1.4} } .heading.heading-20{margin-bottom: 0} .heading.heading-20 .heading-title{font-size: 37px;line-height: 54px} @media screen and (max-width: 767.98px){ .heading.heading-20 .heading-title{font-size: 32px;line-height: 1.4} } @media (min-width: 992px) and (max-width: 1200px){ .heading.heading-20 .heading-title{font-size: 30px;line-height: 1.4} } @media screen and (min-width: 992px){ .heading.heading-20 .heading-desc:last-child{margin-bottom: 0} } .heading.heading-21{margin-bottom: 34px} .heading.heading-21 .heading-title{font-size: 24px;line-height: 48px;margin-bottom: 0} .skills .progressbar{margin-bottom: 29px} .skills .progressbar:last-of-type{margin-bottom: 0} .skills .progressbar .progress-title{display: block;position: relative;width: 100%;margin-bottom: 7px;line-height: 1} .skills .progressbar .progress-title .title{font-family: var(--global--font-body);color: var(--global--color-heading);font-size: 15px;font-weight: 700;line-height: 1;margin-bottom: 2px;} .skills .progressbar .progress-title .value{font-family: var(--global--font-body);color: var(--global--color-body);font-weight: 700;font-size: 15px;line-height: 1px;text-transform: uppercase;bottom: 7px;position: absolute;margin-left: -27px;opacity: 0;-webkit-transition: opacity 300ms linear;-o-transition: opacity 300ms linear;transition: opacity 300ms linear} .skills .progressbar .progress{height: 12px;background-color: transparent;-webkit-box-shadow: none;box-shadow: none;padding: 0;width: 100%;border-bottom: 2px solid #dcdee2;margin-bottom: 0;border-radius: 0} .skills .progressbar .progress .progress-bar{height: 7px;background-color: #435ba1;border-radius: 4px;width: 0} @media only screen and (min-width: 320px) and (max-width: 767px){ .skills .heading{margin-bottom: 30px} } @media only screen and (min-width: 768px) and (max-width: 991px){ .skills .heading{margin-bottom: 30px} } .slider{padding-top: 0;padding-bottom: 0} .slider .slide{padding-top: 0;height: 580px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .slider .slide .slide-content{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column} @media screen and (max-width: 991.98px){ .slider .slide .slide-content{-webkit-box-align: center;-ms-flex-align: center;align-items: center} } .slider .slide .slide-content .slide-subheadline{font-family: var(--global--font-body);font-weight: 700;font-size: 16px;line-height: 1;color: var(--global--color-gray);margin-bottom: 20px;} @media screen and (max-width: 991.98px){ .slider .slide .slide-content .slide-subheadline{text-align: center;line-height: 1.5} } .slider .slide .slide-content .slide-headline{font-family: var(--global--font-heading);font-weight: 700;font-size: 65px;line-height: 65px;color: var(--global--color-white);margin-bottom: 24px;} @media (min-width: 992px) and (max-width: 1200px){ .slider .slide .slide-content .slide-headline{font-size: 60px;line-height: 1.3} } @media screen and (max-width: 767.98px){ .slider .slide .slide-content .slide-headline{font-size: 32px;line-height: 1.4} } @media screen and (max-width: 991.98px){ .slider .slide .slide-content .slide-headline{text-align: center} } .slider .slide .slide-content .slide-desc{font-family: var(--global--font-body);font-weight: 400;font-size: 18px;line-height: 29px;color: var(--global--color-gray);margin-bottom: 41px} @media screen and (max-width: 991.98px){ .slider .slide .slide-content .slide-desc{text-align: center} } .slider .slide .slide-content .slide-action{margin-bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} @media screen and (max-width: 767.98px){ .slider .slide .slide-content .slide-action{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center} } .slider .slide .slide-content .slide-action .btn{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;border-radius: 4px;padding: 30px;-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);font-family: var(--global--font-body);font-size: 15px;font-weight: 700;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: 200px;height: 65px;margin-right: 30px} .slider .slide .slide-content .slide-action .btn:last-child{margin-right: 0} @media screen and (max-width: 767.98px){ .slider .slide .slide-content .slide-action .btn{width: 190px;height: 50px;margin-right: 0;margin-bottom: 20px} .slider .slide .slide-content .slide-action .btn:last-child{margin-bottom: 0} } .slider .slide .slide-content .slide-action .btn i{font-size: 12px;margin-right: 0} .slider .slide .slide-content .slide-list{margin-right: 40px} @media screen and (max-width: 767.98px){ .slider .slide .slide-content .slide-list{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: 0} } .slider .slide .slide-content .slide-list .icon{margin-right: 35px;display: inline-block} .slider .slide .slide-content .slide-list .icon:last-child{margin-right: 0} @media screen and (max-width: 767.98px){ .slider .slide .slide-content .slide-list .icon{margin-right: 0;margin: 0 15px;margin-bottom: 15px} .slider .slide .slide-content .slide-list .icon:last-child{margin-right: 15px} } .slider .slide .slide-content .slide-list .icon:hover i{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px)} .slider .slide .slide-content .slide-list .icon i{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .slider .slide .slide-content .slide-list .icon i::before{margin-left: 0;font-size: 67px;color: var(--global--color-white)} .slider .slide .slider-panel-holder{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} @media screen and (max-width: 991.98px){ .slider .slide .slider-panel-holder{-webkit-box-align: center;-ms-flex-align: center;align-items: center} } .slider .slide .slider-panel-holder .slider-panel{background-color: var(--global--color-white);position: relative;padding: 40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08);box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08);border-radius: 8px;max-width: 270px} @media screen and (max-width: 767.98px){ .slider .slide .slider-panel-holder .slider-panel{padding: 30px} } @media (min-width: 992px) and (max-width: 1200px){ .slider .slide .slider-panel-holder .slider-panel{padding: 20px} } .slider .slide .slider-panel-holder .slider-panel::before{content: '';position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);height: 4px;width: calc(100% - 80px);background-color: var(--global--color-primary)} @media screen and (max-width: 767.98px){ .slider .slide .slider-panel-holder .slider-panel::before{width: calc(100% - 60px)} } @media (min-width: 992px) and (max-width: 1200px){ .slider .slide .slider-panel-holder .slider-panel::before{width: calc(100% - 40px)} } .slider .slide .slider-panel-holder .slider-panel .panel-icon{margin-bottom: 23px} .slider .slide .slider-panel-holder .slider-panel .panel-icon:before{font-size: 75px;margin-left: 0;color: var(--global--color-heading)} .slider .slide .slider-panel-holder .slider-panel .panel-title{font-size: 19px;line-height: 29px;color: var(--global--color-secondary);margin-bottom: 10px} .slider .slide .slider-panel-holder .slider-panel .panel-desc{font-size: 15px;line-height: 25px;margin-bottom: 17px} .slider .slide .slider-panel-holder .slider-panel a{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 32px;height: 32px;background-color: var(--global--color-primary);border-radius: 50%;color: var(--global--color-white);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .slider .slide .slider-panel-holder .slider-panel a:hover{-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px)} @media screen and (max-width: 991.98px){ .slider .carousel-navs .owl-nav{display: none} } .slider .carousel-navs .owl-nav span{font-size: 0} .slider .carousel-navs .owl-nav .owl-next:before, .slider .carousel-navs .owl-nav .owl-prev:before{color: rgba(255, 255, 255, .5);font-family: carousel !important;font-size: 44px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .slider .carousel-navs .owl-nav .owl-prev:before{content: "\e990"} .slider .carousel-navs .owl-nav .owl-next:before{content: "\e991"} .slider .carousel-navs .owl-nav .owl-next, .slider .carousel-navs .owl-nav .owl-prev{position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)} .slider .carousel-navs .owl-nav .owl-next:hover::before, .slider .carousel-navs .owl-nav .owl-prev:hover::before{color: #fff} .slider .carousel-navs .owl-nav .owl-next{right: 30px} .slider .carousel-navs .owl-nav .owl-prev{margin-right: 0;left: 30px} @media screen and (max-width: 991.98px){ .slider.slider-1 .slide{height: auto;padding-top: 70px;padding-bottom: 110px} } @media screen and (max-width: 991.98px){ .slider.slider-1 .slide .slide-content{margin-bottom: 50px} } @media screen and (max-width: 767.98px){ .slider.slider-1 .slide .slide-content .slide-list{margin-bottom: 25px} } @media screen and (min-width: 992px){ .slider.slider-2 .carousel-dots{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column} } @media screen and (min-width: 992px){ .slider.slider-2 .carousel-dots .owl-dots{padding-right: var(--bs-gutter-x, 0.75rem);padding-left: var(--bs-gutter-x, 0.75rem);margin-right: auto;margin-left: auto;position: relative;max-width: 960px;bottom: auto;-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-transform: translateY(80px);-ms-transform: translateY(80px);transform: translateY(80px);margin-top: -6px} } @media screen and (min-width: 1200px){ .slider.slider-2 .carousel-dots .owl-dots{max-width: 1140px} } .slider.slider-3 .slide-content .slide-headline{margin-bottom: 34px} .slider.slider-3 .slide-content .slide-list{margin-right: 0;margin-bottom: 32px} @media screen and (max-width: 767.98px){ .slider.slider-3 .slide-content .slide-list li::before{margin-right: 10px;-ms-flex-negative: 0;flex-shrink: 0} } @media screen and (max-width: 991.98px){ .slider.slider-3 .slide-content .slide-action{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } .slider.slider-3 .slide-content .slide-action .btn:first-child{margin-right: 40px} @media screen and (max-width: 767.98px){ .slider.slider-3 .slide-content .slide-action .btn:first-child{margin-right: 0} } .slider.slider-3 .slide-content .slide-action .btn:first-child:hover i{color: var(--global--color-white)} .slider.slider-3 .slide-content .slide-action .btn:first-child i{color: var(--global--color-heading);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .slider.slider-3 .slide-content .slide-action .btn-video:hover span{color: var(--global--color-heading)} .slider.slider-3 .slide-content .slide-action .btn-video:hover i{background-color: var(--global--color-heading);color: var(--global--color-white)} .slider.slider-3 .slide-content .slide-action .btn-video i{width: 65px;height: 65px;margin-right: 30px} .slider.slider-3 .slide-content .slide-action .btn-video span{-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;font-family: var(--global--font-body);font-size: 15px;font-weight: 700;color: var(--global--color-white);} .hero{padding-bottom: 0} .hero .hero-content{padding-top: 185px;padding-bottom: 26px} @media screen and (max-width: 991.98px){ .hero .hero-content{text-align: center;padding-top: 120px} } .hero .hero-content .hero-subtitle{font-family: var(--global--font-body);color: var(--global--color-gray);font-size: 16px;line-height: 1;font-weight: 700;margin-bottom: 15px} @media screen and (max-width: 991.98px){ .hero .hero-content .hero-subtitle{line-height: 1.5} } .hero .hero-content .hero-title{font-family: var(--global--font-heading);color: var(--global--color-white);font-weight: 500;font-size: 40px;line-height: 55px;margin-bottom: 19px;} @media (min-width: 992px) and (max-width: 1199px){ .hero .hero-content .hero-title{font-size: 35px;line-height: 1.4} } @media screen and (max-width: 767.98px){ .hero .hero-content .hero-title{font-size: 32px;line-height: 1.4} } .hero .hero-content .hero-desc{font-family: var(--global--font-body);color: var(--global--color-gray);font-size: 16px;font-weight: 400;line-height: 27px;margin-bottom: 31px} .hero .hero-content .hero-action{margin-bottom: 105px} @media screen and (max-width: 767.98px){ .hero .hero-content .hero-action{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 70px} } .hero .hero-content .hero-action .btn{font-family: var(--global--font-body);font-size: 15px;font-weight: 700;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: 210px;height: 60px;margin-right: 30px} @media screen and (max-width: 767.98px){ .hero .hero-content .hero-action .btn{margin-right: 0;margin-bottom: 15px;height: 50px;width: 210px} } @media (min-width: 992px) and (max-width: 1250px){ .hero .hero-content .hero-action .btn{width: 170px;margin-bottom: 15px} } .hero .hero-content .hero-action .btn:last-child{margin-right: 0} .hero .hero-content .hero-action .btn.btn--white{-webkit-box-shadow: 2.121px 2.121px 3px rgba(3, 21, 50, .05);box-shadow: 2.121px 2.121px 3px rgba(3, 21, 50, .05)} @media screen and (max-width: 991.98px){ .hero .hero-content .breadcrumb{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } .hero .hero-content .breadcrumb .breadcrumb-item + .breadcrumb-item{padding-left: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .hero .hero-content .breadcrumb .breadcrumb-item + .breadcrumb-item a{font-size: 14px;line-height: 1} .hero .hero-content .breadcrumb > li + li:before{font-family: "font awesome 5 free";font-weight: 700;font-size: 10px;padding: 0 10px;color: var(--global--color-white);content: "\f054"} .hero .hero-panel-holder{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end} @media screen and (max-width: 991.98px){ .hero .hero-panel-holder{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 30px} } .hero .hero-panel-holder .hero-panel{background-color: var(--global--color-white);border-radius: 8px 0 8px 8px;padding: 26px 40px 39px;max-width: 290px} .hero .hero-panel-holder .hero-panel .panel-content{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column} @media screen and (max-width: 991.98px){ .hero .hero-panel-holder .hero-panel .panel-content{-webkit-box-align: center;-ms-flex-align: center;align-items: center} } .hero .hero-panel-holder .hero-panel .panel-content i{color: #51668a;margin-bottom: 12px;display: inline-block} .hero .hero-panel-holder .hero-panel .panel-content i::before{margin-left: 0;font-size: 49px} .hero .hero-panel-holder .hero-panel .panel-content h5{font-family: var(--global--font-heading);font-weight: 500;font-size: 19px;line-height: 28px;color: var(--global--color-heading);margin-bottom: 14px;} .hero .hero-panel-holder .hero-panel .panel-content p{font-family: var(--global--font-body);font-weight: 400;font-size: 14px;line-height: 24px;color: var(--global--color-body);margin-bottom: 21px} .hero .hero-panel-holder .hero-panel .panel-content .btn{width: 155px;height: 42px;border-radius: 8px 8px 0 8px;border: 2px solid;-webkit-transition-property: background, color, border-color;-o-transition-property: background, color, border-color;transition-property: background, color, border-color;border-color: #687596} .hero .hero-panel-holder .hero-panel .panel-content .btn::before{background-color: var(--global--color-secondary);width: calc(100% + 4px);height: calc(100% + 4px);top: -2px;left: -2px} .hero .hero-panel-holder .hero-panel .panel-content .btn:hover{border-color: #213360} .hero .hero-panel-holder .hero-panel.hero-panel-dark{background-color: #435ba1} .hero .hero-panel-holder .hero-panel.hero-panel-dark .panel-content i, .hero .hero-panel-holder .hero-panel.hero-panel-dark .panel-content h5, .hero .hero-panel-holder .hero-panel.hero-panel-dark .panel-content p{color: var(--global--color-white)} .hero .hero-panel-holder .hero-panel.hero-panel-dark .panel-content .btn{background-color: transparent;color: var(--global--color-white);border-color: #7284b9;border: 2px solid;-webkit-transition-property: background, color, border-color;-o-transition-property: background, color, border-color;transition-property: background, color, border-color} .hero .hero-panel-holder .hero-panel.hero-panel-dark .panel-content .btn::before{background-color: var(--global--color-primary);width: calc(100% + 4px);height: calc(100% + 4px);top: -2px;left: -2px} .hero .hero-panel-holder .hero-panel.hero-panel-dark .panel-content .btn:hover{border-color: var(--global--color-primary);color: var(--global--color-white)} .hero .hero-panel-holder .phone-card{display: -webkit-box;display: -ms-flexbox;display: flex;background-color: #435ba1;padding: 35px 40px 31px;border-radius: 0 32px 0 0;max-width: 470px} @media screen and (min-width: 992px){ .hero .hero-panel-holder .phone-card{-webkit-transform: translateY(80px);-ms-transform: translateY(80px);transform: translateY(80px)} } @media screen and (max-width: 767.98px){ .hero .hero-panel-holder .phone-card{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center} } .hero .hero-panel-holder .phone-card .card-icon{-ms-flex-negative: 0;flex-shrink: 0;margin-right: 30px} @media screen and (max-width: 767.98px){ .hero .hero-panel-holder .phone-card .card-icon{margin-right: 0} } .hero .hero-panel-holder .phone-card .card-icon i::before{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transform: translateY(-4px);-ms-transform: translateY(-4px);transform: translateY(-4px);font-size: 50px;margin-left: 0;color: var(--global--color-white)} .hero .hero-panel-holder .phone-card .card-content h5{font-weight: 500;font-size: 19px;line-height: 28px;color: var(--global--color-white);margin-bottom: 16px} .hero .hero-panel-holder .phone-card .card-content p{font-size: 14px;color: var(--global--color-gray);line-height: 24px;margin-bottom: 15px} .hero .hero-panel-holder .phone-card .card-content a{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;color: var(--global--color-white)} @media screen and (max-width: 991.98px){ .hero .hero-panel-holder .phone-card .card-content a{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } .hero .hero-panel-holder .phone-card .card-content a span{-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;font-family: var(--global--font-heading);font-weight: 400;font-size: 24px} .hero .hero-panel-holder .phone-card .card-content a i{margin-bottom: 4px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;font-size: 19px;margin-right: 15px} .hero .hero-panel-holder.hero-panel-holder-2{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end} @media screen and (max-width: 991.98px){ .hero .hero-panel-holder.hero-panel-holder-2{-webkit-box-align: center;-ms-flex-align: center;align-items: center} } .hero .hero-rating{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .hero .hero-rating .num{font-family: var(--global--font-heading);font-weight: 500;font-size: 37px;line-height: 22px;color: var(--global--color-white);margin-right: 18px} .hero .hero-rating .rating-body p{font-family: var(--global--font-body);font-weight: 400;font-size: 13px;line-height: 23px;color: var(--global--color-gray);margin-bottom: 0} .hero .hero-rating .rating-body p a{font-family: var(--global--font-body);font-weight: 700;font-size: 14px;line-height: 23px;color: var(--global--color-secondary);} .blog{padding: 127px 0 70px} .blog.blog-1{padding-top: 119px;padding-bottom: 105px} @media screen and (max-width: 991.98px){ .blog.blog-1{padding-top: 70px;padding-bottom: 70px} } .blog.blog-2{padding-top: 129px;padding-bottom: 105px} @media screen and (max-width: 991.98px){ .blog.blog-2{padding-top: 70px;padding-bottom: 70px} } .blog .more-blog{text-align: center} .blog .more-blog a{position: relative;font-size: 15px;font-family: var(--global--font-body);font-weight: 700;color: var(--global--color-heading);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;padding-bottom: 6px} .blog .more-blog a:hover::before{width: calc(100% - 20%)} .blog .more-blog a::before{content: '';-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 100%;height: 2px;background-color: var(--global--color-primary)} .blog-entry{position: relative;-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08);box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08);border-radius: 8px;background-color: var(--global--color-white);-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;margin-bottom: 36px} @media screen and (max-width: 991.98px){ .blog-entry{max-width: 370px;margin: 0 auto 30px} } .blog-entry::before{content: '';position: absolute;top: 0;left: 0;height: 10px;width: calc(100% - 40px);background-color: #eaeaea;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;border-radius: 8px 0 0 0} @media screen and (max-width: 767.98px){ .blog-entry::before{width: calc(100% - 20px)} } @media (min-width: 992px) and (max-width: 1200px){ .blog-entry::before{width: calc(100% - 25px)} } .blog-entry::after{content: '';position: absolute;top: 0;left: 0;height: 10px;width: calc(100% - 40px);background-color: var(--global--color-primary);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;border-radius: 8px 0 0 0;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: left;-ms-transform-origin: left;transform-origin: left} @media screen and (max-width: 767.98px){ .blog-entry::after{width: calc(100% - 20px)} } @media (min-width: 992px) and (max-width: 1200px){ .blog-entry::after{width: calc(100% - 25px)} } .blog-entry:hover{-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11)} .blog-entry:hover::after{-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1)} .blog-entry:hover .entry-content .entry-img-wrap .entry-img img{-webkit-transform: scale3d(1.05, 1.05, 1);transform: scale3d(1.05, 1.05, 1)} .blog-entry:hover .entry-content .entry-more .btn{-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);color: var(--global--color-white);background-color: var(--global--color-heading);border-color: var(--global--color-heading)} .blog-entry:hover .entry-content .entry-more .btn i{background-color: var(--global--color-white);color: var(--global--color-heading)} .blog-entry .entry-content{padding: 36px 40px 40px} @media (min-width: 992px) and (max-width: 1200px){ .blog-entry .entry-content{padding-left: 25px;padding-right: 25px} } @media screen and (max-width: 767.98px){ .blog-entry .entry-content{padding-left: 20px;padding-right: 20px} } .blog-entry .entry-content .entry-img-wrap{-webkit-transform: translateX(-40px);-ms-transform: translateX(-40px);transform: translateX(-40px);width: calc(100% + 40px);position: relative;margin-bottom: 32px} @media (min-width: 992px) and (max-width: 1200px){ .blog-entry .entry-content .entry-img-wrap{-webkit-transform: translateX(-25px);-ms-transform: translateX(-25px);transform: translateX(-25px);width: calc(100% + 25px)} } @media screen and (max-width: 767.98px){ .blog-entry .entry-content .entry-img-wrap{-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);width: calc(100% + 20px)} } .blog-entry .entry-content .entry-img-wrap .entry-img{position: relative;border-radius: 0 8px 8px 0;overflow: hidden;max-width: 100%} .blog-entry .entry-content .entry-img-wrap .entry-img img{-webkit-transition: -webkit-transform .35s;transition: -webkit-transform .35s;-o-transition: transform .35s;transition: transform .35s;transition: transform .35s, -webkit-transform .35s;max-width: 100%;height: auto;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)} .blog-entry .entry-content .entry-img-wrap .entry-category{position: absolute;left: 40px;bottom: -15px;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 0;height: 30px;padding: 0 10px;background-color: #4aab3d;border-radius: 6px} @media (min-width: 992px) and (max-width: 1200px){ .blog-entry .entry-content .entry-img-wrap .entry-category{left: 25px} } @media screen and (max-width: 767.98px){ .blog-entry .entry-content .entry-img-wrap .entry-category{left: 20px} } .blog-entry .entry-content .entry-img-wrap .entry-category a{position: relative;color: var(--global--color-white);font-family: var(--global--font-body);font-size: 13px;font-weight: 400;line-height: 26px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .blog-entry .entry-content .entry-img-wrap .entry-category a::after{content: ", ";position: relative;margin-right: 4px} .blog-entry .entry-content .entry-img-wrap .entry-category a:last-of-type::after{content: ""} .blog-entry .entry-content .entry-img-wrap .entry-category a:hover{color: var(--global--color-heading)} .blog-entry .entry-content .entry-meta{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 6px} .blog-entry .entry-content .entry-meta .entry-date{margin-right: 20px} .blog-entry .entry-content .entry-meta .entry-date .day, .blog-entry .entry-content .entry-meta .entry-date .year{font-family: var(--global--font-body);font-weight: 400;font-size: 13px;line-height: 16px;color: #616161;} .blog-entry .entry-content .entry-meta .entry-date .day:after{content: ',';margin-right: 3px} .blog-entry .entry-content .entry-meta .entry-author{} .blog-entry .entry-content .entry-meta .entry-author p{font-family: var(--global--font-body);font-weight: 400;font-size: 13px;line-height: 16px;color: var(--global--color-heading);margin-bottom: 0} .blog-entry .entry-content .entry-title{margin-bottom: 32px} .blog-entry .entry-content .entry-title h4 a{font-family: var(--global--font-heading);font-size: 20px;font-weight: 600;line-height: 28px;margin-bottom: 0;color: var(--global--color-heading);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .blog-entry .entry-content .entry-title h4 a:hover{color: var(--global--color-primary)} @media (min-width: 992px) and (max-width: 1200px){ .blog-entry .entry-content .entry-title h4 a{font-size: 18px} } .blog-entry .entry-content .entry-bio p{font-family: var(--global--font-body);font-size: 15px;font-weight: 400;line-height: 25px;margin-bottom: 22px} @media screen and (max-width: 767.98px){ .blog-entry .entry-content .entry-more{text-align: center} } .blog-entry .entry-content .entry-more a{width: 142px;height: 45px;padding: 0 20px;border: 2px solid rgba(37, 55, 69, .5);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .blog-entry .entry-content .entry-more a::before{content: unset} .blog-entry .entry-content .entry-more a:hover i{-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px)} .blog-entry .entry-content .entry-more a i{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 20px;height: 20px;border-radius: 50%;background-color: var(--global--color-heading);color: var(--global--color-white);font-size: 12px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .blog-grid{padding: 70px 0 110px} .blog-grid .owl-carousel .owl-stage-outer{overflow: visible} .blog-grid .owl-carousel .owl-stage-outer .owl-item{opacity: 0} .blog-grid .owl-carousel .owl-stage-outer .owl-item.active{opacity: 1} .blog-grid .owl-carousel .owl-dots{position: relative;right: auto;bottom: auto;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} @media screen and (max-width: 991.98px){ .blog-grid .owl-carousel .owl-dots{margin-top: 0} } .blog-grid .owl-carousel .owl-dots .owl-dot{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex} .blog-grid.blog-grid-2{padding-top: 510px} .blog-grid.blog-grid-3{padding-top: 130px} @media screen and (max-width: 991.98px){ .blog-grid.blog-grid-3{padding-top: 70px;padding-bottom: 70px} } .blog-grid.blog-grid-4{padding-top: 218px} @media screen and (max-width: 991.98px){ .blog-grid.blog-grid-4{padding-top: 70px;padding-bottom: 70px} } .blog-grid.blog-grid-5{padding-top: 110px;padding-bottom: 110px} @media screen and (max-width: 991.98px){ .blog-grid.blog-grid-5{padding-top: 70px;padding-bottom: 70px} } .blog-grid.blog-grid-5 .blog-entry{margin-bottom: 30px} .blog-grid.blog-grid-5 .pagination{margin-top: 20px} .blog-standard{padding-top: 110px;padding-bottom: 110px} @media screen and (max-width: 991.98px){ .blog-standard{padding-top: 70px;padding-bottom: 70px} } .blog-standard .blog-entry{-webkit-box-shadow: none;box-shadow: none;margin-top: 0} @media screen and (max-width: 991.98px){ .blog-standard .blog-entry{max-width: initial} } .blog-standard .blog-entry:last-of-type{margin-bottom: 0} .blog-standard .blog-entry::before{content: unset} .blog-standard .blog-entry .entry-img{position: relative} .blog-standard .blog-entry .entry-img img{max-width: 100%;border-radius: 12px} .blog-standard .blog-entry .entry-content{padding: 34px 40px 40px} @media (min-width: 992px) and (max-width: 1200px){ .blog-standard .blog-entry .entry-content{padding-left: 25px;padding-right: 25px} } @media screen and (max-width: 991.98px){ .blog-standard .blog-entry .entry-content{padding: 39px 0 40px} } .blog-standard .blog-entry .entry-content .entry-meta{background-color: var(--global--color-white);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 23px} .blog-standard .blog-entry .entry-content .entry-meta .entry-date{margin-right: 15px} .blog-standard .blog-entry .entry-content .entry-meta .entry-date span{font-family: var(--global--font-body);font-size: 13px;font-weight: 400;color: #616161;} .blog-standard .blog-entry .entry-content .entry-meta .entry-date span:last-child::after{content: unset} .blog-standard .blog-entry .entry-content .entry-meta .entry-date span::after{content: ',';margin-right: 3px} .blog-standard .blog-entry .entry-content .entry-meta .entry-comments span{font-family: var(--global--font-body);font-size: 13px;font-weight: 400;color: var(--global--color-primary);} .blog-standard .blog-entry .entry-content .entry-meta .entry-comments span.num{color: var(--global--color-primary);margin-left: 3px} .blog-standard .blog-entry .entry-content .entry-meta .entry-category{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-right: 15px} .blog-standard .blog-entry .entry-content .entry-meta .entry-category a{font-family: var(--global--font-body);font-size: 13px;font-weight: 400;color: #616161;} .blog-standard .blog-entry .entry-content .entry-meta .entry-category a:hover{color: var(--global--color-heading)} .blog-standard .blog-entry .entry-content .entry-meta .entry-category a:last-child::after{content: unset} .blog-standard .blog-entry .entry-content .entry-meta .entry-category a::after{content: ',';margin-right: 5px} .blog-standard .blog-entry .entry-content .entry-title{margin-bottom: 23px} .blog-standard .blog-entry .entry-content .entry-title h4{margin-bottom: 0} .blog-standard .blog-entry .entry-content .entry-title h4 a{font-size: 40px;line-height: 49px;font-weight: 700} @media (min-width: 992px) and (max-width: 1200px){ .blog-standard .blog-entry .entry-content .entry-title h4 a{font-size: 35px} } @media screen and (max-width: 767.98px){ .blog-standard .blog-entry .entry-content .entry-title h4 a{font-size: 32px;line-height: 1.4} } .blog-standard .blog-entry .entry-content .entry-bio p{font-size: 16px;line-height: 27px} .blog-standard .blog-entry .entry-content .entry-more a{border: 0;padding: 0;font-size: 14px;font-weight: 700;color: var(--global--color-heading);border-bottom: 2px solid var(--global--color-heading);padding-bottom: 5px;width: -webkit-max-content;width: -moz-max-content;width: max-content} .blog-standard .blog-entry .entry-content .entry-more a:hover{color: var(--global--color-primary);border-color: var(--global--color-primary)} .blog-single{padding-top: 50px;padding-bottom: 110px} @media screen and (max-width: 991.98px){ .blog-single{padding-bottom: 40px} } .blog-single .blog-entry{-webkit-box-shadow: none;box-shadow: none;margin-top: 0} @media screen and (max-width: 991.98px){ .blog-single .blog-entry{max-width: initial} } .blog-single .blog-entry:last-of-type{margin-bottom: 0} .blog-single .blog-entry::before{content: unset} .blog-single .blog-entry .entry-img{position: relative} .blog-single .blog-entry .entry-img img{max-width: 100%;border-radius: 12px} .blog-single .blog-entry .entry-img .entry-meta{position: absolute;background-color: var(--global--color-white);border-radius: 0 12px 0 0;bottom: -6px;left: 0;padding: 25px 40px 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end} @media (min-width: 992px) and (max-width: 1200px){ .blog-single .blog-entry .entry-img .entry-meta{padding-left: 25px;padding-right: 25px} } @media screen and (max-width: 767.98px){ .blog-single .blog-entry .entry-img .entry-meta{padding-left: 25px;padding-right: 25px} } .blog-single .blog-entry .entry-img .entry-meta .entry-date{margin-right: 20px} .blog-single .blog-entry .entry-img .entry-meta .entry-date span{font-family: var(--global--font-body);font-size: 13px;font-weight: 400;color: #616161;} .blog-single .blog-entry .entry-img .entry-meta .entry-date span:last-child::after{content: unset} .blog-single .blog-entry .entry-img .entry-meta .entry-date span::after{content: ',';margin-right: 3px} .blog-single .blog-entry .entry-img .entry-meta .entry-author{margin-right: 20px} .blog-single .blog-entry .entry-img .entry-meta .entry-author a{font-family: var(--global--font-body);font-size: 13px;font-weight: 400;color: var(--global--color-heading);} .blog-single .blog-entry .entry-img .entry-meta .entry-author a:hover{color: var(--global--color-primary)} .blog-single .blog-entry .entry-img .entry-meta .entry-comments span{font-family: var(--global--font-body);font-size: 13px;font-weight: 400;color: #616161;} .blog-single .blog-entry .entry-img .entry-meta .entry-comments span.num{color: var(--global--color-primary);margin-left: 3px} .blog-single .blog-entry .entry-img .entry-meta .entry-category{position: absolute;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: #4aab3d;height: 30px;padding: 0 10px;top: -15px;left: 40px;border-radius: 6px} @media (min-width: 992px) and (max-width: 1200px){ .blog-single .blog-entry .entry-img .entry-meta .entry-category{left: 25px} } @media screen and (max-width: 767.98px){ .blog-single .blog-entry .entry-img .entry-meta .entry-category{left: 25px} } .blog-single .blog-entry .entry-img .entry-meta .entry-category a{font-family: var(--global--font-body);font-size: 13px;font-weight: 400;color: var(--global--color-white);} .blog-single .blog-entry .entry-img .entry-meta .entry-category a:hover{color: var(--global--color-heading)} .blog-single .blog-entry .entry-img .entry-meta .entry-category a:last-child::after{content: unset} .blog-single .blog-entry .entry-img .entry-meta .entry-category a::after{content: ',';margin-right: 5px} .blog-single .blog-entry .entry-content{padding: 39px 40px 40px;border-bottom: 1px solid #eaeaea} @media (min-width: 992px) and (max-width: 1200px){ .blog-single .blog-entry .entry-content{padding-left: 25px;padding-right: 25px} } @media screen and (max-width: 991.98px){ .blog-single .blog-entry .entry-content{padding: 39px 0 40px} } .blog-single .blog-entry .entry-content .entry-title{margin-bottom: 32px} .blog-single .blog-entry .entry-content .entry-title h4{font-size: 40px;line-height: 49px;font-weight: 700} @media (min-width: 992px) and (max-width: 1200px){ .blog-single .blog-entry .entry-content .entry-title h4{font-size: 35px} } @media screen and (max-width: 767.98px){ .blog-single .blog-entry .entry-content .entry-title h4{font-size: 32px;line-height: 1.4} } .blog-single .blog-entry .entry-content .entry-bio p{font-size: 16px;line-height: 27px;margin-bottom: 27px} .blog-single .blog-entry .entry-content .entry-bio p:last-child{margin-bottom: 24px} .blog-single .blog-entry .entry-content .entry-holder .entry-share{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;background-color: var(--global--color-white);border-radius: 8px;padding: 25px 25px 25px 40px;-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21)} @media screen and (max-width: 767.98px){ .blog-single .blog-entry .entry-content .entry-holder .entry-share{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 20px} } .blog-single .blog-entry .entry-content .entry-holder .entry-share span{font-family: var(--global--font-body);font-weight: 700;font-size: 15px;color: var(--global--color-secondary);} @media screen and (max-width: 767.98px){ .blog-single .blog-entry .entry-content .entry-holder .entry-share span{margin-bottom: 20px} } .blog-single .blog-entry .entry-content .entry-holder .entry-share a{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 40px;height: 40px;border-radius: 50%;border: 2px solid #929ba2;margin-right: 10px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .blog-single .blog-entry .entry-content .entry-holder .entry-share a:last-child{margin-right: 0} .blog-single .blog-entry .entry-content .entry-holder .entry-share a:hover i{width: 40px;height: 40px;background-color: var(--global--color-primary)} .blog-single .blog-entry .entry-content .entry-holder .entry-share a i{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 20px;height: 20px;border-radius: 50%;font-size: 11px;background-color: var(--global--color-heading);color: var(--global--color-white);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .blog-single .blog-entry .entry-content .entry-holder .entry-tags{margin-bottom: 32px} .blog-single .blog-entry .entry-content .entry-holder .entry-tags span{font-family: var(--global--font-body);font-weight: 700;color: #282828;font-size: 15px;margin-right: 5px} @media screen and (max-width: 767.98px){ .blog-single .blog-entry .entry-content .entry-holder .entry-tags{margin-bottom: 30px} } .blog-single .blog-entry .entry-content .entry-holder .entry-tags a{display: inline-block;font-family: var(--global--font-body);font-size: 14px;font-weight: 400;line-height: 28px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;color: var(--global--color-primary)} .blog-single .blog-entry .entry-content .entry-holder .entry-tags a:last-child::after{content: unset} .blog-single .blog-entry .entry-content .entry-holder .entry-tags a::after{content: ',';margin-right: 5px} .blog-single .blog-entry .entry-content .entry-holder .entry-tags a:hover{color: var(--global--color-heading)} .blog-single .nav-posts{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-top: 30px;padding-bottom: 30px;border-bottom: 1px solid #eaeaea} @media screen and (max-width: 991.98px){ .blog-single .nav-posts{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } .blog-single .nav-posts .prev-post, .blog-single .nav-posts .next-post{display: -webkit-box;display: -ms-flexbox;display: flex;border-radius: 8px;padding: 20px;background-color: var(--global--color-white);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .blog-single .nav-posts .prev-post:hover, .blog-single .nav-posts .next-post:hover{background-color: #e0f6e9} .blog-single .nav-posts .prev-post:hover .post-img .overlay, .blog-single .nav-posts .next-post:hover .post-img .overlay{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)} .blog-single .nav-posts .prev-post .post-img, .blog-single .nav-posts .next-post .post-img{-ms-flex-negative: 0;flex-shrink: 0;width: 90px;height: 67px;border-radius: 8px;margin-right: 20px;position: relative;overflow: hidden} .blog-single .nav-posts .prev-post .post-img .overlay, .blog-single .nav-posts .next-post .post-img .overlay{content: '\e905';-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: var(--global--color-primary-90);color: var(--global--color-white);transition: .3s ease-in-out;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0)} .blog-single .nav-posts .prev-post .post-img img, .blog-single .nav-posts .next-post .post-img img{width: 100%} .blog-single .nav-posts .prev-post .post-body span, .blog-single .nav-posts .next-post .post-body span{display: block;font-family: var(--global--font-body);font-size: 13px;font-weight: 400;line-height: 16px;color: var(--global--color-body)} .blog-single .nav-posts .prev-post .post-body .post-link, .blog-single .nav-posts .next-post .post-body .post-link{font-family: var(--global--font-heading);font-weight: 700;font-size: 16px;line-height: 22px;color: var(--global--color-heading);-webkit-transition: 300ms ease-in-out;-o-transition: 300ms ease-in-out;transition: 300ms ease-in-out} .blog-single .nav-posts .prev-post .post-body .post-link:hover, .blog-single .nav-posts .next-post .post-body .post-link:hover{color: var(--global--color-primary)} @media screen and (min-width: 992px){ .blog-single .nav-posts .prev-post, .blog-single .nav-posts .next-post{-ms-flex-preferred-size: 50%;flex-basis: 50%} } .blog-single .nav-posts .prev-post .post-img .overlay i{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg)} @media screen and (max-width: 991.98px){ .blog-single .nav-posts .prev-post{margin-bottom: 38px} } .blog-single .nav-posts .next-post{text-align: right} .blog-single .nav-posts .next-post .post-img{margin-right: 0;margin-left: 20px} .blog-single .entry-widget{padding-top: 62px} .blog-single .entry-widget .entry-widget-title{position: relative;margin-bottom: 21px} .blog-single .entry-widget .entry-widget-title h4{font-family: var(--global--font-heading);font-size: 21px;font-weight: 700;line-height: 30px;margin-bottom: 0;position: relative;color: var(--global--color-secondary)} .blog-single .entry-widget-bio{margin-top: 40px;padding: 40px 40px 35px;border-radius: 8px;background-color: #f4f4f4;position: relative} @media screen and (max-width: 767.98px){ .blog-single .entry-widget-bio{padding-right: 20px;padding-left: 20px} } .blog-single .entry-widget-bio::before{content: '';position: absolute;bottom: 0;right: 0;height: 4px;width: calc(100% - 40px);background-color: var(--global--color-primary);border-radius: 0 0 8px 0} @media screen and (max-width: 767.98px){ .blog-single .entry-widget-bio::before{width: calc(100% - 20px)} } .blog-single .entry-widget-bio .entry-widget-content{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex} @media screen and (max-width: 767.98px){ .blog-single .entry-widget-bio .entry-widget-content{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center} } .blog-single .entry-widget-bio .entry-widget-content img{width: 70px;height: 70px;border-radius: 8px;margin-right: 30px} @media screen and (max-width: 767.98px){ .blog-single .entry-widget-bio .entry-widget-content img{margin-right: 0;margin-bottom: 25px} } @media screen and (max-width: 767.98px){ .blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc{text-align: center} } .blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc h4{font-family: var(--global--font-heading);color: var(--global--color-heading);font-size: 18px;font-weight: 700;line-height: 30px;margin-bottom: 10px} .blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc p{color: var(--global--color-body);font-size: 15px;font-family: var(--global--font-body);font-weight: 400;line-height: 23px;margin-bottom: 22px} .blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc a{color: var(--global--color-heading);font-size: 16px;font-weight: 400;line-height: 1;margin-right: 18px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc a:hover{color: var(--global--color-primary)} .blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc a:last-child{margin-right: 0} .blog-single .entry-comments .entry-widget-content .comments-list{width: 100%;list-style: none;overflow: hidden;padding-left: 0;margin-bottom: 0} .blog-single .entry-comments .entry-widget-content .comments-list .comment-body{position: relative;margin-bottom: 30px;display: -webkit-box;display: -ms-flexbox;display: flex} @media screen and (max-width: 767.98px){ .blog-single .entry-comments .entry-widget-content .comments-list .comment-body{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column} } .blog-single .entry-comments .entry-widget-content .comments-list .comment-body:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0} .blog-single .entry-comments .entry-widget-content .comments-list .comment-body:last-child .comment{border-bottom: none} .blog-single .entry-comments .entry-widget-content .comments-list .comment-body:last-child .replies-list{margin-top: 25px;padding-top: 30px;border-top: 2px solid #eaeaea} .blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list{margin-top: 25px;padding-top: 30px;border-top: 2px solid #eaeaea} .blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list li{position: relative;margin-bottom: 30px} .blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list li:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0} .blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list li:last-child .comment{border-bottom: none} .blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list .comment-body .comment{border-bottom: 2px solid #eaeaea} .blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list .comment-body:last-child .comment{border: 0} .blog-single .entry-comments .entry-widget-content .comments-list .comment-body .avatar{-ms-flex-negative: 0;flex-shrink: 0;width: 60px;height: 60px;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;border-radius: 4px} @media screen and (max-width: 767.98px){ .blog-single .entry-comments .entry-widget-content .comments-list .comment-body .avatar{margin-left: 20px;margin-bottom: 30px} } .blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment{margin-left: 30px;padding-bottom: 10px;border-bottom: 2px solid #eaeaea} @media screen and (max-width: 767.98px){ .blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment{margin-left: 20px} } .blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment h6{font-family: var(--global--font-heading);color: var(--global--color-heading);font-size: 15px;font-weight: 700;margin-bottom: 5px;line-height: 16px} .blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment .date{color: #616161;font-family: var(--global--font-body);font-size: 12px;font-weight: 400;line-height: 24px;margin-bottom: 6px} .blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment p{font-family: var(--global--font-body);color: var(--global--color-body);font-size: 15px;font-weight: 400;line-height: 24px;margin-bottom: 7px} .blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment a.reply{font-family: var(--global--font-body);font-size: 14px;font-weight: 700;color: var(--global--color-primary);line-height: 20px;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;position: relative} .blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment a.reply:hover{color: var(--global--color-heading)} .blog-single .entry-add-comment{padding-top: 36px} .blog-single .entry-add-comment input.form-control{height: 60px;margin-bottom: 30px;padding-left: 25px} .blog-single .entry-add-comment textarea.form-control{margin-bottom: 30px;padding-left: 25px;padding-top: 25px;height: 120px} .blog-single .entry-add-comment .custom-radio-group .custom-control{margin-bottom: 20px} @media screen and (max-width: 991.98px){ .blog-single .entry-add-comment .custom-radio-group .custom-control input{display: none} } @media screen and (max-width: 991.98px){ .blog-single .entry-add-comment .custom-radio-group .custom-control label{padding-left: 25px} } @media screen and (max-width: 991.98px){ .blog-single .entry-add-comment .custom-radio-group .custom-control label::after{top: 22px} } @media (max-width: 344px){ .blog-single .entry-add-comment .custom-radio-group .custom-control label::after{top: 35px} } .blog-single .entry-add-comment .btn{width: 270px} @media screen and (max-width: 991.98px){ .blog-single .entry-add-comment .btn{width: 100%} } .blog-single .entry-add-comment .btn:hover i{-webkit-transform: translateX(5px);-ms-transform: translateX(5px);transform: translateX(5px)} .blog-single .entry-add-comment .btn i{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 28px;height: 28px;background-color: var(--global--color-white);border-radius: 50%;color: var(--global--color-primary);margin-left: 10px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .shop{padding-top: 110px;padding-bottom: 110px} @media screen and (max-width: 991.98px){ .shop{padding-top: 70px;padding-bottom: 70px} } .shop .sidebar-shop{margin-top: 40px} @media screen and (min-width: 992px){ .shop .sidebar-shop{-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);margin-top: 0} } .shop.shop-2{padding-top: 47px;padding-bottom: 61px} .shop.shop-2 h5{font-family: var(--global--font-heading);font-weight: 600;font-size: 21px;color: var(--global--color-secondary);} @media screen and (max-width: 991.98px){ .shop.shop-2 h5{text-align: center} } .shop.shop-3{padding-top: 130px;padding-bottom: 80px} @media screen and (max-width: 991.98px){ .shop.shop-3{padding-top: 70px;padding-bottom: 70px} } .product-item{margin-bottom: 10px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;border-radius: 8px} .product-item:hover{-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11)} .product-item:hover .product-img-wrap{border-radius: 8px 8px 0 0;-webkit-box-shadow: none;box-shadow: none} .product-item:hover .product-img-wrap .product-img{border-radius: 8px 8px 0 0} .product-item:hover .product-img-wrap .product-img img{border-radius: 8px 8px 0 0;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)} .product-item:hover .product-img-wrap .product-img .add-to-cart{opacity: 1;-webkit-transform: translateX(-50%) translateY(0px);-ms-transform: translateX(-50%) translateY(0px);transform: translateX(-50%) translateY(0px);visibility: visible} .product-item:hover .product-content{background-color: var(--global--color-white);border-radius: 0 0 8px 8px} .product-item .product-img-wrap{border-radius: 8px;-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .product-item .product-img-wrap .product-img{position: relative;overflow: hidden} .product-item .product-img-wrap .product-img img{border-radius: 8px;max-width: 100%;-webkit-transition: .4s ease-in-out;-o-transition: .4s ease-in-out;transition: .4s ease-in-out;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)} .product-item .product-img-wrap .product-img .badge{position: absolute;top: 20px;right: 20px;background-color: var(--global--color-primary);color: var(--global--color-white);border-radius: 4px;font-family: var(--global--font-body);font-size: 14px;font-weight: 700;line-height: 1;padding: 8px 15px;} .product-item .product-img-wrap .product-img .badge.badge-new{background-color: var(--global--color-primary)} .product-item .product-img-wrap .product-img .badge.badge-sale{background-color: red} .product-item .product-img-wrap .product-img .add-to-cart{position: absolute;left: 50%;-webkit-transform: translateX(-50%) translateY(20px);-ms-transform: translateX(-50%) translateY(20px);transform: translateX(-50%) translateY(20px);bottom: 0;width: 190px;height: 60px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: var(--global--color-white);background-color: var(--global--color-primary);border-radius: 4px 4px 0 0;font-family: var(--global--font-body);font-weight: 700;font-size: 15px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;opacity: 0;visibility: hidden} .product-item .product-img-wrap .product-img .add-to-cart:hover{background-color: var(--global--color-heading)} .product-item .product-img-wrap .product-img .add-to-cart i{font-size: 15px;margin-right: 10px} .product-item .product-content{padding: 31px 35px 32px;text-align: center;background-color: transparent;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} @media (min-width: 992px) and (max-width: 1200px){ .product-item .product-content{padding-left: 15px;padding-right: 15px} } .product-item .product-content .product-title a{font-family: var(--global--font-heading);font-size: 21px;line-height: 32px;font-weight: 700;color: var(--global--color-heading);margin-bottom: 10px} .product-item .product-content .product-price span{font-family: var(--global--font-body);font-weight: 700;font-size: 19px;color: var(--global--color-primary);line-height: 28px} .shop-options{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 30px} @media screen and (max-width: 767.98px){ .shop-options{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center} } @media screen and (max-width: 767.98px){ .shop-options .products-show{margin-bottom: 25px} } .shop-options .products-show p{font-family: var(--global--font-body);font-weight: 700;font-size: 14px;margin-bottom: 0} .shop-options .products-sort .nice-select{padding-left: 25px;border-radius: 4px;border-color: #eaeaea;height: 60px;width: 250px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .shop-options .products-sort .nice-select::after{width: 7px;height: 7px;border-color: var(--global--color-heading);-webkit-transform: rotate(45deg) translateY(-50%);-ms-transform: rotate(45deg) translateY(-50%);transform: rotate(45deg) translateY(-50%);right: 28px} .shop-options .products-sort .nice-select .current{font-family: var(--global--font-body);font-size: 14px;color: var(--global--color-heading);} .shop-options .products-sort .nice-select .list{width: 100%} .shop-options .products-sort .nice-select .list li{} .single-product{padding-top: 0;padding-bottom: 0} .single-product .checkout-banner{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 25px;background-color: #e0f6e9;border-radius: 8px;margin-bottom: 40px} @media screen and (max-width: 767.98px){ .single-product .checkout-banner{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center} } .single-product .checkout-banner p{font-family: var(--global--font-heading);font-weight: 700;font-size: 19px;color: var(--global--color-secondary);margin-bottom: 0} @media screen and (max-width: 767.98px){ .single-product .checkout-banner p{margin-bottom: 20px} } .single-product .checkout-banner .btn{height: 60px;width: 180px} @media screen and (max-width: 767.98px){ .single-product .checkout-banner .btn{width: 100%} } .single-product .product-img{position: relative;-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);border-radius: 12px} @media screen and (max-width: 991.98px){ .single-product .product-img{margin-bottom: 25px} } .single-product .product-img img{border-radius: 12px} .single-product .product-img a{position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;cursor: -webkit-zoom-in;cursor: zoom-in} .single-product .product-content{padding-top: 15px} @media screen and (max-width: 991.98px){ .single-product .product-content{text-align: center} } .single-product .product-content .product-title h3{font-family: var(--global--font-heading);font-weight: 700;color: var(--global--color-heading);font-size: 29px;line-height: 1;margin-bottom: 13px} .single-product .product-content .product-price{font-family: var(--global--font-body);color: #4aab3d;font-size: 22px;font-weight: 700;line-height: 28px;margin-bottom: 26px} .single-product .product-content .product-review{margin-bottom: 21px} .single-product .product-content .product-review span{color: var(--global--color-body);font-size: 13px;line-height: 1;font-weight: 400;font-family: var(--global--font-body);} .single-product .product-content .product-review span::after{content: '/';margin: 0 6px} .single-product .product-content .product-review span:last-child::after{content: unset} .single-product .product-content .product-review span a{color: var(--global--color-body)} .single-product .product-content .product-review span a:hover{color: var(--global--color-primary)} .single-product .product-content .product-review .product-rating{margin-right: 30px;display: inline-block} .single-product .product-content .product-review .product-rating i{color: var(--global--color-body);font-size: 15px;line-height: 1;margin-right: 5px} .single-product .product-content .product-review .product-rating i:last-child{margin-right: 0} .single-product .product-content .product-review .product-rating i.active{color: var(--global--color-primary)} .single-product .product-content .product-desc p{font-family: var(--global--font-body);font-weight: 400;font-size: 15px;line-height: 25px;margin-bottom: 32px;color: var(--global--color-body)} .single-product .product-content .product-details{margin-bottom: 30px} .single-product .product-content .product-details .table{margin-bottom: 0} @media screen and (min-width: 992px){ .single-product .product-content .product-details .table{width: 100%} } .single-product .product-content .product-details .table td{border-top: 0;border-bottom: 0;padding-bottom: 5px} .single-product .product-content .product-details .table .name{font-family: var(--global--font-heading);font-weight: 700;font-size: 16px;color: var(--global--color-secondary);} @media screen and (min-width: 992px){ .single-product .product-content .product-details .table .name{padding-left: 0} } .single-product .product-content .product-details .table .value{font-family: var(--global--font-body);font-weight: 400;font-size: 15px;color: var(--global--color-body);} .single-product .product-content .product-share{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: nowrap;flex-wrap: nowrap} @media screen and (max-width: 991.98px){ .single-product .product-content .product-share{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap} } .single-product .product-content .product-share a{color: var(--global--color-white);background-color: var(--global--color-heading);border-radius: 4px;margin-right: 15px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;width: 52px;height: 40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;transition: .3s ease-in-out} @media screen and (min-width: 992px){ .single-product .product-content .product-share a{margin-right: 10px} } .single-product .product-content .product-share a:last-child{margin-right: 0} .single-product .product-content .product-share a:hover{background-color: var(--global--color-primary);-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px)} .single-product .product-content .product-share a.facebook-bg{background-color: #3b5999} .single-product .product-content .product-share a.facebook-bg:hover{background-color: var(--global--color-primary)} .single-product .product-content .product-share a.twitter-bg{background-color: #55acee} .single-product .product-content .product-share a.twitter-bg:hover{background-color: var(--global--color-primary)} .single-product .product-content .product-share a.instagram-bg{background-color: #0092ff} .single-product .product-content .product-share a.instagram-bg:hover{background-color: var(--global--color-primary)} .single-product .product-content .product-share a.pinterest-bg{background-color: #ca1f27} .single-product .product-content .product-share a.pinterest-bg:hover{background-color: var(--global--color-primary)} .single-product .product-content .product-action{display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 35px} @media screen and (max-width: 991.98px){ .single-product .product-content .product-action{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } .single-product .product-content .product-action .product-quantity{display: -webkit-box;display: -ms-flexbox;display: flex;border: 2px solid #929ba2;border-radius: 4px;width: 80px;margin-right: 15px} .single-product .product-content .product-action .product-quantity span{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column} .single-product .product-content .product-action .product-quantity span a{border-left: 2px solid #929ba2} .single-product .product-content .product-action .product-quantity span a:first-child{border-bottom: 2px solid #929ba2} .single-product .product-content .product-action .product-quantity span a i{width: 24px;height: 24px;font-size: 10px;line-height: 25px;color: var(--global--color-heading);text-align: center} .single-product .product-content .product-action .product-quantity input{width: 50px;height: 50px;color: var(--global--color-heading);font-size: 20px;font-weight: 700;line-height: 22px;font-family: var(--global--font-body);text-align: center;background-color: transparent;border-color: transparent} .single-product .product-content .product-action .btn{height: 54px} .single-product .product-tabs{background-color: var(--global--color-white);margin-top: 95px;margin-bottom: 40px} .single-product .product-tabs .nav-tabs{background-color: var(--global--color-white);border: 0} .single-product .product-tabs .nav-tabs li{margin-right: 30px} .single-product .product-tabs .nav-tabs li:last-child{margin-right: 0} .single-product .product-tabs .nav-tabs li a{color: var(--global--color-heading);font-size: 16px;font-weight: 700;font-family: var(--global--font-body);border-radius: 0;margin-right: 0;padding-bottom: 14px;display: block;border-right: 0;position: relative} .single-product .product-tabs .nav-tabs li a::after{content: '';position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;background-color: transparent;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} @media (max-width: 420px){ .single-product .product-tabs .nav-tabs li a::after{content: unset} } .single-product .product-tabs .nav-tabs li a:focus, .single-product .product-tabs .nav-tabs li a:hover{color: var(--global--color-primary)} .single-product .product-tabs .nav-tabs li > .active, .single-product .product-tabs .nav-tabs li > .active:focus, .single-product .product-tabs .nav-tabs li > .active:hover{color: var(--global--color-primary)} .single-product .product-tabs .nav-tabs li > .active::after, .single-product .product-tabs .nav-tabs li > .active:focus::after, .single-product .product-tabs .nav-tabs li > .active:hover::after{background-color: var(--global--color-primary)} .single-product .product-tabs .tab-content{border-top: 2px solid #e6e8eb;padding-top: 25px} .single-product .product-tabs .tab-content p{font-family: var(--global--font-body);font-size: 15px;font-weight: 400;line-height: 25px;color: var(--global--color-body)} .single-product .product-tabs .tab-content h5{font-size: 13px} .single-product .product-tabs .tab-content .review-comment .review-body{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 25px} .single-product .product-tabs .tab-content .review-comment .review-body img{width: 60px;height: 60px;border-radius: 8px;margin-right: 30px} .single-product .product-tabs .tab-content .review-comment .review-body h6, .single-product .product-tabs .tab-content .review-comment .review-body p{margin-bottom: 0} .single-product .product-tabs .tab-content .review-comment .review-body .product-rating i.active{color: var(--global--color-primary)} .single-product .product-tabs .tab-content .review-comment .product-comment{margin-bottom: 35px} .single-product .product-tabs .tab-content .review-comment .product-comment p{margin-bottom: 0} .single-product .product-tabs .tab-content .form-review .nice-select .list{width: 100%} .single-product .form-review .form-control{margin-bottom: 30px} .shop-cart{padding-top: 0} .shop-cart .table-wrap{border: 1px solid #eaeaea;border-radius: 8px;margin-bottom: 53px;overflow: hidden} .shop-cart .table-wrap .cart-table{margin-bottom: 30px} .shop-cart .table-wrap .cart-table.table-responsive{min-height: .01%;overflow-x: auto} .shop-cart .table-wrap .cart-table .table{background-color: var(--global--color-white);border-radius: 0;margin-bottom: 0;color: var(--global--color-body)} .shop-cart .table-wrap .cart-table .table tr:first-child th{border-top: 0} .shop-cart .table-wrap .cart-table .table tr:first-child th:first-child{border-left: 0} .shop-cart .table-wrap .cart-table .table tr:first-child th:last-child{border-right: 0} .shop-cart .table-wrap .cart-table .table tr th{font-size: 16px;font-weight: 700;text-align: center;color: var(--global--color-body);font-family: var(--global--font-body);padding: 10px 0;border-right: 1px solid #e5e8ed;border-bottom: 1px solid #e5e8ed} .shop-cart .table-wrap .cart-table .table tbody tr td{padding: 20px;border-right: 1px solid #e5e8ed;border-bottom: 1px solid #e5e8ed;border-top: 0;border-left: 0} .shop-cart .table-wrap .cart-table .table tbody tr td:last-child{border-right: 0} .shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-price, .shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-total{text-align: center;font-size: 16px;font-weight: 700;line-height: 20px;color: var(--global--color-primary);font-family: var(--global--font-body);vertical-align: baseline} .shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-item .cart-product-remove{-ms-flex-negative: 0;flex-shrink: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 19px;height: 19px;background-color: var(--global--color-heading);border-radius: 50%;text-align: center;cursor: pointer;margin-right: 20px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-item .cart-product-remove:hover{background-color: var(--global--color-primary)} .shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-item .cart-product-img{-ms-flex-negative: 0;flex-shrink: 0;width: 70px;height: 70px;margin-right: 20px;-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);border-radius: 4px} .shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-item .cart-product-img img{border-radius: 4px;max-width: 100%} .shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-item .cart-product-name h6{font-family: var(--global--font-heading);color: var(--global--color-heading);font-size: 16px;font-weight: 700;line-height: 27px;margin-bottom: 0} .shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-quantity .product-quantity{display: -webkit-box;display: -ms-flexbox;display: flex;border: 2px solid #e6e8eb;border-radius: 8px 8px 0 8px;width: 80px;margin-right: 0;margin: 0 auto} .shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-quantity .product-quantity span{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column} .shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-quantity .product-quantity span a{border-left: 2px solid #e6e8eb} .shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-quantity .product-quantity span a:first-child{border-bottom: 2px solid #e6e8eb} .shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-quantity .product-quantity span a i{width: 24px;height: 24px;font-size: 10px;line-height: 25px;color: var(--global--color-heading);text-align: center} .shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-quantity .product-quantity input{width: 50px;height: 50px;color: var(--global--color-heading);font-size: 20px;font-weight: 700;line-height: 22px;font-family: var(--global--font-body);text-align: center;background-color: transparent;border-color: transparent} .shop-cart .table-wrap .cart-product-action{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 30px;padding-left: 30px;padding-right: 30px} @media screen and (max-width: 767.98px){ .shop-cart .table-wrap .cart-product-action{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center} } .shop-cart .table-wrap .cart-product-action form{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 0} @media screen and (max-width: 767.98px){ .shop-cart .table-wrap .cart-product-action form{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 20px} } .shop-cart .table-wrap .cart-product-action form .form-control{border-radius: 4px;margin-bottom: 0;border: 1px solid #eaeaea;background-color: var(--global--color-white);margin-right: 10px;height: 42px;width: 250px;line-height: 42px;margin-bottom: 0} @media screen and (max-width: 991.98px){ .shop-cart .table-wrap .cart-product-action form .form-control{width: 200px} } @media screen and (max-width: 767.98px){ .shop-cart .table-wrap .cart-product-action form .form-control{width: 100%;margin-bottom: 15px;margin-right: 0} } .shop-cart .table-wrap .cart-product-action form .btn{margin-top: 0;-ms-flex-negative: 0;flex-shrink: 0} .shop-cart .table-wrap .cart-product-action .btn{width: 134px;height: 42px;line-height: 39px;margin-right: 10px;padding: 0 18px} @media screen and (max-width: 575.98px){ .shop-cart .table-wrap .cart-product-action .btn{margin-top: 20px} } .shop-cart .table-wrap .cart-product-action .btn:last-child{margin-right: 0} .shop-cart .table-wrap .cart-product-action div{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .shop-cart .cart-total-amount h5{color: var(--global--color-heading);font-size: 21px;font-weight: 700;line-height: 30px;font-family: var(--global--font-heading);margin-bottom: 13px;position: relative} .shop-cart .cart-total-amount .table{margin-bottom: 40px} .shop-cart .cart-total-amount .table tbody .head{font-family: var(--global--font-heading);font-weight: 700;font-size: 17px;color: var(--global--color-body);} .shop-cart .cart-total-amount .table tbody td{font-family: var(--global--font-body);font-weight: 400;font-size: 17px;color: var(--global--color-body);border-top: 0;border-bottom: 1px solid #eaeaea;padding-left: 0} .shop-cart .cart-total-amount .table tbody td.amount{font-weight: 700} .shop-cart .cart-total-amount .btn{width: 270px;height: 50px} @media screen and (max-width: 767.98px){ .shop-cart .cart-total-amount .btn{width: 100%} } .shop-checkout{padding-bottom: 120px} .shop-checkout .cart-empty, .shop-checkout .cart-coupon{padding: 30px;background-color: #f5f5f5;border-top: 3px solid #1e85be;font-size: 18px;font-weight: 400;font-family: var(--global--font-body);line-height: 1;color: #515151;margin-bottom: 35px} .shop-checkout .cart-empty a, .shop-checkout .cart-coupon a{color: var(--global--color-primary)} .checkout-widget{padding: 20px;margin-bottom: 45px} .checkout-widget .widget-title{margin-bottom: 15px;} .checkout-widget label{font-family: var(--global--font-heading);font-weight: 500;font-size: 16px;line-height: 2;margin-bottom: 10px;color: var(--global--color-heading);display: block} .checkout-widget label .required{margin-left: 3px;color: red} .checkout-widget .form-control{margin-bottom: 12px} .checkout-widget .nice-select{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%} .checkout-widget .nice-select .list{width: 100%} .your-order{margin-bottom: 53px;border-radius: 8px 8px 0 8px;overflow: hidden} .your-order h5{} .your-order .table-order{background-color: var(--global--color-gray);padding: 30px 30px 12px} .your-order .table-order table{width: 100%} .your-order .table-order table thead .order-heading{border-bottom: 1px solid #eaeaea} .your-order .table-order table thead .order-heading th{font-family: var(--global--font-body);font-size: 16px;color: var(--global--color-heading);font-weight: 700;padding-bottom: 3px} .your-order .table-order table tbody tr{border-bottom: 1px solid #eaeaea} .your-order .table-order table tbody tr:last-child{border-bottom: 0} .your-order .table-order table tbody tr td{font-family: var(--global--font-body);font-size: 14px;color: var(--global--color-heading);font-weight: 700;padding-top: 13px;padding-bottom: 13px} .your-order .table-order table tbody tr td:last-of-type{font-weight: 400;color: var(--global--color-body)} .your-order .table-order table tbody tr td.product-name{padding-left: 10px} .your-order .table-order table tbody tr.cart-total td:last-of-type{font-weight: 700;color: var(--global--color-heading)} .payment{background-color: var(--global--color-gray);padding: 33px 15px;border-radius: 8px 8px 0 8px} .payment .payment-method{margin: 0 15px} .payment .payment-method .no-payment{border-top: 3px solid #1e85be;padding: 27px 0} .payment .payment-method .no-payment p{font-family: var(--global--font-body);padding: 0 30px;font-size: 18px;line-height: 2;font-weight: 500;color: var(--global--color-heading)} .payment .payment-conditions{margin: 0 15px} .payment .payment-conditions .message{padding-top: 10px;font-family: var(--global--font-body);font-size: 17px;line-height: 2;color: var(--global--color-body);font-weight: 400;margin-bottom: 30px} .payment .payment-conditions label{font-weight: 500;color: var(--global--color-heading);font-size: 16px;margin-bottom: 30px} .payment .payment-conditions label a{color: var(--global--color-primary)} .login{padding-bottom: 140px} .login .login-body{background-color: #e6f8fb;border-radius: 8px 8px 8px 0;padding: 40px} .login .login-body label{font-family: var(--global--font-heading);font-weight: 500;font-size: 16px;line-height: 2;margin-bottom: 5px;color: #222} .login .login-body label .required{margin-left: 3px;color: red} .login .login-body .form-control{background-color: var(--global--color-white);margin-bottom: 8px} .login .login-body .check{margin-top: 10px;margin-bottom: 5px} .login .login-body .check label{margin-left: 5px} .login .login-body .forget{margin-top: 13px;font-family: var(--global--font-body);font-size: 15px;font-weight: 700;color: var(--global--color-heading)} .login .login-body .forget:hover{color: var(--global--color-primary)} @media only screen and (min-width: 320px) and (max-width: 767px){ .product-item{max-width: 270px;margin: 0 auto 30px} .product-options2 span{display: inline-block;min-width: 50px;margin-bottom: 10px} } .shop-checkout{padding-bottom: 120px;padding-top: 0} @media screen and (max-width: 991.98px){ .shop-checkout{padding-bottom: 70px} } .shop-checkout .cart-empty, .shop-checkout .cart-coupon{padding: 30px;background-color: #f5f5f5;border-top: 3px solid #1e85be;font-size: 18px;font-weight: 400;font-family: var(--global--font-body);line-height: 1;color: #515151;margin-bottom: 35px} .shop-checkout .cart-empty a, .shop-checkout .cart-coupon a{color: var(--global--color-primary)} .checkout-widget{padding: 20px;margin-bottom: 45px;background-color: #f5f5f5;border-radius: 4px} .checkout-widget .widget-title{margin-bottom: 15px} .checkout-widget .widget-title h2{color: var(--global--color-heading);font-size: 24px;font-weight: 700;line-height: 30px;font-family: var(--global--font-heading);margin-bottom: 0;} .checkout-widget label{font-family: var(--global--font-heading);font-weight: 500;font-size: 16px;line-height: 2;margin-bottom: 10px;color: var(--global--color-heading);display: block} .checkout-widget label .required{margin-left: 3px;color: red} .checkout-widget .form-control{margin-bottom: 12px} .checkout-widget textarea.form-control{padding-top: 17px;height: 170px} .checkout-widget .nice-select{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%} .checkout-widget .nice-select .list{width: 100%} .your-order{margin-bottom: 53px;border-radius: 8px 8px 0 8px;overflow: hidden} .your-order h5{} .your-order .table-order{background-color: var(--global--color-gray);padding: 30px 30px 12px} .your-order .table-order table{width: 100%} .your-order .table-order table thead .order-heading{border-bottom: 1px solid #eaeaea} .your-order .table-order table thead .order-heading th{font-family: var(--global--font-body);font-size: 16px;color: var(--global--color-heading);font-weight: 700;padding-bottom: 3px} .your-order .table-order table tbody tr{border-bottom: 1px solid #eaeaea} .your-order .table-order table tbody tr:last-child{border-bottom: 0} .your-order .table-order table tbody tr td{font-family: var(--global--font-body);font-size: 14px;color: var(--global--color-heading);font-weight: 700;padding-top: 13px;padding-bottom: 13px} .your-order .table-order table tbody tr td:last-of-type{font-weight: 400;color: var(--global--color-body)} .your-order .table-order table tbody tr td.product-name{padding-left: 10px} .your-order .table-order table tbody tr.cart-total td:last-of-type{font-weight: 700;color: var(--global--color-heading)} .payment{background-color: var(--global--color-gray);padding: 33px 15px;border-radius: 4px} .payment .payment-method{margin: 0 15px;border-bottom: 2px solid #eaeaea} .payment .payment-method .no-payment{border-top: 3px solid #1e85be;padding: 27px 0} .payment .payment-method .no-payment p{font-family: var(--global--font-body);padding: 0 30px;font-size: 18px;line-height: 2;font-weight: 500;color: var(--global--color-heading)} .payment .payment-conditions{margin: 0 15px} .payment .payment-conditions .message{padding-top: 10px;font-family: var(--global--font-body);font-size: 17px;line-height: 2;color: var(--global--color-body);font-weight: 400;margin-bottom: 30px} .payment .payment-conditions label{font-weight: 500;color: var(--global--color-heading);font-size: 16px;margin-bottom: 30px} .payment .payment-conditions label a{color: var(--global--color-primary)} .payment .payment-conditions .btn{width: 170px;height: 50px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} @media screen and (max-width: 767.98px){ .payment .payment-conditions .btn{width: 100%} } .login{padding: 120px 0} @media screen and (max-width: 991.98px){ .login{padding: 70px 0} } .login .login-body{background-color: #e6f8fb;border-radius: 4px;padding: 40px} @media screen and (max-width: 767.98px){ .login .login-body{padding: 40px 20px} } .login .login-body label{font-family: var(--global--font-heading);font-weight: 500;font-size: 16px;line-height: 2;margin-bottom: 5px;color: #222} .login .login-body label .required{margin-left: 3px;color: red} .login .login-body .form-control{background-color: var(--global--color-white);margin-bottom: 8px} .login .login-body .check{margin-top: 10px;margin-bottom: 5px} .login .login-body .check label{margin-left: 5px} .login .login-body .btn{width: 170px;height: 50px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-top: 20px} .login .login-body .forget{margin-top: 13px;font-family: var(--global--font-body);font-size: 15px;font-weight: 700;color: var(--global--color-heading)} .login .login-body .forget:hover{color: var(--global--color-primary)} .shop-account{padding-top: 60px} .shop-account .shop-account-nav{background-color: #f4f4f4;padding: 0 30px;border: 1px solid #eaeaea} @media screen and (max-width: 991px){ .shop-account .shop-account-nav{margin-bottom: 30px} } .shop-account .shop-account-nav ul li a{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 60px;color: var(--global--color-heading);font-size: 15px;font-family: var(--global--font-body);font-weight: 700;line-height: 36px;position: relative;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;border-bottom: 1px solid #eaeaea} @media screen and (max-width: 500px){ .shop-account .shop-account-nav ul li a{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } .shop-account .shop-account-nav ul li a:hover{color: var(--global--color-primary)} .shop-account .shop-account-nav ul li a:hover i{color: var(--global--color-primary);-webkit-transform: translateX(-5px);-ms-transform: translateX(-5px);transform: translateX(-5px)} @media screen and (max-width: 500px){ .shop-account .shop-account-nav ul li a span{display: none} } .shop-account .shop-account-nav ul li a i{-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;margin-left: 10px;font-size: 15px} @media screen and (max-width: 500px){ .shop-account .shop-account-nav ul li a i{margin-left: 0;font-size: 20px} } .shop-account .shop-account-nav ul li:first-child a{border-top: none} .shop-account .shop-account-nav ul li:last-child a{border-bottom: none} .shop-account .shop-account-nav ul li.active a{color: var(--global--color-primary)} .shop-account .shop-account-nav ul li.active a i{color: var(--global--color-primary)} .shop-account .shop-account-nav ul li.active:hover a i{-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)} .shop-account .shop-account-content{background-color: #f4f4f4;padding: 50px 30px;border: 1px solid #eaeaea} @media screen and (max-width: 767.98px){ .shop-account .shop-account-content{padding-left: 20px;padding-right: 20px} } .shop-account .shop-account-content p{font-family: var(--global--font-heading);font-size: 18px;font-weight: 600;line-height: 28px;margin-bottom: 0;color: var(--global--color-heading);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .shop-account .shop-account-content p:last-child{margin-bottom: 0} .shop-account .shop-account-content p a{color: var(--global--color-primary)} @media only screen and (min-width: 320px) and (max-width: 767px){ .product-item{max-width: 270px;margin: 0 auto 30px} .product-options2 span{display: inline-block;min-width: 50px;margin-bottom: 10px} } .team{padding-top: 110px;padding-bottom: 10px} @media screen and (max-width: 991.98px){ .team{padding-top: 70px;padding-bottom: 30px} } .team .member{-webkit-transition: all 300ms linear 0ms;-o-transition: all 300ms linear 0ms;transition: all 300ms linear 0ms;max-width: 370px;margin: 0 auto 30px;-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08);box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08)} @media screen and (max-width: 991.98px){ .team .member{margin: 0 auto 40px} } .team .member:hover .member-content::after{-webkit-clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%);clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%)} .team .member:hover .member-content .member-social a{background-color: var(--global--color-primary)} .team .member .member-img{position: relative} .team .member .member-img img{border-radius: 8px;max-width: 10px} .team .member .member-content{background-color: var(--global--color-white);padding: 32px 40px 36px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;position: relative} @media (min-width: 992px) and (max-width: 1200px){ .team .member .member-content{padding-left: 30px;padding-right: 30px} } @media screen and (max-width: 767.98px){ .team .member .member-content{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column} } .team .member .member-content::after{content: '';position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);background-color: var(--global--color-primary);height: 4px;width: calc(100% - 80px);-webkit-transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transition: -webkit-clip-path .3s, -webkit-transform .3s cubic-bezier(.2, 1, .8, 1);transition: -webkit-clip-path .3s, -webkit-transform .3s cubic-bezier(.2, 1, .8, 1);-o-transition: clip-path .3s, transform .3s cubic-bezier(.2, 1, .8, 1);transition: clip-path .3s, transform .3s cubic-bezier(.2, 1, .8, 1);transition: clip-path .3s, transform .3s cubic-bezier(.2, 1, .8, 1), -webkit-clip-path .3s, -webkit-transform .3s cubic-bezier(.2, 1, .8, 1);-webkit-clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%)} .team .member .member-content .member-social{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .team .member .member-content .member-social a{border-radius: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background-color: var(--global--color-heading);width: 20px;height: 20px;color: var(--global--color-white);font-size: 11px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;margin-right: 10px} .team .member .member-content .member-social a:last-child{margin-right: 0} .team .member .member-content .member-social a:hover{-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px)} @media screen and (max-width: 767.98px){ .team .member .member-content .member-info{margin-bottom: 25px} } .team .member .member-content .member-info a{display: inline-block;font-family: var(--global--font-heading);font-weight: 700;color: var(--global--color-secondary);margin-bottom: 11px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .team .member .member-content .member-info a:hover{color: var(--global--color-primary)} .team .member .member-content .member-info h6{font-family: var(--global--font-body);color: var(--global--color-body);font-size: 14px;font-weight: 400;line-height: 1;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;margin-bottom: 0} .team .member.member-2{border-radius: 8px;overflow: hidden;-webkit-box-shadow: none;box-shadow: none} .team .member.member-2:hover .member-content .member-social{opacity: 1;visibility: visible} .team .member.member-2:hover .member-content .member-info a, .team .member.member-2:hover .member-content .member-info h6{color: var(--global--color-white)} .team .member.member-2 .member-content{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding-top: 22px;padding-bottom: 26px} @media (min-width: 992px) and (max-width: 1200px){ .team .member.member-2 .member-content{padding-left: 25px;padding-right: 25px} } .team .member.member-2 .member-content::after{content: unset} .team .member.member-2 .member-content .member-social{position: absolute;top: -40px;left: 0;right: 0;width: 100%;height: calc(100% + 40px);padding-top: 30px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;background-color: var(--global--color-primary);z-index: 1;-webkit-transform-origin: bottom;-ms-transform-origin: bottom;transform-origin: bottom;visibility: hidden;opacity: 0} .team .member.member-2 .member-content .member-social a{background-color: var(--global--color-white);color: var(--global--color-primary)} .team .member.member-2 .member-content .member-info{text-align: center;position: relative;z-index: 2} @media screen and (min-width: 992px){ .sidebar{max-width: 330px;margin-left: auto} } .widget{background-color: #e0f6e9;padding: 33px 40px 40px;margin-bottom: 40px;border-radius: 8px;position: relative} @media screen and (max-width: 767.98px){ .widget{padding-left: 25px;padding-right: 25px} } .widget::after{content: '';position: absolute;bottom: 0;right: 0;height: 4px;width: calc(100% - 40px);background-color: var(--global--color-primary);border-radius: 0 0 8px 0} @media screen and (max-width: 767.98px){ .widget::after{width: calc(100% - 25px)} } .widget .widget-title{text-align: center;margin-bottom: 23px} @media screen and (min-width: 992px){ .widget .widget-title{text-align: left} } .widget .widget-title h5{font-size: 19px;line-height: 30px;font-weight: 700;font-family: var(--global--font-heading);color: var(--global--color-secondary);margin-bottom: 0;position: relative} .widget-categories{padding-bottom: 28px} .widget-categories .widget-title{margin-bottom: 8px} .widget-categories ul{padding-left: 0;list-style: none;margin-bottom: 0} .widget-categories ul li{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .widget-categories ul li:hover a{padding-left: 15px;color: var(--global--color-primary)} .widget-categories ul li:hover span{background-color: var(--global--color-heading)} .widget-categories ul li a{color: var(--global--color-heading);font-size: 15px;font-family: var(--global--font-body);font-weight: 700;line-height: 36px;position: relative;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .widget-categories ul li span{margin-left: 15px;font-family: var(--global--font-body);font-weight: 400;font-size: 13px;padding: 1px 7px;color: var(--global--color-white);background-color: var(--global--color-primary);border-radius: 50%;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .widget-tags .widget-title{margin-bottom: 22px} .widget-tags .widget-content{text-align: left} .widget-tags .widget-content a{display: inline-block;background-color: transparent;font-family: var(--global--font-body);font-size: 12px;text-transform:uppercase;font-weight: 400;line-height: 14px;color: var(--global--color-primary);margin-right: 10px;margin-bottom: 10px;padding: 9px;border: 1px solid var(--global--color-primary);border-radius: 4px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .widget-tags .widget-content a:hover{color: var(--global--color-white);background-color: var(--global--color-primary);border-color: var(--global--color-primary)} .widget-recent-posts{padding-bottom: 35px} .widget-recent-posts .widget-title{margin-bottom: 18px} .widget-recent-posts .post{position: relative;margin-bottom: 19px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .widget-recent-posts .post:last-child{margin-bottom: 0} .widget-recent-posts .post .post-img{-ms-flex-negative: 0;flex-shrink: 0;max-width: 100%;margin-right: 20px;overflow: hidden;border-radius: 4px;width: 80px;height: 80px} .widget-recent-posts .post .post-img img{width: 100%;height: 100%} .widget-recent-posts .post .post-content{position: relative} .widget-recent-posts .post .post-content .post-date{font-family: var(--global--font-body);font-weight: 400;font-size: 13px;line-height: 20px;color: #616161;margin-bottom: 4px} .widget-recent-posts .post .post-content .post-date span:after{position: relative;content: ',';margin-right: 4px} .widget-recent-posts .post .post-content .post-date span:last-child:after{content: unset} .widget-recent-posts .post .post-content .post-title a{font-family: var(--global--font-heading);color: var(--global--color-heading);font-size: 16px;font-weight: 700;line-height: 20px;} .widget-recent-posts .post .post-content .post-title a:hover{color: var(--global--color-primary)} .widget-recent-posts .carousel-dots .owl-dots{text-align: center;margin-top: 26px} @media screen and (min-width: 992px){ .widget-recent-posts .carousel-dots .owl-dots{text-align: left} } .widget-recent-posts .carousel-dots .owl-dots .owl-dot.active span{background-color: var(--global--color-primary);border-color: var(--global--color-primary)} .widget-recent-posts .carousel-dots .owl-dots .owl-dot span{width: 16px;height: 6px;border-radius: 2px;border-width: 3px;background-color: var(--global--color-heading);border-color: var(--global--color-heading);margin-right: 12px} .widget-search .form-search{border: 1px solid #eaeaea;margin-bottom: 0;border-radius: 4px;background-color: var(--global--color-white)} .widget-search .form-search .form-control{border: none;-webkit-box-shadow: none;box-shadow: none;color: var(--global--color-body);font-size: 14px;font-family: var(--global--font-body);font-weight: 400;line-height: 5px;height: 55px;padding-left: 20px;background-color: transparent;border-radius: 0;margin-bottom: 0} .widget-search .form-search .form-control::-webkit-input-placeholder{font-size: 14px;font-family: var(--global--font-body);color: var(--global--color-body);} .widget-search .form-search .form-control:-moz-placeholder{font-size: 14px;font-family: var(--global--font-body);color: var(--global--color-body);} .widget-search .form-search .btn{background-color: transparent;border-radius: 0;border: 0;width: 45px;height: 55px;line-height: 29px;font-size: 16px;padding: 0 15px} .widget-search .form-search .btn i{color: var(--global--color-heading);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;margin-right: 0} .widget-search .form-search .btn:hover i{color: var(--global--color-primary)} .widget-reservation{position: relative;overflow: hidden;padding: 50px 40px 30px;border-radius: 8px} .widget-reservation:hover::before{opacity: 0;visibility: hidden} .widget-reservation:hover::after{opacity: .9;visibility: visible} .widget-reservation img{position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: 1} .widget-reservation::before{content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #32c36ce6), to(#32c36c));background-image: -o-linear-gradient(top, #32c36ce6 20%, #32c36c 100%);background-image: linear-gradient(180deg, #32c36ce6 20%, #32c36c 100%);-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);z-index: 2;-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;opacity: .9;visibility: visible} .widget-reservation::after{content: '';background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 189, 213, 0)), color-stop(0%, var(--global--color-heading)));background-image: -o-linear-gradient(top, rgba(19, 189, 213, 0) 0%, var(--global--color-heading) 0%);background-image: linear-gradient(180deg, rgba(19, 189, 213, 0) 0%, var(--global--color-heading) 0%);position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);z-index: 2;-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;opacity: 0;visibility: hidden} @media screen and (max-width: 991.98px){ .widget-reservation{text-align: center} } .widget-reservation .widget-content{position: relative;z-index: 3} .widget-reservation .widget-content i{display: block;-webkit-transform: translateY(-25px);-ms-transform: translateY(-25px);transform: translateY(-25px);margin-bottom: -25px} .widget-reservation .widget-content i:before{font-size: 65px;color: var(--global--color-white)} .widget-reservation .widget-content p{margin-top: 7px;font-family: var(--global--font-body);font-weight: 700;font-size: 17px;line-height: 28px;color: var(--global--color-white);margin-bottom: 52px} .widget-reservation .widget-content a{font-family: var(--global--font-body);font-weight: 400;color: var(--global--color-white);font-size: 24px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} @media screen and (max-width: 991.98px){ .widget-reservation .widget-content a{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } .widget-reservation .widget-content a span{font-size: 18px;margin-right: 15px} .widget-reservation .widget-content .btn{width: 100%;height: 60px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-family: var(--global--font-body);font-size: 15px;font-weight: 700;padding: 0 26px;margin-bottom: 22px} .widget-opening-hours{position: relative;overflow: hidden;padding: 50px 40px 60px;border-radius: 8px 8px 0 8px;background-color: #f6f6f6} @media screen and (max-width: 991.98px){ .widget-opening-hours{text-align: center} } .widget-opening-hours::before{content: '';position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);background-color: #435ba1;height: 3px;width: calc(100% - 80px)} .widget-opening-hours .widget-content{position: relative;z-index: 3} .widget-opening-hours .widget-content i{display: block;margin-bottom: 11px} .widget-opening-hours .widget-content i:before{font-size: 50px;color: #51668a;margin-left: 0} .widget-opening-hours .widget-content h5{font-family: var(--global--font-heading);font-weight: 500;font-size: 19px;line-height: 28px;color: var(--global--color-heading);margin-bottom: 8px} .widget-opening-hours .widget-content ul{margin-bottom: 0} .widget-opening-hours .widget-content ul li{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;font-size: 14px;font-weight: 400;font-family: var(--global--font-body);color: var(--global--color-body);border-bottom: 1px solid #dcdee2;padding: 9px 0} .widget-download ul{margin: 0} .widget-download ul li:last-of-type a{margin-bottom: 0} .widget-download ul li.inversed a{background-color: var(--global--color-heading)} .widget-download ul li a{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 0 25px;height: 70px;background-color: var(--global--color-primary);color: var(--global--color-white);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;border-radius: 4px;margin-bottom: 20px;position: relative} @media screen and (max-width: 767.98px){ .widget-download ul li a{padding: 0 20px;height: 50px} } .widget-download ul li a svg{margin-left: 5px;fill: var(--global--color-white)} .widget-download ul li a span{font-family: var(--global--font-body);font-size: 15px;font-weight: 700;} .widget-recent-products .product{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 30px} .widget-recent-products .product .product-img{-ms-flex-negative: 0;flex-shrink: 0;margin-right: 20px;width: 60px;height: 60px;-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);overflow: hidden;border-radius: 4px} .widget-recent-products .product .product-img img{border-radius: 4px;max-width: 100%} .widget-recent-products .product .product-desc .product-title a{font-family: var(--global--font-heading);font-weight: 700;font-size: 16px;line-height: 23px;color: var(--global--color-heading);margin-bottom: 4px;display: inline-block} .widget-recent-products .product .product-desc .product-title a:hover{color: var(--global--color-primary)} .widget-recent-products .product .product-desc .product-meta span{font-family: var(--global--font-body);font-size: 15px;font-weight: 700;color: var(--global--color-primary)} .widget-services .widget-content ul{margin-bottom: 0} .widget-services .widget-content ul li{margin-bottom: 5px} .widget-services .widget-content ul li:last-child{margin-bottom: 0} .widget-services .widget-content ul li a{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-family: var(--global--font-body);font-size: 15px;font-weight: 700;color: var(--global--color-heading);background-color: var(--global--color-white);border-radius: 4px;z-index: 1;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;-webkit-box-shadow: 0 5px 20px 0 rgba(40, 40, 40, .11);box-shadow: 0 5px 20px 0 rgba(40, 40, 40, .11);height: 65px;padding: 0 30px;position: relative} .widget-services .widget-content ul li a::before{content: '';position: absolute;width: calc(100%);height: calc(100%);top: 0;left: 0;background-color: var(--global--color-primary);z-index: -1;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: right center;-ms-transform-origin: right center;transform-origin: right center;-webkit-transition: -webkit-transform .24s ease-in-out;transition: -webkit-transform .24s ease-in-out;-o-transition: transform .24s ease-in-out;transition: transform .24s ease-in-out;transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out} .widget-services .widget-content ul li a:hover{color: var(--global--color-white)} .widget-services .widget-content ul li a:hover::before{-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center} .widget-services .widget-content ul li a:hover i{background-color: var(--global--color-white);color: var(--global--color-primary)} .widget-services .widget-content ul li a i{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 28px;height: 28px;border-radius: 50%;background-color: transparent;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;font-size: 13px} .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range{-webkit-filter: inherit;filter: inherit} .ui-slider-horizontal .ui-slider-handle{position: absolute;top: -4px;margin-left: -.6em} .ui-slider-horizontal .ui-slider-range{position: absolute;top: -1px;height: 100%} .ui-slider-horizontal .ui-slider-range-min{left: 0} .ui-slider-horizontal .ui-slider-range-max{right: 0} .ui-slider-vertical{width: .8em;height: 100px} .ui-slider-vertical .ui-slider-handle{left: -.3em;margin-left: 0;margin-bottom: -.6em} .ui-slider-vertical .ui-slider-range{left: 0;width: 100%} .ui-slider-vertical .ui-slider-range-min{bottom: 0} .ui-slider-vertical .ui-slider-vertical .ui-slider-range-max{top: 0} .widget-filter .ui-slider{position: relative;height: 2px;background-color: #eaeaea;border-radius: 0;margin-bottom: 20px;margin-top: 5px} .widget-filter .ui-slider-handle{width: 10px;height: 10px;margin-left: 0;background-color: var(--global--color-primary);border-radius: 2px} .widget-filter .ui-slider-range{height: 4px;background-color: var(--global--color-primary);margin-bottom: 20px} .widget-filter .slider-mount{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-family: var(--global--font-body);font-size: 14px;font-weight: 400;line-height: 1} .widget-filter label{color: var(--global--color-body);margin: 0} .widget-filter input{color: var(--global--color-body);border: none;background-color: transparent} .widget-filter .btn-filter{float: right;font-family: var(--global--font-body);font-size: 14px;font-weight: 700;color: var(--global--color-primary);-webkit-box-flex: 2;-ms-flex-positive: 2;flex-grow: 2;text-align: right} .widget-filter .btn-filter:hover{color: var(--global--color-heading)} .sidebar-blog .widget{background-color: #f4f4f4} .sidebar-blog .form-search{background-color: var(--global--color-white)} .sidebar-blog .widget-recent-posts .entry{margin-bottom: 30px} .sidebar-blog .widget-recent-posts .entry:last-of-type{margin-bottom: 0} .sidebar-blog .widget-recent-posts .entry-title a{font-weight: 700} .sidebar-blog .widget-recent-posts .entry-date{font-family: var(--global--font-body);font-size: 13px;font-weight: 600;color: #616161} .sidebar-blog .widget-tags{padding-bottom: 40px} .sidebar-shop .widget{padding: 0;background-color: var(--global--color-white)} .sidebar-shop .widget::after{content: unset} .sidebar-shop .widget-categories{margin-bottom: 35px} @media only screen and (min-width: 320px) and (max-width: 767px){ .sidebar{margin-top: 40px} .widget{margin-bottom: 30px} } @media only screen and (min-width: 768px) and (max-width: 991px){ .sidebar{margin-top: 40px} .widget-recent .entry .entry-desc{margin-left: 70px} } .features{padding-top: 130px;padding-bottom: 100px;overflow: visible} @media screen and (max-width: 767.98px){ .features{padding-top: 70px;padding-bottom: 70px} } .features .feature-panel-holder{-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .features .feature-panel-holder:hover .feature-panel{background-color: var(--global--color-white)} .features .feature-panel-holder:hover .feature-panel .feature-icon{-webkit-animation: bounce .5s ease-in-out;animation: bounce .5s ease-in-out} .features .feature-panel-holder:hover .feature-panel a{background-color: var(--global--color-primary);padding-left: 15px;padding-right: 15px} .features .feature-panel-holder:hover .feature-panel a i{color: var(--global--color-white)} .features .feature-panel-holder:hover .feature-panel a span{font-size: 14px;opacity: 1;margin-left: 10px} .features .feature-panel-holder:hover .feature-panel.feature-panel-2{-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21)} .features .feature-panel-holder .feature-panel{position: relative;padding: 39px 35px 40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;overflow: hidden;background-color: var(--global--color-white);border-radius: 8px;-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);cursor: pointer;margin-bottom: 30px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} @media (min-width: 992px) and (max-width: 1200px){ .features .feature-panel-holder .feature-panel{padding: 39px 19px 40px} } @media screen and (max-width: 991.98px){ .features .feature-panel-holder .feature-panel{max-width: 370px;margin: 0 auto 30px} } .features .feature-panel-holder .feature-panel .feature-icon{margin-bottom: 17px} .features .feature-panel-holder .feature-panel .feature-icon i::before{color: var(--global--color-primary);margin-left: 0;font-size: 65px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .features .feature-panel-holder .feature-panel .feature-content{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center} .features .feature-panel-holder .feature-panel .feature-content h4{font-family: var(--global--font-heading);font-weight: 600;font-size: 19px;line-height: 27px;margin-bottom: 16px;color: var(--global--color-secondary);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .features .feature-panel-holder .feature-panel .feature-content p{font-family: var(--global--font-body);font-size: 15px;line-height: 25px;margin-bottom: 20px;color: var(--global--color-body);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .features .feature-panel-holder .feature-panel a{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 10px;height: 32px;border-radius: 16px;background-color: var(--global--color-heading);font-size: 12px;color: var(--global--color-white);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)} .features .feature-panel-holder .feature-panel a i{-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .features .feature-panel-holder .feature-panel a span{font-size: 0;opacity: 0;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;font-family: var(--global--font-body);font-weight: 700;font-size: 0;color: var(--global--color-white)} .features .feature-panel-holder .feature-panel.feature-panel-2{-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11)} .features .actions-holder{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} @media screen and (max-width: 991.98px){ .features .actions-holder{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } @media screen and (max-width: 767.98px){ .features .actions-holder{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column} } .features .actions-holder .btn{margin-right: 30px} .features .actions-holder .btn:first-child{width: 170px} .features .actions-holder .btn:last-child{width: 180px;margin-right: 0;padding: 0 28px} @media screen and (max-width: 767.98px){ .features .actions-holder .btn{margin-right: 0;margin-bottom: 20px} } .features .carousel-dots .owl-dots{margin-top: 10px;margin-bottom: 70px} .features.features-1{padding-bottom: 0} .features.features-2{padding-bottom: 0;position: relative;z-index: 2} .features.features-2 .feature-panel-holder .feature-panel{margin-bottom: 32px} .features.features-3{padding-top: 0;padding-bottom: 0} .features.features-4{padding-top: 130px;padding-bottom: 110px;position: relative} @media screen and (max-width: 991.98px){ .features.features-4{padding-top: 70px;padding-bottom: 70px} } .features.features-4 .features-overlay{position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);height: 100%;width: calc(100% - 7%);border-radius: 12px} @media screen and (max-width: 991.98px){ .features.features-4 .features-overlay{width: calc(100% - 4%)} } .features.features-4 .heading{position: relative;z-index: 1} .features.features-4 .owl-carousel .owl-dots{margin-bottom: 0} @media screen and (max-width: 991.98px){ .more-features{text-align: center;margin-bottom: 40px} } .more-features p{font-family: var(--global--font-body);font-weight: 700;font-size: 16px;color: var(--global--color-gray);margin-bottom: 30px} .more-features p a{position: relative;color: var(--global--color-primary);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;} .more-features p a:hover{color: var(--global--color-primary-70)} .more-features .btn{width: 185px} .more-features.more-features-2{text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding-top: 40px;padding-bottom: 40px} @media screen and (max-width: 991.98px){ .more-features.more-features-2{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-bottom: 0} } .more-features.more-features-2 p{margin-right: 30px;margin-bottom: 0;font-size: 15px} @media screen and (max-width: 991.98px){ .more-features.more-features-2 p{margin-right: 0;margin-bottom: 30px} } .more-features.more-features-2 .btn{width: 178px;height: 45px;padding: 0 23px;color: var(--global--color-heading)} .more-features.more-features-3{text-align: center} .more-features.more-features-3 p{font-family: var(--global--font-body);font-weight: 700;font-size: 15px;color: var(--global--color-white);margin-bottom: 70px} .more-features.more-features-3 p a{position: relative;font-weight: 700;color: var(--global--color-primary);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;padding-bottom: 6px} .more-features.more-features-3 p a:hover::before{width: calc(100% - 20%)} .more-features.more-features-3 p a::before{content: '';-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 100%;height: 2px;background-color: var(--global--color-primary)} .features-bar{padding-top: 0;padding-bottom: 0;overflow: visible} .features-bar .features-holder{position: relative;z-index: 55;-webkit-transform: translateY(-80px);-ms-transform: translateY(-80px);transform: translateY(-80px);margin-bottom: -80px;background-color: var(--global--color-white);border-radius: 4px;overflow: hidden} @media screen and (max-width: 567px){ .features-bar .features-holder{max-width: 370px} } @media screen and (min-width: 992px){ .features-bar .features-holder{-webkit-box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15)} } @media screen and (max-width: 767.98px){ .features-bar .features-holder{margin: 0 auto -80px} } @media screen and (max-width: 767px){ .features-bar .features-holder{padding-bottom: 40px} } .features-bar .features-holder .feature-panel{padding: 34px 40px 40px} @media screen and (max-width: 767px){ .features-bar .features-holder .feature-panel{padding-bottom: 0} } @media screen and (min-width: 992px){ .features-bar .features-holder .feature-panel{-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)} } @media screen and (max-width: 991.98px){ .features-bar .features-holder .feature-panel{max-width: 370px;margin: 0 auto} } @media (min-width: 992px) and (max-width: 1200px){ .features-bar .features-holder .feature-panel{padding-left: 30px;padding-right: 30px} } .features-bar .features-holder .feature-panel:hover .feature-content i{color: var(--global--color-white);background-color: var(--global--color-primary);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg)} .features-bar .features-holder .feature-panel .feature-content{position: relative;z-index: 3;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .features-bar .features-holder .feature-panel .feature-content i{margin-bottom: 7px;width: 94px;height: 94px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 50%;background-color: var(--global--color-white);color: var(--global--color-primary);position: relative;overflow: hidden;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .features-bar .features-holder .feature-panel .feature-content i::before{font-size: 65px;z-index: 2} .features-bar .features-holder .feature-panel .feature-content h5{font-family: var(--global--font-heading);font-weight: 600;font-size: 19px;line-height: 28px;color: var(--global--color-secondary);margin-bottom: 0} .features-bar .actions-holder{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} @media screen and (max-width: 991.98px){ .features-bar .actions-holder{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } @media screen and (max-width: 767.98px){ .features-bar .actions-holder{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column} } .features-bar .actions-holder .btn{width: 170px;height: 60px;margin-right: 30px} @media screen and (max-width: 767.98px){ .features-bar .actions-holder .btn{margin-right: 0;margin-bottom: 20px} } .features-bar .actions-holder .btn:last-child{border-color: #687696;border: 2px solid;-webkit-transition-property: background, color, border-color;-o-transition-property: background, color, border-color;transition-property: background, color, border-color} .features-bar .actions-holder .btn:last-child::before{background-color: var(--global--color-primary);width: calc(100% + 4px);height: calc(100% + 4px);top: -2px;left: -2px} .features-bar .actions-holder .btn:last-child:hover{border-color: var(--global--color-secondary)} .pricing .price-table{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column} @media screen and (max-width: 991.98px){ .pricing .price-table{max-width: 370px;margin: 0 auto} } .pricing .price-table .pricing-panel{background-color: var(--global--color-white);padding: 44px 50px 42px;border-radius: 8px;-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1} @media (min-width: 992px) and (max-width: 1200px){ .pricing .price-table .pricing-panel{padding-right: 25px;padding-left: 25px} } @media screen and (max-width: 991.98px){ .pricing .price-table .pricing-panel{text-align: center;max-width: 370px;margin: 0 auto 30px} } @media screen and (max-width: 767.98px){ .pricing .price-table .pricing-panel{padding-left: 25px;padding-right: 25px} } .pricing .price-table .pricing-panel .pricing-body .pricing-heading{margin-bottom: 40px} .pricing .price-table .pricing-panel .pricing-body .pricing-heading .pricing-title{font-family: var(--global--font-heading);font-size: 18px;font-weight: 700px;line-height: 26px;color: var(--global--color-secondary);margin-bottom: 0;position: relative;-webkit-transition: 300ms ease-in-out;-o-transition: 300ms ease-in-out;transition: 300ms ease-in-out} .pricing .price-table .pricing-panel .pricing-body .pricing-heading .pricing-desc{font-family: var(--global--font-body);font-size: 14px;font-weight: 400;color: var(--global--color-body);line-height: 26px;margin-bottom: 0} .pricing .price-table .pricing-panel .pricing-body .pricing-list p{font-size: 14px;line-height: 24px;color: var(--global--color-body);margin-bottom: 20px} .pricing .price-table .pricing-panel .pricing-body .pricing-price{margin-bottom: 34px} .pricing .price-table .pricing-panel .pricing-body .pricing-price p{padding-top: 55px;margin-bottom: 29px;font-family: var(--global--font-heading);font-weight: 400;color: var(--global--color-secondary);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;line-height: 30px;position: relative} .pricing .price-table .pricing-panel .pricing-body .pricing-price p::before{content: '';position: absolute;top: 0;left: 0;height: 2px;width: 100%;background-color: #eaeaea} @media screen and (max-width: 991.98px){ .pricing .price-table .pricing-panel .pricing-body .pricing-price p{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } .pricing .price-table .pricing-panel .pricing-body .pricing-price p span::before{content: '/'} .pricing .price-table .pricing-panel .pricing-body .pricing-price p span:first-of-type::before{content: unset} .pricing .price-table .pricing-panel .pricing-body .pricing-price p .currency{font-size: 50px} .pricing .price-table .pricing-panel .pricing-body .pricing-price p .time{font-size: 14px} .pricing .price-table .pricing-panel .pricing-body .pricing-price .btn{width: 100%;height: 65px;color: var(--global--color-white);padding-right: 20px;-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out} .pricing .price-table .pricing-panel .pricing-body .pricing-price .btn:hover{background-color: var(--global--color-primary)} .pricing .price-table .pricing-panel .pricing-body .pricing-price .btn i{width: 28px;height: 28px;background-color: var(--global--color-white);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: var(--global--color-heading);border-radius: 50%;-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out} .pricing .price-table .pricing-panel .pricing-body .pricing-price .btn i::before{font-size: 14px} .pricing .price-table .pricing-panel .pricing-body .pricing-price .btn::before{content: unset} .pricing .price-table .pricing-panel .pricing-body .pricing-price .btn:hover i{-webkit-transform: translateX(5px);-ms-transform: translateX(5px);transform: translateX(5px)} .pricing .price-table .pricing-panel.active{position: relative} .pricing .price-table .pricing-panel.active::before{content: '';display: block;width: 46px;height: 20px;background-image: url(../images/icons/high-light.png);position: absolute;top: 30px;right: -2px} .pricing .price-table .pricing-panel.active::after{content: '';position: absolute;bottom: 0;left: 50%;background-color: var(--global--color-primary);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);height: 4px;width: calc(100% - 100px)} @media (min-width: 992px) and (max-width: 1200px){ .pricing .price-table .pricing-panel.active::after{width: calc(100% - 50px)} } .pricing .price-table .pricing-panel.active .pricing-price .btn{background-color: var(--global--color-primary)} .pricing .price-table .pricing-panel.active .pricing-price .btn:hover{background-color: var(--global--color-heading)} .pricing .more-prices{text-align: center;margin-top: 0} @media screen and (min-width: 992px){ .pricing .more-prices{margin-top: 32px} } .pricing .more-prices p{font-family: var(--global--font-body);font-weight: 700;font-size: 15px;color: var(--global--color-body)} .pricing .more-prices p a{position: relative;font-weight: 700;color: var(--global--color-heading);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;padding-bottom: 6px} .pricing .more-prices p a:hover::before{width: calc(100% - 20%)} .pricing .more-prices p a::before{content: '';-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 100%;height: 2px;background-color: var(--global--color-primary)} .pricing.pricing-1{padding-top: 130px;padding-bottom: 100px} @media screen and (max-width: 991.98px){ .pricing.pricing-1{padding-top: 70px;padding-bottom: 70px} } .contact .advantages-list-holder{margin-bottom: 32px} .contact .contact-action{margin-bottom: 80px} @media screen and (max-width: 767.98px){ .contact .contact-action{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 40px} } .contact .contact-action .btn{font-family: var(--global--font-body);font-size: 15px;font-weight: 700;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: 170px;height: 65px;margin-right: 30px} @media (min-width: 992px) and (max-width: 1200px){ .contact .contact-action .btn{margin-right: 10px} } @media screen and (max-width: 991.98px){ .contact .contact-action .btn{margin: 0 30px 0 0} } @media screen and (max-width: 767.98px){ .contact .contact-action .btn{margin-right: 0;margin-bottom: 15px;height: 50px} } .contact .contact-action .btn:first-child i{color: var(--global--color-heading)} .contact .contact-action .btn:first-child:hover i{color: var(--global--color-white)} .contact .contact-action .btn:last-child{padding: 0 28px} .contact .contact-action .btn.btn--white{-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)} .contact .contact-action.contact-action-2{margin-bottom: 131px} @media screen and (max-width: 991.98px){ .contact .contact-action.contact-action-2{margin-bottom: 30px} } @media screen and (max-width: 991.98px){ .contact .contact-action.contact-action-2 .btn{margin-right: 0} } .contact .contact-quote{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .contact .contact-quote img{margin-right: 15px} .contact .contact-quote p{font-weight: 700;font-size: 15px;line-height: 25px;color: var(--global--color-gray)} .contact .contact-quote p a{color: var(--global--color-gray);font-weight: 700;font-size: 15px;line-height: 25px;position: relative;padding-bottom: 6px} .contact .contact-quote p a:hover::before{width: calc(100% - 20%)} .contact .contact-quote p a::before{content: '';-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 100%;height: 2px;background-color: var(--global--color-gray)} .contact .contact-quote.contact-quote-2{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start} @media screen and (max-width: 991.98px){ .contact .contact-quote.contact-quote-2{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;max-width: 370px;margin: 0 auto} } .contact .contact-quote.contact-quote-2 i{color: var(--global--color-white);margin-right: 40px} @media screen and (max-width: 991.98px){ .contact .contact-quote.contact-quote-2 i{margin-right: 0;margin-bottom: 30px} } .contact .contact-quote.contact-quote-2 i::before{font-size: 65px} @media screen and (min-width: 992px){ .contact .contact-quote.contact-quote-2 .quote-body{padding-top: 10px} } .contact .contact-quote.contact-quote-2 .quote-body p{font-size: 17px;line-height: 28px;margin-bottom: 22px;color: var(--global--color-white)} .contact .contact-quote.contact-quote-2 .quote-body a{color: var(--global--color-white);font-family: var(--global--font-body);font-weight: 700;font-size: 15px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} @media screen and (max-width: 991.98px){ .contact .contact-quote.contact-quote-2 .quote-body a{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } .contact .contact-quote.contact-quote-2 .quote-body a:hover{padding-left: 10px} .contact .contact-quote.contact-quote-2 .quote-body a i{width: 32px;height: 32px;margin-right: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background-color: var(--global--color-white);border-radius: 50%} @media screen and (max-width: 991.98px){ .contact .contact-quote.contact-quote-2 .quote-body a i{margin-bottom: 0} } .contact .contact-quote.contact-quote-2 .quote-body a i::before{color: var(--global--color-primary);font-size: 15px} .contact .contact-quote.contact-quote-3 p{color: var(--global--color-body)} .contact .contact-quote.contact-quote-3 p a{color: var(--global--color-heading)} .contact .contact-quote.contact-quote-3 p a::before{background-color: var(--global--color-primary)} .contact.contact-1{padding-top: 108px;padding-bottom: 108px} @media screen and (max-width: 991.98px){ .contact.contact-1{padding-top: 70px;padding-bottom: 70px} } .contact.contact-2{position: relative;padding-top: 108px;padding-bottom: 108px;background-position-x: -750px} @media screen and (max-width: 991.98px){ .contact.contact-2{padding-top: 70px;padding-bottom: 70px} } .contact.contact-2 .contact-overlay{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: calc(100% - 5%);border-radius: 12px;height: 100%;z-index: 1} .contact.contact-4{padding-top: 110px;padding-bottom: 110px} @media screen and (max-width: 991.98px){ .contact.contact-4{padding-top: 70px;padding-bottom: 70px} } .contact.contact-4 .contact-action .btn:first-child i{color: var(--global--color-white)} .contact.contact-4 .contact-action .btn:last-child{border: 2px solid rgba(37, 55, 69, .5);color: var(--global--color-heading)} .contact.contact-4 .contact-action .btn:last-child i{color: var(--global--color-heading)} .contact.contact-4 .contact-action .btn:last-child::before{content: unset} .contact.contact-4 .contact-action .btn:last-child:hover{background-color: var(--global--color-heading);color: var(--global--color-white)} .contact.contact-4 .contact-action .btn:last-child:hover i{color: var(--global--color-white)} .contact.contact-4 .contact-panel-3 textarea{padding-top: 25px;height: 150px} .contact-panel{padding: 50px 55px} @media screen and (max-width: 767.98px){ .contact-panel{padding: 40px 25px} } .contact-panel.contact-panel-2{padding: 60px 70px;background-color: var(--global--color-white);-webkit-box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);border-radius: 12px;-webkit-transform: translateY(370px);-ms-transform: translateY(370px);transform: translateY(370px);margin-top: -370px;z-index: 5} @media (min-width: 992px) and (max-width: 1200px){ .contact-panel.contact-panel-2{padding-left: 40px;padding-right: 40px} } @media screen and (max-width: 767.98px){ .contact-panel.contact-panel-2{padding-left: 25px;padding-right: 25px} } .contact-panel.contact-panel-2 .contact-card{padding-top: 0;padding-bottom: 0;padding-right: 0;-webkit-box-shadow: none;box-shadow: none} @media screen and (max-width: 991.98px){ .contact-panel.contact-panel-2 .contact-card{padding-left: 0} } .contact-panel.contact-panel-2 .contact-card .contact-result{margin-top: 0} .contact-panel.contact-panel-3{display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0;position: relative} @media screen and (max-width: 991.98px){ .contact-panel.contact-panel-3{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column} } @media screen and (min-width: 992px){ .contact-panel.contact-panel-3{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between} } .contact-panel.contact-panel-3 .heading{z-index: 4} @media screen and (min-width: 992px){ .contact-panel.contact-panel-3 .heading{-ms-flex-preferred-size: 40%;flex-basis: 40%;-ms-flex-negative: 0;flex-shrink: 0;margin-bottom: 0} } .contact-panel.contact-panel-3 .contact-card{z-index: 4} @media screen and (min-width: 992px){ .contact-panel.contact-panel-3 .contact-card{-ms-flex-preferred-size: 54%;flex-basis: 54%;-ms-flex-negative: 0;flex-shrink: 0} } @media screen and (max-width: 767.98px){ .contact-panel.contact-panel-3 .contact-card{padding-left: 25px;padding-right: 25px} } .contact-card{background-color: var(--global--color-white);border-radius: 8px 8px 0 8px;padding: 47px 50px 40px;border-radius: 12px;-webkit-box-shadow: 0 1px 73px 0 rgba(40, 40, 40, .15);box-shadow: 0 1px 73px 0 rgba(40, 40, 40, .15);height: -webkit-max-content;height: -moz-max-content;height: max-content;position: relative} @media screen and (max-width: 767.98px){ .contact-card{padding: 37px 25px 30px} } .contact-card .contact-body .card-heading{color: var(--global--color-heading);font-family: var(--global--font-heading);font-size: 24px;line-height: 1;font-weight: 700;margin-bottom: 20px} @media screen and (max-width: 991.98px){ .contact-card .contact-body .card-heading{text-align: center} } .contact-card .contact-body .card-desc{font-family: var(--global--font-body);font-weight: 400;font-size: 15px;line-height: 25px;color: var(--global--color-body);margin-bottom: 28px} @media screen and (max-width: 991.98px){ .contact-card .contact-body .card-desc{text-align: center} } .contact-card .contact-body form{margin-bottom: 0} .contact-card .contact-body .btn{padding-left: 30px;padding-right: 20px} .contact-card .contact-body .btn i{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: var(--global--color-white);border-radius: 50%;width: 28px;height: 28px;color: var(--global--color-heading);font-size: 12px} .contact-card .contact-body .contact-result{margin-top: 10px;text-align: center} .img-card{-ms-flex-negative: 0;flex-shrink: 0;height: auto;padding: 33px 40px 50px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;text-align: center} @media screen and (min-width: 992px){ .img-card{text-align: left;-ms-flex-preferred-size: 46%;flex-basis: 46%} } @media screen and (max-width: 767.98px){ .img-card{padding-left: 20px;padding-right: 20px} } .img-card .card-content{max-width: 100%} @media screen and (max-width: 991.98px){ .img-card .card-content .content-top{margin-bottom: 30px} } .img-card .card-content .content-top p{font-size: 17px;line-height: 28px;margin-bottom: 22px;font-weight: 700;color: var(--global--color-white)} .img-card .card-content .content-top a{color: var(--global--color-white);font-family: var(--global--font-body);font-weight: 700;font-size: 15px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} @media screen and (max-width: 991.98px){ .img-card .card-content .content-top a{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } .img-card .card-content .content-top a:hover i{-webkit-transform: translateX(5px);-ms-transform: translateX(5px);transform: translateX(5px)} .img-card .card-content .content-top a i{width: 32px;height: 32px;margin-right: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background-color: var(--global--color-white);border-radius: 50%;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} @media screen and (max-width: 991.98px){ .img-card .card-content .content-top a i{margin-bottom: 0} } .img-card .card-content .content-top a i::before{color: var(--global--color-primary);font-size: 15px} .img-card .card-content .content-bottom .contact-infos{margin-bottom: 26px} .img-card .card-content .content-bottom .contact-infos .contact-info{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;margin-bottom: 14px} .img-card .card-content .content-bottom .contact-infos .contact-info:last-child{margin-bottom: 0} .img-card .card-content .content-bottom .contact-infos .contact-info i{color: #f4f4f4;font-size: 16px;margin-right: 10px} .img-card .card-content .content-bottom .contact-infos .contact-info a, .img-card .card-content .content-bottom .contact-infos .contact-info p{font-family: var(--global--font-body);line-height: 22px;font-size: 14px;font-weight: 700;margin-bottom: 0;color: #f4f4f4;} .img-card .card-content .content-bottom .contact-infos .contact-info a:hover{color: var(--global--color-heading)} .img-card .card-content .content-bottom .btn{width: 150px;height: 55px;-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);padding: 0 20px;color: var(--global--color-primary)} .img-card .card-content .content-bottom .btn i{color: var(--global--color-primary)} .img-card .card-content .content-bottom .btn:hover{color: var(--global--color-white)} .img-card .card-content .content-bottom .btn:hover i{color: var(--global--color-white)} @media screen and (max-width: 991.98px){ .img-card .card-content .content-bottom .btn{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex} } .img-card.img-card-2{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;border-radius: 12px;background-position-x: 81%} @media screen and (max-width: 991.98px){ .img-card.img-card-2{margin-bottom: 50px} } .img-card h4{color: var(--global--color-gray)} .img-card.img-card-2 .card-content{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between} .img-card-holder{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column} .map{position: relative;height: 470px} .map .google_map{position: absolute;top: 0;left: 0;right: 0;height: 100%;width: 100%} .mb-20{margin-bottom: 20px !important} .clients{padding-top: 0;padding-bottom: 0;border-top: 1px solid #eaeaea;overflow: visible} .clients.bg-grey{color: var(--global--color-gray)} .clients .client{padding-top: 60px;padding-bottom: 60px;cursor: pointer;-webkit-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease;width: 150px;margin-right: auto;margin-left: auto;position: relative} @media (min-width: 992px) and (max-width: 1200px){ .clients .client{width: 130px} } .clients .client:hover::before{width: 100%} .clients .client::before{content: '';position: absolute;top: -1px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 0%;height: 1px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;background-color: var(--global--color-primary)} .clients .client a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;z-index: 2} .clients .client img{max-width: 100%;width: auto;display: block;margin-right: auto;margin-left: auto} .certificate img{display: block;margin: 0 auto} .testimonial{padding-top: 90px;padding-bottom: 85px} @media screen and (max-width: 767.98px){ .testimonial{padding-top: 70px;padding-bottom: 70px} } @media screen and (max-width: 767.98px){ .testimonial .testimonial-panel{max-width: 370px;margin-right: auto;margin-left: auto} } .testimonial .testimonial-panel .testimonial-body{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex} @media screen and (max-width: 991.98px){ .testimonial .testimonial-panel .testimonial-body{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center} } .testimonial .testimonial-panel .testimonial-body .testimonial-img{margin-right: 40px;width: 63px;height: 63px;-ms-flex-negative: 0;flex-shrink: 0;padding: 5px;border: 2px solid var(--global--color-primary);border-radius: 50%;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex} .testimonial .testimonial-panel .testimonial-body .testimonial-img img{max-width: 100%;border-radius: 50%} @media (min-width: 992px) and (max-width: 1200px){ .testimonial .testimonial-panel .testimonial-body .testimonial-img{margin-right: 25px} } @media screen and (max-width: 991.98px){ .testimonial .testimonial-panel .testimonial-body .testimonial-img{margin-bottom: 30px;margin-right: 0} } @media screen and (max-width: 991.98px){ .testimonial .testimonial-panel .testimonial-body .testimonial-content{text-align: center} } .testimonial .testimonial-panel .testimonial-body .testimonial-content p{font-family: var(--global--font-heading);color: var(--global--color-white);font-size: 24px;font-weight: 500;line-height: 39px;margin-bottom: 21px;font-style: italic} @media (min-width: 992px) and (max-width: 1200px){ .testimonial .testimonial-panel .testimonial-body .testimonial-content p{font-size: 22px;line-height: 1.5} } .testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} @media screen and (max-width: 991.98px){ .testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } .testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta h6{font-family: var(--global--font-body);font-size: 14px;line-height: 28px;font-weight: 700;color: var(--global--color-white);margin-bottom: 0} .testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta h6:after{content: ',';margin-right: 4px} .testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta p{font-family: var(--global--font-body);color: var(--global--color-gray);font-size: 14px;font-weight: 400;line-height: 23px;margin-bottom: 0} .testimonial .testimonial-panel.testimonial-panel-2 .testimonial-body .testimonial-content p{font-weight: 600;font-size: 25px;line-height: 41px;margin-bottom: 39px;font-style: normal;color: var(--global--color-secondary)} @media (min-width: 992px) and (max-width: 1200px){ .testimonial .testimonial-panel.testimonial-panel-2 .testimonial-body .testimonial-content p{font-size: 20px;line-height: 35px} } @media screen and (max-width: 767.98px){ .testimonial .testimonial-panel.testimonial-panel-2 .testimonial-body .testimonial-content p{font-size: 20px;line-height: 35px} } .testimonial .testimonial-thumbs{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} @media screen and (max-width: 991.98px){ .testimonial .testimonial-thumbs{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } @media screen and (max-width: 767.98px){ .testimonial .testimonial-thumbs{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column} } .testimonial .testimonial-thumbs .testimonial-thumb{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;opacity: .5;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;margin-right: 40px;cursor: pointer} .testimonial .testimonial-thumbs .testimonial-thumb:last-child{margin-right: 0} @media screen and (max-width: 991.98px){ .testimonial .testimonial-thumbs .testimonial-thumb{margin-right: 20px} } @media screen and (max-width: 767.98px){ .testimonial .testimonial-thumbs .testimonial-thumb{margin-right: 0;margin-bottom: 20px} } .testimonial .testimonial-thumbs .testimonial-thumb.active{opacity: 1} .testimonial .testimonial-thumbs .testimonial-thumb.active .thumb-img{border-color: var(--global--color-primary)} .testimonial .testimonial-thumbs .testimonial-thumb .thumb-img{margin-right: 15px;width: 63px;height: 63px;-ms-flex-negative: 0;flex-shrink: 0;padding: 5px;border: 2px solid transparent;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;border-radius: 50%;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex} .testimonial .testimonial-thumbs .testimonial-thumb .thumb-img img{max-width: 100%;border-radius: 50%} .testimonial .testimonial-thumbs .testimonial-thumb .thumb-body h6{font-family: var(--global--font-body);font-weight: 700;font-size: 14px;line-height: 20px;color: var(--global--color-secondary);margin-bottom: 0} .testimonial .testimonial-thumbs .testimonial-thumb .thumb-body p{font-size: 14px;line-height: 23px;color: var(--global--color-body)} .testimonial.testimonial-1 .owl-stage-outer{overflow: hidden} @media screen and (min-width: 992px){ .testimonial.testimonial-1 .owl-stage-outer::before{content: '';height: 100%;width: 40%;top: 0;right: 0;position: absolute;background-image: -webkit-gradient(linear, left top, right top, color-stop(2%, #00000000), color-stop(22%, var(--global--color-heading)));background-image: -o-linear-gradient(left, #00000000 2%, var(--global--color-heading) 22%);background-image: linear-gradient(90deg, #00000000 2%, var(--global--color-heading) 22%);opacity: .96;z-index: 5} } .testimonial.testimonial-1 .carousel-dots{position: relative} @media screen and (max-width: 991.98px){ .testimonial.testimonial-1 .carousel-dots .owl-nav{display: none} } .testimonial.testimonial-1 .carousel-dots .owl-nav span{font-size: 0} .testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next:before, .testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev:before{color: rgba(255, 255, 255, .5);font-family: carousel !important;font-size: 44px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev:before{content: "\e990"} .testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next:before{content: "\e991"} .testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next, .testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev{position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)} .testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next:hover::before, .testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev:hover::before{color: #fff} .testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next{right: 30px} .testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev{display: none} .testimonial.testimonial-1 .carousel-dots .owl-item{opacity: 1} .testimonial.testimonial-1 .carousel-dots .owl-dots{margin-top: 16px} .testimonial.testimonial-2{padding-bottom: 0} @media screen and (max-width: 991.98px){ .testimonial.testimonial-2{padding-top: 190px} } .testimonial.testimonial-3{padding-top: 460px;padding-bottom: 110px;background-position: top center} @media screen and (max-width: 991.98px){ .testimonial.testimonial-3{padding-bottom: 70px} } @media screen and (max-width: 991.98px){ .testimonial.testimonial-3 .counters-holder{margin-bottom: 30px;text-align: center} } @media screen and (min-width: 992px){ .testimonial.testimonial-3 .counters-holder .counter{padding-top: 30px} } .testimonial.testimonial-3 .counters-holder .counter .counter-desc p{color: var(--global--color-secondary)} .testimonial.testimonial-3 .counters-holder .counter .counter-desc p::after{background-color: var(--global--color-secondary)} .testimonial.testimonial-3 .owl-stage-outer{overflow: hidden} .testimonial.testimonial-3 .owl-stage-outer .owl-item{opacity: 1} .testimonial.testimonial-4{position: relative;padding-top: 80px;padding-bottom: 110px} @media screen and (max-width: 991.98px){ .testimonial.testimonial-4{padding-top: 40px;padding-bottom: 70px} } .testimonial.testimonial-4 .testimonial-overlay{background-color: #f6f7f8;background-position: top center;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);height: 100%;width: calc(100% - 7%);border-radius: 12px;z-index: 0} @media screen and (max-width: 991.98px){ .testimonial.testimonial-4 .testimonial-overlay{width: calc(100% - 4%)} } .testimonial.testimonial-4 .counters-holder{position: relative;z-index: 1} @media screen and (max-width: 991.98px){ .testimonial.testimonial-4 .counters-holder{margin-bottom: 30px;text-align: center} } @media screen and (min-width: 992px){ .testimonial.testimonial-4 .counters-holder .counter{padding-top: 30px} } .testimonial.testimonial-4 .counters-holder .counter .counter-desc p{color: var(--global--color-secondary)} .testimonial.testimonial-4 .counters-holder .counter .counter-desc p::after{background-color: var(--global--color-secondary)} .testimonial.testimonial-4 .owl-stage-outer{overflow: hidden} .testimonial.testimonial-4 .owl-stage-outer .owl-item{opacity: 1} .testimonial.testimonial-4 .testimonial-thumbs{position: relative;z-index: 1} .testimonial.testimonial-5{padding-top: 0;padding-bottom: 100px;background-position: top center;overflow: visible} @media screen and (max-width: 991.98px){ .testimonial.testimonial-5{padding-bottom: 70px} } .testimonial.testimonial-5 .contact-panel{-webkit-transform: translateY(-60px);-ms-transform: translateY(-60px);transform: translateY(-60px);margin-top: 0px;margin-bottom: 30px} .testimonial.testimonial-5 .contact-panel .contact-card .contact-body .btn{width: 270px} .testimonial.testimonial-5 .contact-panel .contact-card .contact-body .form-control{margin-bottom: 30px} .testimonial.testimonial-5 .contact-panel .contact-card .contact-body textarea{height: 127px;padding-top: 20px} @media screen and (max-width: 991.98px){ .testimonial.testimonial-5 .counters-holder{margin-bottom: 30px;text-align: center} } @media screen and (min-width: 992px){ .testimonial.testimonial-5 .counters-holder .counter{padding-top: 30px} } .testimonial.testimonial-5 .counters-holder .counter .counter-desc p{color: var(--global--color-secondary)} .testimonial.testimonial-5 .counters-holder .counter .counter-desc p::after{background-color: var(--global--color-secondary)} .testimonial.testimonial-5 .owl-stage-outer{overflow: hidden} .testimonial.testimonial-5 .owl-stage-outer .owl-item{opacity: 1} .video{position: relative;border-radius: 12px;height: 375px;-webkit-transform: translateY(100px);-ms-transform: translateY(100px);transform: translateY(100px);margin-top: -100px} .video.video-1{position: relative;margin-bottom: 0} .video.video-1 .btn-video{position: absolute;bottom: 30px;left: 30px;background-color: transparent;height: auto;padding: 0} .video.video-2{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);margin-top: 0} .video.video-2 .btn-video{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%)} .video.video-3{height: 525px;border-radius: 8px;margin-top: 0;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)} .video.video-3 .btn-video{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%)} .mfp-bg{z-index: 1543} .mfp-wrap{z-index: 1642} @-webkit-keyframes pulse{ 0%{-webkit-transform: scale(1);transform: scale(1)} 100%{-webkit-transform: scale(1.4);transform: scale(1.4);opacity: 0} } @keyframes pulse{ 0%{-webkit-transform: scale(1);transform: scale(1)} 100%{-webkit-transform: scale(1.4);transform: scale(1.4);opacity: 0} } .cta{-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);border-radius: 12px;overflow: hidden;background-color: var(--global--color-white);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column} @media screen and (min-width: 992px){ .cta{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;height: 250px} } @media screen and (min-width: 1200px){ .cta{height: 200px} } .cta .cta-img{position: relative} @media screen and (min-width: 992px){ .cta .cta-img{-ms-flex-preferred-size: 38%;flex-basis: 38%;-ms-flex-negative: 0;flex-shrink: 0} } .cta .cta-img img{max-width: 100%} .cta .cta-img .cta-icon{border: 9px solid var(--global--color-white);border-radius: 50%;position: absolute;bottom: 0;left: 50%;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;-webkit-transform: translate(-50%, 50%);-ms-transform: translate(-50%, 50%);transform: translate(-50%, 50%)} @media screen and (min-width: 992px){ .cta .cta-img .cta-icon{top: 50%;left: auto;bottom: auto;-webkit-transform: translate(50%, -50%);-ms-transform: translate(50%, -50%);transform: translate(50%, -50%);right: 0} } .cta .cta-img .cta-icon:hover i{background-color: var(--global--color-heading)} .cta .cta-img .cta-icon i{border-radius: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 80px;height: 80px;background-color: var(--global--color-primary);color: var(--global--color-white);font-size: 30px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} @media screen and (max-width: 767.98px){ .cta .cta-img .cta-icon i{width: 50px;height: 50px;font-size: 25px} } .cta .cta-body{padding: 38px 50px 35px 80px} @media screen and (max-width: 991.98px){ .cta .cta-body{padding-top: 70px;padding-left: 50px} } @media screen and (max-width: 767.98px){ .cta .cta-body{padding-top: 50px;padding-left: 30px;padding-right: 30px} } .cta .cta-body h5{font-size: 23px;margin-bottom: 20px;line-height: 1;} @media screen and (max-width: 991.98px){ .cta .cta-body h5{text-align: center;line-height: 1.4} } .cta .cta-body .cta-content{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column} @media screen and (min-width: 768px){ .cta .cta-body .cta-content{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row} } .cta .cta-body .cta-content p{font-size: 15px;line-height: 25px} @media screen and (max-width: 767.98px){ .cta .cta-body .cta-content p{text-align: center;margin-bottom: 20px} } .cta .cta-body .cta-content .btn{-ms-flex-negative: 0;flex-shrink: 0;width: 185px;height: 55px;padding: 0 27px;border-color: rgba(37, 55, 69, .5);color: var(--global--color-heading);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;margin-left: 0} .cta .cta-body .cta-content .btn i{color: var(--global--color-heading);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .cta .cta-body .cta-content .btn::before{background-color: var(--global--color-heading)} .cta .cta-body .cta-content .btn:hover{border-color: var(--global--color-heading);color: var(--global--color-white)} .cta .cta-body .cta-content .btn:hover i{color: var(--global--color-white)} @media screen and (min-width: 768px){ .cta .cta-body .cta-content .btn{margin-left: 30px} } @media screen and (min-width: 992px){ .cta .cta-body .cta-content .btn{margin-left: 50px} } .cta-holder{overflow: visible;padding-bottom: 70px;background-position: bottom center} @media screen and (min-width: 992px){ .cta-holder{-webkit-transform: translateY(-160px);-ms-transform: translateY(-160px);transform: translateY(-160px);margin-bottom: -160px;padding-bottom: 100px;background-position-y: -200px} } @media screen and (min-width: 1200px){ .cta-holder{background-position-y: -400px;-webkit-transform: translateY(-180px);-ms-transform: translateY(-180px);transform: translateY(-180px);margin-bottom: -180px} } .cta-holder .cta{margin-bottom: 33px} .cta-holder .more-actions{text-align: center} .cta-holder .more-actions p{font-family: var(--global--font-body);font-weight: 700;font-size: 15px;color: var(--global--color-body)} .cta-holder .more-actions p a{position: relative;font-weight: 700;color: var(--global--color-heading);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;padding-bottom: 6px} .cta-holder .more-actions p a:hover::before{width: calc(100% - 20%)} .cta-holder .more-actions p a::before{content: '';-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 100%;height: 2px;background-color: var(--global--color-primary)} .page-404 h3{font-size: 280px;font-weight: 600;line-height: 1.1;margin-bottom: 0} .page-404 p{color: #a5a5a5;font-size: 15px;font-weight: 400;line-height: 23px;margin-bottom: 20px} @media only screen and (max-width: 767px){ .page-404 h3{font-size: 150px} .page-404 .btn{width: 125px} } @media only screen and (min-width: 992px) and (max-width: 1200px){ .page-404 h3{font-size: 180px} } .services{padding-top: 210px;padding-bottom: 100px;background-color: #f6f7f8} @media screen and (max-width: 991.98px){ .services{padding-top: 150px;padding-bottom: 70px} } .services .service-panel{position: relative;padding: 66px 40px 40px;cursor: pointer;margin-bottom: 30px;-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);border-radius: 8px;background-color: var(--global--color-white)} @media screen and (min-width: 992px){ .services .service-panel{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start} } @media (min-width: 992px) and (max-width: 1200px){ .services .service-panel{padding-left: 20px;padding-right: 20px} } @media screen and (max-width: 991.98px){ .services .service-panel{margin: 0 auto 30px;max-width: 370px} } @media screen and (max-width: 767.98px){ .services .service-panel{padding-left: 25px;padding-right: 25px} } .services .service-panel::after{content: '';position: absolute;bottom: 0;right: 0;height: 4px;width: calc(100% - 40px);background-color: var(--global--color-primary);border-radius: 0 0 8px 0;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} @media (min-width: 992px) and (max-width: 1200px){ .services .service-panel::after{width: calc(100% - 20px)} } @media screen and (max-width: 767.98px){ .services .service-panel::after{width: calc(100% - 20px)} } .services .service-panel:hover:after{height: 10px} .services .service-panel:hover .service-icon i{-webkit-transform: rotateY(360deg);transform: rotateY(360deg)} .services .service-panel:hover .service-content .btn::before{-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center} .services .service-panel .service-icon{position: absolute;top: -40px;left: 40px;z-index: 2;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1300px;perspective: 1300px} @media (min-width: 992px) and (max-width: 1200px){ .services .service-panel .service-icon{left: 25px} } @media screen and (max-width: 767.98px){ .services .service-panel .service-icon{left: 25px} } .services .service-panel .service-icon i{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .services .service-panel .service-icon i::before{margin-left: 0;font-size: 75px;color: var(--global--color-primary);-webkit-transition: 300ms ease-in-out;-o-transition: 300ms ease-in-out;transition: 300ms ease-in-out} .services .service-panel .service-content{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center} @media screen and (min-width: 768px){ .services .service-panel .service-content{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start} } .services .service-panel .service-content h4{width: 100%;margin-bottom: 0} .services .service-panel .service-content h4 a{display: block;font-family: var(--global--font-heading);font-weight: 700;font-size: 23px;line-height: 29px;padding-bottom: 36px;margin-bottom: 35px;border-bottom: 2px solid #eaeaea;color: var(--global--color-heading);width: 100%;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .services .service-panel .service-content h4 a:hover{color: var(--global--color-primary)} .services .service-panel .service-content p{font-family: var(--global--font-body);font-size: 15px;line-height: 25px;margin-bottom: 24px;color: var(--global--color-body)} .services .service-panel .service-content .advantages-list{text-align: left;margin: 0;padding: 0;list-style: none;margin-bottom: 32px} .services .service-panel .service-content .advantages-list li{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-family: var(--global--font-body);font-weight: 700;font-size: 15px;line-height: 36px;color: var(--global--color-body);} @media (min-width: 992px) and (max-width: 1200px){ .services .service-panel .service-content .advantages-list li{font-size: 14px} } .services .service-panel .service-content .advantages-list li::before{content: '\f00c';font-family: "font awesome 5 free";font-weight: 700;width: 20px;height: 20px;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: var(--global--color-secondary);color: var(--global--color-white);margin-right: 18px;border-radius: 50%;font-size: 10px} @media (min-width: 992px) and (max-width: 1200px){ .services .service-panel .service-content .advantages-list li::before{margin-right: 8px} } .services .service-panel .service-content .btn{position: relative;-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);width: 165px;height: 55px} .services .service-panel .service-content .btn i{-webkit-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;color: var(--global--color-white);font-size: 12px} .services .service-panel.services-panel-2{padding-top: 50px;padding-bottom: 50px;margin-bottom: 37px} .services .service-panel.services-panel-2 .service-icon{position: relative;top: auto;left: auto;margin-bottom: 32px} .services .service-panel.services-panel-2 .service-content h4 a{padding-bottom: 0;border-bottom: 0;margin-bottom: 29px} .services .service-panel.services-panel-2 .service-content p{margin-bottom: 31px} .services .service-panel.services-panel-2 .service-content .advantages-list{display: none} .services .service-panel.services-panel-3{padding: 0;margin-bottom: 40px} .services .service-panel.services-panel-3:hover::after{height: 4px;width: calc(100% - 80px)} @media (min-width: 992px) and (max-width: 1200px){ .services .service-panel.services-panel-3:hover::after{width: calc(100% - 50px)} } @media screen and (max-width: 767.98px){ .services .service-panel.services-panel-3:hover::after{width: calc(100% - 60px)} } .services .service-panel.services-panel-3::after{right: auto;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 0;border-radius: 0} .services .service-panel.services-panel-3 .service-img{border-radius: 8px;overflow: hidden} .services .service-panel.services-panel-3 .service-content{padding: 33px 40px 40px} @media screen and (max-width: 991.98px){ .services .service-panel.services-panel-3 .service-content{text-align: center} } @media (min-width: 992px) and (max-width: 1200px){ .services .service-panel.services-panel-3 .service-content{padding-left: 25px;padding-right: 25px} } @media screen and (max-width: 767.98px){ .services .service-panel.services-panel-3 .service-content{padding-left: 30px;padding-right: 30px} } .services .service-panel.services-panel-3 .service-content h4 a{padding-bottom: 0;border-bottom: 0;margin-bottom: 19px} .services .service-panel.services-panel-3 .service-content p{margin-bottom: 21px} @media screen and (max-width: 991.98px){ .services .service-panel.services-panel-3 .service-content .btn{margin: 0 auto} } .services .actions-holder{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-top: 8px} @media screen and (max-width: 991.98px){ .services .actions-holder{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } @media screen and (max-width: 767.98px){ .services .actions-holder{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column} } .services .actions-holder .btn{margin-right: 30px} .services .actions-holder .btn:first-child{width: 170px;-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)} .services .actions-holder .btn:last-child{width: 182px;margin-right: 0;padding: 0 27px;border-color: rgba(37, 55, 69, .5);color: var(--global--color-heading);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .services .actions-holder .btn:last-child::before{background-color: var(--global--color-heading)} .services .actions-holder .btn:last-child:hover{border-color: var(--global--color-heading);color: var(--global--color-white)} @media screen and (max-width: 767.98px){ .services .actions-holder .btn{margin-right: 0;margin-bottom: 20px} } .services .more-services{text-align: center} .services .more-services p{font-family: var(--global--font-body);font-weight: 700;font-size: 15px;color: var(--global--color-body)} .services .more-services p a{position: relative;font-weight: 700;color: var(--global--color-heading);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;padding-bottom: 6px} .services .more-services p a:hover::before{width: calc(100% - 20%)} .services .more-services p a::before{content: '';-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 100%;height: 2px;background-color: var(--global--color-primary)} .services .more-services .rating i{color: var(--global--color-primary);margin-right: 5px} .services .more-services .rating i:last-child{margin-right: 0} .services .more-services.more-services-2{display: -webkit-box;display: -ms-flexbox;display: flex;text-align: left} @media screen and (max-width: 991.98px){ .services .more-services.more-services-2{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center} } .services .more-services.more-services-2 .rating{margin-top: 4px;margin-right: 40px;-ms-flex-negative: 0;flex-shrink: 0} @media screen and (max-width: 991.98px){ .services .more-services.more-services-2 .rating{margin-right: 0;margin-bottom: 10px} } .services .more-services.more-services-2 a{color: var(--global--color-primary)} .services .more-services.more-services-2 a::before{background-color: var(--global--color-heading)} .services .more-services.more-services-2 p{font-weight: 400} .services.services-2{padding-top: 114px;padding-bottom: 65px} @media screen and (max-width: 991.98px){ .services.services-2{padding-top: 60px;padding-bottom: 70px} } .services.services-2 .owl-dots{margin-bottom: 62px} .services.services-3{padding-top: 130px;padding-bottom: 110px;background-position: top center} @media screen and (max-width: 991.98px){ .services.services-3{padding-top: 70px;padding-bottom: 70px} } .services.services-4{padding-top: 130px;padding-bottom: 40px} @media screen and (max-width: 991.98px){ .services.services-4{padding-top: 70px;padding-bottom: 0} } .services.services-4 .service-panel{margin-bottom: 90px} .service-single{padding-top: 110px;padding-bottom: 60px} @media screen and (max-width: 991.98px){ .service-single{padding-top: 70px;padding-bottom: 20px} } .service-single .sidebar{margin-left: 0;margin-right: auto} .service-single .service-entry .entry-content .entry-infos{margin-bottom: 66px} @media screen and (max-width: 991.98px){ .service-single .service-entry .entry-content .entry-infos{text-align: center} } .service-single .service-entry .entry-content .entry-infos .entry-heading{font-size: 32px;line-height: 1;font-weight: 700;margin-bottom: 21px;color: var(--global--color-secondary);} .service-single .service-entry .entry-content .entry-infos .entry-desc{font-size: 16px;line-height: 26px;margin-bottom: 28px} .service-single .service-entry .entry-content .entry-infos .entry-desc:last-child{margin-bottom: 0} .service-single .service-entry .entry-content .entry-introduction .entry-heading{margin-bottom: 17px;-webkit-transform: translateY(-4px);-ms-transform: translateY(-4px);transform: translateY(-4px)} .service-single .service-entry .entry-content .entry-introduction .entry-desc:nth-child(3){margin-bottom: 32px} .service-single .service-entry .entry-content .entry-introduction img{max-width: 100%;border-radius: 8px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} @media screen and (max-width: 767.98px){ .service-single .service-entry .entry-content .entry-introduction img{margin-bottom: 30px} } .service-single .service-entry .entry-content .entry-introduction img:hover{-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px)} .service-single .service-entry .entry-content .entry-stats{margin-bottom: 57px} .service-single .service-entry .entry-content .entry-stats img{max-width: 100%;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex} @media screen and (max-width: 991.98px){ .service-single .service-entry .entry-content .entry-stats img{margin-top: 30px} } .service-single .service-entry .entry-content .entry-processes{margin-bottom: 66px;background-color: #e0f6e9;border-radius: 12px;padding: 45px 40px 40px} @media screen and (max-width: 767.98px){ .service-single .service-entry .entry-content .entry-processes{padding: 60px 25px 40px} } .service-single .service-entry .entry-content .entry-processes .entry-body{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start} @media screen and (max-width: 767.98px){ .service-single .service-entry .entry-content .entry-processes .entry-body{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center} } .service-single .service-entry .entry-content .entry-processes .entry-body .process-icon{-ms-flex-negative: 0;flex-shrink: 0;width: 170px;height: 170px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-radius: 50%} @media screen and (max-width: 767.98px){ .service-single .service-entry .entry-content .entry-processes .entry-body .process-icon{width: 150px;height: 150px;margin-bottom: 20px} } @media screen and (min-width: 768px){ .service-single .service-entry .entry-content .entry-processes .entry-body .process-icon{margin-right: 40px;margin-top: 15px} } .service-single .service-entry .entry-content .entry-processes .entry-body .process-icon:hover i{-webkit-transform: scale(.9);-ms-transform: scale(.9);transform: scale(.9)} .service-single .service-entry .entry-content .entry-processes .entry-body .process-icon i{-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 110px;height: 110px;background-color: var(--global--color-primary);color: var(--global--color-white);border-radius: 50%} @media screen and (max-width: 767.98px){ .service-single .service-entry .entry-content .entry-processes .entry-body .process-icon i{width: 90px;height: 90px} } .service-single .service-entry .entry-content .entry-processes .entry-body .process-icon i::before{font-size: 50px} .service-single .service-entry .entry-content .entry-processes .images-holder{overflow: hidden;border-radius: 8px} .service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-stage-outer{overflow: hidden} .service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-stage-outer .owl-item{opacity: 1} .service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav{position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between} @media screen and (max-width: 767.98px){ .service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav{display: none} } .service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev, .service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 110px;height: 110px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev::before, .service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next::before{color: var(--global--color-white);content: '\e906';font-family: energia;font-size: 20px} .service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev{left: 0;border-radius: 0 8px 8px 0;background-color: var(--global--color-primary)} .service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev:hover{background-color: var(--global--color-heading)} .service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev:before{-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg)} .service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next{right: 0;border-radius: 8px 0 0 8px;background-color: var(--global--color-heading)} .service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next:hover{background-color: var(--global--color-primary)} .service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next:before{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg)} .service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-dots{position: absolute;width: 100%;bottom: -100px} .service-single .service-entry .entry-content .entry-video .heading-desc{margin-bottom: 35px} .service-single .service-entry .entry-content .entry-topics{padding-top: 40px} .service-single .service-entry .entry-content .entry-topics .entry-topic{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-bottom: 16px} .service-single .service-entry .entry-content .entry-topics .entry-topic:last-of-type{margin-bottom: 7px} @media screen and (min-width: 992px){ .service-single .service-entry .entry-content .entry-topics .entry-topic{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row} } @media screen and (min-width: 992px){ .service-single .service-entry .entry-content .entry-topics .entry-topic h5{-ms-flex-preferred-size: 25%;flex-basis: 25%;margin-right: 5%} } @media screen and (min-width: 992px){ .service-single .service-entry .entry-content .entry-topics .entry-topic p{-ms-flex-preferred-size: 70%;flex-basis: 70%;-webkit-transform: translateY(-4px);-ms-transform: translateY(-4px);transform: translateY(-4px)} } .service-single .service-entry .entry-content .entry-why{margin-bottom: 36px} .service-single .service-entry .entry-content .entry-why .entry-desc{margin-bottom: 32px} .service-single .service-entry .entry-content .entry-benefits{margin-bottom: 36px} .service-single .service-entry .entry-content .entry-benefits .entry-heading{margin-bottom: 37px} .service-single .service-entry .entry-content .projects{margin-bottom: 0} .service-single .service-entry .entry-content .projects .entry-heading{margin-bottom: 37px} .company-data{padding-top: 45px;padding-bottom: 45px;border-bottom: 1px solid #eaeaea;overflow: visible} .company-data .data{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} @media screen and (max-width: 767.98px){ .company-data .data{margin-bottom: 15px} } .company-data .data .data-icon{margin-right: 20px} @media (min-width: 992px) and (max-width: 1200px){ .company-data .data .data-icon{margin-right: 10px} } .company-data .data .data-icon i::before{margin-left: 0;color: var(--global--color-primary);font-size: 50px} @media (min-width: 992px) and (max-width: 1200px){ .company-data .data .data-icon i::before{font-size: 35px} } .company-data .data .data-body h6{font-family: var(--global--font-heading);font-weight: 700;font-size: 18px;line-height: 24px;color: #282828;margin-bottom: 7px} .company-data .data .data-body p, .company-data .data .data-body a{color: var(--global--color-body);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;font-family: var(--global--font-body);font-weight: 400;font-size: 14px;line-height: 24px;} .company-data .data .data-body a:hover{color: var(--global--color-primary)} .company-data .panels-container{display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 40px;border-radius: 8px;overflow: hidden} @media screen and (min-width: 992px){ .company-data .panels-container{margin-top: 0;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;margin-bottom: -126px;-webkit-transform: translateY(-126px);-ms-transform: translateY(-126px);transform: translateY(-126px);position: relative;z-index: 1000} } @media screen and (max-width: 991.98px){ .company-data .panels-container{max-width: 370px;margin-left: auto;margin-right: auto} } .company-data .panels-container .panel-action{background-color: var(--global--color-primary);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;padding: 37px 30px 39px 45px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;cursor: pointer} @media (min-width: 992px) and (max-width: 1200px){ .company-data .panels-container .panel-action{padding-left: 20px;padding-right: 20px} } @media screen and (max-width: 991.98px){ .company-data .panels-container .panel-action{padding-left: 25px;padding-right: 25px} } @media screen and (max-width: 767.98px){ .company-data .panels-container .panel-action{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center} } .company-data .panels-container .panel-action .panel-icon{-ms-flex-negative: 0;flex-shrink: 0;margin-bottom: 20px} @media screen and (min-width: 768px){ .company-data .panels-container .panel-action .panel-icon{margin-right: 30px;margin-bottom: 0} } @media (min-width: 992px) and (max-width: 1200px){ .company-data .panels-container .panel-action .panel-icon{margin-right: 20px} } .company-data .panels-container .panel-action .panel-icon i::before{color: var(--global--color-white);font-size: 65px;margin-left: 0} @media (min-width: 992px) and (max-width: 1200px){ .company-data .panels-container .panel-action .panel-icon i::before{font-size: 50px} } .company-data .panels-container .panel-action .panel-content .panel-heading{font-family: var(--global--font-heading);font-weight: 700;font-size: 20px;line-height: 30px;margin-bottom: 16px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;color: var(--global--color-white)} @media (min-width: 992px) and (max-width: 1200px){ .company-data .panels-container .panel-action .panel-content .panel-heading{font-size: 18px} } .company-data .panels-container .panel-action .panel-content .panel-desc{font-size: 15px;line-height: 24px;color: var(--global--color-gray)} .counters{padding-top: 130px;padding-bottom: 90px;position: relative} @media screen and (max-width: 991.98px){ .counters{padding-top: 70px;padding-bottom: 70px} } .counters .actions-holder{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} @media screen and (max-width: 991.98px){ .counters .actions-holder{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } @media screen and (max-width: 767.98px){ .counters .actions-holder{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column} } .counters .actions-holder .btn{margin-right: 30px} .counters .actions-holder .btn:last-child{width: 235px;margin-right: 0} @media screen and (max-width: 767.98px){ .counters .actions-holder .btn{margin-right: 0;margin-bottom: 20px} } .counters-bar{border-radius: 8px;-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);background-color: var(--global--color-white);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding-top: 32px;padding-bottom: 26px} @media screen and (max-width: 991.98px){ .counters-bar{padding-left: 25px;padding-right: 25px;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly} } .counter{background-color: var(--global--color-primary);color: var(--global--color-white);border-radius: 8px;padding: 24px 40px 30px;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start} .counter .counter-icon{margin-bottom: 18px} .counter .counter-icon i::before{font-size: 65px;margin-left: 0} .counter .counter-num{margin-bottom: 12px;display: -webkit-box;display: -ms-flexbox;display: flex} .counter .counter-num span, .counter .counter-num p{font-size: 37px;font-family: var(--global--font-heading);font-weight: 700;line-height: 29px;display: inline-block;color: var(--global--color-white)} .counter .counter-num p{margin-bottom: 0} .counter .counter-name h6{margin-bottom: 0;font-family: var(--global--font-body);font-weight: 700;font-size: 16px;line-height: 29px;color: var(--global--color-white);} .counter.counter-2{background-color: transparent;border-radius: 0;padding: 0;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;margin-bottom: 40px} @media screen and (max-width: 991.98px){ .counter.counter-2{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;max-width: 370px;margin: 0 auto 30px} } .counter.counter-2::before{content: '';position: absolute;bottom: 0;left: 0;width: 170px;height: 2px;background-color: #4c5b66} @media screen and (max-width: 991.98px){ .counter.counter-2::before{left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%)} } .counter.counter-2:last-child{margin-bottom: 0} .counter.counter-2:last-child::before{content: unset} .counter.counter-2:last-child .counter-desc p{margin-bottom: 0} .counter.counter-2 .counter-num{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;margin-bottom: 17px} .counter.counter-2 .counter-num .counting{font-family: var(--global--font-body);font-weight: 500;font-size: 37px;color: var(--global--color-primary);line-height: 29px;margin-right: 10px} .counter.counter-2 .counter-num h6{font-size: 20px;font-weight: 700;font-style: italic;line-height: 29px;color: var(--global--color-white);margin-bottom: 0} .counter.counter-2 .counter-desc p{margin-bottom: 34px;font-size: 15px;line-height: 25px;color: var(--global--color-gray)} .counter.counter-3{background-color: transparent;border-radius: 0;padding: 0} .counter.counter-3 .counter-holder{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;margin-bottom: 35px} .counter.counter-3 .counter-holder .counter-num{margin-right: 32px;-webkit-transform: translateY(-14px);-ms-transform: translateY(-14px);transform: translateY(-14px);margin-top: -14px} .counter.counter-3 .counter-holder .counter-num span{font-family: var(--global--font-body);font-weight: 300;color: var(--global--color-primary);font-size: 120px;margin-bottom: 0} @media screen and (max-width: 767.98px){ .counter.counter-3 .counter-holder .counter-num span{font-size: 60px} } .counter.counter-3 .counter-holder .counter-img{width: 170px;height: 170px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-radius: 50%} @media screen and (max-width: 767.98px){ .counter.counter-3 .counter-holder .counter-img{width: 150px;height: 150px} } .counter.counter-3 .counter-holder .counter-img:hover i{-webkit-transform: scale(.9);-ms-transform: scale(.9);transform: scale(.9)} .counter.counter-3 .counter-holder .counter-img i{-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 110px;height: 110px;background-color: var(--global--color-primary);color: var(--global--color-white);border-radius: 50%} @media screen and (max-width: 767.98px){ .counter.counter-3 .counter-holder .counter-img i{width: 90px;height: 90px} } .counter.counter-3 .counter-holder .counter-img i::before{font-size: 50px} .counter.counter-3 .counter-desc{position: relative;padding-bottom: 24px} .counter.counter-3 .counter-desc::after{content: '';position: absolute;bottom: 0;left: 0;width: 28px;height: 2px;background-color: #4c5b66} @media screen and (max-width: 767.98px){ .counter.counter-3 .counter-desc::after{left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%)} } @media screen and (min-width: 992px){ .counter.counter-3 .counter-desc{margin-left: 40px;width: 50%} } .counter.counter-3 .counter-desc p{margin-bottom: 0;font-family: var(--global--font-body);color: var(--global--color-white);font-weight: 700;font-size: 16px;line-height: 26px} .counter.counter-4{padding: 32px 40px 38px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .counter.counter-4 .counter-num{margin-bottom: 0} .counter.counter-4 .counter-num h6, .counter.counter-4 .counter-num span, .counter.counter-4 .counter-num p{font-style: italic;margin-bottom: 0;font-weight: 600;font-size: 20px;line-height: 29px;color: var(--global--color-white)} .counter.counter-4 .counter-num p{margin-right: 10px} .counter.counter-5{background-color: transparent;border-radius: 0;padding: 0;position: relative;text-align: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center} @media screen and (min-width: 992px){ .counter.counter-5{padding-left: 40px;text-align: left;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start} } .counter.counter-5:first-child::before{content: unset} @media screen and (min-width: 992px){ .counter.counter-5:last-child{padding-right: 40px} } .counter.counter-5::before{content: '';position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);height: 53px;width: 2px;background-color: #eaeaea} @media screen and (max-width: 991.98px){ .counter.counter-5::before{content: unset} } .counter.counter-5 .counter-name{margin-bottom: 8px} .counter.counter-5 .counter-name h6{color: #282828} .counter.counter-5 .counter-num span{font-family: var(--global--font-body);font-weight: 600;font-size: 30px;color: #4aab3d} @media screen and (max-width: 991.98px){ .counter.counter-5 .counter-num span{font-size: 25px} } .counter.counter-5 .counter-num span:last-of-type{margin-left: 10px} .counter.counter-6{background-color: transparent;border-radius: 0;padding: 0} @media screen and (max-width: 991.98px){ .counter.counter-6{-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0 auto 30px} } .counter.counter-6 .counter-name{margin-bottom: 0} .counter.counter-6 .counter-name h6{color: var(--global--color-secondary)} .counter.counter-6 .counter-num{margin-bottom: 24px} .counter.counter-6 .counter-num span{font-weight: 400;font-family: var(--global--font-body);font-size: 50px;color: var(--global--color-primary)} @-webkit-keyframes Bounce{ 0%{-webkit-transform: translateY(0px);transform: translateY(0px)} 25%{-webkit-transform: translateY(-15px);transform: translateY(-15px)} 50%{-webkit-transform: translateY(0px);transform: translateY(0px)} 75%{-webkit-transform: translateY(-15px);transform: translateY(-15px)} 100%{-webkit-transform: translateY(0px);transform: translateY(0px)} } @keyframes Bounce{ 0%{-webkit-transform: translateY(0px);transform: translateY(0px)} 25%{-webkit-transform: translateY(-15px);transform: translateY(-15px)} 50%{-webkit-transform: translateY(0px);transform: translateY(0px)} 75%{-webkit-transform: translateY(-15px);transform: translateY(-15px)} 100%{-webkit-transform: translateY(0px);transform: translateY(0px)} } .projects.projects-modern{padding-top: 130px;padding-bottom: 70px} @media screen and (max-width: 991.98px){ .projects.projects-modern{padding-top: 70px} } .projects.projects-modern.projects-modern-2{padding-top: 210px} @media screen and (max-width: 991.98px){ .projects.projects-modern.projects-modern-2{padding-top: 170px} } .projects.projects-modern.projects-modern-3{padding-top: 86px;padding-bottom: 110px} @media screen and (max-width: 991.98px){ .projects.projects-modern.projects-modern-3{padding-top: 66px;padding-bottom: 70px} } .projects.projects-grid{padding-top: 114px;padding-bottom: 130px} @media screen and (max-width: 991.98px){ .projects.projects-grid{padding-top: 54px;padding-bottom: 105px} } @media (max-width: 400px){ .projects.projects-grid .carousel{padding: 0 5%} } .projects.projects-grid .carousel .owl-stage-outer{overflow: hidden} .projects.projects-grid .carousel .owl-stage-outer .owl-item{opacity: 1} .projects.projects-grid .carousel .owl-nav{top: 167px} @media screen and (max-width: 991.98px){ .projects.projects-grid .carousel .owl-nav{display: none} } .projects.projects-grid .carousel .owl-nav .owl-prev, .projects.projects-grid .carousel .owl-nav .owl-next{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 110px;height: 110px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .projects.projects-grid .carousel .owl-nav .owl-prev::before, .projects.projects-grid .carousel .owl-nav .owl-next::before{color: var(--global--color-white);content: '\e906';font-family: energia;font-size: 20px} .projects.projects-grid .carousel .owl-nav .owl-prev{left: 0;border-radius: 0 8px 8px 0;background-color: var(--global--color-primary)} .projects.projects-grid .carousel .owl-nav .owl-prev:hover{background-color: var(--global--color-heading)} .projects.projects-grid .carousel .owl-nav .owl-prev:before{-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg)} .projects.projects-grid .carousel .owl-nav .owl-next{right: 0;border-radius: 8px 0 0 8px;background-color: var(--global--color-heading)} .projects.projects-grid .carousel .owl-nav .owl-next:hover{background-color: var(--global--color-primary)} .projects.projects-grid .carousel .owl-nav .owl-next:before{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg)} .projects.projects-grid .carousel .owl-dots{position: absolute;width: 100%;bottom: -100px} .projects.projects-grid .project-panel:hover{-webkit-box-shadow: none;box-shadow: none} .projects.projects-grid .project-panel .project-panel-holder .project-content{padding: 30px 38px 17px} @media (min-width: 992px) and (max-width: 1200px){ .projects.projects-grid .project-panel .project-panel-holder .project-content{padding-left: 10px;padding-right: 10px} } .projects.projects-grid .project-panel .project-panel-holder .project-content .project-title{margin-bottom: 6px} .projects.projects-grid.projects-grid-2{padding-top: 0;padding-bottom: 0} @media (max-width: 400px){ .projects.projects-grid.projects-grid-2 .carousel{padding: 0} } .projects.projects-grid.projects-grid-2 .carousel .owl-nav{position: absolute;top: 125px;left: -58px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column} @media screen and (max-width: 991.98px){ .projects.projects-grid.projects-grid-2 .carousel .owl-nav{display: none} } .projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-prev, .projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-next{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: auto;height: auto;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-prev::before, .projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-next::before{color: var(--global--color-white);font-family: carousel;font-size: 40px} .projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-prev span, .projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-next span{display: none} .projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-prev{left: auto;border-radius: 0;background-color: transparent} .projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-prev:before{content: '\e990';-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);color: var(--global--color-heading)} .projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-next{right: auto;margin-bottom: 25px;border-radius: 0;background-color: transparent} .projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-next:before{content: '\e991';color: var(--global--color-primary);-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg)} .projects.projects-grid.projects-grid-2 .project-panel .project-panel-holder .project-content{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column} .projects.projects-grid.projects-grid-2 .project-panel .project-panel-holder .project-content .project-title{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2} .projects.projects-grid.projects-grid-2 .project-panel .project-panel-holder .project-content .project-cat{-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;margin-bottom: 0} .projects.projects-grid.projects-grid-3{padding-top: 86px;padding-bottom: 110px} @media screen and (max-width: 991.98px){ .projects.projects-grid.projects-grid-3{padding-top: 66px;padding-bottom: 70px} } .projects.projects-grid.projects-grid-3 .project-panel{margin-bottom: 10px} .projects.projects-grid.projects-grid-3 #load-more{margin-top: 10px} .projects.projects-standard{padding-top: 86px;padding-bottom: 110px} @media screen and (max-width: 991.98px){ .projects.projects-standard{padding-top: 66px;padding-bottom: 70px} } .projects.projects-standard .project-panel{-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);margin-bottom: 30px} .projects.projects-standard .project-panel:hover .project-panel-holder .project-content{-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;background-color: var(--global--color-primary)} .projects.projects-standard .project-panel:hover .project-panel-holder .project-content .project-title h4 a{color: var(--global--color-white)} .projects.projects-standard .project-panel:hover .project-panel-holder .project-content .project-cat a{color: var(--global--color-white)} .projects.projects-standard .project-panel .project-panel-holder .project-img{border-radius: 8px 8px 0 0} .projects.projects-standard .project-panel .project-panel-holder .project-content{background-color: var(--global--color-white);padding: 30px 38px 27px;border-radius: 0 0 8px 8px} @media (min-width: 992px) and (max-width: 1200px){ .projects.projects-standard .project-panel .project-panel-holder .project-content{padding-left: 10px;padding-right: 10px} } .projects.projects-standard .project-panel .project-panel-holder .project-content .project-title{margin-bottom: 6px} .projects.projects-standard #load-more{margin-top: 20px} .projects.projects-standard.projects-standard-2{padding-top: 36px;padding-bottom: 145px} @media screen and (max-width: 767.98px){ .projects.projects-standard.projects-standard-2{padding-bottom: 105px} } .projects.projects-standard.projects-standard-2 .project-panel{margin-bottom: 50px} .projects.projects-standard.projects-standard-2 .owl-carousel .owl-dots{position: absolute;width: 100%;bottom: -100px} .projects .projects-load-more{text-align: center} .projects .projects-load-more .btn{width: 222px;-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)} .projects.projects-gallery{padding-top: 130px;padding-bottom: 110px} @media screen and (max-width: 991.98px){ .projects.projects-gallery{padding-top: 70px;padding-bottom: 70px} } .projects.projects-gallery .project-panel{margin-bottom: 30px} .projects.projects-gallery .project-panel:hover{-webkit-box-shadow: none;box-shadow: none} .projects.projects-gallery .project-panel:hover .project-panel-holder .project-img img{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)} .projects.projects-gallery .project-panel:hover .project-panel-holder .project-img .project-hover{opacity: 1;visibility: visible} .projects.projects-gallery .project-panel .project-panel-holder .project-img{border-radius: 8px} .projects.projects-gallery .project-panel .project-panel-holder .project-img::after{content: unset} .projects.projects-gallery .project-panel .project-panel-holder .project-img .project-hover{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 80px;height: 80px;border-radius: 50%;z-index: 2;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: var(--global--color-primary-70);opacity: 0;visibility: hidden;-webkit-transition: .4s ease-in-out;-o-transition: .4s ease-in-out;transition: .4s ease-in-out} .projects.projects-gallery .project-panel .project-panel-holder .project-img .project-hover .project-zoom{color: var(--global--color-white);font-size: 20px} .projects.projects-gallery .project-panel .project-panel-holder .project-img .project-hover a{position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: 2} .projects.projects-gallery .btn{margin-top: 10px;border: 2px solid var(--global--color-heading)} .projects.projects-gallery .btn:focus .projects.projects-gallery .btn::active{color: var(--global--color-heading)} .projects #load-more{-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)} .projects #load-more i{font-size: 12px} .project-panel{margin-bottom: 20px;background-color: var(--global--color-white);-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;border-radius: 8px} .project-panel:hover{-webkit-box-shadow: 0 3px 20px 0 rgba(40, 40, 40, .13);box-shadow: 0 3px 20px 0 rgba(40, 40, 40, .13)} .project-panel:hover .project-panel-holder .project-img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)} .project-panel:hover .project-panel-holder .project-img::after{-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)} .project-panel:hover .project-panel-holder .project-content .project-more .btn{-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);color: var(--global--color-white);background-color: var(--global--color-heading);border-color: var(--global--color-heading)} .project-panel:hover .project-panel-holder .project-content .project-more .btn i{color: var(--global--color-heading)} @media screen and (max-width: 991.98px){ .project-panel{margin: 0 auto 30px;max-width: 370px} } .project-panel .project-panel-holder .project-img{position: relative;overflow: hidden;border-radius: 8px} .project-panel .project-panel-holder .project-img::after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, .5);content: '';z-index: 1;-webkit-transition: -webkit-transform .6s;transition: -webkit-transform .6s;-o-transition: transform .6s;transition: transform .6s;transition: transform .6s, -webkit-transform .6s;-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0)} .project-panel .project-panel-holder .project-img a{position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: 2} .project-panel .project-panel-holder .project-img img{max-width: 100%;height: auto;-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out} .project-panel .project-panel-holder .project-content{padding: 33px 40px 40px;text-align: center} @media (min-width: 992px) and (max-width: 1200px){ .project-panel .project-panel-holder .project-content{padding-right: 25px;padding-left: 25px} } @media screen and (min-width: 992px){ .project-panel .project-panel-holder .project-content{text-align: left} } .project-panel .project-panel-holder .project-content .project-title{margin-bottom: 16px} .project-panel .project-panel-holder .project-content .project-title h4{margin-bottom: 0} .project-panel .project-panel-holder .project-content .project-title h4 a{font-family: var(--global--font-heading);font-size: 20px;font-weight: 600;line-height: 27px;color: var(--global--color-heading)} @media (min-width: 992px) and (max-width: 1200px){ .project-panel .project-panel-holder .project-content .project-title h4 a{font-size: 18px} } .project-panel .project-panel-holder .project-content .project-title h4 a:hover{color: var(--global--color-primary)} .project-panel .project-panel-holder .project-content .project-cat{margin-bottom: 3px} .project-panel .project-panel-holder .project-content .project-cat a{color: var(--global--color-primary);font-family: var(--global--font-body);font-size: 14px;font-weight: 400;line-height: 28px;position: relative;} .project-panel .project-panel-holder .project-content .project-cat a::before{content: '';height: 1px;width: 100%;background-color: var(--global--color-primary);position: absolute;bottom: -2px;left: 0;opacity: 0;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .project-panel .project-panel-holder .project-content .project-cat a:hover{color: var(--global--color-primary)} .project-panel .project-panel-holder .project-content .project-cat a:hover::before{opacity: 1} .project-panel .project-panel-holder .project-content .project-cat a::after{content: ",";margin-right: 5px} .project-panel .project-panel-holder .project-content .project-cat a:last-of-type::after{content: none} .project-panel .project-panel-holder .project-content .project-desc{margin-bottom: 32px} .project-panel .project-panel-holder .project-content .project-desc p{font-family: var(--global--font-body);color: var(--global--color-body);font-size: 15px;line-height: 25px;margin-bottom: 0} .project-panel .project-panel-holder .project-content .project-more .btn{border: 2px solid rgba(37, 55, 69, .5);width: 100%;height: 55px;color: var(--global--color-heading);-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out} .project-panel .project-panel-holder .project-content .project-more .btn i{width: 28px;height: 28px;background-color: var(--global--color-white);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: var(--global--color-heading);border-radius: 50%;-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out} .project-panel .project-panel-holder .project-content .project-more .btn::before{content: unset} .project-panel .project-panel-holder .project-content .project-more .btn:hover i{-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px)} .projects-filter{text-align: center;margin-bottom: 33px} @media screen and (max-width: 767.98px){ .projects-filter ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly} } .projects-filter li{display: inline-block} @media screen and (max-width: 767.98px){ .projects-filter li{margin-bottom: 15px} } .projects-filter li:last-child a{margin-right: 0} .projects-filter li a{font-size: 15px;font-weight: 700;line-height: 1;margin-right: 35px;font-family: var(--global--font-body);color: var(--global--color-heading)} @media screen and (max-width: 767.98px){ .projects-filter li a{margin-right: 0} } .projects-filter li a:hover{color: var(--global--color-primary)} .projects-filter li a.active-filter{color: var(--global--color-primary)} .project-single{padding-top: 0;padding-bottom: 0} .project-single .project-intro .project-img{position: relative} .project-single .project-intro .project-img img{max-width: 100%;border-radius: 12px} @media screen and (max-width: 767.98px){ .project-single .project-intro .project-img img{height: 200px;border-radius: 8px 8px 0 0} } .project-single .project-intro .project-img .project-panel{position: absolute;right: 65px;bottom: -65px;max-width: 400px;-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .16);box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .16);margin-bottom: 0} @media screen and (max-width: 991.98px){ .project-single .project-intro .project-img .project-panel{right: 40px;bottom: -70px} } @media screen and (max-width: 767.98px){ .project-single .project-intro .project-img .project-panel{position: relative;right: auto;bottom: auto;border-radius: 0 0 8px 8px;margin-bottom: 0} } .project-single .project-intro .project-img .project-panel:hover .project-content .project-more .btn{background-color: var(--global--color-primary)} .project-single .project-intro .project-img .project-panel:hover .project-content .project-more .btn::before{-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center} .project-single .project-intro .project-img .project-panel .project-content{padding: 43px 50px 75px} @media screen and (max-width: 991.98px){ .project-single .project-intro .project-img .project-panel .project-content{padding-left: 25px;padding-right: 25px} } .project-single .project-intro .project-img .project-panel .project-content .project-cat{margin-bottom: 0} .project-single .project-intro .project-img .project-panel .project-content .project-title{margin-bottom: 29px} .project-single .project-intro .project-img .project-panel .project-content .project-more{position: absolute;bottom: 0;left: 0} .project-single .project-intro .project-img .project-panel .project-content .project-more .btn{width: 204px;height: 65px;color: var(--global--color-white);border: 0;-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);border-radius: 0 8px 0 8px} .project-single .project-intro .project-img .project-panel .project-content .project-more .btn::before{content: '';position: absolute;width: calc(100%);height: calc(100%);top: 0;left: 0;z-index: -1;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: right center;-ms-transform-origin: right center;transform-origin: right center;-webkit-transition: -webkit-transform .24s ease-in-out;transition: -webkit-transform .24s ease-in-out;-o-transition: transform .24s ease-in-out;transition: transform .24s ease-in-out;transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out} .project-single .project-intro .project-img .project-panel .project-content .project-more .btn i{color: var(--global--color-white);background-color: transparent} .project-single .project-overview{padding-top: 110px;padding-bottom: 80px} @media screen and (max-width: 991.98px){ .project-single .project-overview{padding-top: 70px;padding-bottom: 60px} } .project-single .project-overview .project-details{margin-bottom: 30px} @media screen and (min-width: 992px){ .project-single .project-overview .project-details{-webkit-transform: translateY(-6px);-ms-transform: translateY(-6px);transform: translateY(-6px);margin-bottom: 23px} } .project-single .project-overview .project-details .table{margin-bottom: 0} @media screen and (min-width: 992px){ .project-single .project-overview .project-details .table{width: 80%} } .project-single .project-overview .project-details .table td{border-top: 0;border-bottom: 0;padding-bottom: 5px} .project-single .project-overview .project-details .table .name{font-family: var(--global--font-body);font-weight: 700;font-size: 15px;color: var(--global--color-secondary);} @media screen and (min-width: 992px){ .project-single .project-overview .project-details .table .name{padding-left: 0} } .project-single .project-overview .project-details .table .value{font-family: var(--global--font-body);font-weight: 400;font-size: 15px;color: var(--global--color-body);} .project-single .project-overview .advantages-list-holder{padding: 32px 40px;background-color: #e0f6e9;border-radius: 12px} @media screen and (min-width: 992px){ .project-single .project-overview .advantages-list-holder{margin-top: 6px} } @media screen and (max-width: 991.98px){ .project-single .project-overview .advantages-list-holder{padding-left: 30px;padding-right: 30px} } .project-single .project-overview .advantages-list-holder p{font-size: 17px;font-weight: 700;line-height: 27px;color: var(--global--color-secondary);margin-bottom: 25px} @media screen and (max-width: 991.98px){ .project-single .project-overview.project-overview-1{padding-top: 100px} } .project-single .project-overview.project-overview-1 .btn{width: 270px;height: 60px;-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)} @media screen and (max-width: 991.98px){ .project-single .project-overview.project-overview-2{padding-top: 70px;padding-bottom: 70px} } .project-single .project-overview.project-overview-3{padding-top: 120px;padding-bottom: 130px} @media screen and (max-width: 991.98px){ .project-single .project-overview.project-overview-3{padding-top: 200px;padding-bottom: 70px} } .project-single .project-overview.project-overview-3 .btn{-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)} .project-single .project-overview.project-overview-3 .heading{margin-bottom: 62px} .project-single .project-overview.project-overview-4{padding-top: 110px;padding-bottom: 90px} @media screen and (max-width: 991.98px){ .project-single .project-overview.project-overview-4{padding-top: 70px;padding-bottom: 70px} } .project-single .project-overview.project-overview-4 .counters-holder{margin-top: 30px} @media screen and (min-width: 992px){ .project-single .project-overview.project-overview-4 .counters-holder{margin-top: 11px} } .project-single .project-image-carousel{padding-top: 0;padding-bottom: 0} .project-single .project-image-carousel .owl-carousel .owl-stage-outer .owl-item{opacity: 1} .project-single .project-image-carousel .owl-carousel .owl-nav{top: 167px} @media screen and (max-width: 991.98px){ .project-single .project-image-carousel .owl-carousel .owl-nav{display: none} } .project-single .project-image-carousel .owl-carousel .owl-nav .owl-prev, .project-single .project-image-carousel .owl-carousel .owl-nav .owl-next{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 110px;height: 110px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .project-single .project-image-carousel .owl-carousel .owl-nav .owl-prev::before, .project-single .project-image-carousel .owl-carousel .owl-nav .owl-next::before{color: var(--global--color-white);content: '\e906';font-family: energia;font-size: 20px} .project-single .project-image-carousel .owl-carousel .owl-nav .owl-prev{left: 0;border-radius: 0 8px 8px 0;background-color: var(--global--color-primary)} .project-single .project-image-carousel .owl-carousel .owl-nav .owl-prev:hover{background-color: var(--global--color-heading)} .project-single .project-image-carousel .owl-carousel .owl-nav .owl-prev:before{-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg)} .project-single .project-image-carousel .owl-carousel .owl-nav .owl-next{right: 0;border-radius: 8px 0 0 8px;background-color: var(--global--color-heading)} .project-single .project-image-carousel .owl-carousel .owl-nav .owl-next:hover{background-color: var(--global--color-primary)} .project-single .project-image-carousel .owl-carousel .owl-nav .owl-next:before{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg)} .project-single .project-image-carousel .owl-carousel .owl-dots{margin-top: 10px;position: relative;bottom: auto} .project-single .project-share{padding-top: 33px;padding-bottom: 40px;border-bottom: 1px solid #eaeaea} .project-single .project-share .tags{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 10px} .project-single .project-share .tags a{font-family: var(--global--font-body);font-weight: 400;font-size: 14px;line-height: 28px;color: var(--global--color-primary);} .project-single .project-share .tags a::after{content: ',';margin-right: 4px} .project-single .project-share .tags a:last-child::after{content: unset} .project-single .project-share .social-share{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .project-single .project-share .social-share a{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 40px;height: 40px;border-radius: 50%;border: 2px solid #929ba2;margin-right: 10px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .project-single .project-share .social-share a:last-child{margin-right: 0} .project-single .project-share .social-share a:hover i{width: 40px;height: 40px;background-color: var(--global--color-primary)} .project-single .project-share .social-share a i{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 20px;height: 20px;border-radius: 50%;font-size: 11px;background-color: var(--global--color-heading);color: var(--global--color-white);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .faqs{padding-top: 130px;padding-bottom: 110px} @media screen and (max-width: 991.98px){ .faqs{padding-top: 70px;padding-bottom: 70px} } .faqs .faqs-action{margin-bottom: 0} @media screen and (max-width: 767.98px){ .faqs .faqs-action{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center} } .faqs .faqs-action .btn{font-family: var(--global--font-body);font-size: 15px;font-weight: 700;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: 170px;height: 65px;margin-right: 30px} @media (min-width: 992px) and (max-width: 1200px){ .faqs .faqs-action .btn{margin-right: 10px} } @media screen and (max-width: 991.98px){ .faqs .faqs-action .btn{margin: 0 30px 0 0} } @media screen and (max-width: 767.98px){ .faqs .faqs-action .btn{margin-right: 0;margin-bottom: 15px;height: 50px} } .faqs .faqs-action .btn:first-child i{color: var(--global--color-heading)} .faqs .faqs-action .btn:first-child:hover i{color: var(--global--color-white)} .faqs .faqs-action .btn:last-child{padding: 0 28px} .faqs .faqs-action .btn.btn--white{-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)} .faqs .more-faqs{text-align: center;margin-top: 3px} .faqs .more-faqs p{font-family: var(--global--font-body);font-weight: 700;font-size: 15px;color: var(--global--color-body)} .faqs .more-faqs p a{position: relative;font-weight: 700;color: var(--global--color-heading);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;padding-bottom: 6px} .faqs .more-faqs p a:hover::before{width: calc(100% - 20%)} .faqs .more-faqs p a::before{content: '';-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 100%;height: 2px;background-color: var(--global--color-primary)} .faqs.faqs-2{padding-top: 130px;padding-bottom: 100px} @media screen and (max-width: 991.98px){ .faqs.faqs-2{padding-top: 70px;padding-bottom: 70px} } .img-hotspot .img-hotspot-wrap{position: relative;max-width: 100%} @media screen and (max-width: 567px){ .img-hotspot .img-hotspot-wrap{max-width: 470px} } @media screen and (max-width: 991.98px){ .img-hotspot .img-hotspot-wrap{margin: 0 auto 40px} } .img-hotspot .img-hotspot-wrap .img-hotspot-bg img{max-width: 100%} .img-hotspot .img-hotspot-wrap .img-hotspot-pointers{position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0} .img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer{position: absolute;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .pointer-icon{width: 22px;height: 22px;cursor: pointer;border: 2px solid var(--global--color-primary);border-radius: 50%;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .pointer-icon::after{content: '';background-color: var(--global--color-primary);width: 8px;height: 8px;border-radius: 50%} .img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer:hover .info{-webkit-transform: translate(-50%, -50%) scale(1);-ms-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);opacity: 1;visibility: visible} .img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info{position: absolute;top: 50%;left: 50%;z-index: 1;-webkit-transform: translate(-50%, -50%) scale(0);-ms-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);opacity: 0;visibility: hidden;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info .border-outer{width: 96px;height: 96px;cursor: pointer;border: 2px solid var(--global--color-primary);border-radius: 50%;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info .border-outer .border-inner{width: 82px;height: 82px;cursor: pointer;border: 2px solid var(--global--color-primary);border-radius: 50%;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info .border-outer .border-inner i{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 68px;height: 68px;background-color: var(--global--color-primary);border-radius: 50%} .img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info .border-outer .border-inner i::before{color: var(--global--color-white);font-size: 50px;margin-left: 0} .img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer{position: absolute;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 42px;height: 42px;padding: 4px;border: 2px solid var(--global--color-heading);border-radius: 50%;cursor: pointer;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer::after{position: absolute;content: '';width: 56px;height: 56px;border: 2px solid var(--global--color-primary);border-radius: 50%;opacity: 0;visibility: hidden;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer:hover{border-color: var(--global--color-primary)} .img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer:hover::after{opacity: 1;visibility: visible;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)} .img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer:hover .info{opacity: 1;visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)} .img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer img{max-width: 100%;border-radius: 50%} .img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info{background-color: var(--global--color-white);-webkit-box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);border-radius: 8px;position: relative;width: -webkit-max-content;width: -moz-max-content;width: max-content;position: absolute;max-width: 330px;z-index: 2;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;padding: 23px 28px;opacity: 0;visibility: hidden;-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px)} .img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info::before{content: '';bottom: -9px;width: 10px;height: 10px;background-color: var(--global--color-white);position: absolute} .img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.left::before{-webkit-clip-path: polygon(100% 0, 0 0, 0 100%);clip-path: polygon(100% 0, 0 0, 0 100%);left: auto;right: 30px} .img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.right::before{-webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);clip-path: polygon(100% 0, 0 0, 100% 100%);left: 30px} .img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info span{font-family: var(--global--font-body);font-size: 15px;font-weight: 700;line-height: 26px;color: var(--global--color-secondary);} .img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer{position: absolute;width: 28px;height: 28px;cursor: pointer} .img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer:hover .info{opacity: 1;visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)} .img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .pointer-icon{border-color: var(--global--color-secondary)} .img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .pointer-icon::after{background-color: var(--global--color-secondary)} .img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info{background-color: var(--global--color-white);-webkit-box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);border-radius: 10px 10px 10px 0;position: relative;width: -webkit-max-content;width: -moz-max-content;width: max-content;position: absolute;max-width: 170px;z-index: 2;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;padding: 15px 20px;opacity: 0;visibility: hidden;-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px)} .img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info::before{content: '';bottom: -9px;width: 10px;height: 10px;background-color: var(--global--color-white);position: absolute} .img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.left{border-radius: 10px 10px 0 10px} .img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.left::before{-webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);clip-path: polygon(100% 0, 0 0, 100% 100%);left: auto;right: 0} .img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.right{border-radius: 10px 10px 10px 0} .img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.right::before{-webkit-clip-path: polygon(100% 0, 0 0, 0 100%);clip-path: polygon(100% 0, 0 0, 0 100%);left: 0} .img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info span{font-family: var(--global--font-body);font-size: 14px;line-height: 24px;color: var(--global--color-body);} .careers{padding-top: 130px;padding-bottom: 220px} @media screen and (max-width: 991.98px){ .careers{padding-top: 70px;padding-bottom: 180px} } @media screen and (max-width: 991.98px){ .careers .career-item{max-width: 370px;margin: 0 auto} } .careers .career-item .career-item-wrap{-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .06);box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .06);border-radius: 8px;background-color: var(--global--color-white);padding: 39px 40px 40px;position: relative} @media (min-width: 992px) and (max-width: 1200px){ .careers .career-item .career-item-wrap{padding-right: 25px;padding-left: 25px} } .careers .career-item .career-item-wrap .career-meta{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 33px} .careers .career-item .career-item-wrap .career-meta .career-type, .careers .career-item .career-item-wrap .career-meta .career-place{font-size: 13px;line-height: 28px;font-family: var(--global--font-body);font-weight: 400;margin-bottom: 0} .careers .career-item .career-item-wrap .career-meta .career-type{color: var(--global--color-primary);border: 2px solid var(--global--color-primary);padding: 0 9px;border-radius: 4px;margin-right: 15px} .careers .career-item .career-item-wrap .career-meta .career-place{color: var(--global--color-body)} .careers .career-item .career-item-wrap .career-content .career-title{font-family: var(--global--font-heading);font-size: 20px;font-weight: 700;line-height: 28px;color: var(--global--color-heading);margin-bottom: 17px;} .careers .career-item .career-item-wrap .career-content .career-desc{font-family: var(--global--font-body);font-weight: 400;font-size: 15px;line-height: 25px;color: var(--global--color-body);margin-bottom: 32px} .careers .career-item .career-item-wrap .career-content .career-more{width: 140px;height: 42px;padding: 0 20px} .careers .career-item .career-item-wrap .career-content .career-more i{font-size: 12px} .careers .carousel-dots .owl-dots{margin-top: 40px} .awards{padding-top: 130px;padding-bottom: 80px} @media screen and (max-width: 991.98px){ .awards{padding-top: 70px;padding-bottom: 30px} } .awards .award{margin-bottom: 30px} .awards .award:hover .award-img{background-color: var(--global--color-primary)} .awards .award .award-img{padding: 42px 65px;background-color: #f3f3f3;border-radius: 8px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center} @media (min-width: 992px) and (max-width: 1200px){ .awards .award .award-img{padding-left: 45px;padding-right: 45px} } @media screen and (max-width: 991.98px){ .awards .award .award-img{padding-left: 40px;padding-right: 40px} } .awards .award .award-img img{max-width: 100%} .awards .award .award-content{padding: 29px 30px 12px} @media screen and (max-width: 991.98px){ .awards .award .award-content{text-align: center} } @media (min-width: 992px) and (max-width: 1200px){ .awards .award .award-content{padding-left: 20px;padding-right: 20px} } .awards .award .award-content .award-title{margin-bottom: 17px} .awards .award .award-content .award-title a{font-family: var(--global--font-heading);font-weight: 700;font-size: 18px;line-height: 26px;color: var(--global--color-secondary);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;} .awards .award .award-content .award-title a:hover{color: var(--global--color-primary)} .awards .award .award-content .award-desc{font-family: var(--global--font-body);font-weight: 400;font-size: 15px;line-height: 25px;color: var(--global--color-body);margin-bottom: 0} .about{padding-top: 130px;padding-bottom: 130px;overflow: visible} @media screen and (max-width: 991.98px){ .about{padding-top: 70px;padding-bottom: 70px} } .about .about-img{position: relative;height: 570px} @media screen and (min-width: 992px){ .about .about-img{max-width: calc(100% - 40px)} } @media screen and (max-width: 991.98px){ .about .about-img{margin: 0 auto 40px} } .about .about-img .about-img-holder{border-radius: 12px} .about .about-img .counter{min-width: 200px;position: absolute;top: 70px;left: -40px;z-index: 2} @media screen and (max-width: 767.98px){ .about .about-img .counter{left: 0;border-radius: 0 8px 8px 0;-webkit-box-align: center;-ms-flex-align: center;align-items: center} } .about .prief-set p{font-size: 17px;line-height: 27px;font-weight: 700;margin-bottom: 24px} .about .signature-block{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} @media screen and (max-width: 991.98px){ .about .signature-block{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } .about .signature-block .signature-body{position: relative} .about .signature-block .signature-body img{position: absolute;top: -18px;left: 2px;right: 0} @media screen and (max-width: 767.98px){ .about .signature-block .signature-body img{top: 0;left: -20px;max-width: 130%} } .about .signature-block .signature-body h6{font-family: var(--global--font-heading);font-weight: 600;font-style: italic;color: var(--global--color-secondary);font-size: 19px;line-height: 29px;margin-bottom: 0} .about .signature-block .signature-body p{font-family: var(--global--font-body);font-weight: 400;color: var(--global--color-primary);font-size: 14px;line-height: 26px;margin-bottom: 0} .about .signature-block .btn{margin-right: 30px;width: 170px;-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)} @media screen and (max-width: 991.98px){ .about .about-block{text-align: center} } @media screen and (max-width: 991.98px){ .about .about-block .block-left{margin-bottom: 40px} } .about .about-block .block-left .paragraph{font-size: 17px;line-height: 27px;color: var(--global--color-secondary);font-weight: 500;margin-bottom: 25px} .about .about-block .block-left p{font-size: 16px;line-height: 27px;margin-bottom: 32px} .about .about-block .block-left .btn{-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)} @media screen and (min-width: 992px){ .about .about-wrapper{display: grid;grid-template-columns:40% 60%;height: 635px} } .about .about-wrapper .about-block-wrapper{position: relative;z-index: 2} .about .about-wrapper .about-block-wrapper .about-block{background-color: var(--global--color-white)} @media screen and (min-width: 992px){ .about .about-wrapper .about-block-wrapper .about-block{border-radius: 12px 0 0 0;position: absolute;top: 0;left: 0;padding-left: 60px;width: calc(100% + 60px)} } @media screen and (min-width: 1200px){ .about .about-wrapper .about-block-wrapper .about-block{left: 0;padding-left: 120px;width: calc(100% + 120px)} } @media screen and (max-width: 991.98px){ .about .about-wrapper .about-block-wrapper .about-block .heading{max-width: 90%;margin: 0 auto} } @media screen and (min-width: 992px){ .about .about-wrapper .about-block-wrapper .about-block .heading{padding-right: var(--bs-gutter-x, 0.75rem);margin-right: auto;max-width: calc(960px / 2)} } @media screen and (min-width: 1200px){ .about .about-wrapper .about-block-wrapper .about-block .heading{max-width: calc(1140px / 2)} } .about .about-wrapper .about-block-wrapper .about-block .heading .heading-subtitle{background-color: var(--global--color-primary);color: var(--global--color-white);border-radius: 0 0 12px 12px;margin-bottom: 55px} @media screen and (max-width: 991.98px){ .about .about-wrapper .about-block-wrapper .about-block .heading .heading-subtitle{border-radius: 12px;margin-bottom: 40px} } .about .about-wrapper .about-block-wrapper .about-block .heading .heading-title{margin-bottom: 21px} .about .about-wrapper .about-block-wrapper .about-block .heading .heading-desc{margin-bottom: 32px} .about .about-wrapper .about-block-wrapper .about-block .heading .signature-block{margin-bottom: 63px} .about .about-wrapper .about-block-wrapper .about-block .heading .advantages-list-holder{padding: 32px 40px;background-color: #e0f6e9;border-radius: 12px} @media screen and (max-width: 991.98px){ .about .about-wrapper .about-block-wrapper .about-block .heading .advantages-list-holder{padding-left: 30px;padding-right: 30px} } .about .about-wrapper .about-block-wrapper .about-block .heading .advantages-list-holder p{font-size: 17px;font-weight: 700;line-height: 27px;color: var(--global--color-secondary);margin-bottom: 0} @media screen and (max-width: 991.98px){ .about .about-wrapper .about-block-wrapper .about-block .heading .advantages-list-holder p{margin-bottom: 10px} } .about .about-wrapper .video-wrapper{position: relative;z-index: 1} @media screen and (max-width: 991.98px){ .about .about-wrapper .video-wrapper{max-width: 90%;margin: 0 auto 40px} } .about .about-wrapper .video-wrapper .video{background-position-x: right} @media screen and (min-width: 992px){ .about .about-wrapper .video-wrapper .video{border-radius: 0 12px 12px 0;position: absolute;top: -110px;left: 0;width: calc(100% + 60px);height: calc(100% + 110px)} } @media screen and (min-width: 1200px){ .about .about-wrapper .video-wrapper .video{width: calc(100% + 120px)} } .about.about-2{padding-top: 0;padding-bottom: 0} .about.about-3{padding-top: 110px;padding-bottom: 130px} @media screen and (max-width: 991.98px){ .about.about-3{padding-top: 70px;padding-bottom: 70px} } @media screen and (min-width: 992px){ .about.about-3 .about-block .block-left .paragraph, .about.about-3 .about-block .block-left p, .about.about-3 .about-block .block-left .signature-block{padding-left: 50px} } @media screen and (min-width: 1200px){ .about.about-3 .about-block .block-left .paragraph, .about.about-3 .about-block .block-left p, .about.about-3 .about-block .block-left .signature-block{padding-left: 95px} } .about.about-3 .about-block .block-left p{margin-bottom: 42px} .about.about-3 .about-block .block-left .paragraph{border-left: 4px solid var(--global--color-primary);margin-bottom: 25px} @media screen and (max-width: 767.98px){ .about.about-3 .about-block .block-left .paragraph{padding-left: 15px} } .about.about-3 .about-block .block-left .signature-block .signature-body p{margin-bottom: 0;padding-left: 0} @media screen and (max-width: 991.98px){ .about.about-3 .about-img .about-img-holder{max-width: 370px} } .about.about-3 .about-img .counter{top: auto;bottom: 0;left: 99px;width: -webkit-max-content;width: -moz-max-content;width: max-content;min-width: 0;border-radius: 12px 0 12px 0;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;transform-origin: bottom left;-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg)} .processes{overflow: visible;padding-top: 0;padding-bottom: 0} .processes .process-panel{padding: 0 50px 32px 0;position: relative} @media screen and (max-width: 991.98px){ .processes .process-panel{padding-right: 0} } .processes .process-panel .process-number{font-family: var(--global--font-body);font-size: 37px;font-weight: 500;line-height: 29px;color: var(--global--color-primary);margin-bottom: 32px} @media screen and (max-width: 767.98px){ .processes .process-panel .process-number{text-align: center} } .processes .process-panel .process-body .process-content h5{font-weight: 700;font-style: italic;font-size: 24px;color: var(--global--color-white);line-height: 48px;margin-bottom: 18px;} .processes .process-panel .process-body .process-content p{font-size: 16px;line-height: 27px;color: var(--global--color-white);margin-bottom: 0} .processes .process-panel.process-panel-dark .process-body .process-content h5{color: var(--global--color-secondary)} .processes .process-panel.process-panel-dark .process-body .process-content p{color: var(--global--color-body)} @media screen and (max-width: 991.98px){ .processes .block-right-holder{padding: 70px 5% 0;text-align: center;margin-bottom: 50px} } @media screen and (min-width: 992px){ .processes .block-right-holder{padding-left: var(--bs-gutter-x, 0.75rem);margin-left: auto;max-width: calc(960px / 2);padding-top: 130px} } @media screen and (min-width: 1200px){ .processes .block-right-holder{max-width: calc(1140px / 2)} } .processes .block-right-holder .heading{margin-bottom: 223px} @media screen and (max-width: 991.98px){ .processes .block-right-holder .heading{margin-bottom: 50px} } .processes .processes-holder{padding-top: 40px} @media screen and (min-width: 992px){ .processes .processes-holder{border-left: 1px solid #4c5b66;padding-top: 130px} } @media screen and (max-width: 991.98px){ .processes .processes-holder .process-content-carousel{text-align: center;padding: 0 5%;margin-bottom: 60px} } @media screen and (min-width: 992px){ .processes .processes-holder .process-content-carousel{padding-left: 75px;margin-bottom: 110px;padding-right: var(--bs-gutter-x, 0.75rem);margin-right: auto;max-width: calc(960px / 2)} } @media screen and (min-width: 1200px){ .processes .processes-holder .process-content-carousel{padding-left: 115px;max-width: calc(1140px / 2)} } .processes .processes-holder .process-content-carousel .owl-stage-outer{overflow: hidden} .processes .processes-holder .process-content-carousel .owl-stage-outer .owl-item{opacity: 1} .processes .processes-holder .process-content-carousel .owl-dots{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start} @media screen and (max-width: 991.98px){ .processes .processes-holder .process-content-carousel .owl-dots{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } .processes .processes-holder .images-holder{border-radius: 0 0 0 12px;overflow: hidden;-webkit-transform: translateY(130px);-ms-transform: translateY(130px);transform: translateY(130px);margin-top: -130px;position: relative} .processes .processes-holder .images-holder .process-image-carousel{position: relative} .processes .processes-holder .images-holder .process-image-carousel .owl-stage-outer{overflow: hidden} .processes .processes-holder .images-holder .process-image-carousel .owl-stage-outer .owl-item{opacity: 1} .processes .processes-holder .images-holder .process-image-carousel .owl-stage-outer .owl-item img{-o-object-fit: scale-down;object-fit: scale-down;width: auto} .processes .processes-holder .images-holder .processes-panel{padding: 42px 49px 40px;position: absolute;right: 0;bottom: 0;border-radius: 12px 0 0 0;background-color: var(--global--color-primary);max-width: 400px;z-index: 10} @media screen and (max-width: 767.98px){ .processes .processes-holder .images-holder .processes-panel{padding-left: 30px;padding-right: 30px;position: relative;right: auto;bottom: auto;border-radius: 0 0 12px 12px;text-align: center;max-width: 100%} } @media (min-width: 992px) and (max-width: 1200px){ .processes .processes-holder .images-holder .processes-panel{max-width: 330px;padding: 25px} } .processes .processes-holder .images-holder .processes-panel .panel-title{font-size: 20px;line-height: 30px;color: var(--global--color-white);margin-bottom: 17px} .processes .processes-holder .images-holder .processes-panel .panel-desc{font-size: 15px;line-height: 24px;margin-bottom: 23px;color: var(--global--color-gray)} .processes .processes-holder .images-holder .processes-panel a{font-family: var(--global--font-body);font-weight: 700;font-size: 15px;color: var(--global--color-white);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} @media screen and (max-width: 767.98px){ .processes .processes-holder .images-holder .processes-panel a{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } .processes .processes-holder .images-holder .processes-panel a:hover i{-webkit-transform: translateX(15px);-ms-transform: translateX(15px);transform: translateX(15px)} .processes .processes-holder .images-holder .processes-panel a i{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 32px;height: 32px;background-color: var(--global--color-white);border-radius: 50%;color: var(--global--color-primary);margin-left: 10px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .processes.processes-1{background-position: top center;padding-bottom: 0} .processes.processes-2{overflow: hidden} .processes.processes-2 .processes-holder{padding-top: 0;border-left: 0;padding-left: 0} .processes.processes-2 .processes-holder .process-content-carousel{padding-left: 0;max-width: unset;padding-right: 0;margin-right: 0;margin-bottom: 40px} @media screen and (max-width: 991.98px){ .processes.processes-2 .processes-holder .process-content-carousel{padding: 0} } @media screen and (max-width: 767.98px){ .processes.processes-2 .processes-holder .process-content-carousel{max-width: 370px} } #wrapperParallax{position: relative;z-index: 1060;min-height: 100vh} #footerParallax{position: fixed;z-index: -1;left: 0;right: 0;bottom: 0} @media only screen and (max-width: 991px){ #wrapperParallax{margin-bottom: 0 !important} #footerParallax{position: static;text-align: center} } .footer{background-color: #1a2a36;padding-top: 0;padding-bottom: 0;position: relative} .footer .footer-top{padding-top: 100px;padding-bottom: 68px} @media screen and (max-width: 991.98px){ .footer .footer-top{padding-top: 70px;padding-bottom: 20px} } .footer .footer-widget{text-align: center} @media screen and (min-width: 768px){ .footer .footer-widget{text-align: left} } @media screen and (max-width: 991.98px){ .footer .footer-widget{margin-bottom: 30px} } .footer .footer-widget .footer-widget-title h5{font-family: var(--global--font-heading);color: var(--global--color-gray);font-size: 16px;font-weight: 700;line-height: 30px;margin-bottom: 30px} .footer .footer-widget .widget-content p{font-family: var(--global--font-body);color: #929ba2;font-size: 14px;font-weight: 400;line-height: 24px;margin-bottom: 25px} .footer .widget-links ul{padding-left: 0;list-style: none;margin-bottom: 0;overflow: hidden;-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px)} .footer .widget-links ul li{display: block} .footer .widget-links ul li a{color: #929ba2;font-size: 14px;font-weight: 400;line-height: 33px;font-family: var(--global--font-body)} .footer .widget-links ul li a:hover{color: var(--global--color-primary)} .footer .widget-links.widget-icon{background: url(../images/icons/footer-mouse.png);background-position-x: 100%;background-position-y: -21px;background-repeat: no-repeat} .footer .widget-contact{-webkit-transform: translateY(12px);-ms-transform: translateY(12px);transform: translateY(12px)} .footer .widget-contact .widget-content p{color: var(--global--color-white);margin-bottom: 15px} .footer .widget-contact .widget-content .phone{margin-bottom: 18px;font-family: var(--global--font-body);font-weight: 300;font-size: 34px;line-height: 22px;color: #929ba2;display: -webkit-box;display: -ms-flexbox;display: flex} @media screen and (max-width: 767.98px){ .footer .widget-contact .widget-content .phone{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } .footer .widget-contact .widget-content .phone a{font-family: var(--global--font-body);font-weight: 300;font-size: 34px;line-height: 22px;margin-left: 8px;color: var(--global--color-white);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .footer .widget-contact .widget-content .phone a:hover{color: var(--global--color-primary)} .footer .widget-contact .widget-content .email{font-family: var(--global--font-body);font-weight: 700;font-size: 15px;line-height: 21px;color: var(--global--color-primary);margin-bottom: 40px} .footer .widget-contact .widget-content .email a{font-family: var(--global--font-body);font-weight: 700;font-size: 15px;line-height: 21px;color: var(--global--color-primary)} .footer .widget-contact .widget-content .email a:hover{color: var(--global--color-primary-70)} .footer .widget-contact .widget-content .address{margin-bottom: 12px} .footer .widget-contact .widget-content .address p{font-family: var(--global--font-body);color: #929ba2;font-size: 14px;font-weight: 400;line-height: 24px;margin-bottom: 25px;margin-bottom: 0} .footer .widget-contact .widget-content .directions a{font-family: var(--global--font-body);font-weight: 700;font-size: 15px;line-height: 1;color: var(--global--color-white);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} @media screen and (max-width: 767.98px){ .footer .widget-contact .widget-content .directions a{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} } .footer .widget-contact .widget-content .directions a i{color: var(--global--color-white);margin-right: 10px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .footer .widget-contact .widget-content .directions a:hover{color: var(--global--color-primary)} .footer .widget-contact .widget-content .directions a:hover i{color: var(--global--color-primary)} .footer-copyright{padding: 50px 0 40px} .footer-copyright .copyright{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%} @media screen and (max-width: 991.98px){ .footer-copyright .copyright{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column} } .footer-copyright .copyright span{font-family: var(--global--font-body);font-weight: 400;font-size: 14px;color: var(--global--color-white);} @media screen and (max-width: 991.98px){ .footer-copyright .copyright span{margin-bottom: 40px;text-align: center} } .footer-copyright .copyright span a{color: gray} .footer-copyright .copyright span a:hover{color: var(--global--color-primary)} .footer-copyright .copyright .social-icons{margin-bottom: 0} .footer-copyright .copyright .social-icons li{display: inline-block;margin-right: 30px} @media screen and (max-width: 767.98px){ .footer-copyright .copyright .social-icons li{margin-right: 15px} } .footer-copyright .copyright .social-icons li:last-child{margin-right: 0} .footer-copyright .copyright .social-icons li a{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 14px;font-family: var(--global--font-body);font-weight: 700;color: #929ba2;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out} .footer-copyright .copyright .social-icons li a:hover{color: var(--global--color-primary)} .footer-copyright .copyright .social-icons li a:hover i{color: var(--global--color-primary)} .footer-copyright .copyright .social-icons li a i{font-size: 20px;margin-right: 10px;color: var(--global--color-white);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out}