@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100;1,200;1,300;1,400;1,500&display=swap'); :root { --conzi-font: 'Axiforma', sans-serif; --conzi-font-two: 'Axiforma', sans-serif; --conzi-base: #55894c; --conzi-base-rgb: 239, 224, 88; --conzi-black: #010212; --conzi-black-rgb: 1, 2, 18; --conzi-primary: #379895; --conzi-primary-rgb: 55, 152, 149; } @font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-SemiBold.eot'); src: local('Axiforma SemiBold'), local('Axiforma-SemiBold'), url('../fonts/Axiforma-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Axiforma-SemiBold.woff2') format('woff2'), url('../fonts/Axiforma-SemiBold.woff') format('woff'), url('../fonts/Axiforma-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-Thin.eot'); src: local('Axiforma Thin'), local('Axiforma-Thin'), url('../fonts/Axiforma-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Axiforma-Thin.woff2') format('woff2'), url('../fonts/Axiforma-Thin.woff') format('woff'), url('../fonts/Axiforma-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-Regular.eot'); src: local('Axiforma Regular'), local('Axiforma-Regular'), url('../fonts/Axiforma-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Axiforma-Regular.woff2') format('woff2'), url('../fonts/Axiforma-Regular.woff') format('woff'), url('../fonts/Axiforma-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-MediumItalic.eot'); src: local('Axiforma Medium Italic'), local('Axiforma-MediumItalic'), url('../fonts/Axiforma-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Axiforma-MediumItalic.woff2') format('woff2'), url('../fonts/Axiforma-MediumItalic.woff') format('woff'), url('../fonts/Axiforma-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-Black.eot'); src: local('Axiforma Black'), local('Axiforma-Black'), url('../fonts/Axiforma-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Axiforma-Black.woff2') format('woff2'), url('../fonts/Axiforma-Black.woff') format('woff'), url('../fonts/Axiforma-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-BlackItalic.eot'); src: local('Axiforma Black Italic'), local('Axiforma-BlackItalic'), url('../fonts/Axiforma-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Axiforma-BlackItalic.woff2') format('woff2'), url('../fonts/Axiforma-BlackItalic.woff') format('woff'), url('../fonts/Axiforma-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-Heavy.eot'); src: local('Axiforma Heavy'), local('Axiforma-Heavy'), url('../fonts/Axiforma-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/Axiforma-Heavy.woff2') format('woff2'), url('../fonts/Axiforma-Heavy.woff') format('woff'), url('../fonts/Axiforma-Heavy.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-Medium.eot'); src: local('Axiforma Medium'), local('Axiforma-Medium'), url('../fonts/Axiforma-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Axiforma-Medium.woff2') format('woff2'), url('../fonts/Axiforma-Medium.woff') format('woff'), url('../fonts/Axiforma-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-BoldItalic.eot'); src: local('Axiforma Bold Italic'), local('Axiforma-BoldItalic'), url('../fonts/Axiforma-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Axiforma-BoldItalic.woff2') format('woff2'), url('../fonts/Axiforma-BoldItalic.woff') format('woff'), url('../fonts/Axiforma-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-ExtraBoldItalic.eot'); src: local('Axiforma ExtraBold Italic'), local('Axiforma-ExtraBoldItalic'), url('../fonts/Axiforma-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Axiforma-ExtraBoldItalic.woff2') format('woff2'), url('../fonts/Axiforma-ExtraBoldItalic.woff') format('woff'), url('../fonts/Axiforma-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-Book.eot'); src: local('Axiforma Book'), local('Axiforma-Book'), url('../fonts/Axiforma-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/Axiforma-Book.woff2') format('woff2'), url('../fonts/Axiforma-Book.woff') format('woff'), url('../fonts/Axiforma-Book.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-Light.eot'); src: local('Axiforma Light'), local('Axiforma-Light'), url('../fonts/Axiforma-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Axiforma-Light.woff2') format('woff2'), url('../fonts/Axiforma-Light.woff') format('woff'), url('../fonts/Axiforma-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-ThinItalic.eot'); src: local('Axiforma Thin Italic'), local('Axiforma-ThinItalic'), url('../fonts/Axiforma-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Axiforma-ThinItalic.woff2') format('woff2'), url('../fonts/Axiforma-ThinItalic.woff') format('woff'), url('../fonts/Axiforma-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-Bold.eot'); src: local('Axiforma Bold'), local('Axiforma-Bold'), url('../fonts/Axiforma-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Axiforma-Bold.woff2') format('woff2'), url('../fonts/Axiforma-Bold.woff') format('woff'), url('../fonts/Axiforma-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-LightItalic.eot'); src: local('Axiforma Light Italic'), local('Axiforma-LightItalic'), url('../fonts/Axiforma-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Axiforma-LightItalic.woff2') format('woff2'), url('../fonts/Axiforma-LightItalic.woff') format('woff'), url('../fonts/Axiforma-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-SemiBoldItalic.eot'); src: local('Axiforma SemiBold Italic'), local('Axiforma-SemiBoldItalic'), url('../fonts/Axiforma-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Axiforma-SemiBoldItalic.woff2') format('woff2'), url('../fonts/Axiforma-SemiBoldItalic.woff') format('woff'), url('../fonts/Axiforma-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-Italic.eot'); src: local('Axiforma Italic'), local('Axiforma-Italic'), url('../fonts/Axiforma-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Axiforma-Italic.woff2') format('woff2'), url('../fonts/Axiforma-Italic.woff') format('woff'), url('../fonts/Axiforma-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-BookItalic.eot'); src: local('Axiforma Book Italic'), local('Axiforma-BookItalic'), url('../fonts/Axiforma-BookItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Axiforma-BookItalic.woff2') format('woff2'), url('../fonts/Axiforma-BookItalic.woff') format('woff'), url('../fonts/Axiforma-BookItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-ExtraBold.eot'); src: local('Axiforma ExtraBold'), local('Axiforma-ExtraBold'), url('../fonts/Axiforma-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Axiforma-ExtraBold.woff2') format('woff2'), url('../fonts/Axiforma-ExtraBold.woff') format('woff'), url('../fonts/Axiforma-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-HeavyItalic.eot'); src: local('Axiforma Heavy Italic'), local('Axiforma-HeavyItalic'), url('../fonts/Axiforma-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Axiforma-HeavyItalic.woff2') format('woff2'), url('../fonts/Axiforma-HeavyItalic.woff') format('woff'), url('../fonts/Axiforma-HeavyItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: "Flaticon"; src: url("../fonts/flaticon.eot"); src: url("../fonts/flaticond41d.eot?#iefix") format("embedded-opentype"), url("../fonts/flaticon.woff") format("woff"), url("../fonts/flaticon.ttf") format("truetype"), url("../fonts/flaticon.svg#Flaticon") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Flaticon"; src: url("../fonts/flaticon.svg#Flaticon") format("svg"); } } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: Flaticon; font-style: normal; } .flaticon-phone-receiver-silhouette:before { content: "\f101"; } .flaticon-location-marker:before { content: "\f102"; } .flaticon-envelope:before { content: "\f103"; } .flaticon-clock:before { content: "\f104"; } .flaticon-specialist-user:before { content: "\f105"; } .flaticon-phone-call:before { content: "\f106"; } .flaticon-love:before { content: "\f107"; } .flaticon-magnifiying-glass:before { content: "\f108"; } .flaticon-play-button:before { content: "\f109"; } .flaticon-star:before { content: "\f10a"; } .flaticon-star-1:before { content: "\f10b"; } .flaticon-opened:before { content: "\f10c"; } .flaticon-shopping-cart:before { content: "\f10d"; } .flaticon-plus:before { content: "\f10e"; } .flaticon-menu:before { content: "\f10f"; } .flaticon-menu-1:before { content: "\f110"; } .flaticon-left-arrow:before { content: "\f111"; } .flaticon-right-arrow:before { content: "\f112"; } .flaticon-minus:before { content: "\f113"; } .flaticon-check-mark:before { content: "\f114"; } .flaticon-right-arrow-1:before { content: "\f115"; } .flaticon-phone:before { content: "\f116"; } .flaticon-placeholder:before { content: "\f117"; } .flaticon-calendar:before { content: "\f118"; } .flaticon-add:before { content: "\f119"; } .flaticon-right-arrow-2:before { content: "\f11a"; } .flaticon-long-arrow-pointing-to-the-right:before { content: "\f11b"; } .flaticon-instagram:before { content: "\f11c"; } .flaticon-right-arrow-3:before { content: "\f11d"; } .flaticon-check-mark-1:before { content: "\f11e"; } .flaticon-play-button-1:before { content: "\f11f"; } .flaticon-user:before { content: "\f120"; } .flaticon-chat-comment-oval-speech-bubble-with-text-lines:before { content: "\f121"; } .flaticon-phone-call-1:before { content: "\f122"; } .flaticon-telephone:before { content: "\f123"; } .flaticon-clock-1:before { content: "\f124"; } .flaticon-maps-and-flags:before { content: "\f125"; } .flaticon-envelope-1:before { content: "\f126"; } .flaticon-bridge:before { content: "\f127"; } .flaticon-comments:before { content: "\f128"; } .flaticon-play-button-2:before { content: "\f129"; } .flaticon-plus-1:before { content: "\f12a"; } .flaticon-add-1:before { content: "\f12b"; } .flaticon-headphones:before { content: "\f12c"; } .flaticon-call:before { content: "\f12d"; } .flaticon-right-quote:before { content: "\f12e"; } .flaticon-chat:before { content: "\f12f"; } .single-service-style1 .img-holder .inner img{ max-height: 300px; max-width: 300px; } /*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont3295.eot?v=4.5.0');src:url('../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont3295.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont3295.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont3295.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont3295.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"} .container-fluid{ width:95%; } .row { --bs-gutter-x: 30px; } .gutter-y-30 { --bs-gutter-y: 30px; } body { font-family: var(--conzi-font); color: #151515; font-size: 16px; line-height: 27px; font-weight: 400; } body.locked { overflow: hidden; } a { color: var(--conzi-black); transition: .4s; -webkit-transition: all .4s ease-in-out; } a, a:hover, a:focus, a:visited { text-decoration: none; } ::-webkit-input-placeholder { color: inherit; opacity: 1; } :-ms-input-placeholder { color: inherit; opacity: 1; } ::-ms-input-placeholder { color: inherit; opacity: 1; } ::placeholder { color: inherit; opacity: 1; } h1, h2, h3, h4, h5, h6 { color: var(--conzi-black); margin: 0; font-family: var(--conzi-font-two); } p { margin: 0; } dl, ol, ul { margin-top: 0; margin-bottom: 0; list-style-type: none; padding: 0; } ::-webkit-input-placeholder { color: inherit; opacity: 1; } :-ms-input-placeholder { color: inherit; opacity: 1; } ::-ms-input-placeholder { color: inherit; opacity: 1; } ::placeholder { color: inherit; opacity: 1; } .page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; overflow: hidden; } .container { padding-left: 15px; padding-right: 15px; } @media (min-width: 1200px) { .container { max-width: 1200px; } } ::-webkit-input-placeholder { color: inherit; opacity: 1; } :-ms-input-placeholder { color: inherit; opacity: 1; } ::-ms-input-placeholder { color: inherit; opacity: 1; } ::placeholder { color: inherit; opacity: 1; } .section-separator { border-color: var(--conzi-border); border-width: 1px; margin-top: 0; margin-bottom: 0; } #particles-js { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-position: 50% 50%; opacity: 0.4; z-index: -1; } /* owl dots basic style */ .owl-dots-one.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 30px; } .owl-dots-one.owl-theme .owl-dots .owl-dot { margin: 0px -1px; } .owl-dots-one.owl-theme .owl-dots .owl-dot span { position: relative; width: 6px; height: 6px; margin: 5px 7px; background: #d6cbc5; border-radius: 0px; transition: all 200ms linear; transition-delay: 0.1s; } .owl-dots-one.owl-theme .owl-dots .owl-dot.active span { background: var(--conzi-base); } .owl-dots-one.owl-theme .owl-dots .owl-dot span::before { position: absolute; top: -6px; left: -6px; bottom: 0; right: 0; width: 18px; height: 18px; border: 1px solid #dbd8d8; transform: scaleX(0); transition: all 200ms linear; transition-delay: 0.1s; content: ""; } .owl-dots-one.owl-theme .owl-dots .owl-dot.active span::before { transform: scaleX(1.0); } .owl-with-shadow .owl-stage-outer { overflow: visible; } .owl-with-shadow .owl-item { visibility: hidden; opacity: 0; transition: visibility 500ms ease, opacity 500ms ease; } .owl-with-shadow .owl-item.active { opacity: 1; visibility: visible; } /*** ===================================================== Custom Cursor ===================================================== ***/ .custom-cursor__cursor { width: 25px; height: 25px; border-radius: 100%; border: 1px solid var(--conzi-base, #d0807a); -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; position: fixed; pointer-events: none; left: 0; top: 0; -webkit-transform: translate(calc(-50% + 5px), -50%); transform: translate(calc(-50% + 5px), -50%); z-index: 999991; } .custom-cursor__cursor-two { width: 10px; height: 10px; border-radius: 100%; background-color: var(--conzi-base); opacity: .3; position: fixed; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; -webkit-transition: width .3s, height .3s, opacity .3s; transition: width .3s, height .3s, opacity .3s; z-index: 999991; } .custom-cursor__hover { background-color: var(--conzi-base); opacity: 0.4; } .custom-cursor__innerhover { width: 25px; height: 25px; opacity: .4; } /*** ===================================================== Thm Btn ===================================================== ***/ .thm-btn { position: relative; display: inline-block; vertical-align: middle; -webkit-appearance: none; border: none; outline: none !important; background-color: var(--conzi-base); color: #fff; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 65px; font-family: var(--conzi-font); transition: all 0.3s linear; z-index: 1; padding: 0px 50px 0px; overflow: hidden; border-radius: 30px; } .thm-btn.bdr { border: 1px solid var(--conzi-black); } .thm-btn:before { -webkit-transition-duration: 600ms; transition-duration: 600ms; position: absolute; width: 200%; height: 200%; content: ""; top: 110%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; z-index: -1; background: var(--conzi-black); } .thm-btn:hover:before { top: -40%; } .thm-btn:hover { color: #ffffff; } /*** ============================================= Sec Title ============================================= ***/ .sec-title { position: relative; display: block; margin-top: -9px; padding-bottom: 58px; } .sec-title__tagline { position: relative; display: inline-block; margin-bottom: 17px; } .sec-title__tagline p { color: var(--conzi-primary); font-size: 17px; font-weight: 500; line-height: 16px; text-transform: uppercase; } .sec-title__title { font-weight: 700; font-size: 60px; color: #4a7940; line-height: 72px; } /*** ===================================================== Bootstrap Select ===================================================== ***/ .bootstrap-select .btn-light:not(:disabled):not(.disabled).active, .bootstrap-select .btn-light:not(:disabled):not(.disabled):active, .bootstrap-select .show>.btn-light.dropdown-toggle { -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; } .bootstrap-select>.dropdown-toggle { -webkit-box-shadow: none !important; box-shadow: none !important; } .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle { outline: none !important; } .bootstrap-select .dropdown-menu { border: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; z-index: 991; border-radius: 0; } .bootstrap-select .dropdown-menu>li+li>a { border-top: 1px solid rgba(255, 255, 255, 0.2); } .bootstrap-select .dropdown-menu>li.selected>a { background: var(--conzi-black); color: #fff; } .bootstrap-select .dropdown-menu>li>a { font-size: 16px; font-weight: 500; padding: 4px 20px; color: #ffffff; background: var(--conzi-primary); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .bootstrap-select .dropdown-menu>li>a:hover { background: #ffffff; color: #000000; cursor: pointer; } /*** ===================================================== Preloader ===================================================== ***/ .preloader { position: fixed; background-color: #fff; background-position: center center; background-repeat: no-repeat; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; 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; text-align: center; } .about-one.services-two--three .services-two__single-inner p { margin: 0; text-align: center; } .our-expertise .sec-title__title { font-weight: 700; font-size: 51px; line-height: 72px; text-align: center; } .our-expertise .about-one__content .sec-title { padding-bottom: 0; } .preloader__image { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: flipInY; animation-name: flipInY; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-image: url(../../images/loader.png); background-repeat: no-repeat; background-position: center center; background-size: 20% auto; width: 100%; height: 100%; } /*** ===================================================== Search Popup ===================================================== ***/ .search-popup { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999; padding-left: 20px; padding-right: 20px; 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-transform: translateY(-110%); transform: translateY(-110%); -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, -webkit-transform 500ms ease; transition: transform 500ms ease, opacity 500ms ease; transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease; } .search-popup.active { -webkit-transform: translateY(0%); transform: translateY(0%); } .search-popup__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; opacity: 0.75; cursor: pointer; } .search-popup__content { width: 100%; max-width: 560px; } .search-popup__content form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; background-color: #fff; border-radius: 0px; overflow: hidden; } .search-popup__content form input[type="search"], .search-popup__content form input[type="text"] { width: 100%; background-color: #fff; font-size: 16px; border: none; outline: none; height: 66px; padding-left: 30px; padding-right: 80px; } .search-popup__content .thm-btn { padding: 0; width: 68px; height: 68px; 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; text-align: center; position: absolute; top: 0; right: -1px; border-radius: 0; background-color: var(--conzi-base); border: 0; } .search-popup__content .thm-btn i::before { font-size: 20px; } .search-popup__content .thm-btn:hover { background-color: var(--conzi-black); } .search-popup__content .thm-btn:before, .search-popup__content .thm-btn:after { display: none; } /*** ============================================= Rating Box ============================================= ***/ .rating-box { position: relative; display: block; overflow: hidden; } .rating-box ul { overflow: hidden; } .rating-box ul li { position: relative; display: inline-block; margin-right: 0px; line-height: 0; } .rating-box ul li:last-child { margin-right: 0; } .rating-box ul li span { position: relative; display: inline-block; color: #F6C410; font-size: 16px; line-height: 16px; font-weight: 500; cursor: pointer; transition: all 200ms linear; transition-delay: 0.1s; } /*** ============================================= Styled Pagination ============================================= ***/ .styled-pagination { position: relative; display: block; width: 100%; height: auto; padding-top: 20px; } .styled-pagination li { position: relative; display: inline-block; margin-right: 6px; } .styled-pagination li:last-child { margin-right: 0; } .styled-pagination li a { position: relative; display: inline-block; width: 45px; height: 45px; background: #f0faf9; border-radius: 5px; color: var(--conzi-black); font-size: 18px; line-height: 45px; font-weight: 500; border: 1px solid var(--conzi-black); text-align: center; transition: all 500ms ease; font-family: var(--conzi-font); z-index: 1; } .styled-pagination li a:hover, .styled-pagination li a.active { color: var(--conzi-black); background: var(--conzi-base); border-color: var(--conzi-base); } .styled-pagination li.prev a, .styled-pagination li.next a { font-size: 15px; transition: all 200ms linear; transition-delay: 0.1s; top: -1px; } .styled-pagination li.next a span::before { position: relative; display: inline-block; transform: rotate(90deg); font-size: 15px; font-weight: 700; } .styled-pagination li.prev a:hover, .styled-pagination li.next a:hover { color: var(--conzi-black); background: var(--conzi-base); border-color: var(--conzi-base); } .styled-pagination li.next { } .shop-details__tab-button .tab-buttons li, .shop-details__tab-button .tab-buttons li.active-btn { content: ""; position: absolute; width: 0; width: 14%; bottom: -1px; left: 0; border-bottom: 3px solid; transition: all 0.3s ease-in-out; } /*** ===================================================== Scroll To Top ===================================================== ***/ .scroll-to-top { display: inline-block; width: 45px; height: 45px; background: var(--conzi-base); position: fixed; bottom: 40px; right: 40px; z-index: 99; text-align: center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; display: none; border-radius: 50%; transition: all 0.4s ease; } .scroll-to-top i { color: var(--conzi-black); font-size: 18px; line-height: 45px; } .scroll-to-top:hover { background-color: var(--conzi-black); } .scroll-to-top:hover i { color: #fff; } /*** ============================================= xs Sidebar ============================================= ***/ .xs-sidebar-group .xs-overlay { left: 0%; top: 0; position: fixed; height: 100%; opacity: 0; width: 100%; visibility: hidden; transition: all 200ms linear; transition-delay: 0.1s; cursor: url(../images/icon/cross-out.html), pointer; z-index: 99999999; } .xs-sidebar-group.isActive .xs-overlay { opacity: .6; visibility: visible; transition-delay: 0.0s; right: 100%; background-color: #000000; } .xs-sidebar-widget { position: fixed; left: -100%; top: 0; bottom: 0; width: 100%; max-width: 365px; background-color: #12062c; overflow: hidden; overflow-y: auto; -webkit-transform: translateX(-300px); transform: translateX(-300px); -webkit-transition: 0.6s; transition: 0.6s; opacity: 1; z-index: 999999999; } .xs-sidebar-group.isActive .xs-sidebar-widget { left: 0; -webkit-transform: translateX(0px); transform: translateX(0px); } .sidebar-textwidget { padding: 70px 30px; } .sidebar-widget-container { position: relative; top: -150px; opacity: 0; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 300ms ease 100ms; } .xs-sidebar-group.isActive .sidebar-widget-container { top: 0px; opacity: 1; visibility: visible; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 600ms ease 800ms; } .xs-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: .8; z-index: 0; background-color: #000000; } .xs-sidebar-group .widget-heading { position: absolute; top: 0; right: 0; padding: 25px; } .xs-sidebar-group .widget-heading a { position: relative; display: inline-block; width: 30px; height: 30px; line-height: 26px; text-align: center; border: 2px solid #fff; border-radius: 50%; color: #fff; font-size: 16px; font-weight: 400; transition: all 200ms linear; transition-delay: 0.1s; } .xs-sidebar-group .widget-heading a:hover { color: var(--thm-base); border-color: var(--conzi-base); } .xs-sidebar-group .content-inner .logo { position: relative; display: block; margin-bottom: 30px; } .xs-sidebar-group .content-inner .logo a { position: relative; display: inline-block; } .xs-sidebar-group .content-inner h4 { position: relative; display: block; font-size: 20px; line-height: 30px; color: #fff; font-weight: 600; text-transform: uppercase; padding-bottom: 14px; margin-bottom: 30px; } .xs-sidebar-group .content-inner h4:before { content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 2px; background: var(--conzi-base); } .xs-sidebar-group .content-inner .content-box { margin-bottom: 30px; padding-right: 15px; } .xs-sidebar-group .content-inner .content-box .inner-text { position: relative; display: block; padding-top: 2px; } .xs-sidebar-group .content-inner .content-box p { color: rgba(255, 255, 255, .7); margin: 0; } .xs-sidebar-group .content-inner .form-inner .form-group { position: relative; margin-bottom: 20px; } .xs-sidebar-group .content-inner .form-inner .form-group:last-child { margin-bottom: 0px; } .xs-sidebar-group .content-inner .form-inner .form-group.message-btn { position: relative; } .xs-sidebar-group .content-inner .form-inner .form-group.message-btn .thm-btn { position: relative; } .xs-sidebar-group .content-inner .form-inner .form-group input[type='text'], .xs-sidebar-group .content-inner .form-inner .form-group input[type='email'], .xs-sidebar-group .content-inner .form-inner .form-group textarea { position: relative; display: block; width: 100%; height: 50px; font-size: 15px; padding: 10px 20px; color: #848484; transition: all 500ms ease; outline: none; border: none; } .xs-sidebar-group .content-inner .form-inner .form-group textarea { resize: none; height: 120px; } .xs-sidebar-group .content-inner .form-inner .form-group input:focus, .xs-sidebar-group .content-inner .form-inner .form-group textarea:focus { border-color: #00224f; } .sidebar-contact-info { position: relative; display: block; padding-top: 43px; } .sidebar-contact-info ul { position: relative; display: block; padding-bottom: 22px; } .sidebar-contact-info ul li { position: relative; display: block; color: #b0b0bd; line-height: 30px; } .sidebar-contact-info ul li span { position: relative; display: inline-block; width: 25px; } .sidebar-contact-info ul li span:before { position: relative; display: inline-block; color: var(--conzi-base); } .sidebar-contact-info ul li a { color: #b0b0bd; } .xs-sidebar-group .content-inner .thm-social-link1 { overflow: hidden; } .thm-social-link1 { position: relative; display: block; } .thm-social-link1 ul { position: relative; } .thm-social-link1 ul li { position: relative; display: inline-block; margin-right: 6px; } .thm-social-link1 ul li:last-child { margin-right: 0; } .thm-social-link1 ul li a { position: relative; display: block; width: 40px; height: 40px; background: var(--conzi-base); border-radius: 50%; color: var(--conzi-black); font-size: 14px; line-height: 40px; text-align: center; z-index: 1; transition: all 500ms ease; } .thm-social-link1 ul li a:before { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background: #ffffff; border-radius: 50%; transition: .5s; transform: scale(.5); opacity: 0; content: ''; z-index: -1; } .thm-social-link1 ul li a:hover:before { transform: scale(1); opacity: 1; } .thm-social-link1 ul li a:hover { color: #000000; } /*** ===================================================== Navigations One ===================================================== ***/ .main-header { position: relative; display: block; z-index: 99; } .stricky-header .main-menu__wrapper-inner { padding-left: 0; box-shadow: none; } .stricky-header.main-menu { margin-top: 0px; } .main-menu .main-menu__list, .main-menu .main-menu__list>li>ul, .main-menu .main-menu__list>li>ul>li>ul, .stricky-header .main-menu__list, .stricky-header .main-menu__list>li>ul, .stricky-header .main-menu__list>li>ul>li>ul { margin: 0; padding: 0; list-style-type: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; } @media (min-width: 1200px) { .main-menu .main-menu__list, .main-menu .main-menu__list>li>ul, .main-menu .main-menu__list>li>ul>li>ul, .stricky-header .main-menu__list, .stricky-header .main-menu__list>li>ul, .stricky-header .main-menu__list>li>ul>li>ul { display: -webkit-box; display: -ms-flexbox; display: flex; } } .main-menu .main-menu__list>li, .stricky-header .main-menu__list>li { position: relative; } .main-menu .main-menu__list>li+li, .stricky-header .main-menu__list>li+li { margin-left: 38px; } .main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a { position: relative; color: var(--conzi-black); font-size: 18px; font-weight: 500; padding-top: 15px; padding-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: var(--conzi-font); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu .main-menu__list>li.current>a, .main-menu .main-menu__list>li:hover>a, .stricky-header .main-menu__list>li.current>a, .stricky-header .main-menu__list>li:hover>a { color: var(--conzi-base); } .main-menu .main-menu__list>li>ul, .main-menu .main-menu__list>li>ul>li>ul, .stricky-header .main-menu__list>li>ul, .stricky-header .main-menu__list>li>ul>li>ul { position: absolute; top: 100%; left: 0; min-width: 250px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; opacity: 0; visibility: hidden; -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: scaleY(0) translateZ(100px); transform: scaleY(0) translateZ(100px); -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease; z-index: 99; background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); position: absolute; /* padding: 20px 0; */ z-index: 9999; width: 240px; background: #fff; visibility: hidden; opacity: 0; border-top: 3px solid #315527; box-shadow: 0 2px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1); -webkit-transform: translateZ(0); text-align: left; } .main-menu .main-menu__list>li>ul>li>ul>li>ul, .stricky-header .main-menu__list>li>ul>li>ul>li>ul { display: none; } .main-menu .main-menu__list>li:hover>ul, .main-menu .main-menu__list>li>ul>li:hover>ul, .stricky-header .main-menu__list>li:hover>ul, .stricky-header .main-menu__list>li>ul>li:hover>ul { opacity: 1; visibility: visible; -webkit-transform: scaleY(1) translateZ(0px); transform: scaleY(1) translateZ(0px); } .main-menu .main-menu__list>li>ul>li, .main-menu .main-menu__list>li>ul>li>ul>li, .stricky-header .main-menu__list>li>ul>li, .stricky-header .main-menu__list>li>ul>li>ul>li { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; position: relative; } .main-menu .main-menu__list>li>ul>li+li, .main-menu .main-menu__list>li>ul>li>ul>li+li, .stricky-header .main-menu__list>li>ul>li+li, .stricky-header .main-menu__list>li>ul>li>ul>li+li { border-top: none; margin-top: 0px; } .main-menu .main-menu__list>li>ul>li>a, .main-menu .main-menu__list>li>ul>li>ul>li>a, .stricky-header .main-menu__list>li>ul>li>a, .stricky-header .main-menu__list>li>ul>li>ul>li>a { position: relative; font-size: 16px; line-height: 30px; color: var(--conzi-black); /* border-bottom: 1px solid rgba(var(--conzi-black-rgb), 0.1); */ font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 20px 10px; -webkit-transition: 500ms; transition: 500ms; } .main-menu .main-menu__list>li>ul>li:hover>a, .main-menu .main-menu__list>li>ul>li>ul>li:hover>a, .stricky-header .main-menu__list>li>ul>li:hover>a, .stricky-header .main-menu__list>li>ul>li>ul>li:hover>a { color: var(--conzi-black); border-color: var(--conzi-base); } .main-menu .main-menu__list>li>ul>li:last-child>a, .main-menu .main-menu__list>li>ul>li>ul>li:last-child>a, .stricky-header .main-menu__list>li>ul>li:last-child>a, .stricky-header .main-menu__list>li>ul>li>ul>li:last-child>a { border-bottom: none; } .main-menu .main-menu__list>li>ul>li>ul, .stricky-header .main-menu__list>li>ul>li>ul { top: 0; left: 100%; } .main-menu .main-menu__list li ul li>ul.right-align, .stricky-header .main-menu__list li ul li>ul.right-align { top: 0; left: auto; right: 100%; } .stricky-header { position: fixed; z-index: 991; top: 0; left: 0; background-color: #fff; width: 100%; visibility: hidden; -webkit-transform: translateY(-120%); transform: translateY(-120%); -webkit-transition: visibility 500ms ease, -webkit-transform 500ms ease; transition: visibility 500ms ease, -webkit-transform 500ms ease; transition: transform 500ms ease, visibility 500ms ease; transition: transform 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); } @media (max-width: 1199px) { .stricky-header { display: none !important; } } .stricky-header.stricky-fixed { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; } .stricky-header .main-menu__inner { -webkit-box-shadow: none; box-shadow: none; padding-right: 0; max-width: 1170px; width: 100%; margin: 0 auto; } .mobile-nav__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; margin-right: 10px; } @media (min-width: 1200px) { .mobile-nav__buttons { display: none; } } .mobile-nav__buttons a { font-size: 20px; color: var(--woodza-base); cursor: pointer; } .mobile-nav__buttons a+a { margin-left: 10px; } .mobile-nav__buttons a:hover { color: var(--woodza-base); } .main-menu .mobile-nav__toggler { font-size: 25px; color: #ffffff; cursor: pointer; -webkit-transition: 500ms; transition: 500ms; } .main-menu .mobile-nav__toggler:hover { color: var(--conzi-base); } @media (min-width: 1200px) { .main-menu .mobile-nav__toggler { display: none; } } /*** ===================================================== Mobile Nav ===================================================== ***/ .mobile-nav__wrapper { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; transition: transform 500ms ease 500ms, visibility 500ms ease 500ms; transition: transform 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; visibility: hidden; } .mobile-nav__wrapper .container { padding-left: 0; padding-right: 0; } .mobile-nav__wrapper.expanded { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); visibility: visible; -webkit-transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; transition: transform 500ms ease 0ms, visibility 500ms ease 0ms; transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; } .mobile-nav__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; opacity: 0.5; cursor: pointer; } .mobile-nav__content { width: 100%; background-color: #ffffff; z-index: 10; position: relative; height: 100%; overflow-y: auto; padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; opacity: 0; visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms; transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms, -webkit-transform 500ms ease 0ms; } .mobile-nav__wrapper.expanded .mobile-nav__content { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms; transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms, -webkit-transform 500ms ease 500ms; } .mobile-nav__content .logo-box { margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; } .mobile-nav__close { position: absolute; top: 20px; right: 15px; font-size: 18px; color: #ffffff; cursor: pointer; } .mobile-nav__content .main-menu__list, .mobile-nav__content .main-menu__list>li>ul, .mobile-nav__content .main-menu__list>li>ul>li>ul { margin: 0; padding: 0; list-style-type: none; } .mobile-nav__content .main-menu__list>li>ul, .mobile-nav__content .main-menu__list>li>ul>li>ul { display: none; border-top: 1px solid rgba(255, 255, 255, 0.1); margin-left: 0.5em; } .mobile-nav__content .main-menu__list>li:not(:last-child), .mobile-nav__content .main-menu__list>li>ul>li:not(:last-child), .mobile-nav__content .main-menu__list>li>ul>li>ul>li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .mobile-nav__content .main-menu__list>li>a>.main-menu-border { display: none !important; } .mobile-nav__content .main-menu__list>li>a, .mobile-nav__content .main-menu__list>li>ul>li>a, .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 30px; color: #ffffff; font-size: 14px; font-family: var(--conzi-font, "Rubik", sans-serif); font-weight: 500; height: 46px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 500ms; transition: 500ms; } .mobile-nav__content .main-menu__list>li>a.expanded .mobile-nav__content .main-menu__list>li>ul>li>a.expanded .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a.expanded { color: var(--conzi-base); } .mobile-nav__content .main-menu__list>li>a>button, .mobile-nav__content .main-menu__list>li>ul>li>a>button, .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button { width: 30px; height: 30px; background-color: var(--conzi-base); border: none; outline: none; color: #fff; 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; text-align: center; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; padding: 0; } .mobile-nav__content .main-menu__list>li>a>button.expanded, .mobile-nav__content .main-menu__list>li>ul>li>a>button.expanded, .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button.expanded { -webkit-transform: rotate(0deg); transform: rotate(0deg); background-color: #fff; color: #000000; } /* no menu after 2rd level dropdown */ .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button, .mobile-nav__content .main-menu__list>li>ul>li>ul>li>ul { display: none !important; } .mobile-nav__content .main-menu__list li.cart-btn span { position: relative; top: auto; right: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .mobile-nav__content .main-menu__list li.cart-btn i { font-size: 16px; } .mobile-nav__top { 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; } .mobile-nav__top .main-menu__login a { color: var(--woodza-text-dark); } .mobile-nav__container { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .mobile-nav__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-nav__social a { font-size: 16px; color: var(--woodza-white); -webkit-transition: 500ms; transition: 500ms; } .mobile-nav__social a+a { margin-left: 30px; } .mobile-nav__social a:hover { color: var(--woodza-primary); } .mobile-nav__contact { margin-bottom: 0; margin-top: 20px; margin-bottom: 20px; } .mobile-nav__contact li { color: var(--woodza-text-dark); font-size: 14px; font-weight: 500; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-nav__contact li+li { margin-top: 15px; } .mobile-nav__contact li a { color: #ffffff; -webkit-transition: 500ms; transition: 500ms; } .mobile-nav__contact li a:hover { color: var(--conzi-base); } .mobile-nav__contact li>i { width: 30px; height: 30px; border-radius: 50%; background-color: var(--conzi-base); 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; text-align: center; font-size: 11px; margin-right: 10px; color: #fff; } .mobile-nav__container .main-logo, .mobile-nav__container .topbar__buttons, .mobile-nav__container .main-menu__language, .mobile-nav__container .main-menu__login { display: none; } /*** ===================================================== Main Header One ===================================================== ***/ .main-header-one { position: relative; display: block; z-index: 99; animation-iteration-count: 1; box-shadow: 0 0 10px rgba(0,0,0, .1); } .main-header-one__top { position: relative; display: block; background: #315527; padding: 10px 0px 11px; } .main-header-one__top .container { position: static; max-width: 1850px; width: 100%; padding: 0px 15px; margin: 0 auto; } .main-header-one__top-inner { position: relative; display: flex; align-items: center; justify-content: space-between; overflow: hidden; } .main-header-one__top-left { position: relative; display: block; z-index: 1; } .main-header-one__top-left ul { position: relative; display: block; overflow: hidden; } .main-header-one__top-left ul li { position: relative; display: inline-block; margin-right: 60px; } .main-header-one__top-left ul li:last-child { margin-right: 0; } .main-header-one__top-left ul li p { color: rgba(255, 255, 255, 0.8); font-size: 16px; font-weight: 400; } .main-header-one__top-left ul li p a { color: rgba(255, 255, 255, 0.8); transition: all 200ms linear; transition-delay: 0.1s; } .main-header-one__top-left ul li p a:hover { color: var(--conzi-base); } .main-header-one__top-left ul li p span::before { position: relative; display: inline-block; color: rgba(255, 255, 255, 1.0); font-size: 20px; top: 3px; } .main-header-one__top-right { position: relative; display: block; margin-top: -10px; } .main-header-one__top-right ul { position: relative; display: block; overflow: hidden; } .main-header-one__top-right ul li { position: relative; display: inline-block; margin-left: 45px; } .main-header-one__top-right ul li p { color: rgba(255, 255, 255, 0.8); font-size: 16px; font-weight: 400; } .main-header-one__top-right ul li p a { color: rgba(255, 255, 255, 0.8); transition: all 200ms linear; transition-delay: 0.1s; } .main-header-one__top-right ul li p a:hover { color: var(--conzi-base); } .main-header-one__top-right ul li p span::before { position: relative; display: inline-block; color: rgba(255, 255, 255, 1.0); font-size: 20px; top: 3px; padding-right: 10px; } .main-header-one__bottom { position: relative; display: block; width: 97%; margin: auto; background: #ffffff; z-index: 1; } .main-header-one__bottom .container { position: static; max-width: 1850px; width: 100%; padding: 0px 15px; margin: 0 auto; } .main-menu__wrapper { position: relative; display: block; } .main-header-one__bottom-inner { position: relative; display: flex; margin: auto; width: 100%; align-items: center; justify-content: space-between; } .main-header-one__bottom-left { position: relative; display: flex; align-items: center; z-index: 1; } .main-header-one__bottom-left .logo-one { position: relative; display: block; z-index: 1; } .main-header-one__bottom-left .logo-one a { position: relative; display: inline-block; } .main-header-one__bottom-left .logo-one a img { width: 100%; max-width: 300px; } .side-content-button-box { position: relative; display: block; margin-left: 77px; } .side-content-button { position: relative; display: block; } .navSidebar-button { position: relative; display: flex; align-items: center; justify-content: center; width: 60px; height: 50px; border: 1px solid #000000; border-radius: 10px; transition: all 200ms linear; transition-delay: 0.1s; } .navSidebar-button:hover { border-color: var(--conzi-primary); } .navSidebar-button span::before { position: relative; display: inline-block; color: var(--conzi-black); font-size: 20px; transition: all 200ms linear; transition-delay: 0.1s; } .navSidebar-button:hover span::before { color: var(--conzi-primary); } .main-header-one__bottom-left .main-menu__main-menu-box { position: relative; display: block; margin-left: 90px; } .main-header-one__bottom-right { position: relative; display: flex; align-items: center; } .main-header-one__bottom-contact { position: relative; display: flex; align-items: center; } .main-header-one__bottom-contact .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 65px; height: 65px; background: var(--conzi-base); border-radius: 50%; border: 1px solid #161515; } .main-header-one__bottom-contact .icon-box span::before { position: relative; display: inline-block; color: #434026; font-size: 22px; } .main-header-one__bottom-contact .text-box { position: relative; display: block; margin-left: 20px; } .main-header-one__bottom-contact .text-box p { position: relative; display: inline-block; color: #161515; font-weight: 400; font-size: 16px; line-height: 34px; } .main-header-one__bottom-contact .text-box p::before { position: absolute; left: 0; bottom: 7px; right: 15px; height: 1px; background: #737373; content: ""; } .main-header-one__bottom-contact .text-box p a { color: #161515; font-weight: 700; transition: all 200ms linear; transition-delay: 0.1s; } .main-header-one__bottom-contact .text-box p a:hover { color: var(--conzi-base); } .main-header__search { position: relative; display: block; margin-left: 25px; } .main-header__search a { position: relative; display: block; color: var(--conzi-black); font-size: 20px; transition: all 200ms linear; transition-delay: 0.1s; } .main-header__search a:hover { color: var(--conzi-base); } .main-header-one__bottom-right .btn-box { position: relative; display: block; margin-left: 40px; } .main-header-one__bottom-right .btn-box .thm-btn { text-transform: capitalize; padding: 0px 40px 0px; line-height: 50px; } .stricky-header__one .main-header-one__bottom-right { } .stricky-header__one .side-content-button-box { display: none; } .stricky-header__one .main-header-one__bottom-left { width: 100%; justify-content: space-between; } /*** ===================================================== Main Header Two ===================================================== ***/ .main-header-one--two { position: relative; display: block; } .main-header-one--two .main-header-one__top .container { max-width: 1840px; } .main-header-one--two .main-header-one__bottom .container { max-width: 1840px; } .main-header-one--two .main-header-one__top { background:#315527; padding: 6px 0px 6px; border-bottom: 1px solid #000000; color: #fff; } .main-header-one--two .main-header-one__top-left ul li p { color: rgb(255 255 255 / 80%); } .main-header-one--two .main-header-one__top-left ul li p a { color: rgb(255 255 255 / 80%); transition: all 200ms linear; transition-delay: 0.1s; } .main-header-one--two .main-header-one__top-left ul li p a:hover { color: var(--conzi-base); } .main-header-one--two .main-header-one__top-left ul li p span::before { color: #484545; font-size: 20px; top: 3px; } .main-header-one--two .main-header-one__top-right ul li p { color: rgb(255 255 255 / 80%); } .main-header-one--two .main-header-one__top-right ul li p span::before { color: rgb(255 255 255 / 80%); } .main-header-one--two .main-header-one__top-right ul li p a { position: relative; display: inline-block; color: rgb(255 255 255 / 80%); transition: all 200ms linear; transition-delay: 0.1s; } .main-header-one--two .main-header-one__top-right ul li p a:hover { color: rgb(255 255 255 / 80%); } .main-header-one--two .main-header-one__top-right ul li p a::before { position: absolute; left: 0; bottom: 6px; right: 15px; background: #717171; height: 1px; content: ""; transition: all 200ms linear; transition-delay: 0.1s; } .main-header-one--two .main-header-one__top-right ul li p a:hover::before { background: var(--conzi-base); } .main-header-one--two .side-content-button-box { margin-left: 125px; } .main-header-one--two .navSidebar-button { border: 0px solid #000000; background: #f6f6f6; } .main-header-one--two .main-header-one__bottom-left .main-menu__main-menu-box { margin-left: 135px; } .main-header-one--two .main-header__search a { position: relative; display: flex; justify-content: center; width: 50px; height: 50px; line-height: 50px; background: #f1f1f1; border-radius: 50%; color: var(--conzi-black); font-size: 20px; transition: all 200ms linear; transition-delay: 0.1s; } .main-header-one--two .main-header__search a:hover { background: var(--conzi-base); } .main-header-one--two .main-header-one__bottom-right .btn-box { margin-left: 25px; } .main-header-one--two .main-menu .main-menu__list>li+li { margin-left: 63px; } /*** ============================================= Main Slider One ============================================= ***/ .main-slider-one { position: relative; display: block; z-index: 1; } .main-slider-one__inner { position: relative; display: block; } .main-slider-one__single { position: relative; display: block; overflow: hidden; z-index: 1; } .main-slider-one__single .shape1 { position: absolute; top: -11px; right: 0; opacity: 0; transform: translateX(100%); z-index: 1; } .main-slider-one .active .main-slider-one__single .shape1 { opacity: 1; transform: translate(0); transition: all 1500ms ease; transition-delay: 200ms; } .main-slider-one__single .shape2 { position: absolute; bottom: 15px; left: 210px; z-index: 1; opacity: 0; transform: translateY(100%); } .main-slider-one .active .main-slider-one__single .shape2 { opacity: 1; transform: translate(0); transition: all 2200ms ease; transition-delay: 400ms; } .main-slider-one__single .text-box { position: absolute; left: 325px; bottom: 42px; opacity: 0; transform: translateY(100%); z-index: 1; } .main-slider-one .active .main-slider-one__single .text-box { opacity: 1; transform: translate(0); transition: all 2200ms ease; transition-delay: 400ms; } .main-slider-one__single .text-box p { font-weight: 600; font-size: 17px; line-height: 30px; text-transform: capitalize; color: #FFFFFF; } .main-slider-one .image-layer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 1; background-position: center center; background-attachment: scroll; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease; transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease; transition: transform 7000ms ease, opacity 1500ms ease-in; transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease; background-repeat: no-repeat; background-size: cover; z-index: 1; } .main-slider-one .active .image-layer { -webkit-transform: scale(1); transform: scale(1); } .main-slider-one .image-layer::before { position: absolute; top: 0; left: 0; bottom: 0; width: 69%; background: linear-gradient(90deg, #183030 -2.07%, rgba(255, 255, 255, 0) 60.72%); content: ""; z-index: -1; } .main-slider-one__content { position: absolute; display: block; width: 38%; top: 36%; z-index: 10; } .about-two .container-fluid { width: 93%; } .about-one .sec-title__title,.about-two .sec-title__title { font-weight: 700; font-size: 37px; line-height: 17px; color: #315527; } .main-slider-one__content .tagline { position: relative; display: inline-block; margin-bottom: 14px; opacity: 0; visibility: hidden; -webkit-transform: translateY(-120px); transform: translateY(-120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; z-index: 10; } .main-slider-one__content .tagline::before { position: absolute; top: 0; left: 0; right: 0; height: 1px; background: var(--conzi-base); content: ""; } .main-slider-one__content .tagline::after { position: absolute; bottom: 0; left: 0; right: 90px; height: 1px; background: var(--conzi-base); content: ""; } .main-slider-one__content .tagline h6 { font-weight: 600; font-size: 17px; line-height: 30px; text-transform: uppercase; color: #FFFFFF; font-family: var(--conzi-font); } .main-slider-one__content .title { position: relative; display: block; margin-bottom: 38px; opacity: 0; visibility: hidden; -webkit-transform: translateY(-120px); transform: translateY(-120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; z-index: 10; } .main-slider-one__content .title h2 { font-weight: 700; font-size: 39px; line-height: 52px; color: #FFFFFF; } .main-slider-one__content .text { position: relative; display: block; margin-bottom: 50px; opacity: 0; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; z-index: 10; } .main-slider-one__content .text p { font-weight: 500; font-size: 20px; line-height: 34px; color: #FFFFFF; } .main-slider-one__content .btn-box { position: relative; display: block; line-height: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; z-index: 10; } .main-slider-one .active .main-slider-one__content .tagline, .main-slider-one .active .main-slider-one__content .title, .main-slider-one .active .main-slider-one__content .text, .main-slider-one .active .main-slider-one__content .btn-box { visibility: visible; opacity: 1; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .main-slider-one .owl-theme .owl-nav { position: absolute; top: 50%; left: 0; right: 0px; max-width: 100%; padding-left: 0px; padding-right: 0px; width: 100%; width: 100%; margin: 0 auto; height: 135px; padding: 0 15px; line-height: 0px; z-index: 100; } .main-slider-one .owl-carousel .owl-nav button.owl-next, .main-slider-one .owl-carousel .owl-nav button.owl-prev { position: relative; display: block; align-items: center; justify-content: center; height: 62px; width: 60px; background: rgba(255, 255, 255, 0.3); border-radius: 10px; color: #ffffff; font-size: 20px; line-height: 62px; text-align: center; opacity: 1; margin: 0; transition: all 500ms ease; z-index: 100; } .main-slider-one .owl-carousel .owl-nav button.owl-prev { margin-bottom: 10px; float: left; } .main-slider-one .owl-carousel .owl-nav button.owl-next { right: 20px; float: right; } .main-slider-one .owl-carousel .owl-nav button.owl-next:hover, .main-slider-one .owl-carousel .owl-nav button.owl-prev:hover { color: var(--conzi-black); background: var(--conzi-base); } .main-slider-one .owl-carousel .owl-nav button.owl-prev span::before { position: relative; display: inline-block; font-size: 20px; line-height: 62px; font-weight: 700; } .main-slider-one .owl-carousel .owl-nav button.owl-next span::before { position: relative; display: inline-block; font-size: 20px; line-height: 62px; font-weight: 700; } /*** ============================================= Main Slider Two ============================================= ***/ .main-slider-one--two { position: relative; display: block; } .main-slider-one--two .shape3 { position: absolute; top: 40px; left: 0; z-index: 1; } .main-slider-one--two .shape4 { position: absolute; left: 0; bottom: 250px; z-index: 1; } .main-slider-one--two .shape5 { position: absolute; left: 0; bottom: 110px; z-index: 1; } .main-slider-one--two .shape6 { position: absolute; top: -3px; right: 80px; z-index: 1; } .main-slider-one--two .shape7 { position: absolute; top: 200px; right: 0px; z-index: 1; } .main-slider-one--two .shape8 { position: absolute; right: 0px; bottom: 95px; z-index: 1; } .main-slider-one--two .main-slider-one__content .tagline::before { display: none; } .main-slider-one--two .main-slider-one__content .tagline::after { display: none; } .main-slider-one--two .main-slider-one__content .tagline img { width: auto; margin: 0 auto 12px; } .main-slider-one--two .main-slider-one__content { padding: 155px 0px 220px; } .main-slider-one--two .owl-theme .owl-dots { position: absolute; top: 49%; right: 65px; transform: translateY(-50%); z-index: 999; } .main-slider-one--two .owl-carousel .owl-dots .owl-dot { position: relative; display: block; width: 15px; height: 15px; background: transparent; border: 1px solid #ffffff; margin: 10px 0px; padding: 0px; border-radius: 50%; transition: all 300ms linear; transition-delay: 0.2s; } .main-slider-one--two .owl-carousel .owl-dots .owl-dot::before { position: absolute; top: 4px; left: 4px; width: 5px; height: 5px; background: #ffffff; border-radius: 50%; content: ""; transform: scale(0.5); border-radius: 50%; transition: all 300ms linear; transition-delay: 0.2s; opacity: 0; } .main-slider-one--two .owl-carousel .owl-dots .owl-dot.active::before { transform: scale(1.0); opacity: 1; } .main-slider-one--two .owl-theme .owl-dots .owl-dot span { display: none; } .main-slider-one__content .btn-box .thm-btn.btn2 { background: #ffffff; margin-left: 6px; } /*** ============================================= Main Slider Three ============================================= ***/ .main-slider-one--two.style3 { position: relative; display: block; } .main-slider-one.style3 .image-layer::before { display: none; } /*** ============================================= Page Header ============================================= ***/ .page-header { position: relative; display: block; padding: 32px 0px 30px; overflow: hidden; z-index: 1; } .page-header__bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center center; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; z-index: -1; } .page-header .shape1 { position: absolute; top: 10px; right: -40px; bottom: 0; z-index: -1; } .page-header__inner { position: relative; display: block; text-align: center; } .page-header__inner h2 { color: #ffffff; font-weight: 700; font-size: 48px; line-height: 1.3em; margin-bottom: 0px; } .page-header__inner .thm-breadcrumb { position: relative; display: block; padding-top: 40px; } .page-header__inner .thm-breadcrumb li { position: relative; display: inline-block; color: #ffffff; font-size: 20px; line-height: 30px; font-weight: 500; font-family: var(--conzi-font-two); padding-left: 10px; } .page-header__inner .thm-breadcrumb li:first-child { padding-left: 0; } .page-header__inner .thm-breadcrumb li a { color: #ffffff; font-size: 18px; line-height: 28px; font-weight: 500; font-family: var(--conzi-font); transition: all 200ms linear; transition-delay: 0.1s; } .page-header__inner .thm-breadcrumb li a:hover { color: var(--conzi-base); } /*** ============================================= About One ============================================= ***/ .about-one { position: relative; display: block; padding: 110px 0px 110px; z-index: 1; } .about-one__pattern { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: -1; } .about-one__img { position: relative; display: block; margin-left: -325px; } .about-one__img1 { position: relative; display: block; max-width: 710px; width: 100%; z-index: 1; } .about-one__img1::before { position: absolute; top: 55px; left: 30px; right: -20px; bottom: 40px; border: 1px solid #55894c; content: ""; z-index: -1; } .about-inner .about-three__content-text2 .content-box { margin-left: 0; } .about-inner .about-three__content-text3 .text-box { position: relative; display: block; flex: 1; margin-left: unset; background: #f1f1ee; border-radius: 46px; padding: unset; margin-left: unset; position: relative; display: block; flex: 1; margin-left: 0; } .about-inner .about-three__content-text3 { position: relative; display: flex; align-items: center; margin-top: 25px; align-items: center; background: #f1f1ee; border: 1px solid #000000; border-radius: 46px; padding: 14px 30px 16px; } .about-inner .container-fluid { width: 90%; } .about-one__img1::after { position: absolute; top: 65px; left: 30px; right: -10px; bottom: 40px; border: 1px solid #55894c; content: ""; z-index: -1; } .about-one__img1 .inner { position: relative; display: block; border-radius: 10px; overflow: hidden; } .about-one__img1 .inner .shape1 { position: absolute; top: 103px; right: 0; mix-blend-mode: screen; z-index: 1; } .about-one__img1 .inner img { width: 100%; } .about-one__img2 { position: absolute; right: 0; bottom: -95px; border-radius: 10px; overflow: hidden; z-index: 3; } .about-one__img2::before { background: rgba(255, 255, 255, 0.3); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0; opacity: 1; z-index: 9; pointer-events: none; } .about-one__img2:hover::before { height: 100%; opacity: 0; -webkit-transition: all 400ms linear; transition: all 400ms linear; } .about-one__img2 img { width: 100%; transition: .5s ease; transform: scale(1.05); } .about-one__img2:hover img { transform: scale(1); } .about-one__content { position: relative; display: block; margin-left: 40px; } .about-one__content .sec-title { padding-bottom: 34px; } .about-one__content-text1 { position: relative; display: block; } .about-one__content-text1 p { color: var(--conzi-black); font-size: 18px; font-weight: 500; } .about-one__content-text1 h3 { font-size: 20px; font-weight: 600; line-height: 34px; font-family: var(--conzi-font); text-transform: uppercase; margin-top: 42px; } .about-one__content-text2 { position: relative; display: block; margin-top: 50px; } .about-one__content-text2-single { position: relative; display: flex; align-items: center; background: #f6f6ef; padding: 21px 25px 21px; border-radius: 45px; margin-bottom: 30px; } .about-one__content-text2-single.mb0 { margin-bottom: 0; } .about-one__content-text2-single .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; background-color: var(--conzi-base); border-radius: 50%; border: 1px solid var(--conzi-black); } #thankYouModal.show { display: block; } .about-one__content-text2-single .icon-box span::before { position: relative; display: inline-block; color: #ffffff; font-size: 35px; transition-delay: 0.1s; transition: all 500ms ease; } .about-one__content-text2-single:hover .icon-box span::before { transform: rotateY(180deg); transition-delay: 0.1s; } .about-one__content-text2-single .text-box { position: relative; display: block; margin-left: 25px; flex: 1; } .about-one__content-text2-single .text-box h3 { font-weight: 500; font-size: 20px; line-height: 36px; text-transform: capitalize; margin-bottom: 12px; } .about-one__content-text2-single .text-box p { margin: 0; } /*** ============================================= Services One ============================================= ***/ .services-one { position: relative; display: block; background: #ffffff; padding: 110px 0px 110px; z-index: 1; } .services-one .auto-container { position: static; max-width: 1600px; width: 100%; padding: 0px 15px; margin: 0 auto; } .services-one__single { position: relative; display: block; background: #f6f4f4; margin-bottom: 30px; border-radius: 5px; overflow: hidden; } .services-one__single-inner { position: relative; display: block; padding: 33px 25px 45px 45px; } .services-one__single-top { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .services-one__single-top .title-box { position: relative; display: block; } .services-one__single-top .title-box h2 { font-size: 28px; font-weight: 500; line-height: 36px; } .services-one__single-top .title-box h2 a { color: var(--conzi-black); background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 2px no-repeat; transition: all 500ms ease; } .services-one__single-top .title-box h2 a:hover { background-size: 100% 2px; } .services-one__single-top .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; background: #f5fdfd; border: 1px solid var(--conzi-black); border-radius: 50%; } .services-one__single-top .icon-box span:before { position: relative; display: inline-block; color: var(--conzi-black); font-size: 30px; transition: all 500ms linear; transition-delay: 0.1s; transform: scale(1); } .services-one__single:hover .services-one__single-top .icon-box span:before { transform: scale(0.9); } .services-one__single-inner p { margin: 0; } .services-one__single-btn { position: relative; display: block; } .services-one__single-btn a { position: relative; display: block; font-weight: 600; font-size: 16px; line-height: 18px; text-align: center; text-transform: capitalize; color: #000000; background: #f2f1e5; padding: 16px 0px 17px; border-radius: 5px; transition: all 200ms linear; transition-delay: 0.1s; } .services-one__single-btn a:hover { background: var(--conzi-base); } .services-one__single-btn a span::before { position: relative; display: inline-block; color: var(--conzi-black); font-size: 17px; top: 2px; padding-left: 6px; } .services-one__bottom { position: relative; display: block; padding-top: 80px; } .services-one__bottom-inner { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 15px 40px 15px; z-index: 1; } .services-one__bottom-inner::after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #ffffff; border: 1px solid #000000; content: ""; } .services-one__bottom-inner::before { position: absolute; top: -30px; left: -40px; width: 165px; height: 165px; background: #d5e9e8; border-radius: 50%; content: ""; } .services-one__bottom-inner .left-content { position: relative; display: flex; align-items: center; z-index: 1; } .services-one__bottom-inner .left-content .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 75px; height: 75px; background: var(--conzi-base); border: 1px solid var(--conzi-black); border-radius: 50%; } .services-one__bottom-inner .left-content .icon-box span:before { position: relative; display: inline-block; color: #fff; font-size: 35px; } .about-one .about-one__img { position: relative; display: block; margin-left: -54px; } .about-one .about-two__content-text1 { position: relative; display: block; margin-top: 18px; } .export-bottom .sec-title p{ font-size: 17px; margin-top: 4px; } .export-bottom .sec-title__title { font-weight: 700; font-size: 40px; color: #4a7940; line-height: 72px; } .services-one__bottom-inner .left-content .text-box { position: relative; display: block; margin-left: 40px; flex: 1; } .services-one__bottom-inner .left-content .text-box h2 { font-size: 24px; font-weight: 400; line-height: 34px; } .services-one__bottom-inner .btn-box { position: relative; display: block; line-height: 0; } .services-one__bottom-inner .btn-box .thm-btn { text-transform: capitalize; } /*** ============================================= Testimonials One ============================================= ***/ .testimonials-one { position: relative; display: block; background: #ecf8f8; padding: 110px 0px 110px; z-index: 1; } .testimonials-one__content { position: relative; display: block; margin-right: -20px; margin-top: 55px; } .testimonials-one__content-single { position: relative; display: block; } .testimonials-one__content-single-top { position: relative; display: block; } .testimonials-one__content-single-top .left-content { position: relative; display: block; align-items: center; } .testimonials-one__content-single-top .left-content .img-box { position: relative; display: block; width: 100px; height: 100px; margin: auto; text-align: center; border-radius: 50%; overflow: hidden; } .testimonials-one__content-single-top .left-content .img-box img { width: 100%; } .testimonials-one__content-single-top .left-content .text-box { position: relative; display: block; flex: 1; margin-left: 15px; } .testimonials-one__content-single-top .left-content .text-box h3 { font-weight: 700; font-size: 20px; line-height: 30px; text-transform: capitalize; margin-bottom: 3px; } .testimonials-one__content-single-top .left-content .text-box p { font-weight: 400; font-size: 14px; line-height: 25px; text-transform: uppercase; } .testimonials-one__content-single-top .rating-box { position: relative; display: inline-block; background: #ffffff; padding: 8px 20px 6px; border-radius: 5px; margin-left: 80px; } .testimonials-one__content-single-bottom { position: relative; display: block; margin-top: 14px; } .testimonials-one__content-single-bottom h2 { font-weight: 500; font-size: 30px; line-height: 40px; text-transform: capitalize; margin-bottom: 23px; } .testimonials-one__content-single-bottom h3 { color: rgba(0, 0, 0, 0.8); font-weight: 400; font-size: 32px; line-height: 52px; font-family: var(--conzi-font); } .testimonials-one__img { position: relative; display: block; margin-left: 30px; margin-right: -20px; } .testimonials-one__img .inner { position: relative; display: block; border-radius: 10px; overflow: hidden; } .testimonials-one__img .inner .shape1 { position: absolute; top: 10px; right: 6px; z-index: 1; } .testimonials-one__img .inner .shape1 img { width: auto; transform: scale(1.0); } .testimonials-one__img .inner .icon-box { position: absolute; top: 37px; right: 30px; z-index: 2; } .testimonials-one__img .inner .icon-box span:before { position: relative; display: inline-block; color: var(--conzi-black); font-size: 30px; } .testimonials-one__img .inner img { width: 100%; transition: .5s ease; transform: scale(1.05); } .testimonials-one__img:hover .inner img { transform: scale(1); } .testimonials-one__carousel.owl-theme .owl-nav.disabled+.owl-dots { position: absolute; left: 50%; bottom: -81px; margin-top: 0px; } .testimonials-one__carousel.owl-carousel .owl-dots .owl-dot { position: relative; display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: transparent; margin: 0px 5px; border: 1px solid var(--conzi-black); padding: 0px; transition: all 100ms linear; transition-delay: 0.1s; } .testimonials-one__carousel.owl-carousel .owl-dots .owl-dot::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: var(--conzi-black); border-radius: 50%; transform: scale(0.5); opacity: 0; content: ""; transition: all 200ms linear; transition-delay: 0.1s; } .testimonials-one__carousel.owl-carousel .owl-dots .owl-dot.active::before { opacity: 1; transform: scale(1.0); } .testimonials-one__carousel.owl-carousel .owl-dot:focus { outline: none; } .testimonials-one__carousel.owl-carousel .owl-dots .owl-dot span { display: none; } /*** ============================================= Why Choose One ============================================= ***/ .why-choose-one { position: relative; display: block; background: #ffffff; overflow: hidden; padding: 110px 0px 110px; z-index: 1; } .why-choose-one .shape3 { position: absolute; top: -360px; left: -60px; z-index: -1; } .why-choose-one__img { position: absolute; top: 0; right: 0; bottom: 110px; left: 59%; background-attachment: scroll; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 2; } .why-choose-one__img .shape1 { position: absolute; left: 14px; bottom: 46px; z-index: -1; } .why-choose-one__img .shape2 { position: absolute; right: 0; bottom: 0; mix-blend-mode: screen; z-index: 1; } .why-choose-one__img .experience-box { position: absolute; bottom: 34px; left: 0px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; width: 210px; height: 225px; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 1; } .why-choose-one__img .experience-box h2 { color: #379895; font-size: 48px; font-weight: 700; line-height: 50px; } .why-choose-one__img .experience-box h2 .plus { position: relative; display: inline-block; right: 10px; top: 9px; } .why-choose-one .odometer.odometer-auto-theme, .why-choose-one .odometer.odometer-theme-default { font-family: var(--conzi-font-two); line-height: 50px; } .why-choose-one__img .experience-box p { color: #379895; font-size: 18px; font-weight: 500; line-height: 26px; text-transform: uppercase; } .why-choose-one__content { position: relative; display: block; } .why-choose-one__content .sec-title { padding-bottom: 43px; } .why-choose-one__content-text1 { position: relative; display: block; margin-bottom: 49px; } .why-choose-one__content-text1 p { font-size: 18px; font-weight: 400; line-height: 34px; } .why-choose-one__content-text2 { position: relative; display: block; } .why-choose-one__content-text2 ul { position: relative; display: flex; align-items: center; } .why-choose-one__content-text2 ul li { position: relative; display: block; margin-right: 70px; } .why-choose-one__content-text2 ul li.ml40 { margin-left: 40px; } .why-choose-one__content-text2 ul li:last-child { margin-right: 0; } .why-choose-one__content-text2 ul li .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; border: 1px solid var(--conzi-black); border-radius: 50%; background: #f5fdfd; margin-bottom: 13px; } .why-choose-one__content-text2 ul li .icon-box.clr2 { background: #fffdef; } .why-choose-one__content-text2 ul li .icon-box.clr3 { background: #fff8f8; } .why-choose-one__content-text2 ul li .icon-box span::before { position: relative; display: inline-block; color: var(--conzi-black); font-size: 35px; } .why-choose-one__content-text2 ul li h3 { font-size: 20px; font-weight: 600; line-height: 30px; font-family: var(--conzi-font); } .why-choose-one__content-text3 { position: relative; display: block; margin-top: 47px; } .why-choose-one__content-text3 p { margin: 0; } /*** ============================================= Projects One ============================================= ***/ .projects-one { position: relative; display: block; background: #f6f6ef; padding: 110px 0px 80px; overflow: hidden; z-index: 1; } .projects-one .shape1 { position: absolute; top: -270px; left: 0; z-index: -1; } .projects-one .shape2 { position: absolute; top: -55px; right: 0; z-index: -1; } .projects-one .container { position: static; max-width: 1800px; width: 100%; padding: 0px 15px; margin: 0 auto; } .projects-one__single { position: relative; display: block; margin-bottom: 30px; } .projects-one__single-img { position: relative; display: block; } .projects-one__single-img-inner { position: relative; display: block; border: 2px solid #000000; overflow: hidden; border-radius: 30px; z-index: 1; } .projects-one__single-img-inner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; background: #000000; opacity: 0; z-index: 1; content: ""; } .projects-one__single:hover .projects-one__single-img-inner:before { opacity: 0.5; } .projects-one__single-img-inner img { width: 100%; transition: .5s ease; transform: scale(1.05); } .projects-one__single:hover .projects-one__single-img-inner img { transform: scale(1); } .projects-one__single-img-inner .overlay-content { position: absolute; display: flex; align-items: center; justify-content: space-between; left: 55px; bottom: 30px; right: 0; z-index: 5; background: var(--conzi-base); padding: 23px 30px 18px; padding-right: 20px; border-radius: 5px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .projects-one__single-img-inner .overlay-content .text-box { position: relative; display: block; } .projects-one__single-img-inner .overlay-content .text-box p { color: var(--conzi-primary); font-weight: 500; font-size: 14px; line-height: 14px; text-transform: uppercase; margin-bottom: 3px; } .projects-one__single-img-inner .overlay-content .text-box h2 { font-weight: 500; font-size: 24px; line-height: 34px; text-transform: capitalize; } .projects-one__single-img-inner .overlay-content .text-box h2 a { color: var(--conzi-black); } .projects-one__single-img-inner .overlay-content .text-box h2 a:hover { color: var(--conzi-primary); } .projects-one__single-img-inner .overlay-content .btn-box { position: relative; display: block; } .projects-one__single-img-inner .overlay-content .btn-box a { position: relative; display: inline-block; font-weight: 500; font-size: 16px; line-height: 48px; color: #000000; text-transform: capitalize; background: #ffffff; border: 1px solid #000000; border-radius: 5px; padding: 0px 25px 0px; transition: all 200ms linear; transition-delay: 0.1s; } .projects-one__single-img-inner .overlay-content .btn-box a:hover { background: var(--conzi-primary); } .projects-one__single-img-inner .overlay-content .btn-box a img { position: relative; display: inline-block; width: auto; top: -1px; padding-left: 6px; } /*** ============================================= Team One ============================================= ***/ .team-one { position: relative; display: block; padding: 110px 0px 80px; background: #ebf8f7; z-index: 1; } .team-one__pattern { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: -1; } .team-one__top { position: relative; display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 58px; } .team-one__top .sec-title { padding-bottom: 0px; } .team-one__top .btn-box { position: relative; display: block; line-height: 0; margin-bottom: 12px; } .team-one__single { position: relative; display: block; background: #ffffff; margin-bottom: 30px; border: 1px solid #000000; border-radius: 15px; padding: 25px 25px 26px; } .team-one__single-img { position: relative; display: block; border-radius: 5px; overflow: hidden; z-index: 1; } .team-one__single-img::before { position: absolute; top: 0%; right: 0%; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255, .4); border-radius: 50%; -webkit-transform: translateX(-50%, -50%); transform: translateX(-50%, -50%); opacity: 0; z-index: 1; } .team-one__single:hover .team-one__single-img::before { -webkit-animation: circle .95s; animation: circle .95s; } .team-one__single-img img { width: 100%; transform: scale(1.0); transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; } .team-one__single:hover .team-one__single-img img { transform: scale(1.1) rotate(1deg); } .team-one__single-content { position: relative; display: block; margin-top: 32px; } .team-one__single-content h3 { font-weight: 700; font-size: 20px; line-height: 30px; } .team-one__single-content h3 a { color: var(--conzi-black); transition: all 200ms linear; transition-delay: 0.1s; } .team-one__single-content h3 a:hover { color: var(--conzi-base); } .team-one__single-content p { color: rgba(0, 0, 0, 0.7); font-weight: 400; font-size: 14px; line-height: 25px; text-transform: uppercase; } .team-one__single-content .rating-box { position: relative; display: block; margin-top: 11px; } /*** ============================================= Steps One ============================================= ***/ .steps-one { position: relative; display: block; background: #ffffff; padding: 110px 0px 100px; z-index: 1; } .steps-one .row { --bs-gutter-x: 180px; } .steps-one ul li { position: relative; } .steps-one__single { position: relative; display: block; background: #fffef3; padding: 49px 0px 45px; border: 1px solid #000000; border-radius: 10px; margin-bottom: 30px; z-index: 1; } .steps-one__single.bg2 { background: #f8ffff; } .steps-one__single.bg3 { background: #f6efef; } .steps-one__single .shape1 { position: absolute; top: 90px; left: 0; right: 0; height: 15px; background: #f4f9f9; } .steps-one__single .shape2 { position: absolute; top: 90px; left: 0; right: 0; height: 15px; background: #e5f8f8; } .steps-one__single .shape3 { position: absolute; top: 55px; right: -150px; z-index: -1; } .steps-one__single .shape4 { position: absolute; right: -150px; bottom: 20px; z-index: -1; } .steps-one__single-inner { position: relative; display: block; } .steps-one__single-inner .number-box { position: relative; display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; background: #ffffff; border-radius: 50%; border: 1px solid #000000; margin: 0 auto; z-index: 2; } .steps-one__single-inner .number-box::before { position: absolute; top: -20px; left: -20px; right: -20px; bottom: -20px; border: 1px dashed #000000; border-radius: 50%; content: ""; } .steps-one__single-inner .number-box h2 { font-weight: 600; font-size: 32px; line-height: 32px; font-family: var(--conzi-font); } .steps-one .container-fluid { width: 95%; } .steps-one__single-inner .content-box { position: relative; padding: 10px; display: block; } .steps-one--two .steps-one__single:nth-child(1){ background-color: #3069881f; } .steps-one__single-inner .content-box h2 { font-weight: 500; font-size: 28px; line-height: 36px; margin-top: 30px; margin-bottom: 23px; } .steps-one__single-inner .content-box h2 a { color: var(--conzi-black); transition: all 200ms linear; transition-delay: 0.1s; } .steps-one__single-inner .content-box h2 a:hover { color: var(--conzi-base); } .steps-one__single-inner .content-box p { margin: 0; } /*** ============================================= Blog One ============================================= ***/ .blog-one { position: relative; display: block; padding: 80px 0px 80px; z-index: 1; background: #ffffff; } .blog-one .container { position: static; width: 100%; padding: 0px 15px; margin: 0 auto; } .blog-one__single { position: relative; display: block; margin-bottom: 30px; border: 1px solid #dae5ec; border-radius: 10px; background: #ffffff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); } .blog-one__single-img { position: relative; display: block; } .blog-list .blog-one__single-img { width: 50%; } .page-header::before { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: linear-gradient(1deg, #00000052 12.93%, rgb(0 0 0 / 44%) 100.72%); content: ""; z-index: 0; } .blog-one__single-img .inner { position: relative; display: block; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; } .blog-one__single-img .inner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; background: #000000; opacity: 0; z-index: 1; content: ""; } .blog-one__single:hover .blog-one__single-img .inner::before { opacity: 0.5; } .blog-one__single-img .inner img { width: 100%; transition: .5s ease; transform: scale(1.05); } .blog-one__single:hover .blog-one__single-img .inner img { transform: scale(1); } .blog-one__single-content { position: relative; display: block; border-top: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .blog-one__single-content .meta-box { position: relative; display: block; background: #fffef4; border-radius: 5px; padding: 10px 45px 10px; overflow: hidden; margin-top: -3px; z-index: 5; } .blog-one__single-content .meta-box li { position: relative; display: flex; align-items: center; float: right; margin-right: 25px; line-height: 0; } .blog-one__single-content .meta-box li:last-child { margin-right: 0px; } .blog-one__single-content .meta-box li .icon { position: relative; display: block; } .blog-one__single-content .meta-box li .icon span::before { position: relative; display: inline-block; color: rgba(var(--conzi-black-rgb), 0.8); font-size: 20px; } .blog-one__single-content .meta-box li .text { position: relative; display: block; margin-left: 8px; margin-top: 0; } .blog-one__single-content .meta-box li .text p { color: rgba(var(--conzi-black-rgb), 0.8); font-size: 15px; font-weight: 400; margin: 0; } .blog-one__single-content .meta-box li .text p a { color: rgba(var(--conzi-black-rgb), 0.8); transition: all 200ms linear; transition-delay: 0.1s; } .blog-one__single-content .meta-box li .text p a:hover { color: var(--conzi-base); } .blog-one__single-content-inner { position: relative; display: block; padding: 20px 30px 30px; padding-right: 20px; } .blog-one__single-content h2 { font-weight: 500; font-size: 20px; line-height: 32px; } .blog-one__single-content h2 a { color: var(--conzi-black); transition: all 200ms linear; transition-delay: 0.1s; } .blog-one__single-content h2 a:hover { color: var(--conzi-base); } .blog-one__single-content-bottom { position: relative; display: flex; align-items: center; margin-top: 32px; } .blog-one__single-content-bottom-btn { position: relative; display: block; line-height: 0; } .blog-one__single-content-bottom-btn a { position: relative; display: inline-block; background: #F0FAF9; border: 1px solid #000000; border-radius: 5px; color: var(--conzi-black); font-weight: 600; font-size: 16px; line-height: 18px; padding: 16px 35px 17px; transition: all 200ms linear; transition-delay: 0.1s; } .blog-one__single-content-bottom-btn a:hover { background: var(--conzi-base); border: 1px solid var(--conzi-base); } .blog-one__single-content-bottom-right { position: relative; display: flex; align-items: center; margin-left: 25px; } .blog-one__single-content-bottom-right .img-box { position: relative; display: block; width: 45px; border-radius: 50%; overflow: hidden; } .blog-one__single-content-bottom-right .img-box img { width: 100%; } .blog-one__single-content-bottom-right .text-box { position: relative; display: block; margin-left: 10px; } .blog-one__single-content-bottom-right .text-box p { font-weight: 500; font-size: 16px; line-height: 18px; color: #000000; } /*** ============================================= Intro One ============================================= ***/ .intro-one { position: relative; display: block; z-index: 1; } .intro-one .auto-container { position: static; max-width: 1850px; width: 100%; padding: 0px 15px; margin: 0 auto; } .intro-one__inner { position: relative; display: block; background: var(--conzi-base); padding: 38px 0px 38px; border-radius: 10px; z-index: 1; } .intro-one__inner .shape1 { position: absolute; top: 0; left: 0; z-index: -1; } .intro-one__inner .shape2 { position: absolute; top: 0; left: 0; right: 0px; text-align: center; z-index: -1; } .intro-one__inner .shape3 { position: absolute; top: 0; right: 0px; z-index: -1; } .intro-one__inner::before { position: absolute; top: -1px; left: 325px; right: 325px; height: 2px; background: var(--conzi-black); content: ""; } .intro-one__single { position: relative; display: block; } .intro-one__single.mt15 { margin-top: 15px; } .intro-one__single.ml55 { margin-left: 55px; } .intro-one__single-inner { position: relative; display: flex; align-items: center; } .intro-one__single-inner .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 110px; height: 110px; background: #ffffff; border: 2px solid #000000; border-radius: 50%; } .intro-one__single-inner .icon-box span::before { position: relative; display: inline-block; color: var(--conzi-primary); font-size: 60px; } .intro-one__single-inner .text-box { position: relative; display: block; margin-left: 25px; } .intro-one__single-inner .text-box h2 { font-weight: 500; font-size: 20px; line-height: 34px; } .intro-one__single-inner .text-box h2 a { color: var(--conzi-black); transition: all 200ms linear; transition-delay: 0.1s; } .intro-one__single-inner .text-box h2 a:hover { color: var(--conzi-primary); } .intro-one__single-video { position: relative; display: block; } .intro-one__single-video-img { position: relative; display: block; overflow: hidden; border-radius: 10px; } .intro-one__single-video-img img { width: 100%; } .intro-one__single-video-icon { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; } .intro-one__single-video-icon a { position: relative; display: block; width: 75px; height: 75px; line-height: 75px; border-radius: 50%; background: rgba(var(--conzi-primary-rgb), 0.8); text-align: center; color: var(--conzi-base); font-size: 20px; transition: all 200ms linear; transition-delay: 0.1s; } .intro-one__single-video-icon a:hover { color: #ffffff; background: var(--conzi-black); } .intro-one__single-video-icon a::before, .intro-one__single-video-icon a::after { position: absolute; width: 75px; height: 75px; border-radius: 50%; background: transparent; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-animation-delay: .9s; animation-delay: .9s; content: ""; box-shadow: 0 0 0 0 rgb(255 255 255 / 60%); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; transition: all .4s ease; } .intro-one__single-video-icon a::after { -webkit-animation-delay: .6s; animation-delay: .6s; } /*** ============================================= Footer One ============================================= ***/ .footer-one { position: relative; display: block; overflow: hidden; z-index: 1; } .footer-one .shape1 { position: absolute; left: 0; bottom: 0; z-index: 0; } .footer-one .shape2 { position: absolute; top: -45px; right: 0; z-index: 0; mix-blend-mode: overlay; } .footer-one__pattern { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #111818; background-blend-mode: overlay; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: -1; } .footer-one__top { position: relative; display: block; padding: 110px 0px 80px; } .footer-one__single { position: relative; display: block; } .footer-one__single .title-box { position: relative; display: block; margin-bottom: 34px; margin-top: -8px; } .footer-one__single .title-box h3 { font-weight: 700; font-size: 20px; line-height: 30px; text-transform: uppercase; color: #FFFFFF; } .footer-one__about { position: relative; display: block; margin-right: -15px; } .footer-one__about-logo { position: relative; display: block; padding-bottom: 28px; border-bottom: 1px solid #383939; margin-top: -7px; } .footer-one__about-logo a { position: relative; display: inline-block; } .footer-one__about-logo a img { width: 100%; } .footer-one__about-text { position: relative; display: block; margin-top: 26px; } .footer-one__about-text p { font-weight: 400; font-size: 18px; line-height: 32px; text-transform: capitalize; color: #FFFFFF; } .footer-one__about .social-links { position: relative; display: block; overflow: hidden; margin-top: 35px; } .footer-one__about .social-links li { position: relative; display: inline-block; margin-right: 1px; } .footer-one__about .social-links li:last-child { margin-right: 0; } .footer-one__about .social-links li a { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: #123030; border-radius: 50%; overflow: hidden; z-index: 1; } .footer-one__about .social-links li a::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: var(--conzi-base); border-radius: 50%; transform: scale(0.5); opacity: 0; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; z-index: -1; } .footer-one__about .social-links li a:hover::before { transform: scale(1.0); opacity: 1; } .footer-one__about .social-links li a span::before { position: relative; display: inline-block; color: #ffffff; font-size: 20px; transition: all 200ms linear; transition-delay: 0.1s; } .footer-one__about .social-links li a:hover span::before { color: var(--conzi-black); } .footer-one__links { position: relative; display: block; margin-left: 50px; margin-right: -10px; } .footer-one__links-box { position: relative; display: block; } .footer-one__links-list { position: relative; display: block; overflow: hidden; } .footer-one__links-list li { position: relative; display: block; margin-bottom: 6px; } .footer-one__links-list li:last-child { margin-bottom: 0; } .footer-one__links-list li a { color: #ffffff; font-size: 18px; line-height: 28px; font-weight: 400; transition: all 200ms linear; transition-delay: 0.1s; } .footer-one__links-list li a:hover { color: var(--conzi-base); } .footer-one__links.other-link { position: relative; display: block; margin-left: 90px; } .footer-one__newsletter { position: relative; display: block; margin-left: 40px; } .footer-one__newsletter-box { position: relative; display: block; } .footer-one__newsletter-text1 { position: relative; display: block; margin-bottom: 27px; } .footer-one__newsletter-text1 p { font-weight: 400; font-size: 18px; line-height: 32px; color: #FFFFFF; } .footer-widget__subscribe-box { position: relative; display: block; max-width: 330px; width: 100%; margin-top: 35px; } .footer-widget__subscribe-input-box { position: relative; display: block; background: #0F1F1F; border-radius: 10px; padding: 30px 25px 30px; } .footer-widget__subscribe-input-box input[type="email"] { color: rgba(255, 255, 255, 0.4); font-size: 14px; height: 60px; width: 100%; background-color: transparent; padding-left: 0px; padding-right: 50px; outline: none; border: none; border-bottom: 1px solid #495252; font-family: var(--conzi-font-two); } .footer-widget__subscribe-btn { position: absolute; top: 45%; right: 25px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: none; background-color: var(--conzi-base); font-size: 20px; color: var(--conzi-black); border-radius: 50%; transform: translateY(-50%); padding: 0; margin: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .footer-widget__subscribe-btn:hover { background-color: var(--conzi-black); color: #ffffff; } .footer-one__bottom { position: relative; display: block; } .footer-one__bottom-inner { position: relative; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #193131; padding: 35px 0px 36px; } .footer-one__bottom-left { position: relative; display: flex; align-items: center; } .footer-one__bottom-left p { color: rgb(255 255 255); font-weight: 400; font-size: 16px; line-height: 26px; } .footer-one__bottom-left p a { color: rgba(255, 255, 255, .7); } .footer-one__bottom-left p a:hover { color: var(--conzi-base); } .footer-one__about-logo a img { width: 100%; max-width: 268px; } .footer-one__bottom-right p, .footer-one__bottom-right p a { color: #fff; } .footer-one__bottom-right { position: relative; display: block; } .footer-one__bottom-right ul { position: relative; display: block; } .footer-one__bottom-right ul li { position: relative; display: inline-block; margin-right: 18px; } .footer-one__bottom-right ul li:last-child { margin-right: 0; } .footer-one__bottom-right ul li a { color: rgba(255, 255, 255, .7); font-weight: 400; font-size: 16px; line-height: 26px; transition: all 200ms linear; transition-delay: 0.1s; } .footer-one__bottom-right ul li a:hover { color: var(--conzi-base); } /*** ============================================= Intro Two ============================================= ***/ .intro-one--two { position: relative; display: block; } .intro-one--two .intro-one__inner::before { top: auto; bottom: 0; } /*** ============================================= About Two ============================================= ***/ .about-two { position: relative; display: block; background: #ffffff; padding: 30px 0px 0; z-index: 1; } .about-two .shape3 { position: absolute; top: 69%; left: 46%; opacity: .4; z-index: 1; } .about-two .shape4 { position: absolute; top: 91%; opacity: .7; left: 9%; z-index: -1; } .about-two .shape5 { position: absolute; top: -44%; left: -170px; z-index: -1; opacity: .4; } .about-two__content { position: relative; display: block; margin-right: 30px; } .about-two__content .sec-title { padding-bottom: 38px; } .about-two__content-text1 { position: relative; display: block; } .about-two__content-text1 p { font-size: 18px; font-weight: 400; line-height: 30px; } .about-two__content-text2 { position: relative; display: block; margin-top: 39px; } .about-two__content-text2-single { position: relative; display: flex; align-items: center; } .about-two__content-text2-single .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 50%; overflow: hidden; background: #f5fdfd; border: 1px solid var(--conzi-black); } .about-two__content-text2-single .icon-box.clr2 { background: #fffdef; } .about-two__content-text2-single .icon-box span::before { position: relative; display: inline-block; color: var(--conzi-black); font-size: 35px; transition-delay: 0.1s; transition: all 500ms ease; } .about-two__content-text2-single:hover .icon-box span::before { transform: rotateY(180deg); transition-delay: 0.1s; } .about-two__content-text2-single .title-box { position: relative; display: block; flex: 1; margin-left: 15px; } .about-two__content-text2-single .title-box h3 { font-size: 20px; font-weight: 500; line-height: 30px; font-family: var(--conzi-font); } .about-two__content-text3 { position: relative; display: flex; align-items: center; margin-top: 55px; } .about-two__content-text3 .img-box { position: relative; display: block; width: 160px; border-radius: 5px; overflow: hidden; } .about-two__content-text3 .img-box img { width: 100%; } .about-two__content-text3 .text-box { position: relative; display: block; flex: 1; margin-left: 40px; } .about-two__content-text3 .text-box p { margin: 0; } .about-two__img { position: relative; display: block; margin-left: 20px; margin-right: -255px; z-index: 1; } .about-two__img .shape6 { position: absolute; left: 32px; bottom: -192px; z-index: 1; } .about-two__img1 { position: relative; display: block; z-index: 1; } .about-two__img1 .shape7 { position: absolute; left: -200px; bottom: 180px; z-index: 1; } .about-two__img1 .shape8 { position: absolute; left: 140px; bottom: -65px; z-index: 1; } .about-two__img1 .experience-box { position: absolute; top: -40px; left: -105px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; width: 220px; height: 220px; background: #ffffff; border: 3px solid #379895; border-radius: 50%; z-index: 1; } .about-two__img1 .experience-box .shape1 { position: absolute; top: 43px; left: 15px; width: 30px; height: 30px; background: #ffffff; border-radius: 50%; z-index: -1; } .about-two__img1 .experience-box .shape2 { position: absolute; bottom: 15px; right: 50px; width: 20px; height: 20px; background: #ffffff; border-radius: 50%; z-index: -1; } .about-two__img1 .experience-box::before { position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; background: #f3eba2; border-radius: 50%; z-index: -1; content: ""; } .about-two__img1 .experience-box h2 { color: #379895; font-size: 48px; font-weight: 700; line-height: 50px; } .about-two__img1 .experience-box h2 .plus { position: relative; display: inline-block; right: 10px; top: 9px; } .about-two .odometer.odometer-auto-theme, .about-two .odometer.odometer-theme-default { font-family: var(--conzi-font-two); line-height: 50px; } .about-two__img1 .experience-box p { color: #379895; font-size: 18px; font-weight: 500; line-height: 26px; text-transform: uppercase; } .about-two__img1 .inner { position: relative; display: block; border-radius: 10px; overflow: hidden; } .about-two__img1 .inner img { width: 100%; } .about-two__img1 .content-box { position: absolute; left: -75px; bottom: -15px; display: flex; align-items: center; border: 1px solid #000000; padding: 10px 20px 10px; max-width: 545px; width: 100%; background: #f5ffff; z-index: 5; } .about-two__img1 .content-box .icon-box { position: relative; display: block; } .about-two__img1 .content-box .icon-box span:before { position: relative; display: inline-block; color: #379895; font-size: 40px; } .about-two__img1 .content-box .text-box { position: relative; display: block; margin-left: 20px; } .about-two__img1 .content-box .text-box h2 { font-size: 26px; font-weight: 500; line-height: 34px; font-family: var(--conzi-font); } /*** ============================================= Services Two ============================================= ***/ .services-two { position: relative; display: block; overflow: hidden; z-index: 1; } .steps-one .sec-title__title { font-weight: 700; font-size: 51px; line-height: 72px; } .services-two__top { position: relative; display: block; background:#20948B; padding: 110px 0px 80px; z-index: 1; } .testimonials-one__content-single-bottom p { font-weight: 500; font-size: 16px; font-weight: 400; line-height: 32px; /* text-transform: capitalize; */ margin-bottom: 23px; } .services-two__top .shape1 { position: absolute; top: 110px; left: 0; z-index: -1; } .services-two__top .shape2 { position: absolute; top: 115px; right: 0px; z-index: -1; } .services-two .sec-title__title { color: #ffffff; } .services-two__single { position: relative; display: block; background: #ffffff; border-radius: 5px; overflow: hidden; margin-bottom: 30px; } .services-two__single-inner { position: relative; display: block; padding: 35px 15px 60px 15px; } .services-two__single-top { position: relative; display: block; align-items: center; margin-bottom: 30px; } .services-two__single-top .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 80px; margin: auto; margin-bottom: 18px; height: 80px; background: #f5fdfd; border: 1px solid var(--conzi-black); border-radius: 50%; } .services-two__single-top .icon-box span:before { position: relative; display: inline-block; color: var(--conzi-black); font-size: 30px; transition-delay: 0.1s; transition: all 500ms ease; } .services-two__single:hover .services-two__single-top .icon-box span:before { transform: rotateY(180deg); transition-delay: 0.1s; } .services-two__single-top .title-box { position: relative; display: block; flex: 1; text-align: center; } .services-two .sec-title__title { font-weight: 700; font-size: 51px; line-height: 72px; } .services-two__single-top .title-box h2 { font-weight: 500; font-size: 28px; line-height: 36px; text-transform: capitalize; } .services-two__single-top .title-box h2 a { color: var(--conzi-black); transition: all 200ms linear; transition-delay: 0.1s; } .services-two__single-top .title-box h2 a:hover { color: var(--conzi-base); } .services-two__single-inner p { margin: 0; } .services-two .services-two__single-inner p { text-align:center; } .services-two__single-btn { position: relative; display: block; margin-top: 50px; } .services-two__single-btn a { position: relative; display: block; background: #eeeeee; border-radius: 5px; overflow: hidden; font-weight: 600; font-size: 16px; line-height: 18px; text-transform: capitalize; color: #000000; padding: 16px 0px 17px; transition: all 200ms linear; transition-delay: 0.1s; } .services-two__single-btn a:hover { background: var(--conzi-base); } .services-two__single-btn a span:before { position: relative; display: inline-block; color: #000000; font-size: 15px; top: 1px; padding-left: 4px; } .services-two__bottom { position: relative; display: block; background: #ffffff; margin-top: 65px; } .services-two__bottom-inner { position: relative; display: block; border: 1px solid var(--conzi-black); padding-bottom: 50px; } .services-two__bottom-inner .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 55px; height: 55px; background: #379895; border-radius: 50%; overflow: hidden; margin: -15px auto 24px; z-index: 5; } .services-two__bottom-inner .icon-box span::before { position: relative; display: inline-block; color: #ffffff; font-size: 15px; } .services-two__bottom-inner h2 { font-weight: 400; font-size: 36px; line-height: 48px; color: #000000; } .services-two__bottom-inner .btn-box { position: relative; display: block; line-height: 0; margin-top: 50px; } /*** ============================================= Footer Two ============================================= ***/ .footer-one--two { position: relative; display: block; } .footer-one--two .footer-one__pattern { background: transparent; background-blend-mode: normal; } /*** ============================================= Cta One ============================================= ***/ .cta-one { position: relative; display: block; padding: 110px 0px 110px; z-index: 1; } .cta-one__pattern { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: -1; } .cta-one__inner { position: relative; display: flex; align-items: center; justify-content: space-between; background: var(--conzi-base); padding: 42px 55px 45px; border-radius: 10px; overflow: hidden; z-index: 1; } .cta-one__inner-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: -1; } .cta-one__inner .text-box { position: relative; display: block; } .cta-one__inner .text-box h2 { font-weight: 500; font-size: 48px; line-height: 68px; text-transform: capitalize; color: #000000; } .cta-one__inner .btn-box { position: relative; display: block; line-height: 0; } .cta-one__inner .btn-box .thm-btn { background: #379895; color: #ffffff; } /*** ============================================= About Three ============================================= ***/ .about-three { position: relative; display: block; background: #ffffff; padding: 110px 0px 110px; z-index: 1; } .about-three .shape3 { position: absolute; top: 210px; left: -310px; z-index: -1; } .about-three .shape4 { position: absolute; top: 0px; right: 0px; z-index: -1; } .about-three__img { position: relative; display: block; max-width: 515px; width: 100%; margin-left: -85px; margin-top: 70px; } .about-three__img::before { position: absolute; top: -60px; left: -60px; bottom: 165px; right: -45px; border: 1px solid #518348; content: ""; } .about-three__img-inner { position: relative; display: block; overflow: hidden; border-radius: 10px; } .about-three__img-inner .shape1 { position: absolute; top: 60px; left: -140px; z-index: 1; } .about-three__img-inner .shape2 { position: absolute; bottom: -30px; right: -100px; z-index: 1; } .about-three__img-inner img { width: 100%; } .about-three__content { position: relative; display: block; margin-left: -26px; } .about-three__content .sec-title { padding-bottom: 39px; } .about-three__content-text1 { position: relative; display: block; } .about-three__content-text1 p { font-size: 18px; font-weight: 500; line-height: 32px; } .about-three__content-text2 { position: relative; display: flex; align-items: center; background: #ebfdfc; border: 1px solid #000000; border-radius: 46px; padding: 14px 30px 16px; margin-top: 40px; } .about-three__content-text2 .rating-content { position: relative; display: block; } .about-three__content-text2 .rating-content .rating-box ul li span { color: var(--conzi-black); } .about-three__content-text2 .rating-content h2 { font-size: 40px; font-weight: 500; line-height: 36px; margin-top: 1px; } .about-three__content-text2 .content-box { position: relative; display: block; flex: 1; margin-left: 40px; } .about-three__content-text2 .content-box h3 { font-size: 20px; font-weight: 500; line-height: 36px; } .about-three__content-text2 .content-box p { font-size: 16px; font-weight: 400; line-height: 30px; } .about-three__content-text3 { position: relative; display: flex; align-items: center; margin-top: 25px; } .about-three__content-text3 .counter-box { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; border: 1px solid #000000; background: #efe058; border-radius: 10px; width: 120px; height: 115px; padding-left: 14px; z-index: 5; } .about-three__content-text3 .counter-box h2 { position: relative; font-size: 40px; font-weight: 500; line-height: 36px; } .about-three__content-text3 .counter-box h2 .k { position: relative; display: inline-block; top: 8px; right: 8px; } .about-three__content .odometer.odometer-auto-theme, .about-three__content .odometer.odometer-theme-default { font-family: var(--conzi-font-two); line-height: 36px; } .about-three__content-text3 .counter-box h2 .plus { position: relative; display: inline-block; font-size: 20px; right: 16px; bottom: -7px; } .about-three__content-text3 .text-box { position: relative; display: block; flex: 1; margin-left: 30px; background: #f1f1ee; border-radius: 46px; padding: 14px 40px 16px 100px; margin-left: -70px; } .about-three__content-text3 .text-box h3 { font-size: 20px; font-weight: 500; line-height: 36px; margin-bottom: 13px; } .about-three__content-text3 .text-box p { font-size: 16px; font-weight: 400; line-height: 30px; } /*** ============================================= Team Two ============================================= ***/ .team-one--two { position: relative; display: block; } .team-one--two .team-one__top .btn-box .thm-btn { color: #ffffff; background: var(--conzi-black); } .team-one--two .team-one__top .btn-box .thm-btn::before { background: var(--conzi-base); } .team-one--two .team-one__top .btn-box .thm-btn:hover { color: var(--conzi-black); } .team-one--two .team-one__single-img { position: relative; display: block; border-radius: 50%; width: 250px; height: 250px; overflow: hidden; margin: 0 auto; z-index: 1; } .team-one--two .team-one__single-content { position: relative; display: block; margin-top: 17px; } .team-one--two .team-one__single { border: 0px solid #000000; padding: 30px 25px 51px; z-index: 1; } .team-one--two .team-one__single .shape1 { position: absolute; left: 5px; bottom: 5px; z-index: -1; } .team-one--two .team-one__single .shape2 { position: absolute; right: 5px; bottom: 5px; z-index: -1; } .team-one--two .team-one__single-content h3 a:hover { color: var(--conzi-primary); } /*** ============================================= Steps Two ============================================= ***/ .steps-one--two { position: relative; display: block; padding-bottom: 80px; } .steps-one.steps-one--two .row { --bs-gutter-x: 30px; } .steps-one--two .steps-one__single { position: relative; display: block; background: #f9f3f3; padding: 49px 40px 45px; border: 0px solid #000000; border-radius: 10px; margin-bottom: 30px; z-index: 1; } .steps-one--two .steps-one__single::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; transform: scaleX(0.8) rotateX(0deg); transition: all 0.4s linear; border: 1px solid var(--conzi-black); border-radius: 10px; opacity: 0; content: ""; z-index: 1; } .steps-one--two .steps-one__single:hover:before { transform: scaleX(1.0) rotateX(0deg); transition: all 0.4s linear; opacity: 1; } .steps-one--two .steps-one__single .shape5 { position: absolute; top: 73px; right: 10px; z-index: -1; } .steps-one--two .steps-one__single .shape6 { position: absolute; bottom: 30px; right: 30px; z-index: -1; } .steps-one--two .steps-one__single.style2 { padding: 24px 40px 45px; } .steps-one--two .steps-one__single-inner .number-box::before { border: 0px dashed #000000; } .steps-one--two .steps-one__single-inner .number-box { background: #f5fdfd; } .steps-one--two .steps-one__single.style2 .number-box { margin-top: 25px; } .steps-one--two .steps-one__single.style2 .number-box.clr2 { background: #fff7f2; } .steps-one--two .steps-one__single .number-box.clr3 { background: #f8f2dd; } /*** ============================================= Blog Two ============================================= ***/ .blog-one--two { position: relative; display: block; padding: 110px 0px 80px; } .blog-one--two.blog-one .container { max-width: 1200px; } .blog-one--two .blog-one__single-content .meta-box { background: transparent; border: 0px solid #000000; border-radius: 0px; padding: 10px 30px 0px; margin-top: 0px; } .blog-one--two .blog-one__single-content .meta-box li { margin-right: 15px; } .blog-one--two .blog-one__single-content { padding-top: 24px; border: none; } .blog-one--two .blog-one__single-img .inner { border-radius: 10px; } .blog-one--two .blog-one__single { border-radius: 10px; overflow: hidden; } .blog-one--two .blog-one__single::before { position: absolute; top: 10px; left: 0; bottom: 0; right: 0; border: 1px solid #e6e6e6; content: ""; z-index: -1; border-radius: 10px; } .blog-one--two .blog-one__single-content-bottom-right { margin-left: 0; } .blog-one--two .blog-one__single-content-bottom { justify-content: space-between; border: 1px solid #000000; border-radius: 5px; overflow: hidden; padding: 1px 1px 1px 15px; margin-top: 37px; } .blog-one--two .blog-one__single-content-bottom-btn a { border: 0px solid #000000; border-radius: 0px; padding: 16px 20px 17px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } /*** ============================================= Services Three ============================================= ***/ .services-two--three { position: relative; display: block; } .services-two--three .auto-container { position: static; max-width: 1600px; width: 100%; padding: 0px 15px; margin: 0 auto; } .services-two--three .services-two__top { background: #ffffff; } .services-two.services-two--three .sec-title__title { color: var(--conzi-black); } .services-two--three .services-two__single { background: #f1f9f9; } .services-two--three .services-two__bottom { margin-top: 4px; } .services-two--three .services-two__bottom-inner { background: #f6efef; } /*** ============================================= About Four ============================================= ***/ .about-two--four { position: relative; display: block; padding: 110px 0px 103px; } .about-two--four .about-two__content-text2-single .icon-box { width: 85px; height: 85px; top: 8px; } .about-two--four .about-two__content-text2-single .icon-box span::before { font-size: 40px; } .about-two--four .about-two__content-text2-single { align-items: flex-start; margin-bottom: 25px; } .about-two--four .about-two__content-text2-single.mb0 { margin: 0; } .about-two--four .about-two__content-text2-single .title-box { margin-left: 30px; } .about-two--four .about-two__content-text2-single .title-box h3 { margin-bottom: 12px; } .about-two--four .about-two__content { margin-right: 40px; } .about-two--four .about-two__img1 .experience-box { top: auto; bottom: 100px; left: -145px; } .about-two--four .about-two__img2 { position: absolute; right: 0; bottom: -50px; z-index: 1; } .about-two--four .about-two__img2 .inner { position: relative; display: block; border-radius: 10px; overflow: hidden; z-index: 1; } .about-two--four .about-two__img2 .inner::before { background: rgba(255, 255, 255, 0.3); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0; opacity: 1; z-index: 9; pointer-events: none; } .about-two--four .about-two__img2 .inner:hover::before { height: 100%; opacity: 0; -webkit-transition: all 400ms linear; transition: all 400ms linear; } .about-two--four .about-two__img2 .inner img { width: 100%; transition: .5s ease; transform: scale(1.05); } .about-two--four .about-two__img2 .inner:hover img { transform: scale(1); } .about-two--four .about-two__img2::before { position: absolute; top: -10px; left: -10px; bottom: -10px; right: -10px; background: #ffffff; border-radius: 10px; content: ""; z-index: -1; } .about-two--four .about-two__img1 .content-box { bottom: -60px; left: -105px; z-index: 5; } .about-two--four .about-two__content-text2 { margin-top: 30px; } .about-two--four.about-two .shape5 { top: -40px; right: -60px; } /*** ============================================= Projects Two ============================================= ***/ .projects-two { position: relative; display: block; background: #f0fefe; padding: 110px 0px 110px; z-index: 1; } .projects-two .auto-container { position: static; max-width: 1800px; width: 100%; padding: 0px 15px; margin: 0 auto; } .projects-two__single { position: relative; display: block; background: #ffffff; padding: 20px; border: 2px solid #000000; border-radius: 30px; overflow: hidden; margin-bottom: 30px; } .projects-two__single-img { position: relative; display: block; } .projects-two__single-img-inner { position: relative; display: block; border-radius: 10px; overflow: hidden; } .projects-two__single-img-inner img { width: 100%; transition: .5s ease; transform: scale(1.05); } .projects-two__single:hover .projects-two__single-img-inner img { transform: scale(1); } .projects-two__single-img-inner::before { background: rgba(255, 255, 255, 0.3); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0; opacity: 1; z-index: 9; pointer-events: none; } .projects-two__single:hover .projects-two__single-img-inner::before { height: 100%; opacity: 0; -webkit-transition: all 400ms linear; transition: all 400ms linear; } .projects-two__single-content { position: relative; display: flex; align-items: center; justify-content: space-between; background: #f2f2f2; border-radius: 5px; padding: 25px 15px 25px 25px; margin-top: 30px; } .projects-two__single-content .text-box { position: relative; display: block; } .projects-two__single-content .text-box p { color: var(--conzi-primary); font-weight: 500; font-size: 14px; line-height: 14px; text-transform: uppercase; } .projects-two__single-content .text-box h2 { font-weight: 500; font-size: 24px; line-height: 34px; text-transform: capitalize; margin-top: 3px; } .projects-two__single-content .text-box h2 a { color: var(--conzi-black); transition: all 200ms linear; transition-delay: 0.1s; } .projects-two__single-content .text-box h2 a:hover { color: var(--conzi-base); } .projects-two__single-content .btn-box { position: relative; display: block; } .projects-two__single-content .btn-box a { position: relative; display: flex; align-items: center; font-weight: 500; font-size: 16px; line-height: 34px; color: #000000; background: #ffffff; border-radius: 5px; padding: 9px 25px 9px; transition: all 200ms linear; transition-delay: 0.1s; } .projects-two__single-content .btn-box a:hover { background: var(--conzi-base); } .projects-two__single-content .btn-box a img { position: relative; display: inline-block; width: auto; padding-left: 10px; } .projects-two__bottom { position: relative; display: block; margin-top: 80px; } .projects-two__bottom-inner { position: relative; display: flex; align-items: center; justify-content: space-between; border-top: 2px solid #000000; border-bottom: 2px solid #000000; padding: 68px 0px 67px; z-index: 1; } .projects-two__bottom--pattern { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: -1; } .projects-two__bottom-inner .text-box { position: relative; display: block; } .projects-two__bottom-inner .text-box h2 { font-weight: 400; font-size: 26px; line-height: 40px; text-transform: lowercase; color: #000000; font-family: var(--conzi-font); } .projects-two__bottom-inner .btn-box { position: relative; display: block; line-height: 0; } .projects-two__bottom-inner .btn-box .thm-btn { background-color: var(--conzi-black); color: #ffffff; } .projects-two__bottom-inner .btn-box .thm-btn:hover { color: var(--conzi-black); } .projects-two__bottom-inner .btn-box .thm-btn::before { background: var(--conzi-base); } /*** ============================================= Steps Three ============================================= ***/ .steps-one--three { position: relative; display: block; padding: 0px 0px 80px; } /*** ============================================= Testimonials Two ============================================= ***/ .testimonials-one--two { position: relative; display: block; background: #f6efef; padding: 110px 0px 187px; z-index: 1; } .testimonials-one--two__bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: calc((100% - 260px) / 2); background-attachment: scroll; background-repeat: no-repeat; background-position: center center; background-size: cover; border-top-right-radius: 10px; border-bottom-right-radius: 10px; z-index: 1; } .testimonials-one--two__bg .icon-box { position: absolute; bottom: 65px; right: 30px; z-index: 5; } .testimonials-one--two__bg .shape2 { position: absolute; right: 8px; bottom: 7px; z-index: 1; } .testimonials-one--two__bg .icon-box span:before { position: relative; display: inline-block; color: var(--conzi-black); font-size: 30px; } .testimonials-one--two .testimonials-one__content { margin-right: -110px; margin-top: 0px; max-width: 690px; width: 100%; float: right; } .testimonials-one--two .testimonials-one__content-single-top .left-content { display: block; } .testimonials-one--two .testimonials-one__content-single-top .left-content .text-box { margin-left: 0px; margin-top: 7px; } .testimonials-one--two .testimonials-one__content-single-top { align-items: flex-end; } .testimonials-one--two .testimonials-one__content-single-top .rating-box { bottom: 7px; } /*** ============================================= Steps One About ============================================= ***/ .steps-one--about { position: relative; display: block; padding-bottom: 80px; } /*** ============================================= Steps One Team ============================================= ***/ .steps-one--team { position: relative; display: block; padding: 0px 0px 80px; } /*** ============================================= Steps One Services ============================================= ***/ .steps-one--services { position: relative; display: block; padding: 110px 0px 80px; } /*** ============================================= Services Two Services ============================================= ***/ .services-two--services { position: relative; display: block; } .services-two--services .services-two__top .shape1 { top: -125px; } .services-two--services .services-two__top .shape2 { top: -115px; } /*** ============================================= Projects One Projects ============================================= ***/ .projects-one--projects { position: relative; display: block; background: #ffffff; } /*** ============================================= Blog One Blog ============================================= ***/ .blog-one--blog { position: relative; display: block; } .blog-one--blog .blog-one__single-content-bottom-btn a:hover { border: 1px solid #000000; color: var(--conzi-black); } /*** ============================================= Team Details Top ============================================= ***/ .team-details-top { position: relative; display: block; padding: 110px 0px 110px; z-index: 1; } .team-details-top-pattern { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: -1; } .team-details-top__img { position: relative; display: block; max-width: 510px; width: 100%; background: #ffffff; border: 1px solid #000000; border-radius: 15px; padding: 30px 35px 30px; overflow: hidden; } .team-details-top__img .inner { position: relative; display: block; overflow: hidden; border-radius: 5px; } .team-details-top__img .inner img { width: 100%; } .team-details-top__content { position: relative; display: block; max-width: 560px; width: 100%; margin-left: -40px; } .team-details-top__content .rating-box ul li span { font-size: 25px; } .team-details-top__content .rating-box ul li { margin-right: 5px; } .team-details-top__content-title { position: relative; display: block; margin-top: 15px; margin-bottom: 28px; } .team-details-top__content-title h2 { font-size: 40px; font-weight: 700; line-height: 50px; text-transform: capitalize; margin-bottom: 12px; } .team-details-top__content-title p { font-weight: 400; font-size: 20px; line-height: 25px; text-transform: uppercase; } .team-details-top__content-text { position: relative; display: block; margin-bottom: 30px; } .team-details-top__content-text p { margin: 0; } .team-details-top__content-list { position: relative; display: block; } .team-details-top__content-list li { position: relative; display: block; padding-left: 35px; margin-bottom: 10px; } .team-details-top__content-list li:last-child { margin-bottom: 0; } .team-details-top__content-list li .icon-box { position: absolute; top: 10px; left: 0; } .team-details-top__content-list li .icon-box.mt { top: 5px; } .team-details-top__content-list li .icon-box span:before { position: relative; display: inline-block; color: #000000; font-size: 25px; } .team-details-top__content-list li .text-box { position: relative; display: block; } .team-details-top__content-list li .text-box p { font-weight: 400; font-size: 16px; line-height: 32px; margin: 0; } .team-details-top__content-list li .text-box p a { color: rgba(var(--conzi-black-rgb), 0.8); transition: all 200ms linear; transition-delay: 0.1s; } .team-details-top__content-list li .text-box p a:hover { color: var(--conzi-primary); } .team-details-top__content-bottom { position: relative; display: flex; align-items: flex-end; justify-content: space-between; margin-top: 51px; } .team-details-top__content-bottom .social-links { position: relative; display: block; overflow: hidden; } .team-details-top__content-bottom .social-links li { position: relative; display: inline-block; } .team-details-top__content-bottom .social-links li a { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: #123030; border-radius: 50%; } .team-details-top__content-bottom .social-links li a:hover { background: var(--conzi-base); } .team-details-top__content-bottom .social-links li a span:before { position: relative; display: inline-block; color: #ffffff; font-size: 20px; transition: all 200ms linear; transition-delay: 0.1s; } .team-details-top__content-bottom .social-links li a:hover span:before { color: #000000; } .team-details-top__content-bottom .btn-box { position: relative; display: block; } .team-details-top__content-bottom .btn-box .thm-btn { text-transform: capitalize; line-height: 48px; } /*** ============================================= Team Details Bottom ============================================= ***/ .team-details-bottom { position: relative; display: block; background: #ffffff; padding: 110px 0px 110px; } .team-details-bottom__top { position: relative; display: block; } .team-details-bottom__top-content { position: relative; display: block; max-width: 610px; width: 100%; } .team-details-bottom__top-content h2 { font-size: 36px; font-weight: 500; line-height: 30px; margin-bottom: 48px; } .team-details-bottom__top-content .text1 { margin: 0; } .team-details-bottom__top-content .text2 { margin-top: 30px; } .team-details-bottom__top-counter { position: relative; display: block; margin-top: 79px; } .team-details-bottom__top-counter ul { position: relative; display: flex; align-items: center; } .team-details-bottom__top-counter ul li { position: relative; display: block; text-align: center; border: 1px solid #000000; background: #ebf8f7; border-radius: 5px; max-width: 240px; width: 100%; padding: 25px 10px 25px; margin-right: 30px; } .team-details-bottom__top-counter ul li.clr2 { background: #fefcec; } .team-details-bottom__top-counter ul li:last-child { margin-right: 0; } .team-details-bottom__top-counter ul li h2 { font-size: 40px; font-weight: 700; line-height: 48px; } .team-details-bottom__top-counter ul li h2 .plus { position: relative; display: inline-block; font-size: 40px; top: 8px; right: 5px; } .team-details-bottom .odometer.odometer-auto-theme, .team-details-bottom .odometer.odometer-theme-default { font-family: var(--conzi-font-two); line-height: 48px; } .team-details-bottom__top-counter ul li h3 { font-size: 20px; font-weight: 500; line-height: 30px; text-transform: capitalize; } .team-details-bottom__top-counter ul li .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; background: #aaebeb; border-radius: 50%; margin: 23px auto 0px; } .team-details-bottom__top-counter ul li.clr2 .icon-box { background: #efe058; } .team-details-bottom__top-counter ul li .icon-box span:before { position: relative; display: inline-block; color: #000000; font-size: 25px; font-weight: 700; } .team-details-bottom-progress { position: relative; display: block; margin-top: 70px; } .team-details-bottom-progress-inner { position: relative; display: block; border-radius: 10px; overflow: hidden; padding: 60px 0px 110px; z-index: 1; } .team-details-bottom-progress-pattern { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; z-index: -1; } .team-details-bottom-progress-inner .title-box { position: relative; display: block; max-width: 700px; width: 100%; margin: 0 auto 37px; } .team-details-bottom-progress-inner .title-box h2 { font-size: 36px; font-weight: 500; line-height: 46px; text-transform: capitalize; margin-bottom: 40px; } .team-details-bottom-progress-inner .title-box p { margin: 0; } .team-details-bottom-progress-single { position: relative; display: block; margin-bottom: 20px; max-width: 700px; width: 100%; margin: 0 auto; text-align: center; margin-bottom: 31px; } .team-details-bottom-progress-single.mb0 { margin-bottom: 0; } .team-details-bottom-progress-single .title-box { position: relative; display: block; margin-bottom: 18px; } .team-details-bottom-progress-single .title-box h3 { font-size: 20px; font-weight: 500; line-height: 30px; text-transform: capitalize; } .team-details-bottom-progress-single .bar { position: relative; width: 100%; height: 9px; background: #d9d9d9; border-radius: 5px; } .team-details-bottom-progress-single .bar-inner { position: relative; display: block; width: 0px; height: 9px; background: var(--conzi-black); border-radius: 5px; -webkit-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; -moz-transition: all 1500ms ease; transition: all 1500ms ease; } .team-details-bottom-progress-single .count-text { position: absolute; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; background: var(--conzi-base); border-radius: 50%; top: -13px; right: 0px; font-weight: 500; font-size: 12px; text-align: center; color: #000000; opacity: 0; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; opacity: 1; } /*** ===================================================== Services Details ===================================================== ***/ .services-details { position: relative; display: block; background: #ffffff; padding: 110px 0px 110px; z-index: 1; } .services-details__content { position: relative; display: block; margin-left: 20px; } .services-details__content-img { position: relative; display: block; overflow: hidden; border-radius: 5px; } .services-details__content-img img { width: 100%; } .services-details__content-text1 { position: relative; display: block; margin-top: 37px; } .services-details__content-text1 h2 { font-weight: 500; font-size: 48px; line-height: 58px; text-transform: capitalize; margin-bottom: 30px; } .services-details__content-text1 p { margin: 0; } .services-details__content-text2 { position: relative; display: block; margin-top: 50px; } .services-details__content-text2-img { position: relative; display: block; overflow: hidden; border-radius: 5px; max-width: 300px; width: 100%; } .services-details__content-text2-img img { width: 100%; } .services-details__content-text2-content { position: relative; display: block; margin-left: -43px; } .services-details__content-text2-content h2 { font-weight: 500; font-size: 28px; line-height: 46px; text-transform: capitalize; margin-bottom: 13px; } .services-details__content-text2-content .text1 { margin: 0; margin-bottom: 25px; } .services-details__content-text2-content .text2 { margin: 0; } .services-details__content-text2-content-bottom { position: relative; display: block; margin-top: 38px; } .services-details__content-text2-content-bottom .single-box { position: relative; display: block; } .services-details__content-text2-content-bottom .single-box .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; background: #fffdef; border-radius: 50%; border: 1px solid var(--conzi-black); margin-bottom: 13px; } .services-details__content-text2-content-bottom .single-box .icon-box.clr2 { background: #fff8f8; } .services-details__content-text2-content-bottom .single-box .icon-box span:before { position: relative; display: inline-block; color: var(--conzi-black); font-size: 35px; } .services-details__content-text2-content-bottom .single-box h2 { font-weight: 500; font-size: 20px; line-height: 30px; font-family: var(--conzi-font); } .services-details__content-text3 { position: relative; display: block; background: #eef3f3; padding: 53px 45px 40px; border-radius: 5px; overflow: hidden; margin-top: 72px; } .services-details__content-text3-single { position: relative; display: block; } .services-details__content-text3-single.bdr { position: relative; display: block; padding-left: 30px; } .services-details__content-text3-single.pdr { position: relative; display: block; padding-right: 10px; } .services-details__content-text3-single.bdr::before { position: absolute; top: 0; left: -15px; bottom: 0; width: 1px; background: #000000; content: ""; } .services-details__content-text3-single h2 { font-weight: 500; font-size: 24px; line-height: 20px; text-transform: capitalize; margin-bottom: 25px; } .services-details__content-text3-single p { font-weight: 400; font-size: 16px; line-height: 32px; color: #000000; } .services-details__content-text3-single ul { position: relative; display: block; overflow: hidden; margin-top: 40px; } .testimonials-one__content-single { position: relative; text-align: center; display: block; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); position: relative; display: block; background: #fff; padding: 49px 40px 45px; border: 0px solid #000000; border-radius: 10px; margin-bottom: 30px; z-index: 1; } .services-details__content-text3-single ul li { position: relative; display: block; padding-left: 35px; margin-bottom: 5px; } .services-details__content-text3-single ul li:last-child { margin-bottom: 0; } .services-details__content-text3-single ul li .icon-box { position: absolute; top: 7px; left: 0; } .services-details__content-text3-single ul li .icon-box span::before { position: relative; display: inline-block; color: #000000; font-size: 17px; } .services-details__content-text3-single ul li .text-box { position: relative; display: block; } .services-details__content-text3-single ul li .text-box p { color: rgba(0, 0, 0, 0.7); margin: 0; } .services-details__content-text4 { position: relative; display: block; margin-top: 50px; } .services-details__content-text4-single { position: relative; display: flex; align-items: center; border: 1px solid #000000; background: #f4f4f4; border-radius: 5px; padding: 25px 25px 25px; } .services-details__content-text4-single .counter-box { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; width: 140px; height: 140px; border-radius: 50%; background: #d4f0fc; border: 1px solid var(--conzi-black); } .services-details__content-text4-single .counter-box h2 { font-weight: 500; font-size: 36px; line-height: 36px; color: #000000; } .services-details__content-text4-single .counter-box h2 .percent { position: relative; display: inline-block; top: 7px; right: 7px; } .services-details__content-text4-single .content-box { position: relative; display: block; margin-left: 45px; flex: 1; } .services-details__content-text4-single .content-box h2 { font-weight: 500; font-size: 24px; line-height: 34px; text-transform: capitalize; margin-bottom: 13px; } .services-details__content-text4-single .content-box p { margin: 0; } .services-details .odometer.odometer-auto-theme, .services-details .odometer.odometer-theme-default { font-family: var(--conzi-font-two); line-height: 36px; } .services-details__content-text4-single.style2 { border-top: none; } .services-details__content-text4-single.style2 .counter-box { background: #f9eb6b; } /*** ===================================================== Sidebar ===================================================== ***/ .sidebar { position: relative; display: block; background: #eef3f3; padding: 0px; border-radius: 3px; } .sidebar__single { position: relative; display: block; } .sidebar__single .title-box { position: relative; display: block; border-bottom: 1px solid var(--conzi-black); padding-bottom: 9px; margin-bottom: 25px; } .sidebar__single .title-box h2 { font-weight: 700; font-size: 18px; line-height: 25px; text-transform: uppercase; } .sidebar__services { position: relative; display: block; background: #ffffff; border-radius: 5px; padding: 30px 35px 30px; } .sidebar__single+.sidebar__single { margin-top: 45px; } .sidebar__services-box { position: relative; display: block; } .sidebar__services-box-list { position: relative; display: block; } .sidebar__services-box-list li { position: relative; display: block; margin-bottom: 3px; } .sidebar__services-box-list li:last-child { margin-bottom: 0; } .sidebar__services-box-list li a { position: relative; display: block; color: rgba(0, 0, 0, 0.8); font-weight: 400; font-size: 18px; line-height: 40px; text-transform: capitalize; border-radius: 3px; overflow: hidden; } .sidebar__services-box-list li a::before { position: absolute; top: 15px; left: 12px; width: 9px; height: 9px; background: #ffffff; border-radius: 50%; content: ""; transform: scale(0.6); opacity: 0; transition: all 500ms linear; transition-delay: 0.1s; } .sidebar__services-box-list li a:hover::before, .sidebar__services-box-list li a.active::before { transform: scale(1.0); opacity: 1; } .sidebar__services-box-list li a:hover, .sidebar__services-box-list li a.active { background: var(--conzi-base); padding-left: 35px; } .sidebar__author { position: relative; display: block; text-align: center; background: var(--conzi-base); padding: 30px 30px 51px; border-radius: 3px; overflow: hidden; z-index: 1; } .sidebar__author .shape1 { position: absolute; top: 0; left: 0; z-index: -1; } .sidebar__author-img { position: relative; display: block; width: 90px; border-radius: 50%; overflow: hidden; margin: 0 auto 12px; } .sidebar__author-img img { width: 100%; } .sidebar__author-top-text { position: relative; display: block; } .sidebar__author-top-text h3 { font-weight: 700; font-size: 18px; line-height: 28px; text-transform: capitalize; } .sidebar__author-top-text p { font-weight: 400; font-size: 16px; line-height: 32px; text-transform: capitalize; } .sidebar__author-bottom-text { position: relative; display: block; margin-top: 26px; } .sidebar__author-bottom-text p { font-weight: 400; font-size: 18px; line-height: 32px; color: #000000; } .sidebar__contact { position: relative; display: block; background: #161515; border-radius: 3px; padding: 45px 25px 60px; } .sidebar__contact h2 { font-weight: 700; font-size: 24px; line-height: 36px; text-transform: capitalize; color: #FFFFFF; margin-bottom: 25px; } .sidebar__contact p { font-weight: 400; font-size: 18px; line-height: 32px; text-transform: lowercase; color: #FFFFFF; } .sidebar__contact .btn-box { position: relative; display: block; line-height: 0; margin-top: 40px; } .sidebar__contact .btn-box .thm-btn { text-transform: capitalize; line-height: 50px; } .sidebar__contact .btn-box .thm-btn:hover { border: 1px solid var(--conzi-base); } .sidebar__search { position: relative; display: block; z-index: 1; } .sidebar__search-form { position: relative; display: block; } .sidebar__search-form input[type="search"] { display: block; border: 0px solid #ffffff; outline: none; background-color: #ffffff; color: rgba(var(--conzi-black-rgb), 0.7); font-size: 15px; font-weight: 400; padding-left: 25px; height: 55px; width: 100%; padding-right: 70px; border-radius: 5px; } .sidebar__search-form ::-webkit-input-placeholder { color: rgba(var(--conzi-black-rgb), 0.7); } .sidebar__search-form :-ms-input-placeholder { color: rgba(var(--conzi-black-rgb), 0.7); } .sidebar__search-form ::-ms-input-placeholder { color: rgba(var(--conzi-black-rgb), 0.7); } .sidebar__search-form ::placeholder { color: rgba(var(--conzi-black-rgb), 0.7); } .sidebar__search-form :-ms-input-placeholder { color: rgba(var(--conzi-black-rgb), 0.7); } .sidebar__search-form ::-ms-input-placeholder { color: rgba(var(--conzi-black-rgb), 0.7); } .sidebar__search-form button[type="submit"] { background-color: transparent; color: var(--conzi-black); font-size: 20px; position: absolute; top: 0px; right: 0px; bottom: 0px; width: 60px; outline: none; border: none; border-radius: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; padding: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .sidebar__search-form button[type="submit"]:hover { background-color: transparent; color: var(--conzi-base); } .sidebar__categories { position: relative; display: block; background: #ffffff; border-radius: 5px; padding: 30px 35px 30px; } .sidebar__categories-box { position: relative; display: block; } .sidebar__categories-box-list { position: relative; display: block; } .sidebar__categories-box-list li { position: relative; display: block; margin-bottom: 3px; } .sidebar__categories-box-list li:last-child { margin-bottom: 0; } .sidebar__categories-box-list li a { position: relative; display: block; color: rgba(0, 0, 0, 0.8); font-weight: 400; font-size: 18px; line-height: 40px; text-transform: capitalize; border-radius: 3px; overflow: hidden; } .sidebar__categories-box-list li a .number { position: absolute; top: 0; right: 28px; color: rgba(0, 0, 0, 0.8); font-weight: 400; font-size: 18px; line-height: 40px; transform: scale(0.7); opacity: 0; transition: all 500ms linear; transition-delay: 0.1s; } .sidebar__categories-box-list li a:hover .number, .sidebar__categories-box-list li a.active .number { transform: scale(1.0); opacity: 1; } .sidebar__latest-post { position: relative; display: block; background: #ffffff; border-radius: 5px; padding: 30px 35px 20px; } .sidebar__latest-post-single { position: relative; display: block; border-bottom: 1px solid #d9d9da; padding-bottom: 23px; margin-bottom: 30px; } .sidebar__latest-post-single.style2 { border-bottom: none; margin-bottom: 0; } .sidebar__latest-post-single .img-box { position: relative; display: block; border-radius: 5px; overflow: hidden; margin-bottom: 18px; } .sidebar__latest-post-single .img-box img { width: 100%; } .sidebar__latest-post-single .content-box { position: relative; display: block; } .sidebar__latest-post-single .content-box p { font-weight: 400; font-size: 14px; line-height: 24px; text-transform: capitalize; margin-bottom: 3px; } .sidebar__latest-post-single .content-box h2 { font-weight: 600; font-size: 16px; line-height: 26px; font-family: var(--conzi-font); } .sidebar__latest-post-single .content-box h2 a { color: #000000; } .sidebar__latest-post-single .content-box h2 a:hover { color: var(--conzi-primary); } .sidebar__tags { position: relative; display: block; background: #ffffff; border-radius: 5px; padding: 30px 35px 45px; } .sidebar__tags-list { position: relative; display: block; margin-top: -10px; } .sidebar__tags-list a { position: relative; display: inline-block; font-size: 14px; color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; padding: 6px 12px 6px; background: #f0faf9; font-weight: 400; text-transform: capitalize; line-height: 20px; border-radius: 5px; border: 1px solid #f0faf9; transition: all 200ms linear; transition-delay: 0.1s; } .sidebar__tags-list a+a { margin-right: 5px; margin-top: 10px; } .sidebar__tags-list a:hover { border-color: #000000; } /*** ===================================================== Project Details ===================================================== ***/ .project-details { position: relative; display: block; background: #ffffff; padding: 110px 0px 100px; z-index: 1; } .project-details__img { position: relative; display: block; border-radius: 5px; overflow: hidden; margin-bottom: 80px; } .project-details__img img { width: 100%; } .project-details__content { position: relative; display: block; margin-right: 20px; } .project-details__content-text1 { position: relative; display: block; } .project-details__content-text1 h2 { font-weight: 700; font-size: 48px; line-height: 58px; margin-bottom: 30px; } .project-details__content-text1 .text1 { margin: 0; margin-bottom: 40px; } .project-details__content-text1 h3 { font-weight: 500; font-size: 28px; line-height: 38px; text-transform: capitalize; margin-bottom: 21px; } .project-details__content-text1 .text2 { margin: 0; } .project-details__content-text2 { position: relative; display: block; margin-top: 50px; } .project-details__content-text2 .content-box { position: relative; display: block; } .project-details__content-text2 .content-box h3 { font-weight: 500; font-size: 20px; line-height: 30px; margin-bottom: 33px; } .project-details__content-text2 .content-box ul { position: relative; display: block; } .project-details__content-text2 .content-box ul li { position: relative; display: block; padding-left: 25px; margin-bottom: 13px; } .project-details__content-text2 .content-box ul li:last-child { margin-bottom: 0; } .project-details__content-text2 .content-box ul li .icon-box { position: absolute; top: 7px; left: 0; } .project-details__content-text2 .content-box ul li .icon-box span:before { position: relative; display: inline-block; color: var(--conzi-black); font-size: 15px; } .project-details__content-text2 .content-box ul li .text-box { position: relative; display: block; } .project-details__content-text2 .content-box ul li .text-box p { margin: 0; } .project-details__content-text2 .img-box { position: relative; display: block; border-radius: 5px; overflow: hidden; } .project-details__content-text2 .img-box img { width: 100%; } .project-details__content-text3 { position: relative; display: block; margin-top: 60px; } .project-details__content-text3 h2 { font-weight: 600; font-size: 28px; line-height: 38px; text-transform: capitalize; margin-bottom: 22px; } .project-details__content-text3 .text1 { margin: 0; margin-bottom: 20px; } .project-details__content-text3 .text2 { margin: 0; } .project-details__content-text4 { position: relative; display: flex; align-items: center; margin-top: 56px; } .project-details__content-text4 .content-box { position: relative; display: block; max-width: 465px; width: 100%; flex: 1; } .project-details__content-text4 .content-box h2 { font-weight: 600; font-size: 28px; line-height: 38px; text-transform: capitalize; margin-bottom: 22px; } .project-details__content-text4 .content-box p { margin: 0; } .project-details__content-text4 .counter-box { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; width: 135px; height: 135px; border-radius: 50%; background: var(--conzi-base); border: 1px solid var(--conzi-black); margin-left: 47px; } .project-details__content-text4 .counter-box h2 { font-weight: 500; font-size: 32px; line-height: 36px; color: #000000; } .project-details__content-text4 .counter-box h2 .percent { position: relative; display: inline-block; top: 7px; right: 7px; } .project-details__content-text4 .odometer.odometer-auto-theme, .project-details__content-text4 .odometer.odometer-theme-default { font-family: var(--conzi-font-two); line-height: 36px; } .project-details__content-text5 { position: relative; display: block; margin-top: 45px; } .project-details__content-text5 h2 { font-weight: 600; font-size: 28px; line-height: 38px; text-transform: capitalize; margin-bottom: 21px; } .project-details__content-text5 p { margin: 0; } .project-details__content-text5-list { position: relative; display: block; margin-top: 25px; } .project-details__content-text5-list-single { position: relative; display: block; } .project-details__content-text5-list-single ul { position: relative; display: block; } .project-details__content-text5-list-single ul li { position: relative; display: block; padding-left: 25px; margin-bottom: 15px; } .project-details__content-text5-list-single ul li:last-child { margin-bottom: 0; } .project-details__content-text5-list-single ul li .icon-box { position: absolute; top: 7px; left: 0; } .project-details__content-text5-list-single ul li .icon-box span:before { position: relative; display: inline-block; color: var(--conzi-black); font-size: 15px; } .project-details__content-text5-list-single ul li .text-box { position: relative; display: block; } .project-details__content-text5-list-single ul li .text-box p { margin: 0; } .project-details__sidebar { position: relative; display: block; } .project-details__sidebar-info { position: relative; display: block; background: #fffcf3; border-radius: 3px; border: 1px solid var(--conzi-black); padding: 30px 35px 5px; border-bottom: none; } .project-details__sidebar-info ul { position: relative; display: block; } .project-details__sidebar-info ul li { position: relative; display: flex; align-items: center; padding-bottom: 25px; margin-bottom: 25px; } .project-details__sidebar-info ul li:last-child { margin-bottom: 0; } .project-details__sidebar-info ul li::before { position: absolute; left: -35px; bottom: 0; right: -35px; height: 1px; background: #000000; content: ""; } .project-details__sidebar-info ul li:last-child:before { display: none; } .project-details__sidebar-info ul li .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; background: var(--conzi-base); border: 1px solid var(--conzi-black); border-radius: 50%; } .project-details__sidebar-info ul li .icon-box span:before { position: relative; display: inline-block; color: var(--conzi-black); font-size: 32px; } .project-details__sidebar-info ul li .text-box { position: relative; display: block; margin-left: 20px; } .project-details__sidebar-info ul li .text-box h3 { font-weight: 500; font-size: 20px; line-height: 30px; margin-bottom: 4px; } .project-details__sidebar-info ul li .text-box p { color: rgba(0, 0, 0, 0.6); font-weight: 400; font-size: 18px; line-height: 32px; } /*** ===================================================== Blog List ===================================================== ***/ .blog-list { position: relative; display: block; background: #ffffff; padding: 110px 0px 110px; z-index: 1; } .blog-list__content { position: relative; display: block; margin-right: 20px; } .blog-list .blog-one__single { position: relative; display: flex; align-items: center; margin-bottom: 30px; } .blog-list .blog-one__single-img .inner { border-top-left-radius: 10px; border-top-right-radius: 0px; border-bottom-left-radius: 10px; } .blog-list .blog-one__single-content { border-top: 1px solid #000000; border: 1px solid #000000; border-left: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; flex: 1; padding: 35px 30px 35px; } .blog-list .blog-one__single-content-inner { position: relative; display: block; padding: 0px 0px 0px; padding-right: 0px; } .blog-list .blog-one__single-content .meta-box { margin-top: 0px; max-width: 315px; width: 100%; padding: 14px 20px 14px; margin-bottom: 20px; } .blog-list .blog-one__single-content h2 { font-size: 24px; line-height: 36px; } .blog-list .blog-one__single-content-bottom-btn a { padding: 14px 35px 15px; border: 1px solid #000000; } .blog-list .blog-one__single-content-bottom-btn a:hover { color: var(--conzi-black); } .blog-list__content .styled-pagination { padding-top: 5px; } /*** ===================================================== Blog Details ===================================================== ***/ .blog-details { position: relative; display: block; background: #ffffff; padding: 110px 0px 110px; z-index: 1; } .blog-details__content { position: relative; display: block; margin-right: 10px; } .blog-details__content-img1 { position: relative; display: block; border-radius: 10px; overflow: hidden; } .blog-details__content-img1 .text-box { position: absolute; display: flex; align-items: center; justify-content: center; text-align: center; top: 20px; left: 20px; width: 120px; height: 30px; background: var(--conzi-base); border-radius: 3px; font-weight: 400; font-size: 15px; line-height: 25px; color: #000000; } .blog-details__content-img1 img { width: 100%; } .blog-details__content-text1 { position: relative; display: block; margin-top: 39px; } .blog-details__content-text1 h2 { font-weight: 700; font-size: 36px; line-height: 48px; text-transform: capitalize; color: #000000; margin-bottom: 10px; } .blog-details__content-text1-bottom { position: relative; display: flex; align-items: center; justify-content: space-between; } .blog-details__content-text1-bottom .left-box { position: relative; display: block; } .blog-details__content-text1-bottom .left-box ul { position: relative; display: flex; align-items: center; } .blog-details__content-text1-bottom .left-box ul li { position: relative; display: flex; align-items: center; margin-right: 20px; } .blog-details__content-text1-bottom .left-box ul li:last-child { margin-right: 0; } .blog-details__content-text1-bottom .left-box ul li .img-box { position: relative; display: block; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; } .blog-details__content-text1-bottom .left-box ul li .img-box img { width: 100%; } .blog-details__content-text1-bottom .left-box ul li .text-box { position: relative; display: block; margin-left: 10px; } .blog-details__content-text1-bottom .left-box ul li .text-box p { font-weight: 500; font-size: 15px; line-height: 15px; color: #000000; } .blog-details__content-text1-bottom .left-box ul li .icon-box { position: relative; display: block; } .blog-details__content-text1-bottom .left-box ul li .icon-box span::before { position: relative; display: inline-block; font-size: 20px; color: #000000; } .blog-details__content-text1-bottom .right-box { position: relative; display: flex; align-items: center; } .blog-details__content-text1-bottom .right-box .text { position: relative; display: block; } .blog-details__content-text1-bottom .right-box .text p { font-weight: 500; font-size: 18px; line-height: 28px; color: #000000; } .blog-details__content-text1-bottom .right-box .social-links { position: relative; display: block; margin-left: 20px; } .blog-details__content-text1-bottom .right-box .social-links li { position: relative; display: inline-block; margin-right: 9px; } .blog-details__content-text1-bottom .right-box .social-links li:last-child { margin-right: 0; } .blog-details__content-text1-bottom .right-box .social-links li a { position: relative; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; background: #f4f3f3; border-radius: 50%; transition: all 200ms linear; transition-delay: 0.1s; } .blog-details__content-text1-bottom .right-box .social-links li a:hover { background: #000000; } .blog-details__content-text1-bottom .right-box .social-links li a span:before { position: relative; display: inline-block; color: #000000; font-size: 15px; transition: all 200ms linear; transition-delay: 0.1s; } .blog-details__content-text1-bottom .right-box .social-links li a:hover span:before { color: #ffffff; } .blog-details__content-text2 { position: relative; display: block; margin-top: 32px; } .blog-details__content-text2 .text1 { margin: 0; } .blog-details__content-text2 h2 { font-weight: 500; font-size: 28px; line-height: 28px; text-transform: capitalize; color: #000000; margin-top: 25px; margin-bottom: 31px; } .blog-details__content-text2 .text2 { margin: 0; } .blog-details__content-text3 { position: relative; display: block; background: #061717; padding: 47px 70px 45px; border-radius: 5px; overflow: hidden; margin-top: 30px; } .blog-details__content-text3::before { position: absolute; top: 45px; left: 40px; bottom: 45px; width: 5px; background: var(--conzi-base); border-radius: 5px; content: ""; } .blog-details__content-text3 h2 { font-weight: 400; font-size: 24px; line-height: 36px; color: #FFFFFF; font-family: var(--conzi-font); } .blog-details__content-text4 { position: relative; display: block; margin-top: 45px; } .blog-details__content-text4 p { margin: 0; margin-bottom: 30px; } .blog-details__content-text4 h3 { font-weight: 400; font-size: 20px; line-height: 36px; font-family: var(--conzi-font); } .blog-details__content-text5 { position: relative; display: block; margin-top: 34px; } .blog-details__content-text5 h2 { font-weight: 600; font-size: 28px; line-height: 38px; text-transform: capitalize; margin-bottom: 21px; } .blog-details__content-text5 p { margin: 0; } .blog-details__content-text5-bottom { position: relative; display: block; margin-top: 25px; } .blog-details__content-text5-bottom ul { position: relative; display: block; } .blog-details__content-text5-bottom ul li { position: relative; display: block; padding-left: 30px; margin-bottom: 15px; } .blog-details__content-text5-bottom ul li:last-child { margin-bottom: 0; } .blog-details__content-text5-bottom ul li .icon-box { position: absolute; top: 8px; left: 0; } .blog-details__content-text5-bottom ul li .icon-box span:before { position: relative; display: inline-block; color: #000000; font-size: 15px; } .blog-details__content-text5-bottom ul li .text-box { position: relative; display: block; } .blog-details__content-text5-bottom ul li .text-box p { margin: 0; } .blog-details__content-text6 { position: relative; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #000000; padding-bottom: 20px; margin-top: 70px; } .blog-details__content-text6-tag { position: relative; display: flex; align-items: center; } .blog-details__content-text6-tag .title-box { position: relative; display: block; } .blog-details__content-text6-tag .title-box h3 { font-weight: 500; font-size: 20px; line-height: 26px; color: #000000; } .blog-details__content-text6-tag ul { position: relative; display: block; margin-left: 15px; } .blog-details__content-text6-tag ul li { position: relative; display: inline-block; margin-right: 1px; } .blog-details__content-text6-tag ul li:last-child { margin-right: 0; } .blog-details__content-text6-tag ul li a { position: relative; display: block; background: #f0faf9; border: 1px solid #f0faf9; padding: 10px 15px 10px; border-radius: 5px; font-weight: 400; font-size: 14px; line-height: 14px; color: rgba(0, 0, 0, 0.8); text-transform: capitalize; } .blog-details__content-text6-tag ul li a:hover { border-color: var(--conzi-black); } .blog-details__content-text6-post { position: relative; display: flex; align-items: center; } .blog-details__content-text6-post .title-box { position: relative; display: block; } .blog-details__content-text6-post .title-box h3 { font-weight: 500; font-size: 20px; line-height: 30px; color: #000000; } .blog-details__content-text6-post ul { position: relative; display: block; margin-left: 15px; } .blog-details__content-text6-post ul li { position: relative; display: inline-block; } .blog-details__content-text6-post ul li a { position: relative; display: block; background: #d9f5ff; padding: 10px 15px 10px; border-radius: 5px; font-weight: 500; font-size: 14px; line-height: 14px; color: rgba(0, 0, 0, 0.8); transition: all 200ms linear; transition-delay: 0.1s; } .blog-details__content-text6-post ul li a:hover { background: #fbf3db; } /*** ===================================================== Comments ===================================================== ***/ .comment-one { position: relative; display: block; margin-top: 56px; } .comment-one__title { color: var(--conzi-black); font-weight: 500; font-size: 28px; line-height: 36px; text-transform: capitalize; margin-bottom: 43px; } .comment-one__single { position: relative; display: block; margin-bottom: 30px; border-bottom: 1px solid #000000; padding-bottom: 30px; } .comment-one__single.mb0 { margin-bottom: 0; border-bottom: none; } .comment-one__single-inner { position: relative; display: block; padding-left: 110px; } .comment-one__image { position: absolute; top: 0; left: 0; width: 90px; height: 90px; border-radius: 50%; overflow: hidden; } .comment-one__image img { width: 100%; } .comment-one__content { position: relative; display: block; } .comment-one__content .top-box { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 3px; } .comment-one__content .top-box .text-box { position: relative; display: block; } .comment-one__content .top-box .text-box h3 { font-weight: 500; font-size: 20px; line-height: 36px; color: #000000; margin-bottom: 4px; } .comment-one__content .top-box .text-box p { color: rgba(0, 0, 0, 0.7); font-weight: 400; font-size: 15px; line-height: 15px; } .comment-one__content .top-box .btn-box { position: relative; display: block; line-height: 0; } .comment-one__btn { position: relative; display: inline-block; background: #efe058; padding: 1px 15px 1px; border-radius: 3px; color: #000000; font-weight: 500; font-size: 14px; line-height: 24px; text-transform: capitalize; transition: all 200ms linear; transition-delay: 0.1s; } .comment-one__btn:hover { background: var(--conzi-primary); color: #000000; } .comment-one__content .bottom-box { position: relative; display: block; margin-top: 18px; } .comment-one__content .bottom-box p { margin: 0; margin-bottom: 5px; } .comment-one__content .bottom-box span { position: relative; display: inline-block; color: rgba(var(--thm-gray-rgb), 0.7); font-size: 14px; line-height: 24px; } .comment-form { position: relative; display: block; margin-top: 31px; } .comment-form__title { color: var(--conzi-black); font-weight: 500; font-size: 28px; line-height: 36px; margin-bottom: 33px; } .comment-one__form { position: relative; display: block; } .comment-one__form .input-box { position: relative; display: block; margin-bottom: 20px; } .comment-one__form .input-box input[type="text"], .comment-one__form .input-box input[type="email"], .comment-one__form .input-box textarea { position: relative; display: block; background: #f3faf9; width: 100%; height: 70px; border: 1px solid #000000; color: rgba(0, 0, 0, 0.7); font-size: 16px; font-weight: 400; font-style: normal; padding-left: 35px; padding-right: 20px; border-radius: 3px; transition: all 500ms ease; font-family: var(--conzi-font); outline: none; } .comment-one__form .input-box textarea { width: 100%; height: 170px; padding-top: 20px; border-radius: 3px; outline: none; resize: none; transition: all 200ms linear; transition-delay: 0.1s; } .comment-one__form .input-box input[type="text"]:focus { color: #000000; background-color: #ffffff; } .comment-one__form .input-box input[type="email"]:focus { color: #000000; background: #ffffff; } .comment-one__form .input-box textarea:focus { color: #000000; background: #ffffff; } .comment-one__form .input-box input[type="text"]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.7); } .comment-one__form .input-box input[type="text"]:-moz-placeholder { color: rgba(0, 0, 0, 0.7); } .comment-one__form .input-box input[type="text"]::-moz-placeholder { color: rgba(0, 0, 0, 0.7); } .comment-one__form .input-box input[type="text"]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.7); } .comment-one__form .input-box input[type="email"]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.7); } .comment-one__form .input-box input[type="email"]:-moz-placeholder { color: rgba(0, 0, 0, 0.7); } .comment-one__form .input-box input[type="email"]::-moz-placeholder { color: rgba(0, 0, 0, 0.7); } .comment-one__form .input-box input[type="email"]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.7); } .comment-one__form .input-box textarea::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.7); } .comment-one__form .input-box textarea:-moz-placeholder { color: rgba(0, 0, 0, 0.7); } .comment-one__form .input-box textarea::-moz-placeholder { color: rgba(0, 0, 0, 0.7); } .comment-one__form .input-box textarea:-ms-input-placeholder { color: rgba(0, 0, 0, 0.7); } .comment-form__btn { position: relative; display: block; } .comment-form__btn .thm-btn { text-transform: capitalize; } /*** ===================================================== Contact Page ===================================================== ***/ .contact-page { position: relative; display: block; padding: 0px 0px 0px; z-index: 1; } .contact-page__top { position: relative; display: block; background: #f8f7f7; padding: 110px 0px 80px; } .contact-page__top-single { position: relative; display: block; margin-bottom: 30px; } .contact-page__top-single::before { position: absolute; top: 0; right: -20px; bottom: 0; width: 1px; background: #000000; content: ""; } .contact-page__top-single.style2::before { bottom: -26px; } .contact-page__top-single.bdrnone::before { display: none; } .contact-page__top-single .icon { position: relative; display: block; height: 85px; width: 85px; margin: 0 auto 22px; background-color: #629c59; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 30px; color: #ffffff; border: 1px solid #000000; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .contact-page__top-single .content { position: relative; display: block; } .export-content .about-two__content .sec-title { padding-bottom: 10px; } .export-content .sec-title__title{ font-weight: 700; font-size: 36px; line-height: 53px; color: #ffffff; } .export-content { position: relative; display: block; background: #389896; padding: 100px 0px 90px; z-index: 1; } .export-content .about-two__content-text1 p { font-size: 18px; font-weight: 400; color: #fff; line-height: 30px; } .contact-page__top-single .content h3 { font-weight: 500; font-size: 20px; line-height: 30px; text-transform: capitalize; margin-bottom: 18px; } .contact-page__top-single .content p { color: rgba(0, 0, 0, 0.8); font-size: 16px; line-height: 32px; font-weight: 500; } .contact-page__top-single .content p a { color: rgba(0, 0, 0, 0.8); display: block; -webkit-transition: all 500ms ease; transition: all 500ms ease; font-weight: 500; } .contact-page__top-single .content p a:hover { color: var(--conzi-base); } .contact-page__top-single .content h2 { color: #000000; font-weight: 600; font-size: 24px; line-height: 32px; text-transform: capitalize; padding-top: 6px; } .contact-page__top-single .content h2 a { color: #000000; transition: all 200ms linear; transition-delay: 0.1s; } .contact-page__top-single .content h2 a:hover { color: var(--conzi-base); } .contact-page__bottom { position: relative; display: block; padding: 104px 0px 110px; z-index: 1; } .contact-page__bottom-inner { position: relative; display: block; max-width: 870px; width: 100%; margin: 0 auto 0px; } .contact-page__bottom-inner .title-box { position: relative; display: block; margin-bottom: 51px; } .contact-page__bottom-inner .title-box h2 { font-weight: 600; font-size: 36px; line-height: 36px; } .contact-page__form { position: relative; display: block; } .contact-page .contact-page__bottom form input[type="text"], .contact-page .contact-page__bottom form input[type="email"] { color: rgba(0, 0, 0, 0.8); font-size: 16px; font-weight: 400; width: 100%; height: 70px; background: #ffffff; border: 1px solid #202020; padding: 0 30px; margin-bottom: 4px; border-radius: 3px; outline: none; transition: all 200ms linear; transition-delay: 0.1s; margin-top: 15px; } .error { color: #f00!important; } .contact-page .contact-page__bottom form textarea { color: rgba(0, 0, 0, 0.8); font-size: 16px; font-weight: 400; width: 100%; height: 200px; border: 1px solid #202020; background: #ffffff; padding: 20px 30px 30px; margin-top: 10px; outline: none; transition: all 200ms linear; transition-delay: 0.1s; border-radius: 3px; } .contact-page .contact-page__bottom form input[type="text"]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.8); } .contact-page .contact-page__bottom form input[type="text"]:-moz-placeholder { color: rgba(0, 0, 0, 0.8); } .contact-page .contact-page__bottom form input[type="text"]::-moz-placeholder { color: rgba(0, 0, 0, 0.8); } .contact-page .contact-page__bottom form input[type="text"]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.8); } .contact-page .contact-page__bottom form input[type="email"]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.8); } .contact-page .contact-page__bottom form input[type="email"]:-moz-placeholder { color: rgba(0, 0, 0, 0.8); } .contact-page .contact-page__bottom form input[type="email"]::-moz-placeholder { color: rgba(0, 0, 0, 0.8); } .contact-page .contact-page__bottom form input[type="email"]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.8); } .contact-page .contact-page__bottom form textarea::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.8); } .contact-page .contact-page__bottom form textarea:-moz-placeholder { color: rgba(0, 0, 0, 0.8); } .contact-page .contact-page__bottom form textarea::-moz-placeholder { color: rgba(0, 0, 0, 0.8); } .contact-page .contact-page__bottom form textarea:-ms-input-placeholder { color: rgba(0, 0, 0, 0.8); } .contact-page__bottom .contact-page__btn { position: relative; display: block; } .contact-page__bottom .contact-page__btn button { position: relative; display: block; outline: none; border: none; } .contact-page__bottom .contact-page__btn button.thm-btn { text-transform: capitalize; } /*** ============================================= Google Map One ============================================= ***/ .google-map-one { position: relative; display: block; z-index: 1; } .google-map-one__map { position: relative; display: block; border: none; height: 575px; width: 100%; } /*** ===================================================== Pricing One ===================================================== ***/ .pricing-one { position: relative; display: block; background: #ffffff; padding: 110px 0px 80px; z-index: 1; } .pricing-one__single { position: relative; display: block; margin-bottom: 30px; border-radius: 5px; background: #FFFFFF; box-shadow: 0px 0px 20px 9px rgba(194, 194, 194, 0.18); transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; } .pricing-one__single .text { position: absolute; top: 0px; left: 0px; writing-mode: vertical-lr; background: var(--conzi-primary); font-weight: 500; font-size: 16px; line-height: 32px; width: 30px; text-align: center; text-transform: capitalize; padding: 12px 0px; color: #FFFFFF; } .pricing-one__single .text:before { content: ""; position: absolute; left: 0; bottom: -10px; width: 15px; height: 10px; border-left: 15px solid var(--conzi-primary); border-right: 0px solid; border-bottom: 10px solid transparent; } .pricing-one__single .text:after { content: ""; position: absolute; right: 0; bottom: -10px; width: 15px; height: 10px; border-left: 0px solid var(--conzi-primary); border-right: 15px solid var(--conzi-primary); border-bottom: 10px solid transparent; } .pricing-one__single::before { position: absolute; top: 0; left: 0; right: 0; height: 185px; background: #f5fdfd; border-radius: 5px 5px 92.5px 5px; content: ""; z-index: -1; } .pricing-one__single::after { position: absolute; left: 0; right: 0; bottom: 0; height: 235px; background: #fafafa; border-radius: 5px 5px 92.5px 5px; transform: rotate(-180deg); content: ""; z-index: -1; } .pricing-one__single .table-header { position: relative; display: block; overflow: hidden; padding: 37px 35px 0px; padding-bottom: 30px; z-index: 1; } .pricing-one__single .table-header::before { position: absolute; left: 35px; bottom: 0; right: 35px; height: 1px; background: #d4cccc; content: ""; } .pricing-one__single .table-header h2 { color: var(--conzi-primary); font-weight: 500; font-size: 40px; line-height: 50px; text-transform: capitalize; margin-bottom: 1px; } .pricing-one__single .table-header p { color: rgba(0, 0, 0, 0.8); font-weight: 400; font-size: 16px; line-height: 32px; text-transform: capitalize; } .pricing-one__single .table-header .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; background: var(--conzi-base); border-radius: 50%; overflow: hidden; border: 1px solid #000000; margin: 20px auto 0px; } .pricing-one__single .table-header .icon-box span:before { position: relative; display: inline-block; color: #000000; font-size: 30px; } .pricing-one__single .table-content { position: relative; display: block; margin-top: 30px; padding: 0px 35px 0px; } .pricing-one__single .table-content ul { position: relative; display: block; } .pricing-one__single .table-content ul li { position: relative; display: block; margin-bottom: 0px; } .pricing-one__single .table-content ul li:last-child { margin-bottom: 0; } .pricing-one__single .table-content ul li p { position: relative; display: inline-block; padding-left: 15px; color: rgba(0, 0, 0, 0.8); font-weight: 400; font-size: 16px; line-height: 32px; text-transform: capitalize; } .export-content .about-two__img { position: absolute; display: block; right: -10%; left: -13%; height: 100%; margin-left: unset; margin-right: unset; z-index: 1; } .pricing-one__single .table-content ul li p::before { position: absolute; top: 14px; left: 0; width: 5px; height: 5px; background: #333333; border-radius: 50%; content: ""; } .pricing-one__single .table-footer { position: relative; display: block; padding: 55px 0px 0px; } .pricing-one__single .table-footer .btn-box { position: relative; display: block; } .pricing-one__single .table-footer .btn-box a { position: relative; display: block; background: #f1f1ec; color: #000000; font-weight: 600; font-size: 16px; line-height: 26px; text-align: center; text-transform: capitalize; border-radius: 5px; overflow: hidden; padding: 13px 0px 13px; transition: all 200ms linear; transition-delay: 0.1s; } .pricing-one__single .table-footer .btn-box a:hover { background: var(--conzi-base); } /*** ===================================================== Faq One ===================================================== ***/ .faq-one { position: relative; display: block; background: #ffffff; padding: 97px 0px 110px; z-index: 1; } .faq-one .title-box { position: relative; display: block; margin-bottom: 60px; } .faq-one .title-box h2 { font-weight: 700; font-size: 48px; line-height: 58px; } .faq-one__inner { position: relative; display: block; background: #f1f6f6; padding: 35px 30px 60px; border: 1px solid #000000; border-radius: 3px; z-index: 1; } .faq-one__accrodion-box { position: relative; display: block; } .faq-one__accrodion-box .accrodion { position: relative; display: block; border-radius: 0; } .faq-one__accrodion-box .accrodion-title { position: relative; display: block; cursor: pointer; padding: 17px 25px 18px 25px; background-color: #ffffff; border: 0px solid #f0eeee; border-radius: 3px; transition: all 200ms linear; transition-delay: 0.1s; } .about-inner .shape3 { position: absolute; top: 210px; right: -310px; left:unset; z-index: -1; } .about-inner .about-two__content-text1{ margin-top: 18px; } .about-inner { position: relative; display: block; background: #ffffff; padding: 0 0px 110px; z-index: 1; margin-top:-50px; } .about-inner .about-three__img { position: relative; display: block; max-width: 515px; width: 100%; margin-left: 70px; margin-top: 70px; } .faq-one__accrodion-box .accrodion-title h4 { position: relative; margin: 0; font-weight: 500; font-size: 18px; line-height: 28px; color: #000000; font-family: var(--conzi-font-two); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .faq-one__accrodion-box .accrodion+.accrodion { margin-top: 20px; } .faq-one__accrodion-box .accrodion.active .accrodion-title { background-color: transparent; } .faq-one__accrodion-box .accrodion.active .accrodion-title h4 { color: var(--conzi-black); } .faq-one__accrodion-box .accrodion-title h4::before { content: "\e92c"; font-family: 'icomoon' !important; font-weight: normal; font-size: 17px; color: var(--conzi-black); position: absolute; top: 50%; right: 0px; width: 45px; height: 45px; background: #f1f6f6; border-radius: 50%; display: flex; justify-content: center; align-items: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 500ms ease; transition: all 500ms ease; text-align: center; } .faq-one__accrodion-box .accrodion.active .accrodion-title h4::before { content: "\e92b"; color: #ffffff; background: var(--conzi-primary); text-align: center; display: flex; justify-content: center; align-items: center; } .faq-one__accrodion-box .accrodion-content { position: relative; padding: 0px 75px 40px 25px; border-top: 0; } .faq-one__accrodion-box .accrodion-content p { margin: 0; } /*** ===================================================== Error Page ===================================================== ***/ .error-page { position: relative; display: block; padding: 179px 0px 230px; overflow: hidden; z-index: 1; } .error-page .shape1 { position: absolute; top: -435px; left: 0; z-index: -1; } .error-page .shape2 { position: absolute; bottom: 0; right: 0; z-index: -1; } .error-page__inner { position: relative; display: block; } .error-page__inner h2 { font-weight: 900; font-size: 200px; line-height: 0.8em; color: #010212; margin-bottom: 80px; } .error-page__inner h2 .clr2 { color: var(--conzi-base); -webkit-text-stroke: 2px #000000; } .error-page__inner h3 { color: #000000; font-weight: 700; font-size: 40px; line-height: 50px; font-family: var(--conzi-font); margin-bottom: 21px; } .error-page__inner p { color: #000000; font-weight: 400; font-size: 20px; line-height: 30px; } .error-page__btn { position: relative; display: block; margin-top: 37px; line-height: 0; } .error-page__btn .thm-btn { text-transform: capitalize; line-height: 52px; } /*** ===================================================== Shop Page ===================================================== ***/ .shop-page { position: relative; display: block; background: #f2f3f5; padding: 110px 0px 110px; z-index: 1; } .shop-page__top { position: relative; display: block; margin-bottom: 50px; } .shop-page__top-inner { position: relative; display: flex; align-items: center; justify-content: space-between; background: #f4f4f4; padding: 0px 30px 0px; padding-right: 0px; border-radius: 10px; } .shop-page__top-left { position: relative; display: block; } .shop-page__top-left p { color: #000000; } .shop-page__top-right { position: relative; display: flex; align-items: center; } .product__showing-sort { position: relative; display: block; max-width: 300px; width: 100%; } .product__showing-sort .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { position: relative; display: block; max-width: 300px; width: 100% !important; } .product__showing-sort .bootstrap-select>.dropdown-toggle::after { display: none; } .product__showing-sort .bootstrap-select>.dropdown-toggle { position: relative; height: 55px; outline: none !important; border-radius: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border: 0; background-color: #cfe9e9 !important; margin: 0; padding: 0; padding-left: 30px; padding-right: 48px; color: var(--conzi-black) !important; font-size: 16px; line-height: 55px; font-weight: 400; box-shadow: none !important; background-repeat: no-repeat; background-size: 14px 12px; background-position: right 25.75px center; } .product__showing-sort .bootstrap-select>.dropdown-toggle:before { position: absolute; top: 2px; bottom: 0; right: 19px; font-family: "Font Awesome 5 Free"; content: "\f107"; font-weight: 900; font-size: 16px; color: var(--conzi-black); } .shop-page__single { position: relative; display: block; margin-bottom: 30px; position: relative; background-color: #fff; transition: all 0.3s ease-out; display: flex; border-radius: 6px; flex-direction: column; margin-bottom: 0; height: 100%; box-shadow: 0 3px 13px rgba(0, 0, 0, 0.11); overflow: hidden; } .shop-page__single-img { position: relative; display: block; border-radius: 5px; overflow: hidden; z-index: 1; } .shop-page__single-img::before { position: absolute; top: 0%; right: 0%; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255, .4); border-radius: 0%; -webkit-transform: translateX(-50%, -50%); transform: translateX(-50%, -50%); opacity: 0; z-index: 1; } .shop-page__single:hover .shop-page__single-img::before { -webkit-animation: circle .95s; animation: circle .95s; } .shop-page__single-img img { width: 100%; transform: scale(1.0); transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; } .shop-page__single:hover .shop-page__single-img img { transform: scale(1.1) rotate(1deg); } .shop-page__single-img .text { position: absolute; top: 0px; left: 0px; writing-mode: vertical-lr; color: var(--conzi-black); font-size: 16px; font-weight: 500; width: 30px; background: var(--conzi-base); padding: 15px 0; z-index: 5; } .shop-page__single-img .text:before { content: ""; position: absolute; left: 0; bottom: -6px; width: 15px; height: 6px; border-left: 15px solid var(--conzi-base); border-right: 0px solid; border-bottom: 6px solid transparent; } .shop-page__single-img .text:after { content: ""; position: absolute; right: 0; bottom: -6px; width: 15px; height: 6px; border-left: 0px solid var(--conzi-base); border-right: 15px solid var(--conzi-base); border-bottom: 6px solid transparent; } .shop-page__single-content { position: relative; display: block; background: #ffffff; box-shadow: 0px 0px 20px 9px rgba(194, 194, 194, 0.18); padding: 14px 0px 0px; text-align: center; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .shop-page__single-content .title-box { position: relative; display: block; } .shop-page__single-content .title-box h4 { font-size: 20px; line-height: 30px; font-weight: 500; font-family: var(--conzi-font); margin-bottom: 6px; } .shop-page__single-content .title-box h4 a { color: var(--conzi-black); transition: all 200ms linear; transition-delay: 0.1s; } .shop-page__single-content .title-box h4 a:hover { color: var(--conzi-base); } .shop-page__single-content .title-box h3 { color: var(--conzi-primary); font-size: 24px; line-height: 28px; font-weight: 500; margin-bottom: 4px; } .shop-page__single-content .title-box h3 del { color: #868E8E; font-size: 16px; padding-left: 4px; } .shop-page__single-content .rating-box { position: relative; display: block; } .shop-page__single-content .rating-box ul li span { color: var(--conzi-base); } .shop-page__single-content .btn-box { position: relative; display: block; padding-top: 5px; z-index: 1; } .shop-page__single-content .btn-box a { position: relative; display: block; background: #F1F1EC; border-radius: 5px; padding: 12px 0px 13px; color: #000000; font-size: 16px; line-height: 26px; font-weight: 600; z-index: 1; transition: all 200ms linear; transition-delay: 0.1s; } .shop-page__single-content .btn-box a::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0px; right: 0; border-radius: 5px; background-color: var(--conzi-base); transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; transform-origin: bottom right; -webkit-transform: scale(1, 0); transform: scale(1, 0); z-index: -1; } /*** ===================================================== Shop Details ===================================================== ***/ .shop-details { position: relative; display: block; background: #ffffff; padding: 110px 0px 33px; z-index: 1; } .shop-details__img { position: relative; display: block; margin-right: 25px; border-radius: 15px; overflow: hidden; } .shop-details__content .thm-btn { position: relative; display: inline-block; vertical-align: middle; -webkit-appearance: none; border: none; outline: none !important; background-color: var(--conzi-base); color: #fff; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 65px; font-family: var(--conzi-font); transition: all 0.3s linear; z-index: 1; /* padding: 0px 50px 0px; */ overflow: hidden; /* margin-top: 1rem; */ margin-right: 5px; margin-left: 0; padding-right: 25px; padding-left: 25px; float: left; display: flex; border-radius: 30px; } .shop-details__img-link { position: absolute; right: 25px; top: 15px; z-index: 1; } .shop-details__img-link a { position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: rgb(0 0 0 / 20%); border-radius: 50%; font-size: 20px; color: #ffffff; } .shop-details__content { position: relative; display: block; } .shop-details__content .rating-box { position: relative; display: block; margin-bottom: 8px; } .shop-details__content .rating-box ul li span { font-size: 20px; } .shop-details__content h2 { font-weight: 700; font-size: 40px; line-height: 50px; color: #000000; margin-bottom: 14px; } .shop-details__content h3 { color: var(--conzi-primary); font-weight: 500; font-size: 32px; line-height: 36px; } .shop-details__content h3 del { font-size: 16px; color: #868E8E; padding-left: 5px; } .shop-details__content h3 span { font-weight: 500; font-size: 16px; line-height: 16px; font-family: var(--conzi-font); padding-left: 20px; } .shop-details__content .text1 { margin: 0; margin-top: 18px; margin-bottom: 30px; } .shop-details__content .text2 { margin-bottom: 5px; } .shop-details__content .text3 { margin-bottom: 5px; } .shop-details__content .text4 { margin: 0; } .shop-details__content-text1 { position: relative; display: block; align-items: center; margin-top: 30px; } .shop-details__content-text1 .btn-box { position: relative; display: flex; float: left; } .shop-details__content-text1 .btn-box .thm-btn { line-height: 52px; text-transform: capitalize; } .shop-details__content-text1 .product-quantity { position: relative; display: block; margin-left: 20px; } .shop-details__content-text1 .product-quantity-box { position: relative; display: flex; align-items: center; border: 1px solid #000000; border-radius: 30px; padding-left: 1px; } .shop-details__content-text1 .product-quantity-box .input-group.bootstrap-touchspin { position: relative; width: 125px; height: 52px; } .shop-details__content-text1 .product-quantity-box input.quantity-spinner.form-control { position: relative; display: block; padding: 0; flex: none; height: 52px; color: var(--conzi-black); font-size: 16px; font-weight: 500; outline: none; margin: 0 auto; text-align: center; border: none; font-family: var(--conzi-font); border-right: 1px solid #000000; width: 50px; z-index: 5; left: 11px; } .our-expertise { position: relative; display: block; padding: 81px 0px 27px; z-index: 1; } .shop-details__content-text1 .product-quantity-box .bootstrap-touchspin .input-group-btn-vertical { position: absolute; top: 0; left: 0px; bottom: 0; right: 0; width: 100%; } .shop-details__content-text1 .product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn { position: absolute; top: 14px; right: 28px; cursor: pointer; margin: 0; padding: 0; } .shop-details__content-text1 .product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-radius: 0; border-left: none; } .shop-details__content-text1 .product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { border-radius: 0; border-right: none; } .shop-details__content-text1 .product-quantity-box .form-control { background: transparent; } .shop-details__content-text1 .product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-up:before { position: absolute; top: 0px; left: 1px; right: 0px; width: 100%; height: 100%; font-family: 'icomoon' !important; content: "\e92c"; color: #9e9e9e; font-size: 15px; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .shop-details__content-text1 .product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:before { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; font-family: 'icomoon' !important; content: "\e92b"; color: #9e9e9e; font-size: 15px; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-top: 22px; } .shop-details__content .social-links { position: relative; display: flex; margin-top: 0; margin-left: 30px; float: right; } .shop-details__content .social-links li { position: relative; display: inline-block; margin-right: 15px; } .shop-details__content .social-links li:last-child { margin-right: 0; } .shop-details__content .social-links li a { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: #123030; border-radius: 50%; transition: all 200ms linear; transition-delay: 0.1s; } .shop-details__content .social-links li a:hover { background: var(--conzi-base); } .shop-details__content .social-links li a span::before { position: relative; display: inline-block; color: #ffffff; font-size: 16px; transition: all 200ms linear; transition-delay: 0.1s; } .shop-details__content .social-links li a:hover span::before { color: var(--conzi-black); } /*** ============================================= Shop Details Tab ============================================= ***/ .shop-details__tab { position: relative; display: block; margin-top: 110px; } .shop-details__tab-button { position: relative; display: block; z-index: 2; } .shop-details__tab-button .tab-buttons { position: relative; display: block; } .shop-page--shop-details { position: relative; display: block; padding: 50px 0px 80px; } .shop-details__tab-button .tab-buttons li { position: relative; display: inline-block; cursor: pointer; padding: 10px 20px 13px; transition: all 200ms linear; transition-delay: 0.1s; margin-right: 0px; } .shop-details__tab-button .tab-buttons li:last-child { margin-right: 0; } .shop-details__tab-button .tab-buttons li h4 { font-weight: 500; font-size: 24px; line-height: 34px; color: #000000; transition: all 200ms linear; transition-delay: 0.1s; } .shop-details__tab-button .tab-buttons li:hover h4, .shop-details__tab-button .tab-buttons li.active-btn h4 { color:#55884c; } .shop-details__tab-content-item { position: relative; display: block; } .shop-details__tab .tabs-content .tab { position: absolute; left: 0px; top: 0px; display: none; opacity: 1; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; z-index: 1; } .shop-details__tab .tabs-content .tab.active-tab { position: relative; display: block; opacity: 1.0; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); z-index: 5; } .shop-details__tab-description { position: relative; display: block; padding: 36px 0px 55px; } .shop-details__tab-description .text-box1 { position: relative; display: block; margin-bottom: 21px; } .shop-details__tab-description .text-box1 p { margin: 0; } .shop-details__tab-description .text-box2 { position: relative; display: block; margin-bottom: 25px; } .shop-details__tab-description .text-box2 p { margin: 0; } .shop-details__tab-description .text-box3 { position: relative; display: block; } .shop-details__tab-description .text-box3 p { margin: 0; } .shop-details__tab-content-item.style2 { position: relative; display: block; padding: 50px 40px 50px; } .shop-details__tab-reviews { position: relative; display: block; } .review-box-outer { position: relative; display: block; } .single-review-box-outer { position: relative; display: block; background: #f5f5f5; padding: 38px 30px 34px; } .single-review-box { position: relative; display: block; padding-left: 70px; min-height: 70px; } .single-review-box .img-box { position: absolute; top: 9px; left: 0; width: 70px; height: 70px; border-radius: 50%; } .single-review-box .img-box img { width: 100%; border-radius: 50%; } .single-review-box .text-box { position: relative; display: block; padding-left: 25px; } .single-review-box .text-box .review-box { position: relative; display: block; } .single-review-box .text-box .review-box ul { position: relative; display: block; } .single-review-box .text-box .review-box ul li { position: relative; display: inline-block; } .single-review-box .text-box .review-box ul li i:before { position: relative; display: inline-block; color: #efce4a; font-size: 15px; } .single-review-box .text-box .review-box { padding: 0 0 10px; } .single-review-box .text-box h3 { position: relative; font-size: 20px; font-weight: 600; margin: 0 0 6px; } .single-review-box .text-box h5 span { color: #757575; font-size: 14px; font-weight: 600; text-transform: capitalize; font-family: var(--conzi-font); } .single-review-box .text-box p { margin: 0; } .review-form { position: relative; display: block; background: #ffffff; padding: 53px 60px 60px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15); margin-top: 60px; } .review-form .title-box { position: relative; display: block; padding-bottom: 24px; } .review-form .title-box h2 { font-size: 30px; font-weight: 600; } .review-form .add-rating-box { position: relative; display: block; overflow: hidden; } .review-form .add-rating-box .add-rating-title { position: relative; float: left; } .review-form .add-rating-box .add-rating-title p { line-height: 20px; margin: 0; } .review-form .add-rating-box .review-box { position: relative; float: left; padding-left: 20px; } .review-form .add-rating-box .review-box ul li { position: relative; display: inline-block; float: left; line-height: 20px; margin-right: 5px; } .review-form .add-rating-box .review-box ul li:last-child { margin-right: 0px; } .review-form .add-rating-box .review-box ul li i { color: #efce4a; font-size: 14px; line-height: 20px; transition: all 500ms ease 0s; } .shop-details__tab-reviews .review-form .input-box { position: relative; display: block; } .shop-details__tab-reviews .review-form .input-box .field-label { position: relative; display: block; padding-bottom: 9px; color: #757575; } .shop-details__tab-reviews .review-form form input[type="text"], .shop-details__tab-reviews .review-form form input[type="email"], .shop-details__tab-reviews .review-form form textarea { position: relative; display: block; background: #ffffff; width: 100%; height: 60px; border: 1px solid #e5e5e5; color: #757575; font-size: 16px; padding: 0 20px; margin-bottom: 22px; border-radius: 0px; transition: all 500ms ease; outline: none; } .shop-details__tab-reviews .review-form form textarea { height: 120px; padding: 10px 20px; } .shop-details__tab-reviews .review-form form input[type="text"]:focus { border-color: #e1dddd; } .shop-details__tab-reviews .review-form form input[type="email"]:focus { border-color: #e1dddd; } .shop-details__tab-reviews .review-form form textarea:focus { border-color: #e1dddd; } .shop-details__tab-reviews .review-form .button-box { position: relative; display: flex; align-items: center; padding-top: 35px; } .shop-details__tab-reviews .review-form .button-box .left { position: relative; display: block; } .shop-details__tab-reviews .review-form .button-box .right { position: relative; display: block; padding-left: 20px; } /*** ============================================= Checked Box2 ============================================= ***/ .checked-box2 { position: relative; display: block; min-height: 30px; } div#google_translate_element { margin-top: -8px; padding-bottom: 0; float: right; display: inline-block; } .goog-te-gadget { height: 34px !important; overflow: hidden !important; } div#\:0\.targetLanguage { height: 34px !important; overflow: hidden !important; } .goog-te-gadget .goog-te-combo { /* margin: 4px 0; */ color: rgba(0, 0, 0, 0.8); font-size: 16px; font-weight: 400; /* width: 100%; */ /* height: 70px; */ /* background: #ffffff; */ border: unset; padding: 12px 0; margin-bottom: 0; border-radius: 3px; outline: none; transition: all 200ms linear; height: 43px !important; margin-top: -32px; overflow: hidden !important; transition-delay: 0.1s; } .goog-te-combo { margin-left: 0; margin-right: 0; vertical-align: baseline; } div#google_translate_element span { display: none !important; } .checked-box2 label { position: relative; display: inline-block; padding-left: 30px; margin-right: 0px; margin-bottom: 0; color: #757575; font-size: 16px; line-height: 22px; font-weight: 400; cursor: pointer; min-height: 30px; font-family: var(--conzi-font); } .checked-box2 input[type="checkbox"] { display: none; } .checked-box2 input[type="checkbox"]+label span { position: absolute; top: 5px; left: 0; width: 16px; height: 16px; vertical-align: middle; background-color: transparent; border: 1px solid #d6d3d0; cursor: pointer; border-radius: 0px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .checked-box2 label span:before { font-family: 'icomoon' !important; content: "\e90b"; position: absolute; top: 0px; left: 0px; bottom: 0; right: 0; width: 16px; height: 16px; margin: 0px; color: var(--conzi-base); font-size: 10px; line-height: 16px; text-align: center; font-weight: 700; opacity: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .checked-box2 input[type="checkbox"]:checked+label span { border-color: #dedede; } .checked-box2 input[type="checkbox"]:checked+label span:before { opacity: 1; } /*** ============================================= Shop Page Shop Details ============================================= ***/ .shop-page--shop-details .title-box { position: relative; display: block; margin-bottom: 41px; } .shop-page--shop-details .title-box h2 { font-weight: 700; font-size: 40px; line-height: 50px; color: #000000; } /*** ===================================================== Cart Page ===================================================== ***/ .cart-page { position: relative; display: block; background: #ffffff; padding: 110px 0px 110px; } .cart-page__left { position: relative; display: block; border: 1px solid #f1f1f1; margin-right: 35px; } .cart-page .table-responsive { position: relative; display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } @media(max-width: 1199px) { .cart-table { min-width: 800px; } } .cart-table { margin-bottom: 6px; } .cart-table thead tr { position: relative; background: #f1f1f1; } #thankYouModal .modal-body { font-size: 16px; } #thankYouModal.modal .modal-title { margin-bottom: 0; line-height: 1.5; font-size: 23px; margin-bottom: 10px; } #thankYouModal .modal-dialog-centered { max-height:150px; overflow:hidden; min-height:150px; } @media (min-width: 576px){ #thankYouModal .modal-dialog { max-width: 500px; margin: 1.75rem auto; } } #thankYouModal.modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; padding-right: 0!important; overflow: hidden; outline: 0; } #thankYouModal.show { display: block; } .close { position: absolute; top: 10px; right: 10px; font-size: 20px; cursor: pointer; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .modal-dialog { max-width: 70%; margin: unset; position: absolute; top: 50%; background: #fff; width: 100%; left: 50%; transform: translate(-50%, -50%) !important; padding: 0; border-radius: 12px; overflow-y: scroll; border-bottom: 15px solid #fff; border-top: 15px solid #fff; padding: 20px; } .cart-table thead th { color: #000000; font-size: 16px; line-height: 26px; font-weight: 500; padding: 0; border: none; padding-top: 8px; padding-bottom: 8px; font-family: var(--conzi-font-two); text-transform: capitalize; } .cart-table thead th:first-child { padding-left: 45px; } .cart-table thead th:last-child { text-align: right; padding-right: 45px; } .cart-table thead th.style2 { width: 150px; } .cart-table tbody tr { vertical-align: middle; } .cart-table tbody tr td:first-child { padding-left: 45px; } .cart-table tbody tr td:last-child { padding-right: 45px; } .cart-table tbody td { font-size: 16px; font-weight: 600; color: var(--ontech-black); vertical-align: middle; border-top: 0px solid #eaeaea; border-bottom: 0px solid #eaeaea; padding-top: 30px; padding-bottom: 30px; padding-left: 0; padding-right: 0; letter-spacing: 0; } .cart-table tbody td:before { position: absolute; bottom: 0; left: 45px; right: 45px; height: 1px; background: #eaeaea; content: ""; } .cart-table tbody td:last-child { text-align: right; } .cart-table .product-box { display: flex; align-items: center; } .cart-table .product-box .img-box { position: relative; display: block; width: 75px; margin-right: 20px; } .cart-table .product-box .img-box .inner { position: relative; display: block; width: 75px; border-radius: 10px; overflow: hidden; } .cart-table .product-box .img-box img { width: 100%; } .product-box-croos-icon { position: absolute; top: -13px; right: -10px; height: 25px; width: 25px; background-color: var(--conzi-base); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; color: var(--conzi-black); z-index: 2; } .cart-table h3 { color: #000000; font-size: 16px; line-height: 30px; font-weight: 500; margin: 0; text-transform: none; font-family: var(--conzi-font); } .cart-table h3 a { color: var(--conzi-black); transition: all 200ms linear; transition-delay: 0.1s; } .cart-table h3 a:hover { color: var(--conzi-base); } .cart-page .product-quantity { position: relative; display: block; width: 120px; } .cart-page .product-quantity-box { position: relative; display: flex; align-items: center; border: 1px solid #000000; border-radius: 30px; padding-left: 1px; } .cart-page .product-quantity-box .input-group.bootstrap-touchspin { position: relative; width: 125px; height: 52px; } .cart-page .product-quantity-box input.quantity-spinner.form-control { position: relative; display: block; padding: 0; flex: none; height: 52px; color: var(--conzi-black); font-size: 16px; font-weight: 500; outline: none; margin: 0 auto; text-align: center; border: none; font-family: var(--conzi-font); border-right: 1px solid #000000; width: 50px; z-index: 5; left: 11px; } .cart-page .product-quantity-box .bootstrap-touchspin .input-group-btn-vertical { position: absolute; top: 0; left: 0px; bottom: 0; right: 0; width: 100%; } .cart-page .product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn { position: absolute; top: 14px; right: 36px; cursor: pointer; margin: 0; padding: 0; } .cart-page .product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-radius: 0; border-left: none; } .cart-page .product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { border-radius: 0; border-right: none; } .cart-page .product-quantity-box .form-control { background: transparent; } .cart-page .product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-up:before { position: absolute; top: 0px; left: 1px; right: 0px; width: 100%; height: 100%; font-family: 'icomoon' !important; content: "\e92b"; color: #9e9e9e; font-size: 15px; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .cart-page .product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:before { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; font-family: 'icomoon' !important; content: "\e92c"; color: #9e9e9e; font-size: 15px; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-top: 22px; } .cart-cupon__form-box { position: relative; display: block; padding: 0px 45px 0px; max-width: 460px; width: 100%; padding-top: 90px; padding-bottom: 2px; } .cart-cupon__form { position: relative; display: block; } .cart-cupon__input { width: 100%; background-color: transparent; padding-left: 25px; padding-right: 100px; font-family: var(--conzi-font); font-size: 16px; color: #000000; height: 55px; border: 1px solid #f1f1f1; outline: none; font-weight: 400; margin-bottom: 23px; border-radius: 30px; outline: none; } .cart-cupon__form ::placeholder { color: #000000; } .cart-cupon__form button { position: absolute; top: 0; right: -90px; border: none; outline: none !important; padding: 0px 35px 0px; font-size: 16px; line-height: 55px; font-weight: 500; text-transform: capitalize; font-family: var(--conzi-font); } .cart-page__right { position: relative; display: block; margin-left: -35px; } .cart-page__total-box { position: relative; display: block; border: 1px solid #f1f1f1; } .cart-page__total-table-outer { position: relative; width: 100%; overflow-x: auto; background-color: #ffffff; padding-bottom: 25px; } .cart-page__total-table { min-width: 300px; width: 100%; } .cart-page__total-table tbody { position: relative; } .cart-page__total-table tbody tr { display: flex; align-items: center; justify-content: space-between; padding: 14px 0px; border-bottom: 1px solid #f1f1f1; margin-left: 20px; margin-right: 20px; } .cart-page__total-table tbody tr:first-child { background-color: #f1f1f1; padding: 3px 20px; border-bottom: 0; margin: 0; } .cart-page__total-table tbody tr:last-child { border-bottom: 0; } .cart-page__total-table tbody tr td { color: #000000; font-size: 16px; font-weight: 500; } .proceed-checkout { font-size: 16px; font-weight: 600; color: #ffffff; background-color: var(--conzi-primary); border: none; outline: none; padding: 5px 0; position: relative; display: block; width: 100%; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .proceed-checkout:hover { background-color: var(--conzi-black); color: #ffffff; } .update-cart { font-size: 16px; font-weight: 600; color: #000000; background-color: #eaf8f8; border: none; outline: none; padding: 5px 0; position: relative; display: block; width: 100%; text-transform: capitalize; -webkit-transition: all 500ms ease; transition: all 500ms ease; margin-top: 11px; } .update-cart:hover { color: #ffffff; background: var(--conzi-black); } /*** ============================================= Checkout Area Css ============================================= ***/ .checkout-area { position: relative; display: block; background: #ffffff; padding: 108px 0px 110px; } .checkout-area .form { position: relative; display: block; margin-top: -7px; margin-right: 35px; } .checkout-area .form .title { position: relative; display: block; padding-bottom: 8px; margin-bottom: 25px; } .checkout-area .form .title h3 { color: #000000; font-size: 24px; line-height: 34px; font-weight: 500; } .checkout-area__inner { position: relative; display: block; border: 1px solid #f1f1f1; padding: 25px 30px 53px; } .checkout-area .form form .field-label { color: #000000; font-size: 16px; font-weight: 400; margin: 0 0 10px; text-transform: none; } .checkout-area form .input-box { position: relative; display: block; margin-bottom: 10px; } .checkout-area .form form .field-input input[type="text"], .checkout-area .form form .field-input input[type="email"], .checkout-area .form form .field-input input[type="tel"] { position: relative; display: block; border: 0px solid #e0e0e0; background: #f3f2f2; color: rgba(0, 0, 0, 0.6); font-size: 16px; height: 55px; margin-bottom: 10px; padding: 0 20px; border-radius: 0px; width: 100%; outline: none; border-radius: 5px; transition: all 500ms ease; } .checkout-area .form form .field-input textarea { position: relative; display: block; border: 1px solid #e0e0e0; color: rgba(8, 5, 1, 0.5); font-size: 15px; font-weight: 400; height: 120px; padding: 10px 20px; width: 100%; border-radius: 20px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; outline: none; } .checkout__select-box { position: relative; display: block; max-width: 100%; width: 100%; margin-bottom: 10px; } .checkout__select-box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { position: relative; display: block; max-width: 100%; width: 100% !important; } .checkout__select-box .bootstrap-select>.dropdown-toggle::after { display: none; } .checkout__select-box .bootstrap-select>.dropdown-toggle { position: relative; height: 55px; outline: none !important; border-radius: 5px; border: 0px solid #e0e0e0; background-color: #f3f2f2 !important; margin: 0; padding: 0; padding-left: 20px; padding-right: 20px; color: #000000 !important; font-size: 15px; font-weight: 400; box-shadow: none !important; background-repeat: no-repeat; background-size: 14px 12px; background-position: right 25.75px center; line-height: 55px; } .checkout__select-box .bootstrap-select>.dropdown-toggle:before { position: absolute; top: 0px; bottom: 0; right: 25px; font-family: "Font Awesome 5 Free"; content: "\f107"; font-weight: 900; font-size: 14px; color: var(--ontech-black); } .checkout-area__checkbox { position: relative; display: block; margin-top: 7px; } .checkout-area__checkbox-single+.checkout-area__checkbox-single { margin-top: 0px; } .checkout-area__checkbox-single label { position: relative; display: inline-block; padding-left: 30px; margin-right: 0px; margin-bottom: 0; color: #000000; font-size: 16px; line-height: 30px; font-weight: 500; cursor: pointer; } .checkout-area__checkbox-single input[type="checkbox"] { display: none; } .checkout-area__checkbox-single input[type="checkbox"]+label span { position: absolute; display: block; top: 7px; left: 0; width: 17px; height: 17px; vertical-align: middle; border: 1px solid #dedede; cursor: pointer; border-radius: 5px; transition: all 300ms ease; } .checkout-area__checkbox-single label span:before { position: absolute; top: 3px; left: 3px; bottom: 3px; right: 3px; content: ""; background: #d6d3d0; border-radius: 3px; transform: scale(0); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .checkout-area__checkbox-single input[type="checkbox"]:checked+label span { border-color: #d6d3d0; } .checkout-area__checkbox-single input[type="checkbox"]:checked+label span:before { transform: scale(1.0); } .checkout-area__sidebar { position: relative; display: block; margin-left: -35px; margin-top: -7px; } .checkout-area__sidebar-single { position: relative; display: block; margin-bottom: 40px; } .checkout-area__sidebar-single.mb0 { margin-bottom: 0; padding-bottom: 0px; } .checkout-area__sidebar-single .title { position: relative; display: block; margin-bottom: 28px; } .checkout-area__sidebar-single .title h3 { font-weight: 500; font-size: 24px; line-height: 34px; color: #000000; } .checkout-area__sidebar-single ul { position: relative; display: block; border: 1px solid #f1f1f1; padding: 0px 20px 0px; } .checkout-area__sidebar-single ul li { position: relative; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e4e2e0; padding-top: 15px; padding-bottom: 15px; } .checkout-area__sidebar-single ul li.bg1 { position: relative; padding-top: 8px; padding-bottom: 8px; z-index: 1; } .checkout-area__sidebar-single ul li.bg1::before { position: absolute; top: -1px; left: -20px; bottom: -1px; right: -20px; background: #f1f1f1; content: ""; z-index: -1; } .checkout-area__sidebar-single ul li.bg2 { position: relative; padding-top: 8px; padding-bottom: 8px; z-index: 1; } .checkout-area__sidebar-single ul li.bg2::before { position: absolute; top: 0px; left: -20px; bottom: 0px; right: -20px; background: #fdfbe8; content: ""; z-index: -1; } .checkout-area__sidebar-single ul li.mb55 { margin-bottom: 80px; } .checkout-area__sidebar-single ul li:last-child { border-bottom: none; } .checkout-area__sidebar-single ul li .text-box { position: relative; display: block; } .checkout-area__sidebar-single ul li .text-box p { font-weight: 500; font-size: 16px; line-height: 26px; color: #000000; } .checkout-area__sidebar-single ul li .price { position: relative; display: block; line-height: 0; } .checkout-area__sidebar-single ul li .price p { font-weight: 500; font-size: 16px; line-height: 26px; color: #000000; } .checkout__payment { position: relative; display: block; background: #effafa; } .checkout__payment-inner { position: relative; display: block; padding: 40px 20px 30px; border: 1px solid #f1f1f1; } .checkout__payment__item { position: relative; display: block; transition: all 200ms linear; transition-delay: 0.1s; background: #ffffff; margin-bottom: 15px; } .checkout__payment__item.mb0 { margin-bottom: 0; } .checkout__payment__item-top { position: relative; display: flex; align-items: center; justify-content: space-between; border: 1px solid #f5f1f1; padding: 7px 10px 7px; } .checkout__payment__title { display: flex; color: #000000; font-size: 16px; font-weight: 500; margin: 0; align-items: center; cursor: pointer; font-family: var(--conzi-font); } .checkout__payment__title::before { content: "\e90b"; width: 25px; height: 25px; background-color: transparent; border: 1px solid #000000; border-radius: 50%; font-family: 'icomoon' !important; font-weight: 700; font-size: 12px; color: #000000; display: flex; justify-content: center; align-items: center; margin-right: 10px; position: relative; top: 0px; transition: all 500ms ease; } .checkout__payment__item--active .checkout__payment__title::before { background-color: var(--conzi-base); border-color: var(--conzi-base); } .checkout__payment__content { position: relative; display: block; padding: 16px 15px 15px; } .checkout__payment__content p { font-weight: 400; font-size: 15px; line-height: 30px; } .checkout__payment-btn { position: relative; display: block; text-align: center; } .checkout__payment-btn a { position: relative; display: block; font-weight: 600; font-size: 16px; line-height: 34px; color: #FFFFFF; background: #379895; font-family: var(--conzi-font); width: 100%; padding: 4px 0px 4px; } .checkout__payment-btn a:hover { background: var(--conzi-black); } /*** ============================================= Account Page ============================================= ***/ .account-page { position: relative; display: block; background: #ffffff; padding: 100px 0px 110px; z-index: 1; } .account-page__login { position: relative; display: block; } .account-page__login .title-box { position: relative; display: block; margin-bottom: 33px; } .account-page__login .title-box h2 { font-weight: 500; font-size: 24px; line-height: 34px; color: #000000; } .account-page__login-inner { position: relative; display: block; border: 1px solid #f1f1f1; padding: 20px 30px 35px; } .account-page__login-inner form .field-label { color: #000000; font-size: 16px; font-weight: 400; margin: 0 0 10px; text-transform: none; } .account-page__login-inner form .input-box { position: relative; display: block; margin-bottom: 20px; } .account-page__login-inner form .field-input input[type="text"], .account-page__login-inner form .field-input input[type="email"], .account-page__login-inner form .field-input input[type="tel"] { position: relative; display: block; border: 1px solid #f3f2f2; background: #f3f2f2; color: rgba(0, 0, 0, 0.6); font-size: 16px; height: 55px; margin-bottom: 20px; padding: 0 20px; border-radius: 0px; width: 100%; outline: none; border-radius: 5px; transition: all 500ms ease; } .account-page__login-inner form .field-input input[type="text"]:focus { border-color: #000000; } .account-page__login-inner form .field-input input[type="email"]:focus { border-color: #000000; } .account-page__login-text1 { position: relative; display: flex; align-items: center; padding-top: 10px; } .account-page__login-text1 .btn-box { position: relative; display: block; } .account-page__login-text1 .btn-box a { position: relative; display: block; font-weight: 500; font-size: 16px; line-height: 26px; color: #000000; background: var(--conzi-base); border-radius: 5px; padding: 12px 40px 13px; transition: all 200ms linear; transition-delay: 0.1s; } .account-page__login-text1 .checkout-area__checkbox { margin-top: 0px; margin-left: 15px; } .account-page__login-text1 .btn-box a:hover { background: var(--conzi-black); color: #ffffff; } .account-page__login-text1 .text1 { position: relative; display: block; margin-left: 30px; } .account-page__login-text1 .text1 a { color: var(--conzi-primary); font-weight: 500; font-size: 16px; line-height: 26px; } .account-page__login-text2 { position: relative; display: block; margin-top: 50px; } .account-page__login-text2 .text1 { color: rgba(0, 0, 0, 0.6); } .account-page__login-text2 .text2 { position: relative; margin: 0; } .account-page__login-text2 .text2 a { color: var(--conzi-primary); } .account-page__login.register { position: relative; display: block; } .account-page__login-inner.register { background: #faf8f8; } .account-page__login-inner.register form .field-input input[type="text"], .account-page__login-inner.register form .field-input input[type="email"], .account-page__login-inner.register form .field-input input[type="tel"] { background: #ffffff; border: 1px solid transparent; } .account-page__login-inner.register form .field-input input[type="text"]:focus { border-color: #000000; } .account-page__login-inner.register form .field-input input[type="email"]:focus { border-color: #000000; } .account-page__login.register .account-page__login-text2 { margin-top: 29px; } /*-------------------------------------------------------------- # Boxed Home --------------------------------------------------------------*/ body.boxed-wrapper { position: relative; } body.boxed-wrapper .page-wrapper { max-width: 1530px; margin-left: auto; margin-right: auto; background-color: var(--conzi-white); box-shadow: 0px 0px 100px 0px rgba(var(--conzi-black-rgb), 0.08); } body.boxed-wrapper .main-header-one__bottom-contact{ display: none; } body.boxed-wrapper .main-menu__main-menu-box{ margin-left: 120px; } body.boxed-wrapper .blog-one__single-content .meta-box{ padding-left: 35px; padding-right: 35px; } body.boxed-wrapper .blog-one__single-content-bottom-btn a{ padding-left: 30px; padding-right: 30px; }