File: /home/imensosw/www/imenso.co/lift-cincy-old/css/style.css
/********************@font-face********************/
/*@include font-include($font-family-secondary, "../fonts/corinthia-regular", 400, normal);*/
/*@include font-face(Roboto, "./assets/Roboto", normal, normal);*/
/********************Text Overflow********************/
/*@include text-overflow(4);*/
/********************Square with radius********************/
/*@include square(100px, $radius: 4px);*/
/***************************************/
/*CSS Opacity with fallback for IE8+.*/
/*@include opacity(.4);*/
/***************************************/
/* Mixin to create vertical, horizontal or radial gradient */
/*@include gradient(#07c, #06f, vertical);*/
/***************************************/
/* @include transition(all,2s,ease-out); */
/*@include transition (all, 0.5s, ease)*/
/***************************************/
/*Shadow*/
/*
@include box-shadow(5px, 5px, 5px, 5px, #333)
/***************************************/
/*@include scrollbars(10px, pink, red);*/
/***************************************/
/*Bootstrap Breack-points Open*/
/* No media query necessary for xs breakpoint as it's effectively `@media (min-width: 0) { ... }*/
/*@include media-breakpoint-up(sm) { ... } @include media-breakpoint-up(md) { ... } @include media-breakpoint-up(lg) { ... } @include media-breakpoint-up(xl) { ... } @include media-breakpoint-up(xxl) { ... }*/
/* No media query necessary for xs breakpoint as it's effectively `@media (max-width: 0) { ... }*/
/*@include media-breakpoint-down(sm) { ... } @include media-breakpoint-down(md) { ... } @include media-breakpoint-down(lg) { ... } @include media-breakpoint-down(xl) { ... } @include media-breakpoint-down(xxl) { ... }*/
/*Minimum and maximum breakpoint widths. @media '(min-width: 768px) and (max-width: 991.98px) { ... }*/
/*@include media-breakpoint-only(xs) { ... } @include media-breakpoint-only(sm) { ... } @include media-breakpoint-only(md) { ... } @include media-breakpoint-only(lg) { ... } @include media-breakpoint-only(xl) { ... } @include media-breakpoint-only(xxl) { ... }*/
/*@include media-breakpoint-between(md, xl) { ... } '@media (min-width: 768px) and (max-width: 1199.98px) { ... }*/
/*Bootstrap Breack-points Close*/
/***************************************/
@import url("https://fonts.googleapis.com/css2?family=Caveat&display=swap");
header {
position: relative;
z-index: 1; }
header .header-top {
position: relative;
background-color: #243238;
display: table;
width: 100%; }
header .header-top .auto-container {
position: static;
margin: 0 auto; }
header .header-top .top-left {
float: left; }
header .header-top .top-right {
float: right; }
header .header-top .top-left, header .header-top .top-right {
position: relative;
padding: 10px 0px; }
header .header-top .top-left .social-links, header .header-top .top-left .info, header .header-top .top-right .social-links, header .header-top .top-right .info {
position: relative; }
header .header-top .top-left .social-links li, header .header-top .top-left .info li, header .header-top .top-right .social-links li, header .header-top .top-right .info li {
position: relative;
float: left;
color: rgba(255, 255, 255, 0.5);
line-height: 24px; }
header .header-top .top-left .social-links li a, header .header-top .top-left .info li a, header .header-top .top-right .social-links li a, header .header-top .top-right .info li a {
position: relative;
color: rgba(255, 255, 255, 0.5);
font-size: 13px;
line-height: 24px; }
header .header-top .top-left .social-links li a:hover, header .header-top .top-left .info li a:hover, header .header-top .top-right .social-links li a:hover, header .header-top .top-right .info li a:hover {
color: rgba(255, 255, 255, 0.8); }
header .header-top .top-left .social-links li.highlight a, header .header-top .top-left .info li.highlight a, header .header-top .top-right .social-links li.highlight a, header .header-top .top-right .info li.highlight a {
color: rgba(255, 255, 255, 0.8); }
header .header-top .top-left .social-links li, header .header-top .top-right .social-links li {
margin-right: 25px; }
header .header-top .top-left .social-links li a, header .header-top .top-right .social-links li a {
display: block; }
header .header-top .top-left .info, header .header-top .top-right .info {
float: right; }
header .header-top .top-left .info li, header .header-top .top-right .info li {
font-size: 14px;
font-weight: 400;
padding: 0px 20px 0 0;
/* margin-left: 20px; border-right: 2px solid rgba($white, .8);*/ }
header .header-top .top-left .info li a, header .header-top .top-right .info li a {
display: inline-block; }
header .header-top .top-left .info li a .icon, header .header-top .top-right .info li a .icon {
color: #DC7250;
margin-right: 5px; }
header .header-top .top-left .info li:last-child, header .header-top .top-right .info li:last-child {
border-right: none; }
header .header-top .top-left a:hover.facebook, header .header-top .top-right a:hover.facebook {
color: #1877f2; }
header .header-top .top-left a:hover.twitter, header .header-top .top-right a:hover.twitter {
color: #1da1f2; }
header .header-top .top-left a:hover.instagram, header .header-top .top-right a:hover.instagram {
color: #c32aa3; }
header .navbar {
padding: 0 15px; }
header .navbar .navbar-brand .img-svg {
width: 80px;
height: auto; }
header .navbar .nav-item {
position: relative; }
header .navbar .nav-item .nav-link {
font-size: 16px;
font-weight: 500;
padding: 10px 20px; }
header .navbar .nav-item .nav-link:after {
content: '';
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
header .navbar .nav-item.active .nav-link, header .navbar .nav-item:hover .nav-link {
/*background: #f1f1f1*/
color: #49A8E8; }
header .navbar .nav-item.active:after, header .navbar .nav-item:hover:after {
content: '';
width: 30px;
height: 3px;
position: absolute;
left: 50%;
margin-left: -15px;
bottom: 0;
display: inline-block;
background: #49A8E8; }
body.home header .img-svg path {
fill: #fff !important; }
body.home header .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.9); }
body.top_fix {
/*Home Page*/ }
body.top_fix header {
position: relative;
z-index: 2; }
body.top_fix header .navbar.fixed-top {
background: #fff !important;
box-shadow: 0 5px 5px 0 rgba(36, 50, 56, 0.1); }
body.top_fix header .navbar.fixed-top .img-svg path {
fill: #000 !important; }
body.top_fix header .navbar.fixed-top .navbar-brand {
padding: 0; }
body.top_fix header .navbar.fixed-top .navbar-brand .img-svg {
width: 50px; }
body.top_fix header .navbar.fixed-top .navbar-nav .nav-item .nav-link {
color: rgba(36, 50, 56, 0.9);
padding: 26px 20px; }
body.top_fix header .navbar.fixed-top .navbar-nav .nav-item.active .nav-link, body.top_fix header .navbar.fixed-top .navbar-nav .nav-item:hover .nav-link {
color: #49a8e8; }
body.top_fix header .navbar.fixed-top .navbar-nav .nav-item.active:after, body.top_fix header .navbar.fixed-top .navbar-nav .nav-item:hover:after {
margin-left: 0;
left: 0;
width: 100%; }
.subscribe {
position: relative;
padding: 50px 0px;
background: url("../images/patten.png") center no-repeat #49A8E8;
color: #fff; }
.subscribe h2 {
position: relative;
color: #ffffff;
font-size: 24px;
font-weight: 700;
margin-top: 18px;
margin-bottom: 10px;
text-transform: uppercase; }
.subscribe .text {
position: relative;
font-size: 14px;
color: #ffffff;
margin-bottom: 20px; }
.subscribe .form-group input[type="email"] {
width: 100%;
line-height: 25px;
padding: 10px 100px 10px 10px;
height: 55px;
color: #fff;
font-size: 14px;
background: none;
margin-right: 10px;
margin-bottom: 0;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.8); }
.subscribe .form-group button {
position: absolute;
right: 0;
top: 10px; }
.subscribe .form-group ::-webkit-input-placeholder {
/* Edge */
color: rgba(255, 255, 255, 0.7); }
.subscribe .form-group :-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: rgba(255, 255, 255, 0.7); }
.subscribe .form-group ::placeholder {
color: rgba(255, 255, 255, 0.7); }
.footer_link {
padding: 80px 0 0;
font-size: 13px; }
.footer_link h4 {
font-size: 20px;
margin-bottom: 30px;
text-transform: uppercase; }
.footer_link .img-svg {
width: 80px;
height: auto; }
.footer_link .img-svg path {
color: #000 !important; }
.footer_link a {
color: #243238;
display: block;
padding: 7px 0; }
.footer_link a:hover {
opacity: .5; }
.footer_link .contact-info div {
position: relative; }
.footer_link .contact-info i {
position: absolute;
left: 0;
top: 10px;
font-size: 16px;
opacity: 0.5; }
.footer_link .contact-info span {
padding-left: 30px;
display: inline-block; }
.footer_link li {
border-bottom: 1px dotted #ccc; }
.footer_link li:first-child a {
padding-top: 0; }
.footer_link .news-post {
position: relative;
padding-left: 100px;
min-height: 70px;
margin-bottom: 25px; }
.footer_link .news-post .post-thumb {
position: absolute;
left: 0;
top: 0;
width: 80px;
border-radius: 5px;
overflow: hidden; }
.footer_link .news-post .post-thumb img {
display: inline-block;
width: 100%;
height: auto; }
.footer_link .news-post h5 {
font-size: 15px;
margin: -3px 0 0px;
line-height: 1.5em;
font-weight: bold; }
.footer_link .news-post h5 a {
padding-top: 0; }
.footer_link .news-post .date {
font-size: 13px;
line-height: 1.2em; }
.copyright {
border-top: 1px dotted #ccc;
padding-top: 50px;
margin-top: 80px;
padding-bottom: 20px; }
.copyright div {
font-size: 13px; }
.copyright ul li {
display: inline-block;
margin: 0 10px; }
.copyright ul li a {
width: 40px;
height: 40px;
line-height: 38px;
display: block;
border-radius: 100%;
border: 1px solid;
color: #ccc; }
.copyright ul li a:hover.facebook {
color: #1877f2; }
.copyright ul li a:hover.twitter {
color: #1da1f2; }
.copyright ul li a:hover.instagram {
color: #c32aa3; }
/*font-family: 'Caveat', cursive;*/
body, html {
scroll-behavior: smooth;
margin: 0;
padding: 0;
font-family: 'HelveticaNeue' sans-serif; }
body {
font-size: 16px;
line-height: 150%;
color: #243238;
overflow-x: hidden; }
a {
color: #243238; }
a:hover {
color: #49A8E8; }
a, a:hover, a:focus {
text-decoration: none !important;
outline: none;
box-shadow: none; }
h1, h2, h3, h4, h5 {
font-family: 'HelveticaNeue' sans-serif;
font-weight: bold; }
ul, ol {
margin: 0;
padding: 0;
list-style: none; }
a, .animate {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.burger {
padding: 100px 0; }
.burger_b {
padding-bottom: 100px; }
.burger_t {
padding-top: 100px; }
.bg-secondary {
background: #DC7250 !important; }
.bg-primary {
background: #49A8E8 !important; }
.bg-light {
background: #fff !important; }
.bg-gray {
background: #F4F6F8; }
.bg-none {
background: transparent !important; }
.bg_gradient {
background: #ff3d00;
background: -moz-linear-gradient(153deg, #ff3d00 0%, #0065a9 100%);
background: -webkit-linear-gradient(153deg, #ff3d00 0%, #0065a9 100%);
background: linear-gradient(153deg, #ff3d00 0%, #0065a9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff3d00",endColorstr="#0065a9",GradientType=1);
z-index: 1; }
/*.img-svg{}
.img-svg path{}*/
.gotop {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 3;
color: #fff;
background: #49A8E8;
border: 2px solid #fff;
width: 40px;
height: 40px;
border-radius: 100%;
text-align: center;
line-height: 36px;
opacity: .6;
display: none; }
.gotop:hover {
color: #Fff;
opacity: 1; }
.gotop i {
font-size: 14px; }
.section {
position: relative; }
.pt_10 {
padding-top: 100px; }
/* width */
::-webkit-scrollbar {
width: 3px; }
/* Track */
::-webkit-scrollbar-track {
background: #000; }
/* Handle */
::-webkit-scrollbar-thumb {
background: #333; }
/* Handle on hover */
/*::-webkit-scrollbar-thumb:hover {background: #555; }*/
.container-fluid, header .navbar {
padding: 0 45px; }
.expaneded-row {
flex-wrap: nowrap; }
.bg_white {
background: #white; }
a:hover.facebook {
color: #1877f2; }
a:hover.twitter {
color: #1da1f2; }
a:hover.instagram {
color: #c32aa3; }
.breadcrumb_area {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-top: -135px;
overflow: hidden;
padding: 150px 0 50px; }
.breadcrumb_area:after {
content: '';
background: #243238;
z-index: 0;
opacity: .8;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.breadcrumb_area .container-fluid {
position: relative;
z-index: 1; }
.breadcrumb_area .container-fluid h1 {
color: #fff; }
.breadcrumb_area .container-fluid .breadcrumb {
background: none;
color: #fff;
padding: 0; }
.breadcrumb_area .container-fluid .breadcrumb a {
color: #fff; }
.breadcrumb_area .container-fluid .breadcrumb .breadcrumb-item.active {
color: rgba(255, 255, 255, 0.6); }
.btn {
border: none !important;
border-radius: 4px; }
.btn.btn-lg {
padding: 12px 40px;
font-size: 20px; }
.btn img {
vertical-align: middle; }
.btn.btn-primary {
background: #49A8E8;
color: #fff; }
.btn.btn-primary:focus, .btn.btn-primary:hover {
background: #4094cd; }
.btn.btn-secondary {
background: #DC7250;
color: #fff; }
.btn.btn-secondary:focus, .btn.btn-secondary:hover {
background: #c56040; }
.btn.btn-warning {
background: #f7D333;
color: #fff; }
.btn.btn-warning:focus, .btn.btn-warning:hover {
background: #dbbb2c; }
.btn.btn-light {
background-color: #fff;
color: #49A8E8; }
.btn:focus, .btn:hover, .btn:active {
ourline: none !important;
box-shadow: none !important;
border: none !important; }
.btn.btn-outline-light {
border: 2px solid #fff !important;
color: #fff; }
.btn.btn-outline-light:hover {
color: #49A8E8 !important; }
.btn-link {
color: #49A8E8; }
.btn-link i {
vertical-align: middle; }
.btn-link:hover {
opacity: .6; }
.form-group {
position: relative;
margin-bottom: 20px;
border-radius: 0; }
.form-control:focus, button:focus, .btn:focus, input, select {
box-shadow: none !important;
outline: none !important; }
.banner {
position: relative;
margin-top: -135px;
z-index: 0; }
.banner_slide {
background: no-repeat center;
background-size: cover;
height: calc(100vh - 20px);
position: relative;
overflow: hidden; }
.banner_slide:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #ff3d00;
background: -moz-linear-gradient(153deg, #ff3d00 0%, #0065a9 100%);
background: -webkit-linear-gradient(153deg, #ff3d00 0%, #0065a9 100%);
background: linear-gradient(153deg, #ff3d00 0%, #0065a9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff3d00",endColorstr="#0065a9",GradientType=1);
z-index: 1;
opacity: .9; }
.banner_slide .container {
text-align: left;
position: relative;
height: 100%;
z-index: 2; }
.banner_slide .container .banner_txt {
position: absolute;
left: 50%;
top: 50%;
width: 80%;
transform: translate(-50%, -50%);
color: #fff;
padding: 150px 0 100px;
text-align: center; }
.banner_slide .container .banner_txt h1 {
font-size: 60px;
margin-top: 0px;
line-height: 110%; }
.banner_slide .container .banner_txt h3 {
font-family: 'Caveat', cursive;
font-size: 18px;
color: #f7D333;
margin-bottom: 0;
background: rgba(247, 211, 51, 0.2);
padding: 5px 10px;
display: inline-block; }
.banner_slide .container .banner_txt p {
font-size: 16px;
line-height: 180%;
margin-top: 20px; }
.banner_slide .container .banner_txt .btn {
margin-top: 20px;
font-weight: 500;
border-radius: 30px;
padding: 10px 30px; }
.banner_slide .container .banner_txt .btn img {
width: 36px; }
.banner_slide .container .banner_txt .btn:hover img {
width: 40px;
margin-left: 10px; }
.banner_slide .container .banner_txt .time2go {
margin-top: 50px; }
.banner_slide .container .banner_txt .time2go li {
display: inline-block;
margin: 0 20px; }
.banner_slide .container .banner_txt .time2go span {
width: 80px;
height: 80px;
line-height: 75px;
display: inline-block;
border: 2px solid rgba(255, 255, 255, 0.5);
color: #fff;
background: rgba(255, 255, 255, 0.1);
border-radius: 100%;
margin-bottom: 10px;
font-size: 40px;
font-weight: bold; }
.banner_slide .container .banner_txt .time2go div {
text-transform: uppercase; }
.banner .swiper-button-next, .banner .swiper-button-prev, .tabevent_slider .swiper-button-next, .tabevent_slider .swiper-button-prev, .team_slider .swiper-button-next, .team_slider .swiper-button-prev {
border-radius: 20px; }
.banner .swiper-button-next:after, .banner .swiper-button-prev:after, .tabevent_slider .swiper-button-next:after, .tabevent_slider .swiper-button-prev:after, .team_slider .swiper-button-next:after, .team_slider .swiper-button-prev:after {
content: '';
width: 12px;
height: 12px; }
.banner .swiper-button-next:after, .tabevent_slider .swiper-button-next:after, .team_slider .swiper-button-next:after {
transform: rotate(135deg);
margin-left: -5px; }
.banner .swiper-button-prev:after, .tabevent_slider .swiper-button-prev:after, .team_slider .swiper-button-prev:after {
transform: rotate(-45deg);
margin-left: 5px; }
.banner .swiper-button-prev {
left: auto;
right: 100px; }
.banner .swiper-button-next, .banner .swiper-button-prev {
width: 70px;
height: 40px;
bottom: 30px;
top: auto;
border: 2px solid rgba(255, 255, 255, 0.5); }
.banner .swiper-button-next:after, .banner .swiper-button-prev:after {
border-left: 2px solid #fff;
border-top: 2px solid #fff; }
.tabevent_slider, .team_slider {
padding-bottom: 30px; }
.tabevent_slider .swiper-button-prev, .team_slider .swiper-button-prev {
left: 0%;
right: auto;
/* margin-left: -60px;*/ }
.tabevent_slider .swiper-button-next, .team_slider .swiper-button-next {
left: auto;
right: 0%;
/* margin-right: -60px;*/ }
.tabevent_slider .swiper-button-next, .tabevent_slider .swiper-button-prev, .team_slider .swiper-button-next, .team_slider .swiper-button-prev {
width: 50px;
height: 40px;
border: 2px solid rgba(36, 50, 56, 0.5);
background: rgba(255, 255, 255, 0.5);
/*top: auto; bottom: 0;*/
margin-top: -25px !important; }
.tabevent_slider .swiper-button-next:after, .tabevent_slider .swiper-button-prev:after, .team_slider .swiper-button-next:after, .team_slider .swiper-button-prev:after {
border-left: 2px solid rgba(36, 50, 56, 0.5);
border-top: 2px solid rgba(36, 50, 56, 0.5); }
.tabevent_slider .swiper-button-next:hover, .tabevent_slider .swiper-button-prev:hover, .team_slider .swiper-button-next:hover, .team_slider .swiper-button-prev:hover {
border: 2px solid rgba(36, 50, 56, 0.8); }
.tabevent_slider .swiper-button-next:hover:after, .tabevent_slider .swiper-button-prev:hover:after, .team_slider .swiper-button-next:hover:after, .team_slider .swiper-button-prev:hover:after {
border-left: 2px solid rgba(36, 50, 56, 0.8);
border-top: 2px solid rgba(36, 50, 56, 0.8); }
.latest_news {
overflow: hidden; }
.news_slider .news_img, .tabevent_slider .news_img {
position: relative;
overflow: hidden; }
.news_slider .news_img:after, .tabevent_slider .news_img:after {
content: '';
display: block;
padding-bottom: 66.66%; }
.news_slider .news_img img, .tabevent_slider .news_img img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
min-height: 100%; }
.news_slider .news_desc, .tabevent_slider .news_desc {
padding: 20px;
background-color: #fff;
box-shadow: 0 3px 24px rgba(0, 0, 0, 0.04);
width: calc(100% - 40px);
margin-left: 20px;
margin-top: -20px;
position: relative;
z-index: 1;
text-align: center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.news_slider .news_desc span, .tabevent_slider .news_desc span {
color: #DC7250;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.news_slider .news_desc h4, .tabevent_slider .news_desc h4 {
margin: 0 0 15px;
word-break: break-word;
font-weight: 700;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.news_slider .news_desc p, .tabevent_slider .news_desc p {
margin-bottom: 20px; }
.news_slider .swiper-slide:hover .news_desc, .tabevent_slider .swiper-slide:hover .news_desc {
background: #F4F6F8; }
.news_slider .swiper-slide:hover .news_desc span, .tabevent_slider .swiper-slide:hover .news_desc span {
color: #243238; }
.news_slider .swiper-slide:hover .news_desc h4, .tabevent_slider .swiper-slide:hover .news_desc h4 {
color: #DC7250; }
.section-title .subtitle {
font-family: 'Caveat', cursive;
margin-bottom: 5px;
font-size: 22px;
color: #DC7250;
font-weight: 600; }
.section-title .title {
position: relative;
margin: 0;
font-size: 50px;
line-height: 1.2;
margin-bottom: 15px; }
.section-title p {
font-size: 14px;
line-height: 1.8;
margin-bottom: 15px; }
/*events*/
.bg_strip {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 150px;
z-index: -1; }
.bg_strip:after {
background: #DC7250;
content: '';
position: absolute;
left: 100%;
right: 0;
width: 1000px;
height: 100%;
top: 0; }
.events .nav-item {
margin: 0 10px; }
.events .nav-item .nav-link {
border-radius: 20px;
border: 1px solid #49A8E8 !important;
color: #49A8E8; }
.events .nav-item .nav-link.active {
color: #fff; }
/*events*/
/*Announce Video*/
.announce_video {
background: url("../images/image3.jpg") no-repeat left center #F4F6F8;
background-size: auto 100%;
position: relative;
overflow: hidden; }
.announce_video .section-title {
margin-left: 30px;
position: relative;
z-index: 1; }
.announce_video:after {
content: '';
position: absolute;
z-index: 0;
right: -200px;
top: -170px;
width: 670px;
height: 670px;
border: 100px solid #e8ebef;
border-radius: 50%; }
.announce_video:before {
content: '';
position: absolute;
z-index: 0;
left: 40%;
bottom: -180px;
width: 500px;
height: 500px;
border: 100px solid #e8ebef;
border-radius: 50%; }
.video {
position: relative;
background: #243238;
display: block;
border-radius: 30px;
overflow: hidden;
text-align: center; }
.video:after {
content: '';
position: relative;
z-index: -1;
display: block;
padding-bottom: 100%; }
.video iframe {
height: 100%;
width: auto;
min-width: 100%;
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%); }
.partners_logo {
/*background: url('../images/img-2.jpg') no-repeat center $dark; background-size: 100% auto; position: relative; overflow: hidden; color: $white;*/
/*&:after{ content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba($dark,.8); display: block; z-index: 0 }*/ }
.partners_logo .section-title {
position: relative;
z-index: 0; }
.partners_logo .logo_slider {
margin-top: 50px; }
.partners_logo .logo_slider a {
display: block;
padding: 10px;
border: 1px solid rgba(36, 50, 56, 0.2);
background: rgba(36, 50, 56, 0.02);
position: relative; }
.partners_logo .logo_slider a:after {
content: '';
position: relative;
z-index: -1;
display: block;
padding-bottom: 50%; }
.partners_logo .logo_slider a img {
max-height: 80%;
width: auto;
max-width: 80%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
.partners_logo .logo_slider a:hover {
border: 1px solid rgba(220, 114, 80, 0.5); }
.aboutus {
background: url("../images/bg.png") no-repeat center #F4F6F8;
background-size: 100% auto; }
.become-volunteer {
position: relative;
background: url("../images/bg-img.jpg") center no-repeat fixed;
background-size: cover; }
.become-volunteer .content-box {
position: relative;
max-width: 420px;
margin: 0 auto;
background: #ffffff;
padding: 40px 40px 50px;
text-align: center;
border-radius: 5px; }
.about_cnt {
background: url("../images/bg.png") center no-repeat;
background-size: 100% 100%; }
.about_cnt .about_feature > div {
display: inline-block;
text-align: center;
border-radius: 100%;
padding: 15px;
border: 1px solid #ccc;
width: 130px;
height: 130px;
margin: 10px;
cursor: pointer; }
.about_cnt .about_feature > div:first-chile {
margin-left: 0; }
.about_cnt .about_feature > div h4 {
font-size: 40px;
margin: 5px 0 5px; }
.about_cnt .about_feature > div span {
display: inline-block;
width: 80px;
margin: 0;
line-height: 120%;
font-size: 13px; }
.about_cnt .about_feature > div:hover {
border: 1px solid #666;
background: #F4F6F8; }
.about_cnt .img {
position: relative;
width: 46%;
margin: 10px 2%;
overflow: hidden;
border-radius: 20px;
background: #F4F6F8; }
.about_cnt .img:after {
content: '';
position: relative;
display: block;
padding-bottom: 180%; }
.about_cnt .img img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: auto;
height: 100%; }
.about_cnt .w-50 {
margin: 10px;
border-radius: 10px; }
.history_cnt {
background: url("../images/image5.jpg") right center no-repeat;
background-size: 50% auto; }
.team {
position: relative;
overflow: hidden;
border-radius: 10px; }
.team:after {
content: '';
display: block;
padding-bottom: 120%; }
.team__img {
position: absolute;
min-width: 100%;
height: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 0; }
.team__cnt {
position: absolute;
left: 0;
bottom: -30px;
width: 100%;
padding: 40px 20px 0;
color: #fff;
background: black;
background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$black",endColorstr="$black",GradientType=1);
z-index: 1; }
.team__cnt li {
display: inline-block; }
.team__cnt li a {
display: block;
padding: 5px;
color: #fff; }
.team:hover .team__cnt {
bottom: 0;
padding-bottom: 10px; }
.team .team_slider {
padding: 0 50px; }
.faq_cnt {
position: relative; }
.faq_cnt:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
background-color: #F4F6F8;
z-index: -1; }
.faq_cnt .card_1 {
border-top: 1px solid #ccc; }
.faq_cnt .card_1 > a {
display: block;
padding: 5px 0 10px 0;
position: relative;
font-weight: bold;
/*color: $primary;*/ }
.faq_cnt .card_1 > a:after {
content: '-';
position: absolute;
top: 2px;
right: 0;
font-size: 22px;
font-weight: 500; }
.faq_cnt .card_1 > a.collapsed {
color: #243238; }
.faq_cnt .card_1 > a.collapsed:after {
content: '+'; }
.faq_cnt .card_1:first-child {
border-top: none; }
.faq_cnt .card_1:first-child > a {
padding-top: 0; }
.faq_cnt .faq_desc {
/*border-top: 1px solid #ccc;*/
/*background: rgba($dark,.03); padding: 10px;*/
opacity: .7; }
.faq_cnt .section-title .title {
font-size: 40px; }
.faq_cnt .faq_list {
margin-top: 20px; }
.faq_cnt .faq_list h4 {
margin-bottom: 20px;
font-size: 20px; }
.faq_cnt .faq_list li {
border-bottom: 1px solid #ccc; }
.faq_cnt .faq_list li .nav-link {
background: none;
border: none;
color: #dark; }
.faq_cnt .faq_list li .nav-link.active {
color: #DC7250; }
/*# sourceMappingURL=style.css.map */