WebisteDLH/wwwroot/css/demos/demo-business-consulting-2.css

892 lines
15 KiB
CSS

body {
font-family: "Poppins", sans-serif;
}
/*
* Container
*/
@media (min-width: 1240px) {
.container {
max-width: 1240px !important;
}
}
/*
* BG
*/
.custom-bg-color-lighter-grey {
background: #fafafc !important;
}
.custom-bg-color-light-grey {
background: #dde2ea !important;
}
/*
* Custom Button
*/
.custom-btn {
height: 60px;
line-height: 60px;
text-align: center;
}
/*
* Half Section
*/
.col-half-section {
max-width: 590px;
}
@media (max-width: 1199px) {
.col-half-section {
max-width: 455px;
}
}
@media (max-width: 991px) {
.col-half-section {
max-width: 750px;
}
}
@media (max-width: 767px) {
.col-half-section {
max-width: 570px;
}
}
@media (max-width: 575px) {
.col-half-section {
max-width: 100%;
}
}
/*
* Letter Spacing
*/
.custom-letter-spacing-1 {
letter-spacing: -0.5px !important;
}
.custom-letter-spacing-2 {
letter-spacing: -0.8px !important;
}
/*
* Font Size
*/
.custom-text-1 {
font-size: 32px !important;
}
/*
* Line Pre
*/
.line-pre-title {
width: 50px;
height: 3px;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
html[dir="rtl"] .slider-container .line-pre-title {
margin-right: 20px;
margin-left: 0;
}
/*
* Circular Bar
*/
.custom-circular-bar .circular-bar-chart {
position: relative;
overflow: hidden;
height: 175px;
}
/*
* Card
*/
.card-accordion-our-services-container {
border: 1px solid #eef0f4;
}
.card-accordion-our-services-container .card-accordion-our-services {
border: 9px solid #eef0f4;
border-top: 0;
margin: -2px -1px 0 -1px;
}
.custom-cards {
position: relative;
}
.custom-cards.custom-cards-slider .cards-container {
margin: -250px auto 0;
}
@media (max-width: 1199px) {
.custom-cards {
height: auto;
}
}
.custom-cards .cards-container:before {
height: 100%;
width: 100%;
top: 0;
left: 0;
}
@media (max-width: 1199px) {
.custom-cards .cards-container {
position: static;
padding-bottom: 0;
}
}
@media (max-width: 1199px) {
.custom-cards .cards-container > div:nth-child(1) .card, .custom-cards .cards-container > div:nth-child(2) .card {
margin-top: 0;
padding-bottom: 0;
}
}
.custom-cards .cards-container .card {
padding: 70px 0;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.07);
}
.custom-cards .cards-container .card:before {
box-shadow: none !important;
}
.custom-cards .cards-container .card .card-body {
padding: 0 50px;
border-right: 1px solid #eef0f4;
}
@media (max-width: 1199px) {
.custom-cards .cards-container .card .card-body {
border-right: 0;
}
}
.custom-cards .cards-container .card .card-body img {
padding-bottom: 35px;
}
.custom-cards .cards-container .card .card-body .card-title {
font-size: 24px;
}
.custom-cards .cards-container .card .card-body .card-text, .custom-cards .cards-container .card .card-body .card-title {
margin: 0;
}
/*
* Header
*/
.header-top .header-top-phone {
font-size: 16px !important;
padding: 6px 17px 6px 0 !important;
}
.header-top .header-top-phone > span {
width: 34px;
height: 34px;
line-height: 31px;
background-color: #dde2ea;
border-radius: 50%;
text-align: center;
margin-right: 8px;
}
.header-top .header-top-email,
.header-top .header-top-opening-hours {
font-size: 12px !important;
letter-spacing: -0.3px;
}
.header-top .header-top-email > span,
.header-top .header-top-opening-hours > span {
width: 34px;
height: 34px;
line-height: 31px;
background-color: #dde2ea;
border-radius: 50%;
text-align: center;
margin-right: 6px;
}
.header-top .header-top-email {
margin-right: 15px;
}
.header-top .nav-item-header-top-socials .header-top-socials ul li {
margin-right: 30px;
}
.header-top .nav-item-header-top-socials .header-top-socials ul li i {
font-size: 15px !important;
}
.header-top .header-top-button-make-as-appoitment {
width: 230px;
}
.header-top .header-top-button-make-as-appoitment a {
font-size: 12px;
border-radius: 0 0 4px 4px;
}
@media (min-width: 992px) {
.header-container .header-nav .nav li > a {
text-transform: none !important;
font-size: 14px !important;
}
.header-container .header-nav .nav li .dropdown-menu a {
font-size: 0.8em !important;
}
.header-container .header-nav .nav li:hover > a {
background: #fff !important;
}
.header-container .header-nav .nav li:hover > a:before {
border-bottom: 0 !important;
}
.header-container .header-nav .nav li:hover > a + ul.dropdown-menu {
border-top: 0 !important;
margin-top: -5px !important;
}
}
.header-column-search {
flex-grow: 0.14 !important;
}
@media (max-width: 1199px) {
.header-column-search {
flex-grow: 0.3 !important;
}
}
@media (max-width: 991px) {
.header-column-search {
order: 2;
flex-grow: 0.1 !important;
align-items: center !important;
}
}
@media (max-width: 991px) {
.header-column-logo {
order: 1;
}
}
@media (max-width: 991px) {
.header-column-nav-menu {
order: 3;
flex-grow: 0 !important;
}
}
.header-nav-features {
padding: 0 !important;
margin: 0 !important;
}
.header-nav-features:not(.header-nav-features-no-border):before {
display: none !important;
}
/*
* Slider
*/
.slider-container .custom-bottom-label {
width: 200px;
height: 60px;
letter-spacing: -0.35px !important;
font-size: 14px !important;
line-height: 60px !important;
border-radius: 4px !important;
}
.slider-container .section-funnel-layer-bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 96px 0;
padding: 6rem 0;
transform: translate3d(0, 50%, 0);
z-index: 20;
}
.slider-container .section-funnel-layer-bottom .section-funnel-layer:nth-child(1) {
transform: skewY(4.7deg);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FFF;
z-index: 6;
}
.slider-container .section-funnel-layer-bottom .section-funnel-layer:nth-child(2) {
transform: skewY(-4.7deg);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FFF;
z-index: 6;
}
.slider-container .tparrows {
background: transparent !important;
}
.slider-container .tparrows:hover {
background: transparent !important;
}
.slider-container .tparrows:before {
color: #222529 !important;
font-size: 22px;
font-weight: 900;
}
.custom-slider-container:before {
content: '';
position: absolute;
background-color: #fafafc;
top: -75px;
width: 200%;
z-index: 21;
height: 75px;
transform: rotate(-1deg);
}
@media (max-width: 1199px) {
.custom-slider-container:before {
display: none;
}
}
.custom-slider-container:after {
content: '';
position: absolute;
background-color: #fafafc;
bottom: -75px;
width: 200%;
z-index: 21;
height: 75px;
transform: rotate(1deg);
}
@media (max-width: 1199px) {
.custom-slider-container:after {
display: none;
}
}
.custom-tp-caption-right-side {
width: 50%;
}
.tp-bullet {
width: 16px;
height: 16px;
box-shadow: 0 0 0 2px #222529 !important;
opacity: .5;
}
.tp-bullet.selected {
opacity: 1;
box-shadow: 0 0 0 2px #222529 !important;
}
.tp-bullet.selected .tp-bullet-inner {
display: block;
}
.tp-bullet .tp-bullet-inner, .tp-bullet .tp-bullet-inner:hover {
transform: scale(0.5) !important;
}
.tp-bullet .tp-bullet-inner {
display: none;
}
/*
* Social Icons
*/
.custom-social-icons li {
box-shadow: none !important;
margin: -1px 13px 0 0;
}
.custom-social-icons li a {
width: 38px;
height: 38px;
line-height: 41px;
}
.custom-social-icons li:hover a {
color: #333 !important;
}
.custom-social-icons li:hover a > i[class*="text-color-"] {
color: #FFF !important;
}
/*
* Circular Bar
*/
.circular-bar strong {
top: 49%;
font-size: 22px !important;
transform: translateY(-50%);
}
/*
* Custom Counters
*/
.custom-counters .counter:first-child {
margin-right: 70px !important;
}
.custom-counters .counter strong {
font-size: 40px !important;
}
.custom-counters .counter label {
font-size: 15px;
}
/*
* Our Services
*/
.col-img-our-services:before {
content: '';
position: absolute;
display: block;
background-color: #fafafc;
top: -78px;
left: -10px;
width: 200%;
z-index: 21;
height: 75px;
transform: rotate(-2deg);
}
.col-img-our-services:after {
content: '';
position: absolute;
display: block;
background-color: #fafafc;
bottom: -78px;
left: -10px;
width: 200%;
z-index: 21;
height: 75px;
transform: rotate(2deg);
}
@media (max-width: 991px) {
.col-img-our-services {
display: none;
}
}
.our-services {
background-position-y: center;
background-repeat: no-repeat;
background-size: auto;
height: auto;
position: relative;
overflow: hidden;
}
@media (min-width: 1200px) {
.our-services {
min-height: 850px;
}
}
@media (max-width: 991px) {
.our-services {
background: none !important;
}
}
.our-services:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
background-color: #fff;
z-index: 0;
}
/*
* Coaching Consulting
*/
.coaching-consulting .col-coaching-consulting-imgs .card {
position: absolute;
}
.coaching-consulting .col-coaching-consulting-imgs .card:nth-child(1) {
z-index: 1;
top: 0;
right: 20px;
}
.coaching-consulting .col-coaching-consulting-imgs .card:nth-child(2) {
z-index: 3;
bottom: 30px;
left: 60%;
transform: translateX(-50%);
}
.coaching-consulting .col-coaching-consulting-imgs .card:nth-child(3) {
z-index: 2;
left: 40px;
bottom: 10%;
}
@media (max-width: 991px) {
.coaching-consulting .col-coaching-consulting-imgs .card {
position: relative;
max-width: 30%;
margin-top: 30px;
transform: none !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
float: left;
margin-right: 3.33%;
}
}
/*
* Real Word Stories
*/
.real-word-stories:before {
content: '';
position: absolute;
display: block;
background-color: #fafafc;
top: -75px;
width: 200%;
z-index: 21;
height: 75px;
transform: rotate(-1deg);
}
@media (max-width: 1199px) {
.real-word-stories:before {
display: none;
}
}
.real-word-stories .owl-dots {
display: flex;
margin-top: 30px !important;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.real-word-stories .owl-dots button {
border: 2px solid #222529 !important;
width: 15px;
height: 15px;
border-radius: 50%;
line-height: 15px !important;
text-align: center;
position: relative;
margin-right: 4px;
}
.real-word-stories .owl-dots button:last-child {
margin-right: 0;
}
.real-word-stories .owl-dots button span {
display: none !important;
margin: 0 auto !important;
width: 7px !important;
height: 7px !important;
background-color: #222529 !important;
}
.real-word-stories .owl-dots button.active span {
display: block !important;
}
.real-word-stories .custom-testimonial-container {
width: 72.5%;
padding-right: 150px;
}
@media (max-width: 1199px) {
.real-word-stories .custom-testimonial-container {
padding-right: 200px;
}
}
@media (max-width: 991px) {
.real-word-stories .custom-testimonial-container {
padding-right: 200px;
}
}
@media (max-width: 767px) {
.real-word-stories .custom-testimonial-container {
padding-right: 120px;
}
}
@media (max-width: 575px) {
.real-word-stories .custom-testimonial-container {
width: 100%;
padding-right: 40px;
}
}
.real-word-stories .custom-testimonial-container .custom-testimonial {
padding: 45px 0 45px 40px;
}
.real-word-stories .custom-testimonial-container .custom-testimonial blockquote p, .real-word-stories .custom-testimonial-container .custom-testimonial blockquote h4 {
font-family: Poppins;
}
.real-word-stories .custom-testimonial-container .custom-testimonial .testimonial-author strong {
font-size: 18px;
}
.real-word-stories .custom-testimonial-container .custom-testimonial .testimonial-author img {
max-width: 70px;
max-height: 70px;
}
.real-word-stories .custom-testimonial-container .custom-testimonial .custom-testimonial-right {
width: 45%;
height: 210px;
right: 30px;
top: 65px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
}
.real-word-stories .custom-testimonial-container .custom-testimonial .custom-testimonial-right img {
max-width: 130px;
height: auto;
}
.real-word-stories .custom-testimonial-container .custom-testimonial .custom-testimonial-right .custom-button-testimonial-right {
width: 165px;
height: 50px;
line-height: 50px;
bottom: -25px;
}
/*
* Are You Lookng For
*/
.are-you-looking-for {
padding: 70px 0;
}
.are-you-looking-for .are-you-looking-for-phone {
margin-right: 37px;
}
.are-you-looking-for .are-you-looking-for-phone > span {
width: 48px;
height: 48px;
line-height: 46px;
background-color: #dde2ea;
border-radius: 50%;
text-align: center;
margin-right: 8px;
}
/*
* Page Header
*/
.custom-page-header {
padding: 75px 0;
margin: 0;
overflow: hidden;
}
@media (max-width: 1199px) {
.custom-page-header {
padding: 35px 0;
}
}
.custom-page-header:before {
content: '';
position: absolute;
background-color: #fafafc;
top: -75px;
width: 200%;
z-index: 21;
height: 75px;
transform: rotate(-1deg);
}
@media (max-width: 1199px) {
.custom-page-header:before {
display: none;
}
}
.custom-page-header:after {
content: '';
position: absolute;
background-color: #fafafc;
bottom: -75px;
width: 200%;
z-index: 21;
height: 75px;
transform: rotate(1deg);
}
@media (max-width: 1199px) {
.custom-page-header:after {
display: none;
}
}
/*
* Contact Form
*/
.custom-form-style-1 .form-control {
border: 0;
padding: 19.2px;
padding: 1.2rem;
box-shadow: none !important;
height: auto;
background: #fafafc !important;
}
/*
* Footer
*/
#footer {
font-size: 1em;
}
#footer:before {
content: '';
position: absolute;
display: block;
background-color: #fafafc;
top: -75px;
width: 200%;
z-index: 21;
height: 75px;
transform: rotate(-1deg);
}
@media (max-width: 1199px) {
#footer:before {
display: none;
}
}
@media (min-width: 1200px) and (max-width: 1240px) {
#footer .custom-container-info-socials {
justify-content: flex-end !important;
}
}
#footer .footer-nav-phone {
font-size: 16px !important;
padding: 0 17px 0 0 !important;
}
#footer .footer-nav-phone > span {
width: 34px;
height: 34px;
line-height: 31px;
background-color: #dde2ea;
border-radius: 50%;
text-align: center;
margin-right: 8px;
}
#footer .footer-nav-email,
#footer .footer-nav-opening-hours {
font-size: 12px !important;
letter-spacing: -0.3px;
}
#footer .footer-nav-email > span,
#footer .footer-nav-opening-hours > span {
width: 34px;
height: 34px;
line-height: 31px;
background-color: #dde2ea;
border-radius: 50%;
text-align: center;
margin-right: 6px;
}
#footer .footer-nav-email {
margin-right: 15px;
}
#footer .footer-nav-opening-hours {
margin-right: 20px;
}
#footer .footer-copyright {
border-top: 1px solid #ced6e1;
padding: 60px 0;
}
@media (max-width: 991px) {
#footer .footer-column-get-in-touch {
margin: 1rem 0;
}
}
#footer .nav-footer > ul {
padding: 0;
}
#footer .nav-footer > ul li {
list-style: none;
}
#footer .nav-footer .dropdown-secondary a {
font-size: 14px;
}
#footer .custom-row-footer {
padding-top: 150px !important;
}
@media (max-width: 1199px) {
#footer .custom-row-footer {
padding-top: 60px !important;
}
}
#footer .custom-row-footer .custom-footer-column-logo img {
margin-bottom: 35px;
}