From 8cab9f71678a1bc92f4ec3e8f3f67e444108533e Mon Sep 17 00:00:00 2001 From: RonaldsonBellande Date: Sun, 3 Dec 2023 18:39:00 -0500 Subject: [PATCH 1/3] latest pushes --- assets/scss/_about.scss | 122 --- assets/scss/_blog_page.scss | 1579 ---------------------------- assets/scss/_bradcam.scss | 220 ---- assets/scss/_categories.scss | 117 --- assets/scss/_color.scss | 104 -- assets/scss/_common.scss | 901 ---------------- assets/scss/_contact-inof.scss | 63 -- assets/scss/_contact.scss | 153 --- assets/scss/_elements.scss | 1069 ------------------- assets/scss/_extend.scss | 50 - assets/scss/_footer.scss | 88 -- assets/scss/_h1-hero.scss | 315 ------ assets/scss/_headerMenu.scss | 153 --- assets/scss/_listing-details.scss | 234 ----- assets/scss/_listing.scss | 222 ---- assets/scss/_mixins.scss | 13 - assets/scss/_overlay.scss | 67 -- assets/scss/_pagination.scss | 57 - assets/scss/_pepole-visit.scss | 145 --- assets/scss/_portfolio.scss | 35 - assets/scss/_services.scss | 26 - assets/scss/_services_section.scss | 89 -- assets/scss/_testimonial.scss | 139 --- assets/scss/_variables.scss | 91 -- assets/scss/_wantTowork.scss | 40 - assets/scss/style.scss | 65 -- 26 files changed, 6157 deletions(-) delete mode 100755 assets/scss/_about.scss delete mode 100755 assets/scss/_blog_page.scss delete mode 100755 assets/scss/_bradcam.scss delete mode 100755 assets/scss/_categories.scss delete mode 100755 assets/scss/_color.scss delete mode 100755 assets/scss/_common.scss delete mode 100755 assets/scss/_contact-inof.scss delete mode 100755 assets/scss/_contact.scss delete mode 100755 assets/scss/_elements.scss delete mode 100755 assets/scss/_extend.scss delete mode 100755 assets/scss/_footer.scss delete mode 100755 assets/scss/_h1-hero.scss delete mode 100755 assets/scss/_headerMenu.scss delete mode 100755 assets/scss/_listing-details.scss delete mode 100755 assets/scss/_listing.scss delete mode 100755 assets/scss/_mixins.scss delete mode 100755 assets/scss/_overlay.scss delete mode 100755 assets/scss/_pagination.scss delete mode 100755 assets/scss/_pepole-visit.scss delete mode 100755 assets/scss/_portfolio.scss delete mode 100755 assets/scss/_services.scss delete mode 100755 assets/scss/_services_section.scss delete mode 100755 assets/scss/_testimonial.scss delete mode 100755 assets/scss/_variables.scss delete mode 100755 assets/scss/_wantTowork.scss delete mode 100755 assets/scss/style.scss diff --git a/assets/scss/_about.scss b/assets/scss/_about.scss deleted file mode 100755 index 075dc9d..0000000 --- a/assets/scss/_about.scss +++ /dev/null @@ -1,122 +0,0 @@ -.about-area{ - .about-caption{ - h3{ - font-size: 30px; - color: #000a2d; - font-weight: 700; - margin-bottom: 35px; - line-height: 1.5; - @media #{$xs}{ - font-size: 24px; - line-height: 1.6; - } - - } - .pera1{ - margin-bottom: 25px; - } - - } - .about-caption2{ - h3{ - font-size: 40px; - color: #000a2d; - font-weight: 700; - margin-bottom: 35px; - line-height: 1.5; - @media #{$md}{ - font-size: 30px; - } - @media #{$sm}{ - font-size: 30px; - } - @media #{$xs}{ - font-size: 25px; - } - - } - p{ - color: #464d65; - font-size: 20px; - font-weight: 500; - margin-bottom: 10px; - } - .send-cv{ - display: flex; - justify-content: space-between; - a{ - color: #000a2d; - font-size: 35px; - font-weight: 500; - margin-bottom: 10px; - text-decoration: underline; - display: inline-block; - @media #{$md}{ - font-size: 30px; - } - @media #{$sm}{ - font-size: 28px; - } - @media #{$xs}{ - font-size: 25px; - } - } - i{ - font-size: 30px; - cursor: pointer; - text-decoration: double underline; - position: relative; - bottom: -10px; - @media #{$sm}{ - bottom: -6px; - font-size: 23px; - - } - @media #{$xs}{ - bottom: -6px; - font-size: 23px; - - } - } - } - - } -} - -.about-me{ - .about-me-img{ - img{ - width: 100%; - } - } - .about-me-caption{ - h2 { - font-size: 48px; - display: block; - color: $heading-color; - font-weight: 600; - margin-bottom: 40px; - @media #{$lg}{ - font-size: 41px; - } - @media #{$md}{ - font-size: 35px; - } - @media #{$sm}{ - font-size: 31px; - } - @media #{$xs}{ - font-size: 24px; - line-height: 1.6; - } - } - p{ - - } - h5{ - padding-left: 25px; - border-left: 2px solid #ff5f13; - margin-bottom: 30px; - } - } -} \ No newline at end of file diff --git a/assets/scss/_blog_page.scss b/assets/scss/_blog_page.scss deleted file mode 100755 index 3f7ae61..0000000 --- a/assets/scss/_blog_page.scss +++ /dev/null @@ -1,1579 +0,0 @@ -/* satart-latest-blog-area */ -.latest-blog-area{ - .custom-row { - margin: 0 -15px; - } - .blog-wrapper { - border: 1px solid #f0f0f0; - border-radius: 5px; - padding: 50px 40px; - position: relative; - background: #fff; - .blog-inner{ - .blog-top{ - display: flex; - align-items: center; - margin-bottom: 30px; - .person-img { - img { - } - } - p { - margin-top: 30px; - margin-bottom: 34px; - } - .comment-person { - margin-left: 20px; - h2 { - color: #ec5b53; - font-size: 18px; - font-weight: 600; - } - span { - color: #57667e; - font-weight: 300; - font-size: 14px; - } - } - } - } - } -} - -.blog-active { - button { - cursor: pointer; - } - .slick-arrow { - position: absolute; - top: -154px; - right: 10px; - background: none; - border: none; - background: red; - - width: 50px; - height: 50px; - line-height: 50px; - background: #fff; - color: #ff5a5a; - border: 2px solid #f5f5f5; - padding: 0; - border-radius: 50%; - cursor: pointer; - } - .slick-prev.slick-arrow { - right: 65px; - } -} - - - -/* End-latest-blog-area */ - - -/* Start Blog Area css -============================================================================================ */ - - -.latest-blog-area { - .area-heading { - margin-bottom: 70px; - } -} -.blog_area{ - a{ - color: $font_1 !important; - text-decoration: none; - transition: .4s; - &:hover, :hover{ - background: -webkit-linear-gradient( 131deg, $theme-color 0%, $theme-color 99%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - text-decoration: none; - transition: .4s; - } - } -} - -.single-blog { - overflow: hidden; - margin-bottom: 30px; - - &:hover { - box-shadow: 0px 10px 20px 0px rgba(42, 34, 123, 0.1); - } - - .thumb { - overflow: hidden; - position: relative; - - &:after { - content: ''; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - background: #000; - opacity: 0; - @include transition(.3s); - } - } - - h4 { - // @include transition(.3s); - border-bottom: 1px solid #dfdfdf; - padding-bottom: 34px; - margin-bottom: 25px; - } - - a { - // color: $dip; - font-size: 20px; - font-weight: 600; - - &:hover { - // // color: $baseColor; - } - } - - .date { - color: #666666; - text-align: left; - display: inline-block; - font-size: 13px; - font-weight: 300; - } - - .tag { - // color: $baseColor; - text-align: left; - display: inline-block; - float: left; - font-size: 13px; - font-weight: 300; - margin-right: 22px; - position: relative; - - &:after { - content: ''; - position: absolute; - width: 1px; - height: 10px; - background: #acacac; - right: -12px; - top: 7px; - - } - - @media(max-width:1199px) { - margin-right: 8px; - - &:after { - display: none; - } - } - } - - .likes { - margin-right: 16px; - } - - @media(max-width:800px) { - margin-bottom: 30px; - } - - .single-blog-content { - padding: 30px; - - .meta-bottom { - p { - font-size: 13px; - font-weight: 300; - } - - i { - color: $border_color; - font-size: 13px; - margin-right: 7px; - } - } - - @media(max-width:1199px) { - padding: 15px; - } - } - - &:hover { - .thumb { - &:after { - opacity: .7; - @include transition(.3s); - } - } - } - - @media(max-width:1199px) { - h4 { - transition: all 300ms linear 0s; - border-bottom: 1px solid #dfdfdf; - padding-bottom: 14px; - margin-bottom: 12px; - - a { - font-size: 18px; - } - } - } - -} - -.full_image.single-blog { - position: relative; - - .single-blog-content { - position: absolute; - left: 35px; - bottom: 0; - opacity: 0; - visibility: hidden; - @include transition(.3s); - - .meta-bottom { - p { - // color: $white_color; - } - } - - @media (min-width: 992px) { - bottom: 100px; - } - } - - h4 { - @include transition(.3s); - border-bottom: none; - padding-bottom: 5px; - } - - a { - // color: $white_color; - font-size: 20px; - font-weight: 600; - - &:hover { - // color: $baseColor; - } - } - - .date { - color: #fff; - } - - &:hover { - .single-blog-content { - opacity: 1; - visibility: visible; - @include transition(.3s); - } - } - -} - -/* End Blog Area css -============================================================================================ */ - - - -/* Latest Blog Area css -============================================================================================ */ -.latest_blog_area {} - -.latest_blog_inner {} - -.l_blog_item { - .l_blog_img {} - - .l_blog_text { - .date { - margin-top: 24px; - margin-bottom: 15px; - - a { - // color: $pfont; - font-size: 12px; - } - } - - h4 { - font-size: 18px; - // color: $title-color; - border-bottom: 1px solid #eeeeee; - margin-bottom: 0px; - padding-bottom: 20px; - @include transition(.3s); - - &:hover { - // // color: $baseColor; - } - } - - p { - margin-bottom: 0px; - padding-top: 20px; - } - } -} - -/* End Latest Blog Area css -============================================================================================ */ - - -/* Causes Area css -============================================================================================ */ -.causes_area {} - -.causes_slider { - .owl-dots { - text-align: center; - margin-top: 80px; - - .owl-dot { - height: 14px; - width: 14px; - background: #eeeeee; - display: inline-block; - margin-right: 7px; - - &:last-child { - margin-right: 0px; - } - - &.active { - // background: $baseColor; - } - } - } -} - -.causes_item { - background: #fff; - - .causes_img { - position: relative; - - .c_parcent { - position: absolute; - bottom: 0px; - width: 100%; - left: 0px; - height: 3px; - background: rgba(255, 255, 255, .5); - - span { - width: 70%; - height: 3px; - // background: $title-color; - position: absolute; - left: 0px; - bottom: 0px; - - &:before { - content: "75%"; - position: absolute; - right: -10px; - bottom: 0px; - // background: $title-color; - color: #fff; - padding: 0px 5px; - } - } - } - } - - .causes_text { - padding: 30px 35px 40px 30px; - - h4 { - // color: $title-color; - // font-family: $rob; - font-size: 18px; - font-weight: 600; - margin-bottom: 15px; - cursor: pointer; - - &:hover { - // // color: $title-color; - } - } - - p { - font-size: 14px; - line-height: 24px; - // color: $pfont; - font-weight: 300; - margin-bottom: 0px; - } - } - - .causes_bottom { - a { - width: 50%; - border: 1px solid; - text-align: center; - float: left; - line-height: 50px; - // background: $title-color; - color: #fff; - // font-family: $rob; - font-size: 14px; - font-weight: 500; - - &+a { - border-color: #eeeeee; - background: #fff; - font-size: 14px; - // color: $title-color; - } - } - } -} - -/* End Causes Area css -============================================================================================ */ - - - -/*================= latest_blog_area css =============*/ -.latest_blog_area { - background: #f9f9ff; -} - -.single-recent-blog-post { - margin-bottom: 30px; - - .thumb { - overflow: hidden; - - img { - transition: all 0.7s linear; - } - } - - .details { - padding-top: 30px; - - .sec_h4 { - line-height: 24px; - padding: 10px 0px 13px; - transition: all 0.3s linear; - - &:hover { - // color: $pfont; - } - } - } - - .date { - font-size: 14px; - line-height: 24px; - font-weight: 400; - } - - &:hover { - img { - transform: scale(1.23) rotate(10deg); - } - } -} - -.tags { - .tag_btn { - font-size: 12px; - font-weight: 500; - line-height: 20px; - border: 1px solid #eeeeee; - display: inline-block; - padding: 1px 18px; - text-align: center; - - // color: $title-color; - &:before { - // background: $title-color; - } - - &+.tag_btn { - margin-left: 2px; - } - } -} - -/*========= blog_categorie_area css ===========*/ -.blog_categorie_area { - padding-top: 30px; - padding-bottom: 30px; - // background: $lightGray; - - @media(min-width: 900px) { - padding-top: 80px; - padding-bottom: 80px; - } - - @media(min-width: 1100px) { - padding-top: 120px; - padding-bottom: 120px; - } -} - -.categories_post { - position: relative; - text-align: center; - cursor: pointer; - - img { - max-width: 100%; - } - - .categories_details { - position: absolute; - top: 20px; - left: 20px; - right: 20px; - bottom: 20px; - background: rgba(34, 34, 34, 0.75); - color: #fff; - transition: all 0.3s linear; - display: flex; - align-items: center; - justify-content: center; - - h5 { - margin-bottom: 0px; - font-size: 18px; - line-height: 26px; - text-transform: uppercase; - color: #fff; - position: relative; - // &:before{ - // content: ""; - // height: 1px; - // width: 100%; - // background: #fff; - // position: absolute; - // bottom: 0px; - // left: 0px; - // } - } - - p { - font-weight: 300; - font-size: 14px; - line-height: 26px; - margin-bottom: 0px; - } - - .border_line { - margin: 10px 0px; - background: #fff; - width: 100%; - height: 1px; - } - } - - &:hover { - .categories_details { - background: rgba(222, 99, 32, 0.85); - } - } -} - - - -/*============ blog_left_sidebar css ==============*/ -.blog_area { - // background: $lightGray; -} - -.blog_left_sidebar {} - -.blog_item { - margin-bottom: 50px; -} - -.blog_details { - padding: 30px 0 20px 10px; - box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.3); - - @media(min-width: 768px) { - padding: 60px 30px 35px 35px; - } - - p { - margin-bottom: 30px; - } - - a { - color: $heading_color2; - - &:hover { - color: $btn_bg; - } - } - - h2 { - font-size: 18px; - font-weight: 600; - margin-bottom: 8px; - - @media(min-width: 768px) { - font-size: 24px; - margin-bottom: 15px; - } - } -} - -.blog-info-link { - - li { - float: left; - font-size: 14px; - - a { - color: #999999; - } - - i, - span { - font-size: 13px; - margin-right: 5px; - } - - &::after { - content: "|"; - padding-left: 10px; - padding-right: 10px; - } - - &:last-child::after { - display: none; - } - } - - &::after { - content: ""; - display: block; - clear: both; - display: table; - } -} - -.blog_item_img { - position: relative; - - .blog_item_date { - position: absolute; - bottom: -10px; - left: 10px; - display: block; - color: $white_color; - background-color: $theme-color; - padding: 8px 15px; - border-radius: 5px; - - @media(min-width: 768px) { - bottom: -20px; - left: 40px; - padding: 13px 30px; - } - - h3 { - font-size: 22px; - font-weight: 600; - color: $white_color; - margin-bottom: 0; - line-height: 1.2; - - @media(min-width: 768px) { - font-size: 30px; - } - } - - p { - font-size: 18px; - margin-bottom: 0; - color: $white_color; - - @media(min-width: 768px) { - font-size: 18px; - } - } - } -} - - - - -.blog_right_sidebar { - - // border: 1px solid #eeeeee; - // background: #fafaff; - // padding: 30px; - .widget_title { - font-size: 20px; - margin-bottom: 40px; - // color: $title-color; - - &::after { - content: ""; - display: block; - padding-top: 15px; - border-bottom: 1px solid #f0e9ff; - } - } - - .single_sidebar_widget { - background: #fbf9ff; - padding: 30px; - margin-bottom: 30px; - .btn_1{ - margin-top: 0px; - } - } - - - .search_widget { - - .form-control { - height: 50px; - border-color: #f0e9ff; - font-size: 13px; - color: #999999; - padding-left: 20px; - border-radius: 0; - border-right: 0; - - &::placeholder { - color: #999999; - } - - &:focus { - border-color: #f0e9ff; - outline: 0; - box-shadow: none; - } - } - - .input-group { - - button { - background:$theme-color; - border-left: 0; - border: 1px solid #f0e9ff; - padding: 4px 15px; - border-left: 0; - cursor: pointer; - - i{ - color: #fff; - } - span { - font-size: 14px; - color: #999999; - } - } - } - - } - - .newsletter_widget { - - .form-control { - height: 50px; - border-color: #f0e9ff; - font-size: 13px; - color: #999999; - padding-left: 20px; - border-radius: 0; - // border-right: 0; - - &::placeholder { - color: #999999; - } - - &:focus { - border-color: #f0e9ff; - outline: 0; - box-shadow: none; - } - } - - .input-group { - - button { - background: $white_color; - border-left: 0; - border: 1px solid #f0e9ff; - padding: 4px 15px; - border-left: 0; - - i, - span { - font-size: 14px; - color: #fff; - } - } - } - - } - - - .post_category_widget { - .cat-list { - li { - border-bottom: 1px solid #f0e9ff; - transition: all 0.3s ease 0s; - padding-bottom: 12px; - - &:last-child { - border-bottom: 0; - } - - a { - font-size: 14px; - line-height: 20px; - color: #888888; - - p { - margin-bottom: 0px; - } - } - - &+li { - padding-top: 15px; - } - - &:hover { - - // border-// color: $title-color; - a { - // // color: $baseColor; - } - } - } - } - } - - .popular_post_widget { - .post_item { - .media-body { - justify-content: center; - align-self: center; - padding-left: 20px; - - h3 { - font-size: 16px; - line-height: 20px; - margin-bottom: 6px; - transition: all 0.3s linear; - - } - - a { - - // color: $title_color; - &:hover { - color: $white_color; - } - - } - - p { - font-size: 14px; - line-height: 21px; - margin-bottom: 0px; - } - } - - &+.post_item { - margin-top: 20px; - } - } - } - - .tag_cloud_widget { - ul { - li { - display: inline-block; - - a { - display: inline-block; - border: 1px solid #eeeeee; - background: #fff; - padding: 4px 20px; - margin-bottom: 8px; - margin-right: 3px; - transition: all 0.3s ease 0s; - color: #888888; - font-size: 13px; - - &:hover { - background: $theme-color; - color: #fff !important; - -webkit-text-fill-color: #fff; - text-decoration: none; - -webkit-transition: 0.5s; - transition: 0.5s; - } - } - } - } - } - - .instagram_feeds { - - .instagram_row { - display: flex; - margin-right: -6px; - margin-left: -6px; - - - li { - width: 33.33%; - float: left; - padding-right: 6px; - padding-left: 6px; - margin-bottom: 15px; - } - } - } - - - - - - - - // .author_widget{ - // text-align: center; - // h4{ - // font-size: 18px; - // line-height: 20px; - // // color: $title-color; - // margin-bottom: 5px; - // margin-top: 30px; - // } - // p{ - // margin-bottom: 0px; - // } - // .social_icon{ - // padding: 7px 0px 15px; - // a{ - // font-size: 14px; - // // color: $title-color; - // transition: all 0.2s linear; - // & + a{ - // margin-left: 20px; - // } - // &:hover{ - // // color: $title-color; - // } - // } - // } - // } - - - // .newsletter_widget{ - // text-align: center; - // p{ - - // } - // .form-group{ - // margin-bottom: 8px; - // } - // .input-group-prepend { - // margin-right: -1px; - // } - // .input-group-text { - // background: #fff; - // border-radius: 0px; - // vertical-align: top; - // font-size: 12px; - // line-height: 36px; - // padding: 0px 0px 0px 15px; - // border: 1px solid #eeeeee; - // border-right: 0px; - - // i{ - // color: #cccccc; - // } - // } - // .form-control{ - // font-size: 12px; - // line-height: 24px; - // color: #cccccc; - // border: 1px solid #eeeeee; - // border-left: 0px; - // border-radius: 0px; - // @include placeholder{ - // color: #cccccc; - // } - // &:focus{ - // outline: none; - // box-shadow: none; - // } - // } - // .bbtns{ - // background: $title-color; - // color: #fff; - // font-size: 12px; - // line-height: 38px; - // display: inline-block; - // font-weight: 500; - // padding: 0px 24px 0px 24px; - // border-radius: 0; - // } - // .text-bottom{ - // font-size: 12px; - // } - // } - - .br { - width: 100%; - height: 1px; - background: rgb(238, 238, 238); - margin: 30px 0px; - } -} - - -// .page-link { -// background: transparent; -// font-weight: 400; -// } - -// .blog-pagination .page-item.active .page-link { -// background-// color: $title-color; -// border-color: transparent; -// color:#fff; -// } - - -.blog-pagination { - margin-top: 80px; -} - -.blog-pagination .page-link { - font-size: 14px; - position: relative; - display: block; - padding: 0; - text-align: center; - // padding: 0.5rem 0.75rem; - margin-left: -1px; - line-height: 45px; - width: 45px; - height: 45px; - border-radius: 0 !important; - color: #8a8a8a; - border: 1px solid #f0e9ff; - margin-right: 10px; - - - i, - span { - font-size: 13px; - } - - &:hover { - // background-color: $baseColor; - // color: $white_color; - } -} - -.blog-pagination .page-item.active { - .page-link { - background-color: #fbf9ff; - border-color: #f0e9ff; - color: #888888; - } -} - -.blog-pagination .page-item:last-child .page-link { - margin-right: 0; -} - -// .blog-pagination .page-link .lnr { -// font-weight: 600; -// } - -// .blog-pagination .page-item:last-child .page-link, -// .blog-pagination .page-item:first-child .page-link { -// border-radius: 0; -// } - -// .blog-pagination .page-link:hover { -// color: #fff; -// text-decoration: none; -// background-// color: $title-color; -// border-color: #eee; -// } - - - -/*============ Start Blog Single Styles =============*/ - -.single-post-area { - .blog_details { - box-shadow: none; - padding: 0; - } - - .social-links { - padding-top: 10px; - - li { - display: inline-block; - margin-bottom: 10px; - - a { - color: #cccccc; - padding: 7px; - font-size: 14px; - transition: all 0.2s linear; - - &:hover { - // color: $title-color; - } - } - } - } - - .blog_details { - padding-top: 26px; - - p { - margin-bottom: 20px; - font-size: 15px; - } - - h2 { - // color: $title-color; - } - } - - .quote-wrapper { - background: rgba(130, 139, 178, 0.1); - padding: 15px; - line-height: 1.733; - color: #888888; - font-style: italic; - margin-top: 25px; - margin-bottom: 25px; - - @media(min-width: 768px) { - padding: 30px; - } - } - - .quotes { - background: $white_color; - padding: 15px 15px 15px 20px; - border-left: 2px solid; - - @media(min-width: 768px) { - padding: 25px 25px 25px 30px; - } - } - - .arrow { - position: absolute; - - .lnr { - font-size: 20px; - font-weight: 600; - } - } - - .thumb { - .overlay-bg { - background: rgba(#000, .8); - } - } - - .navigation-top { - padding-top: 15px; - border-top: 1px solid #f0e9ff; - - p { - margin-bottom: 0; - } - - .like-info { - font-size: 14px; - - i, - span { - font-size: 16px; - margin-right: 5px; - } - } - - .comment-count { - font-size: 14px; - - i, - span { - font-size: 16px; - margin-right: 5px; - } - } - - .social-icons { - - li { - display: inline-block; - margin-right: 15px; - - &:last-child { - margin: 0; - } - - i, - span { - font-size: 14px; - color: #999999; - } - - &:hover { - - i, - span { - // // color: $baseColor; - } - } - } - } - } - - - .blog-author { - padding: 40px 30px; - background: #fbf9ff; - margin-top: 50px; - - @media(max-width: 600px) { - padding: 20px 8px; - } - - img { - width: 90px; - height: 90px; - border-radius: 50%; - margin-right: 30px; - - @media(max-width: 600px) { - margin-right: 15px; - width: 45px; - height: 45px; - } - } - - a { - display: inline-block; - - // color: $title-color; - &:hover { - color: $btn_bg; - } - } - - p { - margin-bottom: 0; - font-size: 15px; - } - - h4 { - font-size: 16px; - } - } - - - - .navigation-area { - border-bottom: 1px solid #eee; - padding-bottom: 30px; - margin-top: 55px; - - p { - margin-bottom: 0px; - } - - h4 { - font-size: 18px; - line-height: 25px; - // color: $title-color; - } - - .nav-left { - text-align: left; - - .thumb { - margin-right: 20px; - background: #000; - - img { - @include transition(.3s); - } - } - - .lnr { - margin-left: 20px; - opacity: 0; - @include transition(.3s); - } - - &:hover { - .lnr { - opacity: 1; - } - - .thumb { - img { - opacity: .5; - } - } - } - - @media(max-width:767px) { - margin-bottom: 30px; - } - } - - .nav-right { - text-align: right; - - .thumb { - margin-left: 20px; - background: #000; - - img { - @include transition(.3s); - } - } - - .lnr { - margin-right: 20px; - opacity: 0; - @include transition(.3s); - } - - &:hover { - .lnr { - opacity: 1; - } - - .thumb { - img { - opacity: .5; - } - } - } - } - } - - .sidebar-widgets { - @media(max-width: 991px) { - padding-bottom: 0px; - } - } -} - -.comments-area { - background: transparent; - // border: 1px solid #eee; - border-top: 1px solid #eee; - padding: 45px 0; - margin-top: 50px; - - @media(max-width: 414px) { - padding: 50px 8px; - } - - h4 { - // text-align: center; - margin-bottom: 35px; - // color: $title-color; - font-size: 18px; - } - - h5 { - font-size: 16px; - margin-bottom: 0px; - } - - a { - // color: $title-color; - } - - .comment-list { - padding-bottom: 48px; - - &:last-child { - padding-bottom: 0px; - } - - &.left-padding { - padding-left: 25px; - } - - @media(max-width:413px) { - .single-comment { - h5 { - font-size: 12px; - } - - .date { - font-size: 11px; - } - - .comment { - font-size: 10px; - } - } - } - } - - .thumb { - margin-right: 20px; - - img { - width: 70px; - border-radius: 50%; - } - } - - .date { - font-size: 14px; - color: #999999; - margin-bottom: 0; - margin-left: 20px; - } - - .comment { - margin-bottom: 10px; - color: #777777; - font-size: 15px; - } - - .btn-reply { - background-color: transparent; - color: #888888; - // border:1px solid #eee; - padding: 5px 18px; - font-size: 14px; - display: block; - font-weight: 400; - // @include transition(.3s); - // &:hover { - // background-// color: $title-color; - // color: #fff; - // font-weight: 700; - // } - } -} - -.comment-form { - // background:#fafaff; - // text-align: center; - border-top: 1px solid #eee; - padding-top: 45px; - margin-top: 50px; - margin-bottom: 20px; - - .form-group { - margin-bottom: 30px; - } - - h4 { - // text-align: center; - margin-bottom: 40px; - font-size: 18px; - line-height: 22px; - // color: $title-color; - } - - .name { - padding-left: 0px; - - @media(max-width: 767px) { - padding-right: 0px; - margin-bottom: 1rem; - } - } - - .email { - padding-right: 0px; - - @media(max-width: 991px) { - padding-left: 0px; - } - } - - .form-control { - border: 1px solid #f0e9ff; - border-radius: 5px; - height: 48px; - padding-left: 18px; - font-size: 13px; - background: transparent; - - &:focus { - outline: 0; - box-shadow: none; - } - - &::placeholder { - font-weight: 300; - color: #999999; - } - - &::placeholder { - color: #777777; - } - } - - textarea { - padding-top: 18px; - border-radius: 12px; - height: 100% !important; - } - - ::-webkit-input-placeholder { - /* Chrome/Opera/Safari */ - font-size: 13px; - color: #777; - } - - ::-moz-placeholder { - /* Firefox 19+ */ - font-size: 13px; - color: #777; - } - - :-ms-input-placeholder { - /* IE 10+ */ - font-size: 13px; - color: #777; - } - - :-moz-placeholder { - /* Firefox 18- */ - font-size: 13px; - color: #777; - } -} - - - -/*============ End Blog Single Styles =============*/ \ No newline at end of file diff --git a/assets/scss/_bradcam.scss b/assets/scss/_bradcam.scss deleted file mode 100755 index 07efa29..0000000 --- a/assets/scss/_bradcam.scss +++ /dev/null @@ -1,220 +0,0 @@ -.breadcam_bg{ - background-image: url(../img/banner/bradcam.png); -} -.breadcam_bg_1{ - background-image: url(../img/banner/bradcam2.png); -} -.breadcam_bg_2{ - background-image: url(../img/banner/bradcam3.png); -} -.bradcam_area{ - background-size: cover; - background-position: center center; - padding: 160px 0; - background-position: bottom; - background-repeat: no-repeat; - @media #{$mobile_device} { - padding: 150px 0; - } - @media #{$tablet_device} { - padding: 150px 0; - } - h3{ - font-size: 50px; - color: #fff; - font-weight: 900; - margin-bottom: 0; - font-family: $font_1; - text-transform: capitalize; - @media #{$mobile_device} { - font-size: 30px; - } - @media #{$tablet_device} { - font-size: 40px; - } - } -} - -.popup_box{ - // position: absolute; - // left: 50%; - // top: 50%; - // transform: translate(-50%,-50%); - background: #fff; - display: inline-block; - z-index: 9; - width: 681px; - padding: 60px 40px; - @media #{$mobile_device} { - width: 320px; - padding: 45px 30px; - } - @media #{$large_mobile} { - width: 420px !important; - padding: 45px 30px; - } - - h3{ - text-align: center; - font-size: 22px; - color: #1F1F1F; - margin-bottom: 46px; - } - .boxed-btn3{ - width: 100%; - text-transform: capitalize; - } - .nice-select { - -webkit-tap-highlight-color: transparent; - background-color: #fff; - /* border-radius: 5px; */ - border: solid 1px #E2E2E2; - box-sizing: border-box; - clear: both; - cursor: pointer; - display: block; - float: left; - font-family: $font_2; - font-weight: normal; - width: 100% !important; - /* height: 42px; */ - line-height: 50px; - outline: none; - padding-left: 18px; - padding-right: 30px; - position: relative; - text-align: left !important; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - white-space: nowrap; - width: auto; - border-radius: 0; - margin-bottom: 30px; - height: 50px !important; - font-size: 16px; - font-weight: 400; - color: #919191; - &::after { - content: "\f0d7"; - display: block; - height: 5px; - margin-top: -5px; - pointer-events: none; - position: absolute; - right: 17px; - top: 3px; - transition: all 0.15s ease-in-out; - width: 5px; - font-family: fontawesome; - color: #919191; - font-size: 15px; - } - &.open .list { - opacity: 1; - pointer-events: auto; - -webkit-transform: scale(1) translateY(0); - -ms-transform: scale(1) translateY(0); - transform: scale(1) translateY(0); - height: 200px; - overflow-y: scroll; - } - &.list { - height: 200px; - overflow-y: scroll; - } - } -} -#test-form { - display: inline-block; - margin: auto; - text-align: center; - position: absolute; - left: 50%; - top: 50%; - @include transform (translate(-50%,-50%)); - @media #{$mobile_device}{ - top: 0; - left: 0; - width: 100%; - height: 100%; - @include transform (none); - } - .mfp-close-btn-in .mfp-close { - color: #333; - display: none !important; - } - button{ - &.mfp-close{ - display: none !important; - @media #{$mobile_device} { - display: block !important; - position: absolute; - left: 0; - right: 0; - margin: auto; - } - } - } - button.mfp-close { - overflow: visible; - cursor: pointer; - background: transparent; - border: 0; - -webkit-appearance: none; - display: block; - outline: none; - padding: 0; - z-index: 1046; - box-shadow: none; - touch-action: manipulation; - width: 40px; - height: 40px; - background: #4A3600; - text-align: center; - line-height: 20px; - position: absolute; - right: 0; - border-bottom-right-radius: 20px; - border-bottom-left-radius: 20px; - position: absolute; - right: -6px; - color: #fff !important; - } -} - -.mfp-bg { - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1042; - overflow: hidden; - position: fixed; - background: #4A3600; - opacity: 0.6; -} - -.gj-picker.gj-picker-md.datepicker.gj-unselectable { - @media #{$mobile_device} { - // width: 320px; - // left: 0 !important; - } - -} -.gj-picker.gj-picker-md.timepicker { - @media #{$mobile_device} { - width: 310px; - left: 6px !important; - } - -} -.gj-picker.gj-picker-md.datepicker.gj-unselectable { - @media #{$mobile_device} { - width: 320px; - left: 0 !important; - } -} \ No newline at end of file diff --git a/assets/scss/_categories.scss b/assets/scss/_categories.scss deleted file mode 100755 index 9aad2a1..0000000 --- a/assets/scss/_categories.scss +++ /dev/null @@ -1,117 +0,0 @@ -.categories-area { - background-image: url(../img/gallery/shape1.png); - background-size: 71%; - background-repeat: no-repeat; - background-position: left top; - @media #{$md}{ - background-image: unset; - } - @media #{$sm}{ - background-image: unset; - } - @media #{$xs}{ - background-image: unset; - } - &.categories-area2{ - background-image: unset; - } - .single-cat{ - border: 1px solid #e1ebf7; - border-radius: 6px; - padding: 61px 22px; - @include transition(.4s); - position: relative; - z-index: 1; - - &::before { - position: absolute; - content: ""; - width: 100%; - height: 0; - background:#ff3d1c; - transition: .6s; - bottom: 0; - left: 0; - z-index: -1; - border-radius: 6px; - } - .cat-icon{ - span{ - color: $theme-color; - font-size: 50px; - margin-bottom: 30px; - display: block; - margin-bottom: 50px; - - width: 100px; - height: 100px; - background:#fff4f4; - line-height: 100px; - text-align: center; - border-radius: 50px; - display: inline-block; - } - } - .cat-cap{ - h5{ - & > a{ - font-size: 25px; - font-weight: 700; - margin-bottom: 21px; - display: block; - @include transition(.2s); - @media #{$sm}{ - font-size: 21px; - } - @media #{$xs}{ - font-size: 21px; - } - } - } - p{ - margin-bottom: 36px; - color: #57667e; - font-size: 16px; - @include transition(.2s); - margin: 0; - @media #{$sm}{ - font-size: 15px; - - } - } - a{ - color: #1c165c; - font-size: 16px; - font-weight: 600; - @include transition(.2s); - } - } - - - // Hover Effect In single - &:hover{ - border: 1px solid transparent; - // background: #ff3d1c; - - &::before { - height: 100%; - } - .cat-icon{ - span{ - background:#fff; - } - } - .cat-cap{ - h5{ - color: #fff; - } - p{ - color: #fff; - } - a{ - color: #fff; - } - } - } - } -} diff --git a/assets/scss/_color.scss b/assets/scss/_color.scss deleted file mode 100755 index e88b197..0000000 --- a/assets/scss/_color.scss +++ /dev/null @@ -1,104 +0,0 @@ - -/*------------- Color Variable --------------*/ - -//Colors - $white: #ffffff; - $black: #16161a; - $gray:#f7f7fd; - -// font-color - $heading-color:#000a2d; - $heading_color2: #242b5e; - -//Theme color - $theme-color: #1f2b7b; - $theme-color2: #ec5b53; - $theme-color3: #f27420; - $theme-color4: #ff3500; - -// Body Font - $body-text-color: #464d65; - $hr-border-color:#eceff8; - -// btn and Section color - $btn_bg: #1f2b7b; - -// Section Bg - $section_bg1: #454545; - - - - - -.white-bg{ - background: #ffffff; -} -.gray-bg{ - background: #f5f5f5; -} - - $gray-color: #bebebe; - $gray-color-2: #bdbdbd; - $gray-color3:#5c5c5c; - $white_color:#fff; - - -// font color - $font_color1: #10285d; - - $border_color: #fdcb9e; - $footer_bg: #303030; - $sidebar_bg: #fbf9ff; - - - - -// bg - $brand-bg: #f1f4fa; - $testimonial-bg:#f9fafc; - - -// Soft color - $black-soft:#7e7e7e; - -// Section Bg color - $blue-bg1:#00163e; - - - - -/*-------------Color include--------------*/ - - -/*-- Background color---*/ - -.gray-bg { - background: $gray; -} -.white-bg { - background:$white; -} -.black-bg { - background: $black; -} -.theme-bg { - background:$theme-color; -} -.brand-bg{ - background: $brand-bg; -} -.testimonial-bg{ - background: $testimonial-bg; -} - - -/*--- color------*/ -.white-color { - color: $white; -} -.black-color { - color: $black; -} -.theme-color { - color: $theme-color; -} diff --git a/assets/scss/_common.scss b/assets/scss/_common.scss deleted file mode 100755 index a20957d..0000000 --- a/assets/scss/_common.scss +++ /dev/null @@ -1,901 +0,0 @@ - -/* 1. Theme default css */ -@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900|Rufina:400,700&display=swap'); -body { - font-family: $font_2; - font-weight: normal; - font-style: normal; -} -h1, -h2, -h3, -h4, -h5, -h6 { - font-family: $font_1; - color:$heading-color; - - margin-top: 0px; - font-style: normal; - font-weight: 500; - text-transform: normal; -} -p { - font-family:$font_2; - color: $font_color1; - - font-size: 16px; - line-height: 30px; - margin-bottom: 15px; - font-weight: normal; -} - -// background-image -.bg-img-1{ - background-image: url(../img/slider/slider-img-1.jpg); -} -.bg-img-2{ - background-image: url(../img/background-img/bg-img-2.jpg); -} -.cta-bg-1{ - background-image: url(../img/background-img/bg-img-3.jpg); - -} - -.img { - max-width: 100%; - @include transition(.3s); -} -.f-left { - float: left -} -.f-right { - float: right -} -.fix { - overflow: hidden -} -.clear{ - clear: both; -} - -a, -.button { - @include transition(.3s); -} -a:focus, -.button:focus { - text-decoration: none; - outline: none; -} -a{ - color: rgb(99, 92, 92); -} -a:hover{ - color: #fff; -} -a:focus, -a:hover, -.portfolio-cat a:hover, -.footer -menu li a:hover { - text-decoration: none; -} -a, -button { - color: #fff; - outline: medium none; -} -button:focus,input:focus,input:focus,textarea,textarea:focus{outline: 0} -.uppercase { - text-transform: uppercase; -} - -input:focus::-moz-placeholder { - opacity: 0; - -webkit-transition: .4s; - -o-transition: .4s; - transition: .4s; -} - -.capitalize { - text-transform: capitalize; -} - -h1 a, -h2 a, -h3 a, -h4 a, -h5 a, -h6 a { - color: inherit; -} - -ul { - margin: 0px; - padding: 0px; -} -li { - list-style: none -} - -hr { - border-bottom: 1px solid #eceff8; - border-top: 0 none; - margin: 30px 0; - padding: 0; -} - -/* Theme-overlay */ -.theme-overlay { - position: relative -} -.theme-overlay::before { - background: #1696e7 none repeat scroll 0 0; - content: ""; - height: 100%; - left: 0; - opacity: 0.6; - position: absolute; - top: 0; - width: 100%; -} -.overlay{ - position: relative; - z-index: 0; -} -.overlay::before{ - position: absolute; - content: ""; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: -1; - @extend %overlay; -} -.overlay2{ - position: relative; - z-index: 0; -} -.overlay2::before{ - position: absolute; - content: ""; - background-color: #2E2200; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: -1; - opacity: 0.5; -} - -// Section Padding - .section-padding{ - padding-top: 120px; - padding-bottom: 120px; - } - .separator { - border-top: 1px solid #f2f2f2 - } - - .mb-90{ - margin-bottom: 90px; - @media #{$mobile_device}{ - margin-bottom: 30px; - } - @media #{$tablet_device}{ - margin-bottom: 45px; - } - } - -/* owl-carousel button style */ -.owl-carousel { - .owl-nav div { - background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; - height: 40px; - left: 20px; - line-height: 40px; - - font-size: 22px; - color: #646464; - opacity: 1; - visibility: visible; - position: absolute; - text-align: center; - top: 50%; - transform: translateY(-50%); - transition: all 0.3s ease 0s; - width: 40px; - } - .owl-nav{ - div{ - &.owl-next{ - left: auto; - right: -30px; - i{ - position: relative; - right: 0; - top: 1px; - } - } - &.owl-prev{ - i{ - position: relative; - right: 1px; - top: 0px; - } - } - } - } - &:hover{ - .owl-nav{ - div{ - opacity: 1; - visibility: visible; - &:hover{ - color: #fff; - background: $theme-color4; - } - } - } - } -} - - -.btn { - background: $btn_bg; - - padding: 27px 44px; - text-transform: capitalize; - font-family: $font_2; - color: #fff; - cursor: pointer; - display: inline-block; - font-size: 14px; - border-radius: 5px; - - -moz-user-select: none; - font-weight: 500; - letter-spacing: 1px; - line-height: 0; - margin-bottom: 0; - - margin: 10px; - cursor: pointer; - transition: color 0.4s linear; - position: relative; - z-index: 1; - border: 0; - overflow: hidden; - margin:0; - - &::before{ - content: ""; - position: absolute; - left: 0; - top: 0; - width: 101%; - height: 101%; - background:#e44239; - z-index: 1; - border-radius: 5px; - transition: transform 0.5s; - transition-timing-function: ease; - transform-origin: 0 0; - transition-timing-function: cubic-bezier(0.5,1.6,0.4,0.7); - // - transform: scaleX(0); - border-radius: 0; - } -} -.btn:hover::before { - transform: scaleX(1); - color: #fff !important; - z-index: -1; -} - -.btn.focus, .btn:focus { - outline: 0; - box-shadow:none; -} -.header-btn{ - padding: 27px 18px; -} -.hero-btn{ - @media #{$xs}{ - margin-bottom: 20 !important; - } -} -.btn.btn-black.f-right { - - @media #{$xs}{ - float: left; - margin-top: 20px; - } - @media #{$sm}{ - float: left; - margin-top: 20px; - } -} -// Custom Btn -.submit-btn2 { - background: #ec5b53; - width: 100%; - height: 60px; - padding: 10px 20px; - border: 0; - color: #fff; - text-transform: capitalize; - cursor: pointer; - font-size: 16px; - border-radius: 0px; -} - -.border-btn{ - border: 1px solid #e3c6c6; - color: #464d65; - background: none; - border-radius: 5px; - text-transform: capitalize; - - padding: 25px 57px; - -moz-user-select: none; - - cursor: pointer; - display: inline-block; - font-size: 14px; - font-weight: 500; - letter-spacing: 1px; - margin-bottom: 0; - position: relative; - transition: color 0.4s linear; - position: relative; - overflow: hidden; - margin: 0; - @media #{$xs}{ - display: none; - } - &::before{ - border: 1px solid transparent; - content: ""; - position: absolute; - left: 0; - top: 0; - width: 101%; - height: 101%; - background:$theme-color; - z-index: -1; - transition: transform 0.5s; - transition-timing-function: ease; - transform-origin: 0 0; - transition-timing-function: cubic-bezier(0.5,1.6,0.4,0.7); - // - transform: scaleY(0); - border-radius: 0; - } -} -.border-btn:hover::before { - transform: scaleY(1); - border: 1px solid transparent; -} - - - - - - -/* button style */ - .breadcrumb > .active { - color: #888; - } -/* scrollUp */ - #scrollUp,#back-top { - background:$theme-color; - height: 50px; - width: 50px; - right: 31px; - bottom: 18px; - position: fixed; - @media #{$xs}{ - right: 16px; - } - color: #fff; - font-size: 20px; - text-align: center; - border-radius: 50%; - line-height: 48px; - border: 2px solid transparent; - box-shadow: 0 0 10px 3px rgba(108, 98, 98, 0.2); - a i { - display: block; - line-height: 50px; - } - - } - - #scrollUp:hover { - color: #fff; - } - -/* Sticky*/ - .sticky-bar { - left: 0; - margin: auto; - position: fixed; - top: 0; - width: 100%; - -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); - box-shadow:0 10px 15px rgba(25, 25, 25, 0.1); - z-index: 9999; - -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; - animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; - -webkit-box-shadow:0 10px 15px rgba(25, 25, 25, 0.1); - background: #fff; - } -/* Sticky end */ - - - - - - -/*--- Margin & Padding --*/ - - /*-- Margin Top --*/ - @for $i from 1 through 40 { - .mt-#{5 * $i}{margin-top: 5px * $i;} - } - - /*-- Margin Bottom --*/ - @for $i from 1 through 40 { - .mb-#{5 * $i}{margin-bottom: 5px *$i;} - } - /*-- Margin Left --*/ - @for $i from 1 through 40 { - .ml-#{5 * $i}{margin-left: 5px * $i;} - } - - /*-- Margin Right --*/ - @for $i from 1 through 40 { - .mr-#{5 * $i}{margin-right: 5px *$i;} - } - - /*-- Padding Top --*/ - @for $i from 1 through 40 { - .pt-#{5 * $i}{padding-top: 5px *$i;} - } - .pt-260{ - padding-top: 260px; - } - /*-- Padding Bottom --*/ - @for $i from 1 through 40 { - .pb-#{5 * $i}{padding-bottom: 5px *$i;} - } - - /*-- Padding Left --*/ - @for $i from 1 through 40 { - .pl-#{5 * $i}{padding-left: 5px *$i;} - } - - /*-- Padding Right --*/ - @for $i from 1 through 40 { - .pr-#{5 * $i}{padding-right: 5px *$i;} - } - - -// others common css here :) - - - -/*-- Some Animated CSS -- */ - -/* bounce-animate */ -.bounce-animate{ - animation-name: float-bob; - animation-duration: 2s; - animation-iteration-count: infinite; - /* animation-timing-function: linear; */ - -moz-animation-name: float-bob; - -moz-animation-duration: 2s; - -moz-animation-iteration-count: infinite; - -moz-animation-timing-function: linear; - -ms-animation-name: float-bob; - -ms-animation-duration: 2s; - -ms-animation-iteration-count: infinite; - -ms-animation-timing-function: linear; - -o-animation-name: float-bob; - -o-animation-duration: 2s; - -o-animation-iteration-count: infinite; - -o-animation-timing-function: linear; - } - @-webkit-keyframes float-bob { - 0% { - -webkit-transform: translateY(-20px); - transform: translateY(-20px); } - 50% { - -webkit-transform: translateY(-10px); - transform: translateY(-10px); } - 100% { - -webkit-transform: translateY(-20px); - transform: translateY(-20px); } } - -/* heartbeat */ - .heartbeat { - animation: heartbeat 1s infinite alternate; - } - - @-webkit-keyframes heartbeat { - to { - -webkit-transform: scale(1.03); - transform: scale(1.03); - } - } - -/* rotateme */ - .rotateme { - -webkit-animation-name: rotateme; - animation-name: rotateme; - -webkit-animation-duration: 30s; - animation-duration: 30s; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - } - @keyframes rotateme { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - - @-webkit-keyframes rotateme { - from { - -webkit-transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - } - } - -/* 20. preloader */ - .preloader { - background-color: #f7f7f7; - width: 100%; - height: 100%; - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 999999; - -webkit-transition: .6s; - -o-transition: .6s; - transition: .6s; - margin: 0 auto; - } - - .preloader .preloader-circle { - width: 100px; - height: 100px; - position: relative; - border-style: solid; - border-width: 1px; - // border-top-color:$theme-color; - border-top-color:$theme-color; - border-bottom-color: transparent; - border-left-color: transparent; - border-right-color: transparent; - z-index: 10; - border-radius: 50%; - -webkit-box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15); - box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15); - background-color: #fff; - -webkit-animation: zoom 2000ms infinite ease; - animation: zoom 2000ms infinite ease; - -webkit-transition: .6s; - -o-transition: .6s; - transition: .6s; - } - .preloader .preloader-circle2 { - border-top-color: #0078ff; - } - .preloader .preloader-img { - position: absolute; - top: 50%; - z-index: 200; - left: 0; - right: 0; - margin: 0 auto; - text-align: center; - display: inline-block; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); - padding-top: 6px; - -webkit-transition: .6s; - -o-transition: .6s; - transition: .6s; - } - - .preloader .preloader-img img { - max-width: 55px; - } - .preloader .pere-text strong{ - font-weight: 800; - color:#dca73a ; - text-transform: uppercase; - } - @-webkit-keyframes zoom { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - -webkit-transition: .6s; - -o-transition: .6s; - transition: .6s; - } - - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - -webkit-transition: .6s; - -o-transition: .6s; - transition: .6s; - } - } - - @keyframes zoom { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - -webkit-transition: .6s; - -o-transition: .6s; - transition: .6s; - } - - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - -webkit-transition: .6s; - -o-transition: .6s; - transition: .6s; - } - } - - -/*-- Section Padding -- */ - - .section-padding2{ - padding-top: 200px; - padding-bottom: 200px; - @media #{$laptop}{ - padding-top: 200px; - padding-bottom: 200px; - } - @media #{$lg}{ - padding-top: 200px; - padding-bottom: 200px; - } - @media #{$md}{ - padding-top: 100px; - padding-bottom: 100px; - } - @media #{$sm}{ - padding-top: 70px; - padding-bottom: 70px; - } - @media #{$xs}{ - padding-top: 70px; - padding-bottom: 70px; - } - } - - .pb-bottom{ - padding-bottom: 200px; - @media #{$lg}{ - padding-bottom: 200px; - } - @media #{$md}{ - padding-bottom: 50px; - } - @media #{$sm}{ - padding-bottom: 10px; - } - @media #{$xs}{ - padding-bottom: 10px; - } - } - .pb-top{ - padding-top: 200px; - @media #{$md}{ - padding-top: 70px; - } - @media #{$sm}{ - padding-top: 70px; - } - @media #{$xs}{ - padding-top: 70px; - } - } - .testimonial-padding{ - padding-top: 190px; - padding-bottom: 170px; - @media #{$lg}{ - padding-top: 190px; - padding-bottom: 170px; - } - @media #{$md}{ - padding-top: 70px; - padding-bottom: 60px; - } - @media #{$sm}{ - padding-top: 60px; - padding-bottom: 40px; - } - @media #{$xs}{ - padding-top: 60px; - padding-bottom: 40px; - } - } - .w-padding2{ - padding-top: 130px; - padding-bottom:125px; - @media #{$lg}{ - padding-top: 130px; - padding-bottom:125px; - } - @media #{$md}{ - padding-top: 100px; - padding-bottom:100px; - } - @media #{$sm}{ - padding-top: 70px; - padding-bottom:70px; - } - @media #{$xs}{ - padding-top: 70px; - padding-bottom:70px; - } - } - .section-padding30{ - padding-top: 195px; - padding-bottom: 140px; - @media #{$laptop}{ - padding-top: 195px; - padding-bottom: 140px; - } - @media #{$lg}{ - padding-top: 150px; - padding-bottom: 90px; - } - @media #{$md}{ - padding-top: 100px; - padding-bottom: 40px; - } - @media #{$sm}{ - padding-top: 65px; - padding-bottom: 10px; - } - @media #{$xs}{ - padding-top: 65px; - padding-bottom: 10px; - } - } - .services-padding{ - padding-top: 145px; - padding-bottom: 170px; - @media #{$lg}{ - padding-top: 145px; - padding-bottom: 170px; - } - @media #{$md}{ - padding-top: 100px; - padding-bottom: 70px; - } - @media #{$sm}{ - padding-top: 65px; - padding-bottom: 70px; - } - @media #{$xs}{ - padding-top: 65px; - padding-bottom: 70px; - } - } - .section-paddingt30{ - padding-top: 195px; - padding-bottom: 90px; - @media #{$lg}{ - padding-top: 150px; - padding-bottom: 90px; - } - @media #{$md}{ - padding-top: 100px; - padding-bottom: 40px; - } - @media #{$sm}{ - padding-top: 65px; - padding-bottom: 10px; - } - @media #{$xs}{ - padding-top: 65px; - padding-bottom: 10px; - } - } - - - .section-padding3{ - padding-top: 150px; - padding-bottom: 0; - @media #{$lg}{ - padding-top: 150px; - padding-bottom: 0; - } - @media #{$md}{ - padding-top: 60px; - padding-bottom: 0; - } - @media #{$sm}{ - padding-top: 60px; - padding-bottom: 0; - } - @media #{$xs}{ - padding-top: 60px; - padding-bottom: 0; - } - } - - .footer-padding{ - padding-top: 150px; - padding-bottom: 136px; - @media #{$lg}{ - padding-top: 150px; - padding-bottom: 136px; - } - @media #{$md}{ - padding-top: 100px; - padding-bottom: 80px; - } - @media #{$sm}{ - padding-top: 80px; - padding-bottom: 40px; - } - @media #{$xs}{ - padding-top: 80px; - padding-bottom: 40px; - } - } - - -// section Tittle -.section-tittle{ - @media #{$xs}{ - margin-bottom: 50px; - } - @media #{$sm}{ - margin-bottom: 50px; - } - h2 { - font-size: 48px; - display: block; - color: $heading-color; - font-weight: 600; - @media #{$sm}{ - font-size: 31px; - } - @media #{$xs}{ - font-size: 24px; - line-height: 1.6; - } - } -} - -.section-bg{ - background-size: cover; - background-repeat: no-repeat; - background-position: center center; -} diff --git a/assets/scss/_contact-inof.scss b/assets/scss/_contact-inof.scss deleted file mode 100755 index c3ae323..0000000 --- a/assets/scss/_contact-inof.scss +++ /dev/null @@ -1,63 +0,0 @@ -.contact-info-area{ - .contact-caption{ - h3{ - font-size: 48px; - display: block; - color: $heading-color; - font-weight: 600; - margin-bottom: 40px; - @media #{$sm}{ - font-size: 31px; - } - @media #{$xs}{ - font-size: 28px; - line-height: 1.6; - } - } - p{ - margin-bottom: 40px; - } - img{ - - } - } - .contact-wrapper{ - input { - background:#fff; - height: 60px; - width: 100%; - padding: 10px 26px; - border: 0; - color: #a3a3a3; - font-weight: 500; - text-transform: capitalize; - border-radius: 0px; - border: 0; - margin-bottom: 30px; - &::placeholder{ - color: #9696a7; - font-weight: 300; - font-size: 16px; - } - } - textarea { - color: #a3a3a3; - background:#fff; - font-weight: 500; - letter-spacing: 2px; - text-transform: capitalize; - height: 160px; - width: 100%; - padding: 30px 26px; - border: 0; - border-radius: 0px; - border: 0; - margin-bottom: 30px; - &::placeholder{ - color: #9696a7; - font-weight: 300; - font-size: 16px; - } - } - } -} \ No newline at end of file diff --git a/assets/scss/_contact.scss b/assets/scss/_contact.scss deleted file mode 100755 index f85809c..0000000 --- a/assets/scss/_contact.scss +++ /dev/null @@ -1,153 +0,0 @@ -/*=================== contact banner start ====================*/ - -.dropdown .dropdown-menu { - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -ms-transition: all 0.3s; - -o-transition: all 0.3s; - transition: all 0.3s; -} -.contact-info{ - margin-bottom: 25px; - - &__icon{ - margin-right: 20px; - - i,span{ - color: #8f9195; - font-size: 27px; - } - } - - .media-body{ - - h3{ - font-size: 16px; - margin-bottom: 0; - font-size: 16px; - color: #2a2a2a; - a{ - &:hover{ - color: $theme-color2; - } - } - } - - p{ - color: #8a8a8a; - } - } -} -/*=================== contact banner end ====================*/ - - -/*=================== contact form start ====================*/ -.contact-title{ - font-size: 27px; - font-weight: 600; - margin-bottom: 20px; -} - -.form-contact{ - - label{ - font-size: 14px; - } - - .form-group{ - margin-bottom: 30px; - } - - .form-control{ - border: 1px solid #e5e6e9; - border-radius: 0px; - height: 48px; - padding-left: 18px; - font-size: 13px; - background: transparent; - - &:focus{ - outline: 0; - box-shadow: none; - } - - &::placeholder{ - font-weight: 300; - color: #999999; - } - } - - textarea{ - border-radius: 0px; - height: 100% !important; - } - - // button{ - // border: 0; - // } -} - -/*=================== contact form end ====================*/ - -/* Contact Success and error Area css -============================================================================================ */ - - -.modal-message { - .modal-dialog { - position: absolute; - top: 36%; - left: 50%; - transform: translateX(-50%) translateY(-50%) !important; - margin: 0px; - max-width: 500px; - width: 100%; - .modal-content { - .modal-header { - text-align: center; - display: block; - border-bottom: none; - padding-top: 50px; - padding-bottom: 50px; - .close { - position: absolute; - right: -15px; - top: -15px; - padding: 0px; - color: #fff; - opacity: 1; - cursor: pointer; - } - h2 { - display: block; - text-align: center; - padding-bottom: 10px; - } - p { - display: block; - } - } - } - } -} -.contact-section{ - padding: 130px 0 100px; - @media #{$tab}{ - padding: 70px 0 40px; - } - @media #{$medium_device}{ - padding: 80px 0 50px; - } - .btn_2{ - background-color:#191d34; - padding: 18px 60px; - border-radius: 50px; - margin-top: 0; - &:hover{ - background-color: $theme-color2; - - } - } -} - - diff --git a/assets/scss/_elements.scss b/assets/scss/_elements.scss deleted file mode 100755 index 28919e7..0000000 --- a/assets/scss/_elements.scss +++ /dev/null @@ -1,1069 +0,0 @@ -$default: #f9f9ff; -$primary: $theme-color2; -$success: #4cd3e3; -$info: #38a4ff; -$warning: #f4e700; -$danger: #f44a40; -$link: #f9f9ff; -$disable: (#222222, .3); -$primary-color: #7c32ff; -$primary-color1: #c738d8; -$title-color: #415094; -$text-color: #828bb2; -$white: #fff; -$offwhite: #f9f9ff; -$black: #000; - -// Mixins -@mixin transition($args: all 0.3s ease 0s) { - -webkit-transition: $args; - -moz-transition: $args; - -o-transition: $args; - transition: $args; -} - -@mixin transition-duration($args1, $args2) { - -webkit-transition-duration: $args1, $args2; - -moz-transition-duration: $args1, $args2; - -o-transition-duration: $args1, $args2; - transition-duration: $args1, $args2; -} - -@mixin transition-delay($args1, $args2) { - -webkit-transition-delay: $args1, $args2; - -moz-transition-delay: $args1, $args2; - -o-transition-delay: $args1, $args2; - transition-delay: $args1, $args2; -} - -@mixin transition-property($args1, $args2) { - -webkit-transition-property: $args1, $args2; - -moz-transition-property: $args1, $args2; - -o-transition-property: $args1, $args2; - transition-property: $args1, $args2; -} - -@mixin filter($filter-type, $filter-amount) { - -webkit-filter: $filter-type+unquote("(#{$filter-amount})"); - -moz-filter: $filter-type+unquote("(#{$filter-amount})"); - -ms-filter: $filter-type+unquote("(#{$filter-amount})"); - -o-filter: $filter-type+unquote("(#{$filter-amount})"); - filter: $filter-type+unquote("(#{$filter-amount})"); -} - -@mixin gradient($deg, $args1,$args2){ - background: -webkit-linear-gradient($deg, $args1, $args2); - background: -moz-linear-gradient($deg, $args1, $args2); - background: -o-linear-gradient($deg, $args1, $args2); - background: -ms-linear-gradient($deg, $args1, $args2); - background: linear-gradient($deg, $args1, $args2); -} - -@mixin transform($transform) { - -webkit-transform: $transform; - -moz-transform: $transform; - -ms-transform: $transform; - -o-transform: $transform; - transform: $transform; -} - -@mixin animation($args) { - -webkit-animation: $args; - -moz-animation: $args; - -o-animation: $args; - animation: $args; -} -.sample-text-area { - background: $white; - padding: 100px 0 70px 0; -} - -.text-heading { - margin-bottom: 30px; - font-size: 24px; -} - -b, -sup, -sub, -u, -del { - color: $primary; -} - -.typography { - h1, - h2, - h3, - h4, - h5, - h6 { - color: $text-color; - } -} - -.button-area { - .border-top-generic { - padding: 70px 15px; - border-top: 1px dotted #eee; - } - background: $white; -} - -.button-group-area { - .genric-btn { - margin-right: 10px; - margin-top: 10px; - &:last-child { - margin-right: 0; - } - } -} - -.genric-btn { - display: inline-block; - outline: none; - line-height: 40px; - padding: 0 30px; - font-size: .8em; - text-align: center; - text-decoration: none; - font-weight: 500; - cursor: pointer; - @include transition(); - &:focus { - outline: none; - } - &.e-large { - padding: 0 40px; - line-height: 50px; - } - &.large { - line-height: 45px; - } - &.medium { - line-height: 30px; - } - &.small { - line-height: 25px; - } - &.radius { - border-radius: 3px; - } - &.circle { - border-radius: 20px; - } - &.arrow { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - span { - margin-left: 10px; - } - } - &.default { - color: $title-color; - background: $default; - border: 1px solid transparent; - &:hover { - border: 1px solid $default; - background: $white; - } - } - &.default-border { - border: 1px solid $default; - background: $white; - &:hover { - color: $title-color; - background: $default; - border: 1px solid transparent; - } - } - &.primary { - color: $white; - background: $primary; - border: 1px solid transparent; - &:hover { - color: $primary; - border: 1px solid $primary; - background: $white; - } - } - &.primary-border { - color: $primary; - border: 1px solid $primary; - background: $white; - &:hover { - color: $white; - background: $primary; - border: 1px solid transparent; - } - } - &.success { - color: $white; - background: $success; - border: 1px solid transparent; - &:hover { - color: $success; - border: 1px solid $success; - background: $white; - } - } - &.success-border { - color: $success; - border: 1px solid $success; - background: $white; - &:hover { - color: $white; - background: $success; - border: 1px solid transparent; - } - } - &.info { - color: $white; - background: $info; - border: 1px solid transparent; - &:hover { - color: $info; - border: 1px solid $info; - background: $white; - } - } - &.info-border { - color: $info; - border: 1px solid $info; - background: $white; - &:hover { - color: $white; - background: $info; - border: 1px solid transparent; - } - } - &.warning { - color: $white; - background: $warning; - border: 1px solid transparent; - &:hover { - color: $warning; - border: 1px solid $warning; - background: $white; - } - } - &.warning-border { - color: $warning; - border: 1px solid $warning; - background: $white; - &:hover { - color: $white; - background: $warning; - border: 1px solid transparent; - } - } - &.danger { - color: $white; - background: $danger; - border: 1px solid transparent; - &:hover { - color: $danger; - border: 1px solid $danger; - background: $white; - } - } - &.danger-border { - color: $danger; - border: 1px solid $danger; - background: $white; - &:hover { - color: $white; - background: $danger; - border: 1px solid transparent; - } - } - &.link { - color: $title-color; - background: $link; - text-decoration: underline; - border: 1px solid transparent; - &:hover { - color: $title-color; - border: 1px solid $link; - background: $white; - } - } - &.link-border { - color: $title-color; - border: 1px solid $link; - background: $white; - text-decoration: underline; - &:hover { - color: $title-color; - background: $link; - border: 1px solid transparent; - } - } - &.disable { - color: $disable; - background: $link; - border: 1px solid transparent; - cursor: not-allowed; - } -} - -.generic-blockquote { - padding: 30px 50px 30px 30px; - background: #f9f9ff; - border-left: 2px solid $primary; -} - -.progress-table-wrap { - overflow-x: scroll; -} - -.progress-table { - background: #f9f9ff; - padding: 15px 0px 30px 0px; - min-width: 800px; - .serial { - width: 11.83%; - padding-left: 30px; - } - .country { - width: 28.07%; - } - .visit { - width: 19.74%; - } - .percentage { - width: 40.36%; - padding-right: 50px; - } - .table-head { - display: flex; - .serial, - .country, - .visit, - .percentage { - color: $title-color; - line-height: 40px; - text-transform: uppercase; - font-weight: 500; - } - } - .table-row { - padding: 15px 0; - border-top: 1px solid #edf3fd; - display: flex; - .serial, - .country, - .visit, - .percentage { - display: flex; - align-items: center; - } - .country { - img { - margin-right: 15px; - } - } - .percentage { - .progress { - width: 80%; - border-radius: 0px; - background: transparent; - .progress-bar { - height: 5px; - line-height: 5px; - &.color-1 { - background-color: #6382e6; - } - &.color-2 { - background-color: #e66686; - } - &.color-3 { - background-color: #f09359; - } - &.color-4 { - background-color: #73fbaf; - } - &.color-5 { - background-color: #73fbaf; - } - &.color-6 { - background-color: #6382e6; - } - &.color-7 { - background-color: #a367e7; - } - &.color-8 { - background-color: #e66686; - } - } - } - } - } -} - -.single-gallery-image { - margin-top: 30px; - background-repeat: no-repeat !important; - background-position: center center !important; - background-size: cover !important; - height: 200px; -} - -.list-style { - width: 14px; - height: 14px; -} - -.unordered-list { - li { - position: relative; - padding-left: 30px; - line-height: 1.82em !important; - &:before { - content: ""; - position: absolute; - width: 14px; - height: 14px; - border: 3px solid $primary; - background: $white; - top: 4px; - left: 0; - border-radius: 50%; - } - } -} - -.ordered-list { - margin-left: 30px; - li { - list-style-type: decimal-leading-zero; - color: $primary; - font-weight: 500; - line-height: 1.82em !important; - span { - font-weight: 300; - color: $text-color; - } - } -} - -.ordered-list-alpha { - li { - margin-left: 30px; - list-style-type: lower-alpha; - color: $primary; - font-weight: 500; - line-height: 1.82em !important; - span { - font-weight: 300; - color: $text-color; - } - } -} - -.ordered-list-roman { - li { - margin-left: 30px; - list-style-type: lower-roman; - color: $primary; - font-weight: 500; - line-height: 1.82em !important; - span { - font-weight: 300; - color: $text-color; - } - } -} - -.single-input { - display: block; - width: 100%; - line-height: 40px; - border: none; - outline: none; - background: #f9f9ff; - padding: 0 20px; - &:focus { - outline: none; - } -} - -.input-group-icon { - position: relative; - .icon { - position: absolute; - left: 20px; - top: 0; - line-height: 40px; - i { - color: #797979; - } - z-index: 3; - } - .single-input { - padding-left: 45px; - } -} - -.single-textarea { - display: block; - width: 100%; - line-height: 40px; - border: none; - outline: none; - background: #f9f9ff; - padding: 0 20px; - height: 100px; - resize: none; - &:focus { - outline: none; - } -} - -.single-input-primary { - display: block; - width: 100%; - line-height: 40px; - border: 1px solid transparent; - outline: none; - background: #f9f9ff; - padding: 0 20px; - &:focus { - outline: none; - border: 1px solid $primary; - } -} - -.single-input-accent { - display: block; - width: 100%; - line-height: 40px; - border: 1px solid transparent; - outline: none; - background: #f9f9ff; - padding: 0 20px; - &:focus { - outline: none; - border: 1px solid #eb6b55; - } -} - -.single-input-secondary { - display: block; - width: 100%; - line-height: 40px; - border: 1px solid transparent; - outline: none; - background: #f9f9ff; - padding: 0 20px; - &:focus { - outline: none; - border: 1px solid #f09359; - } -} - -.default-switch { - width: 35px; - height: 17px; - border-radius: 8.5px; - background: #f9f9ff; - position: relative; - cursor: pointer; - input { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - cursor: pointer; - +label { - position: absolute; - top: 1px; - left: 1px; - width: 15px; - height: 15px; - border-radius: 50%; - background: $primary; - @include transition (all .2s); - box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); - cursor: pointer; - } - &:checked { - +label { - left: 19px; - } - } - } -} - -.primary-switch { - width: 35px; - height: 17px; - border-radius: 8.5px; - background: #f9f9ff; - position: relative; - cursor: pointer; - input { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - +label { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - &:before { - content: ""; - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - background: transparent; - border-radius: 8.5px; - cursor: pointer; - @include transition (all .2s); - } - &:after { - content: ""; - position: absolute; - top: 1px; - left: 1px; - width: 15px; - height: 15px; - border-radius: 50%; - background: $white; - @include transition (all .2s); - box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); - cursor: pointer; - } - } - &:checked { - +label { - &:after { - left: 19px; - } - &:before { - background: $primary; - } - } - } - } -} - -.confirm-switch { - width: 35px; - height: 17px; - border-radius: 8.5px; - background: #f9f9ff; - position: relative; - cursor: pointer; - input { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - +label { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - &:before { - content: ""; - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - background: transparent; - border-radius: 8.5px; - @include transition (all .2s); - cursor: pointer; - } - &:after { - content: ""; - position: absolute; - top: 1px; - left: 1px; - width: 15px; - height: 15px; - border-radius: 50%; - background: $white; - @include transition (all .2s); - box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); - cursor: pointer; - } - } - &:checked { - +label { - &:after { - left: 19px; - } - &:before { - background: $success; - } - } - } - } -} - -.primary-checkbox { - width: 16px; - height: 16px; - border-radius: 3px; - background: #f9f9ff; - position: relative; - cursor: pointer; - input { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - +label { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - border-radius: 3px; - cursor: pointer; - border: 1px solid #f1f1f1; - } - &:checked { - +label { - background: url(../img/elements/primary-check.png) no-repeat center center/cover; - border: none; - } - } - } -} - -.confirm-checkbox { - width: 16px; - height: 16px; - border-radius: 3px; - background: #f9f9ff; - position: relative; - cursor: pointer; - input { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - +label { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - border-radius: 3px; - cursor: pointer; - border: 1px solid #f1f1f1; - } - &:checked { - +label { - background: url(../img/elements/success-check.png) no-repeat center center/cover; - border: none; - } - } - } -} - -.disabled-checkbox { - width: 16px; - height: 16px; - border-radius: 3px; - background: #f9f9ff; - position: relative; - cursor: pointer; - input { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - +label { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - border-radius: 3px; - cursor: pointer; - border: 1px solid #f1f1f1; - } - &:disabled { - cursor: not-allowed; - z-index: 3; - } - &:checked { - +label { - background: url(../img/elements/disabled-check.png) no-repeat center center/cover; - border: none; - } - } - } -} - -.primary-radio { - width: 16px; - height: 16px; - border-radius: 8px; - background: #f9f9ff; - position: relative; - cursor: pointer; - input { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - +label { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - border-radius: 8px; - cursor: pointer; - border: 1px solid #f1f1f1; - } - &:checked { - +label { - background: url(../img/elements/primary-radio.png) no-repeat center center/cover; - border: none; - } - } - } -} - -.confirm-radio { - width: 16px; - height: 16px; - border-radius: 8px; - background: #f9f9ff; - position: relative; - cursor: pointer; - input { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - +label { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - border-radius: 8px; - cursor: pointer; - border: 1px solid #f1f1f1; - } - &:checked { - +label { - background: url(../img/elements/success-radio.png) no-repeat center center/cover; - border: none; - } - } - } -} - -.disabled-radio { - width: 16px; - height: 16px; - border-radius: 8px; - background: #f9f9ff; - position: relative; - cursor: pointer; - input { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - +label { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - border-radius: 8px; - cursor: pointer; - border: 1px solid #f1f1f1; - } - &:disabled { - cursor: not-allowed; - z-index: 3; - } - &:checked { - +label { - background: url(../img/elements/disabled-radio.png) no-repeat center center/cover; - border: none; - } - } - } -} - -.default-select { - height: 40px; - .nice-select { - border: none; - border-radius: 0px; - height: 40px; - background: #f9f9ff; - padding-left: 20px; - padding-right: 40px; - .list { - margin-top: 0; - border: none; - border-radius: 0px; - box-shadow: none; - width: 100%; - padding: 10px 0 10px 0px; - .option { - font-weight: 300; - @include transition(); - line-height: 28px; - min-height: 28px; - font-size: 12px; - padding-left: 20px; - &.selected { - color: $primary; - background: transparent; - } - &:hover { - color: $primary; - background: transparent; - } - } - } - } - .current { - margin-right: 50px; - font-weight: 300; - } - .nice-select::after { - right: 20px; - } -} - -.form-select { - height: 40px; - width: 100%; - .nice-select { - border: none; - border-radius: 0px; - height: 40px; - background: #f9f9ff; - padding-left: 45px; - padding-right: 40px; - width: 100%; - .list { - margin-top: 0; - border: none; - border-radius: 0px; - box-shadow: none; - width: 100%; - padding: 10px 0 10px 0px; - .option { - font-weight: 300; - @include transition(); - line-height: 28px; - min-height: 28px; - font-size: 12px; - padding-left: 45px; - &.selected { - color: $primary; - background: transparent; - } - &:hover { - color: $primary; - background: transparent; - } - } - } - } - .current { - margin-right: 50px; - font-weight: 300; - } - .nice-select::after { - right: 20px; - } -} -.mt-10 { - margin-top: 10px; -} -.section-top-border { - padding: 50px 0; - border-top: 1px dotted #eee; -} -.mb-30 { - margin-bottom: 30px; -} -.mt-30 { - margin-top: 30px; -} -.switch-wrap { - margin-bottom: 10px; -} \ No newline at end of file diff --git a/assets/scss/_extend.scss b/assets/scss/_extend.scss deleted file mode 100755 index e2eaa49..0000000 --- a/assets/scss/_extend.scss +++ /dev/null @@ -1,50 +0,0 @@ -.flex-center-start{ - display: -webkit-box; -display: -ms-flexbox; -display: flex; --webkit-box-align: center; - -ms-flex-align: center; - align-items: center; --webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: start; -} - -%overlay{ - background-image: -moz-linear-gradient( 170deg, rgba(34,34,34,0) 0%, rgb(0,0,0) 100%); - background-image: -webkit-linear-gradient( 170deg, rgba(34,34,34,0) 0%, rgb(0,0,0) 100%); - background-image: -ms-linear-gradient( 170deg, rgba(34,34,34,0) 0%, rgb(0,0,0) 100%); - } - - %btn_gradient{ - background-image: -moz-linear-gradient( 0deg, rgb(241,68,55) 0%, rgb(237,91,13) 99%); - background-image: -webkit-linear-gradient( 0deg, rgb(241,68,55) 0%, rgb(237,91,13) 99%); - background-image: -ms-linear-gradient( 0deg, rgb(241,68,55) 0%, rgb(237,91,13) 99%); - } - -// Home Page Gradient - -%gradient_team{ - /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#021a47+0,021a47+100&0+0,0.6+100 */ - background: -moz-linear-gradient(top, rgba(2,26,71,0) 0%, rgba(2,26,71,0.6) 100%); /* FF3.6-15 */ - background: -webkit-linear-gradient(top, rgba(2,26,71,0) 0%,rgba(2,26,71,0.6) 100%); /* Chrome10-25,Safari5.1-6 */ - background: linear-gradient(to bottom, rgba(2,26,71,0) 0%,rgba(2,26,71,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00021a47', endColorstr='#99021a47',GradientType=0 ); /* IE6-9 */ -} - -%gallery{ - background-image: -moz-linear-gradient( 90deg, rgb(1,10,39) 0%, rgb(1,10,39) 0%, rgba(6,31,120,0.3) 70%, rgba(11,52,201,0.01) 100%, rgb(11,52,201) 100%); - background-image: -webkit-linear-gradient( 90deg, rgb(1,10,39) 0%, rgb(1,10,39) 0%, rgba(6,31,120,0.3) 70%, rgba(11,52,201,0.01) 100%, rgb(11,52,201) 100%); - background-image: -ms-linear-gradient( 90deg, rgb(1,10,39) 0%, rgb(1,10,39) 0%, rgba(6,31,120,0.3) 70%, rgba(11,52,201,0.01) 100%, rgb(11,52,201) 100%); - -} - -// &::before{ -// position: absolute; -// width: 100%; -// height: 100%; -// bottom: 0; -// content: ""; -// @extend %gallery; - -// } diff --git a/assets/scss/_footer.scss b/assets/scss/_footer.scss deleted file mode 100755 index 559fdae..0000000 --- a/assets/scss/_footer.scss +++ /dev/null @@ -1,88 +0,0 @@ -.footer-area{ - background: #080827; - .footer-top{ - .footer-top-cap{ - img{ - margin-bottom: 30px; - } - span{ - a{ - font-size: 50px; - display: block; - color: #fff; - font-weight: 400; - margin-bottom: 20px; - @media #{$xs}{ - font-size: 27px; - } - @media #{$sm}{ - font-size: 45px; - } - &:hvoer{ - color: #fff; - } - } - } - p{ - color: #c5c5dd; - margin-bottom: 1px; - } - } - } - //copy Right - .footer-bottom{ - // border-top: 1px solid #1c2e4c; - padding-bottom: 50px; - padding-top: 20px; - - .footer-copy-right{ - & p{ - color: #393a50; - font-weight: 300; - font-size: 16px; - line-height: 2; - margin-bottom: 12px; - & i{ - color:$theme-color; - } - & a{ - color: $theme-color; - &:hover{ - // color: #fff; - } - - } - } - } - } - // Footer SociaL - .footer-social { - @media #{$md}{ - float: left; - padding-top: 10px; - } - @media #{$sm}{ - float: left; - padding-top: 10px; - } - @media #{$xs}{ - float: left; - padding-top: 10px; - } - a { - color: #848493; - font-size: 14px; - text-align: center; - margin-left: 16px; - &:first-child{ - margin-left: 0px; - } - &:hover { - color: #fff; - } - } - } -} - - - diff --git a/assets/scss/_h1-hero.scss b/assets/scss/_h1-hero.scss deleted file mode 100755 index 0b887c4..0000000 --- a/assets/scss/_h1-hero.scss +++ /dev/null @@ -1,315 +0,0 @@ -// Home Page Heor - .slider-area{ - background-image: url(../img/hero/galaxy.jpeg); - background-size: cover; - background-repeat: no-repeat; - .hero__caption{ - @media #{$xs}{ - padding-top: 100px; - } - text-align: center; - & h1{ - font-size: 78px; - font-weight: 700; - margin-bottom: 14px; - color:#fff; - line-height: 1.3; - margin-bottom: 13px; - @media #{$lg}{ - font-size: 60px; - line-height: 1.2; - } - @media #{$md}{ - font-size: 50px; - line-height: 1.2; - } - @media #{$sm}{ - font-size: 51px; - line-height: 1.2; - margin-bottom: 20px; - } - @media #{$xs}{ - font-size: 35px; - line-height: 1.2; - margin-bottom: 20px; - } - } - & span{ - color: #31ff7a; - font-size: 60px; - line-height: 1.2; - font-weight: 400; - margin-bottom: 30px; - font-family: $font_3; - display: block; - @media #{$xs}{ - margin-bottom: 30px; - font-size: 56px; - } - } - } - // Form Style Slider - form.search-box{ - border: 8px solid rgba(255, 255, 255,.2); - display: flex; - flex-wrap: wrap; - justify-content: space-between; - border-radius: 50px; - @media #{$sm}{ - border: none; - } - @media #{$xs}{ - border: none; - } - .input-form{ - width: 45%; - position: relative; - - // Border Radius - border-top-left-radius: 50px; - overflow: hidden; - border-bottom-left-radius: 50px; - @media #{$sm}{ - width: 66%; - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; - } - @media #{$xs}{ - width: 100%; - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; - } - input{ - height: 60px; - width: 100%; - color: #777777; - font-size: 18px; - font-weight: 400; - padding: 9px 33px 9px 32px; - border: none; - border-radius: 0px; - position: relative; - @media #{$xs}{ - margin-bottom: 20px; - } - @media #{$sm}{ - padding: 9px 33px 9px 25px; - margin-bottom: 20px; - } - &::placeholder { - color: #616875; - @media #{$xs}{ - font-size: 13px; - - } - } - } - &::before { - position: absolute; - content: ''; - width: 1px; - height: 60px; - background:#e0e4f8; - right: 22px; - top: 50%; - z-index: 1; - transform: translateY(-50%); - @media #{$sm}{ - top: 38%; - } - @media #{$xs}{ - display: none; - } - } - } - .select-form{ - width: 34%; - @media #{$xs}{ - width: 100%; - } - .nice-select { - width: 100%; - height: 60px; - background: #fff; - border-radius: 0px; - padding: 11px 19px 11px 10px; - color: #616875; - line-height: 42px; - border: 0; - @media #{$xs}{ - margin-bottom: 20px; - padding-left: 25px; - } - @media #{$sm}{ - margin-bottom: 20px; - padding-left: 25px; - } - .list { - width: 100%; - } - &.open .list { - width: 100%; - border-radius: 0; - border: 0; - } - &::after { - border-bottom: 1px solid #a9b6cd; - border-right: 1px solid #a9b6cd; - height: 12px; - width: 12px; - margin-top: -7px; - right: 29px; - } - } - - } - .search-form{ - width: 21%; - - // Border Radius - border-top-right-radius: 50px; - overflow: hidden; - border-bottom-right-radius: 50px; - @media #{$sm}{ - width: 100%; - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; - } - @media #{$xs}{ - width: 100%; - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; - } - - a{ - width: 100%; - height: 60px; - background:$btn-bg; - font-size: 20px; - line-height: 1; - text-align: center; - color: #fff; - display: block; - padding: 15px; - border-radius: 0px; - text-transform: capitalize; - font-family: $font_1; - line-height: 31px; - font-size: 15px; - } - } - - } - } - - -// Home page Hero -.slider-height { - min-height: 890px; - background-repeat:no-repeat ; - background-position: center center; - background-size: cover; - @media #{$lg}{ - min-height: 680px; - } - @media #{$md}{ - min-height: 600px; - } - @media #{$sm}{ - min-height: 600px; - } - @media #{$xs}{ - min-height:640px; - } -} - - // Hero Overly - .hero-overly { - position: relative; - z-index: 1; - &::before { - position: absolute; - content: ""; - background-color: rgba(0, 1, 2,.4); - width: 100%; - height: 100%; - left: 0; - top: 0; - bottom: 0; - right: 0; - z-index: 0; - background-repeat: no-repeat; - } - } - - .hero-overly2 { - position: relative; - z-index: 1; - &::before { - position: absolute; - content: ""; - background-color:rgba(0, 0, 50,.7); - width: 100%; - height: 100%; - left: 0; - top: 0; - bottom: 0; - right: 0; - z-index: 0; - background-repeat: no-repeat; - } - } - - // Transparent Header - .header-transparent { - position: absolute; - top: 0; - right: 0; - left: 0; - z-index: 9; - } - -// Start Other Page Hero - .hero-area2 { - background-image: url(../img/hero/hero2.jpg); - background-size: cover; - background-repeat: no-repeat; - min-height: 500px; - @media #{$xs}{ - min-height: 360px; - } - .hero-cap{ - & h2{ - color: #fff; - font-size: 55px; - font-weight: 700; - text-transform: capitalize; - padding-top: 65px; - } - } - } - .hero-area3 { - background-image: url(../img/hero/hero2.jpg); - background-size: cover; - background-repeat: no-repeat; - min-height: 500px; - @media #{$xs}{ - min-height: 550px; - } - @media #{$sm}{ - min-height: 550px; - } - .hero-cap{ - & h2{ - color: #fff; - font-size: 55px; - font-weight: 700; - text-transform: capitalize; - padding-top: 65px; - } - } - - - } - - diff --git a/assets/scss/_headerMenu.scss b/assets/scss/_headerMenu.scss deleted file mode 100755 index 391d40c..0000000 --- a/assets/scss/_headerMenu.scss +++ /dev/null @@ -1,153 +0,0 @@ -// Header left right padding -.header-area { - .main-header { - padding: 0px 100px; - @media #{$laptop}{ - padding: 0px 30px; - } - @media #{$lg}{ - padding: 0px 15px; - } - // mobile menu show - @media #{$md}{ - padding: 22px 50px; - } - @media #{$sm}{ - padding: 22px 20px; - } - @media #{$xs}{ - padding: 22px 14px; - } - } -} -// Header Bottom -.main-header{ - .main-menu{ - @media #{$laptop}{ - margin-right: 30px; - } - & ul{ - & li{ - display: inline-block; - position: relative; - z-index: 1; - - & a{ - color: #000019; - font-weight: 500; - padding: 39px 10px; - display: block; - font-size: 16px; - @include transition(.3s); - text-transform: capitalize; - position: relative; - margin: 0 23px; - font-family: $font_2; - @media #{$lg}{ - padding: 39px 15px; - margin: 0 10px; - } - @media #{$laptop}{ - margin: 0 10px; - } - } - &:hover{ - & > a{ - color:$theme-color; - } - } - } - & ul.submenu{ - position: absolute; - width: 170px; - background: #fff; - left: 0; - top: 120%; - visibility: hidden; - opacity: 0; - box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05); - padding: 17px 0; - // border-top: 5px solid $theme-color; - @include transition(.3s); - & > li{ - margin-left: 7px; - display: block; - & > a{ - padding: 6px 10px !important; - font-size: 16px; - text-transform: capitalize; - margin: 0; - &:hover{ - color:$theme-color; - background: none; - } - } - } - } - } - } - .logo{ - & img{ - - } - } -} - -.main-menu ul li.active > a::before { - width: 100%; -} -.main-menu ul li:hover > a::before { - width: 100%; -} -.main-header .main-menu ul ul.submenu > li > a:hover { - padding-left: 15px !important; -} -.main-header .main-menu ul ul.submenu > li > a:hover::before { - width: 10px; -} - - -.main-header ul > li:hover > ul.submenu { - visibility: visible; - opacity: 1; - top: 100%; -} - -.main-header .header-sticky.sticky-bar{ - background: #fff; -} -.header-sticky.sticky-bar .main-menu ul>li>a { - padding:27px 13px; - margin: 0 10px; -} -.header-transparent { - position: absolute; - top: 0; - right: 0; - left: 0; - z-index: 9; -} -// Mobile Menu slick Nav -.mobile_menu { - position: absolute; - right: 0px; - width: 100%; - z-index: 99; - .slicknav_menu { - background: transparent; - margin-top: 16px !important; - } - .slicknav_menu .slicknav_nav a:hover { - background: transparent; - color: $theme-color; - } - .slicknav_menu .slicknav_icon-bar { - background-color: $theme-color !important; - } - .slicknav_btn { - top: -55px; - } - .slicknav_nav { - margin-top: 0px; - } -} \ No newline at end of file diff --git a/assets/scss/_listing-details.scss b/assets/scss/_listing-details.scss deleted file mode 100755 index bc92e27..0000000 --- a/assets/scss/_listing-details.scss +++ /dev/null @@ -1,234 +0,0 @@ -.listing-details-area{ - .single-listing{ - .list-img { - overflow: hidden; - border-radius: 5px 5px 0 0; - img { - width: 100%; - transform: scale(1); - transition: all 0.6s ease-out 0s; - } - } - .list-caption { - border: 1px solid #e1ebf7; - padding: 31px 24px 18px 24px; - border-top: 0; - position: relative; - z-index: 0; - span { - color: #fff; - position: absolute; - top: -18px; - right: 7px; - font-size: 16px; - font-weight: 500; - width: 96px; - height: 35px; - background: #ff3d1c; - border-radius: 30px; - text-align: center; - line-height: 35px; - } - h3 { - padding-right: 48px; - margin-bottom: 17px; - @media #{$md}{ - padding-right: 0px; - } - @media #{$sm}{ - padding-right: 0px; - } - @media #{$xs}{ - padding-right: 0px; - } - - a{ - color: #1c1930; - font-weight: 700; - font-size: 25px; - } - } - p{ - color:#57667e; - @media #{$laptop}{ - padding-right: 59px; - } - } - - } - .list-footer{ - border-top: 1px solid #e1ebf7; - margin-top: 20px; - padding-top: 20px; - ul{ - display: flex; - justify-content: space-between; - li{ - color: #727272; - font-size: 14px; - } - } - } - // Hover - &:hover .list-img img { - transform: scale(1.1); - } - } - -} - - -// - - -// Form Style Slider -form.search-box2{ - border: 8px solid rgba(255, 255, 255,.2); - display: flex; - flex-wrap: wrap; - justify-content: space-between; - border-radius: 50px; - @media #{$sm}{ - border: none; - } - @media #{$xs}{ - border: none; - } - .input-form{ - width: 45%; - position: relative; - - // Border Radius - border-top-left-radius: 50px; - overflow: hidden; - border-bottom-left-radius: 50px; - @media #{$sm}{ - width: 66%; - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; - } - @media #{$xs}{ - width: 100%; - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; - } - input{ - height: 60px; - width: 100%; - color: #777777; - font-size: 18px; - font-weight: 400; - padding: 9px 33px 9px 32px; - border: none; - border-radius: 0px; - position: relative; - @media #{$xs}{ - margin-bottom: 20px; - } - @media #{$sm}{ - padding: 9px 33px 9px 25px; - margin-bottom: 20px; - } - &::placeholder { - color: #616875; - @media #{$xs}{ - font-size: 13px; - - } - } - } - &::before { - position: absolute; - content: ''; - width: 1px; - height: 60px; - background:#e0e4f8; - right: 22px; - top: 50%; - z-index: 1; - transform: translateY(-50%); - @media #{$sm}{ - top: 38%; - } - @media #{$xs}{ - display: none; - } - } - } - .select-form{ - width: 34%; - @media #{$xs}{ - width: 100%; - } - .nice-select { - width: 100%; - height: 60px; - background: #fff; - border-radius: 0px; - padding: 11px 19px 11px 10px; - color: #616875; - line-height: 42px; - border: 0; - @media #{$xs}{ - margin-bottom: 20px; - padding-left: 25px; - } - @media #{$sm}{ - margin-bottom: 20px; - padding-left: 25px; - } - .list { - width: 100%; - } - &.open .list { - width: 100%; - border-radius: 0; - border: 0; - } - &::after { - border-bottom: 1px solid #a9b6cd; - border-right: 1px solid #a9b6cd; - height: 12px; - width: 12px; - margin-top: -7px; - right: 29px; - } - } - - } - .search-form{ - width: 21%; - - // Border Radius - border-top-right-radius: 50px; - overflow: hidden; - border-bottom-right-radius: 50px; - @media #{$sm}{ - width: 100%; - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; - } - @media #{$xs}{ - width: 100%; - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; - } - a{ - width: 100%; - height: 60px; - background:$btn-bg; - font-size: 20px; - line-height: 1; - text-align: center; - color: #fff; - display: block; - padding: 15px; - border-radius: 0px; - text-transform: capitalize; - font-family: $font_1; - line-height: 31px; - font-size: 15px; - } - } - -} \ No newline at end of file diff --git a/assets/scss/_listing.scss b/assets/scss/_listing.scss deleted file mode 100755 index 0904751..0000000 --- a/assets/scss/_listing.scss +++ /dev/null @@ -1,222 +0,0 @@ -.listing-area{ - @media #{$xs}{ - padding-top: 70px; - padding-bottom: 70px; - } - @media #{$sm}{ - padding-top: 70px; - padding-bottom: 70px; - } - .count{ - span{ - color:#001d38; - font-size: 18px; - @media #{$xs}{ - margin-bottom: 30px; - } - } - } -} - -.category-listing{ - border: 1px solid #ededed; - padding: 30px 19px 30px 30px; - @media #{$lg}{ - padding: 30px 19px 30px 16px; - } - @media #{$md}{ - padding: 30px 19px 30px 16px; - } - .single-listing{ - // input - .input-form input { - width: 100%; - height: 45px; - background: #fff; - color: #777777; - font-size: 18px; - font-weight: 400; - padding: 9px 33px 9px 18px; - border: 1px solid #ededed; - border-radius: 5px; - position: relative; - margin-bottom: 20px; - } - .select-job-items1, .select-job-items2,{ - .nice-select { - width: 100%; - height: 45px; - background: #fff; - border-radius: 5px; - padding: 11px 19px 11px 18px; - color: #616875; - line-height: 20px; - border: 1px solid #ededed; - margin-bottom: 20px; - @media #{$xs}{ - padding-left: 25px; - } - @media #{$sm}{ - padding-left: 25px; - } - .list { - width: 100%; - } - &.open .list { - width: 100%; - border-radius: 0; - border: 0; - } - &::after { - border-bottom: 1px solid #a9b6cd; - border-right: 1px solid #a9b6cd; - height: 12px; - width: 12px; - margin-top: -9px; - right: 29px; - } - } - } - - /* check_box Start */ - .select-Categories{ - .container { - display: block; - position: relative; - padding-left: 35px; - margin-bottom: 12px; - cursor: pointer; - font-size: 22px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - color: #666666; - font-size: 16px; - @media #{$xs}{ - font-size: 14px; - } - } - .container input { - position: absolute; - opacity: 0; - cursor: pointer; - height: 0; - width: 0; - } - .checkmark { - position: absolute; - top: 0; - left: 0; - height: 24px; - width: 24px; - border: 1px solid #ddd; - } - .container input:checked ~ .checkmark { - background-color: #ff4357; - border: 2px solid transparent; - border-radius: 5px; - } - .checkmark:after { - content: ""; - position: absolute; - display: none; - } - .container input:checked ~ .checkmark:after { - display: block; - } - .container .checkmark::after { - left: 8px; - top: 1px; - width: 6px; - height: 14px; - border: solid white; - border-width: 0px 2px 2px 0; - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); - } - } - /* check_box Start */ - } -} - -// Range Style Start - .range_item{ - p{ - margin-bottom: 0; - } - } - .price_value input { - border: 0px; - text-align: center; - max-width: 50px; - background-color: transparent; - } - .price_value { - align-items: center; - } - .irs-to, - .irs-from, - .irs-max, - .irs-min { - display: none; - } - - .price_rangs_aside { - .l_w_title { - h3 { - line-height: 20px; - margin-bottom: 0px; - } - } - } - .irs-bar { - height: 2px; - top: 33px; - border-top: 1px solid #ff3368; - border-bottom: 1px solid #ff3368; - background: #ff3368; - background: linear-gradient(to top, #ff3368 0%, #ff3368 100%); - } - .irs-line { - height: 2px; - top: 33px; - /* background: #e8eff1; */ - background: linear-gradient(to bottom, #ffeaef -50%, #ffeaef 150%); - border: 1px solid #ffeaef; - border-radius: 16px; - -moz-border-radius: 16px; - } - .irs-slider { - height: 15px; - width: 15px; - border: 1px solid #ff3368; - background-color: #ff3368; - background:#fff; - top: 26px; - box-shadow: none; - border-radius: 4px; - } - .product_bar_item{ - @media #{$tab}{ - width: 100% !important; - } - } - @media #{$tab}{ - .product_top_bar{ - margin-top: 70px; - h2{ - font-size: 25px; - } - } - .product_bar_single { - margin-left: 0; - margin-right: 5px; - } - .product_bar_single .nice-select { - padding-left: 15px; - padding-right: 35px; - } - } - // Range Style End \ No newline at end of file diff --git a/assets/scss/_mixins.scss b/assets/scss/_mixins.scss deleted file mode 100755 index d40b74e..0000000 --- a/assets/scss/_mixins.scss +++ /dev/null @@ -1,13 +0,0 @@ -@mixin transition($time) { - -webkit-transition: all $time ease-out 0s; - -moz-transition: all $time ease-out 0s; - -ms-transition: all $time ease-out 0s; - -o-transition: all $time ease-out 0s; - transition: all $time ease-out 0s; -} - -@mixin transform($value) { - -webkit-transform: $value; - -ms-transform: $value; - transform: $value; -} diff --git a/assets/scss/_overlay.scss b/assets/scss/_overlay.scss deleted file mode 100755 index 2ff806f..0000000 --- a/assets/scss/_overlay.scss +++ /dev/null @@ -1,67 +0,0 @@ -/*-- - - Overlay -------------------------------------------*/ -[data-overlay] { - position: relative; - background-size: cover; - background-repeat: no-repeat; - background-position: center center; - &::before { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - content: ""; - } -} - - -/*-- Overlay Opacity --*/ -[data-opacity="1"] { - &::before { - opacity: 0.1; - } -} -[data-opacity="2"] { - &::before { - opacity: 0.2; - } -} -[data-opacity="3"] { - &::before { - opacity: 0.3; - } -} -[data-opacity="4"] { - &::before { - opacity: 0.4; - } -} -[data-opacity="5"] { - &::before { - opacity: 0.5; - } -} -[data-opacity="6"] { - &::before { - opacity: 0.6; - } -} -[data-opacity="7"] { - &::before { - opacity: 0.7; - } -} -[data-opacity="8"] { - &::before { - opacity: 0.8; - } -} -[data-opacity="9"] { - &::before { - opacity: 0.9; - } -} - - diff --git a/assets/scss/_pagination.scss b/assets/scss/_pagination.scss deleted file mode 100755 index 3efe382..0000000 --- a/assets/scss/_pagination.scss +++ /dev/null @@ -1,57 +0,0 @@ - -// Pagination Area -.pagination-area{ - @media #{$lg}{ - padding-bottom: 50px; - } - @media #{$md}{ - padding-bottom: 50px; - } - @media #{$sm}{ - padding-bottom: 50px; - } - @media #{$xs}{ - padding-bottom: 50px; - } - .page-item { - margin: 0; - } - .page-item:first-child {margin: 0;} - .page-link { - border:0; - font-size: 15px; - text-align: center; - background: none; - box-shadow: none; - outline: 0; - color:#727272; - padding:16px 18px; - background: #fff; - margin: 0 7px; - border-radius: 50%; - border: 1px solid #f0f0f0; - } - .page-item:first-child .page-link { - margin-left: 0; - border-top-left-radius: 50%; - border-bottom-left-radius: 50%; - } - .page-item:last-child .page-link { - border-top-right-radius: 50%; - border-bottom-right-radius: 50%; - border: 1px solid $theme-color; - } - .page-link:hover { - color:$theme-color; - } - .page-item.active .page-link { - z-index: 1; - border: 0; - position: relative; - box-shadow: none; - outline: 0; - background:#fff; - color:#727272; - border: 1px solid #f0f0f0; - } -} \ No newline at end of file diff --git a/assets/scss/_pepole-visit.scss b/assets/scss/_pepole-visit.scss deleted file mode 100755 index c534052..0000000 --- a/assets/scss/_pepole-visit.scss +++ /dev/null @@ -1,145 +0,0 @@ -.peoples-visit{ - .single-visit{ - position: relative; - padding: 90px 0; - @media #{$md}{ - padding: 10px 0; - } - @media #{$sm}{ - padding: 10px 0; - } - @media #{$xs}{ - padding: 10px 0; - } - &.left-img{ - position: relative; - &::before{ - position: absolute; - left: 0; - content: ""; - top: 0; - bottom: 0; - background-image: url(../img/gallery/section_bg03.png); - width: 50%; - border-radius: 0 5px 0 0; - background-size: cover; - background-repeat: no-repeat; - @media #{$md}{ - display: none; - } - @media #{$sm}{ - display: none; - } - @media #{$xs}{ - display: none; - } - } - } - } - - .visit-caption{ - background:rgba(252, 252, 252,.95); - padding: 92px 98px 98px 96px; - - @media #{$md}{ - padding: 60px 69px 68px 61px; - } - @media #{$sm}{ - padding: 57px 30px 65px 30px; - } - @media #{$xs}{ - padding: 57px 30px 65px 30px; - } - border-radius: 5px; - & span{ - font-size: 30px; - font-weight: 700; - margin-bottom: 22px; - color:#ff3d1c; - display: inline-block; - font-family: $font_3; - @media #{$xs}{ - font-size: 29px; - } - } - & h3{ - color: $heading-color; - font-size: 36px; - font-weight: 600; - margin-bottom: 39px; - @media #{$sm}{ - font-size: 24px; - line-height: 1.3; - } - @media #{$xs}{ - font-size: 24px; - line-height: 1.3; - } - } - & p{ - margin-bottom: 56px; - line-height: 1.6; - color: #677294;; - font-size: 16px; - } - // - .visit-categories{ - display: flex; - @media #{$sm}{ - display: block; - } - @media #{$xs}{ - display: block; - } - .visit-location{ - span{ - color: #eb566c; - font-size: 55px; - font-weight: 400; - margin-bottom: 30px; - display: block; - @media #{$sm}{ - margin-bottom: 10px; - } - @media #{$xs}{ - margin-bottom: 10px; - } - } - } - .visit-cap{ - padding-left: 30px; - @media #{$sm}{ - padding-left: 0em; - } - @media #{$xs}{ - padding-left: 0em; - } - h4{ - color: $heading-color; - font-size: 36px; - font-weight: 600; - margin-bottom: 11px; - @media #{$sm}{ - font-size: 28px; - } - @media #{$xs}{ - font-size: 19px; - } - } - p{ - line-height: 1.6; - color: #677294;; - font-size: 16px; - padding-right: 67px; - margin-bottom: 0; - @media #{$xs}{ - padding-right: 0px; - } - @media #{$sm}{ - padding-right: 0px; - } - } - } - } - } -} \ No newline at end of file diff --git a/assets/scss/_portfolio.scss b/assets/scss/_portfolio.scss deleted file mode 100755 index 5713864..0000000 --- a/assets/scss/_portfolio.scss +++ /dev/null @@ -1,35 +0,0 @@ -.portfolio-details-area{ - .details-img{ - img{ - width: 100%; - } - } - .details-caption { - @media #{$md}{ - padding-left: 0; - } - @media #{$sm}{ - padding-left: 0; - } - @media #{$xs}{ - padding-left: 0; - } - h3 { - font-size: 36px; - font-weight: 700; - line-height: 1.2; - margin-bottom: 23px; - - @media #{$sm}{ - font-size: 29px; - } - @media #{$xs}{ - font-size: 29px; - } - } - p{ - color: #677294; - } - } - -} \ No newline at end of file diff --git a/assets/scss/_services.scss b/assets/scss/_services.scss deleted file mode 100755 index bd35fa6..0000000 --- a/assets/scss/_services.scss +++ /dev/null @@ -1,26 +0,0 @@ -.hero-caption{ - & span{ - color: #fff; - font-size: 16px; - display: block; - margin-bottom: 24px; - font-weight: 600; - padding-left: 95px; - position: relative; - &::before{ - position: absolute; - content: ""; - width: 75px; - height: 3px; - background:$theme-color; - left: 0; - top: 52%; - transform: translateY(-50%); - } - } - & h2{ - color: #fff; - font-size: 50px; - font-weight: 700; - } -} \ No newline at end of file diff --git a/assets/scss/_services_section.scss b/assets/scss/_services_section.scss deleted file mode 100755 index 8255502..0000000 --- a/assets/scss/_services_section.scss +++ /dev/null @@ -1,89 +0,0 @@ -.services-area{ - .single-services{ - img{ - width: 100%; - } - } - - // Tabs Button Style - .properties__button{ - float: right; - @media #{$md}{ - float: left; - } - @media #{$sm}{ - float: left; - } - @media #{$xs}{ - float: left; - } - } - .nav-tabs .nav-link { - border: 0; - border-bottom: 2px solid transparent; - padding: 10px 20px; - @media #{$lg}{ - padding: 10px 10px; - } - @media #{$md}{ - padding: 10px 15px; - } - @media #{$sm}{ - padding: 10px 15px; - } - @media #{$xs}{ - padding: 10px 15px; - } - } - .nav-tabs::before { - position: absolute; - content: ""; - width: 100%; - height: 2px; - background: #e7ebf2; - bottom: -1px; - left: 0; - @media #{$sm}{ - display: none; - } - @media #{$xs}{ - display: none; - } - } - .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { - // color: $theme-color; - background: none; - border-bottom: 2px solid #ff5757; - z-index: 5; - position: relative; - } - .nav-tabs .nav-item { - // padding-bottom: 10px; - display: block; - color: #161e46; - font-weight: 500; - text-transform: capitalize; - font-size: 16px; - } - .nav-tabs { - margin-bottom: 9px; - padding-bottom: 0px; - position: relative; - border: 0; - display: flex; - justify-content: center; - @media #{$md}{ - justify-content: start; - } - @media #{$sm}{ - justify-content: start; - } - @media #{$xs}{ - justify-content: start; - } - } -} - -.tab-pane{ - @include transition(.6s); -} \ No newline at end of file diff --git a/assets/scss/_testimonial.scss b/assets/scss/_testimonial.scss deleted file mode 100755 index 5b2819b..0000000 --- a/assets/scss/_testimonial.scss +++ /dev/null @@ -1,139 +0,0 @@ -.testimonial-area{ - position: relative; - .testimonial-caption{ - padding-left: 80px; - @media #{$md}{ - padding-left: 40px; - } - @media #{$sm}{ - padding-left: 40px; - } - @media #{$xs}{ - padding-left: 40px; - } - .testimonial-top-cap{ - & img{ - margin-bottom: 50px; - width: auto; - display: inline-block; - @media #{$md}{ - margin-bottom: 30px; - } - @media #{$xs}{ - margin-bottom: 30px; - } - } - & p{ - line-height: 1.5; - padding-right: 100px; - margin-bottom: 50px; - font-size: 20px; - @media #{$lg}{ - font-size: 20px; - } - @media #{$md}{ - font-size: 20px; - padding-right: 40px; - } - @media #{$md}{ - font-size: 18px; - padding-right: 30px; - margin-bottom: 60px; - } - @media #{$sm}{ - font-size: 18px; - padding-right: 30px; - margin-bottom: 60px; - } - @media #{$xs}{ - font-size: 15px; - padding-right: 30px; - margin-bottom: 60px; - } - } - } - .testimonial-founder{ - .founder-img{ - - } - .founder-text{ - margin-left: 20px; - & span{ - color:$theme-color; - font-size: 30px; - font-weight: 600; - } - & p{ - color: #57667e; - font-weight:500; - line-height:1.5 ; - } - } - } - } - .testimonial-banner{ - position: relative; - right: -55px; - @media #{$large1}{ - left: 0px; - } - @media #{$lg}{ - left: 0px; - } - @media #{$md}{ - left: 0px; - } - @media #{$sm}{ - left: 0px; - } - @media #{$xs}{ - left: 0px; - } - img{ - width: 100%; - } - } - // Shape - .testimonial-shape{ - position: absolute; - left: 0em; - top: 31%; - } -} - -/* Homepage1 Testimonial */ -.h1-testimonial-active{ - button.slick-arrow { - position: absolute; - top: 50%; - left: 0px; - transform: translateY(-50%); - border: 0; - padding: 0; - z-index: 2; - cursor: pointer; - font-size: 20px; - @include transition(.3s); - color: $theme-color; - background: none; - @media #{$sm}{ - left: -28px; - } - @media #{$sm}{ - left: -28px; - } - } - button.slick-next { - left: auto; - right: 0px; - @media #{$sm}{ - right: -28px; - } - } - - -} - -.slick-initialized .slick-slide { - outline: 0; -} \ No newline at end of file diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss deleted file mode 100755 index 33e8afc..0000000 --- a/assets/scss/_variables.scss +++ /dev/null @@ -1,91 +0,0 @@ -@import 'color'; - - -// Font Family - $font_1 :'Rufina', serif; //Heading Font - $font_2 :'Rubik', sans-serif; //Body Font , Menu - - - -/*------------------- Responsive --------------------------*/ - - $laptop: 'only screen and (min-width: 1200px) and (max-width: 1600px)'; - $lg :'only screen and (min-width: 992px) and (max-width: 1199px)'; - $md:'only screen and (min-width: 768px) and (max-width: 991px)'; - $xs:'(max-width: 575px)'; - $sm: 'only screen and (min-width: 576px) and (max-width: 767px)'; - -// Extra Responsive - - $medium_device : 'only screen and (min-width: 992px) and (max-width: 1200px)'; - $tab_device:'only screen and (min-width: 768px) and (max-width: 991px)'; - $large_mobile: 'only screen and (min-width: 576px) and (max-width: 767px)'; - $tab: '(max-width: 991px)'; - $tab2: '(max-width: 1199px)'; - $small_mobile:'(max-width: 576px)'; - $xs_mobile:'(max-width: 420px)'; - $sm_mobile:'only screen and (min-width: 421px) and (max-width: 575px)'; - $big_screen:'only screen and (min-width: 1200px) and (max-width: 1440px)'; - $big_screen2:'only screen and (min-width: 1200px) and (max-width: 1300px)'; - $big_screen3:'only screen and (min-width: 1441px) and (max-width: 1500px)'; - $big_screen4:'only screen and (min-width: 1501px) and (max-width: 1750px)'; - $extra_big_screen: 'only screen and (min-width: 1200px) and (max-width: 3640px)'; - - -// More Extra Responsive - $large_device_2:'(min-width: 1501px) and (max-width: 1700px)'; - $mid_device:'(min-width: 992px) and (max-width: 1200px)'; - $tablet_device:'(min-width: 768px) and (max-width: 991px)'; - $mobile_device:'(max-width: 767px)'; - $large_mobile:'only screen and (min-width: 480px) and (max-width: 767px)'; - -// Custom - $large1:'only screen and (min-width: 1200px) and (max-width: 1360px)'; - $large2:'(min-width: 1200px) and (max-width: 1500px)'; - $large3:'only screen and (min-width: 1601px) and (max-width: 1800px)'; - - - - -/* - @include transition(.4s); - color:$theme-color; -*/ - - -// Elemet Page btn -$heading_color2: #112e41; -$white_color:#fff; - -.boxed-btn { - background: #fff; - color: $theme-color !important; - - display: inline-block; - padding: 18px 44px; - font-family: $font_1; - font-size: 14px; - font-weight: 400; - border: 0; - border: 1px solid $theme-color; - letter-spacing: 3px; - - text-align: center; - color: $theme-color; - text-transform: uppercase; - cursor: pointer; - &:hover{ - background: $theme-color; - color: #fff !important; - border: 1px solid $theme-color; - } - &:focus{ - outline: none; - } - &.large-width{ - width: 220px; - } -} - - - diff --git a/assets/scss/_wantTowork.scss b/assets/scss/_wantTowork.scss deleted file mode 100755 index e6a2440..0000000 --- a/assets/scss/_wantTowork.scss +++ /dev/null @@ -1,40 +0,0 @@ -.wantToWork-area{ - background-image: url(../img/gallery/section_bg02.jpg); - background-size: cover; - background-repeat: no-repeat; - .wantToWork-caption{ - h2{ - color: #ec5b53; - font-size: 48px; - font-weight:700; - line-height: 1.5; - margin: 0; - - @media #{$md}{ - font-size: 30px; - } - @media #{$xs}{ - font-size: 25px; - margin-bottom: 20px; - } - } - & p{ - font-size: 18px; - } - } - .wantToWork-btn{ - - @media #{$sm}{ - float: left; - margin-top: 30px; - } - @media #{$xs}{ - float: left; - margin-top: 30px; - } - @media #{$md}{ - float: left; - margin-top: 30px; - } - } -} \ No newline at end of file diff --git a/assets/scss/style.scss b/assets/scss/style.scss deleted file mode 100755 index 78493e2..0000000 --- a/assets/scss/style.scss +++ /dev/null @@ -1,65 +0,0 @@ -/* Theme Description -------------------------------------------------- - - Theme Name: - Author: - Support: - Description: - Version: - -------------------------------------------------- -*/ - -/* CSS Index -------------------------------------------------- - - 1. Theme default css - 2. header - 3. slider - 4. about-area - 5. features-box - 6. department - 7. team - 8. video-area - 9. counter - 10. footer - -------------------------------------------------- -*/ - -// Default - @import 'variables'; - @import 'mixins'; - @import 'overlay'; - @import 'common'; - @import 'color'; - - -// Homepage1 - @import 'headerMenu'; - @import 'h1-hero'; - @import 'about'; - - @import 'services_section'; - @import 'wantTowork'; - @import 'contact-inof'; - @import 'portfolio'; - - - @import 'categories'; - - - @import 'footer'; - - -// inner Page - @import 'services'; - // @import 'about-details'; - - -// Default Element Page - @import 'blog_page'; - @import 'contact'; - @import 'bradcam'; - @import 'extend'; - @import 'elements'; From deacb85a49029ec4f04e2048c21baba78200ce31 Mon Sep 17 00:00:00 2001 From: RonaldsonBellande Date: Sun, 3 Dec 2023 18:55:06 -0500 Subject: [PATCH 2/3] latest pushes --- index.html | 25 ++++++++++++++++++------- 1 file changed, 18 insertions(+), 7 deletions(-) diff --git a/index.html b/index.html index edcb0a1..b4cf0f5 100644 --- a/index.html +++ b/index.html @@ -131,15 +131,26 @@ - -
  • Login + +
  • Signup/Login +
    • - + - - - + + From 1891e467bb7317bf6526d955265cf62f0e5f77ab Mon Sep 17 00:00:00 2001 From: RonaldsonBellande Date: Sun, 3 Dec 2023 18:58:02 -0500 Subject: [PATCH 3/3] latest pushes --- assets/html/login.html | 14 ++++++++++++++ assets/html/signup.html | 14 ++++++++++++++ 2 files changed, 28 insertions(+) create mode 100644 assets/html/login.html create mode 100644 assets/html/signup.html diff --git a/assets/html/login.html b/assets/html/login.html new file mode 100644 index 0000000..1088788 --- /dev/null +++ b/assets/html/login.html @@ -0,0 +1,14 @@ + +
    +
    + + +
    +
    + + +
    + + + +
    diff --git a/assets/html/signup.html b/assets/html/signup.html new file mode 100644 index 0000000..b911d69 --- /dev/null +++ b/assets/html/signup.html @@ -0,0 +1,14 @@ + +
    +
    + + +
    +
    + + +
    + + + +