8889841clayout/_forms.scss000064400000014515150437236230010256 0ustar00/*------------------------------------*\ #FORMS \*------------------------------------*/ form { position: relative; .col-12 { position: relative; } } .form-control { font-family : var(--global--font-body); color : var(--global--color-body); font-size : 14px; font-weight : 400; height : 50px; line-height : 1px; border-radius : 4px; border : 1px solid #eaeaea; background-color: var(--global--color-white); padding-left : 20px; margin-bottom : 25px; position : relative; box-shadow : none; transition : all 0.3s ease-in-out; &:focus { border-color: var(--global--color-heading); box-shadow : none; } &::-webkit-input-placeholder { font-family : var(--global--font-body); color : var(--global--color-body); font-size : 14px; text-transform: capitalize; } &::-moz-placeholder { font-family : var(--global--font-body); color : var(--global--color-body); font-size : 14px; text-transform: capitalize; } &:-ms-input-placeholder { font-family : var(--global--font-body); color : var(--global--color-body); font-size : 14px; text-transform: capitalize; } &.nice-select { width : 100%; display : flex; align-items: center; &::after { width : 6px; height : 6px; border-color: var(--global--color-body); right : 20px; } &.open { .list { width: 100%; } } .current { text-transform: capitalize; } .list { li { text-transform: capitalize; } } } &+.error { position: absolute; bottom : 3px; left : 16px; color : red; } &.error { border-color: red; } } .form-label { font-family : var(--global--font-body); font-weight : 700; font-size : 14px; color : var(--global--color-secondary); margin-bottom: 9px; } .custom-radio-group { display : flex; margin-bottom: 10px; @media #{$maxSmall} { flex-wrap: wrap; } .custom-control { position : relative; min-height : 0; margin-right : 30px; margin-bottom: 14px; .custom-control-input { opacity: 0; &:checked { ~label { &::after { background-color: var(--global--color-primary); opacity : 1; transform : scale(1); } } } } label { font-size : 14px; font-family : var(--global--font-body); font-weight : 400; color : var(--global--color-body); margin-bottom : 0; line-height : 1.9; text-transform: capitalize; cursor : pointer; padding-left : 10px; &::before { content : ''; position : absolute; top : 50%; transform : translateY(-50%); left : 0; border-radius: 4px; border : 3px solid #eaeaea; width : 17px; height : 17px; } &::after { content : ''; display : inline-block; position : absolute; width : 7px; height : 7px; border-radius : 50%; left : 5px; top : 9px; background-color: transparent; transition : 0.3s cubic-bezier(0.4, 0, 0.2, 1); opacity : 0; transform : scale(0) } } } } textarea.form-control { height: auto; } .form-select { position: relative; i { position : absolute; font-size : 19px; font-weight : 400; line-height : 49px; right : 20px; top : 0; z-index : 1; pointer-events: none; cursor : pointer; color : var(--global--color-body); } select { line-height: 1; color : var(--global--color-body); cursor : pointer; appearance : none; } } /* Input Checkbox */ .input-checkbox { margin-bottom: 30px; p { display : block; position : relative; font-size : 13px; padding-left : 30px; line-height : 20px; text-align : left; margin-bottom: 0; } } .label-checkbox { display : block; position : relative; cursor : pointer; font-size : 18px; line-height: 18px; z-index : 2; input { position: absolute; z-index : -1; opacity : 0; } .check-indicator { position : absolute; top : 2px; left : 0; height : 17px; width : 17px; background : transparent; border : 1px solid #e1e3e3; border-radius: 2px; &:after { content : ""; position : absolute; display : none; left : 4px; top : 1px; width : 6px; height : 12px; border : solid var(--global--color-primary); border-width: 0 2px 2px 0; transform : rotate(45deg); } } input:checked~.check-indicator { background: var(--global--color-white); &:after { display: block; } } }layout/_tabs.scss000064400000005530150437236230010056 0ustar00/*------------------------------------*\ #Tabs \*------------------------------------*/ .tabs .tab-content>.tab-pane { font-family: var(--global--font-body); font-size : 16px; font-weight: 400; line-height: 26px; } .tabs-1 { .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color : var(--global--color-primary); border-color: var(--global--color-primary); } .nav-pills { display : flex; width : 100%; justify-content: center; .nav-link { border-bottom : 2px solid transparent; background-color: transparent; color : var(--global--color-heading); font-family : var(--global--font-heading); font-size : 18px; font-weight : 700; text-transform : capitalize; padding-top : 0; border-radius : 0; transition : 0.3s ease-in-out; &:hover { color : var(--global--color-primary); border-color: var(--global--color-primary); } } } } .tabs-2 { .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: var(--global--color-primary); i { color : var(--global--color-white); background-color: var(--global--color-primary); } ; } .nav-pills { display : flex; width : 100%; justify-content: center; .nav-link { border : 0; background-color: transparent; color : var(--global--color-heading); font-family : var(--global--font-heading); font-size : 18px; font-weight : 700; text-transform : capitalize; padding-top : 0; border-radius : 0; transition : 0.3s ease-in-out; i { display : flex; justify-content: center; align-items : center; width : 60px; height : 60px; border : 1px solid #e6e6e6; border-radius : 3px; color : var(--global--color-heading); transition : 0.3s ease-in-out; font-size : 25px; margin-bottom : 15px; } &:hover { color: var(--global--color-primary); i { color : var(--global--color-white); background-color: var(--global--color-primary); } } } } }layout/_pagination.scss000064400000003047150437236230011257 0ustar00/*------------------------------------*\ #PAGINATION \*------------------------------------*/ .pagination { display : flex; align-items : center; justify-content: center; margin : 0; border-radius : 0; li { margin-right: 10px; display : inline-block; a, span { display : inline-flex; justify-content : center; align-items : center; background-color: var(--global--color-white); color : var(--global--color-heading); font-family : var(--global--font-body); font-size : 20px; font-weight : 700; text-transform : uppercase; padding : 0; width : 50px; height : 50px; border-radius : 4px; border : 2px solid #929ba2; transition : 300ms ease-in-out; &:hover { background-color: var(--global--color-heading); color : var(--global--color-white); border-color : var(--global--color-heading); } i { font-size: 12px; } &.current { background-color: var(--global--color-heading); color : var(--global--color-white); border-color : var(--global--color-heading); } } } }layout/_background.scss000064400000010405150437236230011241 0ustar00/*------------------------------------*\ #BACKGROUNDS \*------------------------------------*/ .bg-theme { background-color: var(--global--color-primary) !important; } .bg-theme2 { background-color: var(--global--color-heading) !important; } .bg-gray { background-color: var(--global--color-gray) !important; } .bg-grey { background-color: #f6f7f8 !important; } .bg-dark-gray { background-color: #3a3a3a; } .bg-dark { background-color: #222222 !important; } .bg-secondary { background-color: var(--global--color-secondary); } /* Background Image */ .bg-section { position : relative; overflow : hidden; z-index : 1; background-size : cover; background-repeat : no-repeat; background-position: center center; width : 100%; height : 100%; } .bg-parallax { background-attachment: fixed; } .bg-overlay { &:before { content : ""; display : inline-block; height : 100%; left : 0; position: absolute; top : 0; width : 100%; z-index : -1; } } .bg-overlay-light { &:before { background-color: var(--global--color-white); opacity : 0.8; } } .bg-overlay-dark { &:before { background-color: rgba(29, 42, 77, 0.45) } } .bg-overlay-dark-2 { &:before { background-image: linear-gradient(180deg, #1B1A1A80 0%, #00000000 100%); opacity : 0.55; } } .bg-overlay-dark-3 { &:before { background-image: linear-gradient(180deg, #1B1A1A80 0%, #00000000 100%); } } .bg-overlay-dark-slider { &:before { background-image: linear-gradient(180deg, #14191c 0%, rgba(20, 25, 28, 0) 82%); } } .bg-overlay-dark-slider-2 { &:before { background-image: linear-gradient(180deg, #14191c 0%, rgba(20, 25, 28, 0) 82%); } } .bg-overlay-theme { &:before { background-image: linear-gradient(180deg, #32C36CD9 0%, #32C36C 82%) } } .bg-overlay-theme2 { &:before { background-image: linear-gradient(180deg, #253745 50%, #253745E6 100%); } } .bg-overlay-theme3 { &:before { background-image: linear-gradient(180deg, #32C36CF2 0%, #32C36C 86%); } } .bg-overlay-theme4 { background-color: var(--global--color-heading); &:before { background-image: linear-gradient(180deg, #00000000 0%, #1F313F 70%); } } .bg-overlay-theme5 { &:before { background-image: linear-gradient(180deg, #32c36c 46%, #32c36c5c 144%) } } .bg-overlay-video { &:before { background-image: linear-gradient(180deg, #1D2A4D03 42%, #1D2A4D 90%); opacity : 0.8; } } .bg-overlay-white { &:before { background-image: linear-gradient(180deg, #fff 50%, #ffffffd6 100%); } } .bg-overlay-white2 { &:before { background-image: linear-gradient(0deg, #fff 34%, #ffffff00 44%); } } .bg-overlay-white3 { &:before { background-image: linear-gradient(180deg, #00000000 0%, #F6F7F8 90%); } } /* Background Video */ .bg-video { position: relative; iframe { position : absolute; top : 0; left : 0; right : 0; object-fit: cover; width : 100%; height : 100%; transform : rotateZ(0); } h2 { text-transform: capitalize; position : absolute; top : 50%; left : 50%; transform : translate(-50%); z-index : 5; } } .no-shadow { box-shadow: none !important; } .bg-animate { background-size : cover; background-position: 0px 0px; background-repeat : repeat-x; animation : animatedBackground 30s linear infinite; } @-webkit-keyframes animatedBackground { from { background-position: 0 0; } to { background-position: 100% 0; } } @keyframes animatedBackground { from { background-position: 0 0; } to { background-position: 100% 0; } }layout/_grid.scss000064400000003471150437236230010054 0ustar00/*------------------------------------*\ #Grid \*------------------------------------*/ .row-no-padding [class*="col-"] { padding-left : 0 !important; padding-right: 0 !important; } .col-lg-5ths, .col-md-5ths, .col-sm-5ths, .col-xs-5ths { position : relative; min-height : 1px; padding-right: 15px; padding-left : 15px; } .col-xs-5ths { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } } .col-content { padding: 120px 100px 110px 120px; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .col-content { padding: 125px 18px 0 !important; } } /* Postion Helpers */ .pos-fixed { position: fixed; } .pos-relative { position: relative; } .pos-absolute { position: absolute; } .pos-static { position: static; } .pos-top { top: 0; } .pos-bottom { bottom: 0; } .pos-right { right: 0; } .pos-left { left: 0; } .pos-vertical-center { position : relative; top : 50%; transform: translateY(-50%); } .height-700 { height: 700px !important; } .height-500 { height: 500px !important; } .height-800 { height: 800px !important; } @media only screen and (min-width: 992px) { .hidden-lg, .hidden-md { display: none; } } @media only screen and (min-width: 768px) { .col-lg-5ths { -ms-flex : 0 0 20%; flex : 0 0 20%; max-width: 20%; } }layout/_lists.scss000064400000005116150437236230010263 0ustar00/*------------------------------------*\ #Lists \*------------------------------------*/ ul.list-icons { padding : 0; font-size : 14px; list-style-type: none; li { font-family: var(--global--font-body); color : var(--global--color-body); font-size : 16px; font-weight: 400; line-height: 29px; position : relative; i { font-size : 14px; color : var(--global--color-heading); margin-right: 10px; } } } .advantages-list { text-align: left; margin : 0; padding : 0; list-style: none; li { display : flex; align-items : center; font-family : var(--global--font-body); font-weight : 700; font-size : 15px; line-height : 36px; color : var(--global--color-body); text-transform: capitalize; @media #{$noteBook} { font-size: 14px; } @media #{$maxTablet} { display : inline-flex; margin-right: 20px; } @media #{$maxSmall} { display : flex; margin-right: 0px; } &::before { content : '\f00c'; font-family : $fontawesome; font-weight : 700; width : 20px; height : 20px; display : inline-flex; justify-content : center; align-items : center; background-color: var(--global--color-primary); color : var(--global--color-white); margin-right : 15px; border-radius : 50%; font-size : 10px; @media #{$noteBook} { margin-right: 8px; } } } &.advantages-list-2 { li { color: var(--global--color-white); &::before { background-color: var(--global--color-heading); } } } &.advantages-list-3 { li { &::before { background-color: var(--global--color-heading); } } } &.advantages-list-white { li { color: var(--global--color-white); &::before { color : var(--global--color-primary); background-color: var(--global--color-white); } } } }layout/_backtop.scss000064400000003065150437236230010551 0ustar00/*------------------------------------*\ #BACK TO TOP \*------------------------------------*/ #back-to-top { position : fixed; right : 0px; bottom : 0px; opacity : 0; width : 90px; height : 200px; border-radius : 4px 0 0 0; display : flex; justify-content : center; align-items : center; cursor : pointer; transition : 300ms ease-in-out; background-color: var(--global--color-primary); &::before { content : ''; position : absolute; width : calc(100%); height : calc(100%); top : 0px; left : 0px; z-index : -1; transform : scaleY(0); transform-origin: top; background-color: var(--global--color-heading); transition : transform .24s ease-in-out; } &:hover { &::before { transform : scaleY(1); transform-origin: bottom; } } &.show { z-index: 999; opacity: 1; } i { color : var(--global--color-white); font-weight: 700; font-size : 15px; } @media #{$maxTablet} { width : 50px; height : 50px; border-radius: 50%; bottom : 30px; right : 20px; } @media #{$noteBook} { width : 70px; height: 150px; } }layout/_alert.scss000064400000004135150437236230010234 0ustar00/*------------------------------------*\ #ALERT MESSAGE \*------------------------------------*/ .alerts { background-color: var(--global--color-gray); border-radius : 2px; padding : 20px; margin-bottom : 30px; .alert-icon { width : 46px; height : 46px; line-height : 46px; background-color: var(--global--color-primary); border-radius : 2px 1px 1px 2px; text-align : center; position : absolute; i { color : var(--global--color-white); font-size : 15px; font-weight: 400; line-height: 28px; } } .alert-content { padding-left: 68px; h4 { color : var(--global--color-primary); font-size : 15px; font-weight : 800; line-height : 32px; text-transform: capitalize; margin-bottom : 0; margin-top : -6px; } p { font-family : var(--global--font-body); color : var(--global--color-body); font-size : 13px; font-weight : 400; line-height : 22px; margin-bottom: 0; } } &.alert-warning { h4 { color: #8a6d3b; } .alert-icon { background-color: #fcf8e3; i { color: #8a6d3b; } } } &.alert-danger { h4 { color: #a94442; } .alert-icon { background-color: #f2dede; i { color: #a94442; } } } } .alert { font-size : 16px; font-family: var(--global--font-body); } /* Subscribe Alert */ .subscribe-alert { .alert { margin : 10px auto; font-size: 12px; } } /* Contact Alert */ #contact-result { .alert { margin : 10px auto; font-size: 12px; } }layout/_align.scss000064400000000310150437236230010206 0ustar00/*------------------------------------*\ #Align \*------------------------------------*/ address, blockquote, dd, dl, fieldset, form, ol, p, pre, table, ul { margin-bottom: 0; }layout/_blockquotes.scss000064400000003343150437236230011460 0ustar00/*------------------------------------*\ #Blockquotes \*------------------------------------*/ .blockquote, blockquote { font-size : 20px; font-family: var(--global--font-heading); color : var(--global--color-body); font-style : normal; line-height: 28px; font-weight: 500; padding : 30px 0 30px 30px; position : relative; border-left: 6px solid var(--global--color-heading); .quote-author { font-family: var(--global--font-heading); display : block; font-size : 13px; font-style : normal; font-weight: 600; line-height: 1; color : var(--global--color-heading); margin-top : 18px; } .author { font-family: var(--global--font-body); display : block; font-size : 18px; font-style : italic; font-weight: 600; line-height: 1; color : var(--global--color-heading); margin-top : 18px; } } .blockquote-1 { border-left: 6px solid var(--global--color-heading); } .blockquote-2 { position : relative; border-left: none; &::before, &::after { font-family: $fontawesome; font-size : 16px; position : absolute; color : var(--global--color-primary); line-height: 1.8; font-weight: 600; } &::before { content: "\f10d"; top : 0; left : 0; } &::after { content: "\f10e"; right : 0; bottom : 0; } } .blockquote-3 { background-color: var(--global--color-heading); .author { color: var(--global--color-body); } }layout/_color.scss000064400000000603150437236230010237 0ustar00/*------------------------------------*\ #COLORS \*------------------------------------*/ .color-heading { color: var(--global--color-heading) !important; } .color-theme { color: var(--global--color-primary) !important; } .color-white { color: var(--global--color-white) !important; } .color-gray { color: var(--global--color-gray) !important; }layout/_misc.scss000064400000001747150437236230010066 0ustar00/*------------------------------------*\ #Page Loader \*------------------------------------*/ .preloader { width : 100%; height : 100%; left : 0; top : 0; position : fixed; z-index : 99999; background-color: var(--global--color-white); overflow : hidden; display : flex; justify-content : center; align-items : center; .dual-ring { display: inline-block; width : 80px; height : 80px; &::after { content : " "; display : block; width : 64px; height : 64px; margin : 8px; border-radius: 50%; border : 6px solid #32c36c; border-color : #32c36c transparent #32c36c transparent; animation : dualring 1.2s linear infinite; } } } @keyframes dualring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }layout/_accordion.scss000064400000012672150437236230011073 0ustar00/*------------------------------------*\ #Accordion \*------------------------------------*/ /* Accordion Base */ .accordion { border-top: 4px solid var(--global--color-primary); .card, .card:first-of-type, .card:not(:first-of-type):not(:last-of-type) { padding : 23px 20px 22px 0px; box-shadow : none; border : 0; border-bottom: 2px solid #eaeaea; margin-bottom: 0px; border-radius: 0px; transition : 0.3s ease-in-out; text-align : left; &.active-acc { .card-heading { .card-link { &::before { color: var(--global--color-white); } } } } .card-heading { padding: 0; .card-link { font-family : var(--global--font-heading); font-size : 19px; font-weight : 700; color : var(--global--color-heading); text-transform: capitalize; position : relative; transition : 0.3s ease-in-out; display : block; padding-left : 0; display : flex; align-items : center; &:hover { color: var(--global--color-primary); } &::before { /* symbol for "opening" cards */ content : "\f054"; flex-shrink : 0; transition : 0.3s ease-in-out; display : flex; justify-content : center; align-items : center; width : 22px; height : 22px; border-radius : 50%; background-color: var(--global--color-heading); color : var(--global--color-white); font-family : "Font Awesome 5 Free"; font-weight : 700; font-size : 11px; margin-right : 20px; transform : rotate(90deg); } &.collapsed { &::before { /* symbol for "collapsed" cards */ background-color: var(--global--color-white); color : var(--global--color-heading); transform : rotate(0deg); } } } } .card-body { font-family: var(--global--font-body); color : var(--global--color-body); padding : 16px 0 0 31px; font-size : 15px; font-weight: 400; line-height: 25px; } } .card:last-of-type { margin-bottom: 0px; } &.accordion-light { border-color: var(--global--color-white); .card, .card:first-of-type, .card:not(:first-of-type):not(:last-of-type) { border-color : #99dfb6; background-color: transparent; .card-heading { .card-link { color: var(--global--color-white); &:hover { color: var(--global--color-heading); } } } .card-body { color: var(--global--color-gray); } } } &.accordion-2 { border-top: 0; .card, .card:first-of-type, .card:not(:first-of-type):not(:last-of-type) { padding-left : 30px; padding-right: 25px; border : 2px solid #eaeaea; border-radius: 4px; @media #{$maxSmall} { padding-left : 15px; padding-right: 15px; } &.active-acc { border-color: var(--global--color-primary); .card-heading { .card-link { color: var(--global--color-primary); } } } .card-heading { .card-link { font-size: 17px; &::before { position : absolute; right : 0; margin-right : 0; content : '\f077'; transform : rotate(180deg); background-color: var(--global--color-primary); } &.collapsed { &::before { background-color: var(--global--color-heading); color : var(--global--color-white); transform : rotate(0deg); } } } } .card-body { padding-top : 12px; padding-left: 0; } } .card:last-of-type { margin-bottom: 30px; } } }layout/_breadcrumb.scss000064400000001706150437236230011234 0ustar00/*------------------------------------*\ #BREADCRUMB \*------------------------------------*/ /* Breadcrumb Style 1 */ .breadcrumb { background-color: transparent; margin-bottom : 0; padding : 0; border-radius : 0; color : #e5e4e4; font-size : 14px; font-weight : 400; line-height : 1; text-transform : capitalize; display : block; >li { display: inline-block; +li:before { font-family: "Font Awesome 5 Free"; font-weight: 700; padding : 0 10px; color : var(--global--color-gray); content : "\f054"; } a { color: var(--global--color-gray); &:hover { color: var(--global--color-primary); } } } >.active { color: var(--global--color-secondary); } }layout/_tables.scss000064400000002027150437236230010375 0ustar00/*------------------------------------*\ #Tables \*------------------------------------*/ table { background-color: var(--global--color-white); border : 1px solid #eee; border-radius : 0; margin-bottom : 0; thead { background-color: var(--global--color-gray); tr { th { font-size : 14px; font-weight : 600; text-transform : capitalize; color : var(--global--color-heading); line-height : 30px !important; border-bottom-width: 0 !important; border-color : #eee; padding : 0; } td { padding : 20px; border-color: #eee; } } } tbody { font-size : 13px; font-weight: 600; line-height: 26px; color : var(--global--color-body); } }layout/_buttons.scss000064400000020370150437236230010622 0ustar00/*------------------------------------*\ #BUTTONS \*------------------------------------*/ .btn { display : inline-flex; justify-content : space-between; align-items : center; font-family : var(--global--font-body); position : relative; z-index : 2; font-size : 15px; font-weight : 700; text-transform : capitalize; padding : 0 30px; border : 0; width : 170px; height : 65px; transition : all .3s ease-in-out; transition-property: background, color; border-radius : 4px; overflow : hidden; @media #{$maxSmall} { height: 50px; } &.no-shadow { box-shadow: none; } &:focus, &.active, &:active { box-shadow: none; outline : none; } i { transition: all .3s ease-in-out; } &::before { content : ''; position : absolute; width : calc(100%); height : calc(100%); top : 0px; left : 0px; z-index : -1; transform : scaleX(0); transform-origin: right center; transition : transform .24s ease-in-out; } &:hover { &::before { transform : scaleX(1); transform-origin: left center; } } } /* Button Primary */ .btn--primary { background-color: var(--global--color-primary); color : var(--global--color-white); &::before { background-color: var(--global--color-secondary); } &:active, &:focus, &:hover { color: var(--global--color-white); } &.btn--inversed { &::before { background-color: var(--global--color-white); } i { color: var(--global--color-white); } &:active, &:focus, &:hover { color: var(--global--color-heading); i { color: var(--global--color-heading); } } } } /* Button Secondary*/ .btn--secondary { background-color: var(--global--color-heading); color : var(--global--color-white); &::before { background-color: var(--global--color-primary); } &:active, &:focus, &:hover { color: var(--global--color-white); } &.btn--inversed { &::before { background-color: var(--global--color-secondary); } &:active, &:focus, &:hover { color: var(--global--color-white); } } } /* Button White */ .btn--white { background-color: var(--global--color-white); color : var(--global--color-secondary); &::before { background-color: var(--global--color-secondary); } &:active, &:focus, &:hover { color: var(--global--color-white); } } /* Button Transparent */ .btn--transparent { background-color : transparent; color : var(--global--color-white); border : 2px solid var(--global--color-primary); transition-property: background, color, border-color; &::before { background-color: var(--global--color-primary); } &:active, &:focus, &:hover { color : var(--global--color-white); border-color: var(--global--color-primary); } &.btn--inversed { &::before { background-color: var(--global--color-secondary); } &:active, &:focus, &:hover { color : var(--global--color-white); border-color: var(--global--color-secondary); } } } /* Buttons Shadow */ .btn-shadow { box-shadow: 0px 9px 30px 0px rgba(40, 40, 40, 0.15); } .btn-shadow-hover { &:hover, &:active, &:focus { box-shadow: 0px 9px 30px 0px rgba(40, 40, 40, 0.15); } } /* Button Bordered */ .btn--bordered { border : 2px solid var(--global--color-primary); background-color: transparent; &.btn--primary { color : var(--global--color-primary); border-color: var(--global--color-primary); &::before { background-color: var(--global--color-primary); } &:active, &:focus, &:hover { color : var(--global--color-white); border-color: var(--global--color-primary); } } &.btn--secondary { color : var(--global--color-secondary); border-color: var(--global--color-secondary); &::before { background-color: var(--global--color-secondary); } &:active, &:focus, &:hover { color : var(--global--color-white); border-color: var(--global--color-secondary); } } &.btn--white { color : var(--global--color-white); border-color: var(--global--color-white); &::before { background-color: var(--global--color-white); } i { color: var(--global--color-white); } &:active, &:focus, &:hover { color : var(--global--color-primary); border-color: var(--global--color-white); i { color: var(--global--color-primary); } } } } .btn-video { display : flex; justify-content : center; align-items : center; width : 170px; height : 96px; padding : 0 30px; border-radius : 32px 32px 0 32px; background-color: #435ba1; color : var(--global--color-white); transition : 300ms ease-in-out; cursor : pointer; position : relative; i { display : flex; flex-shrink : 0; justify-content : center; align-items : center; width : 54px; height : 36px; background-color: var(--global--color-white); z-index : 5; color : var(--global--color-heading); font-size : 16px; box-shadow : 2.121px 2.121px 6px 0px rgba(3, 21, 50, 0.05); border-radius : 8px; transition : 300ms ease-in-out; margin-right : 15px; } span { font-family : var(--global--font-body); font-weight : 700; font-size : 15px; line-height : 21px; text-transform: capitalize; color : var(--global--color-white); } &.btn-video-2 { border-radius : 0; background-color: transparent; padding : 0; width : auto; height : auto; i { position : relative; display : inline-flex; width : 88px; height : 88px; padding : 0; border-radius : 50%; background-color: var(--global--color-white); margin-right : 0; color : var(--global--color-heading); &::after { content : ''; height : 100%; width : 100%; position : absolute; top : 0; left : 0; right : 0; border : 2px solid rgba(255, 255, 255, 0.5); border-radius: 100%; transform : scale(1); opacity : 1; animation : pulse 0.8s ease-out 0s infinite; z-index : -1; } } &:hover { i { background-color: var(--global--color-primary); color : var(--global--color-white); } } } }layout/_typography.scss000064400000005726150437236230011342 0ustar00/*------------------------------------*\ #TYPOGRAPHY \*------------------------------------*/ /* Heading Text */ .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color : var(--global--color-heading); font-family: var(--global--font-heading); font-weight: 700; margin : 0 0 28px; line-height: 1; } .h1, h1 { font-size: $font-size-h1; } .h2, h2 { font-size: $font-size-h2; } .h3, h3 { font-size: $font-size-h3; } .h4, h4 { font-size: $font-size-h4; } .h5, h5 { font-size: $font-size-h5; } .h6, h6 { font-size: $font-size-h6; } p { font-family: var(--global--font-body); color : var(--global--color-body); font-size : 16px; font-weight: 400; line-height: 28px; } .lead { font-size : 16px; line-height: $line-height-content; } /* Aligning Text */ .text--left { text-align: left !important; } .text--right { text-align: right !important; } .text--center { text-align: center !important; } .text--just { text-align: justify !important; } .align--top { vertical-align: top; } .align--bottom { vertical-align: bottom; } .align--middle { vertical-align: middle; } .align--baseline { vertical-align: baseline; } /* Weight Text */ .bold { font-weight: bold !important; } .regular { font-weight: normal !important; } .medium { font-weight: 500 !important; } .italic { font-style: normal; } .break-word { word-wrap: break-word; } .no-wrap { white-space: nowrap; } /* Text Color */ .text-white { color: var(--global--color-white) !important; } .text-gray { color: var(--global--color-gray) !important; } .text-black { color: var(--global--color-heading); } .text-theme { color: var(--global--color-primary) !important; } .text--capitalize { text-transform: capitalize !important; } .text--uppercase { text-transform: uppercase !important; } .font-heading { font-family: var(--global--font-heading); } .font-heading { font-family: var(--global--font-heading); } .font-18 { font-size: $font-size-h5; } .font-16 { font-size: 16px; } .font-20 { font-size: 20px; } .font-40 { font-size: 40px; } /* Custom, iPhone Retina */ @media only screen and (min-width : 320px) and (max-width : 767px) { text-center-xs { text-align: center !important; } } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) and (max-width : 991px) { text-center-sm { text-align: center !important; } } .higlighted-style1 { background-color: var(--global--color-primary); color : var(--global--color-white); padding : 5px 0; } .higlighted-style2 { background-color: var(--global--color-heading); color : var(--global--color-white); padding : 5px 0; } .higlighted-style3 { background-color: var(--global--color-gray); color : var(--global--color-primary); padding : 5px 0; }module/_menu.scss000064400000014364150437236230010046 0ustar00/*------------------------------------*\ #Menu \*------------------------------------*/ .header { .navbar { margin-bottom: 0; border-radius: 0; border : none; z-index : 7777; padding : 0; transition : all 300ms ease-in-out; .navbar-nav { >li { margin-right: 30px; position : relative; &:last-child { margin-right: 0; } >a { font-family : var(--global--font-body); font-size : 15px; text-transform: capitalize; font-weight : 700; line-height : 100px; color : var(--global--color-white); padding : 0; position : relative; display : flex; align-items : center; &::before { position : absolute; bottom : 0; left : 0; margin : auto; width : 100%; height : 3px; background : var(--global--color-white); content : ""; transition : transform 1s cubic-bezier(0.2, 1, 0.3, 1); transform-origin: 100% 50%; transform : scale3d(0, 1, 1); } } &.has-dropdown { >a { position: relative; &::after { border : 0; content : '\f078'; position : relative; margin-left: 7px; font-size : 11px; font-family: $fontawesome; color : var(--global--color-heading); transition : 0.3s ease-in-out; } } } &#contact { &.active, &:hover { a { color: var(--global--color-primary); @media #{$minLarge} { &::before { transform : scale3d(1, 1, 1); transform-origin: 0 50%; background-color: var(--global--color-primary); } } } } } &.active>, &.has-dropdown.active>, &:hover { .dropdown-toggle { color: var(--global--color-primary); &::before { transform : scale3d(1, 1, 1); transform-origin: 0 50%; background-color: var(--global--color-primary); } &::after { color: var(--global--color-primary); } } } } } &.navbar-fixed { position : fixed; top : 0; right : 0; left : 0; background: var(--global--color-white); animation : fadeInDown 1s ease-in-out; @include prefix(box-shadow, 0 2px 4px rgba(3, 27, 78, 0.1), moz webkit); .navbar-brand { .logo-dark { @media #{$minLarge} { display: inline-block; } } .logo-light { display: none; } } .navbar-nav>li>a { color: var(--global--color-heading); } } } } @keyframes fadeInDown { 0% { opacity : 0; transform: translateY(-200px) } 100% { opacity : 1; transform: translateY(0) } } .navbar-nav>li.active>ul { margin-top: 0; } li.has-dropdown>ul.dropdown-menu>li.dropdown-submenu>a:before, ul.dropdown-menu>li.has-dropdown>a:before { font-family: "Font Awesome 5 Free"; font-weight: 700; content : "\f105"; font-size : 13px; position : absolute; right : 25px; } /* Menu Levels */ .dropdown-menu { background-color: transparent; position : relative; width : 100%; border : none; margin : 0; border-radius : 0; box-shadow : none; } .navbar { &.navbar-dark { @media #{$minLarge} { background-color: var(--global--color-heading); } &.navbar-fixed { .module-social { a { color: var(--global--color-white); &:hover { color: var(--global--color-primary); } } } } .module { .module-icon { i { color: var(--global--color-white); } } } @media #{$minLarge} { .navbar-nav { >li { >a { color: var(--global--color-white); &:hover { color: var(--global--color-primary); } } &.active, &:hover { >a { color: var(--global--color-white); } } } } } } }module/_blog.scss000064400000117662150437236230010032 0ustar00/*------------------------------------*\ #Blog \*------------------------------------*/ .blog { padding: 127px 0 70px; &.blog-1 { padding-top : 119px; padding-bottom: 105px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } } &.blog-2 { padding-top : 129px; padding-bottom: 105px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } } .more-blog { text-align: center; a { position : relative; font-size : 15px; font-family : var(--global--font-body); font-weight : 700; color : var(--global--color-heading); transition : 0.3s ease-in-out; text-transform: capitalize; padding-bottom: 6px; &:hover { &::before { width: calc(100% - 20%); } } &::before { content : ''; transition : 0.3s ease-in-out; position : absolute; bottom : 0; left : 50%; transform : translateX(-50%); width : 100%; height : 2px; background-color: var(--global--color-primary); } } } } .blog-entry { position : relative; box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.08); border-radius : 8px; background-color: var(--global--color-white); transition : 0.5s ease-in-out; margin-bottom : 36px; @media #{$maxTablet} { max-width: 370px; margin : 0 auto 30px; } &::before { content : ''; position : absolute; top : 0; left : 0; height : 10px; width : calc(100% - 40px); background-color: #eaeaea; transition : 0.3s ease-in-out; border-radius : 8px 0 0 0; @media #{$maxSmall} { width: calc(100% - 20px); } @media #{$noteBook} { width: calc(100% - 25px); } } &::after { content : ''; position : absolute; top : 0; left : 0; height : 10px; width : calc(100% - 40px); background-color: var(--global--color-primary); transition : 0.3s ease-in-out; border-radius : 8px 0 0 0; transform : scaleX(0); transform-origin: left; @media #{$maxSmall} { width: calc(100% - 20px); } @media #{$noteBook} { width: calc(100% - 25px); } } &:hover { box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.11); &::after { transform: scaleX(1); } .entry-content { .entry-img-wrap { .entry-img { img { transform: scale3d(1, 1, 1); } } } .entry-more { .btn { box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.11); color : var(--global--color-white); background-color: var(--global--color-heading); border-color : var(--global--color-heading); i { background-color: var(--global--color-white); color : var(--global--color-heading); } } } } } .entry-content { padding: 36px 40px 40px; @media #{$noteBook} { padding-left : 25px; padding-right: 25px; } @media #{$maxSmall} { padding-left : 20px; padding-right: 20px; } .entry-img-wrap { transform : translateX(-40px); width : calc(100% + 40px); position : relative; margin-bottom: 32px; @media #{$noteBook} { transform: translateX(-25px); width : calc(100% + 25px); } @media #{$maxSmall} { transform: translateX(-20px); width : calc(100% + 20px); } .entry-img { position : relative; border-radius: 0 8px 8px 0; overflow : hidden; max-width : 100%; img { transition: transform 0.35s; max-width : 100%; height : auto; transform : scale3d(1.05, 1.05, 1); } } .entry-category { position : absolute; left : 40px; bottom : -15px; display : inline-flex; align-items : center; margin-bottom : 0px; text-transform : capitalize; height : 30px; padding : 0 10px; background-color: #4aab3d; border-radius : 6px; @media #{$noteBook} { left: 25px; } @media #{$maxSmall} { left: 20px; } a { position : relative; color : var(--global--color-white); font-family : var(--global--font-body); font-size : 13px; font-weight : 400; line-height : 26px; text-transform: capitalize; transition : 0.3s ease-in-out; &::after { content : ", "; position : relative; margin-right: 4px; } &:last-of-type { &::after { content: ""; } } &:hover { color: var(--global--color-heading); } } } } .entry-meta { display : flex; align-items : center; margin-bottom: 6px; .entry-date { margin-right: 20px; .day, .year { font-family : var(--global--font-body); font-weight : 400; font-size : 13px; line-height : 16px; color : #616161; text-transform: capitalize; } .day { &:after { content : ','; margin-right: 3px; } } } .entry-author { text-transform: capitalize; p { font-family : var(--global--font-body); font-weight : 400; font-size : 13px; line-height : 16px; color : var(--global--color-heading); margin-bottom: 0; } } } .entry-title { margin-bottom: 32px; h4 { a { font-family : var(--global--font-heading); font-size : 20px; font-weight : 600; line-height : 28px; margin-bottom : 0; text-transform: capitalize; color : var(--global--color-heading); transition : 0.3s ease-in-out; &:hover { color: var(--global--color-primary); } @media #{$noteBook} { font-size: 18px; } } } } .entry-bio { p { font-family : var(--global--font-body); font-size : 15px; font-weight : 400; line-height : 25px; margin-bottom: 22px; } } .entry-more { @media #{$maxSmall} { text-align: center; } a { width : 142px; height : 45px; padding : 0 20px; border : 2px solid rgba(37, 55, 69, 0.5); transition: 0.3s ease-in-out; &::before { content: unset; } &:hover { i { transform: translateX(10px); } } i { display : inline-flex; justify-content : center; align-items : center; width : 20px; height : 20px; border-radius : 50%; background-color: var(--global--color-heading); color : var(--global--color-white); font-size : 12px; transition : 0.3s ease-in-out; } } } } } /* Blog Grid */ .blog-grid { padding: 70px 0 110px; .owl-carousel { .owl-stage-outer { overflow: visible; .owl-item { opacity: 0; &.active { opacity: 1; } } } .owl-dots { position : relative; right : auto; bottom : auto; justify-content: center; @media #{$maxTablet} { margin-top: 0; } .owl-dot { display: inline-flex; } } } &.blog-grid-2 { padding-top: 510px; } &.blog-grid-3 { padding-top: 130px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } } &.blog-grid-4 { padding-top: 218px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } } &.blog-grid-5 { padding-top : 110px; padding-bottom: 110px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } .blog-entry { margin-bottom: 30px; } .pagination { margin-top: 20px; } } } /* Blog Standard */ .blog-standard { padding-top : 110px; padding-bottom: 110px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } .blog-entry { box-shadow: none; margin-top: 0; @media #{$maxTablet} { max-width: initial; } &:last-of-type { margin-bottom: 0px; } &::before { content: unset; } .entry-img { position: relative; img { max-width : 100%; border-radius: 12px; } } .entry-content { padding: 34px 40px 40px; @media #{$noteBook} { padding-left : 25px; padding-right: 25px; } @media #{$maxTablet} { padding: 39px 0 40px; } .entry-meta { background-color: var(--global--color-white); display : flex; align-items : center; margin-bottom : 23px; .entry-date { margin-right: 15px; span { font-family : var(--global--font-body); font-size : 13px; font-weight : 400; color : #616161; text-transform: capitalize; &:last-child { &::after { content: unset; } } &::after { content : ','; margin-right: 3px; } } } .entry-comments { span { font-family : var(--global--font-body); font-size : 13px; font-weight : 400; color : var(--global--color-primary); text-transform: capitalize; &.num { color : var(--global--color-primary); margin-left: 3px; } } } .entry-category { display : flex; align-items : center; margin-right: 15px; a { font-family : var(--global--font-body); font-size : 13px; font-weight : 400; color : #616161; text-transform: capitalize; &:hover { color: var(--global--color-heading); } &:last-child { &::after { content: unset; } } &::after { content : ','; margin-right: 5px; } } } } .entry-title { margin-bottom: 23px; h4 { margin-bottom: 0; a { font-size : 40px; line-height: 49px; font-weight: 700; @media #{$noteBook} { font-size: 35px; } @media #{$maxSmall} { font-size : 32px; line-height: 1.4; } } } } .entry-bio { p { font-size : 16px; line-height: 27px; } } .entry-more { a { border : 0; padding : 0; font-size : 14px; font-weight : 700; color : var(--global--color-heading); border-bottom : 2px solid var(--global--color-heading); padding-bottom: 5px; text-transform: capitalize; width : max-content; &:hover { color : var(--global--color-primary); border-color: var(--global--color-primary); } } } } } } /* Blog Single */ .blog-single { padding-top : 0px; padding-bottom: 110px; @media #{$maxTablet} { padding-bottom: 40px; } .blog-entry { box-shadow: none; margin-top: 0; @media #{$maxTablet} { max-width: initial; } &:last-of-type { margin-bottom: 0px; } &::before { content: unset; } .entry-img { position: relative; img { max-width : 100%; border-radius: 12px; } .entry-meta { position : absolute; background-color: var(--global--color-white); border-radius : 0 12px 0 0; bottom : -6px; left : 0; padding : 25px 40px 0; display : flex; align-items : flex-end; @media #{$noteBook} { padding-left : 25px; padding-right: 25px; } @media #{$maxSmall} { padding-left : 25px; padding-right: 25px; } .entry-date { margin-right: 20px; span { font-family : var(--global--font-body); font-size : 13px; font-weight : 400; color : #616161; text-transform: capitalize; &:last-child { &::after { content: unset; } } &::after { content : ','; margin-right: 3px; } } } .entry-author { margin-right: 20px; a { font-family : var(--global--font-body); font-size : 13px; font-weight : 400; color : var(--global--color-heading); text-transform: capitalize; &:hover { color: var(--global--color-primary); } } } .entry-comments { span { font-family : var(--global--font-body); font-size : 13px; font-weight : 400; color : #616161; text-transform: capitalize; &.num { color : var(--global--color-primary); margin-left: 3px; } } } .entry-category { position : absolute; display : flex; align-items : center; background-color: #4aab3d; height : 30px; padding : 0 10px; top : -15px; left : 40px; border-radius : 6px; @media #{$noteBook} { left: 25px; } @media #{$maxSmall} { left: 25px; } a { font-family : var(--global--font-body); font-size : 13px; font-weight : 400; color : var(--global--color-white); text-transform: capitalize; &:hover { color: var(--global--color-heading); } &:last-child { &::after { content: unset; } } &::after { content : ','; margin-right: 5px; } } } } } .entry-content { padding : 39px 40px 40px; border-bottom: 1px solid #eaeaea; @media #{$noteBook} { padding-left : 25px; padding-right: 25px; } @media #{$maxTablet} { padding: 39px 0 40px; } .entry-title { margin-bottom: 32px; h4 { font-size : 40px; line-height: 49px; font-weight: 700; @media #{$noteBook} { font-size: 35px; } @media #{$maxSmall} { font-size : 32px; line-height: 1.4; } } } .entry-bio { p { font-size : 16px; line-height : 27px; margin-bottom: 27px; &:last-child { margin-bottom: 24px; } } } .entry-holder { .entry-share { display : flex; align-items : center; justify-content : space-between; background-color: var(--global--color-white); border-radius : 8px; padding : 25px 25px 25px 40px; box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.21); @media #{$maxSmall} { flex-direction: column; padding : 20px; } span { font-family : var(--global--font-body); font-weight : 700; font-size : 15px; color : var(--global--color-secondary); text-transform: capitalize; @media #{$maxSmall} { margin-bottom: 20px; } } a { display : inline-flex; justify-content: center; align-items : center; width : 40px; height : 40px; border-radius : 50%; border : 2px solid #929ba2; margin-right : 10px; transition : 0.3s ease-in-out; &:last-child { margin-right: 0; } &:hover { i { width : 40px; height : 40px; background-color: var(--global--color-primary); } } i { display : inline-flex; justify-content : center; align-items : center; width : 20px; height : 20px; border-radius : 50%; font-size : 11px; background-color: var(--global--color-heading); color : var(--global--color-white); transition : 0.3s ease-in-out; } } } .entry-tags { margin-bottom: 32px; span { font-family : var(--global--font-body); font-weight : 700; color : #282828; text-transform: capitalize; font-size : 15px; margin-right : 5px; } @media #{$maxSmall} { margin-bottom: 30px; } a { display : inline-block; font-family : var(--global--font-body); font-size : 14px; font-weight : 400; line-height : 28px; text-transform: capitalize; transition : 0.3s ease-in-out; color : var(--global--color-primary); &:last-child { &::after { content: unset; } } &::after { content : ','; margin-right: 5px; } &:hover { color: var(--global--color-heading); } } } } } } .nav-posts { display : flex; justify-content: space-between; align-items : center; padding-top : 30px; padding-bottom : 30px; text-transform : capitalize; border-bottom : 1px solid #eaeaea; @media screen and (max-width: 991.98px) { flex-direction : column; justify-content: center; } .prev-post, .next-post { display : flex; border-radius : 8px; padding : 20px; background-color: var(--global--color-white); transition : 0.3s ease-in-out; &:hover { background-color: #e0f6e9; .post-img { .overlay { transform: scale(1); } } } .post-img { flex-shrink : 0; width : 90px; height : 67px; border-radius: 8px; margin-right : 20px; position : relative; overflow : hidden; .overlay { content : '\e905'; transition : 0.3s ease-in-out; position : absolute; top : 0; left : 0; right : 0; width : 100%; height : 100%; display : flex; justify-content : center; align-items : center; background-color: var(--global--color-primary-90); color : var(--global--color-white); transition : 0.3s ease-in-out; transform : scale(0); } img { width: 100%; } } .post-body { span { display : block; font-family: var(--global--font-body); font-size : 13px; font-weight: 400; line-height: 16px; color : var(--global--color-body); } .post-link { font-family: var(--global--font-heading); font-weight: 700; font-size : 16px; line-height: 22px; color : var(--global--color-heading); transition : 300ms ease-in-out; &:hover { color: var(--global--color-primary); } } } @media #{$minLarge} { flex-basis: 50%; } } .prev-post { .post-img { .overlay { i { transform: rotate(180deg); } } } @media #{$maxTablet} { margin-bottom: 38px; } } .next-post { text-align: right; .post-img { margin-right: 0; margin-left : 20px; } } } .entry-widget { padding-top: 62px; .entry-widget-title { position : relative; margin-bottom: 21px; h4 { font-family : var(--global--font-heading); font-size : 21px; font-weight : 700; line-height : 30px; margin-bottom : 0; position : relative; text-transform: capitalize; color : var(--global--color-secondary); } } } .entry-widget-bio { margin-top : 40px; padding : 40px 40px 35px; border-radius : 8px; background-color: #f4f4f4; position : relative; @media #{$maxSmall} { padding-right: 20px; padding-left : 20px; } &::before { content : ''; position : absolute; bottom : 0; right : 0; height : 4px; width : calc(100% - 40px); background-color: var(--global--color-primary); border-radius : 0 0 8px 0; @media #{$maxSmall} { width: calc(100% - 20px); } } .entry-widget-content { position: relative; display : flex; @media #{$maxSmall} { flex-direction: column; align-items : center; } img { width : 70px; height : 70px; border-radius: 8px; margin-right : 30px; @media #{$maxSmall} { margin-right : 0; margin-bottom: 25px; } } .entry-bio-desc { @media #{$maxSmall} { text-align: center; } h4 { font-family : var(--global--font-heading); color : var(--global--color-heading); font-size : 18px; font-weight : 700; line-height : 30px; margin-bottom: 10px; } p { color : var(--global--color-body); font-size : 15px; font-family : var(--global--font-body); font-weight : 400; line-height : 23px; margin-bottom: 22px; } a { color : var(--global--color-heading); font-size : 16px; font-weight : 400; line-height : 1; margin-right: 18px; transition : 0.3s ease-in-out; &:hover { color: var(--global--color-primary) } } a:last-child { margin-right: 0; } } } } .entry-comments { .entry-widget-content { .comments-list { width : 100%; list-style : none; overflow : hidden; padding-left : 0; margin-bottom: 0; .comment-body { position : relative; margin-bottom: 30px; display : flex; @media #{$maxSmall} { flex-direction: column; } &:last-child { border-bottom : none; padding-bottom: 0; margin-bottom : 0; .comment { border-bottom: none; } .replies-list { margin-top : 25px; padding-top: 30px; border-top : 2px solid #eaeaea; } } .replies-list { margin-top : 25px; padding-top: 30px; border-top : 2px solid #eaeaea; li { position : relative; margin-bottom: 30px; &:last-child { border-bottom : none; padding-bottom: 0; margin-bottom : 0; .comment { border-bottom: none; } } } .comment-body { .comment { border-bottom: 2px solid #eaeaea; } &:last-child { .comment { border: 0; } } } } .avatar { flex-shrink : 0; width : 60px; height : 60px; overflow : hidden; display : flex; border-radius: 4px; @media #{$maxSmall} { margin-left : 20px; margin-bottom: 30px; } } .comment { margin-left : 30px; padding-bottom: 10px; border-bottom : 2px solid #eaeaea; @media #{$maxSmall} { margin-left: 20px; } h6 { font-family : var(--global--font-heading); color : var(--global--color-heading); font-size : 15px; font-weight : 700; text-transform: capitalize; margin-bottom : 5px; line-height : 16px; } .date { color : #616161; font-family : var(--global--font-body); font-size : 12px; font-weight : 400; line-height : 24px; margin-bottom: 6px; } p { font-family : var(--global--font-body); color : var(--global--color-body); font-size : 15px; font-weight : 400; line-height : 24px; margin-bottom: 7px; } a.reply { font-family : var(--global--font-body); font-size : 14px; font-weight : 700; text-transform: capitalize; color : var(--global--color-primary); line-height : 20px; display : inline-flex; align-items : center; transition : 0.3s ease-in-out; position : relative; &:hover { color: var(--global--color-heading); } } } } } } } .entry-add-comment { padding-top: 36px; input { &.form-control { height : 60px; margin-bottom: 30px; padding-left : 25px; } } textarea { &.form-control { margin-bottom: 30px; padding-left : 25px; padding-top : 25px; height : 120px; } } .custom-radio-group { .custom-control { margin-bottom: 20px; input { @media #{$maxTablet} { display: none; } } label { @media #{$maxTablet} { padding-left: 25px; } &::after { @media #{$maxTablet} { top: 22px; } @media (max-width:344px) { top: 35px; } } } } } .btn { width: 270px; @media #{$maxTablet} { width: 100%; } &:hover { i { transform: translateX(5px); } } i { display : flex; justify-content : center; align-items : center; width : 28px; height : 28px; background-color: var(--global--color-white); border-radius : 50%; color : var(--global--color-primary); margin-left : 10px; transition : 0.3s ease-in-out; } } } }module/_carousel.scss000064400000005777150437236230010727 0ustar00/*------------------------------------*\ #Carousel \*------------------------------------*/ .owl-nav.disabled { display: none; } .carousel-dots { position: relative; button.owl-dot, button.owl-dot:focus { padding : 0; background-color: transparent; border : none; outline : none; box-shadow : none; } .owl-dots { display : flex; justify-content: center; align-items : flex-end; z-index : 5; .owl-dot { margin-right: 10px; display : inline-flex; &:last-child { margin-right: 0; } &.active { span { background-color: var(--global--color-primary); height : 6px; } } span { display : inline-block; width : 35px; height : 3px; border-top : 3px solid transparent; background-color: #6b7475; transition : 0.3s ease-in-out; margin-right : 0; position : relative; @media #{$maxSmall} { width: 25px; } } } } &.dots-side { .owl-dots { @media #{$minLarge} { position: absolute; bottom : -17px; right : 0; } @media #{$maxTablet} { margin-bottom: 35px; } } } } .owl-carousel { .owl-stage-outer { overflow: visible; .owl-item { opacity: 0; &.active { opacity: 1; } } } } .carousel-navs { position: relative; .owl-nav { span { font-size: 0; } @media #{$minLarge} { position : absolute; top : 50%; transform: translateY(-50%); right : 0; left : 0; } } .owl-next, .owl-prev { position: absolute; &:hover { &::before { color: var(--global--color-primary); } } &:before { font-family: 'carousel'; font-size : 43px; font-weight: 600; color : #687596; ; transition: 0.3s ease-in-out; } } .owl-prev { left: 50px; &:before { content: "\e990"; } } .owl-next { right: 50px; &:before { content: "\e991"; } } } .carousel-navs { .owl-dots { position: absolute; bottom : 30px; width : 100%; } }module/_sidebar.scss000064400000056246150437236230010520 0ustar00/*------------------------------------*\ #Widgets \*------------------------------------*/ .sidebar { @media #{$minLarge} { max-width : 330px; margin-left: auto; } } /* Widget */ .widget { background-color: #e0f6e9; padding : 33px 40px 40px; margin-bottom : 40px; border-radius : 8px; position : relative; @media #{$maxSmall} { padding-left : 25px; padding-right: 25px; } &::after { content : ''; position : absolute; bottom : 0; right : 0; height : 4px; width : calc(100% - 40px); background-color: var(--global--color-primary); border-radius : 0 0 8px 0; @media #{$maxSmall} { width: calc(100% - 25px); } } .widget-title { text-align : center; margin-bottom: 23px; @media #{$minLarge} { text-align: left; } h5 { font-size : 19px; line-height : 30px; font-weight : 700; font-family : var(--global--font-heading); color : var(--global--color-secondary); text-transform: capitalize; margin-bottom : 0; position : relative; } } } /* Category Widget */ .widget-categories { padding-bottom: 28px; .widget-title { margin-bottom: 8px; } ul { padding-left : 0; list-style : none; margin-bottom: 0; li { display : flex; justify-content: flex-start; align-items : center; &:hover { a { padding-left: 15px; color : var(--global--color-primary); } span { background-color: var(--global--color-heading); } } a { color : var(--global--color-heading); font-size : 15px; font-family : var(--global--font-body); font-weight : 700; line-height : 36px; text-transform: capitalize; position : relative; transition : 0.3s ease-in-out; display : inline-flex; align-items : center; } span { margin-left : 15px; font-family : var(--global--font-body); font-weight : 400; font-size : 13px; padding : 1px 7px; color : var(--global--color-white); background-color: var(--global--color-primary); border-radius : 50%; transition : 0.3s ease-in-out; } } } } /* Tags Widget */ .widget-tags { .widget-title { margin-bottom: 22px; } .widget-content { text-align: left; a { display : inline-block; background-color: transparent; font-family : var(--global--font-body); font-size : 12px; font-weight : 400; line-height : 28px; color : var(--global--color-primary); margin-right : 10px; margin-bottom : 10px; text-transform : capitalize; padding : 0px 9px; border : 1px solid var(--global--color-primary); border-radius : 4px; transition : 0.3s ease-in-out; &:hover { color : var(--global--color-white); background-color: var(--global--color-primary); border-color : var(--global--color-primary); } } } } /* Recent Posts */ .widget-recent-posts { padding-bottom: 35px; .widget-title { margin-bottom: 18px; } .post { position : relative; margin-bottom: 19px; display : flex; align-items : center; &:last-child { margin-bottom: 0; } .post-img { flex-shrink : 0; max-width : 100%; margin-right : 20px; overflow : hidden; border-radius: 4px; width : 80px; height : 80px; img { width : 100%; height: 100%; } } .post-content { position: relative; .post-date { font-family : var(--global--font-body); font-weight : 400; font-size : 13px; line-height : 20px; color : #616161; text-transform: capitalize; margin-bottom : 4px; span { &:after { position : relative; content : ','; margin-right: 4px; } &:last-child { &:after { content: unset; } } } } .post-title { a { font-family : var(--global--font-heading); color : var(--global--color-heading); font-size : 16px; font-weight : 700; line-height : 20px; text-transform: capitalize; &:hover { color: var(--global--color-primary); } } } } } .carousel-dots .owl-dots { text-align: center; margin-top: 26px; @media #{$minLarge} { text-align: left; } .owl-dot { &.active { span { background-color: var(--global--color-primary); border-color : var(--global--color-primary); } } span { width : 16px; height : 6px; border-radius : 2px; border-width : 3px; background-color: var(--global--color-heading); border-color : var(--global--color-heading); margin-right : 12px; } } } } /* Search Widget */ .widget-search { .form-search { border : 1px solid #eaeaea; margin-bottom : 0; border-radius : 4px; background-color: var(--global--color-white); .form-control { border : none; box-shadow : none; color : var(--global--color-body); font-size : 14px; font-family : var(--global--font-body); font-weight : 400; line-height : 5px; height : 55px; text-transform : capitalize; padding-left : 20px; background-color: transparent; border-radius : 0; margin-bottom : 0; &::-webkit-input-placeholder { font-size : 14px; font-family : var(--global--font-body); color : var(--global--color-body); text-transform: capitalize; } &:-moz-placeholder { font-size : 14px; font-family : var(--global--font-body); color : var(--global--color-body); text-transform: capitalize; } } .btn { background-color: transparent; border-radius : 0; border : 0; width : 45px; height : 55px; line-height : 29px; font-size : 16px; padding : 0 15px; i { color : var(--global--color-heading); transition : 0.3s ease-in-out; margin-right: 0; } &:hover { i { color: var(--global--color-primary); } } } } } /* Reservation Widget */ .widget-reservation { position : relative; overflow : hidden; padding : 50px 40px 30px; border-radius: 8px; &:hover { &::before { opacity : 0; visibility: hidden; } &::after { opacity : 0.9; visibility: visible; } } img { position: absolute; top : 0; left : 0; right : 0; width : 100%; height : 100%; z-index : 1; } &::before { content : ''; position : absolute; top : 0; left : 0; right : 0; width : 100%; height : 100%; background-image: linear-gradient(180deg, #32C36CE6 20%, #32C36C 100%); transform : translateX(0); z-index : 2; transition : 0.5s ease-in-out; opacity : 0.9; visibility : visible; } &::after { content : ''; background-image: linear-gradient(180deg, rgba(19, 189, 213, 0) 0%, var(--global--color-heading) 0%); position : absolute; top : 0; left : 0; right : 0; width : 100%; height : 100%; transform : translateX(0); z-index : 2; transition : 0.5s ease-in-out; opacity : 0; visibility : hidden; } @media #{$maxTablet} { text-align: center; } .widget-content { position: relative; z-index : 3; i { display : block; transform : translateY(-25px); margin-bottom: -25px; &:before { font-size: 65px; color : var(--global--color-white); } } p { margin-top : 7px; font-family : var(--global--font-body); font-weight : 700; font-size : 17px; line-height : 28px; color : var(--global--color-white); margin-bottom: 52px; } a { font-family: var(--global--font-body); font-weight: 400; color : var(--global--color-white); font-size : 24px; display : flex; align-items: center; transition : 0.3s ease-in-out; @media #{$maxTablet} { justify-content: center; } span { font-size : 18px; margin-right: 15px; } } .btn { width : 100%; height : 60px; justify-content: center; font-family : var(--global--font-body); font-size : 15px; font-weight : 700; padding : 0 26px; margin-bottom : 22px; } } } /* Opening Hours Widget */ .widget-opening-hours { position : relative; overflow : hidden; padding : 50px 40px 60px; border-radius : 8px 8px 0 8px; background-color: #f6f6f6; @media #{$maxTablet} { text-align: center; } &::before { content : ''; position : absolute; bottom : 0; left : 50%; transform : translateX(-50%); background-color: #435ba1; height : 3px; width : calc(100% - 80px); } .widget-content { position: relative; z-index : 3; i { display : block; margin-bottom: 11px; &:before { font-size : 50px; color : #51668a; margin-left: 0; } } h5 { text-transform: capitalize; font-family : var(--global--font-heading); font-weight : 500; font-size : 19px; line-height : 28px; color : var(--global--color-heading); margin-bottom : 8px; } ul { margin-bottom: 0; li { display : flex; align-items : center; justify-content: space-between; font-size : 14px; font-weight : 400; font-family : var(--global--font-body); color : var(--global--color-body); text-transform : capitalize; border-bottom : 1px solid #dcdee2; padding : 9px 0; } } } } /* Widget Download */ .widget-download { ul { margin: 0; li { &:last-of-type { a { margin-bottom: 0; } } &.inversed { a { background-color: var(--global--color-heading); } } a { display : flex; align-items : center; justify-content : space-between; padding : 0 25px; height : 70px; background-color: var(--global--color-primary); color : var(--global--color-white); transition : 0.3s ease-in-out; border-radius : 4px; margin-bottom : 20px; position : relative; @media #{$maxSmall} { padding: 0 20px; height : 50px; } svg { margin-left: 5px; fill : var(--global--color-white); } span { font-family : var(--global--font-body); font-size : 15px; font-weight : 700; text-transform: capitalize; } } } } } /* Widget Recent Products */ .widget-recent-products { .product { display : flex; align-items : center; margin-bottom: 30px; .product-img { flex-shrink : 0; margin-right : 20px; width : 60px; height : 60px; box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.21); overflow : hidden; border-radius: 4px; img { border-radius: 4px; max-width : 100%; } } .product-desc { .product-title { a { text-transform: capitalize; font-family : var(--global--font-heading); font-weight : 700; font-size : 16px; line-height : 23px; color : var(--global--color-heading); margin-bottom : 4px; display : inline-block; &:hover { color: var(--global--color-primary); } } } .product-meta { span { font-family: var(--global--font-body); font-size : 15px; font-weight: 700; color : var(--global--color-primary); } } } } } /* Widget Services */ .widget-services { .widget-content { ul { margin-bottom: 0; li { margin-bottom: 5px; &:last-child { margin-bottom: 0; } a { display : flex; justify-content : space-between; align-items : center; font-family : var(--global--font-body); font-size : 15px; font-weight : 700; color : var(--global--color-heading); text-transform : capitalize; background-color: var(--global--color-white); border-radius : 4px; z-index : 1; transition : 0.3s ease-in-out; box-shadow : 0px 5px 20px 0px rgba(40, 40, 40, 0.11); height : 65px; padding : 0 30px; position : relative; &::before { content : ''; position : absolute; width : calc(100%); height : calc(100%); top : 0px; left : 0px; background-color: var(--global--color-primary); z-index : -1; transform : scaleX(0); transform-origin: right center; transition : transform .24s ease-in-out; } &:hover { color: var(--global--color-white); &::before { transform : scaleX(1); transform-origin: left center; } i { background-color: var(--global--color-white); color : var(--global--color-primary); } } i { display : flex; justify-content : center; align-items : center; width : 28px; height : 28px; border-radius : 50%; background-color: transparent; transition : 0.3s ease-in-out; font-size : 13px; } } } } } } /* Widget Filter */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { .ui-slider-handle { position : absolute; top : -4px; margin-left: -0.6em; } .ui-slider-range { position: absolute; top : -1px; height : 100%; } .ui-slider-range-min { left: 0; } .ui-slider-range-max { right: 0; } } .ui-slider-vertical { width : 0.8em; height: 100px; .ui-slider-handle { left : -0.3em; margin-left : 0; margin-bottom: -0.6em; } .ui-slider-range { left : 0; width: 100%; } .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } } .widget-filter { .ui-slider { position : relative; height : 2px; background-color: #eaeaea; border-radius : 0; margin-bottom : 20px; margin-top : 5px; } .ui-slider-handle { /* Style for "Line" */ width : 10px; height : 10px; margin-left : 0; background-color: var(--global--color-primary); border-radius : 2px; } .ui-slider-range { height : 4px; background-color: var(--global--color-primary); margin-bottom : 20px; } .slider-mount { display : flex; align-items: center; font-family: var(--global--font-body); font-size : 14px; font-weight: 400; line-height: 1; } label { color : var(--global--color-body); margin: 0; } input { color : var(--global--color-body); border : none; background-color: transparent; } .btn-filter { float : right; font-family : var(--global--font-body); font-size : 14px; font-weight : 700; text-transform: capitalize; color : var(--global--color-primary); flex-grow : 2; text-align : right; &:hover { color: var(--global--color-heading); } } } /* blog sidebar */ .sidebar-blog { .widget { background-color: #f4f4f4; } .form-search { background-color: var(--global--color-white); } .widget-recent-posts { .entry { margin-bottom: 30px; } .entry:last-of-type { margin-bottom: 0; } .entry-title { a { font-weight: 700; } } .entry-date { font-family: var(--global--font-body); font-size : 13px; font-weight: 600; color : #616161; } } .widget-tags { padding-bottom: 40px; } } /* Shop Sidebar */ .sidebar-shop { .widget { padding : 0; background-color: var(--global--color-white); &::after { content: unset; } } .widget-categories { margin-bottom: 35px; } } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .sidebar { margin-top: 40px; } .widget { margin-bottom: 30px; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { .sidebar { margin-top: 40px; } .widget-recent .entry .entry-desc { margin-left: 70px; } }module/_header.scss000064400000024561150437236230010332 0ustar00/*------------------------------------*\ #Header \*------------------------------------*/ .header { height : 80px; box-shadow: 0px 5px 41.5px rgba(40, 40, 40, 0.11); @media #{$minLarge} { height: 100px; } .navbar-brand { padding : 0; margin : 0; margin-right: 40px; @media (min-width: 992px) and (max-width:1100px) { margin-right: 20px; } @media #{$minLarge} { height : 100px; display : flex; align-items: center; } @media (min-width: 1200px) and(max-width: 1350px) { margin-right: 20px; } .logo { max-width: 100%; width : 160px; height : 60px; @media #{$maxTablet} { width : auto; height: 50px; } @media #{$maxSmall} { width: 100px; } } } &.header-light { background-color: var(--global--color-white); .navbar { background-color: var(--global--color-white); .logo-dark { display: inline-block; @media #{$maxTablet} { display: none; } } .logo-light { display: none; } .logo-mobile { display: inline-block; @media #{$minLarge} { display: none; } } .navbar-nav { >li { >a { color: var(--global--color-heading); &::before { background-color: var(--global--color-heading); } } } } .module { .module-icon { i { color: var(--global--color-secondary); &:hover { color: var(--global--color-primary); } } } } } } &.header-topbar { height: 150px; @media #{$maxTablet} { height: 80px; } .top-bar { @media #{$maxTablet} { display: none; } } .navbar { @media #{$minLarge} { padding : 0 0 0 40px; min-height: 100px; position : relative; top : auto; bottom : auto; right : auto; left : auto; } @media #{$noteBook} { padding: 0 0 0 20px; } .navbar-nav { >li { >a { @media #{$minLarge} { line-height: 100px; } } } } } &.header-shadow { .navbar { box-shadow: 0px 5px 41.5px rgba(9, 29, 62, 0.11); } } &.header-topbar1 { .navbar-brand { @media #{$minLarge} { padding-right: 40px; border-right : 1px solid #eaeaea; @media (min-width: 992px) and (max-width:1100px) { padding-right: 20px; } } } .module-holder { .module-search { border-right: 1px solid #eaeaea; } } } &.header-topbar2 { .navbar { padding-right: 40px; @media #{$noteBook} { padding-right: 20px; } .navbar-nav { >li { @media #{$noteBook} { margin-right: 15px; } } } } .navbar-brand { position: relative; @media #{$minLarge} { padding-right: 40px; margin-right : 40px; &::after { content : ''; width : 2px; height : 41px; display : inline-flex; position : absolute; top : 50%; transform : translateY(-50%); right : 0; background-color: #eaeaea; } } @media #{$noteBook} { padding-right: 20px; margin-right : 20px; } } .module-holder { @media #{$maxTablet} { flex-direction: column; height : auto; align-items : flex-start; } .module-call { @media #{$minLarge} { padding-right: 20px; margin-right : 20px; &::after { content : ''; width : 2px; height : 41px; display : inline-flex; position : absolute; top : 50%; transform : translateY(-50%); right : 0; background-color: #eaeaea; } } @media #{$noteBook} { padding-right: 15px; margin-right : 15px; } } .module-search { padding-right: 30px; @media #{$noteBook} { padding-right: 15px; } } .module-contact { @media #{$minLarge} { margin-left : 0px; margin-right: 30px; .btn{ font-size: 0; width: auto; i{ font-size: 15px; margin-left: 0; } } } @media #{$noteBook} { margin-left : 0px; margin-right: 15px; } } .module-cart { @media #{$minLarge} { margin-left: 0; } .module-cart-warp { @media #{$minLarge} { left: -300px; } } } } .module-holder-phone { @media #{$maxTablet} { flex-direction: row; height : 80px; align-items : center; } .module-cart { margin-left : 0; margin-right: 30px; } } } &.header-topbar3 { .navbar { padding: 0px; .navbar-nav { >li { @media #{$noteBook} { margin-right: 20px; &:last-child { margin-right: 0; } } } } } .navbar-brand { position: relative; } .module-holder { @media #{$maxTablet} { flex-direction: column; height : auto; align-items : flex-start; } @media #{$minLarge} { margin-left: 30px; } .module-search { padding-right: 30px; @media #{$noteBook} { padding-right: 15px; } } .module-contact { @media #{$minLarge} { margin-left : 0px; margin-right: 30px; } @media #{$noteBook} { margin-left : 0px; margin-right: 15px; } &.module-contact-2 { .btn { @media #{$minLarge} { width: 174px; } } } } .module-cart { @media #{$minLarge} { margin-left: 0; } .module-cart-warp { @media #{$minLarge} { left: -300px; } } } } .module-holder-phone { @media #{$maxTablet} { flex-direction: row; height : 80px; align-items : center; } .module-cart { margin-left : 0; margin-right: 30px; } } } &.header-shadow { .navbar { box-shadow: 0px 5px 41.5px rgba(9, 29, 62, 0.11); } } } }module/_action.scss000064400000014036150437236230010353 0ustar00/*------------------------------------*\ #Call To Action \*------------------------------------*/ .cta { box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.11); border-radius : 12px; overflow : hidden; background-color: var(--global--color-white); display : flex; align-items : center; flex-direction : column; @media #{$minLarge} { flex-direction: row; height : 250px; } @media #{$minXlarge} { height: 200px; } .cta-img { position: relative; @media #{$minLarge} { flex-basis : 38%; flex-shrink: 0; } img { max-width: 100%; } .cta-icon { border : 9px solid var(--global--color-white); border-radius: 50%; position : absolute; bottom : 0; left : 50%; transition : 0.3s ease-in-out; transform : translate(-50%, 50%); @media #{$minLarge} { top : 50%; left : auto; bottom : auto; transform: translate(50%, -50%); right : 0; } &:hover { i { background-color: var(--global--color-heading); } } i { border-radius : 50%; display : flex; justify-content : center; align-items : center; width : 80px; height : 80px; background-color: var(--global--color-primary); color : var(--global--color-white); font-size : 30px; transition : 0.3s ease-in-out; @media #{$maxSmall} { width : 50px; height : 50px; font-size: 25px; } } } } .cta-body { padding: 38px 50px 35px 80px; @media #{$maxTablet} { padding-top : 70px; padding-left: 50px; } @media #{$maxSmall} { padding-top : 50px; padding-left : 30px; padding-right: 30px; } h5 { font-size : 23px; margin-bottom : 20px; line-height : 1; text-transform: capitalize; @media #{$maxTablet} { text-align : center; line-height: 1.4; } } .cta-content { display : flex; align-items : center; flex-direction: column; @media #{$minTablet} { flex-direction: row; } p { font-size : 15px; line-height: 25px; @media #{$maxSmall} { text-align : center; margin-bottom: 20px; } } .btn { flex-shrink : 0; width : 185px; height : 55px; padding : 0 27px; border-color: rgba(37, 55, 69, 0.5); color : var(--global--color-heading); transition : 0.3s ease-in-out; margin-left : 0; i { color : var(--global--color-heading); transition: 0.3s ease-in-out; } &::before { background-color: var(--global--color-heading); } &:hover { border-color: var(--global--color-heading); color : var(--global--color-white); i { color: var(--global--color-white); } } @media #{$minTablet} { margin-left: 30px; } @media #{$minLarge} { margin-left: 50px; } } } } } .cta-holder { overflow : visible; padding-bottom : 70px; background-position: bottom center; @media #{$minLarge} { transform : translateY(-160px); margin-bottom : -160px; padding-bottom : 100px; background-position-y: -200px; } @media #{$minXlarge} { background-position-y: -400px; transform : translateY(-180px); margin-bottom : -180px; } .cta { margin-bottom: 33px; } .more-actions { text-align: center; p { font-family: var(--global--font-body); font-weight: 700; font-size : 15px; color : var(--global--color-body); a { position : relative; font-weight : 700; color : var(--global--color-heading); transition : 0.3s ease-in-out; text-transform: capitalize; padding-bottom: 6px; &:hover { &::before { width: calc(100% - 20%); } } &::before { content : ''; transition : 0.3s ease-in-out; position : absolute; bottom : 0; left : 50%; transform : translateX(-50%); width : 100%; height : 2px; background-color: var(--global--color-primary); } } } } }module/_shop.scss000064400000112355150437236230010052 0ustar00/*------------------------------------*\ #Shop \*------------------------------------*/ .shop { padding-top : 110px; padding-bottom: 110px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } .sidebar-shop { margin-top: 40px; @media #{$minLarge} { transform : translateY(-5px); margin-top: 0px; } } &.shop-2 { padding-top : 47px; padding-bottom: 61px; h5 { @media #{$maxTablet} { text-align: center; } font-family : var(--global--font-heading); font-weight : 600; font-size : 21px; color : var(--global--color-secondary); text-transform: capitalize; } } &.shop-3 { padding-top : 130px; padding-bottom: 80px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } } } /* Product Item */ .product-item { margin-bottom: 10px; transition : 0.3s ease-in-out; border-radius: 8px; &:hover { box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.11); .product-img-wrap { border-radius: 8px 8px 0 0; box-shadow : none; .product-img { border-radius: 8px 8px 0 0; img { border-radius: 8px 8px 0 0; transform : scale(1.1); } .add-to-cart { opacity : 1; transform : translateX(-50%) translateY(0px); visibility: visible; } } } .product-content { background-color: var(--global--color-white); border-radius : 0 0 8px 8px; } } .product-img-wrap { border-radius: 8px; box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.11); transition : 0.3s ease-in-out; .product-img { position: relative; overflow: hidden; img { border-radius: 8px; max-width : 100%; transition : 0.4s ease-in-out; transform : scale(1); } .badge { position : absolute; top : 20px; right : 20px; background-color: var(--global--color-primary); color : var(--global--color-white); border-radius : 4px; font-family : var(--global--font-body); font-size : 14px; font-weight : 700; line-height : 1; padding : 8px 15px; text-transform : capitalize; &.badge-new { background-color: var(--global--color-primary); } &.badge-sale { background-color: #f00; } } .add-to-cart { position : absolute; left : 50%; transform : translateX(-50%) translateY(20px); bottom : 0px; width : 190px; height : 60px; display : flex; justify-content : center; align-items : center; color : var(--global--color-white); background-color: var(--global--color-primary); text-transform : capitalize; border-radius : 4px 4px 0 0px; font-family : var(--global--font-body); font-weight : 700; font-size : 15px; transition : 0.3s ease-in-out; opacity : 0; visibility : hidden; &:hover { background-color: var(--global--color-heading); } i { font-size : 15px; margin-right: 10px; } } } } .product-content { padding : 31px 35px 32px; text-align : center; background-color: transparent; transition : 0.3s ease-in-out; @media #{$noteBook} { padding-left : 15px; padding-right: 15px; } .product-title { a { text-transform: capitalize; font-family : var(--global--font-heading); font-size : 21px; line-height : 32px; font-weight : 700; color : var(--global--color-heading); margin-bottom : 10px; } } .product-price { span { font-family: var(--global--font-body); font-weight: 700; font-size : 19px; color : var(--global--color-primary); line-height: 28px; } } } } /* Shop Options */ .shop-options { display : flex; align-items : center; justify-content: space-between; margin-bottom : 30px; @media #{$maxSmall} { flex-direction: column; align-items : center; } .products-show { @media #{$maxSmall} { margin-bottom: 25px; } p { font-family : var(--global--font-body); font-weight : 700; font-size : 14px; text-transform: capitalize; margin-bottom : 0; } } .products-sort { .nice-select { padding-left : 25px; border-radius: 4px; border-color : #eaeaea; height : 60px; width : 250px; display : flex; align-items : center; &::after { width : 7px; height : 7px; border-color: var(--global--color-heading); transform : rotate(45deg) translateY(-50%); right : 28px; } .current { font-family : var(--global--font-body); font-size : 14px; color : var(--global--color-heading); text-transform: capitalize; } .list { width: 100%; li { text-transform: capitalize; } } } } } /* Shop Single */ .single-product { padding-top : 0; padding-bottom: 0; .checkout-banner { display : flex; align-items : center; justify-content : space-between; padding : 25px; background-color: #e0f6e9; border-radius : 8px; margin-bottom : 40px; @media #{$maxSmall} { flex-direction: column; align-items : center; text-align : center; } p { font-family : var(--global--font-heading); font-weight : 700; font-size : 19px; color : var(--global--color-secondary); margin-bottom: 0px; @media #{$maxSmall} { margin-bottom: 20px; } } .btn { height: 60px; width : 180px; @media #{$maxSmall} { width: 100%; } } } .product-img { position : relative; box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.11); border-radius: 12px; @media #{$maxTablet} { margin-bottom: 25px; } img { border-radius: 12px; } a { position: absolute; top : 0; left : 0; right : 0; width : 100%; height : 100%; cursor : zoom-in; } } .product-content { padding-top: 15px; @media #{$maxTablet} { text-align: center; } .product-title { h3 { font-family : var(--global--font-heading); font-weight : 700; color : var(--global--color-heading); font-size : 29px; line-height : 1; text-transform: capitalize; margin-bottom : 13px; } } .product-price { font-family : var(--global--font-body); color : #4aab3d; font-size : 22px; font-weight : 700; line-height : 28px; margin-bottom: 26px; } .product-review { margin-bottom: 21px; span { color : var(--global--color-body); font-size : 13px; line-height : 1; font-weight : 400; font-family : var(--global--font-body); text-transform: capitalize; &::after { content: '/'; margin : 0 6px; } &:last-child { &::after { content: unset; } } a { color: var(--global--color-body); &:hover { color: var(--global--color-primary); } } } .product-rating { margin-right: 30px; display : inline-block; i { color : var(--global--color-body); font-size : 15px; line-height : 1; margin-right: 5px; &:last-child { margin-right: 0; } } i.active { color: var(--global--color-primary); } } } .product-desc { p { font-family : var(--global--font-body); font-weight : 400; font-size : 15px; line-height : 25px; margin-bottom: 32px; color : var(--global--color-body); } } .product-details { margin-bottom: 30px; .table { margin-bottom: 0; @media #{$minLarge} { width: 60%; } td { border-top : 0; border-bottom : 0; padding-bottom: 5px; } .name { font-family : var(--global--font-heading); font-weight : 700; font-size : 16px; color : var(--global--color-secondary); text-transform: capitalize; @media #{$minLarge} { padding-left: 0; } } .value { font-family : var(--global--font-body); font-weight : 400; font-size : 15px; color : var(--global--color-body); text-transform: capitalize; } } } .product-share { display : flex; align-items: center; flex-wrap : nowrap; @media #{$maxTablet} { justify-content: center; flex-wrap : wrap; } a { color : var(--global--color-white); background-color: var(--global--color-heading); border-radius : 4px; margin-right : 15px; transition : 0.3s ease-in-out; width : 52px; height : 40px; display : flex; justify-content : center; align-items : center; transition : 0.3s ease-in-out; @media #{$minLarge} { margin-right: 10px; } &:last-child { margin-right: 0; } &:hover { background-color: var(--global--color-primary); transform : translateY(-5px); } &.facebook-bg { background-color: #3b5999; &:hover { background-color: var(--global--color-primary); } } &.twitter-bg { background-color: #55acee; &:hover { background-color: var(--global--color-primary); } } &.instagram-bg { background-color: #0092ff; &:hover { background-color: var(--global--color-primary); } } &.pinterest-bg { background-color: #ca1f27; &:hover { background-color: var(--global--color-primary); } } } } .product-action { display: flex; @media #{$maxTablet} { justify-content: center; } margin-bottom: 35px; .product-quantity { display : flex; border : 2px solid #929ba2; border-radius: 4px; width : 80px; margin-right : 15px; span { display : flex; flex-direction: column; a { border-left: 2px solid #929ba2; &:first-child { border-bottom: 2px solid #929ba2; } i { width : 24px; height : 24px; font-size : 10px; line-height: 25px; color : var(--global--color-heading); text-align : center; } } } input { width : 50px; height : 50px; color : var(--global--color-heading); font-size : 20px; font-weight : 700; line-height : 22px; font-family : var(--global--font-body); text-align : center; background-color: transparent; border-color : transparent; } } .btn { height: 54px; } } } .product-tabs { background-color: var(--global--color-white); margin-top : 95px; margin-bottom : 40px; .nav-tabs { background-color: var(--global--color-white); border : 0; li { margin-right: 30px; &:last-child { margin-right: 0; } a { color : var(--global--color-heading); font-size : 16px; font-weight : 700; text-transform: capitalize; font-family : var(--global--font-body); text-transform: capitalize; border-radius : 0; margin-right : 0; padding-bottom: 14px; display : block; border-right : 0; position : relative; &::after { content : ''; position : absolute; bottom : -2px; left : 0; width : 100%; height : 2px; background-color: transparent; transition : 0.3s ease-in-out; @media (max-width:420px) { content: unset; } } &:focus, &:hover { color: var(--global--color-primary); } } } li>.active, li>.active:focus, li>.active:hover { color: var(--global--color-primary); &::after { background-color: var(--global--color-primary); } } } .tab-content { border-top : 2px solid #e6e8eb; padding-top: 25px; p { font-family: var(--global--font-body); font-size : 15px; font-weight: 400; line-height: 25px; color : var(--global--color-body); } h5 { font-size: 13px; } .review-comment { .review-body { display : flex; align-items : center; margin-bottom: 25px; img { width : 60px; height : 60px; border-radius: 8px; margin-right : 30px; } h6, p { margin-bottom: 0; } .product-rating { i { &.active { color: var(--global--color-primary); } } } } .product-comment { margin-bottom: 35px; p { margin-bottom: 0; } } } .form-review { .nice-select { .list { width: 100%; } } } } } .form-review .form-control { margin-bottom: 30px; } } /*Shop Cart*/ .shop-cart { padding-top: 0; .table-wrap { border : 1px solid #eaeaea; border-radius: 8px; margin-bottom: 53px; overflow : hidden; .cart-table { margin-bottom: 30px; &.table-responsive { min-height: 0.01%; overflow-x: auto; } .table { background-color: var(--global--color-white); border-radius : 0; margin-bottom : 0; color : var(--global--color-body); tr { &:first-child { th { border-top: 0; &:first-child { border-left: 0; } &:last-child { border-right: 0; } } } th { font-size : 16px; font-weight : 700; text-align : center; text-transform: capitalize; color : var(--global--color-body); font-family : var(--global--font-body); padding : 10px 0; border-right : 1px solid #e5e8ed; border-bottom : 1px solid #e5e8ed; } } tbody { tr { td { padding : 20px; border-right : 1px solid #e5e8ed; border-bottom: 1px solid #e5e8ed; border-top : 0; border-left : 0; &:last-child { border-right: 0; } &.cart-product-price, &.cart-product-total { text-align : center; font-size : 16px; font-weight : 700; line-height : 20px; color : var(--global--color-primary); font-family : var(--global--font-body); vertical-align: baseline; } &.cart-product-item { display : flex; justify-content: flex-start; align-items : center; .cart-product-remove { flex-shrink : 0; display : flex; justify-content : center; align-items : center; width : 19px; height : 19px; background-color: var(--global--color-heading); border-radius : 50%; text-align : center; cursor : pointer; margin-right : 20px; transition : 0.3s ease-in-out; &:hover { background-color: var(--global--color-primary); } } .cart-product-img { flex-shrink : 0; width : 70px; height : 70px; margin-right : 20px; box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.11); border-radius: 4px; img { border-radius: 4px; max-width : 100%; } } .cart-product-name { h6 { font-family : var(--global--font-heading); color : var(--global--color-heading); font-size : 16px; font-weight : 700; line-height : 27px; text-transform: capitalize; margin-bottom : 0px; } } } &.cart-product-quantity { .product-quantity { display : flex; border : 2px solid #e6e8eb; border-radius: 8px 8px 0 8px; width : 80px; margin-right : 0px; margin : 0 auto; span { display : flex; flex-direction: column; a { border-left: 2px solid #e6e8eb; &:first-child { border-bottom: 2px solid #e6e8eb; } i { width : 24px; height : 24px; font-size : 10px; line-height: 25px; color : var(--global--color-heading); text-align : center; } } } input { width : 50px; height : 50px; color : var(--global--color-heading); font-size : 20px; font-weight : 700; line-height : 22px; font-family : var(--global--font-body); text-align : center; background-color: transparent; border-color : transparent; } } } } } } } } .cart-product-action { display : flex; align-items : center; justify-content: space-between; margin-bottom : 30px; padding-left : 30px; padding-right : 30px; @media #{$maxSmall} { flex-direction: column; align-items : center; } form { display : flex; align-items : center; margin-bottom: 0; @media #{$maxSmall} { flex-direction: column; align-items : center; margin-bottom : 20px; } .form-control { border-radius : 4px; margin-bottom : 0; border : 1px solid #eaeaea; background-color: var(--global--color-white); margin-right : 10px; height : 42px; width : 250px; line-height : 42px; margin-bottom : 0px; @media #{$maxTablet} { width: 200px; } @media #{$maxSmall} { width : 100%; margin-bottom: 15px; margin-right : 0; } } .btn { margin-top : 0; flex-shrink: 0; } } .btn { width : 134px; height : 42px; line-height : 39px; margin-right: 10px; padding : 0 18px; @media screen and (max-width: 575.98px) { margin-top: 20px; } &:last-child { margin-right: 0; } } div { display : flex; align-items: center; } } } .cart-total-amount { h5 { color : var(--global--color-heading); font-size : 21px; font-weight : 700; line-height : 30px; font-family : var(--global--font-heading); margin-bottom: 13px; position : relative; } .table { margin-bottom: 40px; tbody { .head { font-family : var(--global--font-heading); font-weight : 700; font-size : 17px; color : var(--global--color-body); text-transform: capitalize; } td { font-family : var(--global--font-body); font-weight : 400; font-size : 17px; color : var(--global--color-body); border-top : 0; border-bottom: 1px solid #eaeaea; padding-left : 0; &.amount { font-weight: 700; } } } } .btn { width : 270px; height: 50px; @media #{$maxSmall} { width: 100%; } } } } /* Shop Checkout */ .shop-checkout { padding-bottom: 120px; .cart-empty, .cart-coupon { padding : 30px; background-color: #f5f5f5; border-top : 3px solid #1e85be; font-size : 18px; font-weight : 400; font-family : var(--global--font-body); line-height : 1; color : #515151; margin-bottom : 35px; a { color: var(--global--color-primary); } } } .checkout-widget { padding : 20px; margin-bottom: 45px; .widget-title { margin-bottom : 15px; text-transform: capitalize; } label { font-family : var(--global--font-heading); font-weight : 500; font-size : 16px; line-height : 2; margin-bottom: 10px; ; text-transform: capitalize; color : var(--global--color-heading); display : block; .required { margin-left: 3px; color : red; } } .form-control { margin-bottom: 12px; } .nice-select { display : flex; align-items: center; width : 100%; .list { width: 100%; } } } .your-order { margin-bottom: 53px; border-radius: 8px 8px 0 8px; overflow : hidden; h5 { text-transform: capitalize; } .table-order { background-color: var(--global--color-gray); padding : 30px 30px 12px; table { width: 100%; thead { .order-heading { border-bottom: 1px solid #eaeaea; th { font-family : var(--global--font-body); font-size : 16px; color : var(--global--color-heading); font-weight : 700; text-transform: capitalize; padding-bottom: 3px } } } tbody { tr { border-bottom: 1px solid #eaeaea; &:last-child { border-bottom: 0; } td { font-family : var(--global--font-body); font-size : 14px; color : var(--global--color-heading); text-transform: capitalize; font-weight : 700; padding-top : 13px; padding-bottom: 13px; &:last-of-type { font-weight: 400; color : var(--global--color-body) } &.product-name { padding-left: 10px; } } &.cart-total { td { &:last-of-type { font-weight: 700; color : var(--global--color-heading); } } } } } } } } .payment { background-color: var(--global--color-gray); padding : 33px 15px; border-radius : 8px 8px 0 8px; .payment-method { margin: 0 15px; .no-payment { border-top: 3px solid #1e85be; padding : 27px 0; p { font-family: var(--global--font-body); padding : 0 30px; font-size : 18px; line-height: 2; font-weight: 500; color : var(--global--color-heading); } } } .payment-conditions { margin: 0 15px; .message { padding-top : 10px; font-family : var(--global--font-body); font-size : 17px; line-height : 2; color : var(--global--color-body); font-weight : 400; margin-bottom: 30px; } label { text-transform: capitalize; font-weight : 500; color : var(--global--color-heading); font-size : 16px; margin-bottom : 30px; a { color: var(--global--color-primary); } } } } .login { padding-bottom: 140px; .login-body { background-color: #e6f8fb; border-radius : 8px 8px 8px 0; padding : 40px; label { font-family : var(--global--font-heading); font-weight : 500; font-size : 16px; line-height : 2; margin-bottom: 5px; ; text-transform: capitalize; color : #222222; .required { margin-left: 3px; color : red; } } .form-control { background-color: var(--global--color-white); margin-bottom : 8px; } .check { margin-top : 10px; margin-bottom: 5px; label { margin-left: 5px; } } .forget { margin-top : 13px; font-family: var(--global--font-body); font-size : 15px; font-weight: 700; color : var(--global--color-heading); &:hover { color: var(--global--color-primary); } } } } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .product-item { max-width: 270px; margin : 0 auto 30px; } .product-options2 { span { display : inline-block; min-width : 50px; margin-bottom: 10px; } } } @media only screen and (min-width: 768px) and (max-width: 991px) {} @media only screen and (min-width: 992px) and (max-width: 1200px) {}module/_processes.scss000064400000017110150437236230011100 0ustar00/*------------------------------------*\ #Processess \*------------------------------------*/ .processes { overflow : visible; padding-top : 0; padding-bottom: 0; .process-panel { padding : 0px 50px 32px 0; position: relative; @media #{$maxTablet} { padding-right: 0; } .process-number { font-family : var(--global--font-body); font-size : 37px; font-weight : 500; line-height : 29px; color : var(--global--color-primary); margin-bottom: 32px; @media #{$maxSmall} { text-align: center; } } .process-body { .process-content { h5 { font-weight : 700; font-style : italic; font-size : 24px; color : var(--global--color-white); line-height : 48px; margin-bottom : 18px; text-transform: capitalize; } p { font-size : 16px; line-height : 27px; color : var(--global--color-white); margin-bottom: 0px; } } } &.process-panel-dark { .process-body { .process-content { h5 { color: var(--global--color-secondary); } p { color: var(--global--color-body); } } } } } .block-right-holder { @media #{$maxTablet} { padding : 70px 5% 0; text-align : center; margin-bottom: 50px; } @media #{$minLarge} { padding-left: var(--bs-gutter-x, .75rem); margin-left : auto; max-width : calc(960px / 2); padding-top : 130px; } @media #{$minXlarge} { max-width: calc(1140px / 2); } .heading { margin-bottom: 223px; @media #{$maxTablet} { margin-bottom: 50px; } } } .processes-holder { padding-top: 40px; @media #{$minLarge} { border-left: 1px solid #4c5b66; padding-top: 130px; } .process-content-carousel { @media #{$maxTablet} { text-align : center; padding : 0 5%; margin-bottom: 60px; } @media #{$minLarge} { padding-left : 75px; margin-bottom: 110px; padding-right: var(--bs-gutter-x, .75rem); margin-right : auto; max-width : calc(960px / 2); } @media #{$minXlarge} { padding-left: 115px; max-width : calc(1140px / 2); } .owl-stage-outer { overflow: hidden; .owl-item { opacity: 1; } } .owl-dots { justify-content: flex-start; @media #{$maxTablet} { justify-content: center; } } } .images-holder { border-radius: 0 0 0 12px; overflow : hidden; transform : translateY(130px); margin-top : -130px; position : relative; .process-image-carousel { position: relative; .owl-stage-outer { overflow: hidden; .owl-item { opacity: 1; img { object-fit: scale-down; width : auto; } } } } .processes-panel { padding : 42px 49px 40px; position : absolute; right : 0; bottom : 0; border-radius : 12px 0 0 0; background-color: var(--global--color-primary); max-width : 400px; z-index : 10; @media #{$maxSmall} { padding-left : 30px; padding-right: 30px; position : relative; right : auto; bottom : auto; border-radius: 0 0 12px 12px; text-align : center; max-width : 100%; } @media #{$noteBook} { max-width: 330px; padding : 25px; } .panel-title { font-size : 20px; line-height : 30px; color : var(--global--color-white); margin-bottom: 17px; } .panel-desc { font-size : 15px; line-height : 24px; margin-bottom: 23px; color : var(--global--color-gray); } a { font-family : var(--global--font-body); font-weight : 700; font-size : 15px; color : var(--global--color-white); display : flex; align-items : center; text-transform: capitalize; @media #{$maxSmall} { justify-content: center; } &:hover { i { transform: translateX(15px); } } i { display : flex; justify-content : center; align-items : center; width : 32px; height : 32px; background-color: var(--global--color-white); border-radius : 50%; color : var(--global--color-primary); margin-left : 10px; transition : 0.3s ease-in-out; } } } } } &.processes-1 { background-position: top center; padding-bottom : 0; } &.processes-2 { overflow: hidden; .processes-holder { padding-top : 0; border-left : 0; padding-left: 0; .process-content-carousel { padding-left : 0; max-width : unset; padding-right: 0; margin-right : 0; margin-bottom: 40px; @media #{$maxTablet} { padding: 0; } @media #{$maxSmall} { max-width: 370px; } } } } }module/_team.scss000064400000015024150437236230010022 0ustar00/*------------------------------------*\ #Team \*------------------------------------*/ .team { padding-top : 110px; padding-bottom: 10px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 30px; } .member { transition: all 300ms linear 0ms; max-width : 370px; margin : 0 auto 70px; box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.08); @media #{$maxTablet} { margin: 0 auto 40px; } &:hover { .member-content { &::after { clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%); } .member-social { a { background-color: var(--global--color-primary); } } } } .member-img { position: relative; img { border-radius: 8px; max-width : 100%; } } .member-content { background-color: var(--global--color-white); padding : 32px 40px 36px; display : flex; align-items : center; justify-content : space-between; position : relative; @media #{$noteBook} { padding-left : 30px; padding-right: 30px; } @media #{$maxSmall} { flex-direction: column; } &::after { content : ''; position : absolute; bottom : 0; left : 50%; transform : translateX(-50%); background-color: var(--global--color-primary); height : 4px; width : calc(100% - 80px); transform-origin: 50% 100%; transition : clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1); clip-path : polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%); } .member-social { display : flex; align-items: center; transition : 0.3s ease-in-out; a { border-radius : 50%; display : flex; align-items : center; justify-content : center; background-color: var(--global--color-heading); width : 20px; height : 20px; color : var(--global--color-white); font-size : 11px; transition : 0.3s ease-in-out; margin-right : 10px; &:last-child { margin-right: 0; } &:hover { transform: translateY(-5px); } } } .member-info { @media #{$maxSmall} { margin-bottom: 25px; } a { display : inline-block; font-family : var(--global--font-heading); font-size : 19px; font-weight : 700; color : var(--global--color-secondary); margin-bottom : 11px; text-transform: capitalize; transition : 0.3s ease-in-out; &:hover { color: var(--global--color-primary); } } h6 { font-family : var(--global--font-body); color : var(--global--color-body); font-size : 14px; font-weight : 400; line-height : 1; text-transform: capitalize; transition : 0.3s ease-in-out; margin-bottom : 0; } } } &.member-2 { border-radius: 8px; overflow : hidden; box-shadow : none; &:hover { .member-content { .member-social { //transform: scaleY(1); opacity : 1; visibility: visible; } .member-info { a, h6 { color: var(--global--color-white); } } } } .member-content { justify-content: center; padding-top : 22px; padding-bottom : 26px; @media #{$noteBook} { padding-left : 25px; padding-right: 25px; } &::after { content: unset; } .member-social { position : absolute; top : -40px; left : 0; right : 0; width : 100%; height : calc(100% + 40px); padding-top : 30px; justify-content : center; align-items : flex-start; background-color: var(--global--color-primary); z-index : 1; transform-origin: bottom; //transform: scaleY(0); visibility : hidden; opacity : 0; a { background-color: var(--global--color-white); color : var(--global--color-primary); } } .member-info { text-align: center; position : relative; z-index : 2; } } } } }module/_skills.scss000064400000004253150437236230010377 0ustar00/*------------------------------------*\ #Skills \*------------------------------------*/ .skills { .progressbar { margin-bottom: 29px; &:last-of-type { margin-bottom: 0; } .progress-title { display : block; position : relative; width : 100%; margin-bottom: 7px; line-height : 1; .title { font-family : var(--global--font-body); color : var(--global--color-heading); font-size : 15px; font-weight : 700; line-height : 1; margin-bottom : 2px; text-transform: capitalize; } .value { font-family : var(--global--font-body); color : var(--global--color-body); font-weight : 700; font-size : 15px; line-height : 1px; text-transform: uppercase; bottom : 7px; position : absolute; margin-left : -27px; opacity : 0; transition : opacity 300ms linear; } } .progress { height : 12px; background-color: transparent; box-shadow : none; padding : 0; width : 100%; border-bottom : 2px solid #dcdee2; margin-bottom : 0; border-radius : 0; .progress-bar { height : 7px; background-color: #435ba1; border-radius : 4px; width : 0; } } } } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .skills .heading { margin-bottom: 30px; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { .skills .heading { margin-bottom: 30px; } }module/_menu-min992.scss000064400000016110150437236230011062 0ustar00@media only screen and (min-width: 992px) { .navbar-collapse { padding-right: 0; padding-left : 0; } /* Menu with Dropdown */ .navbar-nav { >li.has-dropdown { >ul.dropdown-menu { box-shadow : 0px 5px 41.5px rgba(40, 40, 40, 0.11); transition : all 300ms linear; opacity : 0; visibility : hidden; position : absolute; left : -40px; right : auto; transform-origin: left top; transform : translateY(20px); display : block; width : 235px; padding : 24px 40px 25px; background-color: var(--global--color-white); border-radius : 0px 0px 8px 8px; >li { padding-right : 0; position : relative; vertical-align: top; } li { a { transition : 0.3s ease-in-out; position : relative; font-family : var(--global--font-body); color : var(--global--color-body); padding : 10px 0px 9px 0; display : block; font-size : 14px; font-weight : 400; transition : all 300ms ease-in-out; text-transform: capitalize; border-radius : 0; border-bottom : 1px solid #eaeaea; position : relative; &::before { content : '\e905'; color : var(--global--color-primary); font-family: 'energia'; position : absolute; top : 50%; left : -22px; font-size : 12px; opacity : 0; visibility : hidden; transform : translate(-5px, -50%); transition : 0.3s ease-in-out; } &::after { content : ''; position : absolute; bottom : -1px; left : 0; height : 1px; width : 0px; transition : 0.3s ease; background-color: var(--global--color-primary); } &:active, &:focus, &:hover { color: var(--global--color-primary); &::before { visibility: visible; opacity : 1; transform : translate(0px, -50%); } &::after { width: 100%; } } } &:last-child { a { border-bottom: 0; &::after { content: unset; } } } &.current { >a { border-color: var(--global--color-primary); color : var(--global--color-primary); &::before { visibility: visible; opacity : 1; transform : translate(0px, -50%); } } } } } &:hover { >ul.dropdown-menu { opacity : 1; visibility: visible; transform : translateY(0); z-index : 100; display : block; } } } li { ul.dropdown-menu { &.left { left : -650px !important; margin-left: 0 !important; } } } /* Mega Menu Content */ li.has-dropdown { &.mega-dropdown { >.dropdown-menu { background-color: var(--global--color-white); padding : 0; width : 510px; li { padding-left : 0; padding-right: 0; } .row { background-color: var(--global--color-white); margin-right : 0; margin-left : 0; padding : 35px 23px; .menu-head { font-size : 14px; font-family : var(--global--font-heading); font-weight : 700; color : var(--global--font-heading); text-transform: capitalize; margin-bottom : 15px; } ul { margin : 0; padding: 0; li { line-height: 2.5; &.title { color : var(--global--color-heading); font-size : 13px; font-weight : 600; text-transform: capitalize; } a { margin: 0; } } } } } } } &.ml-auto.mr-auto { li.has-dropdown { &.mega-dropdown { position: absolute } } } &.ml-auto:not(.mr-auto) { li.has-dropdown { &.mega-dropdown { position: relative } } } } }module/_video.scss000064400000002726150437236230010207 0ustar00/*------------------------------------*\ #Video \*------------------------------------*/ .video { position : relative; border-radius: 12px; height : 375px; transform : translateY(100px); margin-top : -100px; &.video-1 { position : relative; margin-bottom: 0px; .btn-video { position : absolute; bottom : 30px; left : 30px; background-color: transparent; height : auto; padding : 0; } } &.video-2 { transform : translateY(0); margin-top: 0; .btn-video { position : absolute; top : 50%; left : 50%; transform: translate(-50%, -50%); } } &.video-3 { height : 525px; border-radius: 8px; margin-top : 0; transform : translateY(0); .btn-video { position : absolute; top : 50%; left : 50%; transform: translate(-50%, -50%); } } } // Rule sets For Popup Overlay .mfp-bg { z-index: 1543; } .mfp-wrap { z-index: 1642; } @include keyframes(pulse) { 0% { transform: scale(1); } 100% { transform: scale(1.4); opacity : 0; } } /* Custom, iPhone Retina */module/_clients.scss000064400000003213150437236230010532 0ustar00/*------------------------------------*\ #Client \*------------------------------------*/ .clients { padding-top : 0; padding-bottom: 0; border-top : 1px solid #eaeaea; overflow : visible; &.bg-grey { color: var(--global--color-gray); } .client { padding-top : 60px; padding-bottom: 60px; cursor : pointer; transition : 0.3s ease; width : 150px; margin-right : auto; margin-left : auto; position : relative; @media #{$noteBook} { width: 130px; } &:hover { &::before { width: 100%; } } &::before { content : ''; position : absolute; top : -1px; left : 50%; transform : translateX(-50%); width : 0%; height : 1px; transition : 0.3s ease-in-out; background-color: var(--global--color-primary); } a { position: absolute; width : 100%; height : 100%; top : 0; left : 0; right : 0; z-index : 2; } img { max-width : 100%; width : auto; display : block; margin-right: auto; margin-left : auto; } } } .certificate { img { display: block; margin : 0 auto; } }module/_services.scss000064400000054741150437236230010730 0ustar00/*-------------------------------- #Services ---------------------------------*/ .services { padding-top : 210px; padding-bottom : 100px; background-color: #f6f7f8; @media #{$maxTablet} { padding-top : 150px; padding-bottom: 70px; } .service-panel { position : relative; padding : 66px 40px 40px; cursor : pointer; margin-bottom : 30px; box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.11); border-radius : 8px; background-color: var(--global--color-white); @media #{$minLarge} { align-items: flex-start; } @media #{$noteBook} { padding-left : 20px; padding-right: 20px; } @media #{$maxTablet} { margin : 0 auto 30px; max-width: 370px; } @media #{$maxSmall} { padding-left : 25px; padding-right: 25px; } &::after { content : ''; position : absolute; bottom : 0; right : 0; height : 4px; width : calc(100% - 40px); background-color: var(--global--color-primary); border-radius : 0 0 8px 0; transition : 0.3s ease-in-out; @media #{$noteBook} { width: calc(100% - 20px); } @media #{$maxSmall} { width: calc(100% - 20px); } } &:hover { &:after { height: 10px; } .service-icon { i { transform: rotateY(360deg); } } .service-content { .btn { &::before { transform : scaleX(1); transform-origin: left center; } } } } .service-icon { position : absolute; top : -40px; left : 40px; z-index : 2; transform-style: preserve-3d; perspective : 1300px; @media #{$noteBook} { left: 25px; } @media #{$maxSmall} { left: 25px; } i { display : inline-flex; transition: 0.3s ease-in-out; &::before { margin-left: 0; font-size : 75px; color : var(--global--color-primary); transition : 300ms ease-in-out; } } } .service-content { display : flex; flex-direction: column; align-items : center; @media #{$minTablet} { align-items: flex-start; } h4 { width : 100%; margin-bottom: 0; a { display : block; font-family : var(--global--font-heading); font-weight : 700; font-size : 23px; line-height : 29px; text-transform: capitalize; padding-bottom: 36px; margin-bottom : 35px; border-bottom : 2px solid #eaeaea; color : var(--global--color-heading); width : 100%; transition : 0.3s ease-in-out; &:hover { color: var(--global--color-primary); } } } p { font-family : var(--global--font-body); font-size : 15px; line-height : 25px; margin-bottom: 24px; color : var(--global--color-body); } .advantages-list { text-align : left; margin : 0; padding : 0; list-style : none; margin-bottom: 32px; li { display : flex; align-items : center; font-family : var(--global--font-body); font-weight : 700; font-size : 15px; line-height : 36px; color : var(--global--color-body); text-transform: capitalize; @media #{$noteBook} { font-size: 14px; } &::before { content : '\f00c'; font-family : $fontawesome; font-weight : 700; width : 20px; height : 20px; display : inline-flex; justify-content : center; align-items : center; background-color: var(--global--color-secondary); color : var(--global--color-white); margin-right : 18px; border-radius : 50%; font-size : 10px; @media #{$noteBook} { margin-right: 8px; } } } } .btn { position : relative; text-transform: capitalize; box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.11); width : 165px; height : 55px; i { transition: all 300ms ease-in-out; color : var(--global--color-white); font-size : 12px; } } } &.services-panel-2 { padding-top : 50px; padding-bottom: 50px; margin-bottom : 37px; .service-icon { position : relative; top : auto; left : auto; margin-bottom: 32px; } .service-content { h4 { a { padding-bottom: 0; border-bottom : 0; margin-bottom : 29px; } } p { margin-bottom: 31px; } .advantages-list { display: none; } } } &.services-panel-3 { padding : 0px; margin-bottom: 40px; &:hover { &::after { height: 4px; width : calc(100% - 80px); @media #{$noteBook} { width: calc(100% - 50px); } @media #{$maxSmall} { width: calc(100% - 60px); } } } &::after { right : auto; left : 50%; transform : translateX(-50%); width : 0; border-radius: 0; } .service-img { border-radius: 8px; overflow : hidden; } .service-content { padding: 33px 40px 40px; @media #{$maxTablet} { text-align: center; } @media #{$noteBook} { padding-left : 25px; padding-right: 25px; } @media #{$maxSmall} { padding-left : 30px; padding-right: 30px; } h4 { a { padding-bottom: 0; border-bottom : 0; margin-bottom : 19px; } } p { margin-bottom: 21px; } .btn { @media #{$maxTablet} { margin: 0 auto; } } } } } .actions-holder { display : flex; align-items: center; padding-top: 8px; @media #{$maxTablet} { justify-content: center; } @media #{$maxSmall} { flex-direction: column; } .btn { margin-right: 30px; &:first-child { width : 170px; box-shadow: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); } &:last-child { width : 182px; margin-right: 0; padding : 0 27px; border-color: rgba(37, 55, 69, 0.5); color : var(--global--color-heading); transition : 0.3s ease-in-out; &::before { background-color: var(--global--color-heading); } &:hover { border-color: var(--global--color-heading); color : var(--global--color-white); } } @media #{$maxSmall} { margin-right : 0; margin-bottom: 20px; } } } .more-services { text-align: center; p { font-family: var(--global--font-body); font-weight: 700; font-size : 15px; color : var(--global--color-body); a { position : relative; font-weight : 700; color : var(--global--color-heading); transition : 0.3s ease-in-out; text-transform: capitalize; padding-bottom: 6px; &:hover { &::before { width: calc(100% - 20%); } } &::before { content : ''; transition : 0.3s ease-in-out; position : absolute; bottom : 0; left : 50%; transform : translateX(-50%); width : 100%; height : 2px; background-color: var(--global--color-primary); } } } .rating { i { color : var(--global--color-primary); margin-right: 5px; &:last-child { margin-right: 0; } } } &.more-services-2 { display : flex; text-align: left; @media #{$maxTablet} { flex-direction: column; align-items : center; text-align : center; } .rating { margin-top : 4px; margin-right: 40px; flex-shrink : 0; @media #{$maxTablet} { margin-right : 0; margin-bottom: 10px; } } a { color: var(--global--color-primary); &::before { background-color: var(--global--color-heading); } } p { font-weight: 400; } } } &.services-2 { padding-top : 114px; padding-bottom: 65px; @media #{$maxTablet} { padding-top : 60px; padding-bottom: 70px; } .owl-dots { margin-bottom: 62px; } } &.services-3 { padding-top : 130px; padding-bottom : 110px; background-position: top center; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } } &.services-4 { padding-top : 130px; padding-bottom: 40px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 0px; } .service-panel { margin-bottom: 90px; @media #{$maxTablet} {} } } } .service-single { padding-top : 110px; padding-bottom: 60px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 20px; } .sidebar { margin-left : 0; margin-right: auto; } .service-entry { .entry-content { .entry-infos { margin-bottom: 66px; @media #{$maxTablet} { text-align: center; } .entry-heading { font-size : 24px; line-height : 1; font-weight : 700; margin-bottom : 21px; color : var(--global--color-secondary); text-transform: capitalize; } .entry-desc { font-size : 16px; line-height : 26px; margin-bottom: 28px; &:last-child { margin-bottom: 0; } } } .entry-introduction { .entry-heading { margin-bottom: 17px; transform : translateY(-4px); } .entry-desc { &:nth-child(3) { margin-bottom: 32px; } } img { max-width : 100%; border-radius: 8px; transition : 0.3s ease-in-out; @media #{$maxSmall} { margin-bottom: 30px; } &:hover { transform: translateY(-5px); } } } .entry-stats { margin-bottom: 57px; img { max-width: 100%; margin : 0 auto; display : flex; @media #{$maxTablet} { margin-top: 30px; } } } .entry-processes { margin-bottom : 66px; background-color: #e0f6e9; border-radius : 12px; padding : 45px 40px 40px; @media #{$maxSmall} { padding: 60px 25px 40px; } .entry-body { display : flex; align-items: flex-start; @media #{$maxSmall} { flex-direction: column; align-items : center; } .process-icon { flex-shrink : 0; width : 170px; height : 170px; display : flex; align-items : center; justify-content: center; border-radius : 50%; @media #{$maxSmall} { width : 150px; height : 150px; margin-bottom: 20px; } @media #{$minTablet} { margin-right: 40px; margin-top : 15px; } &:hover { i { transform: scale(0.9); } } i { transition : 0.3s ease-in-out; display : flex; align-items : center; justify-content : center; width : 110px; height : 110px; background-color: var(--global--color-primary); color : var(--global--color-white); border-radius : 50%; @media #{$maxSmall} { width : 90px; height: 90px; } &::before { font-size: 50px; } } } } .images-holder { overflow : hidden; border-radius: 8px; .carousel { .owl-stage-outer { overflow: hidden; .owl-item { opacity: 1; } } .owl-nav { @media #{$maxSmall} { display: none; } position : absolute; top : 50%; transform : translateY(-50%); width : 100%; display : flex; justify-content: space-between; .owl-prev, .owl-next { display : flex; justify-content: center; align-items : center; width : 110px; height : 110px; transition : 0.3s ease-in-out; &::before { color : var(--global--color-white); content : '\e906'; font-family: 'energia'; font-size : 20px; } } .owl-prev { left : 0; border-radius : 0 8px 8px 0; background-color: var(--global--color-primary); &:hover { background-color: var(--global--color-heading); } &:before { transform: rotate(270deg); } } .owl-next { right : 0; border-radius : 8px 0px 0px 8px; background-color: var(--global--color-heading); &:hover { background-color: var(--global--color-primary); } &:before { transform: rotate(90deg); } } } .owl-dots { position: absolute; width : 100%; bottom : -100px; } } } } .entry-video { .heading-desc { margin-bottom: 35px; } } .entry-topics { padding-top: 40px; .entry-topic { display : flex; flex-direction: column; margin-bottom : 16px; &:last-of-type { margin-bottom: 7px; } @media #{$minLarge} { flex-direction: row; } h5 { @media #{$minLarge} { flex-basis : 25%; margin-right: 5%; } } p { @media #{$minLarge} { flex-basis: 70%; transform : translateY(-4px); } } } } .entry-why { margin-bottom: 36px; .entry-desc { margin-bottom: 32px; } } .entry-benefits { margin-bottom: 36px; .entry-heading { margin-bottom: 37px; } } .projects { margin-bottom: 0; .entry-heading { margin-bottom: 37px; } } } } }module/_404.scss000064400000001142150437236230007377 0ustar00/*------------------------------------*\ #404 \*------------------------------------*/ .page-404 { h3 { font-size : 280px; font-weight : 600; line-height : 1.1; margin-bottom: 0; } p { color : #a5a5a5; font-size : 15px; font-weight : 400; line-height : 23px; margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .page-404 { h3 { font-size: 150px; } .btn { width: 125px; } } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .page-404 { h3 { font-size: 180px; } } }module/_topbar.scss000064400000006473150437236230010373 0ustar00/*------------------------------------*\ #TopBar \*------------------------------------*/ .top-bar { padding : 0 40px; display : flex; justify-content : space-between; height : 50px; position : relative; z-index : 8888; background-color: var(--global--color-secondary); @media (min-width: 992px) and (max-width:1100px) { padding: 0 20px; } .block-left { display : flex; align-items : center; justify-content: flex-start; flex-grow : 1; } .block-right { display : flex; align-items : center; justify-content: flex-end; .module-language { margin-left: 30px; @media (min-width: 992px) and (max-width:1100px) { margin-left: 15px; } } } .top-contact { display: flex; .contact-infos { display : flex; align-items : center; margin-right: 30px; @media (min-width: 992px) and (max-width:1100px) { margin-right: 15px; } &:last-child { margin-right: 0; } i { color : var(--global--color-primary); font-size : 15px; margin-right: 10px; } a, p { font-family : var(--global--font-body); line-height : 22px; font-size : 13px; font-weight : 400; margin-bottom : 0; color : #929ba2; text-transform: capitalize; } a { &:hover { color: var(--global--color-primary); } } } } .social-links { display : flex; align-items : center; margin-right: 30px; @media (min-width: 992px) and (max-width:1100px) { margin-right: 15px; } a { margin-right: 10px; color : var(--global--color-primary); transition : 0.3s ease-in-out; font-size : 20px; line-height : 1; &:last-child { margin-right: 0; } &:hover { i { transform: scale(0.9); } } i { display : inline-flex; transition: 0.3s ease-in-out; } } } .topbar-links { a { font-size : 13px; color : var(--global--color-white); text-transform: capitalize; margin-right : 15px; transition : 0.3s ease-in-out; &:hover { color: var(--global--color-primary); } &:last-child { margin-right: 0; } } } .headline { display : flex; align-items : center; font-family : var(--global--font-body); font-weight : 400; font-size : 13px; line-height : 21px; color : var(--global--color-primary); margin-bottom : 0; text-transform: capitalize; a { font-family : var(--global--font-body); font-weight : 400; font-size : 13px; line-height : 21px; color : var(--global--color-primary); margin-bottom : 0; text-transform: capitalize; margin-left : 4px; } a { color: #929ba2; } i { font-size : 16px; margin-right: 10px; } } &.top-bar-2 { .top-contact { margin-right: 30px; } .social-links { margin-right: 0; } } &.top-bar-3 { padding: 0; .topbar-links { margin-right: 30px; } .social-links { margin-right: 0; } .blocks-holder { display : flex; height : 100%; justify-content: space-between; } } }module/_projects.scss000064400000075451150437236230010737 0ustar00/*------------------------------------*\ #Projects \*------------------------------------*/ .projects { &.projects-modern { padding-top : 130px; padding-bottom: 70px; @media #{$maxTablet} { padding-top: 70px; } &.projects-modern-2 { padding-top: 210px; @media #{$maxTablet} { padding-top: 170px; } } &.projects-modern-3 { padding-top : 86px; padding-bottom: 110px; @media #{$maxTablet} { padding-top : 66px; padding-bottom: 70px; } } } &.projects-grid { padding-top : 114px; padding-bottom: 130px; @media #{$maxTablet} { padding-top : 54px; padding-bottom: 105px; } .carousel { @media (max-width: 400px) { padding: 0 5%; } .owl-stage-outer { overflow: hidden; .owl-item { opacity: 1; } } .owl-nav { @media #{$maxTablet} { display: none; } top: 167px; .owl-prev, .owl-next { display : flex; justify-content: center; align-items : center; width : 110px; height : 110px; transition : 0.3s ease-in-out; &::before { color : var(--global--color-white); content : '\e906'; font-family: 'energia'; font-size : 20px; } } .owl-prev { left : 0; border-radius : 0 8px 8px 0; background-color: var(--global--color-primary); &:hover { background-color: var(--global--color-heading); } &:before { transform: rotate(270deg); } } .owl-next { right : 0; border-radius : 8px 0px 0px 8px; background-color: var(--global--color-heading); &:hover { background-color: var(--global--color-primary); } &:before { transform: rotate(90deg); } } } .owl-dots { position: absolute; width : 100%; bottom : -100px; } } .project-panel { &:hover { box-shadow: none; } .project-panel-holder { .project-content { padding: 30px 38px 17px; @media #{$noteBook} { padding-left : 10px; padding-right: 10px; } .project-title { margin-bottom: 6px; } } } } &.projects-grid-2 { padding-top : 0; padding-bottom: 0; .carousel { @media (max-width: 400px) { padding: 0; } .owl-nav { position : absolute; top : 125px; left : -58px; display : flex; flex-direction: column; @media #{$maxTablet} { display: none; } .owl-prev, .owl-next { display : flex; justify-content: center; align-items : center; width : auto; height : auto; transition : 0.3s ease-in-out; &::before { color : var(--global--color-white); font-family: 'carousel'; font-size : 40px; } span { display: none; } } .owl-prev { left : auto; border-radius : 0; background-color: transparent; &:before { content : '\e990'; transform: rotate(0deg); color : var(--global--color-heading); } } .owl-next { right : auto; margin-bottom : 25px; border-radius : 0px; background-color: transparent; &:before { content : '\e991'; color : var(--global--color-primary); transform: rotate(0deg); } } } } .project-panel { .project-panel-holder { .project-content { display : flex; flex-direction: column; .project-title { order: 2; } .project-cat { order : 1; margin-bottom: 0; } } } } } &.projects-grid-3 { padding-top : 86px; padding-bottom: 110px; @media #{$maxTablet} { padding-top : 66px; padding-bottom: 70px; } .project-panel { margin-bottom: 10px; } #load-more { margin-top: 10px; } } } &.projects-standard { padding-top : 86px; padding-bottom: 110px; @media #{$maxTablet} { padding-top : 66px; padding-bottom: 70px; } .project-panel { box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.11); margin-bottom: 30px; &:hover { .project-panel-holder { .project-content { transition : 0.3s ease-in-out; background-color: var(--global--color-primary); .project-title { h4 { a { color: var(--global--color-white); } } } .project-cat { a { color: var(--global--color-white); } } } } } .project-panel-holder { .project-img { border-radius: 8px 8px 0 0; } .project-content { background-color: var(--global--color-white); padding : 30px 38px 27px; border-radius : 0 0 8px 8px; @media #{$noteBook} { padding-left : 10px; padding-right: 10px; } .project-title { margin-bottom: 6px; } } } } #load-more { margin-top: 20px; } &.projects-standard-2 { padding-top : 36px; padding-bottom: 145px; @media #{$maxSmall} { padding-bottom: 105px; } .project-panel { margin-bottom: 50px; } .owl-carousel { .owl-dots { position: absolute; width : 100%; bottom : -100px; } } } } .projects-load-more { text-align: center; .btn { width : 222px; box-shadow: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); } } &.projects-gallery { padding-top : 130px; padding-bottom: 110px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } .project-panel { margin-bottom: 30px; &:hover { box-shadow: none; .project-panel-holder { .project-img { img { transform: scale(1); } .project-hover { opacity : 1; visibility: visible; } } } } .project-panel-holder { .project-img { border-radius: 8px; &::after { content: unset; } .project-hover { position : absolute; top : 50%; left : 50%; transform : translate(-50%, -50%); width : 80px; height : 80px; border-radius : 50%; z-index : 2; display : flex; justify-content: center; align-items : center; background : var(--global--color-primary-70); opacity : 0; visibility : hidden; transition : 0.4s ease-in-out; .project-zoom { color : var(--global--color-white); font-size: 20px; } a { position: absolute; top : 0; left : 0; right : 0; width : 100%; height : 100%; z-index : 2; } } } } } .btn { margin-top: 10px; border : 2px solid var(--global--color-heading); &:focus &::active { color: var(--global--color-heading); } } } #load-more { box-shadow: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); i { font-size: 12px; } } } // Project Panel .project-panel { margin-bottom : 20px; background-color: var(--global--color-white); transition : 0.5s ease-in-out; border-radius : 8px; &:hover { box-shadow: 0 3px 20px 0 rgba(40, 40, 40, 0.13); .project-panel-holder { .project-img { img { transform: scale(1.1); } &::after { transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); } } .project-content { .project-more { .btn { box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.11); color : var(--global--color-white); background-color: var(--global--color-heading); border-color : var(--global--color-heading); i { color: var(--global--color-heading); } } } } } } @media #{$maxTablet} { margin : 0 auto 30px; max-width: 370px; } .project-panel-holder { .project-img { position : relative; overflow : hidden; border-radius: 8px; &::after { position : absolute; top : 0; left : 0; width : 100%; height : 100%; background: rgba(255, 255, 255, 0.5); content : ''; z-index : 1; transition: transform 0.6s; transform : scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); } a { position: absolute; top : 0; left : 0; right : 0; width : 100%; height : 100%; z-index : 2; } img { max-width : 100%; height : auto; transition: 0.5s ease-in-out; } } .project-content { padding : 33px 40px 40px; text-align: center; @media #{$noteBook} { padding-right: 25px; padding-left : 25px; } @media #{$minLarge} { text-align: left; } .project-title { margin-bottom: 16px; h4 { margin-bottom: 0; a { font-family : var(--global--font-heading); font-size : 20px; font-weight : 600; line-height : 27px; text-transform: capitalize; color : var(--global--color-heading); @media #{$noteBook} { font-size: 18px; } &:hover { color: var(--global--color-primary); } } } } .project-cat { margin-bottom: 3px; a { color : var(--global--color-primary); font-family : var(--global--font-body); font-size : 14px; font-weight : 400; line-height : 28px; position : relative; text-transform: capitalize; &::before { content : ''; height : 1px; width : 100%; background-color: var(--global--color-primary); position : absolute; bottom : -2px; left : 0; opacity : 0; transition : 0.3s ease-in-out; } &:hover { color: var(--global--color-primary); &::before { opacity: 1; } } &::after { content : ","; margin-right: 5px; } &:last-of-type { &::after { content: none; } } } } .project-desc { margin-bottom: 32px; p { font-family : var(--global--font-body); color : var(--global--color-body); font-size : 15px; line-height : 25px; margin-bottom: 0; } } .project-more { .btn { border : 2px solid rgba(37, 55, 69, 0.5); width : 100%; height : 55px; color : var(--global--color-heading); transition: 0.5s ease-in-out; i { width : 28px; height : 28px; background-color: var(--global--color-white); display : flex; justify-content : center; align-items : center; color : var(--global--color-heading); border-radius : 50%; transition : 0.5s ease-in-out; } &::before { content: unset; } &:hover { i { transform: translateX(10px); } } } } } } } /* Projects Filter */ .projects-filter { text-align : center; margin-bottom: 33px; ul { @media #{$maxSmall} { display : flex; flex-wrap : wrap; justify-content: space-evenly; } } li { display: inline-block; @media #{$maxSmall} { margin-bottom: 15px; } &:last-child { a { margin-right: 0; } } a { font-size : 15px; font-weight : 700; line-height : 1; margin-right : 35px; text-transform: capitalize; font-family : var(--global--font-body); color : var(--global--color-heading); @media #{$maxSmall} { margin-right: 0; } &:hover { color: var(--global--color-primary); } &.active-filter { color: var(--global--color-primary); } } } } /* Project Single */ .project-single { padding-top : 0; padding-bottom: 0; .project-intro { .project-img { position: relative; img { max-width : 100%; border-radius: 12px; @media #{$maxSmall} { height : 200px; border-radius: 8px 8px 0 0; } } .project-panel { position : absolute; right : 65px; bottom : -65px; max-width : 400px; box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.16); margin-bottom: 0; @media #{$maxTablet} { right : 40px; bottom: -70px; } @media #{$maxSmall} { position : relative; right : auto; bottom : auto; border-radius: 0 0 8px 8px; margin-bottom: 0; } &:hover { .project-content { .project-more { .btn { background-color: var(--global--color-primary); &::before { transform : scaleX(1); transform-origin: left center; } } } } } .project-content { padding: 43px 50px 75px; @media #{$maxTablet} { padding-left : 25px; padding-right: 25px; } .project-cat { margin-bottom: 0; } .project-title { margin-bottom: 29px; } .project-more { position: absolute; bottom : 0; left : 0; .btn { width : 204px; height : 65px; color : var(--global--color-white); border : 0; box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.11); border-radius: 0 8px 0 8px; &::before { content : ''; position : absolute; width : calc(100%); height : calc(100%); top : 0px; left : 0px; z-index : -1; transform : scaleX(0); transform-origin: right center; transition : transform .24s ease-in-out; } i { color : var(--global--color-white); background-color: transparent; } } } } } } } .project-overview { padding-top : 110px; padding-bottom: 80px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 60px; } .project-details { margin-bottom: 30px; @media #{$minLarge} { transform : translateY(-6px); margin-bottom: 23px; } .table { margin-bottom: 0; @media #{$minLarge} { width: 80%; } td { border-top : 0; border-bottom : 0; padding-bottom: 5px; } .name { font-family : var(--global--font-body); font-weight : 700; font-size : 15px; color : var(--global--color-secondary); text-transform: capitalize; @media #{$minLarge} { padding-left: 0; } } .value { font-family : var(--global--font-body); font-weight : 400; font-size : 15px; color : var(--global--color-body); text-transform: capitalize; } } } .advantages-list-holder { padding : 32px 40px 32px; background-color: #e0f6e9; border-radius : 12px; @media #{$minLarge} { margin-top: 6px; } @media #{$maxTablet} { padding-left : 30px; padding-right: 30px; } p { font-size : 17px; font-weight : 700; line-height : 27px; color : var(--global--color-secondary); margin-bottom: 25px; } } &.project-overview-1 { @media #{$maxTablet} { padding-top: 100px; } .btn { width : 270px; height : 60px; box-shadow: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); } } &.project-overview-2 { @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } } &.project-overview-3 { padding-top : 120px; padding-bottom: 130px; @media #{$maxTablet} { padding-top : 200px; padding-bottom: 70px; } .btn { box-shadow: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); } .heading { margin-bottom: 62px; } } &.project-overview-4 { padding-top : 110px; padding-bottom: 90px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } .counters-holder { margin-top: 30px; @media #{$minLarge} { margin-top: 11px; } } } } .project-image-carousel { padding-top : 0; padding-bottom: 0; .owl-carousel { .owl-stage-outer { .owl-item { opacity: 1; } } .owl-nav { @media #{$maxTablet} { display: none; } top: 167px; .owl-prev, .owl-next { display : flex; justify-content: center; align-items : center; width : 110px; height : 110px; transition : 0.3s ease-in-out; &::before { color : var(--global--color-white); content : '\e906'; font-family: 'energia'; font-size : 20px; } } .owl-prev { left : 0; border-radius : 0 8px 8px 0; background-color: var(--global--color-primary); &:hover { background-color: var(--global--color-heading); } &:before { transform: rotate(270deg); } } .owl-next { right : 0; border-radius : 8px 0px 0px 8px; background-color: var(--global--color-heading); &:hover { background-color: var(--global--color-primary); } &:before { transform: rotate(90deg); } } } .owl-dots { margin-top: 10px; position : relative; bottom : auto; } } } .project-share { padding-top : 33px; padding-bottom: 40px; border-bottom : 1px solid #eaeaea; .tags { display : flex; justify-content: center; align-items : center; margin-bottom : 10px; a { font-family : var(--global--font-body); font-weight : 400; font-size : 14px; line-height : 28px; color : var(--global--color-primary); text-transform: capitalize; &::after { content : ','; margin-right: 4px; } &:last-child { &::after { content: unset; } } } } .social-share { display : flex; justify-content: center; align-items : center; a { display : inline-flex; justify-content: center; align-items : center; width : 40px; height : 40px; border-radius : 50%; border : 2px solid #929ba2; margin-right : 10px; transition : 0.3s ease-in-out; &:last-child { margin-right: 0; } &:hover { i { width : 40px; height : 40px; background-color: var(--global--color-primary); } } i { display : inline-flex; justify-content : center; align-items : center; width : 20px; height : 20px; border-radius : 50%; font-size : 11px; background-color: var(--global--color-heading); color : var(--global--color-white); transition : 0.3s ease-in-out; } } } } }module/_company-data.scss000064400000010774150437236230011460 0ustar00/*------------------------------------*\ #Company Data \*------------------------------------*/ .company-data { padding-top : 45px; padding-bottom: 45px; border-bottom : 1px solid #eaeaea; overflow : visible; .data { display : flex; align-items: center; @media #{$maxSmall} { margin-bottom: 15px; } .data-icon { margin-right: 20px; @media #{$noteBook} { margin-right: 10px; } i { &::before { margin-left: 0; color : var(--global--color-primary); font-size : 50px; @media #{$noteBook} { font-size: 35px; } } } } .data-body { h6 { font-family : var(--global--font-heading); font-weight : 700; font-size : 18px; line-height : 24px; color : #282828; text-transform: capitalize; margin-bottom : 7px; } p, a { color : var(--global--color-body); transition : 0.3s ease-in-out; font-family : var(--global--font-body); font-weight : 400; font-size : 14px; line-height : 24px; text-transform: capitalize; } a { &:hover { color: var(--global--color-primary); } } } } .panels-container { display : flex; margin-top : 40px; border-radius: 8px; overflow : hidden; @media #{$minLarge} { margin-top : 0px; justify-content: flex-end; margin-bottom : -126px; transform : translateY(-126px); position : relative; z-index : 1000; } @media #{$maxTablet} { max-width : 370px; margin-left : auto; margin-right: auto; } .panel-action { background-color: var(--global--color-primary); transition : 0.3s ease-in-out; padding : 37px 30px 39px 45px; display : flex; align-items : flex-start; cursor : pointer; @media #{$noteBook} { padding-left : 20px; padding-right: 20px; } @media #{$maxTablet} { padding-left : 25px; padding-right: 25px; } @media #{$maxSmall} { flex-direction: column; align-items : center; text-align : center; } .panel-icon { flex-shrink : 0; margin-bottom: 20px; @media #{$minTablet} { margin-right : 30px; margin-bottom: 0; } @media #{$noteBook} { margin-right: 20px; } i { &::before { color : var(--global--color-white); font-size : 65px; margin-left: 0; @media #{$noteBook} { font-size: 50px; } } } } .panel-content { .panel-heading { font-family : var(--global--font-heading); font-weight : 700; font-size : 20px; line-height : 30px; margin-bottom: 16px; transition : 0.3s ease-in-out; color : var(--global--color-white); @media #{$noteBook} { font-size: 18px; } } .panel-desc { font-size : 15px; line-height: 24px; color : var(--global--color-gray); } } } } }module/_hero.scss000064400000037464150437236230010045 0ustar00/*------------------------------------*\ #Slider \*------------------------------------*/ .slider { padding-top : 0; padding-bottom: 0; .slide { padding-top: 0; height : 650px; display : flex; align-items: center; .slide-content { display : flex; justify-content: center; flex-direction : column; @media #{$maxTablet} { align-items: center; } .slide-subheadline { font-family : var(--global--font-body); font-weight : 700; font-size : 16px; line-height : 1; color : var(--global--color-gray); margin-bottom : 20px; text-transform: capitalize; @media #{$maxTablet} { text-align : center; line-height: 1.5; } } .slide-headline { font-family : var(--global--font-heading); font-weight : 700; font-size : 75px; line-height : 75px; color : var(--global--color-white); margin-bottom : 24px; text-transform: capitalize; @media #{$noteBook} { font-size : 60px; line-height: 1.3; } @media #{$maxSmall} { font-size : 32px; line-height: 1.4; } @media #{$maxTablet} { text-align: center; } } .slide-desc { font-family : var(--global--font-body); font-weight : 700; font-size : 18px; line-height : 29px; color : var(--global--color-gray); margin-bottom: 41px; @media #{$maxTablet} { text-align: center; } } .slide-action { margin-bottom: 0px; display : flex; align-items : center; @media #{$maxSmall} { display : flex; flex-direction: column; align-items : center; } .btn { justify-content: space-between; border-radius : 4px; padding : 30px; box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.11); font-family : var(--global--font-body); font-size : 15px; font-weight : 700; display : inline-flex; width : 200px; height : 65px; margin-right : 30px; &:last-child { margin-right: 0; } @media #{$maxSmall} { width : 190px; height : 50px; margin-right : 0; margin-bottom: 20px; &:last-child { margin-bottom: 0; } } i { font-size : 12px; margin-right: 0; } } } .slide-list { margin-right: 40px; @media #{$maxSmall} { display : flex; flex-wrap : wrap; align-items : center; justify-content: center; margin-right : 0; } .icon { margin-right: 35px; display : inline-block; &:last-child { margin-right: 0; } @media #{$maxSmall} { margin-right : 0; margin : 0 15px; margin-bottom: 15px; &:last-child { margin-right: 15px; } } &:hover { i { transform: translateY(-10px); } } i { display : flex; justify-content: center; align-items : center; transition : 0.3s ease-in-out; &::before { margin-left: 0; font-size : 67px; color : var(--global--color-white); } } } } } .slider-panel-holder { display : flex; flex-direction : column; flex-grow : 1; justify-content: center; @media #{$maxTablet} { align-items: center; } .slider-panel { background-color: var(--global--color-white); position : relative; padding : 40px; display : flex; flex-direction : column; align-items : center; text-align : center; box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.08); border-radius : 8px; max-width : 270px; @media #{$maxSmall} { padding: 30px; } @media #{$noteBook} { padding: 20px; } &::before { content : ''; position : absolute; top : 0; left : 50%; transform : translateX(-50%); height : 4px; width : calc(100% - 80px); background-color: var(--global--color-primary); @media #{$maxSmall} { width: calc(100% - 60px); } @media #{$noteBook} { width: calc(100% - 40px); } } .panel-icon { margin-bottom: 23px; &:before { font-size : 75px; margin-left: 0; color : var(--global--color-heading); } } .panel-title { font-size : 19px; line-height : 29px; color : var(--global--color-secondary); text-transform: capitalize; margin-bottom : 10px; } .panel-desc { font-size : 15px; line-height : 25px; margin-bottom: 17px; } a { display : inline-flex; justify-content : center; align-items : center; width : 32px; height : 32px; background-color: var(--global--color-primary); border-radius : 50%; color : var(--global--color-white); transition : 0.3s ease-in-out; &:hover { transform: translateX(10px); } } } } } .carousel-navs { .owl-nav { @media #{$maxTablet} { display: none; } span { font-size: 0; } .owl-next:before, .owl-prev:before { color : rgba(255, 255, 255, 0.5); font-family: "carousel" !important; font-size : 44px; transition : 0.3s ease-in-out; } .owl-prev:before { content: "\e990"; } .owl-next:before { content: "\e991"; } .owl-next, .owl-prev { position : absolute; top : 50%; transform: translateY(-50%); &:hover { &::before { color: white; } } } .owl-next { right: 30px; } .owl-prev { margin-right: 0; left : 30px; } } } &.slider-1 { .slide { @media #{$maxTablet} { height : auto; padding-top : 70px; padding-bottom: 110px; } .slide-content { @media #{$maxTablet} { margin-bottom: 50px; } .slide-list { @media #{$maxSmall} { margin-bottom: 25px; } } } } } &.slider-2 { .carousel-dots { @media #{$minLarge} { display : flex; flex-direction: column; } .owl-dots { @media #{$minLarge} { padding-right : var(--bs-gutter-x, .75rem); padding-left : var(--bs-gutter-x, .75rem); margin-right : auto; margin-left : auto; position : relative; max-width : 960px; bottom : auto; order : -1; justify-content: flex-start; transform : translateY(80px); margin-top : -6px; } @media #{$minXlarge} { max-width: 1140px; } } } } &.slider-3 { .slide-content { .slide-headline { margin-bottom: 34px; } .slide-list { margin-right : 0; margin-bottom: 32px; li { &::before { @media #{$maxSmall} { margin-right: 10px; flex-shrink : 0; } } } } .slide-action { @media #{$maxTablet} { justify-content: center; } .btn { &:first-child { margin-right: 40px; @media #{$maxSmall} { margin-right: 0; } &:hover { i { color: var(--global--color-white); } } i { color : var(--global--color-heading); transition: 0.3s ease-in-out; } } } .btn-video { &:hover { span { color: var(--global--color-heading); } i { background-color: var(--global--color-heading); color : var(--global--color-white); } } i { width : 65px; height : 65px; margin-right: 30px; } span { transition : 0.3s ease-in-out; font-family : var(--global--font-body); font-size : 15px; font-weight : 700; color : var(--global--color-white); text-transform: capitalize; } } } } } } .hero { padding-bottom: 0; .hero-content { padding-top : 185px; padding-bottom: 26px; @media #{$maxTablet} { text-align : center; padding-top: 120px; } .hero-subtitle { font-family : var(--global--font-body); color : var(--global--color-gray); font-size : 16px; line-height : 1; font-weight : 700; margin-bottom: 15px; @media #{$maxTablet} { line-height: 1.5; } } .hero-title { font-family : var(--global--font-heading); color : var(--global--color-white); font-weight : 500; font-size : 40px; line-height : 55px; margin-bottom : 19px; text-transform: capitalize; @media (min-width:992px) and (max-width:1199px) { font-size: 35px; ; line-height: 1.4; } @media #{$maxSmall} { font-size : 32px; line-height: 1.4; } } .hero-desc { font-family : var(--global--font-body); color : var(--global--color-gray); font-size : 16px; font-weight : 400; line-height : 27px; margin-bottom: 31px; } .hero-action { margin-bottom: 105px; @media #{$maxSmall} { display : flex; flex-direction: column; align-items : center; margin-bottom : 70px; } .btn { font-family : var(--global--font-body); font-size : 15px; font-weight : 700; display : inline-flex; width : 210px; height : 60px; margin-right: 30px; @media #{$maxSmall} { margin-right : 0; margin-bottom: 15px; height : 50px; width : 210px; } @media (min-width:992px) and (max-width:1250px) { width : 170px; margin-bottom: 15px; } &:last-child { margin-right: 0; } &.btn--white { box-shadow: 2.121px 2.121px 3px rgba(3, 21, 50, 0.05); } } } .breadcrumb { @media #{$maxTablet} { justify-content: center; } .breadcrumb-item+.breadcrumb-item { padding-left: 0; display : flex; align-items : center; a { font-size : 14px; line-height: 1; } } >li+li:before { font-family: "Font Awesome 5 Free"; font-weight: 700; font-size : 10px; padding : 0 10px; color : var(--global--color-white); content : "\f054"; } } } .hero-panel-holder { display : flex; justify-content: flex-end; @media #{$maxTablet} { justify-content: center; margin-bottom : 30px; } .hero-panel { background-color: var(--global--color-white); border-radius : 8px 0 8px 8px; padding : 26px 40px 39px; max-width : 290px; .panel-content { display : flex; flex-direction: column; @media #{$maxTablet} { align-items: center; } i { color : #51668a; margin-bottom: 12px; display : inline-block; &::before { margin-left: 0; font-size : 49px; } } h5 { font-family : var(--global--font-heading); font-weight : 500; font-size : 19px; line-height : 28px; color : var(--global--color-heading); margin-bottom : 14px; text-transform: capitalize; } p { font-family : var(--global--font-body); font-weight : 400; font-size : 14px; line-height : 24px; color : var(--global--color-body); margin-bottom: 21px; } .btn { width : 155px; height : 42px; border-radius : 8px 8px 0 8px; border : 2px solid; transition-property: background, color, border-color; border-color : #687596; &::before { background-color: var(--global--color-secondary); width : calc(100% + 4px); height : calc(100% + 4px); top : -2px; left : -2px; } &:hover { border-color: #213360; } } } &.hero-panel-dark { background-color: #435ba1; .panel-content { i, h5, p { color: var(--global--color-white); } .btn { background-color : transparent; color : var(--global--color-white); border-color : #7284b9; border : 2px solid; transition-property: background, color, border-color; &::before { background-color: var(--global--color-primary); width : calc(100% + 4px); height : calc(100% + 4px); top : -2px; left : -2px; } &:hover { border-color: var(--global--color-primary); color : var(--global--color-white); } } } } } .phone-card { display : flex; background-color: #435ba1; padding : 35px 40px 31px; border-radius : 0 32px 0 0; max-width : 470px; @media #{$minLarge} { transform: translateY(80px); } @media #{$maxSmall} { flex-direction: column; align-items : center; text-align : center; } .card-icon { flex-shrink : 0; margin-right: 30px; @media #{$maxSmall} { margin-right: 0; } i { &::before { display : flex; transform : translateY(-4px); font-size : 50px; margin-left: 0; color : var(--global--color-white); } } } .card-content { h5 { font-weight : 500; font-size : 19px; line-height : 28px; color : var(--global--color-white); text-transform: capitalize; margin-bottom : 16px; } p { font-size : 14px; color : var(--global--color-gray); line-height : 24px; margin-bottom: 15px; } a { display : flex; align-items: center; transition : 0.3s ease-in-out; color : var(--global--color-white); @media #{$maxTablet} { justify-content: center; } span { transition : 0.3s ease-in-out; font-family: var(--global--font-heading); font-weight: 400; font-size : 24px; } i { margin-bottom: 4px; transition : 0.3s ease-in-out; font-size : 19px; margin-right : 15px; } } } } &.hero-panel-holder-2 { display : flex; flex-direction : column; flex-grow : 1; justify-content: flex-end; align-items : flex-end; @media #{$maxTablet} { align-items: center; } } } .hero-rating { display : flex; align-items: center; .num { font-family : var(--global--font-heading); font-weight : 500; font-size : 37px; line-height : 22px; color : var(--global--color-white); margin-right: 18px; } .rating-body { p { font-family : var(--global--font-body); font-weight : 400; font-size : 13px; line-height : 23px; color : var(--global--color-gray); margin-bottom: 0; a { font-family : var(--global--font-body); font-weight : 700; font-size : 14px; line-height : 23px; color : var(--global--color-secondary); text-transform: capitalize; } } } } }module/_menu-max1200.scss000064400000000402150437236230011120 0ustar00/* Large Devices, Wide Screens */ @media only screen and (min-width: 992px) and (max-width: 1200px) { .navbar-nav>li { margin-right: 16px; } .module .module-icon, .module-consultation .btn { margin-right: 0; } }module/_features.scss000064400000023420150437236230010711 0ustar00/*------------------------------------*\ #Features \*------------------------------------*/ .features { padding-top : 130px; padding-bottom: 100px; overflow : visible; @media #{$maxSmall} { padding-top : 70px; padding-bottom: 70px; } .feature-panel-holder { transition: 0.3s ease-in-out; &:hover { .feature-panel { background-color: var(--global--color-white); .feature-icon { animation: bounce 0.5s ease-in-out; } a { background-color: var(--global--color-primary); padding-left : 15px; padding-right : 15px; i { color: var(--global--color-white); } span { font-size : 14px; opacity : 1; margin-left: 10px; } } &.feature-panel-2 { box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.21); } } } .feature-panel { position : relative; padding : 39px 35px 40px; display : flex; flex-direction : column; align-items : center; text-align : center; overflow : hidden; background-color: var(--global--color-white); border-radius : 8px; box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.21); cursor : pointer; margin-bottom : 30px; transition : 0.3s ease-in-out; @media #{$noteBook} { padding: 39px 19px 40px; } @media #{$maxTablet} { max-width: 370px; margin : 0 auto 30px; } .feature-icon { margin-bottom: 17px; i { &::before { color : var(--global--color-primary); margin-left: 0; font-size : 65px; transition : 0.3s ease-in-out; } } } .feature-content { display : flex; flex-direction: column; align-items : center; text-align : center; h4 { font-family : var(--global--font-heading); font-weight : 600; font-size : 19px; line-height : 27px; text-transform: capitalize; margin-bottom : 16px; color : var(--global--color-secondary); transition : 0.3s ease-in-out; } p { font-family : var(--global--font-body); font-size : 15px; line-height : 25px; margin-bottom: 20px; color : var(--global--color-body); transition : 0.3s ease-in-out; } } a { display : flex; justify-content : center; align-items : center; padding : 10px; height : 32px; border-radius : 16px; background-color: var(--global--color-heading); font-size : 12px; color : var(--global--color-white); transition : 0.3s ease-in-out; box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.11); i { transition: 0.3s ease-in-out; } span { font-size : 0; opacity : 0; transition : 0.3s ease-in-out; display : inline-flex; text-transform: capitalize; font-family : var(--global--font-body); font-weight : 700; font-size : 0px; color : var(--global--color-white); } } &.feature-panel-2 { box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.11); } } } .actions-holder { display : flex; align-items: center; @media #{$maxTablet} { justify-content: center; } @media #{$maxSmall} { flex-direction: column; } .btn { margin-right: 30px; &:first-child { width: 170px; } &:last-child { width : 180px; margin-right: 0; padding : 0 28px; } @media #{$maxSmall} { margin-right : 0; margin-bottom: 20px; } } } .carousel-dots { .owl-dots { margin-top : 10px; margin-bottom: 70px; } } &.features-1 { padding-bottom: 0; } &.features-2 { padding-bottom: 0; position : relative; z-index : 2; .feature-panel-holder { .feature-panel { margin-bottom: 32px; } } } &.features-3 { padding-top : 0; padding-bottom: 0; } &.features-4 { padding-top : 130px; padding-bottom: 110px; position : relative; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } .features-overlay { position : absolute; top : 0; left : 50%; transform : translateX(-50%); height : 100%; width : calc(100% - 7%); border-radius: 12px; @media #{$maxTablet} { width: calc(100% - 4%); } } .heading { position: relative; z-index : 1; } .owl-carousel { .owl-dots { margin-bottom: 0; } } } } .more-features { @media #{$maxTablet} { text-align : center; margin-bottom: 40px; } p { font-family : var(--global--font-body); font-weight : 700; font-size : 16px; color : var(--global--color-gray); margin-bottom: 30px; a { position : relative; color : var(--global--color-primary); transition : 0.3s ease-in-out; text-transform: capitalize; &:hover { color: var(--global--color-primary-70); } } } .btn { width: 185px; } &.more-features-2 { text-align : center; display : flex; align-items : center; justify-content: center; padding-top : 40px; padding-bottom : 40px; @media #{$maxTablet} { flex-direction: column; margin-bottom : 0; } p { margin-right : 30px; margin-bottom: 0; font-size : 15px; @media #{$maxTablet} { margin-right : 0; margin-bottom: 30px; } } .btn { width : 178px; height : 45px; padding: 0 23px; color : var(--global--color-heading); } } &.more-features-3 { text-align: center; p { font-family : var(--global--font-body); font-weight : 700; font-size : 15px; color : var(--global--color-white); margin-bottom: 70px; a { position : relative; font-weight : 700; color : var(--global--color-primary); transition : 0.3s ease-in-out; text-transform: capitalize; padding-bottom: 6px; &:hover { &::before { width: calc(100% - 20%); } } &::before { content : ''; transition : 0.3s ease-in-out; position : absolute; bottom : 0; left : 50%; transform : translateX(-50%); width : 100%; height : 2px; background-color: var(--global--color-primary); } } } } } .features-bar { padding-top : 0; padding-bottom: 0px; overflow : visible; .features-holder { position : relative; z-index : 55; transform : translateY(-80px); margin-bottom : -80px; background-color: var(--global--color-white); border-radius : 4px; overflow : hidden; @media screen and (max-width:567px) { max-width: 370px; } @media #{$minLarge} { box-shadow: 0px 5px 83px 0px rgba(9, 29, 62, 0.15); } @media #{$maxSmall} { margin: 0 auto -80px; } @media screen and (max-width:767px) { padding-bottom: 40px; } .feature-panel { padding: 34px 40px 40px; @media screen and (max-width:767px) { padding-bottom: 0; } @media #{$minLarge} { box-shadow: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); } @media #{$maxTablet} { max-width: 370px; margin : 0 auto; } @media #{$noteBook} { padding-left : 30px; padding-right: 30px; } &:hover { .feature-content { i { color : var(--global--color-white); background-color: var(--global--color-primary); transform : rotate(360deg); } } } .feature-content { position : relative; z-index : 3; text-align : center; display : flex; flex-direction: column; align-items : center; i { margin-bottom : 7px; width : 94px; height : 94px; display : flex; justify-content : center; align-items : center; border-radius : 50%; background-color: var(--global--color-white); color : var(--global--color-primary); position : relative; overflow : hidden; transition : 0.3s ease-in-out; &::before { font-size: 65px; z-index : 2; } } h5 { text-transform: capitalize; font-family : var(--global--font-heading); font-weight : 600; font-size : 19px; line-height : 28px; color : var(--global--color-secondary); margin-bottom : 0px; } } } } .actions-holder { display : flex; align-items: center; @media #{$maxTablet} { justify-content: center; } @media #{$maxSmall} { flex-direction: column; } .btn { width : 170px; height : 60px; margin-right: 30px; @media #{$maxSmall} { margin-right : 0; margin-bottom: 20px; } &:last-child { border-color : #687696; border : 2px solid; transition-property: background, color, border-color; &::before { background-color: var(--global--color-primary); width : calc(100% + 4px); height : calc(100% + 4px); top : -2px; left : -2px; } &:hover { border-color: var(--global--color-secondary); } } } } } /* Small Devices, Tablets */ @media only screen and (max-width: 1200px) {} @media only screen and (max-width: 767px) {}module/_footer.scss000064400000020407150437236230010373 0ustar00/*------------------------------------*\ #Footer \*------------------------------------*/ /* Parallax Effect */ #wrapperParallax { position : relative; z-index : 1060; min-height: 100vh; } #footerParallax { position: fixed; z-index : -1; left : 0; right : 0; bottom : 0; } @media only screen and (max-width: 991px) { #wrapperParallax { margin-bottom: 0 !important; } #footerParallax { position : static; text-align: center; } } .footer { background-color: #1a2a36; padding-top : 0; padding-bottom : 0; position : relative; .footer-top { padding-top : 100px; padding-bottom: 68px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 20px; } } /* Footer Widgets */ .footer-widget { text-align: center; @media #{$minTablet} { text-align: left; } @media #{$maxTablet} { margin-bottom: 30px; } .footer-widget-title { h5 { font-family : var(--global--font-heading); color : var(--global--color-gray); font-size : 16px; font-weight : 700; line-height : 30px; text-transform: capitalize; margin-bottom : 30px; } } .widget-content { p { font-family : var(--global--font-body); color : #929ba2; font-size : 14px; font-weight : 400; line-height : 24px; margin-bottom: 25px; } } } .widget-links { ul { padding-left : 0; list-style : none; margin-bottom: 0; overflow : hidden; transform : translateY(-5px); li { display: block; a { color : #929ba2; font-size : 14px; font-weight : 400; line-height : 33px; text-transform: capitalize; font-family : var(--global--font-body); &:hover { color: var(--global--color-primary); } } } } &.widget-icon { background : url('../images/icons/footer-mouse.png'); background-position-x: 100%; background-position-y: -21px; background-repeat : no-repeat; } } .widget-contact { transform: translateY(12px); .widget-content { p { color : var(--global--color-white); margin-bottom: 15px; } .phone { margin-bottom: 18px; font-family : var(--global--font-body); font-weight : 300; font-size : 34px; line-height : 22px; color : #929ba2; display : flex; @media #{$maxSmall} { justify-content: center; } a { font-family: var(--global--font-body); font-weight: 300; font-size : 34px; line-height: 22px; margin-left: 8px; color : var(--global--color-white); transition : 0.3s ease-in-out; &:hover { color: var(--global--color-primary); } } } .email { font-family : var(--global--font-body); font-weight : 700; font-size : 15px; line-height : 21px; color : var(--global--color-primary); margin-bottom: 40px; a { font-family: var(--global--font-body); font-weight: 700; font-size : 15px; line-height: 21px; color : var(--global--color-primary); &:hover { color: var(--global--color-primary-70); } } } .address { margin-bottom: 12px; p { font-family : var(--global--font-body); color : #929ba2; font-size : 14px; font-weight : 400; line-height : 24px; margin-bottom: 25px; margin-bottom: 0; } } .directions { a { font-family : var(--global--font-body); font-weight : 700; font-size : 15px; line-height : 1; color : var(--global--color-white); text-transform: capitalize; display : flex; align-items : center; transition : 0.3s ease-in-out; @media #{$maxSmall} { justify-content: center; } i { color : var(--global--color-white); margin-right: 10px; transition : 0.3s ease-in-out; } &:hover { color: var(--global--color-primary); i { color: var(--global--color-primary) } } } } } } } .footer-copyright { padding: 50px 0 40px; .copyright { display : flex; justify-content: space-between; align-items : center; width : 100%; @media #{$maxTablet} { flex-direction: column; } span { font-family : var(--global--font-body); font-weight : 400; font-size : 14px; color : var(--global--color-white); text-transform: capitalize; @media #{$maxTablet} { margin-bottom: 40px; text-align : center; } a { color: var(--global--color-primary); &:hover { color: var(--global--color-primary-70); } } } .social-icons { margin-bottom: 0; li { display : inline-block; margin-right: 30px; @media #{$maxSmall} { margin-right: 15px; } &:last-child { margin-right: 0; } a { display : flex; align-items : center; font-size : 14px; text-transform: capitalize; font-family : var(--global--font-body); font-weight : 700; color : #929ba2; transition : 0.3s ease-in-out; &:hover { color: var(--global--color-primary); i { color: var(--global--color-primary); } } i { font-size : 20px; margin-right: 10px; color : var(--global--color-white); transition : 0.3s ease-in-out; } } } } } }module/_menu-max991.scss000064400000013254150437236230011071 0ustar00/* Small Devices, Tablets */ @media only screen and (max-width: 991.98px) { .header { .navbar { padding: 0 40px; @media #{$maxSmall} { padding: 0 15px; } .navbar-brand { margin-right: 0; height : 80px; line-height : 80px; .logo-light { display: none; } .logo-phone { width: auto; } } .navbar-collapse { border-top : 1px solid #eaeaea; position : absolute; left : 0; top : 100%; width : 100%; background-color: var(--global--color-white); padding : 15px 30px; opacity : 0; visibility : hidden; transform : translateY(20px); transition : 0.3s linear; &.show { visibility: visible; opacity : 1; transform : translateY(0px); } } &.navbar-bordered { .navbar-collapse { top: calc(100% + 1px); } } } } /* Navabar */ .header { .navbar { .navbar-nav { >li { margin-right: 0px; >a, &.active>a { line-height: 36px; color : var(--global--color-heading); display : block; z-index : 5; &::before, &::after { display: none; } } } } .menu-item::before { display: none; } .has-dropdown { &::after { font-family : "Font Awesome 5 Free"; font-weight : 700; content : "\f107"; display : flex; justify-content : center; align-items : center; font-size : 14px; position : absolute; border-radius : 5px; right : 0; top : 5px; color : var(--global--color-heading); background-color: #e0f6e9; width : 25px; height : 25px; transition : 0.3s ease-in-out; } &:hover, &.active { &::after { color: var(--global--color-primary); } } &.show { &::after { content: '\f106'; } } } .dropdown-menu { padding : 0; transition: max-height 0.3s ease-in-out; max-height: 0; display : block; overflow : hidden; li { line-height: 26px; &.current { a { background-color: #e0f6e9; color : var(--global--color-primary); } } a { margin-left : 15px; color : var(--global--color-heading); font-size : 15px; font-weight : 500; display : block; padding : 4px 15px; margin-bottom : 5px; text-transform: capitalize; border-radius : 8px 8px 0 8px; &:hover { background-color: #e0f6e9; color : var(--global--color-primary); } } } } .show { >.dropdown-menu { max-height: 2000px; } } .dropdown-submenu { &.show { .dropdown-menu { max-height: 2000px; } } .dropdown-menu { padding-left: 20px; } } /* Mega Menu Content */ li.has-dropdown { &.mega-dropdown { >.dropdown-menu { .row { .menu-head { font-size : 14px; font-family : var(--global--font-heading); font-weight : 700; color : var(--global--font-heading); text-transform: capitalize; margin-bottom : 15px; } } } } } } } }module/_testimonial.scss000064400000031615150437236230011430 0ustar00/*------------------------------------*\ #Testimonial \*------------------------------------*/ .testimonial { padding-top : 90px; padding-bottom: 85px; @media #{$maxSmall} { padding-top : 70px; padding-bottom: 70px; } .testimonial-panel { @media #{$maxSmall} { max-width : 370px; margin-right: auto; margin-left : auto; } .testimonial-body { position: relative; display : flex; @media #{$maxTablet} { flex-direction: column; align-items : center; } .testimonial-img { margin-right : 40px; width : 63px; height : 63px; flex-shrink : 0; padding : 5px; border : 2px solid var(--global--color-primary); border-radius: 50%; overflow : hidden; display : flex; img { max-width : 100%; border-radius: 50%; } @media #{$noteBook} { margin-right: 25px; } @media #{$maxTablet} { margin-bottom: 30px; margin-right : 0; } } .testimonial-content { @media #{$maxTablet} { text-align: center; } p { font-family : var(--global--font-heading); color : var(--global--color-white); font-size : 24px; font-weight : 500; line-height : 39px; margin-bottom: 21px; font-style : italic; @media #{$noteBook} { font-size : 22px; line-height: 1.5; } } .testimonial-meta { position : relative; display : flex; align-items: center; @media #{$maxTablet} { justify-content: center; } h6 { font-family : var(--global--font-body); font-size : 14px; line-height : 28px; font-weight : 700; color : var(--global--color-white); text-transform: capitalize; margin-bottom : 0; &:after { content : ','; margin-right: 4px; } } p { font-family : var(--global--font-body); color : var(--global--color-gray); font-size : 14px; font-weight : 400; line-height : 23px; text-transform: capitalize; margin-bottom : 0; } } } } &.testimonial-panel-2 { .testimonial-body { .testimonial-content { p { font-weight : 600; font-size : 25px; line-height : 41px; margin-bottom: 39px; font-style : normal; color : var(--global--color-secondary); @media #{$noteBook} { font-size : 20px; line-height: 35px; } @media #{$maxSmall} { font-size : 20px; line-height: 35px; } } } } } } .testimonial-thumbs { display : flex; align-items: center; @media #{$maxTablet} { justify-content: center; } @media #{$maxSmall} { flex-direction: column; } .testimonial-thumb { display : flex; align-items : center; opacity : 0.5; transition : 0.3s ease-in-out; margin-right: 40px; cursor : pointer; &:last-child { margin-right: 0; } @media #{$maxTablet} { margin-right: 20px; } @media #{$maxSmall} { margin-right : 0; margin-bottom: 20px; } &.active { opacity: 1; .thumb-img { border-color: var(--global--color-primary); } } .thumb-img { margin-right : 15px; width : 63px; height : 63px; flex-shrink : 0; padding : 5px; border : 2px solid transparent; transition : 0.3s ease-in-out; border-radius: 50%; overflow : hidden; display : flex; img { max-width : 100%; border-radius: 50%; } } .thumb-body { h6 { font-family : var(--global--font-body); font-weight : 700; font-size : 14px; line-height : 20px; color : var(--global--color-secondary); text-transform: capitalize; margin-bottom : 0; } p { text-transform: capitalize; font-size : 14px; line-height : 23px; color : var(--global--color-body); } } } } &.testimonial-1 { .owl-stage-outer { overflow: hidden; @media #{$minLarge} { &::before { content : ''; height : 100%; width : 40%; top : 0; right : 0; position : absolute; background-image: linear-gradient(90deg, #00000000 2%, var(--global--color-heading) 22%); opacity : 0.96; z-index : 5; } } } .carousel-dots { position: relative; .owl-nav { @media #{$maxTablet} { display: none; } span { font-size: 0; } .owl-next:before, .owl-prev:before { color : rgba(255, 255, 255, 0.5); font-family: "carousel" !important; font-size : 44px; transition : 0.3s ease-in-out; } .owl-prev:before { content: "\e990"; } .owl-next:before { content: "\e991"; } .owl-next, .owl-prev { position : absolute; top : 50%; transform: translateY(-50%); &:hover { &::before { color: white; } } } .owl-next { right: 30px; } .owl-prev { display: none; } } .owl-item { opacity: 1; } .owl-dots { margin-top: 16px; } } } &.testimonial-2 { padding-bottom: 0; @media #{$maxTablet} { padding-top: 190px; } } &.testimonial-3 { padding-top : 460px; padding-bottom : 110px; background-position: top center; @media #{$maxTablet} { padding-bottom: 70px; } .counters-holder { @media #{$maxTablet} { margin-bottom: 30px; text-align : center; } .counter { @media #{$minLarge} { padding-top: 30px; } .counter-desc { p { color: var(--global--color-secondary); &::after { background-color: var(--global--color-secondary); } } } } } .owl-stage-outer { overflow: hidden; .owl-item { opacity: 1; } } } &.testimonial-4 { position : relative; padding-top : 80px; padding-bottom: 110px; @media #{$maxTablet} { padding-top : 40px; padding-bottom: 70px; } .testimonial-overlay { background-color : #F6F7F8; background-position: top center; position : absolute; top : 0; left : 50%; transform : translateX(-50%); height : 100%; width : calc(100% - 7%); border-radius : 12px; z-index : 0; @media #{$maxTablet} { width: calc(100% - 4%); } } .counters-holder { position: relative; z-index : 1; @media #{$maxTablet} { margin-bottom: 30px; text-align : center; } .counter { @media #{$minLarge} { padding-top: 30px; } .counter-desc { p { color: var(--global--color-secondary); &::after { background-color: var(--global--color-secondary); } } } } } .owl-stage-outer { overflow: hidden; .owl-item { opacity: 1; } } .testimonial-thumbs { position: relative; z-index : 1; } } &.testimonial-5 { padding-top : 0px; padding-bottom : 100px; background-position: top center; overflow : visible; @media #{$maxTablet} { padding-bottom: 70px; } .contact-panel { transform : translateY(-60px); margin-top : -60px; margin-bottom: 30px; .contact-card { .contact-body { .btn { width: 270px; } .form-control { margin-bottom: 30px; } textarea { height : 127px; padding-top: 20px; } } } } .counters-holder { @media #{$maxTablet} { margin-bottom: 30px; text-align : center; } .counter { @media #{$minLarge} { padding-top: 30px; } .counter-desc { p { color: var(--global--color-secondary); &::after { background-color: var(--global--color-secondary); } } } } } .owl-stage-outer { overflow: hidden; .owl-item { opacity: 1; } } } }module/_careers.scss000064400000005565150437236230010531 0ustar00/*------------------------------------*\ #Carrers \*------------------------------------*/ .careers { padding-top : 130px; padding-bottom: 220px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 180px; } .career-item { @media #{$maxTablet} { max-width: 370px; margin : 0 auto; } .career-item-wrap { box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.06); border-radius : 8px; background-color: var(--global--color-white); padding : 39px 40px 40px; position : relative; @media #{$noteBook} { padding-right: 25px; padding-left : 25px; } .career-meta { display : flex; align-items : center; margin-bottom: 33px; .career-type, .career-place { font-size : 13px; line-height : 28px; font-family : var(--global--font-body); font-weight : 400; text-transform: capitalize; margin-bottom : 0; } .career-type { color : var(--global--color-primary); border : 2px solid var(--global--color-primary); padding : 0px 9px; border-radius: 4px; margin-right : 15px; } .career-place { color: var(--global--color-body); } } .career-content { .career-title { font-family : var(--global--font-heading); font-size : 20px; font-weight : 700; line-height : 28px; color : var(--global--color-heading); margin-bottom : 17px; text-transform: capitalize; } .career-desc { font-family : var(--global--font-body); font-weight : 400; font-size : 15px; line-height : 25px; color : var(--global--color-body); margin-bottom: 32px; } .career-more { width : 140px; height : 42px; padding: 0 20px; i { font-size: 12px; } } } } } .carousel-dots { .owl-dots { margin-top: 40px; } } }module/_page-title.scss000064400000036150150437236230011132 0ustar00/*------------------------------------*\ #Page Title \*------------------------------------*/ .page-title { padding-top : 0; padding-bottom: 0; .page-title-wrap { display : flex; align-items: center; height : 560px; @media #{$maxTablet} { height: 500px; } } .title { @media #{$maxTablet} { text-align: center; } .title-sub-heading { font-family : var(--global--font-body); font-weight : 700; font-size : 15px; line-height : 1; color : var(--global--color-gray); margin-bottom: 0; @media #{$maxTablet} { line-height: 1.4; } } .title-heading { margin-bottom : 24px; font-family : var(--global--font-heading); color : var(--global--color-white); font-size : 75px; font-weight : 700; line-height : 75px; text-transform: capitalize; @media #{$maxSmall} { font-size : 32px; line-height: 1.4; } } .title-desc { color : var(--global--color-gray); font-size : 18px; line-height : 29px; margin-bottom: 30px; font-weight : 700; } .title-action { margin-bottom: 0px; display : flex; align-items : center; @media #{$maxTablet} { justify-content: center; } @media #{$maxSmall} { display : flex; flex-direction: column; align-items : center; } .btn { justify-content: space-between; border-radius : 4px; padding : 0 30px; box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.11); font-family : var(--global--font-body); font-size : 15px; font-weight : 700; display : inline-flex; width : 200px; height : 65px; margin-right : 30px; &:last-child { margin-right: 0; } @media #{$maxSmall} { width : 190px; height : 50px; margin-right : 0; margin-bottom: 20px; &:last-child { margin-bottom: 0; } } i { font-size : 12px; margin-right: 0; } } .btn-video { i { width : 65px; height: 65px; } } } .title-list { margin-bottom: 14px; @media #{$maxSmall} { display : flex; flex-wrap : wrap; align-items : center; justify-content: center; margin-right : 0; } .icon { margin-right: 35px; display : inline-block; &:last-child { margin-right: 0; } @media #{$maxSmall} { margin-right : 0; margin : 0 15px; margin-bottom: 15px; &:last-child { margin-right: 15px; } } &:hover { i { transform: translateY(-10px); } } i { display : flex; justify-content: center; align-items : center; transition : 0.3s ease-in-out; &::before { margin-left: 0; font-size : 67px; color : var(--global--color-white); } } } } } .breadcrumb-wrap { height : 60px; display : flex; align-items : center; border-bottom: 1px solid #eaeaea; } .breadcrumb { font-family: var(--global--font-body); font-size : 14px; font-weight: 400; line-height: 1; background : transparent; color : var(--global--color-gray); display : flex; @media #{$minLarge} { justify-content: start; } @media #{$maxTablet} { justify-content: center; } a { font-family: var(--global--font-body); font-size : 14px; font-weight: 400; line-height: 1px; background : transparent; color : var(--global--color-heading); &:hover { color: var(--global--color-primary); } } .active { color: var(--global--color-body); } .breadcrumb-item+.breadcrumb-item { padding-left: 0; &::before { font-family: "Font Awesome 5 Free"; font-weight: 700; font-size : 11px; padding : 0 10px; color : var(--global--color-heading); content : "\f054"; } } &.breadcrumb-light { color: var(--global--color-white); a { color: var(--global--color-white); } .active { color: var(--global--color-white); } .breadcrumb-item+.breadcrumb-item { &::before { color: var(--global--color-white); } } } } &.page-title-blank { .breadcrumb-wrap { min-height : 100px; border-bottom: 0; .breadcrumb { a { color: var(--global--color-heading); &:hover { color: var(--global--color-primary); } } .active { color: var(--global--color-body); } } .breadcrumb-item+.breadcrumb-item { &::before { color: var(--global--color-heading); } } } } &.page-title-blank-2 { .breadcrumb-wrap { min-height : 100px; border-bottom: 0; .breadcrumb { @media #{$maxTablet} { line-height : 1.4; justify-content: flex-start; } a { color : var(--global--color-heading); margin-bottom: 5px; &:hover { color: var(--global--color-primary); } } .active { color: var(--global--color-body); } } .breadcrumb-item+.breadcrumb-item { &::before { color: var(--global--color-heading); } } } } &.page-title-1 { .page-title-wrap { background-position-y: bottom; .title { .title-action { .btn { margin-right: 40px; @media #{$maxSmall} { margin-right: 0; } } } } } } &.page-title-3 { .page-title-wrap { @media #{$minLarge} { background-position-y: -75px; } .title { .title-action { .btn { width : 234px; margin-right: 0; &:hover { i { color: var(--global--color-white); } } i { transition: 0.3s ease-in-out; color : var(--global--color-heading); } } } } } } &.page-title-4 { .page-title-wrap { @media #{$minLarge} { background-position-y: 73%; } .title { .title-action { .btn { width : 170px; margin-right: 0; &:hover { i { color: var(--global--color-white); } } i { transition: 0.3s ease-in-out; color : var(--global--color-heading); } } } } } } &.page-title-5 { .page-title-wrap { background-position-y: bottom; .title { .title-action { .btn { &:first-child { width: 170px; } &:last-child { width : 178px; padding: 0 27px; @media #{$noteBook} { padding: 0 25px; } } } } } } } &.page-title-6 { .page-title-wrap { .title { .title-action { .btn { width: 170px; } } } } } &.page-title-7 { .page-title-wrap { .title { .title-action { .btn { padding: 0 27px; width : 170px; @media #{$noteBook} { padding: 0 25px; } } } } } } &.page-title-8 { .page-title-wrap { .title { .title-action { .btn { padding: 0 27px; width : 170px; @media #{$noteBook} { padding: 0 25px; } } } } } } &.page-title-9 { .page-title-wrap { height: 350px; @media #{$minLarge} { background-position-y: 70%; } .title { .title-heading { margin-bottom: 0; } } } .breadcrumb-wrap { .breadcrumb { @media #{$minLarge} { justify-content: center; } } } } &.page-title-10 { position: relative; .page-title-wrap { height : 675px; align-items: flex-end; .title { margin-bottom: 110px; .title-action { .btn { &:first-child { width: 170px; } &:last-child { width : 178px; padding: 0 27px; @media #{$noteBook} { padding: 0 25px; } } } } } .breadcrumb-wrap { height : auto; border-bottom : 0; justify-content: center; margin-bottom : 28px; } } } &.page-title-11 { position: relative; .page-title-wrap { height : 675px; align-items: flex-end; .title { margin-bottom: 110px; .title-action { .btn { &:first-child { width: 170px; } &:last-child { width : 178px; padding: 0 27px; @media #{$noteBook} { padding: 0 25px; } } } } } .breadcrumb-wrap { height : auto; border-bottom : 0; justify-content: center; margin-bottom : 28px; } } } &.page-title-12 { .page-title-wrap { height : 470px; background-position-y: top; .title { .title-heading { margin-bottom: 23px; } } } .breadcrumb-wrap { .breadcrumb { @media #{$minLarge} { justify-content: center; } } } } &.page-title-13 { .page-title-wrap { height : 395px; background-position-y: bottom; @media #{$minLarge} { background-position-y: 75%; } @media #{$maxSmall} { height: 230px; } .title { .title-heading { margin-bottom: 20px; } } } } &.page-title-14 { .page-title-wrap { height : 350px; background-position-y: bottom; @media #{$minLarge} { background-position-y: 75%; } @media #{$maxSmall} { height: 230px; } } } }module/_about.scss000064400000022123150437236230010204 0ustar00/*------------------------------------*\ #About \*------------------------------------*/ .about { padding-top : 130px; padding-bottom: 130px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } overflow: visible; .about-img { position : relative; height : 570px; @media screen and(min-width:992px){ max-width: calc(100% - 40px); } @media #{$maxTablet} { margin: 0 auto 40px; } .about-img-holder { border-radius: 12px; } .counter { min-width: 200px; position : absolute; top : 70px; left : -40px; z-index : 2; @media #{$maxSmall} { left : 0; border-radius: 0 8px 8px 0; align-items: center; } } } .prief-set { p { font-size : 17px; line-height : 27px; font-weight : 700; margin-bottom: 24px; } } .signature-block { display : flex; align-items: center; @media #{$maxTablet} { justify-content: center; } .signature-body { position: relative; img { position: absolute; top : -18px; left : 2px; right : 0; @media#{$maxSmall} { top : 0; left : -20px; max-width: 130%; } } h6 { font-family : var(--global--font-heading); font-weight : 600; font-style : italic; color : var(--global--color-secondary); font-size : 19px; line-height : 29px; text-transform: capitalize; margin-bottom : 0; } p { font-family : var(--global--font-body); font-weight : 400; color : var(--global--color-primary); font-size : 14px; line-height : 26px; text-transform: capitalize; margin-bottom : 0; } } .btn { margin-right: 30px; width : 170px; box-shadow : 0px 3px 63px 0px rgba(40, 40, 40, 0.11); } } .about-block { @media #{$maxTablet} { text-align: center; } .block-left { @media #{$maxTablet} { margin-bottom: 40px; } .paragraph { font-size : 17px; line-height : 27px; color : var(--global--color-secondary); font-weight : 500; margin-bottom: 25px; } p { font-size : 16px; line-height : 27px; margin-bottom: 32px; } .btn { box-shadow: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); } } } .about-wrapper { @media #{$minLarge} { display : grid; grid-template-columns: 40% 60%; height : 635px; } .about-block-wrapper { position: relative; z-index : 2; .about-block { background-color: var(--global--color-white); @media #{$minLarge} { border-radius: 12px 0 0 0; position : absolute; top : 0; left : 0px; padding-left : 60px; width : calc(100% + 60px); } @media #{$minXlarge} { left : 0px; padding-left: 120px; width : calc(100% + 120px); } .heading { @media #{$maxTablet} { max-width: 90%; margin : 0 auto; } @media #{$minLarge} { padding-right: var(--bs-gutter-x, .75rem); margin-right : auto; max-width : calc(960px / 2); } @media #{$minXlarge} { max-width: calc(1140px / 2); } .heading-subtitle { background-color: var(--global--color-primary); color : var(--global--color-white); border-radius : 0 0 12px 12px; margin-bottom : 55px; @media #{$maxTablet} { border-radius: 12px; margin-bottom: 40px; } } .heading-title { margin-bottom: 21px; } .heading-desc { margin-bottom: 32px; } .signature-block { margin-bottom: 63px; } .advantages-list-holder { padding : 32px 40px 32px; background-color: #e0f6e9; border-radius : 12px; @media #{$maxTablet} { padding-left : 30px; padding-right: 30px; } p { font-size : 17px; font-weight : 700; line-height : 27px; color : var(--global--color-secondary); margin-bottom: 0; @media #{$maxTablet} { margin-bottom: 10px; } } } } } } .video-wrapper { position: relative; z-index : 1; @media #{$maxTablet} { max-width: 90%; margin : 0 auto 40px; } .video { background-position-x: right; @media #{$minLarge} { border-radius: 0 12px 12px 0; position : absolute; top : -110px; left : 0px; width : calc(100% + 60px); height : calc(100% + 110px); } @media #{$minXlarge} { width: calc(100% + 120px); } } } } &.about-2 { padding-top : 0px; padding-bottom: 0; } &.about-3 { padding-top : 110px; padding-bottom: 130px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } .about-block { .block-left { .paragraph, p, .signature-block { @media #{$minLarge} { padding-left: 50px; } @media #{$minXlarge} { padding-left: 95px; } } p { margin-bottom: 42px; } .paragraph { border-left : 4px solid var(--global--color-primary); margin-bottom: 25px; @media #{$maxSmall} { padding-left: 15px; } } .signature-block { .signature-body { p { margin-bottom: 0; padding-left : 0; } } } } } .about-img { .about-img-holder { @media #{$maxTablet} { max-width: 370px; } } .counter { top : auto; bottom : 0; left : 99px; width : max-content; min-width : 0; border-radius : 12px 0 12px 0; transform-origin: bottom left; transform : rotate(270deg); } } } }module/_map.scss000064400000026576150437236230007667 0ustar00/*------------------------------------*\ #Image Hot Pointer \*------------------------------------*/ .img-hotspot { .img-hotspot-wrap { position : relative; max-width: 100%; @media screen and (max-width:567px) { max-width: 470px; } @media #{$maxTablet} { margin : 0 auto 40px; } .img-hotspot-bg { img { max-width: 100%; } } .img-hotspot-pointers { position: absolute; width : 100%; height : 100%; top : 0; left : 0; right : 0; .img-hotspot-pointer { position : absolute; display : flex; justify-content: center; align-items : center; .pointer-icon { width : 22px; height : 22px; cursor : pointer; border : 2px solid var(--global--color-primary); border-radius : 50%; position : relative; display : flex; justify-content: center; align-items : center; &::after { content : ''; background-color: var(--global--color-primary); width : 8px; height : 8px; border-radius : 50%; } } &:hover { .info { transform : translate(-50%, -50%) scale(1); opacity : 1; visibility: visible; } } .info { position : absolute; top : 50%; left : 50%; z-index : 1; transform : translate(-50%, -50%) scale(0); opacity : 0; visibility: hidden; transition: 0.3s ease-in-out; .border-outer { width : 96px; height : 96px; cursor : pointer; border : 2px solid var(--global--color-primary); border-radius : 50%; position : relative; display : flex; justify-content: center; align-items : center; .border-inner { width : 82px; height : 82px; cursor : pointer; border : 2px solid var(--global--color-primary); border-radius : 50%; position : relative; display : flex; justify-content: center; align-items : center; i { display : flex; justify-content : center; align-items : center; width : 68px; height : 68px; background-color: var(--global--color-primary); border-radius : 50%; &::before { color : var(--global--color-white); font-size : 50px; margin-left: 0; } } } } } } } } &.img-hotspot-2 { .img-hotspot-wrap { .img-hotspot-pointers { .img-hotspot-pointer { position : absolute; display : flex; justify-content: center; align-items : center; width : 42px; height : 42px; padding : 4px; border : 2px solid var(--global--color-heading); border-radius : 50%; cursor : pointer; transition : 0.3s ease-in-out; &::after { position : absolute; content : ''; width : 56px; height : 56px; border : 2px solid var(--global--color-primary); border-radius: 50%; opacity : 0; visibility : hidden; transform : scale(0); transition : 0.3s ease-in-out; } &:hover { border-color: var(--global--color-primary); &::after { opacity : 1; visibility: visible; transform : scale(1); } .info { opacity : 1; visibility: visible; transform : translateY(0); } } img { max-width : 100%; border-radius: 50%; } .info { background-color: var(--global--color-white); box-shadow : 0px 5px 83px 0px rgba(9, 29, 62, 0.15); border-radius : 8px; position : relative; width : max-content; position : absolute; max-width : 330px; z-index : 2; transition : 0.3s ease-in-out; padding : 23px 28px; opacity : 0; visibility : hidden; transform : translateY(10px); &::before { content : ''; bottom : -9px; width : 10px; height : 10px; background-color: var(--global--color-white); position : absolute; } &.left { &::before { clip-path: polygon(100% 0, 0 0, 0 100%); ; left : auto; right: 30px; } } &.right { &::before { clip-path: polygon(100% 0, 0 0, 100% 100%); left : 30px; } } span { font-family : var(--global--font-body); font-size : 15px; font-weight : 700; line-height : 26px; color : var(--global--color-secondary); text-transform: capitalize; } } } } } } &.img-hotspot-3 { .img-hotspot-wrap { .img-hotspot-pointers { .img-hotspot-pointer { position: absolute; width : 28px; height : 28px; cursor : pointer; &:hover { .info { opacity : 1; visibility: visible; transform : translateY(0); } } .pointer-icon { border-color: var(--global--color-secondary); &::after { background-color: var(--global--color-secondary); } } .info { background-color: var(--global--color-white); box-shadow : 0px 5px 83px 0px rgba(9, 29, 62, 0.15); border-radius : 10px 10px 10px 0px; position : relative; width : max-content; position : absolute; max-width : 170px; z-index : 2; transition : 0.3s ease-in-out; padding : 15px 20px; opacity : 0; visibility : hidden; transform : translateY(10px); &::before { content : ''; bottom : -9px; width : 10px; height : 10px; background-color: var(--global--color-white); position : absolute; } &.left { border-radius: 10px 10px 0 10px; &::before { clip-path: polygon(100% 0, 0 0, 100% 100%); left : auto; right : 0; } } &.right { border-radius: 10px 10px 10px 0px; &::before { clip-path: polygon(100% 0, 0 0, 0 100%); ; left: 0; } } span { font-family : var(--global--font-body); font-size : 14px; line-height : 24px; color : var(--global--color-body); text-transform: capitalize; } } } } } } }module/_heading.scss000064400000025042150437236230010474 0ustar00/*------------------------------------*\ #Heading \*------------------------------------*/ .heading { margin-bottom: 48px; @media #{$maxTablet} { text-align: center; } .heading-subtitle { font-family : var(--global--font-body); text-transform: capitalize; color : var(--global--color-primary); font-size : 15px; font-weight : 700; line-height : 1; margin-bottom : 13px; @media #{$maxTablet} { line-height: 1.5; } &.heading-subtitle-bg { display : inline-block; width : max-content; padding : 12px 20px; border-radius : 4px; background-color: #e0f6e9; @media #{$maxTablet} { width: auto; } } } .heading-title { font-family : var(--global--font-heading); text-transform: capitalize; font-size : 40px; line-height : 54px; margin-bottom : 25px; font-weight : 700; color : var(--global--color-heading); @media #{$noteBook} { font-size: 35px; ; line-height: 1.4; } @media #{$maxSmall} { font-size : 32px; line-height: 1.4; } } .heading-desc { font-family : var(--global--font-body); color : var(--global--color-body); font-size : 16px; font-weight : 400; line-height : 27px; margin-bottom: 25px; @media #{$noteBook} { font-size: 15px; ; line-height: 26px; } } .paragraph { font-weight : 700; font-size : 16px; line-height : 27px; color : #283b6a; margin-bottom: 0px; } &.heading-light { .heading-subtitle { color: var(--global--color-gray); } .heading-title { color: var(--global--color-white); } .heading-desc { color: var(--global--color-gray); } .paragraph { color: var(--global--color-gray); } } &.heading-light2 { .heading-subtitle { color: var(--global--color-primary); } .heading-title { color: var(--global--color-white); } .heading-desc { color: var(--global--color-gray); } .paragraph { color: var(--global--color-gray); } } &.heading-1 { margin-bottom: 40px; .heading-title { margin-bottom: 0; } } &.heading-2 { margin-bottom: 70px; .heading-title { font-size : 37px; line-height: 54px; @media #{$maxSmall} { font-size : 32px; line-height: 1.4; } @media #{$noteBook} { font-size: 30px; ; line-height: 1.4; } } .heading-desc { &:first-child { margin-top: 8px; } &:nth-child(2) { margin-bottom: 32px; } } } &.heading-3 { margin-bottom: 63px; .heading-title { font-size : 37px; line-height: 54px; @media #{$noteBook} { font-size : 32px; line-height: 1.4; } @media #{$maxSmall} { font-size : 32px; line-height: 1.4; } } } &.heading-4 { margin-bottom: 70px; .heading-title { font-size : 37px; line-height: 54px; @media #{$maxSmall} { font-size : 32px; line-height: 1.4; } @media #{$noteBook} { font-size: 30px; ; line-height: 1.4; } } .heading-desc { margin-bottom: 32px; } } &.heading-5 { margin-bottom: 58px; .heading-title { font-size : 37px; line-height: 54px; @media #{$maxSmall} { font-size : 32px; line-height: 1.4; } @media #{$noteBook} { font-size: 35px; ; line-height: 1.4; } } } &.heading-6 { //margin-bottom: 58px; .heading-title { font-size : 37px; line-height : 54px; margin-bottom: 31px; @media #{$maxSmall} { font-size : 32px; line-height: 1.4; } @media #{$noteBook} { font-size: 32px; ; line-height: 1.4; } } } &.heading-7 { margin-bottom: 41px; .heading-title { font-size : 24px; line-height: 1.5; } } &.heading-8 { margin-bottom: 56px; .heading-title { margin-bottom: 0; font-size : 37px; line-height : 54px; @media #{$maxSmall} { font-size : 32px; line-height: 1.4; } @media #{$noteBook} { font-size: 30px; ; line-height: 1.4; } } } &.heading-9 { margin-bottom: 96px; .heading-title { font-size : 37px; line-height: 54px; @media #{$maxSmall} { font-size : 32px; line-height: 1.4; } @media #{$noteBook} { font-size: 35px; ; line-height: 1.4; } } } &.heading-10 { //margin-bottom: 58px; .heading-title { font-size : 37px; line-height : 54px; margin-bottom: 21px; @media #{$maxSmall} { font-size : 32px; line-height: 1.4; } @media #{$noteBook} { font-size: 30px; ; line-height: 1.4; } } .heading-desc { font-weight : 700; margin-bottom: 42px; } } &.heading-11 { .heading-title { font-size : 37px; line-height: 54px; @media #{$maxSmall} { font-size : 32px; line-height: 1.4; } @media #{$noteBook} { font-size: 35px; ; line-height: 1.4; } } } &.heading-12 { margin-bottom: 40px; .heading-title { margin-bottom: 0; @media #{$noteBook} { font-size: 30px; ; line-height: 1.4; } } } &.heading-13 { margin-bottom: 48px; .heading-title { margin-bottom: 0; @media #{$noteBook} { font-size: 30px; ; line-height: 1.4; } } } &.heading-14 { margin-bottom: 23px; } &.heading-15 { margin-bottom: 70px; .heading-title { font-size : 37px; line-height: 54px; @media #{$maxSmall} { font-size : 32px; line-height: 1.4; } @media #{$noteBook} { font-size: 30px; ; line-height: 1.4; } } .heading-desc { margin-top : 8px; margin-bottom: 35px; } } &.heading-16 { .heading-title { font-size : 37px; line-height: 54px; @media #{$maxSmall} { font-size : 32px; line-height: 1.4; } @media #{$noteBook} { font-size: 30px; ; line-height: 1.4; } } } &.heading-17 { .heading-title { font-size : 37px; line-height: 54px; @media #{$maxSmall} { font-size : 32px; line-height: 1.4; } @media #{$noteBook} { font-size: 30px; ; line-height: 1.4; } } } &.heading-18 { .heading-title { font-size : 37px; line-height: 54px; @media #{$maxSmall} { font-size : 32px; line-height: 1.4; } @media #{$noteBook} { font-size: 30px; ; line-height: 1.4; } } } &.heading-19 { .heading-title { font-size : 37px; line-height: 54px; @media #{$maxSmall} { font-size : 32px; line-height: 1.4; } @media #{$noteBook} { font-size: 30px; ; line-height: 1.4; } } } &.heading-20 { margin-bottom: 0; .heading-title { font-size : 37px; line-height: 54px; @media #{$maxSmall} { font-size : 32px; line-height: 1.4; } @media #{$noteBook} { font-size: 30px; ; line-height: 1.4; } } .heading-desc { &:last-child { @media #{$minLarge} { margin-bottom: 0; } } } } &.heading-21 { margin-bottom: 34px; .heading-title { font-size : 24px; line-height : 48px; margin-bottom: 0; } } }module/_contact.scss000064400000041074150437236230010533 0ustar00/*------------------------------------*\ #Contacts \*------------------------------------*/ .contact { .advantages-list-holder { margin-bottom: 32px; } .contact-action { margin-bottom: 80px; @media #{$maxSmall} { display : flex; flex-direction: column; align-items : center; margin-bottom : 40px; } .btn { font-family : var(--global--font-body); font-size : 15px; font-weight : 700; display : inline-flex; width : 170px; height : 65px; margin-right: 30px; @media #{$noteBook} { margin-right: 10px; } @media #{$maxTablet} { margin: 0 30px 0 0; } @media #{$maxSmall} { margin-right : 0; margin-bottom: 15px; height : 50px; } &:first-child { i { color: var(--global--color-heading); } &:hover { i { color: var(--global--color-white); } } } &:last-child { padding: 0 28px; } &.btn--white { box-shadow: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); } } &.contact-action-2 { margin-bottom: 131px; @media #{$maxTablet} { margin-bottom: 30px; } .btn { @media #{$maxTablet} { margin-right: 0; } } } } .contact-quote { display : flex; align-items: center; img { margin-right: 15px; } p { font-weight: 700; font-size : 15px; line-height: 25px; color : var(--global--color-gray); a { color : var(--global--color-gray); font-weight : 700; font-size : 15px; line-height : 25px; position : relative; padding-bottom: 6px; &:hover { &::before { width: calc(100% - 20%); } } &::before { content : ''; transition : 0.3s ease-in-out; position : absolute; bottom : 0; left : 50%; transform : translateX(-50%); width : 100%; height : 2px; background-color: var(--global--color-gray); } } } &.contact-quote-2 { display : flex; align-items: flex-start; @media #{$maxTablet} { flex-direction: column; align-items : center; max-width : 370px; margin : 0 auto; } i { color : var(--global--color-white); margin-right: 40px; @media #{$maxTablet} { margin-right : 0; margin-bottom: 30px; } &::before { font-size: 65px; } } .quote-body { @media #{$minLarge} { padding-top: 10px; } p { font-size : 17px; line-height : 28px; margin-bottom: 22px; color : var(--global--color-white); } a { color : var(--global--color-white); text-transform: capitalize; font-family : var(--global--font-body); font-weight : 700; font-size : 15px; display : flex; align-items : center; transition : 0.3s ease-in-out; @media #{$maxTablet} { justify-content: center; } &:hover { padding-left: 10px; } i { width : 32px; height : 32px; margin-right : 10px; display : flex; align-items : center; justify-content : center; background-color: var(--global--color-white); border-radius : 50%; @media #{$maxTablet} { margin-bottom: 0; } &::before { color : var(--global--color-primary); font-size: 15px; } } } } } &.contact-quote-3 { p { color: var(--global--color-body); a { color: var(--global--color-heading); &::before { background-color: var(--global--color-primary); } } } } } &.contact-1 { padding-top : 108px; padding-bottom: 108px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } } &.contact-2 { position : relative; padding-top : 108px; padding-bottom : 108px; background-position-x: -750px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } .contact-overlay { position : absolute; top : 50%; left : 50%; transform : translate(-50%, -50%); width : calc(100% - 5%); border-radius: 12px; height : 100%; z-index : 1; } } &.contact-4 { padding-top : 110px; padding-bottom: 110px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } .contact-action { .btn { &:first-child { i { color: var(--global--color-white); } } &:last-child { border: 2px solid rgba(37, 55, 69, 0.5); color : var(--global--color-heading); i { color: var(--global--color-heading); } &::before { content: unset; } &:hover { background-color: var(--global--color-heading); color : var(--global--color-white); i { color: var(--global--color-white); } } } } } .contact-panel-3 { textarea { padding-top: 25px; height : 150px; } } } } .contact-panel { padding: 50px 55px; @media #{$maxSmall} { padding: 40px 25px; } &.contact-panel-2 { padding : 60px 70px 60px; background-color: var(--global--color-white); box-shadow : 0px 5px 83px 0px rgba(9, 29, 62, 0.15); border-radius : 12px; transform : translateY(370px); margin-top : -370px; z-index : 5; @media #{$noteBook} { padding-left : 40px; padding-right: 40px; } @media #{$maxSmall} { padding-left : 25px; padding-right: 25px; } .contact-card { padding-top : 0; padding-bottom: 0; padding-right : 0; box-shadow : none; @media #{$maxTablet} { padding-left: 0; } .contact-result { margin-top: 0; } } } &.contact-panel-3 { display : flex; padding : 0; position: relative; @media #{$maxTablet} { flex-direction: column; } @media #{$minLarge} { justify-content: space-between; } .heading { z-index: 4; @media#{$minLarge} { flex-basis : 40%; flex-shrink : 0; margin-bottom: 0; } } .contact-card { z-index: 4; @media #{$minLarge} { flex-basis : 54%; flex-shrink: 0; } @media #{$maxSmall} { padding-left : 25px; padding-right: 25px; } } } } .contact-card { background-color: var(--global--color-white); border-radius : 8px 8px 0 8px; padding : 47px 50px 40px; border-radius : 12px; box-shadow : 0px 1px 73px 0px rgba(40, 40, 40, 0.15); height : max-content; @media #{$maxSmall} { padding: 37px 25px 30px; } position: relative; .contact-body { .card-heading { color : var(--global--color-heading); font-family : var(--global--font-heading); font-size : 24px; line-height : 1; font-weight : 700; text-transform: capitalize; margin-bottom : 20px; @media #{$maxTablet} { text-align: center; } } .card-desc { font-family : var(--global--font-body); font-weight : 400; font-size : 15px; line-height : 25px; color : var(--global--color-body); margin-bottom: 28px; @media #{$maxTablet} { text-align: center; } } form { margin-bottom: 0; } .btn { padding-left : 30px; padding-right: 20px; i { display : flex; justify-content : center; align-items : center; background-color: var(--global--color-white); border-radius : 50%; width : 28px; height : 28px; color : var(--global--color-heading); font-size : 12px; } } .contact-result { margin-top: 10px; text-align: center; } } } .img-card { flex-shrink: 0; height : auto; padding : 33px 40px 50px; display : flex; align-items: flex-end; text-align : center; @media #{$minLarge} { text-align: left; flex-basis: 46%; } @media #{$maxSmall} { padding-left : 20px; padding-right: 20px; } .card-content { max-width: 100%; .content-top { @media #{$maxTablet} { margin-bottom: 30px; } p { font-size : 17px; line-height : 28px; margin-bottom: 22px; font-weight : 700; color : var(--global--color-white); } a { color : var(--global--color-white); text-transform: capitalize; font-family : var(--global--font-body); font-weight : 700; font-size : 15px; display : flex; align-items : center; transition : 0.3s ease-in-out; @media #{$maxTablet} { justify-content: center; } &:hover { i { transform: translateX(5px); } } i { width : 32px; height : 32px; margin-right : 10px; display : flex; align-items : center; justify-content : center; background-color: var(--global--color-white); border-radius : 50%; transition : 0.3s ease-in-out; @media #{$maxTablet} { margin-bottom: 0; } &::before { color : var(--global--color-primary); font-size: 15px; } } } } .content-bottom { .contact-infos { margin-bottom: 26px; .contact-info { display : flex; align-items : center; margin-bottom: 14px; &:last-child { margin-bottom: 0; } i { color : #f4f4f4; font-size : 16px; margin-right: 10px; } a, p { font-family : var(--global--font-body); line-height : 22px; font-size : 14px; font-weight : 700; margin-bottom : 0; color : #f4f4f4; text-transform: capitalize; } a { &:hover { color: var(--global--color-heading); } } } } .btn { width : 150px; height : 55px; box-shadow: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); padding : 0 20px; color : var(--global--color-primary); i { color: var(--global--color-primary); } &:hover { color: var(--global--color-white); i { color: var(--global--color-white); } } @media #{$maxTablet} { display: inline-flex; } } } } &.img-card-2 { display : flex; flex-direction : column; flex-grow : 1; border-radius : 12px; background-position-x: 81%; @media #{$maxTablet} { margin-bottom: 50px; } .card-content { flex-direction : column; display : flex; flex-grow : 1; justify-content: space-between; } } } .img-card-holder { display : flex; flex-direction: column; } .map { position: relative; height : 470px; iframe { position: absolute; top : 0; left : 0; right : 0; height : 100%; width : 100%; &.map-gray { filter: brightness(104%) contrast(99%) saturate(0%) blur(0px) hue-rotate(0deg); } } } .mb-20 { margin-bottom: 20px !important; }module/_counters.scss000064400000025716150437236230010747 0ustar00/*------------------------------------*\ #Counters \*------------------------------------*/ .counters { padding-top : 130px; padding-bottom: 90px; position : relative; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } .actions-holder { display : flex; align-items: center; @media #{$maxTablet} { justify-content: center; } @media #{$maxSmall} { flex-direction: column; } .btn { margin-right: 30px; &:last-child { width : 235px; margin-right: 0; } @media #{$maxSmall} { margin-right : 0; margin-bottom: 20px; } } } } .counters-bar { border-radius : 8px; box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.21); background-color: var(--global--color-white); display : flex; justify-content : space-between; padding-top : 32px; padding-bottom : 26px; @media #{$maxTablet} { padding-left : 25px; padding-right : 25px; flex-wrap : wrap; justify-content: space-evenly; } } .counter { background-color: var(--global--color-primary); color : var(--global--color-white); border-radius : 8px; padding : 24px 40px 30px; display : inline-flex; flex-direction : column; align-items : flex-start; .counter-icon { margin-bottom: 18px; i { &::before { font-size : 65px; margin-left: 0; } } } .counter-num { margin-bottom: 12px; display : flex; span, p { font-size : 37px; font-family: var(--global--font-heading); font-weight: 700; line-height: 29px; display : inline-block; color : var(--global--color-white); } p { margin-bottom: 0; } } .counter-name { h6 { margin-bottom : 0; font-family : var(--global--font-body); font-weight : 700; font-size : 16px; line-height : 29px; color : var(--global--color-white); text-transform: capitalize; } } &.counter-2 { background-color: transparent; border-radius : 0; padding : 0; display : flex; position : relative; margin-bottom : 40px; @media #{$maxTablet} { flex-direction: column; align-items : center; text-align : center; max-width : 370px; margin : 0 auto 30px; } &::before { content : ''; position : absolute; bottom : 0; left : 0; width : 170px; height : 2px; background-color: #4c5b66; @media #{$maxTablet} { left : 50%; transform: translateX(-50%); } } &:last-child { margin-bottom: 0; &::before { content: unset; } .counter-desc { p { margin-bottom: 0; } } } .counter-num { display : flex; align-items : baseline; margin-bottom: 17px; .counting { font-family : var(--global--font-body); font-weight : 500; font-size : 37px; color : var(--global--color-primary); line-height : 29px; margin-right: 10px; } h6 { text-transform: capitalize; font-size : 20px; font-weight : 700; font-style : italic; line-height : 29px; color : var(--global--color-white); margin-bottom : 0; } } .counter-desc { p { margin-bottom: 34px; font-size : 15px; line-height : 25px; color : var(--global--color-gray); } } } &.counter-3 { background-color: transparent; border-radius : 0; padding : 0; .counter-holder { display : flex; align-items : flex-end; margin-bottom: 35px; .counter-num { margin-right: 32px; transform : translateY(-14px); margin-top : -14px; span { font-family : var(--global--font-body); font-weight : 300; color : var(--global--color-primary); font-size : 120px; margin-bottom: 0; @media #{$maxSmall} { font-size: 60px; } } } .counter-img { width : 170px; height : 170px; display : flex; align-items : center; justify-content: center; border-radius : 50%; @media #{$maxSmall} { width : 150px; height: 150px; } &:hover { i { transform: scale(0.9); } } i { transition : 0.3s ease-in-out; display : flex; align-items : center; justify-content : center; width : 110px; height : 110px; background-color: var(--global--color-primary); color : var(--global--color-white); border-radius : 50%; @media #{$maxSmall} { width : 90px; height: 90px; } &::before { font-size: 50px; } } } } .counter-desc { position : relative; padding-bottom: 24px; &::after { content : ''; position : absolute; bottom : 0; left : 0; width : 28px; height : 2px; background-color: #4c5b66; @media #{$maxSmall} { left : 50%; transform: translateX(-50%); } } @media #{$minLarge} { margin-left: 40px; width : 50%; } p { margin-bottom: 0; font-family : var(--global--font-body); color : var(--global--color-white); font-weight : 700; font-size : 16px; line-height : 26px; } } } &.counter-4 { padding: 32px 40px 38px; ; display : flex; align-items: center; .counter-num { margin-bottom: 0; h6, span, p { font-style : italic; margin-bottom : 0; font-weight : 600; font-size : 20px; line-height : 29px; text-transform: capitalize; color : var(--global--color-white); } p { margin-right: 10px; } } } &.counter-5 { background-color: transparent; border-radius : 0; padding : 0; position : relative; text-align : center; align-items : center; @media #{$minLarge} { padding-left: 40px; text-align : left; align-items : flex-start; } &:first-child { &::before { content: unset; } } &:last-child { @media #{$minLarge} { padding-right: 40px; } } &::before { content : ''; position : absolute; left : 0; top : 50%; transform : translateY(-50%); height : 53px; width : 2px; background-color: #eaeaea; @media #{$maxTablet} { content: unset; } } .counter-name { margin-bottom: 8px; h6 { color: #282828; } } .counter-num { span { font-family: var(--global--font-body); font-weight: 600; font-size : 30px; color : #4aab3d; @media #{$maxTablet} { font-size: 25px; } &:last-of-type { margin-left: 10px; } } } } &.counter-6 { background-color: transparent; border-radius : 0; padding : 0; @media #{$maxTablet} { align-items: center; margin : 0 auto 30px; } .counter-name { margin-bottom: 0px; h6 { color: var(--global--color-secondary); } } .counter-num { margin-bottom: 24px; span { font-weight: 400; font-family: var(--global--font-body); font-size : 50px; color : var(--global--color-primary); } } } } @keyframes Bounce { 0% { transform: translateY(0px) } 25% { transform: translateY(-15px) } 50% { transform: translateY(0px) } 75% { transform: translateY(-15px) } 100% { transform: translateY(0px) } }module/_pricing.scss000064400000021070150437236230010525 0ustar00/*-------------------------------- #Pricing Tables ---------------------------------*/ .pricing { .price-table { display : flex; flex-direction: column; @media #{$maxTablet} { max-width: 370px; margin : 0 auto; } .pricing-panel { background-color: var(--global--color-white); padding : 44px 50px 42px; border-radius : 8px; box-shadow : 0px 5px 83px 0px rgba(40, 40, 40, 0.11); display : flex; flex-direction : column; justify-content : space-between; flex-grow : 1; @media #{$noteBook} { padding-right: 25px; padding-left : 25px; } @media #{$maxTablet} { text-align: center; max-width : 370px; margin : 0 auto 30px; } @media #{$maxSmall} { padding-left : 25px; padding-right: 25px; } .pricing-body { .pricing-heading { margin-bottom: 40px; .pricing-title { font-family : var(--global--font-heading); font-size : 18px; font-weight : 700px; line-height : 26px; color : var(--global--color-secondary); margin-bottom : 0px; position : relative; text-transform: capitalize; transition : 300ms ease-in-out; } .pricing-desc { font-family : var(--global--font-body); font-size : 14px; font-weight : 400; color : var(--global--color-body); line-height : 26px; margin-bottom: 0px; } } .pricing-list { p { font-size : 14px; line-height : 24px; color : var(--global--color-body); margin-bottom: 20px; } } .pricing-price { margin-bottom: 34px; p { padding-top : 55px; margin-bottom: 29px; font-family : var(--global--font-heading); font-weight : 400; color : var(--global--color-secondary); display : flex; align-items : baseline; line-height : 30px; position : relative; &::before { content : ''; position : absolute; top : 0; left : 0; height : 2px; width : 100%; background-color: #eaeaea; } @media screen and(max-width:991.98px) { justify-content: center; } span { &::before { content: '/'; } &:first-of-type { &::before { content: unset; } } } .currency { font-size: 50px; } .time { font-size: 14px; } } .btn { width : 100%; height : 65px; color : var(--global--color-white); padding-right: 20px; transition : 0.5s ease-in-out; &:hover { background-color: var(--global--color-primary); } i { width : 28px; height : 28px; background-color: var(--global--color-white); display : flex; justify-content : center; align-items : center; color : var(--global--color-heading); border-radius : 50%; transition : 0.5s ease-in-out; &::before { font-size: 14px; } } &::before { content: unset; } &:hover { i { transform: translateX(5px); } } } } } &.active { position: relative; &::before { content : ''; display : block; width : 46px; height : 20px; background-image: url('../images/icons/high-light.png'); position : absolute; top : 30px; right : -2px; } &::after { content : ''; position : absolute; bottom : 0; left : 50%; background-color: var(--global--color-primary); transform : translateX(-50%); height : 4px; width : calc(100% - 100px); @media #{$noteBook} { width: calc(100% - 50px); } } .pricing-price { .btn { background-color: var(--global--color-primary); &:hover { background-color: var(--global--color-heading); } } } } } } .more-prices { text-align: center; margin-top: 0px; @media #{$minLarge} { margin-top: 32px; } p { font-family: var(--global--font-body); font-weight: 700; font-size : 15px; color : var(--global--color-body); a { position : relative; font-weight : 700; color : var(--global--color-heading); transition : 0.3s ease-in-out; text-transform: capitalize; padding-bottom: 6px; &:hover { &::before { width: calc(100% - 20%); } } &::before { content : ''; transition : 0.3s ease-in-out; position : absolute; bottom : 0; left : 50%; transform : translateX(-50%); width : 100%; height : 2px; background-color: var(--global--color-primary); } } } } &.pricing-1 { padding-top : 130px; padding-bottom: 100px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } } }module/_awards.scss000064400000004410150437236230010352 0ustar00/*------------------------------------*\ #Awards \*------------------------------------*/ .awards { padding-top : 130px; padding-bottom: 80px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 30px; } .award { margin-bottom: 30px; &:hover { .award-img { background-color: var(--global--color-primary); } } .award-img { padding : 42px 65px; background-color: #f3f3f3; border-radius : 8px; transition : 0.3s ease-in-out; display : flex; justify-content : center; align-items : center; @media #{$noteBook} { padding-left : 45px; padding-right: 45px; } @media #{$maxTablet} { padding-left : 40px; padding-right: 40px; } img { max-width: 100%; } } .award-content { padding: 29px 30px 12px; @media #{$maxTablet} { text-align: center; } @media #{$noteBook} { padding-left : 20px; padding-right: 20px; } .award-title { margin-bottom: 17px; a { font-family : var(--global--font-heading); font-weight : 700; font-size : 18px; line-height : 26px; color : var(--global--color-secondary); transition : 0.3s ease-in-out; text-transform: capitalize; &:hover { color: var(--global--color-primary); } } } .award-desc { font-family : var(--global--font-body); font-weight : 400; font-size : 15px; line-height : 25px; color : var(--global--color-body); margin-bottom: 0; } } } }module/_module.scss000064400000061403150437236230010363 0ustar00/*------------------------------------*\ #MODULE \*------------------------------------*/ .module-holder { margin-left: auto; display : flex; align-items: center; height : 100px; .module-language, .module-search, .module-cart { @media #{$maxTablet} { display: none; } } &.module-holder-phone { display: none; @media #{$maxTablet} { display : flex; height : 80px; margin-top: 0; } .navbar-toggler { display : flex; justify-content: center; align-items : center; width : 30px; height : 30px; transition : 0.3s ease-in-out; border : 0; padding : 0; outline : 0; cursor : pointer; border-radius : 0; &:focus { box-shadow: none; } @media #{$minXlarge} { display: none; } &:not(.collapsed) { .navbar-toggler-icon { background-color: transparent; &:before, &:after { top: 0; } &::before { transform: rotate(45deg); } &::after { transform: rotate(-45deg); } } } .navbar-toggler-icon { background-color: var(--global--color-heading); width : 100%; height : 2px; position : relative; transition : 0.3s ease-in-out; &::before, &::after { content : ''; position : absolute; left : 0; height : 2px; width : 100%; background-color: var(--global--color-heading); transition : 0.3s ease-in-out; } &::before { top: -10px; } &::after { top: 10px; } } } .module-language { display : inline-flex; margin-left : 20px; margin-right: 20px; @media #{$minLarge} { display: none; } @media #{$maxSmall} { margin-right: 15px; } .selected { img { margin-right: 0; } span, i { display: none; } .lang-list { left: -45px; } } } .module-search { display : inline-flex; border-bottom: 0; padding : 0; padding-right: 20px; @media #{$maxSmall} { padding-right: 15px; } } .module-cart { display : inline-flex; margin-left: 30px; @media #{$maxSmall} { margin-left: 20px; } } } } .module { display : inline-block; position: relative; span.title { display: none; } .module-label { width : 16px; height : 16px; line-height : 16px; border-radius : 50%; background-color: var(--global--color-primary); color : var(--global--color-white); font-size : 10px; font-weight : 400; text-align : center; position : absolute; top : -6px; left : 10px; } .module-box { position : absolute; display : block; box-shadow : 0 2px 3px rgba(40, 40, 40, 0.1); background-color: #1b1a1a; opacity : 0; visibility : hidden; transition : all 100ms linear; right : 0; width : 290px; border-radius : 6px; padding : 30px; z-index : 99; transform : translateY(10%); height : 0; margin-top : 1px; } } /* Module Fullscreen */ .module-fullscreen { left : 0; top : 0; right : 0; z-index : 9999; display : block; height : 100%; width : 100%; opacity : 0; visibility : hidden; background-color: var(--global--color-white); position : fixed; .module-cancel { top : 0px; right : 0px; border-radius : 0px; position : absolute; width : 100px; height : 100px; font-size : 20px; font-weight : 700; text-transform : uppercase; color : var(--global--color-white); background-color: var(--global--color-primary); display : flex; justify-content : center; align-items : center; @media #{$maxSmall} { font-size: 14px; width : 50px; height : 50px; } } &.module-active { visibility: visible; opacity : 1; transition: opacity .5s ease-in-out; } &.fullscreen-light { background-color: var(--global--color-white); } } .module-active { .module-box { opacity : 1; visibility: visible; display : block; transform : translateY(0px); height : inherit; } } /* Module Search */ .module-search { position : relative; padding-right: 40px; height : 80px; display : flex; align-items : center; @media #{$minLarge} { height: 100px; } @media (min-width: 992px) and (max-width:1100px) { padding-right: 20px; } .module-icon { i { color : var(--global--color-heading); transition: 0.3s ease-in-out; cursor : pointer; &:hover { color: var(--global--color-primary); } @media only screen and (max-width: 991px) { border-left : none; padding-left : 0; padding-right: 5px; } } } } .module-search-warp { left : 0; top : 0; right : 0; z-index : 9999; display : block; height : 100%; width : 100%; opacity : 0; visibility : hidden; background-color: var(--global--color-white); position : fixed; &.search-warp-active { visibility: visible; opacity : 1; transition: opacity .5s ease-in-out; } .module-cancel { top : 0px; right : 0px; border-radius : 0px; position : absolute; width : 100px; height : 100px; font-size : 20px; font-weight : 700; text-transform : uppercase; color : var(--global--color-white); background-color: var(--global--color-primary); display : flex; justify-content : center; align-items : center; @media #{$maxSmall} { font-size: 14px; width : 50px; height : 50px; } } .form-search { margin-bottom: 0; button { &::before { position : absolute; left : 0; top : 0; content : "\e90b"; color : var(--global--color-heading); font-family: "energia"; font-size : 24px; font-weight: 400; line-height: 70px; z-index : 999; cursor : pointer; } } } .form-control { position : relative; color : var(--global--color-white); font-family : var(--global--font-heading); font-size : 24px; font-weight : 400; line-height : 70px; height : 70px; color : var(--global--color-body); border : none; background-color: transparent; width : 100%; border-bottom : 2px solid #eaeaea; padding : 17px 30px 17px 46px; margin-bottom : 0; transition : 400ms linear; text-transform : capitalize; border-radius : 0; &:focus, &:active { border-color: var(--global--color-primary); } &::-webkit-input-placeholder { color : var(--global--color-body); font-family: var(--global--font-heading); font-size : 35px; @media #{$maxSmall} { font-size: 18px; } } &::-moz-placeholder { color : var(--global--color-body); font-family: var(--global--font-heading); font-size : 35px; @media #{$maxSmall} { font-size: 18px; } } &::-moz-placeholder { color : var(--global--color-body); font-family: var(--global--font-heading); font-size : 35px; @media #{$maxSmall} { font-size: 18px; } } &:-ms-input-placeholder { color : var(--global--color-body); font-family: var(--global--font-heading); font-size : 35px; @media #{$maxSmall} { font-size: 18px; } } } .btn { background-color: transparent; border-radius : 0; width : 35px; line-height : 57px; color : var(--global--color-white); font-size : 28px; font-weight : 400; text-align : right; margin-left : 0; padding : 0; } } /* Module Cart */ .module-cart { margin-left: 40px; height : 80px; display : flex; align-items: center; @media #{$minLarge} { height: 100px; } @media (min-width: 992px) and (max-width:1100px) { margin-left: 20px; } .module-icon { position: relative; i { transition: 0.3s ease-in-out; font-size : 16px; position : relative; cursor : pointer; } } .module-cart-warp { position : absolute; box-shadow : 0px 5px 41.5px rgba(9, 29, 62, 0.15); top : 100%; left : -150px; width : 290px; background-color: var(--global--color-white); padding : 40px; border-radius : 0 0 8px 8px; opacity : 0; visibility : hidden; transform : translateY(40px); transition : 500ms; @media #{$maxTablet} { left: -250px; } @media #{$maxSmall} { left : -160px; padding: 30px; } @media #{$minTablet} { width: 330px; } .cart-overview { margin-bottom: 0; width : 100%; li { margin-bottom : 30px; position : relative; display : flex; align-items : center; justify-content: space-between; &:last-child { margin-bottom: 25px; } .cart-cancel { display : flex; justify-content : center; align-items : center; color : var(--global--color-white); font-size : 7px; flex-shrink : 0; border-radius : 50%; width : 20px; height : 20px; background-color: var(--global--color-heading); margin-left : 15px; &:hover { background-color: var(--global--color-primary); } } img { border-radius: 4px; flex-shrink : 0; width : 60px; height : 60px; margin-right : 15px; box-shadow : 0px 5px 41.5px rgba(40, 40, 40, 0.21); } .product-meta { flex-grow: 1; h5 { color : var(--global--color-body); font-family : var(--global--font-heading); font-size : 15px; text-transform: capitalize; line-height : 1; font-weight : 700; margin-bottom : 8px; } p { font-family : var(--global--font-body); color : var(--global--color-primary); font-size : 16px; line-height : 20px; font-weight : 700; margin-bottom: 0; } } } } span { font-family : var(--global--font-heading); color : var(--global--color-heading); font-size : 17px; font-weight : 500; line-height : 22px; display : inline-block; text-transform: capitalize; margin-bottom : 24px; .total-price { font-style: normal; } } .cart--control { .btn { height : 65px; width : 100%; border-radius : 8px; background-color: var(--global--color-primary); color : var(--global--color-white); justify-content : center; &::before { background-color: var(--global--color-heading); } } } } &.module-active { .module-cart-warp { opacity : 1; visibility: visible; transform : translateY(0); } } } /* Module Call */ .module-call { display : flex; align-items: center; margin-left: auto; position : relative; i { font-size : 50px; color : var(--global--color-primary); margin-right: 15px; flex-shrink : 0; @media screen and (min-width:992px) and (max-width:1060px) { display: none; } } p { font-size : 13px; color : #929ba2; line-height : 21px; margin-bottom : 0; text-transform: capitalize; } a { font-size : 15px; line-height: 22px; font-weight: 700; color : var(--global--color-secondary); transform : 0.3s ease-in-out; &:hover { color: var(--global--color-primary); } } @media #{$maxTablet} { margin-left : 0; margin-top : 10px; margin-bottom: 20px; } } /* Module Contact */ .module-contact { display : flex; align-items: center; @media #{$minLarge} { margin-left: 40px; } @media #{$noteBook} { margin-left: 20px; } @media #{$maxTablet} { flex-direction: column; width : 100%; } .btn { display : flex; align-items : center; justify-content : center; color : var(--global--color-white); background-color: var(--global--color-primary); padding : 0 38px; width : auto; text-transform : capitalize; font-family : var(--global--font-body); font-size : 15px; font-weight : bold; cursor : pointer; transition : background .3s cubic-bezier(.37, .31, .31, .9), color .3s cubic-bezier(.37, .31, .31, .9); overflow : hidden; height : 100px; border-radius : 0; @media #{$minLarge} { font-size: 14px; } @media #{$noteBook} { padding: 0 20px; } @media #{$maxTablet} { height : 50px; width : 100%; border-radius: 8px; } i { color : var(--global--color-white); margin-left : 10px; margin-right: 0; transition : 0.3s cubic-bezier(.37, .31, .31, .9); } @media #{$maxTablet} { .btn { display: flex; width : 100%; } } } &.module-contact-2 { .btn { width : 174px; height : 55px; padding : 0 20px; border-radius: 4px; @media #{$noteBook} { width: 150px; } @media #{$maxTablet} { width: 100%; } } } } /* Module Language */ .module-language { display : inline-flex; align-items: center; position : relative; height : 100%; &.module-active, &:hover { .lang-list { opacity : 1; visibility: visible; transform : translateY(0); } } .selected { display : flex; align-items: center; img { margin-right: 10px; } span { font-family : var(--global--font-body); font-size : 13px; font-weight : 400; text-transform: capitalize; color : #929ba2; margin-right : 5px; cursor : pointer; } i { font-size: 10px; color : #929ba2; } } .lang-list { background-color: var(--global--color-white); color : var(--global--color-heading); position : absolute; top : 100%; padding : 6px 22px; box-shadow : 0px 5px 41.5px rgba(9, 29, 62, 0.11); z-index : 5555; left : -22px; visibility : hidden; opacity : 0; transform : translateY(15px); transition : 0.3s ease-in-out; border-radius : 0 0 8px 8px; @media (min-width:992px) and (max-width:1200px) { top: 140%; } ul { margin-bottom: 0; li { display : flex; align-items: center; &:last-of-type { a { border-bottom: none; &::after { content: none; } } } img { margin-right: 10px; } a { font-size : 14px; display : block; color : var(--global--color-body); text-transform: capitalize; border-bottom : 1px solid #eaeaea; padding : 8px 0px; cursor : pointer; transition : 0.3s ease; position : relative; &::after { content : ''; position : absolute; bottom : 0; left : 0; height : 1px; width : 0px; transition : 0.3s ease; background-color: transparent; } &:hover { color: var(--global--color-primary); &::after { width : 100%; background-color: var(--global--color-primary); } } } } } } } /* Module Social */ .module-social { line-height : 100px; height : 100px; margin-right : 20px; margin-bottom: 0; @media #{$maxTablet} { border-bottom: 0; } &:last-child { margin-right: 0; } a { color : var(--global--color-white); font-size : 17px; font-weight : 400; margin-right : 10px; position : relative; overflow : hidden; width : 35px; height : 35px; background-color: var(--global--color-primary); border-radius : 50%; display : inline-flex; justify-content : center; align-items : center; transition : 300ms ease-in-out; &:hover { transform: scale(0.9); } } &.module-social-2 { line-height : 70px; height : 70px; border-right: 2px solid #292929; margin-right: 0; &:last-child { margin-right: 0; } a { color : var(--global--color-white); background-color: transparent; margin-right : 20px; width : auto; height : auto; border-radius : 0; &:hover { color : var(--global--color-primary); transform: scale(1); } } } } /* Small Devices, Tablets */ @media only screen and (max-width: 991px) { .module-content { margin-bottom: 10px; } .module-cart-warp { .cart-overview h5 { color: var(--global--color-white); } } } .module-cart.active .module-cart-warp { opacity : 1; visibility: visible; transform : translateY(0); opacity : 1; } .module.module-active .module-cart-warp, .module.module-active .search-box { display: block !important; } // .module-searc h.module-active .search-box .search-form { // margin-bottom: 10px; // } // .module-searc h.module-active .search-box .search-form input { // background-color: var(--global--color-white); // margin-bottom : 0; // height : 35px; // line-height : 35px; // padding-left : 10px; // max-width : 100%; // } .module-cart.module-active .module-cart-warp .cart-control { margin-right: auto; margin-left : auto; text-align : center; } .module-cart.module-active .module-cart-warp .cart-control .pull-right { float: none !important; } .module-consultation { padding: 10px 0; .btn { border-color: var(--global--color-heading); color : var(--global--color-heading); margin : 0; } } .module-social { a { color : var(--global--color-heading); line-height: 36px; } } .module-sidearea { .module-sidearea-wrap { width : 320px; padding: 40px; } }module/_faqs.scss000064400000005740150437236230010032 0ustar00/*------------------------------------*\ #FAQS \*------------------------------------*/ .faqs { padding-top : 130px; padding-bottom: 110px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } .faqs-action { margin-bottom: 0px; @media #{$maxSmall} { display : flex; flex-direction: column; align-items : center; } .btn { font-family : var(--global--font-body); font-size : 15px; font-weight : 700; display : inline-flex; width : 170px; height : 65px; margin-right: 30px; @media #{$noteBook} { margin-right: 10px; } @media #{$maxTablet} { margin: 0 30px 0 0; } @media #{$maxSmall} { margin-right : 0; margin-bottom: 15px; height : 50px; } &:first-child { i { color: var(--global--color-heading); } &:hover { i { color: var(--global--color-white); } } } &:last-child { padding: 0 28px; } &.btn--white { box-shadow: 0px 3px 63px 0px rgba(40, 40, 40, 0.11); } } } .more-faqs { text-align: center; margin-top: 3px; p { font-family: var(--global--font-body); font-weight: 700; font-size : 15px; color : var(--global--color-body); a { position : relative; font-weight : 700; color : var(--global--color-heading); transition : 0.3s ease-in-out; text-transform: capitalize; padding-bottom: 6px; &:hover { &::before { width: calc(100% - 20%); } } &::before { content : ''; transition : 0.3s ease-in-out; position : absolute; bottom : 0; left : 50%; transform : translateX(-50%); width : 100%; height : 2px; background-color: var(--global--color-primary); } } } } &.faqs-2 { padding-top : 130px; padding-bottom: 100px; @media #{$maxTablet} { padding-top : 70px; padding-bottom: 70px; } } }base/_reset.scss000064400000001443150437236230007643 0ustar00/*------------------------------------*\ #RESET \*------------------------------------*/ *, h1, h2, h3, h4, h5, h6, p, ul, a, dl, dt, dd, ol, ul, li { list-style: none; margin : 0; padding : 0; } *, :active, :focus { outline: none !important; } ul, ol { list-style: none; margin : 0; padding : 0; } textarea { resize: none } ::selection { text-shadow: none; } ::-moz-selection { text-shadow: none; } ::-webkit-selection { text-shadow: none; } .form-control { box-shadow: none; } button { background-color: transparent; box-shadow : none; border : none; outline : none; padding : 0; } textarea { resize: none }base/_info.scss000064400000003124150437236230007452 0ustar00/*----------------------------------------------------------------------------------- Theme Name: Energia Theme URI: http://themeforest.net/user/zytheme Description: Energia is a pixel perfect renewable energy HTML5 tempalte based on designed with great attention to details, flexibility and performance. It is ultra professional, smooth and sleek, with a clean modern layout. Author: zytheme Author URI: http://themeforest.net/user/zytheme Version: 1.0 -----------------------------------------------------------------------------------*/ /*! // Contents // ------------------------------------------------> 1. Global Styles 2. Typography 3. Color 4. Align 5. Grid 6. Blockquotes 7. Background 8. Breadcrumbs 9. Buttons 10. Forms 11. Icons 12. List 13. Accordions 14. Alerts 15. Backtop 16. Page Loader 17. Header 18. Menu 19. Module 20. TopBar 21. Page Title 22. Carousel 23. Pagination 24. Heading 25. Hero 26. Blog 27. Shop 28. Work 29. Sidebar 30. Features 31. Pricing 32. team 33. Contact 34. Faq 35. Clients 36. Testimonial 37. Video 38. Counters 39. Services 40. Action 41. 404 42. Company Data 43. Image Hot Pointer 44. Careers 45. Awards 46. About 47. Processes 48. Footer /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) */base/_vars.scss000064400000002523150437236230007474 0ustar00/*------------------------------------*\ #CSS VARIBALES \*------------------------------------*/ :root { --global--color-primary : #32c36c; --global--color-primary-90: rgba(50, 195, 108, 0.9); --global--color-primary-70: rgba(50, 195, 108, 0.7); --global--color-heading : #253745; --global--color-secondary : #2b3e4b; --global--color-body : #9b9b9b; --global--color-white : #ffffff; --global--color-white-90 : rgba(255, 255, 255, 0.9); --global--color-gray : #f9f9f9; --global--font-body : 'Roboto', sans-serif; --global--font-heading : 'IBM Plex Sans', sans-serif; --global--font-secondary : 'Heebo', sans-serif; } $line-height-base : 1.5; $line-height-content: 1.8; $decoration-base : none; $font-size-h1: 52px; $font-size-h2: 42px; $font-size-h3: 38px; $font-size-h4: 28px; $font-size-h5: 24px; $font-size-h6: 18px; $font-size-base: 14px; $baseline : 20px; $fontawesome: "Font Awesome 5 Free"; $maxSmall : "screen and (max-width:767.98px)"; $minTablet: "screen and (min-width:768px)"; $maxTablet: "screen and (max-width:991.98px)"; $minLarge : "screen and (min-width:992px)"; $maxLarge : "screen and (max-width:1199.98px)"; $minXlarge: "screen and (min-width:1200px)"; $noteBook : "(min-width:992px) and (max-width:1200px)";base/_base.scss000064400000002635150437236230007437 0ustar00/*------------------------------------*\ #GLOBAL STYLES \*------------------------------------*/ body, html { overflow-x: hidden; } body { background-color: var(--global--color-white); font-family : var(--global--font-body); font-size : 14px; font-weight : 400; color : var(--global--color-body); margin : 0; } ::selection { background-color: var(--global--color-primary); color : var(--global--color-white); text-shadow : none; } a { font-family : var(--global--font-body); font-weight : 400; color : var(--global--color-primary); transition : all 300ms ease-in-out; text-decoration: none; &:hover { text-decoration: none; } } p { font-family: var(--global--font-body); font-weight: 400; } textarea { resize: none; } .fullscreen { height: 100vh !important; } section { background-color: var(--global--color-white); padding : 120px 0; overflow : hidden; @media only screen and (max-width: 767px) { padding: 70px 0; } } hr { background-color: #eaeaea; border-color : #eaeaea; margin : 0; } /* Medium Devices, Desktops */ @media only screen and (max-width: 992px) { .fullscreen { height: auto !important; } }base/_mixins.scss000064400000002341150437236230010026 0ustar00@mixin bp-large { @media only screen and (max-width: 60em) { @content; } } @mixin bp-medium { @media only screen and (max-width: 40em) { @content; } } @mixin bp-small { @media only screen and (max-width: 30em) { @content; } } @mixin transition($trans) { -webkit-transition: $trans; -moz-transition : $trans; -ms-transition : $trans; -o-transition : $trans; transition : $trans; } @mixin rounded ($r) { -webkit-border-radius: $r; -moz-border-radius : $r; -o-border-radius : $r; border-radius : $r; } @mixin keyframes($animation-name) { @-webkit-keyframes #{$animation-name} { @content; } @-moz-keyframes #{$animation-name} { @content; } @-ms-keyframes #{$animation-name} { @content; } @-o-keyframes #{$animation-name} { @content; } @keyframes #{$animation-name} { @content; } } // Add prefixes before elements @mixin prefix($property, $value, $prefixes: ()) { @each $prefix in $prefixes { #{'-' + $prefix + '-' + $property}: $value; } #{$property}: $value; }style.scss000064400000002754150437236230006616 0ustar00//Base @import "base/info"; @import "base/vars"; @import "base/mixins"; @import "base/reset"; @import "base/base"; //Layout @import "layout/typography"; @import "layout/color"; @import "layout/align"; @import "layout/grid"; @import "layout/blockquotes"; @import "layout/background"; @import "layout/breadcrumb"; @import "layout/buttons"; @import "layout/forms"; @import "layout/lists"; @import "layout/tabs"; @import "layout/accordion"; @import "layout/pagination"; @import "layout/alert"; @import "layout/backtop"; @import "layout/misc"; //module @import "module/header"; @import "module/menu"; @import "module/menu-max991"; @import "module/menu-max1200"; @import "module/menu-min992"; @import "module/module"; @import "module/topbar"; @import 'module/page-title'; @import 'module/carousel'; @import 'module/heading'; @import 'module/skills'; @import 'module/hero'; @import 'module/blog'; @import 'module/shop'; @import 'module/team'; @import 'module/sidebar'; @import 'module/features'; @import 'module/pricing'; @import 'module/contact'; @import 'module/clients'; @import 'module/testimonial'; @import 'module/video'; @import 'module/action'; @import 'module/404'; @import 'module/services'; @import "module/company-data"; @import "module/counters"; @import "module/projects"; @import "module/faqs"; @import "module/map"; @import "module/careers"; @import 'module/awards'; @import 'module/about'; @import 'module/processes'; @import 'module/footer';