Inital Commit
This commit is contained in:
tanch0
180
public/sunsari/css/partials/niches/agency.css
Normal file
180
public/sunsari/css/partials/niches/agency.css
Normal file
@@ -0,0 +1,180 @@
|
||||
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var();
|
||||
--secundary-color: var();
|
||||
--headline-color: var();
|
||||
--paragraph-color: var();
|
||||
--background-color: var();
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
AGENCY.
|
||||
===================================== */
|
||||
|
||||
/* ========== COLORS RESET ========== */
|
||||
.bg-wrapper{
|
||||
background-color: var(--primary-color);
|
||||
}
|
||||
|
||||
.bg-wrapper h2, .bg-wrapper p{
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
/* ========== ABOUT US ========== */
|
||||
.agency-about{
|
||||
padding: 0px 30px 0 0;
|
||||
}
|
||||
|
||||
.agency-about p{
|
||||
margin: 15px 0px 25px;
|
||||
}
|
||||
|
||||
.agency-services-box{
|
||||
padding: 20px;
|
||||
margin: 15px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.agency-sb-icon{
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.agency-sb-caption h4{
|
||||
font-size: 18px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.agency-sb-caption p{
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.agency-ws-left{
|
||||
background-image: url("../../../images/commons/home-niches/agency/agency-1.jpg");
|
||||
height: 450px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.agency-ws-content{
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
.agency-ws-bullet-layer{
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.list-bullets{
|
||||
margin: 20px 0px;
|
||||
}
|
||||
|
||||
.list-bullets h5::before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f560";
|
||||
margin-right: 10px;
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.list-bullets p{
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
margin-bottom: 0px;
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
/* ========== TESTIMONIALS ========== */
|
||||
|
||||
.testimonial-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.testimonial-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
.testimonial-carousel .owl-carousel .item .tp-card-center{
|
||||
margin: 50px 10px 10px;
|
||||
}
|
||||
|
||||
.testimonial-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.testimonial-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--owl-dots);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.testimonial-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.testimonial-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.tp-card-center ul.rating-stars{
|
||||
margin-top: 15px;
|
||||
color: var(--secundary-color);
|
||||
}
|
||||
|
||||
/* ========== PRICING TABLE ========== */
|
||||
|
||||
.shadow-pricing-table {
|
||||
text-align: center;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
padding: 0px;
|
||||
padding-bottom: 1.5rem;
|
||||
background-color: #FFF;
|
||||
box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
-o-box-shadow: none;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1200px) {
|
||||
.agency-ws-content{
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.agency-services-box{
|
||||
padding: 20px;
|
||||
margin: 15px 0px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.agency-about{
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:991px) {
|
||||
|
||||
}
|
||||
@media (max-width:767px) {
|
||||
|
||||
}
|
||||
@media (max-width:576px) {
|
||||
|
||||
}
|
||||
@media (max-width:480px) {
|
||||
|
||||
}
|
||||
536
public/sunsari/css/partials/niches/beauty.css
Normal file
536
public/sunsari/css/partials/niches/beauty.css
Normal file
@@ -0,0 +1,536 @@
|
||||
/* =====================================
|
||||
FONTS.
|
||||
===================================== */
|
||||
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Niconne&display=swap');
|
||||
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var(--beauty-primary);
|
||||
--secundary-color: var(--beauty-secundary);
|
||||
--headline-color: var(--beauty-headline-color);
|
||||
--paragraph-color: var();
|
||||
--background-color: var();
|
||||
|
||||
/* ----- TYPOGRAPHY. ----- */
|
||||
--base-font: 'Lato', sans-serif;
|
||||
--secundary-font: 'Montserrat', sans-serif;
|
||||
--paragraph-font-size: 15px;
|
||||
--theme-font: 'Niconne', cursive;
|
||||
}
|
||||
|
||||
h5.overheadline {
|
||||
font-family: var(--theme-font);
|
||||
color: var(--primary-color);
|
||||
font-size: 30px !important;
|
||||
font-weight: 400 !important;
|
||||
text-transform: none !important;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
BEAUTY.
|
||||
===================================== */
|
||||
|
||||
/* ========== BUTTONS ========== */
|
||||
.beauty-content-layer .tp-btn-primary {
|
||||
color: var(--primary-color);
|
||||
background-color: #FFF;
|
||||
border: solid 1px #FFF;
|
||||
border-radius: 50rem !important;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.beauty-content-layer .tp-btn-primary:hover {
|
||||
color: #FFF;
|
||||
background-color: var(--primary-color);
|
||||
border: solid 1px var(--primary-color);
|
||||
border-radius: 50rem !important;
|
||||
}
|
||||
|
||||
.tp-btn-primary {
|
||||
border-radius: 50rem !important;
|
||||
}
|
||||
|
||||
/* ========== CAROUSEL ========== */
|
||||
.beauty-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.beauty-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.beauty-carousel .owl-carousel .item .beauty-feature-box {
|
||||
margin: auto 15px;
|
||||
}
|
||||
|
||||
.beauty-carousel .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.beauty-feat-caption h5 {
|
||||
font-size: 20px;
|
||||
margin: 10px 0 5px;
|
||||
}
|
||||
|
||||
.beauty-feat-caption p {
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tp-bf-icon {
|
||||
width: 60px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* ========== STORY SECTION ========== */
|
||||
.beauty-story-bg {
|
||||
background-image: url("../../../images/commons/home-niches/beauty/beauty-1.jpg");
|
||||
height: 400px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.beauty-content-layer {
|
||||
height: 400px;
|
||||
background-color: var(--secundary-color);
|
||||
margin: 50px 0 0 -50px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.inner-bc {
|
||||
margin: 0px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
padding: 50px;
|
||||
}
|
||||
|
||||
.inner-bc h3 {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.inner-bc p {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.inner-bc .tp-btn-primary {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.inner-bc h5.overheadline {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
/* ========== SERVICES ========== */
|
||||
.beauty-services-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.beauty-services-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.beauty-services-carousel .owl-carousel .item .beauty-services {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.beauty-services-carousel .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.bs-circle {
|
||||
background-color: var(--primary-color);
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 50%;
|
||||
position: relative;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.bs-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
width: 35px;
|
||||
}
|
||||
|
||||
.bs-caption {
|
||||
text-align: center;
|
||||
margin-top: 15px;
|
||||
padding: 0px 20px;
|
||||
}
|
||||
|
||||
.bs-caption h4 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.bs-caption p {
|
||||
font-size: 14px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/* ========== PARALLAX ========== */
|
||||
.beauty-parallax {
|
||||
background-image: url("../../../images/commons/home-niches/beauty/beauty-2.jpg");
|
||||
height: 400px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.beauty-parallax:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-image: linear-gradient(to bottom right, var(--secundary-color), var(--secundary-color));
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.beauty-parallax-content {
|
||||
position: absolute;
|
||||
top: 60%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.beauty-parallax-content h2 {
|
||||
color: #FFF;
|
||||
font-family: var(--theme-font);
|
||||
font-size: 55px !important;
|
||||
font-weight: 400 !important;
|
||||
text-transform: none !important;
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.beauty-parallax-content p {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
/* ========== PULSING BTN ========== */
|
||||
.pulse {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
background: var(--primary-color);
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
color: #FFF;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
line-height: 70px;
|
||||
font-size: 30px;
|
||||
transform: translate(-50%, -50%);
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.pulse::before,
|
||||
.pulse::after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
border: 1px solid var(--primary-color);
|
||||
top: -15px;
|
||||
right: -15px;
|
||||
left: -15px;
|
||||
bottom: -15px;
|
||||
animation: pulse 1.5s linear infinite;
|
||||
}
|
||||
|
||||
.pulse::after {
|
||||
animation-delay: .5s;
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0% {
|
||||
transform: scale(0.5);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
to {
|
||||
transform: scale(1.2);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.popup-youtube {
|
||||
position: relative;
|
||||
top: -50px;
|
||||
left: auto;
|
||||
bottom: auto;
|
||||
right: auto;
|
||||
transform: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
/* ========== CENTER TESTIMONIALS ========== */
|
||||
.center-testimonial-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-carousel .item .tp-card-center {
|
||||
margin: 50px 10px 10px;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--owl-dots);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.center-testimonial-card .tp-avatar {
|
||||
width: 80px;
|
||||
margin: auto;
|
||||
border: solid 2px var(--primary-color);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.center-testimonial-card .tp-testimonial-content {
|
||||
font-size: 18px;
|
||||
font-style: italic;
|
||||
max-width: 600px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
|
||||
.testimonial-author {
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.autor-profession {
|
||||
text-align: center;
|
||||
color: var(--primary-color);
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/* ========== PRICING TABLE ========== */
|
||||
.tp-spa-pricing {
|
||||
background-image: url("../../../images/commons/home-niches/beauty/facial.jpg");
|
||||
height: 500px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tp-spa-pricing:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-image: linear-gradient(to bottom right, #5d2236, var(--primary-color));
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.tp-spa-center {
|
||||
background-image: url("../../../images/commons/home-niches/beauty/spa-2.jpg");
|
||||
}
|
||||
|
||||
.tp-spa-center:before {
|
||||
background-image: linear-gradient(to bottom right, #6F0096, #b467e4);
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.tp-spa-right {
|
||||
background-image: url("../../../images/commons/home-niches/beauty/facial-3.jpg");
|
||||
}
|
||||
|
||||
.tp-spa-right:before {
|
||||
background-image: linear-gradient(to bottom right, #5d2236, var(--primary-color));
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.inner-spa-pricing {
|
||||
text-align: center;
|
||||
color: #FFF;
|
||||
padding: 35px 0px 35px 0px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.inner-spa-pricing h4 {
|
||||
padding-top: 20px;
|
||||
opacity: none;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.inner-spa-pricing h3 {
|
||||
font-size: 60px;
|
||||
margin: 20px 0px 20px 0px;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.inner-spa-pricing span-montly {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.inner-spa-pricing p {
|
||||
line-height: 2;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.inner-spa-pricing ul li {
|
||||
color: #FFF;
|
||||
line-height: 35px;
|
||||
}
|
||||
|
||||
.inner-spa-pricing .tp-btn-primary {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
/* ========== GRID GALLERY ========== */
|
||||
.grid-four-col .grid-sizer,
|
||||
.grid-four-col .grid-box {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.grid-box {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
/* ========== NEWS CAROUSEL ========== */
|
||||
.tp1-bn-caption {
|
||||
background-color: #fff;
|
||||
padding: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.tp1-bottom-caption {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
/* ========== TEAM ========== */
|
||||
ul.social-links li {
|
||||
display: inline-block;
|
||||
margin: 0px 10px;
|
||||
}
|
||||
|
||||
ul.social-links li a {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.social-links li a:hover {
|
||||
color: var(--secundary-color) !important;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1200px) {}
|
||||
|
||||
@media (max-width:991px) {
|
||||
.beauty-content-layer {
|
||||
height: auto;
|
||||
background-color: var(--secundary-color);
|
||||
margin: 0px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.inner-bc {
|
||||
margin: 0px;
|
||||
position: relative;
|
||||
top: auto;
|
||||
-ms-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
padding: 50px 30px;
|
||||
}
|
||||
|
||||
.tp-spa-pricing {
|
||||
max-width: 500px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.grid-four-col .grid-sizer,
|
||||
.grid-four-col .grid-box {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:767px) {
|
||||
|
||||
.beauty-parallax {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.beauty-parallax-content {
|
||||
position: relative;
|
||||
top: auto;
|
||||
left: auto;
|
||||
transform: translate(0%, 0%);
|
||||
text-align: center;
|
||||
padding: 100px 0px 80px;
|
||||
}
|
||||
|
||||
.beauty-parallax-content h2 {
|
||||
margin-top: 70px;
|
||||
}
|
||||
|
||||
.popup-youtube {
|
||||
top: auto;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:576px) {
|
||||
|
||||
.grid-four-col .grid-sizer,
|
||||
.grid-four-col .grid-box {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.center-testimonial-card .tp-testimonial-content {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:480px) {}
|
||||
645
public/sunsari/css/partials/niches/cargo.css
Normal file
645
public/sunsari/css/partials/niches/cargo.css
Normal file
@@ -0,0 +1,645 @@
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var(--cargo-primary);
|
||||
--secundary-color: var(--cargo-secundary);
|
||||
--headline-color: var();
|
||||
--paragraph-color: var();
|
||||
--background-color: var();
|
||||
}
|
||||
|
||||
/* ========== HEADER COLOR RESET ========== */
|
||||
ul.top-contact li a:hover {
|
||||
color: var(--primary-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.social-list li a:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.top-social .btn-default:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
/* ========== FOOTER COLOR RESET ========== */
|
||||
.footer-terms a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.footer-copyright p a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.quick-links li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.footer-contact li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.footer-social li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.cd-top {
|
||||
background: var(--primary-color) url(../../../images/icons/cd-top-arrow.svg) no-repeat center 50%;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
CARGO.
|
||||
===================================== */
|
||||
.front-box-layer {
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.front-box {
|
||||
background: #FFF;
|
||||
text-align: center;
|
||||
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
.front-box h4 {
|
||||
font-size: 18px;
|
||||
margin: 15px 0px 10px;
|
||||
}
|
||||
|
||||
.front-box p {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.front-box-icon {
|
||||
width: 60px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.about-logistic-img {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.experience-badge {
|
||||
width: 80%;
|
||||
background-color: #FFF;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
position: absolute;
|
||||
bottom: 30px;
|
||||
left: -50px;
|
||||
}
|
||||
|
||||
.left-badge {
|
||||
background-color: var(--secundary-color);
|
||||
float: left;
|
||||
width: 25%;
|
||||
height: 118px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
.right-badge {
|
||||
background-color: #FFF;
|
||||
float: right;
|
||||
width: 75%;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.left-badge .counter {
|
||||
font-size: 60px;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 700;
|
||||
color: #FFF;
|
||||
margin: 0px;
|
||||
padding: 5px 0px;
|
||||
}
|
||||
|
||||
.right-badge h4 {
|
||||
font-size: 18px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.right-badge p {
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.ha-span-section {
|
||||
margin-top: 40px;
|
||||
display: flex !important;
|
||||
flex-direction: row !important;
|
||||
}
|
||||
|
||||
.ha-icon {
|
||||
width: 50px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.ha-inner {
|
||||
display: inline-block;
|
||||
margin-right: 35px;
|
||||
}
|
||||
|
||||
.ha-inner h4 {
|
||||
font-size: 18px;
|
||||
color: #FFF !important;
|
||||
margin: 15px 0px 5px;
|
||||
}
|
||||
|
||||
.ha-inner h5 {
|
||||
font-size: 18px;
|
||||
margin: 15px 0px 5px;
|
||||
}
|
||||
|
||||
|
||||
/* ========== #### ========== */
|
||||
.service-parallax {
|
||||
background-image: url("../../../images/commons/home-niches/courier/logis-51.jpg");
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
padding: 80px 0px;
|
||||
}
|
||||
|
||||
.service-parallax:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-image: linear-gradient(to bottom right, #09192A, #09192A);
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.service-parallax .center-title h2 {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.service-parallax .out-caption p {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.all-service-option {
|
||||
color: #FFF;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin-top: 50px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.all-service-option a {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
/* ========== #### ========== */
|
||||
.services-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.services-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.services-carousel .owl-carousel .item .thumbnail {
|
||||
margin: 0rem 1rem;
|
||||
}
|
||||
|
||||
.services-carousel .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.service-box-alt {
|
||||
margin: 0px 15px;
|
||||
}
|
||||
|
||||
.sb-thumbnail {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sb-thumbnail:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-image: linear-gradient(transparent, #09192A);
|
||||
opacity: 0.7;
|
||||
margin-top: -5px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.sb-caption {
|
||||
width: 100%;
|
||||
margin: 0px;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
z-index: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sb-caption h3 {
|
||||
color: #FFF;
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.sbt-icon {
|
||||
width: 60px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.out-caption {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
padding: 0px 20px;
|
||||
}
|
||||
|
||||
.sb-thumbnail .bottom-line {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
bottom: -3px;
|
||||
background-color: var(--primary-color);
|
||||
width: 80px;
|
||||
height: 5px;
|
||||
-webkit-transition: all 0.3s ease-in-out 0s;
|
||||
-moz-transition: all 0.3s ease-in-out 0s;
|
||||
-ms-transition: all 0.3s ease-in-out 0s;
|
||||
-o-transition: all 0.3s ease-in-out 0s;
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
}
|
||||
|
||||
.sb-thumbnail:hover .bottom-line {
|
||||
width: 100%;
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
.image-hover .sb-thumbnail {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.image-hover .sb-thumbnail:hover+span {
|
||||
bottom: -36px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hover-effects .sb-thumbnail .img-hover {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
-webkit-transition: .3s ease-in-out;
|
||||
transition: .3s ease-in-out;
|
||||
}
|
||||
|
||||
.hover-effects .sb-thumbnail:hover .img-hover {
|
||||
-webkit-transform: scale(1.1);
|
||||
transform: scale(1.1);
|
||||
}
|
||||
/* ========== #### ========== */
|
||||
.why-us-box {
|
||||
background-color: var(--background-color);
|
||||
padding: 25px;
|
||||
margin-bottom: 25px;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
}
|
||||
|
||||
.why-us-icon {
|
||||
width: 60px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.why-us-box h4 {
|
||||
font-size: 19px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.why-us-box p {
|
||||
margin-top: 10px;
|
||||
font-size: 15px !important;
|
||||
line-height: 25px !important;
|
||||
}
|
||||
|
||||
.why-us-left{
|
||||
padding-right: 70px;
|
||||
}
|
||||
|
||||
.wu-box {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.wu-box .media {
|
||||
margin: 20px 0px;
|
||||
}
|
||||
|
||||
.wu-box .mr-3 {
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
.wu-box .media-body h5 {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.wu-box .media-body p {
|
||||
font-size: 14px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.why-us-right {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.image-badge {
|
||||
background-color: #FFF;
|
||||
padding: 35px;
|
||||
max-width: 300px;
|
||||
position: absolute;
|
||||
bottom: 15px;
|
||||
left: 15px;
|
||||
outline: 1px dashed var(--secundary-color);
|
||||
outline-offset: -15px;
|
||||
margin-left: -80px;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
}
|
||||
|
||||
.ib-icon {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.image-badge h4 {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
/* ========== HOME CONTACT ========== */
|
||||
.tp-contact1-parallax{
|
||||
background-image: url("../../../images/commons/home-niches/courier/pages-bg.jpg");
|
||||
height: 650px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tp-contact1-parallax:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-image: linear-gradient(to bottom right, var(--headline-color), var(--headline-color));
|
||||
opacity: 0.7;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* ========== TESTIMONIALS ========== */
|
||||
.testimonial-banner {
|
||||
background-color: var(--primary-color);
|
||||
padding: 80px 0px 200px;
|
||||
}
|
||||
|
||||
.up-testimonial-layer {
|
||||
margin-top: -220px;
|
||||
}
|
||||
|
||||
.up-testimonial-layer .center-title h2 {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.up-testimonial-layer .center-title h5 {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.testimonials-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.testimonials-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.testimonials-carousel .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.testimonial-text {
|
||||
background-color: #FFF;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
padding: 30px;
|
||||
margin: 15px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.testimonial-text .fas {
|
||||
font-size: 40px;
|
||||
color: var(--primary-color);
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.testimonial-box .bottom-line {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
bottom: -5px;
|
||||
background-color: var(--secundary-color);
|
||||
width: 50px;
|
||||
height: 5px;
|
||||
-webkit-transition: all 0.3s ease-in-out 0s;
|
||||
-moz-transition: all 0.3s ease-in-out 0s;
|
||||
-ms-transition: all 0.3s ease-in-out 0s;
|
||||
-o-transition: all 0.3s ease-in-out 0s;
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
}
|
||||
|
||||
.testimonial-box:hover .bottom-line {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
bottom: -5px;
|
||||
background-color: var(--secundary-color);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.author-avatar {
|
||||
width: 100px;
|
||||
margin: 35px auto 0px;
|
||||
}
|
||||
|
||||
.author-avatar img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.testimonial-box h4 {
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
margin: 15px 0px 0px;
|
||||
}
|
||||
|
||||
p.profession {
|
||||
text-align: center;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.all-testimonials .testimonial-box {
|
||||
margin: 25px 0px;
|
||||
}
|
||||
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1200px) {
|
||||
.front-box {
|
||||
padding: 40px 10px;
|
||||
}
|
||||
|
||||
}
|
||||
@media (max-width:991px) {
|
||||
.front-box {
|
||||
padding: 40px 25px;
|
||||
height: 230px;
|
||||
}
|
||||
|
||||
.experience-badge {
|
||||
max-width: 500px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.image-badge {
|
||||
outline-offset: -15px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
}
|
||||
@media (max-width:767px) {
|
||||
.front-box {
|
||||
padding: 40px 25px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.why-us-left{
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
}
|
||||
@media (max-width:576px) {
|
||||
.ha-inner {
|
||||
display: block;
|
||||
margin-right: 0px;
|
||||
|
||||
}
|
||||
|
||||
.ha-span-section {
|
||||
margin-top: 40px;
|
||||
display: block !important;
|
||||
flex-direction: auto !important;
|
||||
}
|
||||
|
||||
.ha-inner-bottom{
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.experience-badge {
|
||||
width: 100% !important;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.image-badge {
|
||||
background-color: #FFF;
|
||||
padding: 35px;
|
||||
max-width: 100%;
|
||||
position: relative;
|
||||
bottom: 15px;
|
||||
left: 0px;
|
||||
outline-offset: -15px;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.moc-caption{
|
||||
margin: -5px 0 0 20px;
|
||||
}
|
||||
|
||||
.moc-caption h4{
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media (max-width:480px) {
|
||||
.experience-banner .media {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.experience-banner .media-body {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.experience-badge {
|
||||
|
||||
background-color: transparent;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
}
|
||||
.left-badge {
|
||||
float: none;
|
||||
padding: 20px;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.right-badge {
|
||||
float: none;
|
||||
padding: 15px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
border-bottom: solid 5px var(--primary-color);
|
||||
}
|
||||
|
||||
.wu-box .d-md-flex{
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.wu-box .flex-grow-1 {
|
||||
flex-grow: 0 !important;
|
||||
}
|
||||
}
|
||||
480
public/sunsari/css/partials/niches/charity.css
Normal file
480
public/sunsari/css/partials/niches/charity.css
Normal file
@@ -0,0 +1,480 @@
|
||||
@import url('https://fonts.googleapis.com/css?family=Pacifico');
|
||||
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var(--charity-primary);
|
||||
--secundary-color: var(--charity-secundary);
|
||||
--headline-color: var();
|
||||
--paragraph-color: var();
|
||||
--background-color: var();
|
||||
}
|
||||
|
||||
/* ========== HEADER COLOR RESET ========== */
|
||||
ul.top-contact li a:hover {
|
||||
color: var(--primary-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.social-list li a:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.top-social .btn-default:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
/* ========== FOOTER COLOR RESET ========== */
|
||||
.footer-terms a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.footer-copyright p a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.quick-links li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.footer-contact li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.footer-social li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.cd-top {
|
||||
background: var(--primary-color) url(../../../images/icons/cd-top-arrow.svg) no-repeat center 50%;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
NAME.
|
||||
===================================== */
|
||||
.front-section{
|
||||
width: 100%;
|
||||
height: 310px;
|
||||
background: var(--primary-color);
|
||||
color: #FFF;
|
||||
position: relative;
|
||||
margin-top: -20px;
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.front-section h1{
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
font-family: 'Pacifico', cursive;
|
||||
color: #FFFFFF;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.front-boxes{
|
||||
position: relative;
|
||||
margin-top: -150px;
|
||||
}
|
||||
|
||||
.span-charity{
|
||||
background: #fff;
|
||||
padding: 50px 20px 50px 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.span-charity:before, .span-charity:after{
|
||||
z-index: -1;
|
||||
position: absolute;
|
||||
content: "";
|
||||
bottom: 15px;
|
||||
left: 10px;
|
||||
width: 50%;
|
||||
top: 80%;
|
||||
max-width:300px;
|
||||
background: #777;
|
||||
-webkit-box-shadow: 0 15px 10px #777;
|
||||
-moz-box-shadow: 0 15px 10px #777;
|
||||
box-shadow: 0 15px 10px #777;
|
||||
-webkit-transform: rotate(-3deg);
|
||||
-moz-transform: rotate(-3deg);
|
||||
-o-transform: rotate(-3deg);
|
||||
-ms-transform: rotate(-3deg);
|
||||
transform: rotate(-3deg);
|
||||
}
|
||||
|
||||
.span-charity:after{
|
||||
-webkit-transform: rotate(3deg);
|
||||
-moz-transform: rotate(3deg);
|
||||
-o-transform: rotate(3deg);
|
||||
-ms-transform: rotate(3deg);
|
||||
transform: rotate(3deg);
|
||||
right: 10px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.span-charity h4{
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.span-charity p{
|
||||
line-height: 1.8;
|
||||
text-align: center;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.charity-icon{
|
||||
width: 50px;
|
||||
margin: auto;
|
||||
}
|
||||
.charity-icon img{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.front-message{
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.charity-center-title {
|
||||
text-align: center;
|
||||
max-width: 800px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
/* ========== #### ========== */
|
||||
.charities-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.charities-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
.charities-carousel .owl-carousel .item{
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.charities-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.charities-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--owl-dots);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.charities-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.charities-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.charity-card{
|
||||
background-color: #FFFFFF;
|
||||
padding: 10px;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
}
|
||||
|
||||
.charity-caption{
|
||||
padding: 15px;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.charity-caption .tp-btn-primary{
|
||||
background-color: var(--secundary-color);
|
||||
border-color: var(--secundary-color);
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.campaign-progress {
|
||||
height: 15px;
|
||||
margin: 10px 0px 15px 0px;
|
||||
overflow: hidden;
|
||||
background-color: #e6e6e6;
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.campaign-progress-bar {
|
||||
float: left;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
font-size: 13px;
|
||||
line-height: 15px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
background-color: #FA5F05;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
-webkit-transition: width .6s ease;
|
||||
-o-transition: width .6s ease;
|
||||
transition: width .6s ease;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
.campaign-layer p{
|
||||
font-size: 14px;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.campaign-layer .goal{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.charity-caption h3{
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
/* ========== #### ========== */
|
||||
.tp-counter-parallax{
|
||||
background-image: url("../../../images/commons/home-niches/charity/img17.jpg");
|
||||
height: 500px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tp-counter-content {
|
||||
margin: 0px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
.tp-counter-content h5{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.tp-counter-content h2{
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.tp-counter-content p{
|
||||
color: #FFFFFF;
|
||||
margin: 20px 0px 35px;
|
||||
}
|
||||
|
||||
.tp1-counter-box{
|
||||
background-color: #FFFFFF;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
.tp1-counter-box{
|
||||
background-color: #FFFFFF;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.mo-counter{
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.mo-counter-thumb{
|
||||
width: 60px;
|
||||
flex-shrink: 0 !important;
|
||||
}
|
||||
|
||||
.tp-cb-caption{
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.tp-cb-caption .counter{
|
||||
font-family: var(--base-font);
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
color: var(--headline-color);
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tp-cb-caption p{
|
||||
font-size: 10px;
|
||||
line-height: 1.3;
|
||||
color: var(--paragraph-color);
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.moc-center{
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
/* ========== #### ========== */
|
||||
.news-card-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.news-card-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
.news-card-carousel .owl-carousel .item{
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.news-card-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.news-card-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--owl-dots);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.news-card-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.news-card-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.nc-date{
|
||||
background-color: var(--primary-color);
|
||||
height: 60px;
|
||||
padding: 8px 0px;
|
||||
}
|
||||
|
||||
.nc-date h4, .nc-date p{
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.nc-date p{
|
||||
font-size: 14px;
|
||||
margin-top: -2px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.nc-comment{
|
||||
background-color: var(--primary-color);
|
||||
height: 60px;
|
||||
padding: 8px 0px;
|
||||
text-align: center;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.nc-comment .fas{
|
||||
font-size: 20px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.nc-comment p{
|
||||
color: #FFFFFF;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
margin: -3px 0 0px;
|
||||
}
|
||||
|
||||
.nc-right-layer{
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.nc-right-layer h3{
|
||||
font-size: 20px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.nc-right-layer h3 a{
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.nc-right-layer p{
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
/* ========== #### ========== */
|
||||
/* ========== #### ========== */
|
||||
/* ========== #### ========== */
|
||||
/* ========== #### ========== */
|
||||
/* ========== #### ========== */
|
||||
/* ========== #### ========== */
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1200px) {
|
||||
|
||||
}
|
||||
@media (max-width:991px) {
|
||||
|
||||
}
|
||||
@media (max-width:767px) {
|
||||
.tp-counter-parallax{
|
||||
height: 100%;
|
||||
padding: 60px 0px;
|
||||
}
|
||||
|
||||
.tp-counter-content {
|
||||
margin: 0px;
|
||||
position: relative;
|
||||
top: auto;
|
||||
-ms-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.tp1-counter-box{
|
||||
padding: 10px;
|
||||
width: 200px;
|
||||
margin: 5px 0px;
|
||||
}
|
||||
|
||||
}
|
||||
@media (max-width:576px) {
|
||||
.news-card-caption .nc-left-layer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.front-section{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin-top: 0px;
|
||||
padding: 40px 15px;
|
||||
}
|
||||
|
||||
.front-boxes{
|
||||
position: relative;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.front-section h1{
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.campaign-layer .goal{
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
@media (max-width:480px) {
|
||||
.front-section h1{
|
||||
font-size: 30px;
|
||||
line-height: 1.3;
|
||||
|
||||
}
|
||||
}
|
||||
390
public/sunsari/css/partials/niches/cleaning.css
Normal file
390
public/sunsari/css/partials/niches/cleaning.css
Normal file
@@ -0,0 +1,390 @@
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var(--cleaning-primary);
|
||||
--secundary-color: var();
|
||||
--headline-color: var(--cleaning-headline-color);
|
||||
--paragraph-color: var();
|
||||
--background-color: var();
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
NAME.
|
||||
===================================== */
|
||||
/* ========== SERVICES ========== */
|
||||
.front-carousel-alt {
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.front-carousel-alt .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.front-carousel-alt .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.front-carousel-alt .owl-dots button.owl-dot {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.box-layer {
|
||||
background-color: var(--secundary-color);
|
||||
margin: 0px 15px;
|
||||
padding: 25px 15px 30px;
|
||||
}
|
||||
|
||||
.bl-icon {
|
||||
width: 50px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.box-layer h4 {
|
||||
color: #FFF;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
margin: 10px 0px;
|
||||
}
|
||||
|
||||
.box-layer p {
|
||||
color: #FFF;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
line-height: 18px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/* ========== ABOUT US ========== */
|
||||
.about-left {
|
||||
padding: 30px 50px 0px 0px;
|
||||
}
|
||||
|
||||
.about-left h5.overheadline {
|
||||
font-size: 16px;
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.about-left .tp-btn-primary {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.span-more-options {
|
||||
margin-top: 40px;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.span-more-options .signature {
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
.phone-contat-layer h4 a {
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.phone-contat-layer h6 {
|
||||
text-transform: uppercase;
|
||||
color: var(--paragraph-color);
|
||||
}
|
||||
|
||||
/* ========== CLEANING WIDE SECTION ========== */
|
||||
.ws-left-img-side {
|
||||
background-image: url("../../../images/commons/home-niches/cleaning/slider1.jpg");
|
||||
height: 550px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ws-right-content-side {
|
||||
height: 550px;
|
||||
background-color: var(--primary-color);
|
||||
margin: 50px 0 0 -120px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ws-right-content-box {
|
||||
margin: 0px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
left: 80px;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.ws-right-content-box h5,
|
||||
.ws-right-content-box h2,
|
||||
.ws-right-content-box p {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.ws-right-content-box h5.overheadline {
|
||||
text-transform: uppercase;
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.span-ws-layer {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.span-ws-layer .row {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
margin-right: -15px;
|
||||
margin-left: -15px;
|
||||
}
|
||||
|
||||
.ha-icon {
|
||||
width: 50px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* ========== CENTER TESTIMONIALS ========== */
|
||||
.corporate-center-testimonial {
|
||||
margin-top: -50px;
|
||||
padding-top: 7.5rem;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-carousel .item .tp-card-center {
|
||||
margin: 50px 10px 10px;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--owl-dots);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.center-testimonial-card .tp-avatar {
|
||||
width: 80px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.center-testimonial-card .tp-testimonial-content {
|
||||
font-size: 18px;
|
||||
font-style: italic;
|
||||
max-width: 600px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
|
||||
.testimonial-author {
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.autor-profession {
|
||||
text-align: center;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/** Call To Action **/
|
||||
.call-action-wrapper {
|
||||
background-color: var(--primary-color);
|
||||
padding: 50px 0px;
|
||||
}
|
||||
|
||||
/* ========== TEAM CAROUSEL ========== */
|
||||
.cleaning-team-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.cleaning-team-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cleaning-team-carousel .owl-carousel .item {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.cleaning-team-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.cleaning-team-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--owl-dots);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.cleaning-team-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.cleaning-team-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* ========== TEAM CAROUSEL CARD STYLES ========== */
|
||||
.tc-v1-portrait {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tc-v1-portrait .tc-v1-caption {
|
||||
position: absolute;
|
||||
background-color: rgb(0, 0, 0, 0.6);
|
||||
width: 100%;
|
||||
height: 90px;
|
||||
text-align: center;
|
||||
bottom: 0px;
|
||||
padding: 15px;
|
||||
-webkit-transition: all 0.3s ease-in-out 0s;
|
||||
-moz-transition: all 0.3s ease-in-out 0s;
|
||||
-ms-transition: all 0.3s ease-in-out 0s;
|
||||
-o-transition: all 0.3s ease-in-out 0s;
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
}
|
||||
|
||||
.tc-v1-portrait:hover .tc-v1-caption {
|
||||
height: 140px;
|
||||
}
|
||||
|
||||
.tc-v1-caption h3 {
|
||||
color: #FFF;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tc-v1-caption p {
|
||||
color: #FFF;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tc-v1-portrait ul.team-social li {
|
||||
display: inherit;
|
||||
display: inline-block;
|
||||
margin: 15px 5px 0px;
|
||||
}
|
||||
|
||||
ul.team-social li a {
|
||||
font-size: 18px;
|
||||
color: var(--secundary-color);
|
||||
}
|
||||
|
||||
/* ========== HOME CONTACT ========== */
|
||||
.tp-contact1-parallax {
|
||||
background-image: url("../../../images/commons/home-niches/cleaning/washla-2.jpg");
|
||||
height: 650px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tp-contact1-parallax:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-image: linear-gradient(to bottom right, var(--headline-color), var(--headline-color));
|
||||
opacity: 0.5;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1200px) {}
|
||||
|
||||
@media (max-width:991px) {
|
||||
.about-left {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.ws-left-img-side {
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.ws-right-content-side {
|
||||
height: auto;
|
||||
background-color: var(--primary-color);
|
||||
padding: 0px;
|
||||
position: relative;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.ws-right-content-box {
|
||||
margin: 0px;
|
||||
position: relative;
|
||||
top: auto;
|
||||
-ms-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
padding: 50px 30px;
|
||||
}
|
||||
|
||||
.cp-content-side {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:767px) {
|
||||
.ws-box-bottom {
|
||||
margin-top: 20px;
|
||||
;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:576px) {
|
||||
.span-more-options {
|
||||
margin-top: 40px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.phone-contat-layer {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.center-testimonial-card .tp-testimonial-content {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:480px) {}
|
||||
422
public/sunsari/css/partials/niches/construction.css
Normal file
422
public/sunsari/css/partials/niches/construction.css
Normal file
@@ -0,0 +1,422 @@
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var(--construction-primary);
|
||||
--secundary-color: var(--construction-secundary);
|
||||
--headline-color: var();
|
||||
--paragraph-color: var();
|
||||
--background-color: var();
|
||||
}
|
||||
|
||||
/* ========== HEADER COLOR RESET ========== */
|
||||
ul.top-contact li a:hover {
|
||||
color: var(--primary-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.social-list li a:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.top-social .btn-default:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
/* ========== FOOTER COLOR RESET ========== */
|
||||
.footer-terms a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.footer-copyright p a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.quick-links li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.footer-contact li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.footer-social li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.cd-top {
|
||||
background: var(--primary-color) url(../../../images/icons/cd-top-arrow.svg) no-repeat center 50%;
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.footer-btn .tp-btn-primary{
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
CONSTRUCTION.
|
||||
===================================== */
|
||||
.tp-construction-about-content {
|
||||
margin-top: 70px;
|
||||
}
|
||||
|
||||
.tp-construction-services-layer {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.tp-construction-box {
|
||||
margin: 15px 5px;
|
||||
}
|
||||
|
||||
.tp-construction-service-icons {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.tp-construction-box h4 {
|
||||
font-size: 18px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.tp-construction-box p {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.tp-construction-headline {
|
||||
border-left: solid 5px var(--primary-color);
|
||||
padding-left: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.tp-construction-headline h5 {
|
||||
font-size: 16px;
|
||||
text-transform: uppercase;
|
||||
color: var(--secundary-color);
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tp-construction-panel-aside {
|
||||
background-color: var(--construction-secundary);
|
||||
padding: 25px 20px;
|
||||
}
|
||||
|
||||
.tp-construction-panel-center {
|
||||
background-color: var(--construction-primary);
|
||||
padding: 25px 20px;
|
||||
}
|
||||
|
||||
.stripe-icon {
|
||||
width: 55px;
|
||||
}
|
||||
|
||||
.tp-construction-panel-aside h4 {
|
||||
color: #FFF;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.tp-construction-panel-aside p {
|
||||
color: #FFF;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
|
||||
.tp-construction-panel-center h4 {
|
||||
color: var(--headline-color);
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.tp-construction-panel-center p {
|
||||
color: var(--headline-color);
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/* ========== SERVICES ========== */
|
||||
.icon-boxes {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #FFF;
|
||||
text-align: center;
|
||||
padding: 35px 20px 40px 20px;
|
||||
}
|
||||
|
||||
.ib-icon {
|
||||
width: 60px;
|
||||
margin: auto auto 15px;
|
||||
}
|
||||
|
||||
.icon-boxes p {
|
||||
text-align: center;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.icon-boxes h4 {
|
||||
text-align: center;
|
||||
color: #333;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* ========== WIDE SECTION LAYER ========== */
|
||||
.ws-img-left-layer img {
|
||||
/* background-image: url(../../../images/uploads/img80.jpg); */
|
||||
height: 550px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgb(6 22 58 / 14%);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgb(6 22 58 / 14%);
|
||||
}
|
||||
|
||||
.ws-info-right-layer {
|
||||
height: 550px;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgb(6 22 58 / 14%);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgb(6 22 58 / 14%);
|
||||
margin-top: 50px;
|
||||
margin-left: -100px;
|
||||
background-color: #FFF;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ws-right-content {
|
||||
margin: 0px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
padding: 0px 60px;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.span-ws-layer {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.span-ws-layer .row {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
margin-right: -15px;
|
||||
margin-left: -15px;
|
||||
}
|
||||
|
||||
.ha-icon {
|
||||
width: 50px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.counter-layer {
|
||||
background-color: var(--headline-color);
|
||||
padding: 120px 0px 80px;
|
||||
margin-top: -50px;
|
||||
}
|
||||
|
||||
.counter-layer .outstanding-stat .counter {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.counter-layer .outstanding-stat p {
|
||||
color: #FFF;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
h5.overheadline {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
/* ========== TEAM ========== */
|
||||
.team-card-box {
|
||||
background-color: var(--background-color);
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.team-carousel-2 .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.team-caption p.profession {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
/* ========== NEWS CAROUSEL ========== */
|
||||
.news-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.news-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.news-carousel .owl-carousel .item .news-box {
|
||||
margin: auto 10px;
|
||||
}
|
||||
|
||||
.news-carousel .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nb-thumb {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.nb-avatar {
|
||||
width: 50px !important;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.nb-caption {
|
||||
width: 250px;
|
||||
padding: 15px;
|
||||
margin-top: -80px;
|
||||
background-color: hsl(241, 94%, 20%);
|
||||
z-index: 10;
|
||||
position: relative;
|
||||
border-top-right-radius: 10px;
|
||||
|
||||
}
|
||||
|
||||
.nb-caption .moc-caption h4 {
|
||||
font-size: 15px;
|
||||
color: #fff;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.nb-caption .moc-caption p {
|
||||
font-size: 14px;
|
||||
color: var(--paragraph-color);
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.nb-caption .flex-grow-1 {
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
.nb-caption-bottom {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.nb-caption-bottom h4 a {
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.moc-thumbnail {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1800px) {
|
||||
.ws-right-content {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:1600px) {
|
||||
.ws-right-content {
|
||||
padding: 0px 60px;
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:1300px) {
|
||||
.ws-right-content {
|
||||
padding: 0px 60px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width:1200px) {
|
||||
.tp-construction-portrait {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tp-construction-about-content {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.tp-construction-about-content {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:991px) {
|
||||
.r-991-mt-3 {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.ws-right-content {
|
||||
margin: 0px;
|
||||
position: relative;
|
||||
top: auto;
|
||||
-ms-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
padding: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ws-info-right-layer {
|
||||
height: 100%;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
margin-top: 0px;
|
||||
margin-left: 0px;
|
||||
background-color: #FFF;
|
||||
position: relative;
|
||||
padding: 60px 35px;
|
||||
}
|
||||
|
||||
.ws-img-left-layer {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:767px) {
|
||||
.r-767-mt-3 {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.outstanding-stat {
|
||||
margin: 20px 0px;
|
||||
}
|
||||
|
||||
.team-card-box {
|
||||
max-width: 400px;
|
||||
margin: auto !important;
|
||||
}
|
||||
|
||||
.nb-caption {
|
||||
width: 100%;
|
||||
padding: 25px 25px 15px;
|
||||
margin-top: -60px;
|
||||
background-color: #FFF;
|
||||
z-index: 10;
|
||||
position: relative;
|
||||
border-top-right-radius: 0px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.nb-avatar {
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:576px) {
|
||||
.nb-caption {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:480px) {}
|
||||
465
public/sunsari/css/partials/niches/corporate.css
Normal file
465
public/sunsari/css/partials/niches/corporate.css
Normal file
@@ -0,0 +1,465 @@
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var(--corporate-primary);
|
||||
--secundary-color: var(--corporate-secundary);
|
||||
--headline-color: var();
|
||||
--paragraph-color: var();
|
||||
--background-color: var();
|
||||
}
|
||||
|
||||
/* ========== HEADER COLOR RESET ========== */
|
||||
ul.top-contact li a:hover {
|
||||
color: var(--primary-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.social-list li a:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.top-social .btn-default:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
/* ========== FOOTER COLOR RESET ========== */
|
||||
.footer-terms a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.footer-copyright p a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.quick-links li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.footer-contact li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.footer-social li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.cd-top {
|
||||
background: var(--primary-color) url(../../../images/icons/cd-top-arrow.svg) no-repeat center 50%;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
CORPORATE.
|
||||
===================================== */
|
||||
/* ========== CORPORATE ABOUT ========== */
|
||||
.corporate-about {
|
||||
padding: 15px 30px 0 0;
|
||||
}
|
||||
|
||||
.tp-signature {
|
||||
width: 200px;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.corporate-gallery-grid .row .col-md-6 {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
/* ========== CORPORATE SERVICES ========== */
|
||||
.serv-box-icon {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.corporate-serv-box {
|
||||
background-color: #F9F9F9;
|
||||
padding: 35px 25px 35px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.corporate-serv-box h3 {
|
||||
font-size: 20px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.corporate-serv-box p {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.box-number {
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.box-number h4 {
|
||||
font-size: 40px;
|
||||
color: #cccccc;
|
||||
}
|
||||
|
||||
/* ========== CORPORATE WIDE SECTION ========== */
|
||||
.ws-left-img-side {
|
||||
background-image: url("../../../images/commons/home-niches/coportate/corporate-1.jpg");
|
||||
height: 500px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ws-right-content-side {
|
||||
height: 500px;
|
||||
background-color: var(--primary-color);
|
||||
margin: 50px 0 0 -120px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ws-right-content-box {
|
||||
margin: 0px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
left: 80px;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.ws-right-content-box h5,
|
||||
.ws-right-content-box h2,
|
||||
.ws-right-content-box p {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.ws-right-content-box h5.overheadline {
|
||||
text-transform: uppercase;
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.span-ws-layer {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.span-ws-layer .row {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
margin-right: -15px;
|
||||
margin-left: -15px;
|
||||
}
|
||||
|
||||
.ha-icon {
|
||||
width: 50px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* ========== CENTER TESTIMONIALS ========== */
|
||||
.corporate-center-testimonial {
|
||||
margin-top: -50px;
|
||||
padding-top: 7.5rem;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-carousel .item .tp-card-center {
|
||||
margin: 50px 10px 10px;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--owl-dots);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.center-testimonial-card .tp-avatar {
|
||||
width: 80px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.center-testimonial-card .tp-testimonial-content {
|
||||
font-size: 18px;
|
||||
font-style: italic;
|
||||
max-width: 600px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
|
||||
.testimonial-author {
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.autor-profession {
|
||||
text-align: center;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/** Call To Action **/
|
||||
.call-action-wrapper {
|
||||
background-color: var(--primary-color);
|
||||
padding: 50px 0px;
|
||||
}
|
||||
|
||||
/* ========== WHY US ========== */
|
||||
.tp-why-us-left-side {
|
||||
padding: 20px 30px 0 0;
|
||||
}
|
||||
|
||||
.tp-why-us-left-side h5.overheadline {
|
||||
text-transform: uppercase;
|
||||
color: var(--primary-color);
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.mc-flex-box-layer {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.tp-flex-box {
|
||||
padding: 15px;
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.tp-media-object {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.tp-media-object .tp-media-img {
|
||||
width: 90px;
|
||||
}
|
||||
|
||||
.tp-media-caption {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
||||
.tp-media-caption h4 {
|
||||
font-size: 18px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.tp-media-caption p {
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tp-why-us-right-side {
|
||||
background-image: url("../../../images/commons/home-niches/coportate/img31.jpg");
|
||||
height: 520px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* ========== YOUTUBE POPUP ========== */
|
||||
.popup-youtube {
|
||||
position: absolute;
|
||||
top: auto;
|
||||
left: auto;
|
||||
bottom: 80px;
|
||||
right: 80px;
|
||||
transform: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.popup-youtube .video-image {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.popup-youtube .video-image img {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.popup-youtube .video-image img a:link {
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.popup-youtube .video-image img a:visited {
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.popup-youtube .video-image img a:hover {
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.popup-youtube .video-image img a:active {
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
/* ========== PULSING BTN ========== */
|
||||
.pulse {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
background: var(--corporate-primary);
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
color: #FFF;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
line-height: 70px;
|
||||
font-size: 30px;
|
||||
transform: translate(-50%, -50%);
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.pulse::before,
|
||||
.pulse::after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
border: 1px solid var(--corporate-primary);
|
||||
top: -15px;
|
||||
right: -15px;
|
||||
left: -15px;
|
||||
bottom: -15px;
|
||||
animation: pulse 1.5s linear infinite;
|
||||
}
|
||||
|
||||
.pulse::after {
|
||||
animation-delay: .5s;
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0% {
|
||||
transform: scale(0.5);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
to {
|
||||
transform: scale(1.2);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ========== HOME CONTACT ========== */
|
||||
.tp-contact1-parallax{
|
||||
background-image: url("../../../images/commons/home-niches/coportate/corporate-2.jpg");
|
||||
height: 650px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tp-contact1-parallax:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-image: linear-gradient(to bottom right, var(--headline-color), var(--headline-color));
|
||||
opacity: 0.7;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1600px) {
|
||||
.ws-right-content-box {
|
||||
width: 85%;
|
||||
left: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:1200px) {
|
||||
.csb-lg-mt-1 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:991px) {
|
||||
.ws-left-img-side {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.ws-right-content-side {
|
||||
height: 100%;
|
||||
background-color: var(--primary-color);
|
||||
margin: 0px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ws-right-content-box {
|
||||
margin: 0px;
|
||||
position: relative;
|
||||
top: auto;
|
||||
-ms-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
left: 0;
|
||||
width: 100%;
|
||||
padding: 50px 35px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:767px) {
|
||||
.csb-md-mt-1 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:576px) {
|
||||
.tp-why-us-left-side {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.center-testimonial-card .tp-testimonial-content {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:480px) {
|
||||
.tp-media-object {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.tp-media-object .tp-media-img {
|
||||
margin: auto auto 15px;
|
||||
}
|
||||
|
||||
.tp-media-caption {
|
||||
margin-left: 0rem;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
607
public/sunsari/css/partials/niches/dealer.css
Normal file
607
public/sunsari/css/partials/niches/dealer.css
Normal file
@@ -0,0 +1,607 @@
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var(--dealer-primary);
|
||||
--secundary-color: var(--dealer-secundary);
|
||||
--headline-color: var();
|
||||
--paragraph-color: var();
|
||||
--background-color: var();
|
||||
}
|
||||
|
||||
/* ========== COLOR RESET ========== */
|
||||
ul.top-contact li a:hover {
|
||||
color: var(--primary-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.social-list li a:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.top-social .btn-default:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
/* ========== FOOTER COLOR RESET ========== */
|
||||
.footer-terms a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.footer-copyright p a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.quick-links li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.footer-contact li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.footer-social li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.cd-top {
|
||||
background: var(--primary-color) url(../../../images/icons/cd-top-arrow.svg) no-repeat center 50%;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
DEALER.
|
||||
===================================== */
|
||||
.front-search {
|
||||
margin-top: -150px;
|
||||
margin-bottom: 60px;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.front-search-container {
|
||||
background: #f0f0f0;
|
||||
height: 260px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.left-side .row .col-md-4 .form-group .select-form .form-control {
|
||||
height: 40px;
|
||||
font-size: 14px;
|
||||
border-radius: 0px;
|
||||
color: #999;
|
||||
border: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.left-side .row .col-md-4 .form-group .select-form .form-control {
|
||||
color: #212529;
|
||||
background-color: #fff;
|
||||
border-color: none;
|
||||
outline: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.left-side .row .col-md-4 .form-group label {
|
||||
font-weight: 700;
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.left-side .row .col-md-4 .form-group .select-form {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.left-side .row .col-md-4 .form-group {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.left-side {
|
||||
float: left;
|
||||
width: 60%;
|
||||
height: 260px;
|
||||
padding: 40px 30px 40px 30px;
|
||||
}
|
||||
|
||||
.right-side {
|
||||
float: right;
|
||||
width: 40%;
|
||||
background: var(--dealer-primary);
|
||||
height: 260px;
|
||||
padding: 40px 30px 40px 30px;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.price-range .ui-button.ui-state-disabled:hover,
|
||||
.price-range .ui-button.ui-state-disabled:active {
|
||||
border: 1px solid #fff;
|
||||
background: #fff;
|
||||
font-weight: normal;
|
||||
color: #454545;
|
||||
}
|
||||
|
||||
.price-range label {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.btn-search {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.price-slider {
|
||||
margin: 15px 0px 15px 0px;
|
||||
}
|
||||
|
||||
.rank-label {
|
||||
background: transparent;
|
||||
border: none;
|
||||
font-weight: 500;
|
||||
color: #FFF;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.ui-state-default,
|
||||
.ui-widget-content .ui-state-default,
|
||||
.ui-widget-header .ui-state-default,
|
||||
.ui-button,
|
||||
|
||||
/* We use html here because we need a greater specificity to make sure disabled
|
||||
works properly when clicked or hovered */
|
||||
html .ui-button.ui-state-disabled:hover,
|
||||
html .ui-button.ui-state-disabled:active {
|
||||
border: 1px solid #FFF;
|
||||
background: #FFF;
|
||||
font-weight: normal;
|
||||
color: #454545;
|
||||
}
|
||||
|
||||
.ui-state-default a,
|
||||
.ui-state-default a:link,
|
||||
.ui-state-default a:visited,
|
||||
a.ui-button,
|
||||
a:link.ui-button,
|
||||
a:visited.ui-button,
|
||||
.ui-button {
|
||||
color: #454545;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.ui-state-hover,
|
||||
.ui-widget-content .ui-state-hover,
|
||||
.ui-widget-header .ui-state-hover,
|
||||
.ui-state-focus,
|
||||
.ui-widget-content .ui-state-focus,
|
||||
.ui-widget-header .ui-state-focus,
|
||||
.ui-button:hover,
|
||||
.ui-button:focus {
|
||||
border: 1px solid #CC0023;
|
||||
background: #333;
|
||||
font-weight: normal;
|
||||
color: #2b2b2b;
|
||||
}
|
||||
|
||||
.ui-state-hover a,
|
||||
.ui-state-hover a:hover,
|
||||
.ui-state-hover a:link,
|
||||
.ui-state-hover a:visited,
|
||||
.ui-state-focus a,
|
||||
.ui-state-focus a:hover,
|
||||
.ui-state-focus a:link,
|
||||
.ui-state-focus a:visited,
|
||||
a.ui-button:hover,
|
||||
a.ui-button:focus {
|
||||
color: #2b2b2b;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.ui-visual-focus {
|
||||
box-shadow: none
|
||||
}
|
||||
|
||||
.ui-state-active,
|
||||
.ui-widget-content .ui-state-active,
|
||||
.ui-widget-header .ui-state-active,
|
||||
a.ui-button:active,
|
||||
.ui-button:active,
|
||||
.ui-button.ui-state-active:hover {
|
||||
border: 1px solid #333;
|
||||
background: #333;
|
||||
font-weight: normal;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.box-front-dealer {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.cd-top {
|
||||
background: var(--primary-color) url(../../../images/icons/cd-top-arrow.svg) no-repeat center 50%;
|
||||
}
|
||||
|
||||
/* ========== ABOUT US ========== */
|
||||
h5.overheadline {
|
||||
color: var(--primary-color);
|
||||
text-transform: uppercase;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.home-about {
|
||||
padding-right: 50px;
|
||||
}
|
||||
|
||||
.home-icon-box h3 {
|
||||
font-size: 20px;
|
||||
margin: 15px 0px 5px;
|
||||
}
|
||||
|
||||
.icon-pic {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.home-about .tp-btn-primary {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
/* ========== SERVICES ========== */
|
||||
.bg-wrapper {
|
||||
padding: 1rem 0rem;
|
||||
}
|
||||
|
||||
#bigHalfCircle path {
|
||||
fill: #F7FAFA;
|
||||
stroke: #F7FAFA;
|
||||
}
|
||||
|
||||
/* Big triangle with shadow */
|
||||
#trianglePath1 {
|
||||
fill: #F7FAFA;
|
||||
stroke: #F7FAFA;
|
||||
}
|
||||
|
||||
#trianglePath2 {
|
||||
fill: #CC0023;
|
||||
stroke: #CC0023;
|
||||
}
|
||||
|
||||
#bigTriangleShadow {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.about-service-icon {
|
||||
width: 60px;
|
||||
float: left;
|
||||
margin: 0px 15px 20px 0px;
|
||||
}
|
||||
|
||||
.inner-service-bar h5 {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.inner-service-bar p {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
/* ========== LISTING CAROUSEL ========== */
|
||||
.listing-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.listing-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.listing-carousel .owl-carousel .item .listing-thumb {
|
||||
margin: 0px 10px;
|
||||
}
|
||||
|
||||
.listing-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.listing-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--owl-dots);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.listing-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.listing-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.listing-thumb {
|
||||
display: block;
|
||||
height: auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
transition: .5s ease;
|
||||
background-color: rgb(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.listing-caption {
|
||||
position: absolute;
|
||||
bottom: 30px;
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
.listing-caption h3 {
|
||||
color: #FFF;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.listing-caption .tp-btn-primary {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.listing-details {
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.listing-details-block p {
|
||||
margin-bottom: 0px;
|
||||
color: #FFF;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.listing-details-block h4 {
|
||||
margin-bottom: 0px;
|
||||
color: #FFF;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.ld-center {
|
||||
margin: auto 30px;
|
||||
}
|
||||
|
||||
/* ========== HOME CONTACT ========== */
|
||||
.tp-contact1-parallax {
|
||||
background-image: url("../../../images/commons/home-niches/dealer/pages-bg.jpg");
|
||||
height: 650px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tp-contact1-parallax:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-image: linear-gradient(to bottom right, var(--headline-color), var(--headline-color));
|
||||
opacity: 0.8;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* ========== TESTIMONIALS ========== */
|
||||
.testimonials-layer .media {
|
||||
margin: 25px 0px;
|
||||
padding: 25px;
|
||||
background-color: #FFF;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tp-media-object {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.tp-media-object .tp-media-img {
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
.tp-media-object h5 {
|
||||
font-size: 18px;
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.tp-media-caption {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.testimonials-layer .media h5 {
|
||||
font-size: 18px;
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.tp-media-caption p {
|
||||
font-size: 13px;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.quote-icon {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.quote-icon .fas {
|
||||
font-size: 20px;
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.tl-layer {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.about-testimonials {
|
||||
margin: 0px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
padding-right: 5rem;
|
||||
}
|
||||
|
||||
.about-testimonials h5 {
|
||||
color: var(--primary-color);
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.about-testimonials h2 {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
/* ========== CLIENTS CAROUSEL ========== */
|
||||
.partners-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.partners-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.partners-carousel .owl-carousel .item .partner-logo {
|
||||
margin: auto 10px;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.partners-carousel .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1200px) {
|
||||
.inner-service-bar {
|
||||
margin: 10px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:991px) {
|
||||
.front-search {
|
||||
margin-top: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.front-search-container {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.front-search-container .form-control {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.left-side {
|
||||
float: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.right-side {
|
||||
float: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.home-about {
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.about-testimonials {
|
||||
margin: 0px;
|
||||
position: relative;
|
||||
top: auto;
|
||||
-ms-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
padding-right: 0rem;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:767px) {
|
||||
.hic-mt {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:576px) {
|
||||
.testimonials-layer .d-md-flex {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.testimonials-layer .flex-shrink-0 {
|
||||
flex-shrink: auto !important;
|
||||
}
|
||||
|
||||
.about-service-icon {
|
||||
width: 60px;
|
||||
float: none;
|
||||
margin: 0px 15px 20px 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:480px) {
|
||||
.tp-media-object {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.tp-media-object .tp-media-img {
|
||||
width: 90px;
|
||||
margin: auto auto 15px;
|
||||
}
|
||||
|
||||
.tp-media-caption {
|
||||
margin-left: 0rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.listing-details {
|
||||
margin-top: 20px;
|
||||
display: block;
|
||||
align-items: left;
|
||||
justify-content: left;
|
||||
}
|
||||
|
||||
.ld-center {
|
||||
margin: 15px auto;
|
||||
}
|
||||
|
||||
.partners-carousel .owl-carousel .item .partner-logo {
|
||||
margin: auto 10px;
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:380px) {
|
||||
.listing-details {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
579
public/sunsari/css/partials/niches/dental.css
Normal file
579
public/sunsari/css/partials/niches/dental.css
Normal file
@@ -0,0 +1,579 @@
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var(--dental-primary);
|
||||
--secundary-color: var(--dental-secundary);
|
||||
--headline-color: var();
|
||||
--paragraph-color: var();
|
||||
--background-color: var();
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
DENTAL.
|
||||
===================================== */
|
||||
|
||||
/* ========== FRONT BOXES ========== */
|
||||
.dental-front-layers {
|
||||
margin-top: -120px;
|
||||
z-index: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dental-box {
|
||||
padding: 40px 30px;
|
||||
height: 260px;
|
||||
}
|
||||
|
||||
.db-left {
|
||||
background-color: var(--secundary-color);
|
||||
}
|
||||
|
||||
.db-center {
|
||||
background-color: #314881;
|
||||
}
|
||||
|
||||
.db-right {
|
||||
background-color: var(--primary-color);
|
||||
}
|
||||
|
||||
.dental-box h5 {
|
||||
font-size: 18px;
|
||||
color: #FFF;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.moc-thumbnail {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.moc-caption h4 {
|
||||
font-size: 18px;
|
||||
color: #FFF;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.moc-caption p {
|
||||
color: #FFF;
|
||||
font-size: 14px;
|
||||
margin-bottom: 0px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.phone-call-layer {
|
||||
margin: 30px 0px 0px 60px;
|
||||
}
|
||||
|
||||
.phone-call-layer .tp-media-object {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.phone-call-layer .tp-media-object .tp-media-icon {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.phone-call-layer .tp-media-object h5 {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.phone-call-layer .tp-media-caption {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.phone-call-layer .tp-media-caption a {
|
||||
color: #FFF;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.schedule-layer {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.schedule-layer .list-group {
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
.schedule-layer .list-group-item {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 10px 0px;
|
||||
color: #FFF;
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
border-bottom: solid 1px rgba(255, 255, 255, 0.5);
|
||||
border-radius: 0px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.no-border {
|
||||
border-bottom: none !important;
|
||||
padding-bottom: 0px !important;
|
||||
}
|
||||
|
||||
.schedule-layer .list-group-item .badge {
|
||||
font-size: 13px;
|
||||
font-family: var(--base-font);
|
||||
font-weight: normal;
|
||||
background-color: transparent !important
|
||||
}
|
||||
|
||||
.sl-heading {
|
||||
clear: both;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
|
||||
.sl-heading h5 {
|
||||
font-size: 18px;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.sl-heading-icon {
|
||||
width: 50px;
|
||||
float: left;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.dental-box .btn-layer {
|
||||
margin: 30px 0px 0px 60px;
|
||||
}
|
||||
|
||||
.btn-layer .tp-btn-primary {
|
||||
background-color: transparent;
|
||||
border: solid 1px rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.btn-layer .tp-btn-primary:hover {
|
||||
color: var(--primary-color) !important;
|
||||
background-color: #FFF;
|
||||
border: solid 1px #FFF;
|
||||
}
|
||||
|
||||
/* ========== CAROUSEL ========== */
|
||||
.dental-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dental-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dental-carousel .owl-carousel .item {
|
||||
margin: 20px 10px;
|
||||
}
|
||||
|
||||
.dental-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.dental-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--owl-dots);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.dental-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.dental-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.services-card {
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
background-color: #FFF;
|
||||
padding: 25px 25px 35px;
|
||||
}
|
||||
|
||||
.sc-thumbnail {
|
||||
margin-top: -50px;
|
||||
}
|
||||
|
||||
.services-card .sc-circle-icon {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 50%;
|
||||
border: solid 4px #FFF;
|
||||
position: relative;
|
||||
margin: -35px auto;
|
||||
background-color: var(--primary-color);
|
||||
-webkit-transition: all 0.3s ease-in-out 0s;
|
||||
-moz-transition: all 0.3s ease-in-out 0s;
|
||||
-ms-transition: all 0.3s ease-in-out 0s;
|
||||
-o-transition: all 0.3s ease-in-out 0s;
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
}
|
||||
|
||||
.services-card:hover .sc-circle-icon {
|
||||
background-color: var(--secundary-color);
|
||||
}
|
||||
|
||||
.sc-icon-center {
|
||||
width: 40px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sc-caption {
|
||||
margin-top: 50px;
|
||||
text-align: center;
|
||||
padding: 0px 15px;
|
||||
}
|
||||
|
||||
.sc-caption .tp-btn-primary {
|
||||
margin-top: 15px;
|
||||
color: var(--primary-color);
|
||||
background-color: #FFF;
|
||||
border: solid var(--primary-color);
|
||||
}
|
||||
|
||||
.sc-caption .tp-btn-primary:hover {
|
||||
margin-top: 15px;
|
||||
color: #FFF;
|
||||
background-color: var(--secundary-color);
|
||||
border: solid var(--secundary-color);
|
||||
}
|
||||
|
||||
/* ========== WIDE SECTION ========== */
|
||||
.ws-bg-layer {
|
||||
background-image: url("../../../images/commons/home-niches/dental/img64.jpg");
|
||||
height: 800px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
padding: 100px 0px;
|
||||
}
|
||||
|
||||
.ws-bg-layer:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-image: linear-gradient(to bottom right, var(--primary-color), var(--primary-color));
|
||||
opacity: 0.95;
|
||||
}
|
||||
|
||||
/* ========== COUNTER ========== */
|
||||
.dental-counter-layer {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.dental-counter-box .tp-media-object {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.dental-counter-box .tp-media-object .tp-media-img {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.tp-media-object h5 {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.dental-counter-box .tp-media-caption {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.dental-counter-box .tp-media-caption .counter {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.dental-counter-box .tp-media-caption p {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
/* ========== ABOUT ========== */
|
||||
.ws-about-layer {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.ws-about-layer-left {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.ws-about-layer-left h5.overheadline {
|
||||
font-weight: 400;
|
||||
color: var(--secundary-color);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.ws-about-layer-left h2,
|
||||
.ws-about-layer-left h5,
|
||||
.ws-about-layer-left p {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.ws-about-layer-left .tp-btn-primary {
|
||||
background-color: var(--secundary-color);
|
||||
border: solid 1px var(--secundary-color);
|
||||
color: #FFF;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.ws-about-layer-left .tp-btn-primary:hover {
|
||||
background-color: transparent;
|
||||
border: solid 1px #FFF;
|
||||
color: #FFF;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.ws-about-layer-right {
|
||||
background-image: url("../../../images/commons/home-niches/dental/staff14.jpg");
|
||||
height: 500px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
padding: 100px 0px;
|
||||
}
|
||||
|
||||
/* ========== TEAM ========== */
|
||||
.team-card-box {
|
||||
background-color: #FFF;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
}
|
||||
|
||||
.team-carousel-2 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.team-carousel-3 .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.team-carousel-2 .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ========== PARALLAX ========== */
|
||||
.dental-parallax-ws {
|
||||
background-image: url("../../../images/commons/home-niches/dental/img65.jpg");
|
||||
height: 500px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dental-parallax-ws:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-image: linear-gradient(to bottom right, var(--primary-heading), var(--primary-heading));
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.parallax-label {
|
||||
background-color: #FFF;
|
||||
border-left: solid 5px #3AB3DF;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
max-width: 600px;
|
||||
padding: 2rem;
|
||||
box-shadow: 0 0 10px rgb(204 204 204 / 60%);
|
||||
-moz-box-shadow: 0 0 10px rgba(204, 204, 204, 0.6);
|
||||
-webkit-box-shadow: 0 0 10px rgb(204 204 204 / 60%);
|
||||
-o-box-shadow: 0 0 10px rgba(204, 204, 204, 0.6);
|
||||
}
|
||||
|
||||
.parallax-label p {
|
||||
margin: 10px 0px 25px;
|
||||
}
|
||||
|
||||
/* ========== NEWS CAROUSEL ========== */
|
||||
.news-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.news-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.news-carousel .owl-carousel .item .news-box {
|
||||
margin: auto 10px;
|
||||
}
|
||||
|
||||
.news-carousel .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nb-thumb {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.nb-avatar {
|
||||
width: 50px !important;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.nb-caption {
|
||||
width: 250px;
|
||||
padding: 15px;
|
||||
margin-top: -60px;
|
||||
background-color: #FFF;
|
||||
z-index: 10;
|
||||
position: relative;
|
||||
border-top-right-radius: 10px;
|
||||
}
|
||||
|
||||
.nb-caption .moc-caption h4 {
|
||||
font-size: 15px;
|
||||
color: var(--headline-color);
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.nb-caption .moc-caption p {
|
||||
font-size: 14px;
|
||||
color: var(--paragraph-color);
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.nb-caption .flex-grow-1 {
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
.nb-caption-bottom {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.nb-caption-bottom h4 a {
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1200px) {}
|
||||
|
||||
@media (max-width:991px) {
|
||||
.dental-front-layers {
|
||||
margin-top: 5rem;
|
||||
z-index: 100;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dental-box {
|
||||
padding: 40px 30px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.dental-box .btn-layer {
|
||||
margin: 30px 0px 0px 0px;
|
||||
}
|
||||
|
||||
|
||||
.phone-call-layer {
|
||||
margin: 30px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.ws-about-layer-left {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.ws-about-layer-right {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ws-bg-layer {
|
||||
background-image: url("../../../images/commons/home-niches/dental/img64.jpg");
|
||||
height: 100%;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
padding: 50px 0px;
|
||||
}
|
||||
|
||||
.counter-spacing-md {
|
||||
margin-top: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:767px) {
|
||||
.counter-spacing-sm {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.parallax-label {
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
border-left: solid 5px #3AB3DF;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
-ms-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
max-width: 600px;
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.dental-parallax-ws {
|
||||
height: 100%;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
padding: 50px 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:576px) {
|
||||
.nb-caption {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dental-box .media-object-card{
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
|
||||
.moc-caption{
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:480px) {
|
||||
.dental-box .tp-media-object {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.dental-box .tp-media-object .tp-media-img {
|
||||
width: 60px;
|
||||
margin: auto auto 15px;
|
||||
}
|
||||
|
||||
.dental-box .tp-media-caption {
|
||||
margin: 15px 0 0 0;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
564
public/sunsari/css/partials/niches/education.css
Normal file
564
public/sunsari/css/partials/niches/education.css
Normal file
@@ -0,0 +1,564 @@
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var(--education-primary);
|
||||
--secundary-color: var(--education-secundary);
|
||||
--headline-color: var(--education-headline-color);
|
||||
--paragraph-color: var();
|
||||
--background-color: var();
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
EDUCATION.
|
||||
===================================== */
|
||||
|
||||
/* ========== SLIDER REVOLUTION ========== */
|
||||
.soundcloudwrapper iframe {
|
||||
width: 100% !important
|
||||
}
|
||||
|
||||
.news-header .tp-tab-title {
|
||||
color: #fff;
|
||||
font-size: 17px;
|
||||
font-weight: 900;
|
||||
text-transform: uppercase;
|
||||
font-family: "Roboto";
|
||||
margin-bottom: 5px;
|
||||
width: 350px;
|
||||
display: block;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.news-header .tp-tab-desc {
|
||||
font-size: 17px;
|
||||
font-weight: 500;
|
||||
color: #ffcc00;
|
||||
line-height: 25px;
|
||||
font-family: "Roboto";
|
||||
}
|
||||
|
||||
/* ========== ABOUT US ========== */
|
||||
|
||||
.about-left {
|
||||
padding: 0px 50px 0px 0px;
|
||||
}
|
||||
|
||||
.about-left h5.overheadline {
|
||||
color: var(--primary-color);
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.about-right {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.bullets-list {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.bullets-list li {
|
||||
margin: 15px 0px;
|
||||
}
|
||||
|
||||
.bullets-list li::before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f192";
|
||||
color: var(--primary-color);
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.ar-img-center {
|
||||
padding-right: 50px;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
.ar-img-bottom {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
width: 300px;
|
||||
border-top: solid 20px #FFFFFF;
|
||||
border-left: solid 20px #FFFFFF;
|
||||
}
|
||||
|
||||
/* ========== EDUCATIONS CLASS ========== */
|
||||
.class-card {
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
background-color: #FFFFFF;
|
||||
margin: 15px 0px;
|
||||
}
|
||||
|
||||
.class-thumb {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.class-card-overlay {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, .5);
|
||||
}
|
||||
|
||||
.media-object-card {
|
||||
display: flex !important;
|
||||
padding: 5px 15px;
|
||||
}
|
||||
|
||||
.moc-thumbnail {
|
||||
width: 70px;
|
||||
flex-shrink: 0 !important;
|
||||
}
|
||||
|
||||
.moc-caption {
|
||||
margin-left: 1rem;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
.moc-caption h4 {
|
||||
font-size: 18px;
|
||||
color: #FFFFFF;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.moc-center {
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
.class-caption {
|
||||
text-align: center;
|
||||
padding: 30px 25px;
|
||||
}
|
||||
|
||||
.class-caption p {
|
||||
margin: 0 0 30px;
|
||||
}
|
||||
|
||||
.class-btns .btn-class-price,
|
||||
.btn-class-join {
|
||||
width: 150px;
|
||||
padding: 7px 15px;
|
||||
border-radius: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.class-btns .btn-class-price {
|
||||
background-color: var(--primary-color);
|
||||
border: solid 1px var(--primary-color);
|
||||
color: var(--headline-color);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.class-btns .btn-class-price:hover {
|
||||
background-color: var(--headline-color);
|
||||
border: solid 1px var(--headline-color);
|
||||
}
|
||||
|
||||
.class-btns .btn-class-join {
|
||||
background-color: var(--secundary-color);
|
||||
border: solid 1px var(--secundary-color);
|
||||
color: var(--headline-color);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.class-btns .btn-class-join:hover {
|
||||
background-color: var(--headline-color);
|
||||
border: solid 1px var(--headline-color);
|
||||
}
|
||||
|
||||
.class-btns a {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
/* ========== TEAM CAROUSEL ========== */
|
||||
.teachers-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.teachers-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.teachers-carousel .owl-carousel .item {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.teachers-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.teachers-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--owl-dots);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.teachers-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.teachers-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* ========== TEAM CAROUSEL CARD STYLES ========== */
|
||||
.tc-v1-portrait {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tc-v1-portrait .tc-v1-caption {
|
||||
position: absolute;
|
||||
background-color: rgb(0, 0, 0, 0.6);
|
||||
width: 100%;
|
||||
height: 90px;
|
||||
text-align: center;
|
||||
bottom: 0px;
|
||||
padding: 15px;
|
||||
-webkit-transition: all 0.3s ease-in-out 0s;
|
||||
-moz-transition: all 0.3s ease-in-out 0s;
|
||||
-ms-transition: all 0.3s ease-in-out 0s;
|
||||
-o-transition: all 0.3s ease-in-out 0s;
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
}
|
||||
|
||||
.tc-v1-portrait:hover .tc-v1-caption {
|
||||
height: 140px;
|
||||
}
|
||||
|
||||
.tc-v1-caption h3 {
|
||||
color: #FFF;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tc-v1-caption p {
|
||||
color: #FFF;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tc-v1-portrait ul.team-social li {
|
||||
display: inherit;
|
||||
display: inline-block;
|
||||
margin: 15px 5px 0px;
|
||||
}
|
||||
|
||||
ul.team-social li a {
|
||||
font-size: 18px;
|
||||
color: var(--secundary-color);
|
||||
}
|
||||
|
||||
/* ========== COUNTER PARALLAX ========== */
|
||||
.tp-counter-parallax {
|
||||
background-image: url("../../../images/commons/home-niches/education/img33.jpg");
|
||||
height: 500px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tp-counter-content {
|
||||
margin: 0px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
.tp-counter-content h5 {
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.tp-counter-content h2 {
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.tp-counter-content p {
|
||||
color: var(--headline-color);
|
||||
margin: 20px 0px 35px;
|
||||
}
|
||||
|
||||
.tp1-counter-box {
|
||||
background-color: #FFFFFF;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.mo-counter {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.mo-counter-thumb {
|
||||
width: 60px;
|
||||
flex-shrink: 0 !important;
|
||||
}
|
||||
|
||||
.tp-cb-caption {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.tp-cb-caption .counter {
|
||||
font-family: var(--base-font);
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
color: var(--headline-color);
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tp-cb-caption p {
|
||||
font-size: 10px;
|
||||
line-height: 1.3;
|
||||
color: var(--paragraph-color);
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.moc-center {
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
|
||||
/* ========== PARTNERS ========== */
|
||||
.bottom-bar {
|
||||
background-color: var(--primary-color);
|
||||
padding: 30px 0px;
|
||||
}
|
||||
|
||||
.education-partners {
|
||||
text-align: center;
|
||||
margin: 20px 0px;
|
||||
}
|
||||
|
||||
.education-partners h6 {
|
||||
margin: 15px 0px 0;
|
||||
}
|
||||
|
||||
.education-partners .partner-logo {
|
||||
width: 50px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
/* ========== NEWS ========== */
|
||||
.news-card-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.news-card-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.news-card-carousel .owl-carousel .item {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.news-card-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.news-card-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--background-color);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.news-card-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.news-card-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.nc-date {
|
||||
background-color: var(--primary-color);
|
||||
height: 60px;
|
||||
padding: 8px 0px;
|
||||
}
|
||||
|
||||
.nc-date h4,
|
||||
.nc-date p {
|
||||
color: var(--headline-color);
|
||||
text-align: center;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.nc-date p {
|
||||
font-size: 14px;
|
||||
margin-top: -2px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.nc-comment {
|
||||
background-color: var(--primary-color);
|
||||
height: 60px;
|
||||
padding: 8px 0px;
|
||||
text-align: center;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.nc-comment .fas {
|
||||
font-size: 20px;
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.nc-comment p {
|
||||
color: var(--headline-color);
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
margin: -3px 0 0px;
|
||||
}
|
||||
|
||||
.nc-right-layer {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.nc-right-layer h3 {
|
||||
font-size: 20px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.nc-right-layer h3 a {
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.nc-right-layer p {
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1200px) {
|
||||
.class-card-overlay {
|
||||
height: 70px;
|
||||
padding: 5px 0px;
|
||||
}
|
||||
|
||||
.moc-thumbnail {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.moc-caption {
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.media-object-card {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.moc-caption h4 {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:991px) {}
|
||||
|
||||
@media (max-width:767px) {
|
||||
|
||||
.about-left {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.tp-counter-parallax {
|
||||
height: 100%;
|
||||
padding: 60px 0px;
|
||||
}
|
||||
|
||||
.tp-counter-content {
|
||||
margin: 0px;
|
||||
position: relative;
|
||||
top: auto;
|
||||
-ms-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.tp1-counter-box {
|
||||
padding: 10px;
|
||||
width: 200px;
|
||||
margin: 5px 0px;
|
||||
}
|
||||
|
||||
.bottom-list {
|
||||
margin-top: -15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:576px) {
|
||||
.news-card-caption .nc-left-layer {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:480px) {
|
||||
.ar-img-bottom {
|
||||
position: relative;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.ar-img-center {
|
||||
padding-right: 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
.media-object-card {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.class-card-overlay {
|
||||
height: auto;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
.moc-thumbnail {
|
||||
width: 50px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.moc-caption {
|
||||
margin: 0px;
|
||||
text-align: center;
|
||||
padding: 0px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:380px) {
|
||||
.class-card-overlay {
|
||||
position: relative;
|
||||
background-color: #000000;
|
||||
height: auto;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
.moc-caption h4 {
|
||||
font-size: 16px;
|
||||
line-height: 22px;
|
||||
|
||||
}
|
||||
}
|
||||
596
public/sunsari/css/partials/niches/farm.css
Normal file
596
public/sunsari/css/partials/niches/farm.css
Normal file
@@ -0,0 +1,596 @@
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var(--farm-primary);
|
||||
--secundary-color: var(--farm-secundary);
|
||||
--headline-color: var();
|
||||
--paragraph-color: var();
|
||||
--background-color: var();
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
FARM.
|
||||
===================================== */
|
||||
.soundcloudwrapper iframe {
|
||||
width: 100% !important
|
||||
}
|
||||
|
||||
.news-header .tp-tab-title {
|
||||
color: #fff;
|
||||
font-size: 17px;
|
||||
font-weight: 900;
|
||||
text-transform: uppercase;
|
||||
font-family: "Roboto";
|
||||
margin-bottom: 5px;
|
||||
width: 350px;
|
||||
display: block;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.news-header .tp-tab-desc {
|
||||
font-size: 17px;
|
||||
font-weight: 500;
|
||||
color: #ffcc00;
|
||||
line-height: 25px;
|
||||
font-family: "Roboto";
|
||||
}
|
||||
|
||||
/* ========== ABOUT US ========== */
|
||||
.signature {
|
||||
width: 200px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.badge-card {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.bc-box {
|
||||
background-color: #FFFFFF;
|
||||
border-top-left-radius: 50rem !important;
|
||||
border-bottom-left-radius: 50rem !important;
|
||||
padding: 15px;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
}
|
||||
|
||||
.bc-box-right {
|
||||
background-color: #FFFFFF;
|
||||
border-top-right-radius: 50rem !important;
|
||||
border-bottom-right-radius: 50rem !important;
|
||||
padding: 15px;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
}
|
||||
|
||||
.bc-box-icon {
|
||||
width: 40px;
|
||||
padding-top: 7px;
|
||||
}
|
||||
|
||||
.bc-box h5 {
|
||||
font-size: 18px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.bc-box p {
|
||||
font-size: 13px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.bc-box-right h5 {
|
||||
font-size: 18px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.bc-box-right p {
|
||||
font-size: 13px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/* ========== CAROUSEL ========== */
|
||||
.farm-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.farm-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.farm-carousel .owl-carousel .item {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.farm-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.farm-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--owl-dots);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.farm-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.farm-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.farm-service-card {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.farm-caption {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
bottom: 0px;
|
||||
padding: 20px;
|
||||
background: rgba(70, 134, 108, 0.5);
|
||||
-webkit-backdrop-filter: blur(8px);
|
||||
backdrop-filter: blur(8px);
|
||||
border: 1px solid rgba(70, 134, 108, 0.25);
|
||||
border-top: solid 3px var(--primary-color);
|
||||
}
|
||||
|
||||
.farm-caption h3 {
|
||||
font-size: 18px;
|
||||
color: var(--primary-color);
|
||||
margin-bottom: 0px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.farm-caption p {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.farm-thumbnail {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fc-circle {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
border-radius: 50%;
|
||||
background-color: #FFF;
|
||||
border: solid 3px var(--primary-color);
|
||||
position: absolute;
|
||||
position: absolute;
|
||||
top: -2%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fc-center-icon {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
/* ========== WIDE SECTION ========== */
|
||||
.ws-left-layer {
|
||||
background-image: url("../../../images/commons/home-niches/farm/farm-img5.jpg");
|
||||
height: 600px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ws-right-layer {
|
||||
height: 600px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
margin-top: 80px;
|
||||
margin-left: -100px;
|
||||
z-index: 1;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
}
|
||||
|
||||
.ws-right-layer:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: var(--secundary-color);
|
||||
}
|
||||
|
||||
.ws-content {
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
width: 60%;
|
||||
padding-left: 5rem;
|
||||
}
|
||||
|
||||
.ws-content h5 {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #FFF;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.ws-content h2 {
|
||||
color: #FFF;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.ws-content p {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.box-content {
|
||||
margin-top: 50px;
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.box-content h4 {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.box-content p {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.bc-icon {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.inner-bc {
|
||||
display: inline-block;
|
||||
padding-right: 50px;
|
||||
}
|
||||
|
||||
.inner-bc h4 {
|
||||
font-size: 17px;
|
||||
color: #FFF;
|
||||
margin: 10px 0px 5px 0px;
|
||||
}
|
||||
|
||||
.inner-bc p {
|
||||
font-size: 14px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
/* ========== COUNTER ========== */
|
||||
.counter-layer {
|
||||
background-image: url("../../../images/commons/home-niches/farm/farm-img6.jpg");
|
||||
height: 100%;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
padding: 140px 0px 60px;
|
||||
margin-top: -80px;
|
||||
}
|
||||
|
||||
.counter-layer:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: #000000;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.counter-layer .counter-box {
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.counter-layer .counter {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.counter-layer p {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
/* ========== TESTIMONIALS ========== */
|
||||
|
||||
.testimonial-banner {
|
||||
background-color: var(--primary-color);
|
||||
padding: 80px 0px 200px;
|
||||
}
|
||||
|
||||
.testimonial-banner {
|
||||
background-color: var(--primary-color);
|
||||
padding: 80px 0px 200px;
|
||||
}
|
||||
|
||||
.up-testimonial-layer {
|
||||
margin-top: -220px;
|
||||
}
|
||||
|
||||
.up-testimonial-layer .center-title h2 {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.up-testimonial-layer .center-title h5 {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.testimonials-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.testimonials-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.testimonials-carousel .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.testimonials-carousel .owl-dots button.owl-dot {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
display: inline-block;
|
||||
background: #FFF;
|
||||
border: solid 1px #000;
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.testimonials-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: #000;
|
||||
width: 15px;
|
||||
border: solid 1px #000;
|
||||
}
|
||||
|
||||
.testimonials-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.testimonial-text {
|
||||
background-color: #FFF;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
padding: 30px;
|
||||
margin: 15px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.testimonial-text .fas {
|
||||
font-size: 40px;
|
||||
color: var(--primary-color);
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.testimonial-box .bottom-line {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
bottom: -5px;
|
||||
background-color: var(--secundary-color);
|
||||
width: 50px;
|
||||
height: 5px;
|
||||
-webkit-transition: all 0.3s ease-in-out 0s;
|
||||
-moz-transition: all 0.3s ease-in-out 0s;
|
||||
-ms-transition: all 0.3s ease-in-out 0s;
|
||||
-o-transition: all 0.3s ease-in-out 0s;
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
}
|
||||
|
||||
.testimonial-box:hover .bottom-line {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
bottom: -5px;
|
||||
background-color: var(--secundary-color);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.author-avatar {
|
||||
width: 100px;
|
||||
margin: 35px auto 0px;
|
||||
}
|
||||
|
||||
.author-avatar img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.testimonial-box h4 {
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
margin: 15px 0px 0px;
|
||||
}
|
||||
|
||||
p.profession {
|
||||
text-align: center;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.all-testimonials .testimonial-box {
|
||||
margin: 25px 0px;
|
||||
}
|
||||
|
||||
/* ========== NEWS CAROUSEL ========== */
|
||||
.news-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.news-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.news-carousel .owl-carousel .item .news-box {
|
||||
margin: auto 10px;
|
||||
}
|
||||
|
||||
.news-carousel .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nb-thumb {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.nb-avatar {
|
||||
width: 50px !important;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.nb-caption {
|
||||
width: 250px;
|
||||
padding: 15px;
|
||||
margin-top: -80px;
|
||||
background-color: #FFF;
|
||||
z-index: 10;
|
||||
position: relative;
|
||||
border-top-right-radius: 10px;
|
||||
}
|
||||
|
||||
.nb-caption .moc-caption h4 {
|
||||
font-size: 15px;
|
||||
color: var(--headline-color);
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.nb-caption .moc-caption p {
|
||||
font-size: 14px;
|
||||
color: var(--paragraph-color);
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.nb-caption .flex-grow-1 {
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
.nb-caption-bottom {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.nb-caption-bottom h4 a {
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.moc-thumbnail {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1800px) {
|
||||
.ws-content {
|
||||
width: 75%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:1600px) {
|
||||
.ws-content {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:1300px) {
|
||||
.ws-content {
|
||||
width: 85%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:1200px) {
|
||||
.ws-content {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:991px) {
|
||||
.ws-right-layer {
|
||||
height: 100%;
|
||||
margin-top: 0px;
|
||||
margin-left: 0px;
|
||||
z-index: 1;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
}
|
||||
|
||||
.ws-content {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
top: 0%;
|
||||
-ms-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
padding: 50px 30px;
|
||||
}
|
||||
|
||||
.ws-left-layer {
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.counter-layer .counter-box {
|
||||
margin: 20px 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:767px) {
|
||||
.bc-box-right {
|
||||
margin-top: 30px;
|
||||
border-top-left-radius: 50rem !important;
|
||||
border-bottom-left-radius: 50rem !important;
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
.bc-box {
|
||||
border-top-right-radius: 50rem !important;
|
||||
border-bottom-right-radius: 50rem !important;
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:576px) {
|
||||
.ws-content .box-content {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.ws-content {
|
||||
padding: 50px 20px;
|
||||
}
|
||||
|
||||
.ib-bottom {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.nb-caption {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:480px) {}
|
||||
340
public/sunsari/css/partials/niches/finance.css
Normal file
340
public/sunsari/css/partials/niches/finance.css
Normal file
@@ -0,0 +1,340 @@
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var(--finance-primary);
|
||||
--secundary-color: var(--finance-secundary);
|
||||
--headline-color: var();
|
||||
--paragraph-color: var();
|
||||
--background-color: var();
|
||||
}
|
||||
|
||||
/* ========== HEADER COLOR RESET ========== */
|
||||
ul.top-contact li a:hover {
|
||||
color: var(--primary-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.social-list li a:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.top-social .btn-default:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
/* ========== FOOTER COLOR RESET ========== */
|
||||
.footer-terms a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.footer-copyright p a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.quick-links li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.footer-contact li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.footer-social li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.cd-top {
|
||||
background: var(--primary-color) url(../../../images/icons/cd-top-arrow.svg) no-repeat center 50%;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
FINANCE.
|
||||
===================================== */
|
||||
|
||||
/* ========== ABOUT US ========== */
|
||||
.about-services {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.about-services-box {
|
||||
margin: 25px 0px;
|
||||
}
|
||||
|
||||
h5.overheadline {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.tp-square {
|
||||
border: solid 2px var(--primary-color);
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
align-items: center !important;
|
||||
justify-content: center !important;
|
||||
display: flex !important;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.square-icon {
|
||||
width: 45px;
|
||||
}
|
||||
|
||||
.about-services-caption h3 {
|
||||
font-size: 18px;
|
||||
margin: -10px auto 0px;
|
||||
}
|
||||
|
||||
.about-services-caption p {
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
margin: 0px auto 0px;
|
||||
}
|
||||
|
||||
/* ========== SERVICE CAROUSEL ========== */
|
||||
.finance-service-carousel {
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.finance-service-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.finance-service-carousel .owl-carousel .item {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.finance-service-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.finance-service-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--paragraph-color);
|
||||
opacity: 0.2;
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.finance-service-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.finance-service-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.services-card {
|
||||
background-color: #FFF;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.services-card .sc-caption {
|
||||
padding: 15px 30px 30px;
|
||||
}
|
||||
|
||||
.services-card .sc-caption p {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.rounded-circle {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
border-radius: 50%;
|
||||
border: solid 1px #ddd;
|
||||
box-shadow: 0 0 10px rgba(204, 204, 204, 0.6);
|
||||
-moz-box-shadow: 0 0 10px rgba(204, 204, 204, 0.6);
|
||||
-webkit-box-shadow: 0 0 10px rgba(204, 204, 204, 0.6);
|
||||
-o-box-shadow: 0 0 10px rgba(204, 204, 204, 0.6);
|
||||
position: relative;
|
||||
margin: -30px auto 0px auto;
|
||||
background: #FFF;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.services-card:hover .rounded-circle {
|
||||
background: var(--primary-color);
|
||||
border: solid 1px var(--primary-color);
|
||||
}
|
||||
|
||||
.center-circle-icon {
|
||||
position: absolute;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
/* ========== TESTIMONIALS ========== */
|
||||
|
||||
.testimonial-banner {
|
||||
background-color: var(--primary-color);
|
||||
padding: 80px 0px 200px;
|
||||
}
|
||||
|
||||
.testimonial-banner {
|
||||
background-color: var(--primary-color);
|
||||
padding: 80px 0px 200px;
|
||||
}
|
||||
|
||||
.up-testimonial-layer {
|
||||
margin-top: -220px;
|
||||
}
|
||||
|
||||
.up-testimonial-layer .center-title h2 {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.up-testimonial-layer .center-title h5 {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.testimonials-carousel {
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.testimonials-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.testimonials-carousel .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.testimonials-carousel .owl-dots button.owl-dot {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
display: inline-block;
|
||||
background: #FFF;
|
||||
border: solid 1px #000;
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.testimonials-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: #000;
|
||||
width: 15px;
|
||||
border: solid 1px #000;
|
||||
}
|
||||
|
||||
.testimonials-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.testimonial-text {
|
||||
background-color: #FFF;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
padding: 30px;
|
||||
margin: 15px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.testimonial-text .fas {
|
||||
font-size: 40px;
|
||||
color: var(--primary-color);
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.testimonial-box .bottom-line {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
bottom: -5px;
|
||||
background-color: var(--secundary-color);
|
||||
width: 50px;
|
||||
height: 5px;
|
||||
-webkit-transition: all 0.3s ease-in-out 0s;
|
||||
-moz-transition: all 0.3s ease-in-out 0s;
|
||||
-ms-transition: all 0.3s ease-in-out 0s;
|
||||
-o-transition: all 0.3s ease-in-out 0s;
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
}
|
||||
|
||||
.testimonial-box:hover .bottom-line {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
bottom: -5px;
|
||||
background-color: var(--secundary-color);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.author-avatar {
|
||||
width: 100px;
|
||||
margin: 35px auto 0px;
|
||||
}
|
||||
|
||||
.author-avatar img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.testimonial-box h4 {
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
margin: 15px 0px 0px;
|
||||
}
|
||||
|
||||
p.profession {
|
||||
text-align: center;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.all-testimonials .testimonial-box {
|
||||
margin: 25px 0px;
|
||||
}
|
||||
|
||||
/* ========== HOME CONTACT ========== */
|
||||
.tp-contact1-parallax {
|
||||
background-image: url("../../../images/commons/home-niches/finance/image21.jpg");
|
||||
height: 650px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tp-contact1-parallax:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-image: linear-gradient(to bottom right, var(--headline-color), var(--headline-color));
|
||||
opacity: 0.8;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1200px) {}
|
||||
|
||||
@media (max-width:991px) {}
|
||||
|
||||
@media (max-width:767px) {}
|
||||
|
||||
@media (max-width:576px) {}
|
||||
|
||||
@media (max-width:480px) {}
|
||||
696
public/sunsari/css/partials/niches/fitness.css
Normal file
696
public/sunsari/css/partials/niches/fitness.css
Normal file
@@ -0,0 +1,696 @@
|
||||
/* =====================================
|
||||
FONTS.
|
||||
===================================== */
|
||||
|
||||
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var(--fitness-primary);
|
||||
--secundary-color: var(--fitness-secundary);
|
||||
--headline-color: var(--fitness-headline-color);
|
||||
--paragraph-color: var();
|
||||
--background-color: var();
|
||||
|
||||
/* ----- TYPOGRAPHY. ----- */
|
||||
--base-font: 'Montserrat', sans-serif;
|
||||
--secundary-font: 'Montserrat', sans-serif;
|
||||
--paragraph-font-size: 15px;
|
||||
}
|
||||
|
||||
/* ========== HEADER COLOR RESET ========== */
|
||||
ul.top-contact li a:hover {
|
||||
color: var(--primary-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.social-list li a:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.top-social .btn-default:hover {
|
||||
color: var(--primary-color);
|
||||
background-color: transparent;
|
||||
border-color: none;
|
||||
}
|
||||
|
||||
/* ========== FOOTER COLOR RESET ========== */
|
||||
.footer-terms a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.footer-copyright p a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.quick-links li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.footer-contact li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.footer-social li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.cd-top {
|
||||
background: var(--primary-color) url(../../../images/icons/cd-top-arrow.svg) no-repeat center 50%;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
FITNESS.
|
||||
===================================== */
|
||||
.home-slider {
|
||||
width: 100%;
|
||||
height: 850px;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.hero-slider {
|
||||
width: 100%;
|
||||
height: 850px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.hero-slider .carousel-cell {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.slider-caption {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
color: #FFF;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.slider-caption .subtitle {
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: 10px;
|
||||
color: var(--travel-third);
|
||||
margin-bottom: 5px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.slider-caption h1 {
|
||||
font-size: 60px;
|
||||
line-height: 70px;
|
||||
color: #FFF;
|
||||
text-transform: uppercase;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.hero-slider .flickity-prev-next-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hero-slider .flickity-prev-next-button:hover {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.hero-slider .flickity-prev-next-button .arrow {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
.hero-slider .flickity-page-dots {
|
||||
top: 40%;
|
||||
left: 150px;
|
||||
z-index: 0;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.hero-slider .flickity-page-dots .dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
opacity: 1;
|
||||
background: rgba(255, 255, 255);
|
||||
border: 2px solid white;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: 15px 0px;
|
||||
}
|
||||
|
||||
.hero-slider .flickity-page-dots .dot.is-selected {
|
||||
background: var(--travel-third);
|
||||
border: 2px solid var(--travel-third);
|
||||
}
|
||||
|
||||
.dot-hide .flickity-page-dots .dot {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.social-media {
|
||||
position: absolute;
|
||||
top: 25%;
|
||||
right: 30px;
|
||||
z-index: 2 !important;
|
||||
}
|
||||
|
||||
.social-media ul li {
|
||||
margin: 50px 30px;
|
||||
font-size: 20px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.social-media ul li a {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.social-media ul li a:hover {
|
||||
color: var(--base-color);
|
||||
}
|
||||
|
||||
/* ========== FITNESS CAROUSEL ========== */
|
||||
.fitness-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fitness-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fitness-carousel .owl-carousel .item {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.fitness-carousel .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fitness-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--owl-dots);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.fitness-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.fitness-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.fitness-card-caption {
|
||||
padding: 20px 0px;
|
||||
}
|
||||
|
||||
.fitness-card-caption h3 {
|
||||
font-size: 18px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.fitness-card-caption h3 a {
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.fitness-card-caption p {
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.fitness-card-thumb {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fc-badge {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
background-color: #FFF;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
.fc-bagde-icon {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
|
||||
.center-title span {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
/* ========== VIDEO PARALLAX ========== */
|
||||
.video-parallax {
|
||||
background-image: url("../../../images/commons/home-niches/fitness2/fitness5.jpg");
|
||||
height: 600px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.video-parallax:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-image: linear-gradient(to bottom right, var(--headline-color), var(--headline-color));
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.video-parallax .play-icon {
|
||||
width: 80px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.video-parallax .popup-youtube {
|
||||
position: relative;
|
||||
top: auto;
|
||||
left: auto;
|
||||
transform: translate(0%, 0%);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* ========== GALLERY GRID ========== */
|
||||
.tp-gallery-grid {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tp-back-rectangle {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
background-color: var(--primary-color);
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
left: -10px;
|
||||
z-index: 1;
|
||||
-webkit-transition: all 0.3s ease-in-out 0s;
|
||||
-moz-transition: all 0.3s ease-in-out 0s;
|
||||
-ms-transition: all 0.3s ease-in-out 0s;
|
||||
-o-transition: all 0.3s ease-in-out 0s;
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
}
|
||||
|
||||
.tp-gallery-grid:hover .tp-back-rectangle {
|
||||
width: 200px;
|
||||
height: 202px;
|
||||
}
|
||||
|
||||
.gg-thumb {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tp-gg-caption {
|
||||
background-color: #FFF;
|
||||
max-width: 300px;
|
||||
padding: 25px;
|
||||
margin-top: -50px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tp-gg-caption h4 {
|
||||
font-size: 18px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.tp-gg-caption h4 a {
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.tp-gg-caption p {
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
h6.tp-gym-learn-more {
|
||||
font-size: 14px;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
h6.tp-gym-learn-more a {
|
||||
color: var(--headline-color);
|
||||
text-transform: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h6.tp-gym-learn-more::after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f061";
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.image-hover figure {
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.image-hover figure.tp-gym-thumb:hover+span {
|
||||
bottom: -36px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Zoom In #1 */
|
||||
.zoom-in .zoom-thumb {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
-webkit-transition: .4s ease-in-out;
|
||||
transition: .4s ease-in-out;
|
||||
}
|
||||
|
||||
.zoom-in:hover .zoom-thumb {
|
||||
-webkit-transform: scale(1.2);
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
|
||||
/* ========== TEAM CAROUSEL ========== */
|
||||
.team-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.team-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.team-carousel .owl-carousel .item .tp-gym-trainer {
|
||||
margin: auto 10px;
|
||||
}
|
||||
|
||||
.team-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.team-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--owl-dots);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.team-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.team-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.tp-gym-trainer {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.gt-caption {
|
||||
position: absolute;
|
||||
bottom: -20px;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
background-color: rgba(232, 145, 75, 0.6);
|
||||
width: 300px;
|
||||
padding: 30px;
|
||||
border-radius: 5px;
|
||||
-webkit-transition: all 0.3s ease-in-out 0s;
|
||||
-moz-transition: all 0.3s ease-in-out 0s;
|
||||
-ms-transition: all 0.3s ease-in-out 0s;
|
||||
-o-transition: all 0.3s ease-in-out 0s;
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
}
|
||||
|
||||
.tp-gym-trainer:hover .gt-caption {
|
||||
background-color: var(--primary-color);
|
||||
}
|
||||
|
||||
.gt-caption h4 {
|
||||
color: #FFF;
|
||||
font-size: 22px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.gt-caption p {
|
||||
color: #FFF;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/* ========== SOCIAL ICONS ========== */
|
||||
.trainer-social ul li {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
color: #FFF;
|
||||
background-color: transparent;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
-webkit-transition: all 0.3s ease-in-out 0s;
|
||||
-moz-transition: all 0.3s ease-in-out 0s;
|
||||
-ms-transition: all 0.3s ease-in-out 0s;
|
||||
-o-transition: all 0.3s ease-in-out 0s;
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
margin: 0px 10px;
|
||||
}
|
||||
|
||||
.trainer-social ul li a {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.trainer-social ul li:hover {
|
||||
background-color: none !important;
|
||||
}
|
||||
|
||||
.trainer-social ul li:hover .fab {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
/* ========== COUNTER PARALLAX ========== */
|
||||
.tp-counter-parallax {
|
||||
background-image: url("../../../images/commons/home-niches/fitness2/fitness6.jpg");
|
||||
height: 500px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tp-counter-content {
|
||||
margin: 0px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
max-width: 650px;
|
||||
}
|
||||
|
||||
h5.overheading {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.tp-counter-content h2 {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.tp-counter-content p {
|
||||
color: #FFFFFF;
|
||||
margin: 20px 0px 35px;
|
||||
}
|
||||
|
||||
.tp1-counter-box {
|
||||
background-color: #FFFFFF;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.mo-counter {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.mo-counter-thumb {
|
||||
width: 50px;
|
||||
flex-shrink: 0 !important;
|
||||
}
|
||||
|
||||
.tp-cb-caption {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.tp-cb-caption .counter {
|
||||
font-family: var(--base-font);
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
color: var(--headline-color);
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tp-cb-caption p {
|
||||
font-size: 10px;
|
||||
line-height: 1.3;
|
||||
color: var(--paragraph-color);
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.moc-center {
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
/* ========== NEWS BLOG ========== */
|
||||
.tp1-bn-caption {
|
||||
background-color: #fff;
|
||||
padding: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.tp1-bottom-caption {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.tp1-bn-caption h5 {
|
||||
color: var(--primary-color);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1200px) {
|
||||
.hero-slider .flickity-page-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.social-media {
|
||||
position: absolute;
|
||||
top: 62%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.social-media ul li {
|
||||
margin: 10px 20px;
|
||||
font-size: 20px;
|
||||
z-index: 2;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.slider-caption h1 {
|
||||
font-size: 45px;
|
||||
line-height: 55px;
|
||||
color: #FFF;
|
||||
text-transform: uppercase;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.hero-box {
|
||||
margin-top: 5rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:991px) {
|
||||
.social-media ul li {
|
||||
margin: 0px 15px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.slider-caption h1 {
|
||||
font-size: 35px;
|
||||
line-height: 45px;
|
||||
}
|
||||
|
||||
.slider-caption .subtitle {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.home-slider {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.hero-slider {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.tablet-mt-4 {
|
||||
margin-top: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:767px) {
|
||||
.tp-counter-parallax {
|
||||
height: 100%;
|
||||
padding: 60px 0px;
|
||||
}
|
||||
|
||||
.tp-counter-content {
|
||||
margin: 0px;
|
||||
position: relative;
|
||||
top: auto;
|
||||
-ms-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.tp1-counter-box {
|
||||
padding: 10px;
|
||||
width: 200px;
|
||||
margin: 5px 0px;
|
||||
}
|
||||
|
||||
.mobile-mt-4 {
|
||||
margin-top: 4rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:576px) {}
|
||||
|
||||
@media (max-width:480px) {
|
||||
.social-media ul li {
|
||||
margin: 0px 10px;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:380px) {
|
||||
.social-media ul li {
|
||||
margin: 0px 5px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.gt-caption {
|
||||
width: 100%;
|
||||
padding: 30px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
}
|
||||
570
public/sunsari/css/partials/niches/gym.css
Normal file
570
public/sunsari/css/partials/niches/gym.css
Normal file
@@ -0,0 +1,570 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;700&display=swap');
|
||||
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var(--gym-primary);
|
||||
--secundary-color: var(--gym-secundary);
|
||||
--headline-color: var();
|
||||
--paragraph-color: var();
|
||||
--background-color: var();
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* =====================================
|
||||
REVOLUTION SLIDER CUSTOM CSS.
|
||||
===================================== */
|
||||
.soundcloudwrapper iframe {
|
||||
width: 100% !important
|
||||
}
|
||||
|
||||
.news-header .tp-tab-title {
|
||||
color: #fff;
|
||||
font-size: 17px;
|
||||
font-weight: 900;
|
||||
text-transform: uppercase;
|
||||
font-family: "Roboto";
|
||||
margin-bottom: 5px;
|
||||
width: 350px;
|
||||
display: block;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.news-header .tp-tab-desc {
|
||||
font-size: 17px;
|
||||
font-weight: 500;
|
||||
color: #ffcc00;
|
||||
line-height: 25px;
|
||||
font-family: "Roboto";
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
SERVICES.
|
||||
===================================== */
|
||||
.tp-gym-about-content {
|
||||
margin-top: 70px;
|
||||
}
|
||||
|
||||
.tp-gym-services-layer {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.tp-gym-box {
|
||||
margin: 15px 5px;
|
||||
}
|
||||
|
||||
.tp-gym-service-icons {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.tp-gym-box h4 {
|
||||
font-size: 18px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.tp-gym-box p {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.tp-gym-headline {
|
||||
border-left: solid 5px var(--primary-color);
|
||||
padding-left: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.tp-gym-headline h5 {
|
||||
font-size: 16px;
|
||||
text-transform: uppercase;
|
||||
color: var(--secundary-color);
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tp-gym-front-gallery {
|
||||
margin-top: -65px;
|
||||
z-index: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tp-gym-thumb {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tp-gym-caption {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
.tp-gym-icon-front {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.tp-gym-caption h4 {
|
||||
font-size: 18px;
|
||||
color: #FFF;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.tp-gym-panel-aside {
|
||||
background-color: var(--gym-soft-primary);
|
||||
padding: 25px 20px;
|
||||
}
|
||||
|
||||
.tp-gym-panel-center {
|
||||
background-color: var(--gym-primary);
|
||||
padding: 25px 20px;
|
||||
}
|
||||
|
||||
.stripe-icon {
|
||||
width: 55px;
|
||||
}
|
||||
|
||||
.tp-gym-panel-aside h4 {
|
||||
color: #FFF;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.tp-gym-panel-aside p {
|
||||
color: #FFF;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tp-gym-panel-center h4 {
|
||||
color: #FFF;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.tp-gym-panel-center p {
|
||||
color: #FFF;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.image-hover figure {
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.image-hover figure.tp-gym-thumb:hover+span {
|
||||
bottom: -36px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Zoom In #1 */
|
||||
.zoom-in .zoom-thumb {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
-webkit-transition: .4s ease-in-out;
|
||||
transition: .4s ease-in-out;
|
||||
}
|
||||
|
||||
.zoom-in:hover .zoom-thumb {
|
||||
-webkit-transform: scale(1.2);
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
/* ========== GALLERY GRID ========== */
|
||||
.tp-gallery-grid {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tp-back-rectangle {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
background-color: var(--primary-color);
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
left: -10px;
|
||||
z-index: 1;
|
||||
-webkit-transition: all 0.3s ease-in-out 0s;
|
||||
-moz-transition: all 0.3s ease-in-out 0s;
|
||||
-ms-transition: all 0.3s ease-in-out 0s;
|
||||
-o-transition: all 0.3s ease-in-out 0s;
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
}
|
||||
|
||||
.tp-gallery-grid:hover .tp-back-rectangle {
|
||||
width: 200px;
|
||||
height: 202px;
|
||||
}
|
||||
|
||||
.gg-thumb {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tp-gg-caption {
|
||||
background-color: #FFF;
|
||||
max-width: 300px;
|
||||
padding: 25px;
|
||||
margin-top: -50px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tp-gg-caption h4 {
|
||||
font-size: 18px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.tp-gg-caption h4 a {
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.tp-gg-caption p {
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
h6.tp-gym-learn-more {
|
||||
font-size: 14px;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
h6.tp-gym-learn-more a {
|
||||
color: var(--headline-color);
|
||||
text-transform: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h6.tp-gym-learn-more::after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f061";
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
/* ========== TEAM CAROUSEL ========== */
|
||||
.team-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.team-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.team-carousel .owl-carousel .item .tp-gym-trainer {
|
||||
margin: auto 10px;
|
||||
}
|
||||
|
||||
.team-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.team-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--owl-dots);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.team-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.team-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.tp-gym-trainer {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.gt-caption {
|
||||
position: absolute;
|
||||
bottom: -20px;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
background-color: rgba(252, 47, 29, 0.4);
|
||||
width: 300px;
|
||||
padding: 30px;
|
||||
border-radius: 5px;
|
||||
-webkit-transition: all 0.3s ease-in-out 0s;
|
||||
-moz-transition: all 0.3s ease-in-out 0s;
|
||||
-ms-transition: all 0.3s ease-in-out 0s;
|
||||
-o-transition: all 0.3s ease-in-out 0s;
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
}
|
||||
|
||||
.tp-gym-trainer:hover .gt-caption {
|
||||
background-color: rgba(252, 47, 29, 0.8);
|
||||
}
|
||||
|
||||
.gt-caption h4 {
|
||||
color: #FFF;
|
||||
font-size: 22px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.gt-caption p {
|
||||
color: #FFF;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/* ========== SOCIAL ICONS ========== */
|
||||
.trainer-social ul li {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
color: #FFF;
|
||||
background-color: transparent;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
-webkit-transition: all 0.3s ease-in-out 0s;
|
||||
-moz-transition: all 0.3s ease-in-out 0s;
|
||||
-ms-transition: all 0.3s ease-in-out 0s;
|
||||
-o-transition: all 0.3s ease-in-out 0s;
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
margin: 0px 10px;
|
||||
}
|
||||
|
||||
.trainer-social ul li a {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.trainer-social ul li:hover {
|
||||
background-color: none !important;
|
||||
}
|
||||
|
||||
.trainer-social ul li:hover .fab {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
/* ========== CALL TO ACTION ========== */
|
||||
.tp-gym-cta {
|
||||
background-color: var(--primary-color);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.gym-cta-img {
|
||||
width: 570px;
|
||||
top: -150px;
|
||||
left: 50px;
|
||||
}
|
||||
|
||||
.gym-cta-content {
|
||||
margin-top: 170px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.gym-cta-content h2 {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.gym-cta-content p {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.gym-cta-conten .btn-default-white {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
/* ========== NEWS CAROUSEL ========== */
|
||||
.news-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.news-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.news-carousel .owl-carousel .item .news-box {
|
||||
margin: auto 10px;
|
||||
}
|
||||
|
||||
.news-carousel .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nb-thumb {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.nb-avatar {
|
||||
width: 50px !important;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.nb-caption {
|
||||
width: 250px;
|
||||
padding: 15px;
|
||||
margin-top: -80px;
|
||||
background-color: #FFF;
|
||||
z-index: 10;
|
||||
position: relative;
|
||||
border-top-right-radius: 10px;
|
||||
}
|
||||
|
||||
.nb-caption .moc-caption h4 {
|
||||
font-size: 15px;
|
||||
color: var(--headline-color);
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.nb-caption .moc-caption p {
|
||||
font-size: 14px;
|
||||
color: var(--paragraph-color);
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.nb-caption .flex-grow-1 {
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
.nb-caption-bottom {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.nb-caption-bottom h4 a {
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.moc-thumbnail {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
/* ========== COUNTER ========== */
|
||||
.tp-counter-parallax {
|
||||
background-image: url("../../../images/commons/home-niches/fitness2/fitness6.jpg");
|
||||
height: 500px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tp-counter-content {
|
||||
margin: 0px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
max-width: 650px;
|
||||
}
|
||||
|
||||
h5.overheading {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.tp-counter-content h2 {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.tp-counter-content p {
|
||||
color: #FFFFFF;
|
||||
margin: 20px 0px 35px;
|
||||
}
|
||||
|
||||
.tp1-counter-box {
|
||||
background-color: #FFFFFF;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.mo-counter {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.mo-counter-thumb {
|
||||
width: 50px;
|
||||
flex-shrink: 0 !important;
|
||||
}
|
||||
|
||||
.tp-cb-caption {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.tp-cb-caption .counter {
|
||||
font-family: var(--base-font);
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
color: var(--headline-color);
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tp-cb-caption p {
|
||||
font-size: 10px;
|
||||
line-height: 1.3;
|
||||
color: var(--paragraph-color);
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.moc-center {
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1200px) {}
|
||||
|
||||
@media (max-width:991px) {
|
||||
.tablet-mt-4 {
|
||||
margin-top: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:767px) {
|
||||
.mobile-mt-4 {
|
||||
margin-top: 4rem;
|
||||
}
|
||||
|
||||
.tp-counter-parallax {
|
||||
height: 100%;
|
||||
padding: 60px 0px;
|
||||
}
|
||||
|
||||
.tp-counter-content {
|
||||
margin: 0px;
|
||||
position: relative;
|
||||
top: auto;
|
||||
-ms-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.tp1-counter-box {
|
||||
padding: 10px;
|
||||
width: 200px;
|
||||
margin: 5px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:576px) {
|
||||
.nb-caption {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:480px) {}
|
||||
|
||||
|
||||
@media (max-width:380px) {
|
||||
.gt-caption {
|
||||
width: 100%;
|
||||
padding: 30px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
}
|
||||
550
public/sunsari/css/partials/niches/hosting.css
Normal file
550
public/sunsari/css/partials/niches/hosting.css
Normal file
@@ -0,0 +1,550 @@
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var();
|
||||
--secundary-color: var();
|
||||
--headline-color: var();
|
||||
--paragraph-color: var();
|
||||
--background-color: var();
|
||||
}
|
||||
|
||||
/* ========== HEADER COLOR RESET ========== */
|
||||
ul.top-contact li a:hover {
|
||||
color: var(--light-gray);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.social-list li a:hover {
|
||||
color: var(--light-gray);
|
||||
}
|
||||
|
||||
.nav-menu > li > a:hover {
|
||||
color: var(--light-gray) !important;
|
||||
}
|
||||
|
||||
.navigation-fixed-wrapper.fixed .nav-menu > li > a:HOVER{
|
||||
color: var(--primary-color) !important;
|
||||
font-weight: 400;
|
||||
padding: 28px 15px;
|
||||
}
|
||||
|
||||
.top-social .btn-default:hover {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
/* ========== FOOTER COLOR RESET ========== */
|
||||
.footer-terms a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.footer-copyright p a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.quick-links li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.footer-contact li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.footer-social li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.cd-top {
|
||||
background: var(--primary-color) url(../../../images/icons/cd-top-arrow.svg) no-repeat center 50%;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
HOSTING.
|
||||
===================================== */
|
||||
.main-hero {
|
||||
height: 950px;
|
||||
background: #00c6ff;
|
||||
/* fallback for old browsers */
|
||||
background: -webkit-linear-gradient(to right, #0072ff, #00c6ff);
|
||||
/* Chrome 10-25, Safari 5.1-6 */
|
||||
background: linear-gradient(to right, #0072ff, #00c6ff);
|
||||
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
||||
padding: 150px 0px 150px 0px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.hero-info {
|
||||
margin-top: 200px;
|
||||
}
|
||||
|
||||
.hero-info h1 {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.hero-info p {
|
||||
color: #FFF;
|
||||
margin: 25px 0px;
|
||||
}
|
||||
|
||||
.hero-background {
|
||||
margin-top: 80px;
|
||||
}
|
||||
|
||||
.hero-info .tp-btn-primary{
|
||||
background-color: #FFFFFF;
|
||||
border: solid 1px #FFFFFF;
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.hero-info .tp-btn-primary:hover{
|
||||
background-color: var(--headline-color);
|
||||
border: solid 1px var(--headline-color);
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
/* ========== PRICING TABLE ========== */
|
||||
.pricing-boxes {
|
||||
margin-top: -90px;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.pricing-table {
|
||||
height: 540px;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
|
||||
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 5px;
|
||||
background: #fff;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.center-table {
|
||||
height: 600px;
|
||||
margin-top: -35px;
|
||||
background: #004d99;
|
||||
color: #FFF;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.center-table .table-header h2 {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.center-table h4 {
|
||||
color: #FFF;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.center-table hr.table {
|
||||
border-top: 1px solid #99ccff;
|
||||
}
|
||||
|
||||
.center-table .pricing-body p {
|
||||
color: #FFF;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.pricing-body h4 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.center-table .pricing-body span-black {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.table-header {
|
||||
height: 80px;
|
||||
text-align: center;
|
||||
padding: 25px 0px 25px 0px;
|
||||
}
|
||||
|
||||
hr.table {
|
||||
margin: 0px auto 0px auto;
|
||||
}
|
||||
|
||||
.pricing-body {
|
||||
text-align: center;
|
||||
padding: 30px 0px 30px 0px;
|
||||
}
|
||||
|
||||
.pricing-body span-black {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.pricing-body p {
|
||||
|
||||
font-size: 16px;
|
||||
line-height: 3;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.pricing-body h1 {
|
||||
line-height: 2;
|
||||
}
|
||||
|
||||
.domain-registration {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.domain-registration h1 {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.domain-box {
|
||||
margin: 15px auto 15px auto;
|
||||
max-width: 400px;
|
||||
box-shadow: 0 0 10px rgba(204, 204, 204, 0.6);
|
||||
-moz-box-shadow: 0 0 10px rgba(204, 204, 204, 0.6);
|
||||
-webkit-box-shadow: 0 0 10px rgba(204, 204, 204, 0.6);
|
||||
-o-box-shadow: 0 0 10px rgba(204, 204, 204, 0.6);
|
||||
}
|
||||
|
||||
.domain-box form {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
.domain-box .input {
|
||||
width: 70%;
|
||||
height: 45px;
|
||||
background: #FDFCFB;
|
||||
border: none;
|
||||
font-family: inherit;
|
||||
color: #737373;
|
||||
letter-spacing: 1px;
|
||||
text-indent: 5%;
|
||||
font-size: 13px;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
}
|
||||
|
||||
.domain-box .button {
|
||||
width: 30%;
|
||||
height: 45px;
|
||||
border: none;
|
||||
border-radius: 0 5px 5px 0;
|
||||
font-family: inherit;
|
||||
font-weight: 500;
|
||||
color: inherit;
|
||||
letter-spacing: 1px;
|
||||
cursor: pointer;
|
||||
color: #FFF;
|
||||
font-size: 13px;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
box-shadow: 0 0 10px rgba(204, 204, 204, 0.6);
|
||||
-moz-box-shadow: 0 0 10px rgba(204, 204, 204, 0.6);
|
||||
-webkit-box-shadow: 0 0 10px rgba(204, 204, 204, 0.6);
|
||||
-o-box-shadow: 0 0 10px rgba(204, 204, 204, 0.6);
|
||||
background: #00c6ff;
|
||||
/* fallback for old browsers */
|
||||
background: -webkit-linear-gradient(to right, #0072ff, #00c6ff);
|
||||
/* Chrome 10-25, Safari 5.1-6 */
|
||||
background: linear-gradient(to right, #0072ff, #00c6ff);
|
||||
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.span-domain {
|
||||
max-width: 70%;
|
||||
margin: 50px auto 0px auto;
|
||||
}
|
||||
|
||||
.inner-domain {
|
||||
border-right: solid 1px #ddd;
|
||||
}
|
||||
|
||||
.last-inner {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.inner-domain strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.hosting-services {
|
||||
display: block;
|
||||
padding: 4px;
|
||||
line-height: 1.42857143;
|
||||
background-color: #fff;
|
||||
-webkit-transition: border .2s ease-in-out;
|
||||
-o-transition: border .2s ease-in-out;
|
||||
transition: border .2s ease-in-out;
|
||||
margin: 20px 0px 20px 0px;
|
||||
}
|
||||
|
||||
.hosting-services>img,
|
||||
.hosting-services a>img {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
a.hosting-services:hover,
|
||||
a.hosting-services:focus,
|
||||
a.hosting-services.active {
|
||||
border-color: #337ab7;
|
||||
}
|
||||
|
||||
.hosting-services .caption {
|
||||
padding: 9px;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.hosting-services .caption p {
|
||||
line-height: 1.7;
|
||||
color: #999999;
|
||||
font-size: 15px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
/* ========== DOMAIN ========== */
|
||||
.domain-layer {
|
||||
text-align: center;
|
||||
border-right: solid 1px #DDD;
|
||||
}
|
||||
|
||||
.last-dl {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.domain-layer h3 {
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
|
||||
}
|
||||
|
||||
/* ========== SERVICES ========== */
|
||||
.hosting-services-card {
|
||||
background-color: #FFFFFF;
|
||||
padding: 10px;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
}
|
||||
|
||||
.medical-caption {
|
||||
padding: 25px 15px 10px;
|
||||
}
|
||||
|
||||
.medical-caption .medical-icon {
|
||||
width: 50px !important;
|
||||
}
|
||||
|
||||
.medical-caption h6 {
|
||||
font-size: 12px;
|
||||
color: var(--paragraph-color);
|
||||
font-weight: normal;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.medical-caption h3 {
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.medical-caption p {
|
||||
font-size: 13px;
|
||||
line-height: 22px;
|
||||
margin: 10px auto 0px;
|
||||
padding: 0px 10px;
|
||||
}
|
||||
|
||||
.medical-caption h5.read-more {
|
||||
font-size: 13px;
|
||||
font-weight: normal;
|
||||
margin-top: 15px;
|
||||
padding: 0px 10px;
|
||||
}
|
||||
|
||||
h5.read-more::after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f061";
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
h5.read-more a {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
h5.read-more a:hover {
|
||||
color: var(--secundary-color) !important;
|
||||
}
|
||||
|
||||
/* ========== CALL TO ACTION ========== */
|
||||
.call-action-wrapper {
|
||||
background: #00c6ff;
|
||||
/* fallback for old browsers */
|
||||
background: -webkit-linear-gradient(to right, #0072ff, #00c6ff);
|
||||
/* Chrome 10-25, Safari 5.1-6 */
|
||||
background: linear-gradient(to right, #0072ff, #00c6ff);
|
||||
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
||||
}
|
||||
|
||||
/* ========== CENTER TESTIMONIALS ========== */
|
||||
.corporate-center-testimonial {
|
||||
padding-top: 7.5rem;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-carousel .item .tp-card-center {
|
||||
margin: 50px 10px 10px;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--owl-dots);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.center-testimonial-card .tp-avatar {
|
||||
width: 80px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.center-testimonial-card .tp-testimonial-content {
|
||||
font-size: 18px;
|
||||
font-style: italic;
|
||||
max-width: 600px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
|
||||
.testimonial-author {
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.autor-profession {
|
||||
text-align: center;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/** Call To Action **/
|
||||
.call-action-wrapper {
|
||||
background-color: var(--primary-color);
|
||||
padding: 50px 0px;
|
||||
}
|
||||
|
||||
/* ========== HOME CONTACT ========== */
|
||||
.tp-contact1-parallax {
|
||||
background-image: url("../../../images/commons/home-niches/hosting/contact-bg.jpg");
|
||||
height: 650px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tp-contact1-parallax:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-image: linear-gradient(to bottom right, var(--headline-color), var(--headline-color));
|
||||
opacity: 0.8;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1200px) {}
|
||||
|
||||
@media (max-width:991px) {
|
||||
.spacing-box-991 {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.pricing-boxes {
|
||||
margin-top: 5rem;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.pricing-boxes .pricing-table {
|
||||
max-width: 500px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.hero-info {
|
||||
margin-top: 0px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.hero-background {
|
||||
max-width: 500px;
|
||||
margin: 60px auto 0px;
|
||||
}
|
||||
|
||||
.main-hero {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.domain-layer {
|
||||
text-align: center;
|
||||
border-right: none;
|
||||
margin: 15px 0px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:767px) {
|
||||
.spacing-box-767 {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.center-table {
|
||||
height: auto;
|
||||
margin: 30px auto !important;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:576px) {
|
||||
.center-testimonial-card .tp-testimonial-content {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:480px) {
|
||||
.hosting-services-card {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
373
public/sunsari/css/partials/niches/hotel.css
Normal file
373
public/sunsari/css/partials/niches/hotel.css
Normal file
@@ -0,0 +1,373 @@
|
||||
/* =====================================
|
||||
FONTS.
|
||||
===================================== */
|
||||
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
|
||||
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var();
|
||||
--secundary-color: var();
|
||||
--headline-color: var();
|
||||
--paragraph-color: var();
|
||||
--background-color: var();
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
NAME.
|
||||
===================================== */
|
||||
.about-left{
|
||||
padding: 60px 30px 0px 0px;
|
||||
}
|
||||
|
||||
.about-left h5.overheadline{
|
||||
font-size: 30px;
|
||||
font-weight: 400;
|
||||
letter-spacing: 2px;
|
||||
text-transform: none;
|
||||
color: var(--primary-color);
|
||||
font-family: 'Great Vibes', cursive;
|
||||
}
|
||||
|
||||
.about-left p{
|
||||
margin: 25px 0px 30px;
|
||||
}
|
||||
|
||||
.about-left .tp-btn-primary{
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
|
||||
/* ========== #### ========== */
|
||||
.destinations-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.destinations-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
.destinations-carousel .owl-carousel .item{
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.destinations-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.destinations-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--owl-dots);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.destinations-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.destinations-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.hotel-card{
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.hotel-card-thumb{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.thumb-caption-left{
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
.thumb-caption-left h5{
|
||||
color: #FFF;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.thumb-caption-right{
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
background-color: rgba(255, 255, 255, 0.8);
|
||||
border-radius: 50%;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.thumb-caption-right h5{
|
||||
font-size: 18px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.hotel-card-thumb img{
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
}
|
||||
|
||||
.hotel-card-caption{
|
||||
background-color: #FFF;
|
||||
border-bottom-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
padding: 30px 20px;
|
||||
}
|
||||
|
||||
.hotel-card-caption h6.price{
|
||||
color: var(--primary-color);
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.hotel-card-caption h3.destination{
|
||||
color: var(--headline-color);
|
||||
font-size: 20px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.hotel-card-caption h3.destination a{
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.hotel-card-caption p{
|
||||
font-size: 14px;
|
||||
color: #bfbfbf;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.hotel-card-caption .card-book{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.hotel-card-caption .tp-btn-primary{
|
||||
padding: 5px 20px;
|
||||
font-size: 13px;
|
||||
text-transform: none;
|
||||
border-radius: 50px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.destinations-carousel .image-hover figure {
|
||||
padding: 0;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.destinations-carousel .image-hover figure:hover+span {
|
||||
bottom: -36px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Zoom In #1 */
|
||||
.destinations-carousel .zoom-in img {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
-webkit-transition: .4s ease-in-out;
|
||||
transition: .4s ease-in-out;
|
||||
}
|
||||
|
||||
.destinations-carousel .zoom-in:hover img {
|
||||
-webkit-transform: scale(1.2);
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
|
||||
/* ========== #### ========== */
|
||||
.base-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.base-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
.base-carousel .owl-carousel .item{
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.base-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.base-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--owl-dots);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.base-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.base-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* ========== #### ========== */
|
||||
.fc-left{
|
||||
background-color: #000000;
|
||||
height: 450px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fc-left h2{
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.fc-left p{
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.fc-right{
|
||||
height: 450px;
|
||||
margin-top: 70px;
|
||||
}
|
||||
|
||||
.middle {
|
||||
margin: 0px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
text-align: left;
|
||||
padding: 0px 50px;
|
||||
}
|
||||
|
||||
/* ========== #### ========== */
|
||||
.newsletter-banner{
|
||||
background-color: var(--primary-color);
|
||||
text-align: center;
|
||||
padding: 50px 20px;
|
||||
}
|
||||
|
||||
.newsletter-content{
|
||||
max-width: 600px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.newsletter-content h2{
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.newsletter-content p{
|
||||
color: #FFFFFF;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.newsletter-content .tp-btn-primary{
|
||||
background-color: #000000;
|
||||
padding: 15px 30px;
|
||||
}
|
||||
|
||||
.newsletter-content .form-layer{
|
||||
max-width: 500px;
|
||||
margin: auto;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.newsletter-content .form-layer .form-control {
|
||||
display: block;
|
||||
padding: 5px 20px;
|
||||
font-family: var(--base-font);
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
color: #212529;
|
||||
background-color: #fff;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #ced4da;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
border-radius: 0rem;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
.newsletter-content .form-layer .form-control:focus {
|
||||
color: #212529;
|
||||
background-color: #fff;
|
||||
border-color: #86b7fe;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
|
||||
}
|
||||
|
||||
/* ========== #### ========== */
|
||||
.dental-parallax-ws{
|
||||
background-image: url("../../../images/commons/home-niches/hotel/img32.jpg");
|
||||
height: 500px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
.dental-parallax-ws:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-image: linear-gradient(to bottom right, var(--primary-heading), var(--primary-heading));
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.parallax-label {
|
||||
background-color: #FFF;
|
||||
border-left: solid 5px #3AB3DF;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
max-width: 600px;
|
||||
padding: 2rem;
|
||||
box-shadow: 0 0 10px rgb(204 204 204 / 60%);
|
||||
-moz-box-shadow: 0 0 10px rgba(204,204,204,0.6);
|
||||
-webkit-box-shadow: 0 0 10px rgb(204 204 204 / 60%);
|
||||
-o-box-shadow: 0 0 10px rgba(204,204,204,0.6);
|
||||
}
|
||||
|
||||
|
||||
/* ========== #### ========== */
|
||||
/* ========== #### ========== */
|
||||
/* ========== #### ========== */
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1200px) {
|
||||
|
||||
}
|
||||
@media (max-width:991px) {
|
||||
|
||||
}
|
||||
@media (max-width:767px) {
|
||||
|
||||
}
|
||||
@media (max-width:576px) {
|
||||
|
||||
}
|
||||
@media (max-width:480px) {
|
||||
|
||||
}
|
||||
490
public/sunsari/css/partials/niches/industrial.css
Normal file
490
public/sunsari/css/partials/niches/industrial.css
Normal file
@@ -0,0 +1,490 @@
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var(--industrial-primary);
|
||||
--secundary-color: var(--industrial-primary);
|
||||
--headline-color: var(--industrial-headline-secundary);
|
||||
/* --paragraph-color: var(--industrial-paragraph-color); */
|
||||
--background-color: var();
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
INDUSTRIAL.
|
||||
===================================== */
|
||||
/* TABS */
|
||||
.erinyen .tp-tab-title {
|
||||
color: var(--primary-color) !important;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* ========== SERVICES ========== */
|
||||
.front-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.front-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.front-carousel .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.about-left {
|
||||
padding: 0px 50px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.box-layer {
|
||||
background-color: #FFF;
|
||||
margin: 10px 15px;
|
||||
padding: 40px 25px;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
}
|
||||
|
||||
.icon-box {
|
||||
background-color: var(--primary-color);
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
margin: auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.bl-icon {
|
||||
width: 40px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.box-layer h4 {
|
||||
color: var(--headline-color);
|
||||
text-align: center;
|
||||
margin: 20px 0px 5px 0px;
|
||||
}
|
||||
|
||||
.box-layer p {
|
||||
font-size: 15px;
|
||||
text-align: center;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.box-layer h6 {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.box-layer h6 a {
|
||||
text-decoration: none;
|
||||
color: var(--primary-color);
|
||||
-webkit-transition: all 0.3s ease-in-out 0s;
|
||||
-moz-transition: all 0.3s ease-in-out 0s;
|
||||
-ms-transition: all 0.3s ease-in-out 0s;
|
||||
-o-transition: all 0.3s ease-in-out 0s;
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
}
|
||||
|
||||
.box-layer h6 a:hover {
|
||||
text-decoration: none;
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
/* ========== ABOUT US ========== */
|
||||
|
||||
.mission-layer {
|
||||
position: absolute;
|
||||
background-color: var(--primary-color);
|
||||
padding: 25px;
|
||||
bottom: 10%;
|
||||
left: 0px;
|
||||
width: 250px;
|
||||
border-radius: 5px;
|
||||
outline: 2px solid #FFF;
|
||||
outline-offset: -8px;
|
||||
-webkit-transition: all 0.3s ease-in-out 0s;
|
||||
-moz-transition: all 0.3s ease-in-out 0s;
|
||||
-ms-transition: all 0.3s ease-in-out 0s;
|
||||
-o-transition: all 0.3s ease-in-out 0s;
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
}
|
||||
|
||||
.mission-layer:hover {
|
||||
background-color: var(--secundary-color);
|
||||
outline: 2px solid #FFF;
|
||||
outline-offset: -8px;
|
||||
}
|
||||
|
||||
.ml-icon {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.mission-layer h4 {
|
||||
font-size: 18px;
|
||||
text-transform: uppercase;
|
||||
color: var(--headline-color);
|
||||
margin: 10px 0px;
|
||||
}
|
||||
|
||||
.mission-layer p {
|
||||
color: var(--headline-color);
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.about-right h6 a {
|
||||
color: var(--primary-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.signature-layer {
|
||||
margin-top: 35px;
|
||||
display: -ms-flexbox !important;
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.signature-img {
|
||||
width: 160px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
.front-contact-layer h4 {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.front-contact-layer h4 a {
|
||||
margin-bottom: 0px;
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.about-right h5.overheadline {
|
||||
font-size: 14px;
|
||||
line-height: 25px;
|
||||
color: #a3b0b4;
|
||||
}
|
||||
|
||||
/* ========== WIDE SECTION ========== */
|
||||
.ws-left-layer {
|
||||
background-image: url("../../../images/commons/home-niches/industrial/industra-img-26.jpg");
|
||||
height: 600px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ws-right-layer {
|
||||
height: 600px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
margin-top: 80px;
|
||||
margin-left: -100px;
|
||||
z-index: 1;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
}
|
||||
|
||||
.ws-right-layer:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: var(--headline-color);
|
||||
}
|
||||
|
||||
.ws-content {
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
width: 60%;
|
||||
padding-left: 5rem;
|
||||
}
|
||||
|
||||
.ws-content h5 {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: var(--primary-color);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.ws-content h2 {
|
||||
color: #FFF;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.ws-content p {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.box-content {
|
||||
margin-top: 50px;
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.box-content h4 {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.box-content p {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.bc-icon {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.inner-bc {
|
||||
display: inline-block;
|
||||
padding-right: 50px;
|
||||
}
|
||||
|
||||
.inner-bc h4 {
|
||||
font-size: 17px;
|
||||
color: var(--primary-color);
|
||||
margin: 10px 0px 5px 0px;
|
||||
}
|
||||
|
||||
.inner-bc p {
|
||||
font-size: 14px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
|
||||
/* ========== COUNTER ========== */
|
||||
.counter-layer {
|
||||
background-image: url("../../../images/commons/home-niches/industrial/testimonial-bg.jpg");
|
||||
height: 100%;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
padding: 140px 0px 60px;
|
||||
margin-top: -80px;
|
||||
}
|
||||
|
||||
.counter-layer:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: var(--headline-color);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.counter-layer .counter-box {
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.counter-layer .counter {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.counter-layer p {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
/* ========== TEAM ========== */
|
||||
.team-card-box {
|
||||
background-color: var(--background-color);
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.team-carousel-2 .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.team-caption p.profession {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
/* ========== NEWS CAROUSEL ========== */
|
||||
.news-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.news-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.news-carousel .owl-carousel .item .news-box {
|
||||
margin: auto 10px;
|
||||
}
|
||||
|
||||
.news-carousel .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nb-thumb {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.nb-avatar {
|
||||
width: 50px !important;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.nb-caption {
|
||||
width: 250px;
|
||||
padding: 15px;
|
||||
margin-top: -80px;
|
||||
background-color: #FFF;
|
||||
z-index: 10;
|
||||
position: relative;
|
||||
border-top-right-radius: 10px;
|
||||
}
|
||||
|
||||
.nb-caption .moc-caption h4 {
|
||||
font-size: 15px;
|
||||
color: var(--headline-color);
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.nb-caption .moc-caption p {
|
||||
font-size: 14px;
|
||||
color: var(--paragraph-color);
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.nb-caption .flex-grow-1 {
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
.nb-caption-bottom {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.nb-caption-bottom h4 a {
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.moc-thumbnail {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1800px) {
|
||||
.ws-content {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:1600px) {
|
||||
.ws-content {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:1300px) {
|
||||
.ws-content {
|
||||
width: 85%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:1200px) {
|
||||
.ws-content {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:991px) {
|
||||
|
||||
.ws-left-layer {
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.ws-right-layer {
|
||||
height: 100%;
|
||||
margin-top: 0px;
|
||||
margin-left: 0px;
|
||||
z-index: 1;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
padding: 0px 10px;
|
||||
}
|
||||
|
||||
.ws-content {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
top: 0%;
|
||||
-ms-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
padding: 50px 20px;
|
||||
}
|
||||
|
||||
.counter-layer .counter-box {
|
||||
margin: 20px 0px;
|
||||
}
|
||||
|
||||
.about-left {
|
||||
padding: 0px;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:767px) {
|
||||
.team-card-box {
|
||||
max-width: 400px;
|
||||
margin: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:576px) {
|
||||
.ws-content .box-content {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.ws-content {
|
||||
padding: 50px 20px;
|
||||
}
|
||||
|
||||
.ib-bottom {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.mission-layer {
|
||||
position: relative;
|
||||
background-color: var(--primary-color);
|
||||
padding: 25px;
|
||||
bottom: auto;
|
||||
left: auto;
|
||||
width: 100%;
|
||||
border-radius: 0px;
|
||||
outline: 1px solid #FFF;
|
||||
outline-offset: -10px;
|
||||
}
|
||||
|
||||
.nb-caption {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:480px) {
|
||||
.signature-layer {
|
||||
margin-top: 35px;
|
||||
display: block !important;
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
300
public/sunsari/css/partials/niches/lawyer.css
Normal file
300
public/sunsari/css/partials/niches/lawyer.css
Normal file
@@ -0,0 +1,300 @@
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var(--lawyer-primary);
|
||||
--secundary-color: var(--lawyer-secundary);
|
||||
--headline-color: var(--lawyer-headline-color);
|
||||
--paragraph-color: var();
|
||||
--background-color: var();
|
||||
}
|
||||
|
||||
/* ========== HEADER COLOR RESET ========== */
|
||||
ul.top-contact li a:hover {
|
||||
color: var(--primary-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.social-list li a:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.top-social .btn-default:hover {
|
||||
color: var(--primary-color);
|
||||
background-color: transparent;
|
||||
border-color: none;
|
||||
}
|
||||
|
||||
|
||||
/* ========== FOOTER COLOR RESET ========== */
|
||||
.footer-terms a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.footer-copyright p a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.quick-links li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.footer-contact li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
ul.footer-social li a:hover{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.cd-top {
|
||||
background: var(--primary-color) url(../../../images/icons/cd-top-arrow.svg) no-repeat center 50%;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
LAWYER.
|
||||
===================================== */
|
||||
|
||||
/* ========== ABOUT US ========== */
|
||||
.about-services {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
h5.overheadline {
|
||||
color: var(--lawyer-primary);
|
||||
}
|
||||
|
||||
.lawyer-about-icon {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.about-service-box h4 {
|
||||
font-size: 18px;
|
||||
margin: 15px 0px 10px;
|
||||
}
|
||||
|
||||
.about-service-box p {
|
||||
font-size: 13px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
/* ========== COUNTER PARALLAX ========== */
|
||||
.tp-counter-parallax {
|
||||
background-image: url("../../../images/commons/home-niches/lawyer/law11.jpg");
|
||||
height: 500px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tp-counter-content {
|
||||
margin: 0px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
.tp-counter-content h2 {
|
||||
color: #FFFFFF
|
||||
}
|
||||
|
||||
.tp-counter-content p {
|
||||
color: #FFFFFF;
|
||||
margin: 20px 0px 35px;
|
||||
}
|
||||
|
||||
.tp1-counter-box {
|
||||
background-color: #FFFFFF;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.tp1-counter-box {
|
||||
background-color: var(--primary-color);
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.mo-counter {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.mo-counter-thumb {
|
||||
width: 50px;
|
||||
flex-shrink: 0 !important;
|
||||
}
|
||||
|
||||
.tp-cb-caption {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.tp-cb-caption .counter {
|
||||
font-family: var(--base-font);
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
color: #FFF;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tp-cb-caption p {
|
||||
font-size: 10px;
|
||||
color: #FFF;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.moc-center {
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
/* ========== TEAM SLIDER ========== */
|
||||
.aside-team-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.aside-team-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.aside-team-carousel .owl-carousel .item {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.aside-team-carousel .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.aside-team-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--owl-dots);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.aside-team-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.aside-team-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.about-team {
|
||||
padding: 30px 0px;
|
||||
}
|
||||
|
||||
.lawyer-caption {
|
||||
text-align: center;
|
||||
padding: 20px 10px;
|
||||
}
|
||||
|
||||
.lawyer-caption h4 {
|
||||
font-size: 18px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
/* ========== PARALLAX SERVICES ========== */
|
||||
|
||||
.parallax-serivces {
|
||||
background-image: url("../../../images/commons/home-niches/lawyer/law18.jpg");
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
padding: 50px 0px;
|
||||
}
|
||||
|
||||
.lawyer-services-box {
|
||||
text-align: center;
|
||||
padding: 0px 15px;
|
||||
margin: 30px 0px;
|
||||
}
|
||||
|
||||
.lawyer-service-icon {
|
||||
width: 60px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.lawyer-services-box h4 {
|
||||
margin: 10px 0px;
|
||||
}
|
||||
|
||||
.lawyer-services-box p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
|
||||
/* ========== ABOUT US ========== */
|
||||
.about-left {
|
||||
padding: 30px 50px 0px 0px;
|
||||
}
|
||||
|
||||
.signature {
|
||||
width: 210px;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
/* ========== HOME CONTACT ========== */
|
||||
.tp-contact1-parallax {
|
||||
background-image: url("../../../images/commons/home-niches/lawyer/law5.html");
|
||||
height: 650px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tp-contact1-parallax:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-image: linear-gradient(to bottom right, var(--secundary-color), var(--secundary-color));
|
||||
opacity: 0.7;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1200px) {}
|
||||
|
||||
@media (max-width:991px) {
|
||||
.about-left {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:767px) {
|
||||
.tp-counter-parallax {
|
||||
height: 100%;
|
||||
padding: 60px 0px;
|
||||
}
|
||||
|
||||
.tp-counter-content {
|
||||
margin: 0px;
|
||||
position: relative;
|
||||
top: auto;
|
||||
-ms-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.tp1-counter-box {
|
||||
padding: 10px;
|
||||
width: 200px;
|
||||
margin: 5px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:576px) {}
|
||||
|
||||
@media (max-width:480px) {}
|
||||
467
public/sunsari/css/partials/niches/medical.css
Normal file
467
public/sunsari/css/partials/niches/medical.css
Normal file
@@ -0,0 +1,467 @@
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var(--medical-primary);
|
||||
--secundary-color: var(--medical-secundary);
|
||||
--headline-color: var();
|
||||
--paragraph-color: var();
|
||||
--background-color: var();
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
MEDICAL.
|
||||
===================================== */
|
||||
.bg-wrapper {
|
||||
padding: 5rem 0rem;
|
||||
background-color: #F7F7FF;
|
||||
}
|
||||
|
||||
.medical-front-box {
|
||||
padding: 20px;
|
||||
background-color: #FFF;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
}
|
||||
|
||||
.medical-front-box .mb-icon {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.medical-front-box p {
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.medical-front-box h5 {
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* ========== MEDICAL ABOUT ========== */
|
||||
.medical-about-right {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.medical-about-right h5.overheadline {
|
||||
font-size: 14px;
|
||||
color: var(--secundary-color);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.medical-banner {
|
||||
position: relative;
|
||||
margin-top: 30px;
|
||||
padding: 20px 100px 20px 20px;
|
||||
border-left: solid 5px var(--secundary-color);
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
}
|
||||
|
||||
.medical-banner h4 {
|
||||
font-size: 16px;
|
||||
font-style: italic;
|
||||
font-weight: 500px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.medical-banner .fas {
|
||||
font-size: 70px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 15px;
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
/* ========== SERVICES CAROUSEL ========== */
|
||||
.medical-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.medical-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.medical-carousel .owl-carousel .item {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.medical-carousel .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.medical-services-card {
|
||||
background-color: #FFFFFF;
|
||||
padding: 10px;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
}
|
||||
|
||||
.medical-caption {
|
||||
padding: 25px 15px 10px;
|
||||
}
|
||||
|
||||
.medical-caption .medical-icon {
|
||||
width: 50px !important;
|
||||
}
|
||||
|
||||
.medical-caption h6 {
|
||||
font-size: 12px;
|
||||
color: var(--paragraph-color);
|
||||
font-weight: normal;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.medical-caption h3 {
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.medical-caption p {
|
||||
font-size: 13px;
|
||||
line-height: 22px;
|
||||
margin: 10px auto 0px;
|
||||
padding: 0px 10px;
|
||||
}
|
||||
|
||||
.medical-caption h5.read-more {
|
||||
font-size: 13px;
|
||||
font-weight: normal;
|
||||
margin-top: 15px;
|
||||
padding: 0px 10px;
|
||||
}
|
||||
|
||||
h5.read-more::after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f061";
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
h5.read-more a {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
h5.read-more a:hover {
|
||||
color: var(--secundary-color) !important;
|
||||
}
|
||||
|
||||
/* ========== CENTER TESTIMONIALS ========== */
|
||||
.center-testimonial-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-carousel .item .tp-card-center {
|
||||
margin: 50px 10px 10px;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--owl-dots);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.center-testimonial-card .tp-avatar {
|
||||
width: 80px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.center-testimonial-card .tp-testimonial-content {
|
||||
font-size: 18px;
|
||||
font-style: italic;
|
||||
max-width: 600px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
|
||||
.testimonial-author {
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.autor-profession {
|
||||
text-align: center;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/** Call To Action **/
|
||||
.call-action-wrapper {
|
||||
background-color: var(--primary-color);
|
||||
padding: 50px 0px;
|
||||
}
|
||||
|
||||
/* ========== WHY US ========== */
|
||||
.tp-why-us-left-side {
|
||||
padding: 70px 30px 0 0;
|
||||
}
|
||||
|
||||
.tp-why-us-left-side h5.overheadline {
|
||||
text-transform: uppercase;
|
||||
color: var(--secundary-color);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.mc-flex-box-layer {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.tp-flex-box {
|
||||
padding: 15px;
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.tp-media-object {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.tp-media-object .tp-media-img {
|
||||
width: 90px;
|
||||
}
|
||||
|
||||
.tp-media-caption {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.tp-media-caption h4 {
|
||||
font-size: 16px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.tp-media-caption p {
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 0px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
.tp-why-us-right-side {
|
||||
background-image: url("../../../images/commons/home-niches/medical/medical5.png");
|
||||
height: 600px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* ========== YOUTUBE POPUP ========== */
|
||||
.popup-youtube {
|
||||
position: absolute;
|
||||
top: auto;
|
||||
left: auto;
|
||||
bottom: 80px;
|
||||
right: 80px;
|
||||
transform: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.popup-youtube .video-image {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.popup-youtube .video-image img {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.popup-youtube .video-image img a:link {
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.popup-youtube .video-image img a:visited {
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.popup-youtube .video-image img a:hover {
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.popup-youtube .video-image img a:active {
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
/* ========== PULSING BTN ========== */
|
||||
.pulse {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
background: var(--corporate-primary);
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
color: #FFF;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
line-height: 70px;
|
||||
font-size: 30px;
|
||||
transform: translate(-50%, -50%);
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.pulse::before,
|
||||
.pulse::after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
border: 1px solid var(--corporate-primary);
|
||||
top: -15px;
|
||||
right: -15px;
|
||||
left: -15px;
|
||||
bottom: -15px;
|
||||
animation: pulse 1.5s linear infinite;
|
||||
}
|
||||
|
||||
.pulse::after {
|
||||
animation-delay: .5s;
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0% {
|
||||
transform: scale(0.5);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
to {
|
||||
transform: scale(1.2);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ========== COUNTER ========== */
|
||||
.counter-parallax {
|
||||
background-image: url("../../../images/commons/home-niches/medical/img42.jpg");
|
||||
height: 500px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.counter-parallax:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-image: linear-gradient(to bottom right, #FFFFFF, #FFFFFF);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.content-parallax {
|
||||
margin: 0px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
max-width: 700px;
|
||||
}
|
||||
|
||||
.content-parallax p {
|
||||
color: var(--headline-color);
|
||||
margin: 15px 0px 30px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.content-parallax h5 {
|
||||
color: var(--primary-color);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.content-parallax h2 {
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.tp1-counter-box {
|
||||
background-color: var(--primary-color);
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.tp1-counter-box .education-icon {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.tp1-counter-box .counter {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.tp1-counter-box p.counter-description {
|
||||
font-size: 14px;
|
||||
color: #FFFFFF;
|
||||
margin: 0px !important;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1200px) {}
|
||||
|
||||
@media (max-width:991px) {
|
||||
.medical-about-right {
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.medical-banner {
|
||||
max-width: 600px;
|
||||
position: relative;
|
||||
margin-top: 30px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:767px) {}
|
||||
|
||||
@media (max-width:576px) {
|
||||
.center-testimonial-card .tp-testimonial-content {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.tp-why-us-left-side {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:480px) {
|
||||
.medical-services-card {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
532
public/sunsari/css/partials/niches/organic.css
Normal file
532
public/sunsari/css/partials/niches/organic.css
Normal file
@@ -0,0 +1,532 @@
|
||||
/* =====================================
|
||||
FONTS.
|
||||
===================================== */
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Aleo:wght@300;400;700&family=Barlow:wght@300;400;700&display=swap');
|
||||
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var(--organic-primary);
|
||||
--secundary-color: var(--organic-secundary);
|
||||
--headline-color: var(--organic-headline-color);
|
||||
--paragraph-color: var();
|
||||
--background-color: var(--organic-background-color);
|
||||
|
||||
/* ----- TYPOGRAPHY. ----- */
|
||||
--base-font: 'Aleo', serif;
|
||||
--secundary-font: 'Barlow', sans-serif;
|
||||
--paragraph-font-size: 15px;
|
||||
}
|
||||
|
||||
/* ========== NAVBAR COLOR RESET ========== */
|
||||
.nav-menu > li > a:hover {
|
||||
color: var(--secundary-color) !important;
|
||||
}
|
||||
|
||||
.nav-menu > li:hover > a .submenu-indicator-chevron,
|
||||
.nav-menu > .active > a .submenu-indicator-chevron,
|
||||
.nav-menu > .focus > a .submenu-indicator-chevron {
|
||||
border-color: transparent var(--secundary-color) var(--secundary-color) transparent;
|
||||
}
|
||||
|
||||
|
||||
/* =====================================
|
||||
ORGANIC.
|
||||
===================================== */
|
||||
|
||||
/* =====================================
|
||||
1. SLIDER.
|
||||
===================================== */
|
||||
.home-slider {
|
||||
width: 100%;
|
||||
height: 850px;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.hero-slider {
|
||||
width: 100%;
|
||||
height: 850px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.overlay {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6)));
|
||||
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
|
||||
}
|
||||
|
||||
.hero-slider .carousel-cell {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.slider-caption {
|
||||
position: relative;
|
||||
top: 58%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
color: #FFF;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.slider-caption .subtitle {
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: 10px;
|
||||
color: var(--secundary-color);
|
||||
margin-bottom: 5px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.slider-caption h1 {
|
||||
font-size: 60px;
|
||||
line-height: 70px;
|
||||
width: 80%;
|
||||
color: var(--headline-color);
|
||||
text-transform: uppercase;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.slider-caption p {
|
||||
width: 50%;
|
||||
color: var(--headline-color);
|
||||
font-size: 18px;
|
||||
line-height: 32px;
|
||||
margin: 15px 0px 25px 0px;
|
||||
}
|
||||
|
||||
.slider-caption .tp-btn-primary {
|
||||
background-color: var(--secundary-color);
|
||||
border: solid 2px var(--secundary-color);
|
||||
color: #FFFFFF;
|
||||
padding: 10px 40px;
|
||||
font-size: 15px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.slider-caption .tp-btn-primary:hover {
|
||||
background-color: var(--primary-color);
|
||||
border: solid 2px var(--primary-color);
|
||||
color: #FFF;
|
||||
padding: 10px 40px;
|
||||
font-size: 15px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.hero-slider .flickity-prev-next-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hero-slider .flickity-prev-next-button:hover {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.hero-slider .flickity-prev-next-button .arrow {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
.hero-slider .flickity-page-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hero-slider .flickity-page-dots .dot {
|
||||
width: 25px;
|
||||
height: 3px;
|
||||
opacity: 1;
|
||||
background: rgba(255, 255, 255);
|
||||
border: 0px solid white;
|
||||
border-radius: 0%;
|
||||
display: block;
|
||||
margin: 20px 0px;
|
||||
}
|
||||
|
||||
.hero-slider .flickity-page-dots .dot.is-selected {
|
||||
width: 35px;
|
||||
background: var(--primary-color);
|
||||
border: 0px solid var(--primary-color);
|
||||
}
|
||||
|
||||
.dot-hide .flickity-page-dots .dot {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.social-media {
|
||||
position: absolute;
|
||||
top: 25%;
|
||||
right: 30px;
|
||||
z-index: 2 !important;
|
||||
}
|
||||
|
||||
.social-media ul li {
|
||||
margin: 50px 30px;
|
||||
font-size: 20px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.social-media ul li a {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.social-media ul li a:hover {
|
||||
color: var(--secundary-color);
|
||||
}
|
||||
|
||||
/* ========== 1. TOP HEADER. ========== */
|
||||
.top-header {
|
||||
background: transparent;
|
||||
height: 60px;
|
||||
clear: both;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
transition: 0.6s ease-in;
|
||||
padding: 15px;
|
||||
color: var(--headline-color) !important;
|
||||
}
|
||||
|
||||
ul.top-contact li {
|
||||
font-size: 14px;
|
||||
margin-bottom: 0px;
|
||||
font-family: var(--base-font);
|
||||
}
|
||||
|
||||
ul.top-contact li a {
|
||||
color: var(--headline-color);
|
||||
text-decoration: none;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
ul.top-contact li a:hover {
|
||||
color: var(--secundary-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.social-list li a {
|
||||
color: var(--headline-color);
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
.social-list li a:hover {
|
||||
color: var(--secundary-color);
|
||||
}
|
||||
|
||||
/* ========== NAVBAR CUSTOM ========== */
|
||||
.nav-menu>li>a {
|
||||
font-family: var(--base-font);
|
||||
font-weight: 400;
|
||||
height: 70px;
|
||||
padding: 26px 15px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
color: var(--headline-color);
|
||||
-webkit-transition: color 0.3s, background 0.3s;
|
||||
transition: color 0.3s, background 0.3s;
|
||||
}
|
||||
|
||||
.submenu-indicator-chevron {
|
||||
height: 6px;
|
||||
width: 6px;
|
||||
display: block;
|
||||
border-style: solid;
|
||||
border-width: 0 1px 1px 0;
|
||||
border-color: transparent var(--headline-color) var(--headline-color) transparent;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
-webkit-transition: border 0.3s;
|
||||
transition: border 0.3s;
|
||||
margin-top: -4px !important;
|
||||
}
|
||||
|
||||
/* ========== PRODUCT ========== */
|
||||
.organic-product-cart {
|
||||
padding: 20px;
|
||||
border-radius: 5px;
|
||||
background-color: #F5F4EF;
|
||||
}
|
||||
|
||||
.organic-product-caption {
|
||||
text-align: center;
|
||||
padding: 20px 15px;
|
||||
}
|
||||
|
||||
.organic-product-caption h3 {
|
||||
font-size: 18px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.organic-product-caption h5 {
|
||||
color: var(--primary-color);
|
||||
font-weight: 400;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/* ========== WHAT WE OFFER ========== */
|
||||
.organic-icon {
|
||||
width: 35px;
|
||||
}
|
||||
|
||||
.organic-service-box h4 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.organic-service-box p {
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/* ========== TEAM ========== */
|
||||
.team-card-box {
|
||||
background-color: #F9FAFB;
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.team-carousel-2 .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.team-caption p.profession {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
/* ========== PARALLAX COUNTER ========== */
|
||||
.tp-counter-parallax {
|
||||
background-image: url("../../../images/commons/home-niches/organic/organic-bg.jpg");
|
||||
height: 500px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tp-counter-content {
|
||||
margin: 0px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
.tp-counter-content h5 {
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.tp-counter-content h2 {
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.tp-counter-content p {
|
||||
color: var(--headline-color);
|
||||
margin: 20px 0px 35px;
|
||||
}
|
||||
|
||||
.tp1-counter-box {
|
||||
background-color: #FFFFFF;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.mo-counter {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.mo-counter-thumb {
|
||||
width: 60px;
|
||||
flex-shrink: 0 !important;
|
||||
}
|
||||
|
||||
.tp-cb-caption {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.tp-cb-caption .counter {
|
||||
font-family: var(--base-font);
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
color: var(--headline-color);
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tp-cb-caption p {
|
||||
font-size: 10px;
|
||||
color: var(--paragraph-color);
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.moc-center {
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
/* ========== CENTER TESTIMONIALS ========== */
|
||||
.corporate-center-testimonial {
|
||||
margin-top: -50px;
|
||||
padding-top: 7.5rem;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-carousel .item .tp-card-center {
|
||||
margin: 50px 10px 10px;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--background-color);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.center-testimonial-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.center-testimonial-card .tp-avatar {
|
||||
width: 80px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.center-testimonial-card .tp-testimonial-content {
|
||||
font-size: 18px;
|
||||
font-style: italic;
|
||||
max-width: 600px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
|
||||
.testimonial-author {
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.autor-profession {
|
||||
text-align: center;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/** Call To Action **/
|
||||
.call-action-wrapper {
|
||||
background-color: var(--primary-color);
|
||||
padding: 50px 0px;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1200px) {}
|
||||
|
||||
@media (max-width:991px) {
|
||||
|
||||
.slider-caption {
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
|
||||
.slider-caption .subtitle {
|
||||
letter-spacing: 5px;
|
||||
}
|
||||
|
||||
.slider-caption h1 {
|
||||
font-size: 45px;
|
||||
line-height: 55px;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.slider-caption p {
|
||||
width: 80%;
|
||||
font-size: 16px;
|
||||
line-height: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:767px) {
|
||||
.tp-counter-parallax {
|
||||
height: 100%;
|
||||
padding: 60px 0px;
|
||||
}
|
||||
|
||||
.tp-counter-content {
|
||||
margin: 0px;
|
||||
position: relative;
|
||||
top: auto;
|
||||
-ms-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.tp1-counter-box {
|
||||
padding: 10px;
|
||||
width: 200px;
|
||||
margin: 5px 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:576px) {
|
||||
.center-testimonial-card .tp-testimonial-content {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.slider-caption .subtitle {
|
||||
font-size: 14px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.slider-caption h1 {
|
||||
font-size: 35px;
|
||||
line-height: 45px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.slider-caption p {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.social-media {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:480px) {}
|
||||
1300
public/sunsari/css/partials/niches/portfolio.css
Normal file
1300
public/sunsari/css/partials/niches/portfolio.css
Normal file
File diff suppressed because it is too large
Load Diff
518
public/sunsari/css/partials/niches/restaurant.css
Normal file
518
public/sunsari/css/partials/niches/restaurant.css
Normal file
@@ -0,0 +1,518 @@
|
||||
/* =====================================
|
||||
FONTS.
|
||||
===================================== */
|
||||
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap');
|
||||
|
||||
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var();
|
||||
--secundary-color: var();
|
||||
--headline-color: var();
|
||||
--paragraph-color: var();
|
||||
--background-color: var();
|
||||
|
||||
/* ----- TYPOGRAPHY. ----- */
|
||||
--base-font: 'Ubuntu', sans-serif;
|
||||
--secundary-font: 'Ubuntu', sans-serif;
|
||||
--paragraph-font-size: 15px;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
RESTAURANT.
|
||||
===================================== */
|
||||
|
||||
/* ========== NAVBAR RESET ========== */
|
||||
.submenu-indicator-chevron {
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
|
||||
/* ========== ABOUT US ========== */
|
||||
.about-wide-left {
|
||||
padding: 55px 30px 0 0;
|
||||
}
|
||||
|
||||
.about-wide-left h5.overheadline {
|
||||
font-size: 16px;
|
||||
color: var(--primary-color);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.ceo-layer {
|
||||
margin-top: 30px;
|
||||
border-left: solid 5px var(--primary-color);
|
||||
padding: 15px 15px 15px 15px;
|
||||
}
|
||||
|
||||
.ceo-avatar {
|
||||
width: 70px;
|
||||
border-radius: 50%;
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.ceo-avatar img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.ceo-comments p {
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
font-style: italic;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/* ========== SERVICES PARALLAX ========== */
|
||||
.wide-parallax {
|
||||
background-image: url("../../../images/commons/home-niches/restaurant/restaurant-inside-2.jpg");
|
||||
height: 100%;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
padding: 80px 0px;
|
||||
}
|
||||
|
||||
.wide-parallax:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-image: linear-gradient(to bottom right, #000000, #000000);
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.menu-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.menu-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.menu-carousel .owl-carousel .item {
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.menu-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.menu-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--owl-dots);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.menu-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.menu-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.food-card {
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
border-top-left-radius: 50%;
|
||||
border-top-right-radius: 50%;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.fc-thumb {
|
||||
border-top-left-radius: 50px !important;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.fc-thumb img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.fc-caption {
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
padding: 0px 15px 25px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fc-caption h4 {
|
||||
font-size: 18px;
|
||||
color: #FFFFFF;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.fc-caption h4 a {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.fc-caption p {
|
||||
font-size: 14px;
|
||||
color: #FFFFFF;
|
||||
line-height: 20px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.fc-caption .rating-stars {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.fc-caption .rating-stars li {
|
||||
font-size: 16px;
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
/* ========== MENU ========== */
|
||||
.menu-block {
|
||||
margin: 0px 10px;
|
||||
border-bottom: solid 1px rgb(221, 221, 221, 0.5);
|
||||
}
|
||||
|
||||
.plate-price {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.plate-name h4 {
|
||||
font-size: 16px;
|
||||
line-height: 21px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
p.plate-description {
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
/* ========== TESTIMONIALS ========== */
|
||||
.testimonials-parallax {
|
||||
background-image: url("../../../images/commons/home-niches/restaurant/img26.jpg");
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
padding: 100px 0px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.testimonials-parallax:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-image: linear-gradient(to bottom right, #000000, #000000);
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
.tw-restaurtant-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tw-restaurtant-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tw-restaurtant-carousel .owl-carousel .item {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.tw-restaurtant-carousel .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tw-restaurtant-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--owl-dots);
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.tw-restaurtant-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 20px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.tw-restaurtant-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.tw-card-box {
|
||||
border: solid 1px #FFFFFF;
|
||||
padding: 30px;
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
.tw-card-header .fas {
|
||||
font-size: 40px;
|
||||
color: var(--primary-color)
|
||||
}
|
||||
|
||||
.tw-card-body {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.tw-card-body p {
|
||||
color: #FFF;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
p.tw-author {
|
||||
font-weight: 600;
|
||||
color: #FFFFFF;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
p.tw-profession {
|
||||
font-size: 14px;
|
||||
font-style: italic;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tw-card-body .rating-stars {
|
||||
float: right;
|
||||
margin-top: -30px;
|
||||
}
|
||||
|
||||
.tw-card-body .rating-stars li {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
/* ========== TEAM ========== */
|
||||
.team-card-box {
|
||||
background-color: var(--background-color);
|
||||
}
|
||||
|
||||
.team-carousel-2 .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ========== CAROUSEL ========== */
|
||||
.restaurant-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.restaurant-carousel .owl-theme .custom-nav {
|
||||
position: absolute;
|
||||
bottom: -20px;
|
||||
right: 50%;
|
||||
left: 50%;
|
||||
z-index: 1;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.restaurant-carousel .owl-theme .custom-nav .owl-prev {
|
||||
right: 50%;
|
||||
margin: 2px
|
||||
}
|
||||
|
||||
.restaurant-carousel .owl-theme .custom-nav .owl-next {
|
||||
left: 50%;
|
||||
margin: 2px
|
||||
}
|
||||
|
||||
.restaurant-carousel .owl-theme .custom-nav .owl-prev,
|
||||
.restaurant-carousel .owl-theme .custom-nav .owl-next {
|
||||
position: absolute;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
color: inherit;
|
||||
background: none;
|
||||
border: none;
|
||||
z-index: 100;
|
||||
background-color: #000;
|
||||
border-radius: 0px;
|
||||
padding: 4px 5px;
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
.restaurant-carousel .owl-theme .custom-nav .owl-prev:focus,
|
||||
.restaurant-carousel .owl-theme .custom-nav .owl-next:focus {
|
||||
border: none;
|
||||
outline: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.restaurant-carousel .owl-theme .custom-nav .owl-prev:hover,
|
||||
.restaurant-carousel .owl-theme .custom-nav .owl-next:hover {
|
||||
background-color: blue;
|
||||
}
|
||||
|
||||
.restaurant-carousel .owl-theme .custom-nav .owl-prev i,
|
||||
.restaurant-carousel .owl-theme .custom-nav .owl-next i {
|
||||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.restaurant-carousel .owl-carousel .item .thumbnail {
|
||||
margin: 0px 5px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.restaurant-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.restaurant-carousel .owl-dots button.owl-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: #ccc;
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.restaurant-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: #000;
|
||||
width: 12px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.restaurant-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.wide-cta-banner {
|
||||
margin-top: -100px;
|
||||
padding: 150px 0px 50px 0px;
|
||||
background-color: var(--primary-color);
|
||||
}
|
||||
|
||||
.cta-left-content h3 {
|
||||
color: #FFF;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.cta-left-content p {
|
||||
color: #FFF;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.cta-right-content {
|
||||
padding: 15px 0px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.cta-right-content .btn-default-white:hover {
|
||||
background-color: var(--headline-color);
|
||||
border: solid 1px var(--headline-color);
|
||||
}
|
||||
|
||||
.tc-bottom-content {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
z-index: 1;
|
||||
bottom: -30px;
|
||||
text-align: center;
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s ease-in-out 0s;
|
||||
-moz-transition: all 0.3s ease-in-out 0s;
|
||||
-ms-transition: all 0.3s ease-in-out 0s;
|
||||
-o-transition: all 0.3s ease-in-out 0s;
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
}
|
||||
|
||||
.thumbnail:hover .tc-bottom-content {
|
||||
bottom: -10px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.tc-bottom-content h4 {
|
||||
color: #FFF;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tc-bottom-content p {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
transition: .5s ease;
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.thumbnail:hover .overlay {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1200px) {}
|
||||
|
||||
@media (max-width:991px) {
|
||||
.about-wide-left {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.ceo-layer {
|
||||
max-width: 450px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:767px) {
|
||||
|
||||
.cta-left-content {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cta-right-content {
|
||||
padding: 15px 0px;
|
||||
float: none;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:576px) {
|
||||
|
||||
.ceo-layer {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.ceo-avatar {
|
||||
width: 70px;
|
||||
border-radius: 50%;
|
||||
float: none;
|
||||
margin: auto auto 15px;
|
||||
}
|
||||
|
||||
.ceo-comments p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:480px) {}
|
||||
611
public/sunsari/css/partials/niches/travel.css
Normal file
611
public/sunsari/css/partials/niches/travel.css
Normal file
@@ -0,0 +1,611 @@
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var(--travel-primary);
|
||||
--secundary-color: var(--travel-secundary);
|
||||
--headline-color: var();
|
||||
--paragraph-color: var();
|
||||
--background-color: var();
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
TRAVEL.
|
||||
===================================== */
|
||||
|
||||
/* ========== SLIDER ========== */
|
||||
.home-slider {
|
||||
width: 100%;
|
||||
height: 850px;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.hero-slider {
|
||||
width: 100%;
|
||||
height: 850px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.hero-slider .carousel-cell {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.slider-caption {
|
||||
position: relative;
|
||||
top: 45%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
color: #FFF;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.slider-caption .subtitle {
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: 10px;
|
||||
color: var(--travel-third);
|
||||
margin-bottom: 5px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.slider-caption h1 {
|
||||
font-size: 60px;
|
||||
line-height: 70px;
|
||||
color: #FFF;
|
||||
text-transform: uppercase;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.hero-slider .flickity-prev-next-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hero-slider .flickity-prev-next-button:hover {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.hero-slider .flickity-prev-next-button .arrow {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
.hero-slider .flickity-page-dots {
|
||||
top: 40%;
|
||||
left: 150px;
|
||||
z-index: 0;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.hero-slider .flickity-page-dots .dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
opacity: 1;
|
||||
background: rgba(255, 255, 255);
|
||||
border: 2px solid white;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: 15px 0px;
|
||||
}
|
||||
|
||||
.hero-slider .flickity-page-dots .dot.is-selected {
|
||||
background: var(--travel-third);
|
||||
border: 2px solid var(--travel-third);
|
||||
}
|
||||
|
||||
.dot-hide .flickity-page-dots .dot {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.social-media {
|
||||
position: absolute;
|
||||
top: 25%;
|
||||
right: 30px;
|
||||
z-index: 2 !important;
|
||||
}
|
||||
|
||||
.social-media ul li {
|
||||
margin: 50px 30px;
|
||||
font-size: 20px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.social-media ul li a {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.social-media ul li a:hover {
|
||||
color: var(--base-color);
|
||||
}
|
||||
|
||||
/* ========== FRONT BOXES ========== */
|
||||
.hero-box {
|
||||
margin-top: -223px;
|
||||
z-index: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fb-icon {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.front-box {
|
||||
background: rgba(255,255,255,0.5);
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
backdrop-filter: blur(10px);
|
||||
border: 1px solid rgba(255,255,255,0.25);
|
||||
padding: 20px 15px;
|
||||
}
|
||||
|
||||
.front-box h4 {
|
||||
margin: 15px 0px 5px;
|
||||
}
|
||||
|
||||
.front-box p {
|
||||
font-size: 14px;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
/* ========== DESTINATION ========== */
|
||||
.destination-box {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
background-color: #000000;
|
||||
color: #ffffff;
|
||||
text-align: left;
|
||||
font-size: 16px;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
|
||||
margin: 10px 0px;
|
||||
}
|
||||
|
||||
.destination-box * {
|
||||
-webkit-transition: all 0.35s;
|
||||
transition: all 0.35s;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.destination-box img {
|
||||
max-width: 100%;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.destination-box figcaption {
|
||||
position: absolute;
|
||||
height: 90px;
|
||||
left: 15px;
|
||||
right: 15px;
|
||||
bottom: 15px;
|
||||
overflow: hidden;
|
||||
padding: 15px;
|
||||
background: rgba(36, 133, 176, 0.5);
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
backdrop-filter: blur(10px);
|
||||
border: 1px solid rgba(36, 133, 176, 0.25);
|
||||
}
|
||||
|
||||
.destination-box h4 {
|
||||
color: #FFF;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.destination-box h5 {
|
||||
font-weight: 400;
|
||||
margin: 0;
|
||||
text-transform: uppercase;
|
||||
color: #bbb;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.destination-box blockquote {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.destination-box blockquote p {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.destination-box a {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.destination-box:hover figcaption,
|
||||
.destination-box.hover figcaption {
|
||||
height: calc(75%);
|
||||
}
|
||||
|
||||
.destination-box ul li {
|
||||
display: inline-block;
|
||||
margin: 3px;
|
||||
font-weight: 600;
|
||||
color: var(--base-color);
|
||||
}
|
||||
|
||||
.destination-box ul li.rating-number {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* ========== TESTIMONIALS ========== */
|
||||
.testimonials-layer {
|
||||
background-image: url("../../../images/commons/home-niches/travel/destination-8.jpg");
|
||||
height: 100%;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding: 80px 0px;
|
||||
}
|
||||
|
||||
.testimonial-carousel-2 {
|
||||
position: relative;
|
||||
background: rgba(36, 133, 176, 0.5);
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
backdrop-filter: blur(10px);
|
||||
border: 1px solid rgba(36, 133, 176, 0.25);
|
||||
border-radius: 5px;
|
||||
padding: 50px 20px;
|
||||
}
|
||||
|
||||
.testimonial-card {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.testimonial-carousel-2 .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.testimonial-carousel-2 .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.testimonial-card {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.testimonial-card h2 {
|
||||
color: #FFF;
|
||||
margin: 20px 0px;
|
||||
}
|
||||
|
||||
.testimonial-card p {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.client-avatar {
|
||||
width: 100px;
|
||||
margin: 25px auto;
|
||||
}
|
||||
|
||||
.client-avatar img {
|
||||
border-radius: 50%;
|
||||
border: solid 5px #FFF;
|
||||
}
|
||||
|
||||
.quote-icon .fas {
|
||||
font-size: 50px;
|
||||
color: var(--travel-third);
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
.t-caption {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.t-caption h4 {
|
||||
color: #FFF;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
p.profession {
|
||||
color: var(--travel-third);
|
||||
font-weight: 500;
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
|
||||
p.customer-opinion {
|
||||
width: 70%;
|
||||
font-size: 17px;
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
margin: auto auto 20px;
|
||||
}
|
||||
|
||||
/* ========== ACTIVITIES ========== */
|
||||
.activities-carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.activities-carousel .owl-theme .custom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.activities-carousel .owl-carousel .item .thumbnail {
|
||||
margin: 0rem 1rem;
|
||||
}
|
||||
|
||||
.activities-carousel .owl-dots {
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.activities-carousel .owl-dots button.owl-dot {
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: #e0e9eb;
|
||||
margin: 0 3px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.activities-carousel .owl-dots button.owl-dot.active {
|
||||
background-color: var(--primary-color);
|
||||
width: 13px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.activities-carousel .owl-dots button.owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.activitie-thumb {
|
||||
margin: 0px 15px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.price-layer {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
background: #FFF;
|
||||
padding: 5px 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.price-box h4 {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.activitie-info {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
margin: 0px 15px;
|
||||
padding: 20px;
|
||||
width: auto;
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
border-radius: 5px;
|
||||
-webkit-transition: all 0.3s ease-in-out 0s;
|
||||
-moz-transition: all 0.3s ease-in-out 0s;
|
||||
-ms-transition: all 0.3s ease-in-out 0s;
|
||||
-o-transition: all 0.3s ease-in-out 0s;
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
}
|
||||
|
||||
.activitie-thumb:hover .activitie-info{
|
||||
bottom: 35px;
|
||||
}
|
||||
|
||||
.activty-img:hover .activitie-info{
|
||||
bottom: 35px;
|
||||
}
|
||||
|
||||
.activitie-info h3 {
|
||||
font-size: 45px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
ul.activity-rating {
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
ul.activity-rating li {
|
||||
display: inline-block;
|
||||
margin: 0px 2px;
|
||||
font-size: 13px;
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
p.rating-count {
|
||||
font-size: 13px;
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
.activitie-info p {
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
/* ========== PARALLAX ========== */
|
||||
.video-parallax{
|
||||
background-image: url("../../../images/commons/home-niches/travel/merit-travel-1.jpg");
|
||||
height: 500px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.video-parallax:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-image: linear-gradient(to bottom right, var(--headline-color), var(--headline-color));
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.video-parallax .play-icon{
|
||||
width: 80px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.video-parallax .popup-youtube{
|
||||
position: relative;
|
||||
top: auto;
|
||||
left: auto;
|
||||
transform: translate(0%, 0%);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
/* ========== WIDE SECTION ========== */
|
||||
.wide-cta{
|
||||
background-color: var(--primary-color);
|
||||
padding: 70px 0px;
|
||||
}
|
||||
|
||||
.wide-cta-content{
|
||||
text-align: center;
|
||||
max-width: 600px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.wide-cta-content h2{
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.wide-cta-content p{
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1200px) {
|
||||
.hero-slider .flickity-page-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.social-media {
|
||||
position: absolute;
|
||||
top: 58%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.social-media ul li {
|
||||
margin: 10px 20px;
|
||||
font-size: 20px;
|
||||
z-index: 2;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.slider-caption h1 {
|
||||
font-size: 45px;
|
||||
line-height: 55px;
|
||||
color: #FFF;
|
||||
text-transform: uppercase;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.hero-box {
|
||||
margin-top: 5rem;
|
||||
}
|
||||
|
||||
.front-box {
|
||||
background: rgba(255,255,255);
|
||||
-webkit-backdrop-filter: none;
|
||||
backdrop-filter: none;
|
||||
border: none;
|
||||
padding: 20px 15px;
|
||||
-webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
-moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14);
|
||||
}
|
||||
|
||||
.fb-lg-mt{
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
}
|
||||
@media (max-width:991px) {
|
||||
.social-media ul li {
|
||||
margin: 0px 15px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.slider-caption h1 {
|
||||
font-size: 35px;
|
||||
line-height: 45px;
|
||||
}
|
||||
|
||||
.slider-caption .subtitle {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.home-slider {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.hero-slider {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.testimonial-carousel-2 {
|
||||
padding: 30px 0px;
|
||||
}
|
||||
|
||||
.testimonial-card h2 {
|
||||
color: #FFF;
|
||||
margin: 20px 0px;
|
||||
}
|
||||
|
||||
.testimonial-card p {
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.client-avatar {
|
||||
width: 70px;
|
||||
margin: 25px auto 15px;
|
||||
}
|
||||
|
||||
.client-avatar img {
|
||||
border: solid 3px #FFF;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:767px) {
|
||||
.fb-md-mt{
|
||||
margin-top: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:576px) {
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:480px) {
|
||||
.social-media ul li {
|
||||
margin: 0px 10px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:380px) {
|
||||
.social-media ul li {
|
||||
margin: 0px 5px;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
167
public/sunsari/css/partials/niches/yoga.css
Normal file
167
public/sunsari/css/partials/niches/yoga.css
Normal file
@@ -0,0 +1,167 @@
|
||||
/* =====================================
|
||||
HOME NICHE COLOR STRUCTURE.
|
||||
===================================== */
|
||||
:root {
|
||||
--primary-color: var(--yoga-primary);
|
||||
--secundary-color: var(--yoga-secundary);
|
||||
--headline-color: var(--yoga-headline);
|
||||
--paragraph-color: var(--yoga-paragraph-color);
|
||||
--background-color: var(--yoga-background-color);
|
||||
}
|
||||
|
||||
/* =====================================
|
||||
YOGA.
|
||||
===================================== */
|
||||
|
||||
/* ========== #ICON BOXES STYLE 3 ========== */
|
||||
.yoga-about-left {
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
.yoga-about-left h2 {
|
||||
font-size: 40px;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
.yoga-about-left h2 span {
|
||||
color: var(--yoga-primary);
|
||||
}
|
||||
|
||||
.yoga-about-right .tp-btn-primary {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
/* ========== YOGA SERVICES ========== */
|
||||
.yoga-card {
|
||||
border-radius: 5px;
|
||||
background-color: #FFFFFF;
|
||||
padding: 5px;
|
||||
margin: 15px 0px;
|
||||
}
|
||||
|
||||
.yc-caption {
|
||||
background-color: #FFFFFF;
|
||||
padding: 25px 15px 15px;
|
||||
}
|
||||
|
||||
.yc-caption h5 {
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
margin-bottom: 0px;
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.yc-caption h3 {
|
||||
font-size: 18px;
|
||||
line-height: 1.2;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.yc-caption h3 a {
|
||||
color: var(--headline-color);
|
||||
}
|
||||
|
||||
.yc-caption .bottom-card {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.yc-caption .bottom-card .bc-left p::before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f017";
|
||||
margin-right: 7px;
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.yc-caption .bottom-card .bc-left p {
|
||||
font-size: 13px;
|
||||
color: var(--headline-color);
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.yc-caption .bottom-card .bc-right p::before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f007";
|
||||
margin-right: 7px;
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.yc-caption .bottom-card .bc-right p {
|
||||
font-size: 13px;
|
||||
color: var(--headline-color);
|
||||
margin-bottom: 0px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.yc-avatar {
|
||||
width: 50px;
|
||||
position: absolute;
|
||||
bottom: -20px;
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
.yc-avatar img {
|
||||
border-radius: 50%;
|
||||
border: solid 2px #FFFFFF;
|
||||
}
|
||||
|
||||
.yc-feature-img {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.yc-thumbnail img {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* ========== NEWS CAROUSEL ========== */
|
||||
.tp1-bn-caption {
|
||||
background-color: #fff;
|
||||
padding: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.tp1-bottom-caption {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
|
||||
/* =====================================
|
||||
MEDIA QUERIES.
|
||||
===================================== */
|
||||
@media (max-width:1200px) {}
|
||||
|
||||
@media (max-width:991px) {
|
||||
.tp-card-extra-spacing {
|
||||
margin: 90px auto !important;
|
||||
}
|
||||
|
||||
.tp-card-extra-margin {
|
||||
margin-top: 90px;
|
||||
}
|
||||
|
||||
.tp-card {
|
||||
max-width: 500px;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:767px) {
|
||||
.yoga-about-left {
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.yoga-about-left h2 {
|
||||
font-size: 35px;
|
||||
line-height: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:576px) {
|
||||
.yoga-about-left h2 {
|
||||
font-size: 30px;
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:480px) {}
|
||||
Reference in New Issue
Block a user