8889841c/*----------------------------------------------------------------------------------- Theme Name: Energia Theme URI: http://themeforest.net/user/zytheme Description: Energia is a pixel perfect renewable energy HTML5 tempalte based on designed with great attention to details, flexibility and performance. It is ultra professional, smooth and sleek, with a clean modern layout. Author: zytheme Author URI: http://themeforest.net/user/zytheme Version: 1.0 -----------------------------------------------------------------------------------*/ /*! // 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! :) */ /*------------------------------------*\ #CSS VARIBALES \*------------------------------------*/ :root { --global--color-primary : #32c36c; --global--color-primary-90: rgba(50, 195, 108, 0.9); --global--color-primary-70: rgba(50, 195, 108, 0.7); --global--color-heading : #253745; --global--color-secondary : #2b3e4b; --global--color-body : #9b9b9b; --global--color-white : #ffffff; --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; } /*------------------------------------*\ #RESET \*------------------------------------*/ *, 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; } /*------------------------------------*\ #GLOBAL STYLES \*------------------------------------*/ 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 : 120px 0; overflow : hidden; } @media only screen and (max-width: 767px) { section { padding: 70px 0; } } hr { background-color: #eaeaea; border-color : #eaeaea; margin : 0; } /* Medium Devices, Desktops */ @media only screen and (max-width: 992px) { .fullscreen { height: auto !important; } } /*------------------------------------*\ #TYPOGRAPHY \*------------------------------------*/ /* Heading Text */ .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; } /* Aligning Text */ .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; } /* Weight Text */ .bold { font-weight: bold !important; } .regular { font-weight: normal !important; } .medium { font-weight: 500 !important; } .italic { font-style: normal; } .break-word { word-wrap: break-word; } .no-wrap { white-space: nowrap; } /* Text Color */ .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 { text-transform: 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; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { text-center-xs { text-align: center !important; } } /* Small Devices, Tablets */ @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; } /*------------------------------------*\ #COLORS \*------------------------------------*/ .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; } /*------------------------------------*\ #Align \*------------------------------------*/ address, blockquote, dd, dl, fieldset, form, ol, p, pre, table, ul { margin-bottom: 0; } /*------------------------------------*\ #Grid \*------------------------------------*/ .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; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .col-content { padding: 125px 18px 0 !important; } } /* Postion Helpers */ .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%; } } /*------------------------------------*\ #Blockquotes \*------------------------------------*/ .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); } /*------------------------------------*\ #BACKGROUNDS \*------------------------------------*/ .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: #222222 !important; } .bg-secondary { background-color: var(--global--color-secondary); } /* Background Image */ .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 : 0.8; } .bg-overlay-dark:before { background-color: rgba(29, 42, 77, 0.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 : 0.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%, #32C36C)); background-image: -o-linear-gradient(top, #32C36CD9 0%, #32C36C 82%); background-image: linear-gradient(180deg, #32C36CD9 0%, #32C36C 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 : 0.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%); } /* Background Video */ .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 { text-transform : capitalize; 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: 0px 0px; 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 \*------------------------------------*/ /* Breadcrumb Style 1 */ .breadcrumb { background-color: transparent; margin-bottom : 0; padding : 0; border-radius : 0; color : #e5e4e4; font-size : 14px; font-weight : 400; line-height : 1; text-transform : capitalize; 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); } /*------------------------------------*\ #BUTTONS \*------------------------------------*/ .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; text-transform : capitalize; 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 : 0px; left : 0px; 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; } /* Button Primary */ .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); } /* Button Secondary*/ .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); } /* Button 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); } /* Button Transparent */ .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); } /* Buttons Shadow */ .btn-shadow { -webkit-box-shadow: 0px 9px 30px 0px rgba(40, 40, 40, 0.15); box-shadow : 0px 9px 30px 0px rgba(40, 40, 40, 0.15); } .btn-shadow-hover:hover, .btn-shadow-hover:active, .btn-shadow-hover:focus { -webkit-box-shadow: 0px 9px 30px 0px rgba(40, 40, 40, 0.15); box-shadow : 0px 9px 30px 0px rgba(40, 40, 40, 0.15); } /* Button Bordered */ .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 0px rgba(3, 21, 50, 0.05); box-shadow : 2.121px 2.121px 6px 0px rgba(3, 21, 50, 0.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; text-transform: capitalize; 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, 0.5); border-radius : 100%; -webkit-transform: scale(1); -ms-transform : scale(1); transform : scale(1); opacity : 1; -webkit-animation: pulse 0.8s ease-out 0s infinite; animation : pulse 0.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); } /*------------------------------------*\ #FORMS \*------------------------------------*/ 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 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out; transition : all 0.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; text-transform: capitalize; } .form-control::-moz-placeholder { font-family : var(--global--font-body); color : var(--global--color-body); font-size : 14px; text-transform: capitalize; } .form-control:-ms-input-placeholder { font-family : var(--global--font-body); color : var(--global--color-body); font-size : 14px; text-transform: capitalize; } .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 { text-transform: capitalize; } .form-control.nice-select .list li { text-transform: capitalize; } .form-control+.error { position: absolute; bottom : 3px; left : 16px; color : red; } .form-control.error { border-color: red; } .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; text-transform: capitalize; 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: 0.3s cubic-bezier(0.4, 0, 0.2, 1); -o-transition : 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition : 0.3s cubic-bezier(0.4, 0, 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 */ .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 : transparent; 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; } /*------------------------------------*\ #Lists \*------------------------------------*/ 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; align-items : center; font-family : var(--global--font-body); font-weight : 700; font-size : 15px; line-height : 36px; color : var(--global--color-body); text-transform : capitalize; } @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: 0px; } } .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-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 \*------------------------------------*/ .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; text-transform : capitalize; padding-top : 0; border-radius : 0; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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; text-transform : capitalize; padding-top : 0; border-radius : 0; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 \*------------------------------------*/ /* Accordion Base */ .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 0px; -webkit-box-shadow: none; box-shadow : none; border : 0; border-bottom : 2px solid #eaeaea; margin-bottom : 0px; border-radius : 0px; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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); text-transform : capitalize; position : relative; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 { /* symbol for "opening" cards */ content : "\f054"; -ms-flex-negative : 0; flex-shrink : 0; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 { /* symbol for "collapsed" cards */ 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: 0px; } .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 \*------------------------------------*/ .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); } /*------------------------------------*\ #ALERT MESSAGE \*------------------------------------*/ .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; text-transform: capitalize; 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 */ .subscribe-alert .alert { margin : 10px auto; font-size: 12px; } /* Contact Alert */ #contact-result .alert { margin : 10px auto; font-size: 12px; } /*------------------------------------*\ #BACK TO TOP \*------------------------------------*/ #back-to-top { position : fixed; right : 0px; bottom : 0px; 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 : 0px; left : 0px; 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; } } /*------------------------------------*\ #Page Loader \*------------------------------------*/ .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 \*------------------------------------*/ .header { height : 80px; -webkit-box-shadow: 0px 5px 41.5px rgba(40, 40, 40, 0.11); box-shadow : 0px 5px 41.5px rgba(40, 40, 40, 0.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: 0px 5px 41.5px rgba(9, 29, 62, 0.11); box-shadow : 0px 5px 41.5px rgba(9, 29, 62, 0.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 : 0px; margin-right: 30px; } .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 : 0px; margin-right: 15px; } } @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: 0px; } @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 : 0px; margin-right: 30px; } } @media (min-width: 992px) and (max-width: 1200px) { .header.header-topbar.header-topbar3 .module-holder .module-contact { margin-left : 0px; margin-right: 15px; } } @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: 0px 5px 41.5px rgba(9, 29, 62, 0.11); box-shadow : 0px 5px 41.5px rgba(9, 29, 62, 0.11); } /*------------------------------------*\ #Menu \*------------------------------------*/ .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; text-transform : capitalize; 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(0.2, 1, 0.3, 1); transition : -webkit-transform 1s cubic-bezier(0.2, 1, 0.3, 1); -o-transition : transform 1s cubic-bezier(0.2, 1, 0.3, 1); transition : transform 1s cubic-bezier(0.2, 1, 0.3, 1); transition : transform 1s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 1s cubic-bezier(0.2, 1, 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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>a.home{ 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, 0.1); box-shadow : 0 2px 4px rgba(3, 27, 78, 0.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; } /* Menu Levels */ .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); } } /* Small Devices, Tablets */ @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: 0.3s linear; -o-transition : 0.3s linear; transition : 0.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); } /* Navabar */ .header .navbar .navbar-nav>li { margin-right: 0px; } .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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 0.3s ease-in-out; -o-transition : max-height 0.3s ease-in-out; transition : max-height 0.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; text-transform: capitalize; 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); text-transform: capitalize; margin-bottom : 15px; } } /* Large Devices, Wide Screens */ @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; } /* Menu with Dropdown */ .navbar-nav>li.has-dropdown>ul.dropdown-menu { -webkit-box-shadow : 0px 5px 41.5px rgba(40, 40, 40, 0.11); box-shadow : 0px 5px 41.5px rgba(40, 40, 40, 0.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 : 0px 0px 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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; position : relative; font-family : var(--global--font-body); color : var(--global--color-body); padding : 10px 0px 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; text-transform : capitalize; 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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 : 0px; -webkit-transition: 0.3s ease; -o-transition : 0.3s ease; transition : 0.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); text-transform: capitalize; 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; text-transform: capitalize; } .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 \*------------------------------------*/ .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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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, 0.1); box-shadow : 0 2px 3px rgba(40, 40, 40, 0.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 */ .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 : 0px; right : 0px; border-radius : 0px; 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 */ .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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 : 0px; right : 0px; border-radius : 0px; 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; text-transform : capitalize; 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 */ .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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; font-size : 16px; position : relative; cursor : pointer; } .module-cart .module-cart-warp { position : absolute; -webkit-box-shadow: 0px 5px 41.5px rgba(9, 29, 62, 0.15); box-shadow : 0px 5px 41.5px rgba(9, 29, 62, 0.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: 0px 5px 41.5px rgba(40, 40, 40, 0.21); box-shadow : 0px 5px 41.5px rgba(40, 40, 40, 0.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; text-transform: capitalize; 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; text-transform: capitalize; 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 */ .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; text-transform: capitalize; } .module-call a { font-size : 15px; line-height : 22px; font-weight : 700; color : var(--global--color-secondary); -webkit-transform: 0.3s ease-in-out; -ms-transform : 0.3s ease-in-out; transform : 0.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 */ .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; text-transform : capitalize; font-family : var(--global--font-body); font-size : 15px; font-weight : bold; cursor : pointer; -webkit-transition: background 0.3s cubic-bezier(0.37, 0.31, 0.31, 0.9), color 0.3s cubic-bezier(0.37, 0.31, 0.31, 0.9); -o-transition : background 0.3s cubic-bezier(0.37, 0.31, 0.31, 0.9), color 0.3s cubic-bezier(0.37, 0.31, 0.31, 0.9); transition : background 0.3s cubic-bezier(0.37, 0.31, 0.31, 0.9), color 0.3s cubic-bezier(0.37, 0.31, 0.31, 0.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: 0.3s cubic-bezier(0.37, 0.31, 0.31, 0.9); -o-transition : 0.3s cubic-bezier(0.37, 0.31, 0.31, 0.9); transition : 0.3s cubic-bezier(0.37, 0.31, 0.31, 0.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 */ .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; text-transform: capitalize; 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: 0px 5px 41.5px rgba(9, 29, 62, 0.11); box-shadow : 0px 5px 41.5px rgba(9, 29, 62, 0.11); z-index : 5555; left : -22px; visibility : hidden; opacity : 0; -webkit-transform : translateY(15px); -ms-transform : translateY(15px); transform : translateY(15px); -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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); text-transform : capitalize; border-bottom : 1px solid #eaeaea; padding : 8px 0px; cursor : pointer; -webkit-transition: 0.3s ease; -o-transition : 0.3s ease; transition : 0.3s ease; position : relative; } .module-language .lang-list ul li a::after { content : ''; position : absolute; bottom : 0; left : 0; height : 1px; width : 0px; -webkit-transition: 0.3s ease; -o-transition : 0.3s ease; transition : 0.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 */ .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(0.9); -ms-transform : scale(0.9); transform : scale(0.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); } /* Small Devices, Tablets */ @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; } /*------------------------------------*\ #TopBar \*------------------------------------*/ .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; text-transform: capitalize; } .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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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(0.9); -ms-transform : scale(0.9); transform : scale(0.9); } .top-bar .social-links a i { display : -webkit-inline-box; display : -ms-inline-flexbox; display : inline-flex; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; } .top-bar .topbar-links a { font-size : 13px; color : var(--global--color-white); text-transform : capitalize; margin-right : 15px; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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; text-transform : capitalize; } .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; text-transform: capitalize; 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 \*------------------------------------*/ .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 : 560px; } @media screen and (max-width: 991.98px) { .page-title .page-title-wrap { height: 500px; } } @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; text-transform: capitalize; } @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 : 0px; 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: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 : transparent; 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 : transparent; 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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 : 375px; -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; } } /*------------------------------------*\ #Carousel \*------------------------------------*/ .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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 \*------------------------------------*/ .heading { margin-bottom: 48px; } @media screen and (max-width: 991.98px) { .heading { text-align: center; } } .heading .heading-subtitle { font-family : var(--global--font-body); text-transform: capitalize; 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); text-transform: capitalize; 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: 0px; } .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 \*------------------------------------*/ .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; text-transform: capitalize; } .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; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .skills .heading { margin-bottom: 30px; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { .skills .heading { margin-bottom: 30px; } } /*------------------------------------*\ #Slider \*------------------------------------*/ .slider { padding-top : 0; padding-bottom: 0; } .slider .slide { padding-top : 0; height : 650px; 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; text-transform: capitalize; } @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 : 75px; line-height : 75px; color : var(--global--color-white); margin-bottom : 24px; text-transform: capitalize; } @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 : 700; 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 : 0px; 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: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.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; -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; } } .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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 : 0px 5px 83px 0px rgba(40, 40, 40, 0.08); box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.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); text-transform: capitalize; 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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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, 0.5); font-family : "carousel" !important; font-size : 44px; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: white; } .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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; font-family : var(--global--font-body); font-size : 15px; font-weight : 700; color : var(--global--color-white); text-transform : capitalize; } .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; text-transform: capitalize; } @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, 0.05); box-shadow : 2.121px 2.121px 3px rgba(3, 21, 50, 0.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; text-transform: capitalize; } .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); text-transform: capitalize; 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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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); text-transform: capitalize; } /*------------------------------------*\ #Blog \*------------------------------------*/ .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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; text-transform : capitalize; padding-bottom : 6px; } .blog .more-blog a:hover::before { width: calc(100% - 20%); } .blog .more-blog a::before { content : ''; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0px 5px 83px 0px rgba(40, 40, 40, 0.08); box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.08); border-radius : 8px; background-color : var(--global--color-white); -webkit-transition: 0.5s ease-in-out; -o-transition : 0.5s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 : 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0px 5px 83px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.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, 1, 1); transform : scale3d(1, 1, 1); } .blog-entry:hover .entry-content .entry-more .btn { -webkit-box-shadow: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.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 0.35s; transition : -webkit-transform 0.35s; -o-transition : transform 0.35s; transition : transform 0.35s; transition : transform 0.35s, -webkit-transform 0.35s; max-width : 100%; height : auto; -webkit-transform : scale3d(1.05, 1.05, 1); transform : scale3d(1.05, 1.05, 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 : 0px; text-transform : capitalize; 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; text-transform : capitalize; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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; text-transform: capitalize; } .blog-entry .entry-content .entry-meta .entry-date .day:after { content : ','; margin-right: 3px; } .blog-entry .entry-content .entry-meta .entry-author { text-transform: capitalize; } .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; text-transform : capitalize; color : var(--global--color-heading); -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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, 0.5); -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; } /* Blog Grid */ .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 */ .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: 0px; } .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; text-transform: capitalize; } .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); text-transform: capitalize; } .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; text-transform: capitalize; } .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; text-transform: capitalize; 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 */ .blog-single { padding-top : 0px; 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: 0px; } .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; text-transform: capitalize; } .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); text-transform: capitalize; } .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; text-transform: capitalize; } .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); text-transform: capitalize; } .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: 0px 5px 83px 0px rgba(40, 40, 40, 0.21); box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.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); text-transform: capitalize; } @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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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; text-transform: capitalize; 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; text-transform : capitalize; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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; text-transform : capitalize; 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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 : 0.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; text-transform: capitalize; 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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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; text-transform: capitalize; 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; text-transform : capitalize; 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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; } /*------------------------------------*\ #Shop \*------------------------------------*/ .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 : 0px; } } .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); text-transform: capitalize; } @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 */ .product-item { margin-bottom : 10px; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; border-radius : 8px; } .product-item:hover { -webkit-box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.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: 0px 5px 83px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.11); -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.4s ease-in-out; -o-transition : 0.4s ease-in-out; transition : 0.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; text-transform : capitalize; } .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: #f00; } .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 : 0px; 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); text-transform : capitalize; border-radius : 4px 4px 0 0px; font-family : var(--global--font-body); font-weight : 700; font-size : 15px; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 { text-transform: capitalize; 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 */ .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; text-transform: capitalize; 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); text-transform: capitalize; } .shop-options .products-sort .nice-select .list { width: 100%; } .shop-options .products-sort .nice-select .list li { text-transform: capitalize; } /* Shop Single */ .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: 0px; } @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: 0px 5px 83px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.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; text-transform: capitalize; 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); text-transform: capitalize; } .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: 60%; } } .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); text-transform: capitalize; } @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); text-transform: capitalize; } .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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 : 0.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; text-transform: capitalize; font-family : var(--global--font-body); text-transform: capitalize; 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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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*/ .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: 0.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; text-transform: capitalize; 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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0px 5px 83px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.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; text-transform: capitalize; margin-bottom : 0px; } .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 : 0px; 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 : 0px; } @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); text-transform: capitalize; } .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 */ .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; text-transform: capitalize; } .checkout-widget label { font-family : var(--global--font-heading); font-weight : 500; font-size : 16px; line-height : 2; margin-bottom : 10px; text-transform: capitalize; 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 { text-transform: capitalize; } .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; text-transform: capitalize; 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); text-transform: capitalize; 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 { text-transform: capitalize; 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; text-transform: capitalize; color : #222222; } .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); } /* Custom, iPhone Retina */ @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 \*------------------------------------*/ .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 70px; -webkit-box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.08); box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.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 : 100%; } .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 0.3s, -webkit-transform 0.3s cubic-bezier(0.2, 1, 0.8, 1); transition : -webkit-clip-path 0.3s, -webkit-transform 0.3s cubic-bezier(0.2, 1, 0.8, 1); -o-transition : clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1); transition : clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1); transition : clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1), -webkit-clip-path 0.3s, -webkit-transform 0.3s cubic-bezier(0.2, 1, 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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-size : 19px; font-weight : 700; color : var(--global--color-secondary); margin-bottom : 11px; text-transform : capitalize; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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; text-transform : capitalize; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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; } /*------------------------------------*\ #Widgets \*------------------------------------*/ @media screen and (min-width: 992px) { .sidebar { max-width : 330px; margin-left: auto; } } /* Widget */ .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); text-transform: capitalize; margin-bottom : 0; position : relative; } /* Category Widget */ .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; text-transform : capitalize; position : relative; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; } /* Tags Widget */ .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; font-weight : 400; line-height : 28px; color : var(--global--color-primary); margin-right : 10px; margin-bottom : 10px; text-transform : capitalize; padding : 0px 9px; border : 1px solid var(--global--color-primary); border-radius : 4px; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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); } /* Recent Posts */ .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; text-transform: capitalize; 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; text-transform: capitalize; } .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; } /* Search Widget */ .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; text-transform : capitalize; 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); text-transform: capitalize; } .widget-search .form-search .form-control:-moz-placeholder { font-size : 14px; font-family : var(--global--font-body); color : var(--global--color-body); text-transform: capitalize; } .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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; margin-right : 0; } .widget-search .form-search .btn:hover i { color: var(--global--color-primary); } /* Reservation Widget */ .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 : 0.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: 0.5s ease-in-out; -o-transition : 0.5s ease-in-out; transition : 0.5s ease-in-out; opacity : 0.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: 0.5s ease-in-out; -o-transition : 0.5s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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; } /* Opening Hours Widget */ .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 { text-transform: capitalize; 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); text-transform : capitalize; border-bottom : 1px solid #dcdee2; padding : 9px 0; } /* Widget Download */ .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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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; text-transform: capitalize; } /* Widget Recent Products */ .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: 0px 5px 83px 0px rgba(40, 40, 40, 0.21); box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.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 { text-transform: capitalize; 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-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); text-transform : capitalize; background-color : var(--global--color-white); border-radius : 4px; z-index : 1; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; -webkit-box-shadow: 0px 5px 20px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 5px 20px 0px rgba(40, 40, 40, 0.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 : 0px; left : 0px; 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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; font-size : 13px; } /* Widget Filter */ .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: -0.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 : 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left : -0.3em; margin-left : 0; margin-bottom: -0.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 { /* Style for "Line" */ 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; text-transform : capitalize; 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); } /* blog sidebar */ .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; } /* Shop Sidebar */ .sidebar-shop .widget { padding : 0; background-color: var(--global--color-white); } .sidebar-shop .widget::after { content: unset; } .sidebar-shop .widget-categories { margin-bottom: 35px; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .sidebar { margin-top: 40px; } .widget { margin-bottom: 30px; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { .sidebar { margin-top: 40px; } .widget-recent .entry .entry-desc { margin-left: 70px; } } /*------------------------------------*\ #Features \*------------------------------------*/ .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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 0.5s ease-in-out; animation : bounce 0.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: 0px 5px 83px 0px rgba(40, 40, 40, 0.21); box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.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 : 0px 5px 83px 0px rgba(40, 40, 40, 0.21); box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.21); cursor : pointer; margin-bottom : 30px; -webkit-transition : 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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; text-transform : capitalize; margin-bottom : 16px; color : var(--global--color-secondary); -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; -webkit-box-shadow: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.11); } .features .feature-panel-holder .feature-panel a i { -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; } .features .feature-panel-holder .feature-panel a span { font-size : 0; opacity : 0; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; display : -webkit-inline-box; display : -ms-inline-flexbox; display : inline-flex; text-transform : capitalize; font-family : var(--global--font-body); font-weight : 700; font-size : 0px; color : var(--global--color-white); } .features .feature-panel-holder .feature-panel.feature-panel-2 { -webkit-box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; text-transform : capitalize; } .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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; text-transform : capitalize; 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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0px; 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: 0px 5px 83px 0px rgba(9, 29, 62, 0.15); box-shadow : 0px 5px 83px 0px rgba(9, 29, 62, 0.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: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 { text-transform: capitalize; font-family : var(--global--font-heading); font-weight : 600; font-size : 19px; line-height : 28px; color : var(--global--color-secondary); margin-bottom : 0px; } .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); } /* Small Devices, Tablets */ /*-------------------------------- #Pricing Tables ---------------------------------*/ .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 : 0px 5px 83px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.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 : 0px; position : relative; text-transform : capitalize; -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: 0px; } .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: 0.5s ease-in-out; -o-transition : 0.5s ease-in-out; transition : 0.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: 0.5s ease-in-out; -o-transition : 0.5s ease-in-out; transition : 0.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: 0px; } @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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; text-transform : capitalize; padding-bottom : 6px; } .pricing .more-prices p a:hover::before { width: calc(100% - 20%); } .pricing .more-prices p a::before { content : ''; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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; } } /*------------------------------------*\ #Contacts \*------------------------------------*/ .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: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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); text-transform : capitalize; 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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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, 0.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 60px; background-color : var(--global--color-white); -webkit-box-shadow: 0px 5px 83px 0px rgba(9, 29, 62, 0.15); box-shadow : 0px 5px 83px 0px rgba(9, 29, 62, 0.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: 0px 1px 73px 0px rgba(40, 40, 40, 0.15); box-shadow : 0px 1px 73px 0px rgba(40, 40, 40, 0.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; text-transform: capitalize; 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); text-transform : capitalize; 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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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; align-items : 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; text-transform: capitalize; } .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: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.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; -ms-flex-direction : column; flex-direction : column; -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.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 { display : -webkit-box; display : -ms-flexbox; display : flex; -webkit-box-orient : vertical; -webkit-box-direction: normal; -ms-flex-direction : column; flex-direction : column; } .map { position: relative; height : 470px; } .map iframe { position: absolute; top : 0; left : 0; right : 0; height : 100%; width : 100%; } .map iframe.map-gray { -webkit-filter: brightness(104%) contrast(99%) saturate(0%) blur(0px) hue-rotate(0deg); filter : brightness(104%) contrast(99%) saturate(0%) blur(0px) hue-rotate(0deg); } .mb-20 { margin-bottom: 20px !important; } /*------------------------------------*\ #Client \*------------------------------------*/ .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: 0.3s ease; -o-transition : 0.3s ease; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 \*------------------------------------*/ .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); text-transform: capitalize; 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; text-transform: capitalize; 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 : 0.5; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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); text-transform: capitalize; margin-bottom : 0; } .testimonial .testimonial-thumbs .testimonial-thumb .thumb-body p { text-transform: capitalize; 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 : 0.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, 0.5); font-family : "carousel" !important; font-size : 44px; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: white; } .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 : 0px; 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 : -60px; 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 \*------------------------------------*/ .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: 0px; } .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; } } /* Custom, iPhone Retina */ /*------------------------------------*\ #Call To Action \*------------------------------------*/ .cta { -webkit-box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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; text-transform: capitalize; } @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, 0.5); color : var(--global--color-heading); -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; margin-left : 0; } .cta .cta-body .cta-content .btn i { color : var(--global--color-heading); -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; text-transform : capitalize; 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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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); } /*------------------------------------*\ #404 \*------------------------------------*/ .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 ---------------------------------*/ .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: 0px 5px 83px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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; text-transform : capitalize; padding-bottom : 36px; margin-bottom : 35px; border-bottom : 2px solid #eaeaea; color : var(--global--color-heading); width : 100%; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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); text-transform : capitalize; } @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; text-transform : capitalize; -webkit-box-shadow: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.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 : 0px; 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: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.11); } .services .actions-holder .btn:last-child { width : 182px; margin-right : 0; padding : 0 27px; border-color : rgba(37, 55, 69, 0.5); color : var(--global--color-heading); -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; text-transform : capitalize; padding-bottom : 6px; } .services .more-services p a:hover::before { width: calc(100% - 20%); } .services .more-services p a::before { content : ''; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0px; } } .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 : 24px; line-height : 1; font-weight : 700; margin-bottom : 21px; color : var(--global--color-secondary); text-transform: capitalize; } .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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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(0.9); -ms-transform : scale(0.9); transform : scale(0.9); } .service-single .service-entry .entry-content .entry-processes .entry-body .process-icon i { -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 0px 0px 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 \*------------------------------------*/ .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; text-transform: capitalize; margin-bottom : 7px; } .company-data .data .data-body p, .company-data .data .data-body a { color : var(--global--color-body); -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; font-family : var(--global--font-body); font-weight : 400; font-size : 14px; line-height : 24px; text-transform : capitalize; } .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 : 0px; -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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 \*------------------------------------*/ .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: 0px 5px 83px 0px rgba(40, 40, 40, 0.21); box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.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); text-transform: capitalize; } .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 { text-transform: capitalize; 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(0.9); -ms-transform : scale(0.9); transform : scale(0.9); } .counter.counter-3 .counter-holder .counter-img i { -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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; text-transform: capitalize; 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: 0px; } .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.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 0px 0px 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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 : 0px; 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: 0px 5px 83px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.11); margin-bottom : 30px; } .projects.projects-standard .project-panel:hover .project-panel-holder .project-content { -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.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: 0.4s ease-in-out; -o-transition : 0.4s ease-in-out; transition : 0.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: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.11); } .projects #load-more i { font-size: 12px; } .project-panel { margin-bottom : 20px; background-color : var(--global--color-white); -webkit-transition: 0.5s ease-in-out; -o-transition : 0.5s ease-in-out; transition : 0.5s ease-in-out; border-radius : 8px; } .project-panel:hover { -webkit-box-shadow: 0 3px 20px 0 rgba(40, 40, 40, 0.13); box-shadow : 0 3px 20px 0 rgba(40, 40, 40, 0.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: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.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, 0.5); content : ''; z-index : 1; -webkit-transition: -webkit-transform 0.6s; transition : -webkit-transform 0.6s; -o-transition : transform 0.6s; transition : transform 0.6s; transition : transform 0.6s, -webkit-transform 0.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: 0.5s ease-in-out; -o-transition : 0.5s ease-in-out; transition : 0.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; text-transform: capitalize; 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; text-transform: capitalize; } .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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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, 0.5); width : 100%; height : 55px; color : var(--global--color-heading); -webkit-transition: 0.5s ease-in-out; -o-transition : 0.5s ease-in-out; transition : 0.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: 0.5s ease-in-out; -o-transition : 0.5s ease-in-out; transition : 0.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 */ .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; text-transform: capitalize; 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 */ .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: 0px 5px 83px 0px rgba(40, 40, 40, 0.16); box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.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: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.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 : 0px; left : 0px; 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); text-transform: capitalize; } @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); text-transform: capitalize; } .project-single .project-overview .advantages-list-holder { padding : 32px 40px 32px; 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: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.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: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 0px 0px 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); text-transform: capitalize; } .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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; } /*------------------------------------*\ #FAQS \*------------------------------------*/ .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: 0px; } @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: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; text-transform : capitalize; padding-bottom : 6px; } .faqs .more-faqs p a:hover::before { width: calc(100% - 20%); } .faqs .more-faqs p a::before { content : ''; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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; } } /*------------------------------------*\ #Image Hot Pointer \*------------------------------------*/ .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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0px 5px 83px 0px rgba(9, 29, 62, 0.15); box-shadow : 0px 5px 83px 0px rgba(9, 29, 62, 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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); text-transform: capitalize; } .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: 0px 5px 83px 0px rgba(9, 29, 62, 0.15); box-shadow : 0px 5px 83px 0px rgba(9, 29, 62, 0.15); border-radius : 10px 10px 10px 0px; position : relative; width : -webkit-max-content; width : -moz-max-content; width : max-content; position : absolute; max-width : 170px; z-index : 2; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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 0px; } .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); text-transform: capitalize; } /*------------------------------------*\ #Carrers \*------------------------------------*/ .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: 0px 5px 83px 0px rgba(40, 40, 40, 0.06); box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.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; text-transform: capitalize; 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 : 0px 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; text-transform: capitalize; } .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 \*------------------------------------*/ .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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; text-transform : capitalize; } .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 \*------------------------------------*/ .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; text-transform: capitalize; 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; text-transform: capitalize; margin-bottom : 0; } .about .signature-block .btn { margin-right : 30px; width : 170px; -webkit-box-shadow: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.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: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.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 : 0px; padding-left : 60px; width : calc(100% + 60px); } } @media screen and (min-width: 1200px) { .about .about-wrapper .about-block-wrapper .about-block { left : 0px; 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 32px; 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 : 0px; 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 : 0px; 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); } /*------------------------------------*\ #Processess \*------------------------------------*/ .processes { overflow : visible; padding-top : 0; padding-bottom: 0; } .processes .process-panel { padding : 0px 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; text-transform: capitalize; } .processes .process-panel .process-body .process-content p { font-size : 16px; line-height : 27px; color : var(--global--color-white); margin-bottom: 0px; } .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; text-transform : capitalize; } @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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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; } } /*------------------------------------*\ #Footer \*------------------------------------*/ /* Parallax Effect */ #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 Widgets */ } .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; text-transform: capitalize; 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; text-transform: capitalize; 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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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); text-transform : capitalize; display : -webkit-box; display : -ms-flexbox; display : flex; -webkit-box-align : center; -ms-flex-align : center; align-items : center; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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); text-transform: capitalize; } @media screen and (max-width: 991.98px) { .footer-copyright .copyright span { margin-bottom: 40px; text-align : center; } } .footer-copyright .copyright span a { color: var(--global--color-primary); } .footer-copyright .copyright span a:hover { color: var(--global--color-primary-70); } .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; text-transform : capitalize; font-family : var(--global--font-body); font-weight : 700; color : #929ba2; -webkit-transition: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.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: 0.3s ease-in-out; -o-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; }