Ronaldson Bellande
GitHub
commit
49560326a5
14
assets/html/login.html
Normal file
14
assets/html/login.html
Normal file
@ -0,0 +1,14 @@
|
||||
<!-- Login form -->
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label for="loginUsername">Username</label>
|
||||
<input type="text" class="form-control" id="loginUsername" placeholder="Enter your username">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="loginPassword">Password</label>
|
||||
<input type="password" class="form-control" id="loginPassword" placeholder="Enter your password">
|
||||
</div>
|
||||
<!-- Additional form fields can be added here -->
|
||||
|
||||
<button type="submit" class="btn btn-primary">Login</button>
|
||||
</form>
|
||||
14
assets/html/signup.html
Normal file
14
assets/html/signup.html
Normal file
@ -0,0 +1,14 @@
|
||||
<!-- Signup form -->
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label for="signupUsername">Username</label>
|
||||
<input type="text" class="form-control" id="signupUsername" placeholder="Enter your username">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="signupPassword">Password</label>
|
||||
<input type="password" class="form-control" id="signupPassword" placeholder="Enter your password">
|
||||
</div>
|
||||
<!-- Additional form fields can be added here -->
|
||||
|
||||
<button type="submit" class="btn btn-primary">Signup</button>
|
||||
</form>
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -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;
|
||||
}
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -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;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -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;
|
||||
|
||||
// }
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@ -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
|
||||
@ -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;
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
@ -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);
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -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';
|
||||
25
index.html
25
index.html
@ -131,15 +131,26 @@
|
||||
<!-- Community -->
|
||||
|
||||
|
||||
<!-- Login -->
|
||||
<li><a href="#" style="color: orange;">Login</a>
|
||||
<!-- Signup or Login -->
|
||||
<li><a href="#" style="color: orange;">Signup/Login</a>
|
||||
<ul class="submenu">
|
||||
<li>
|
||||
<a href="#" style="color: orange;" hx-get="assets/html/signup.html" hx-target="#content"
|
||||
hx-swap="outerHTML" hx-trigger="click">Signup</a>
|
||||
</li>
|
||||
<!-- Login -->
|
||||
<li>
|
||||
<a href="#" style="color: orange;" hx-get="assets/html/login.html" hx-target="#content"
|
||||
hx-swap="outerHTML" hx-trigger="click">Login</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- Signup or Login -->
|
||||
|
||||
|
||||
<!-- Search Bar -->
|
||||
<butaton type="button" class="btn text-primary ms-3" data-bs-toggle="modal"
|
||||
data-bs-target="#searchModal"><i class="fa fa-search"></i></butaton>
|
||||
<!-- Search Bar-->
|
||||
<button type="button" class="btn text-primary ms-3" hx-get="/search" hx-target="#searchModal"
|
||||
hx-trigger="click">
|
||||
<i class="fa fa-search"></i>
|
||||
</button>
|
||||
<!-- Search Bar -->
|
||||
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user