body {
font-family: 'Roboto', sans-serif;
font-weight: normal;
font-style: normal;
color: #1a191e;
max-width: 1920px;
}
.img {
max-width: 100%;
transition: all 0.3s ease-out 0s;
}
img{
transition: all 0.3s ease-out 0s;
}
.fix {
overflow: hidden
}
a,
.button {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
a:focus,
.button:focus {
text-decoration: none;
outline: none;
}
a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
color: #333;
text-decoration: none;
}
a,
button {
color: #333333;
outline: medium none;
}
button:focus {
outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #1a191e;
margin-top: 0px;
font-weight: 700;
letter-spacing: -0.03em;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
}
h1 {
font-size: 60px;
font-weight: 700;
}
h2 {
font-size: 35px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 22px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
ul {
margin: 0px;
padding: 0px;
}
li {
list-style: none
}
p {
font-size: 18px;
font-weight: normal;
line-height: 1.667;
color: #1a191e;
margin-bottom: 15px;
}
hr {
border-bottom: 1px solid #cacaca;
border-top: 0 none;
margin: 0;
padding: 0;
}
label {
cursor: pointer;
font-size: 14px;
font-weight: 400;
}
.border-side {
border-right: 1px solid #cacaca;
}
.rd-btn,
.rd-btn:focus,
.rd-btn2:hover {
border: 2px solid #da072c;
display: inline-block;
width: 167px;
height: 60px;
line-height: 58px;
font-size: 14px;
color: #fff;
font-weight: 700;
text-align: center;
background: #da072c;
}
.rd-btn:hover,
.rd-btn:active {
background-color: #a80523;
color: #fff;
border: 2px solid #a80523;
}
.rd-btn2 {
border: 2px solid #7f7b78;
color: #fff;
background: transparent;
}
.bl-btn,
.bl-btn:focus {
border: 2px solid #3763ec;
background-color: #3763ec !important;
box-shadow: 0px 8px 16px 0px rgba(55, 99, 236, 0.3) !important;
}
.bl-btn:hover,
.bl-btn:active {
background: #254ab9 !important;
border: 2px solid #254ab9 !important;
}
.bl-btn2,
.bl-btn2:visited {
border: 2px solid #d5e5f6;
display: inline-block;
width: 167px;
height: 60px;
line-height: 58px;
font-size: 14px;
font-weight: 700;
text-align: center;
background-color: #d5e5f6;
color: #1a191e;
box-shadow: none;
}
.bl-btn2:hover {
border-color: #3763ec;
background: #3763ec;
color: #fff;
}
.gr-btn {
font-size: 16px;
font-weight: bold;
background: #fff;
border: 2px solid #dcdcdc;
padding: 20px 40px;
width: 175px;
height: 60px;
line-height: 60px;
transition: .3s;
}
.gr-btn:hover {
background: #3763ec;
border: 2px solid #3763ec;
color: #fff;
}
.section-title>h3 {
color: #1a191e;
letter-spacing: -0.03em;
display: inline;
font-size: 16px;
}
.section-title>h2 {
letter-spacing: -0.03em;
font-size: 60px;
line-height: 1.167;
}
.line {
width: 30px;
background: #da072c;
height: 0;
position: relative;
display: inline-block;
top: -5px;
left: -10px;
height: 2px;
}
.line::after {
content: "";
display: block;
width: 10px;
height: 2px;
background: #da072c;
transform: rotate(90deg);
left: 24px;
position: absolute;
}
.line-mirror {
transform: rotate(180deg);
}
.bl-line,
.bl-line:after{
background-color: #3763ec;
}
.grey-bg {
background: #f8f8f8;
}
.flex-2{
flex: 2;
}
.color-white * {
color: #fff !important;
} *::-moz-selection {
background: #da072c;
color: #fff;
text-shadow: none;
}
::selection {
background: #da072c;
color: #fff;
text-shadow: none;
}
*::-moz-placeholder {
color: #444;
font-size: 14px;
opacity: 1;
text-align: left;
}
*::placeholder {
color: #444;
font-size: 14px;
opacity: 1;
text-align: left;
}
*::focus {
outline: none;
}
*::-moz-focus{
outline: none;
}
.sidebar-widget {
border: 2px solid rgb(237, 237, 237);
} .header-width {
width: 90%;
max-width: 1720px;
padding-left: 0;
padding-right: 0;
} .fixed-logo{
width: 140px;
background: #1a191e;
height: 900px;
position: absolute;
z-index: 6;
}
.fixed-logo .slider-soial-icons {
position: absolute;
bottom: 40px;
animation: none;
z-index: 45;
}
.fixed-logo .slider-soial-icons ul li a {
margin-bottom: 10px;
}
@keyframes slider-icons-animation {
from {
padding-left: 0px;
}
to {
padding-left: 40px;
}
}
.language {
display: inline-block
}
.language>ul>li>a {
font-size: 14px;
font-weight: 700;
border: 2px solid #e9e9e9;
height: 50px;
width: 85px;
text-align: center;
display: inline-block;
line-height: 48px;
}
ul.sub-language {
background: #da072c;
position: absolute;
z-index: 6;
opacity: 0;
visibility: hidden;
width: 84px;
border-top: 0;
transition: .3s;
}
.blue-header ul.sub-language{
background-color: #3763ec;
}
.sub-language li>a {
padding: 5px 20px;
display: block;
color: #fff;
transition: .2s;
font-weight: 500;
}
.sub-language li>a:hover {
background-color: #a80523;
}
.blue-header .sub-language li>a:hover {
background-color: #3763ec;
}
.language:hover .sub-language {
opacity: 1;
visibility: visible;
}
.main-menu ul li {
display: inline-block;
margin-left: 50px;
position: relative;
}
.main-menu ul li a {
color: #1a191e;
font-size: 16px;
font-weight: 700;
padding: 54px 0;
line-height: 40px;
display: inline-block;
text-transform: capitalize;
line-height: 1;
}
.main-menu ul li:hover a {
color: #da072c;
}
.blue-header .main-menu ul li:hover a {
color: #3763ec;
}
.footer-blue .main-menu ul li:hover a {
color: #3763ec;
}
.main-menu ul li ul.sub-menu {
position: absolute;
top: 100%;
background: #da072c;
opacity: 0;
transition: .3s all ease 0s;
z-index: 5;
visibility: hidden;
padding: 18px 0;
width: 240px;
}
.main-menu ul li ul.sub-menu li {
margin: 0;
display: block;
}
.main-menu ul li ul.sub-menu li a {
padding: 10px 25px;
color: #fff;
font-weight: 600;
line-height: 1.15;
display: block;
font-size: 14px;
}
.main-menu ul li ul.sub-menu li:last-child a {
border-bottom: 0;
}
.main-menu ul li ul.sub-menu li:hover>a {
padding-left: 30px;
}
.main-menu ul li:hover>ul.sub-menu {
visibility: visible;
opacity: 1;
}
.phone > a {
font-size: 24px;
font-weight: 700;
line-height: 22px;
color: #1a191e;
letter-spacing: -.03em;
}
.phone>span {
font-size: 14px;
color: #1a191e;
}
.header-bottom {
background-color: #fff;
}
.header-button a {
color: #fff;
font-weight: 700;
display: inline-block;
background-color: #da072c;
width: 137px;
height: 50px;
line-height: 50px;
box-shadow: 0px 8px 16px 0px rgba(218, 7, 44, 0.2);
text-align: center;
}
.header-button a:hover {
background-color: #a80523;
} .blue-header .header-phone{
height: 120px;
}
.blue-header .header-width{
max-width: 1420px;
}
.blue-header .news-ticker-widht{
width: 990px;
}
.blue-header .header-top {
border-bottom: 1px solid #cacaca;
height: 120px;
}
.blue-header .header-top .news-ticker>a>span {
font-size: 18px;
font-weight: 700;
line-height: 24px;
color: #3763ec;
text-decoration: underline;
}
.blue-header .header-top .news-ticker a span.ticker-title {
font-size: 14px;
text-decoration: none;
color: #1a191e;
font-weight: 400;
}
.blue-header .header-bottom{
height: 90px;
}
.blue-header .language {
position:relative;
} .blue-menu-width {
width: 1025px;
}
.blue-header .search-form input {
border: none;
font-size: 16px;
line-height: 22px;
}
.blue-header .search-form input:focus {
outline: none;
}
.blue-header .search-form {
position: relative;
}
.blue-header .search-form form::before {
font-family: "Font Awesome 5 Pro";
font-weight: 900;
content: "\f002";
position: absolute;
left: -4px;
color: #3763ec;
}
.blue-header .main-menu ul li:first-child {
margin-left: 0px;
}
.blue-header .main-menu ul li a {
padding: 0;
line-height:90px;
}
.blue-header .main-menu ul li:hover a {
color: #3763ec;
}
.blue-header .main-menu .sub-menu li a{
line-height: 1;
color: #fff !important;
}
.blue-header .main-menu .sub-menu li:hover a{
color: #fff;
}
.blue-header .main-menu ul li ul.sub-menu {
background: #3763ec;
} .page-title-area {
position: relative;
}
.page-bc {
display: table;
bottom: 0;
}
.title-details {
position: relative;
}
.page-bc .breadcrumb {
background-color: #da072c;
border-radius: 0;
font-size: 16px;
font-weight: 700;
position: absolute;
bottom: 0;
}
.page-bc .breadcrumb-item+.breadcrumb-item::before {
display: inline-block;
padding-right: 8px;
color: #fff;
content: "|";
}
.page-title-height {
height: 300px;
}
.page-title-area {
background: url(//gobor.pl/wp-content/themes/burento/assets/img/bg/about-page-title-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.page-title h2 {
line-height: 300px;
font-size: 80px;
} .slider-area {
position: relative;
}
.single-slider{
position: relative;
}
.single-slider::before {
position: absolute;
background: #111;
height: 100%;
width: 470px;
content: "";
left: 0;
top: 0;
z-index: 1;
}
.blue-slider .single-slider::before,.home-3-slider .single-slider::before{
display: none;
}
.slider-description {
position: relative;
z-index: 999;
}
.slider-area .single-slider {
background-size: cover !important;
background-repeat: no-repeat !important;
position: relative;
}
.slider-height {
height: 800px;
}
.slider-arrow .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 30px;
border: none;
background: none;
padding: 0;
z-index: 9;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
background: none;
width: 60px;
height: 60px;
color: #6f7172;
border-radius: 5px;
font-size: 19px;
border: 2px solid #1A191E;
color: #1A191E;
opacity: 0;
visibility: hidden;
}
.slider-arrow .slick-arrow.slick-next {
right: 30px;
left: auto;
}
.slider-arrow:hover .slick-arrow{
opacity: 1;
visibility: visible;
}
.slider-arrow .slick-arrow:hover{
background:#3763EC;
color: #fff;
border-color: #3763EC;
}
.slider-arrow-01 .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-70%);
left: auto;
border: none;
background: none;
padding: 0;
z-index: 9;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
background: none;
width: 60px;
height: 60px;
color: #6f7172;
border-radius: 5px;
font-size: 19px;
border: 2px solid #fff;
color: #fff;
right: 30px;
}
.slider-arrow-01 .slick-arrow.slick-next {
right: 30px;
left: auto;
transform: translateY(50%);
}
.slider-arrow-01 .slick-arrow:hover{
background: #fff;
color: #da072c;
border-color: #fff;
}
.home-3-slider .slick-arrow{
display: none !important;
}
@keyframes slider-social-animation {
from {
width: 0px;
}
to {
width: 25.5%;
}
}
.slider-soial-icons {
position: absolute;
bottom: 80px;
z-index: 45;
}
.slider-social-animated{
animation: slider-icons-animation 1.5s;
}
@keyframes slider-icons-animation {
from {
bottom: 0px;
}
to {
bottom: 80px;
}
}
.slider-soial-icons ul li a {
color: #fff;
font-size: 14px;
display: inline-block;
border: 2px solid #48474b;
width: 60px;
height: 60px;
border-radius: 200px;
line-height: 58px;
text-align: center;
margin-bottom: 20px;
}
.slider-soial-icons ul li a:hover {
background: #da072c;
border: 2px solid #da072c;
}
.single-slider:focus {
outline: none;
}
.slider-text>span {
font-size: 18px;
letter-spacing: -0.03em;
color: #fff;
}
.slider-text h1 {
font-size: 80px;
line-height: 1.125;
color: #fff;
letter-spacing: -0.03em;
} .blue-slider .slider-circle {
position: relative;
z-index: 3;
}
.blue-slider .single-slider:focus {
outline: none;
}
.blue-slider .circle-bg {
content: ' ';
border-radius: 50%;
background-color: #fff;
width: 600px;
height: 600px;
display: block;
position: absolute;
z-index: -1;
top: 14%;
left: -17%;
}
.blue-slider .slider-img img {
margin-right: -20px;
}
.blue-slider .slider-text *{
color: #1a191e;
} .home-3-slider .slider-text *{
color: #1a191e !important;
}
.home-3-slider .slider-text h1 {
font-size: 120px;
}
.home-3-slider .slider-text h1 > span{
font-weight: 100;
}
.home-3-slider .rd-btn2{
border: 2px solid #d1d1d2;
color: #1a191e;
}
.home-3-slider .rd-btn2:hover {
color: #fff;
border: 2px solid #a80523;
}
.slider-3-height{
height: 780px;
}
.slider-3-image{
margin-left: -80px;
}
.slider-3-bg {
right: 0;
bottom: 0;
}
.slider-3-bg img{
width: 600px;
} .services-area {
margin-top: -1px;
}
.single-service * {
color: #fff;
}
.single-service{
background-position: 100%;
background-size: cover !important;
background-repeat: no-repeat !important;
}
.single-service h2 {
font-size: 30px;
}
.single-service p {
font-size: 18px;
color: #b0b0b0;
line-height: 1.667;
} .services-area-3.service-bg {
background-color: rgb(248, 248, 248);
}
.service-img {
overflow: hidden;
}
.service-mono:hover .service-img img {
transform: scale(1.1);
}
.services-area-3 .service-info {
position: relative;
z-index: 121;
margin-top: -45px;
box-shadow: 0px 8px 16px 0px rgba(180, 180, 180, 0.1);
margin-left: 30px;
margin-right: 30px;
}
.services-area-3 .service-info h2 {
font-size: 24px;
color: #1a191e;
font-weight: 700;
line-height: 36px;
padding-top: 35px;
}
.services-area-3 .service-info>p {
font-size: 16px;
color: #1a191e;
line-height: 26px;
padding: 0px 40px;
padding-bottom: 35px;
} .b-image {
left: -245px;
top: 30%;
animation: b-animation 5s linear infinite;
}
@keyframes b-animation {
0% {
top: 20%
}
50% {
top: 30%
}
100% {
top: 20%;
}
}
.about-icons .single-icons {
text-align: center;
border: 2px solid #e8e8e8;
padding: 40px 0;
background:#fff;
background-repeat: no-repeat;
background-position: 93% 5.9%;
transition: .3s;
position: relative;
}
.about-icons .single-icons::before {
width: 0;
height: 0;
border-style: solid;
border-width: 0 20px 20px 0;
border-color: transparent #DB1134 transparent transparent;
content: "";
position: absolute;
right: 10px;
top: 9px;
}
.about-icons .single-icons:hover {
box-shadow: 0px 8px 16px 0px rgba(218, 7, 44, 0.2);
}
.about-icons .single-icons span {
display: block;
font-weight: 700;
font-size: 14px;
line-height: 30px;
margin-top: 20px;
line-height: 1;
}
.hover-height {
height: 859px;
}
.hover-size {
width: 645px;
}
.single-hover {
padding-left: 58px;
transition: .3s;
}
.hover-icon img {
margin-top: 40px;
}
.hover-icon img:last-child {
display: none;
}
.hover-text {
padding-left: 28px;
padding-right: 90px;
}
.hover-text h3 {
font-size: 30px;
line-height: 1;
margin-top: 40px;
}
.hover-text p {
font-size: 18px;
line-height: 1.667;
margin-bottom: 35px;
font-weight: 400;
}
.single-hover.active {
background: #da0f33 !important;
position: relative;
}
.single-hover.active::before {
content: '';
position: absolute;
height: 0;
width: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #da0f33;
left: -9px;
top: 50%;
transform: translateY(-50%);
transition: .3s;
}
.single-hover.active * {
color: #fff;
}
.single-hover.active .hover-icon>img:first-child {
display: none;
}
.single-hover.active .hover-icon>img:last-child {
display: block;
} .blue-about .about-card {
padding-top: 50px;
text-align: center;
background: url(//gobor.pl/wp-content/themes/burento/assets/img/icons/icon-bg.png), #fff;
background-repeat: no-repeat;
background-size: cover;
height: 240px;
width: 240px;
border-radius: 16px;
box-shadow: 0px 8px 16px 0px rgba(55, 99, 236, 0.2);
transition: .3s;
}
.blue-about .about-card:hover {
background: url(//gobor.pl/wp-content/themes/burento/assets/img/icons/icon-bg-blue.png);
background-repeat: no-repeat;
text-align: center;
padding-top: 45px;
background-size: cover;
box-shadow: 0px 8px 16px 0px rgba(55, 99, 236, 0.2);
}
.blue-about .about-card-spacing {
margin-right: -15px;
}
.blue-about .card-img {
padding-bottom: 15px;
}
.blue-about .about-card:hover .card-img {
display: none;
}
.blue-about .about-card:hover .card-img-2 {
display: block !important;
}
.blue-about .about-details + hr {
background-image: linear-gradient(to right, #fff, #d9d9d9, #cbcbcb, #d2d2d2, #e7e7e7, #f5f5f5, #fff);
}
.blue-about .icon-body>span {
font-size: 18px;
color: #1a191e;
line-height: 50px;
font-weight: 700;
}
.blue-about .about-card:hover .icon-body>span {
color: #fff;
}
.blue-about .about-person > h3 {
font-size: 24px;
line-height: 30px;
}
.blue-about .about-person > span {
font-size: 14px;
line-height: 25px;
color: #3763ec;
font-weight: 700;
} .items-text h3 {
font-size: 20px;
line-height: 1.5;
}
.items-icons i {
display: block;
line-height: 70px;
text-align: center;
color: #da072c;
width: 70px;
height: 70px;
border: 2px solid #e8e8e8;
border-radius: 100px;
}
.items-text p {
font-size: 16px;
line-height: 1.625;
} .features-area {
background-size: cover !important;
background-repeat: no-repeat !important;
}
.feature-title {
border-bottom: 1px solid rgb(209, 209, 209);
}
.feature-title>h3 {
font-size: 30px;
line-height: 2.333;
display: inline-block;
padding-bottom: 3px;
}
.feature-title>a {
font-size: 14px;
line-height: 28px;
text-align: center;
color: rgb(255, 255, 255);
background-color: #3763ec;
width: 70px;
height: 30px;
border-radius: 15px;
margin-top: 20px;
float: right;
font-weight: bold;
border: 2px solid transparent;
}
.feature-title>a:hover {
background-color: #d5e5f6;
color: #1a191e;
border: 2px solid #3763ec;
}
.features-info-text>h4 {
font-size: 20px;
line-height: 2.1;
}
.features-info-text>p {
font-size: 14px;
line-height: 2;
margin-top: -12px;
}
.features-video {
margin-left: 50px;
margin-top: 62px;
position: relative;
overflow: hidden;
}
.features-video a i {
color: rgb(55, 99, 236);
font-size: 16px;
line-height: 5;
text-align: center;
border-radius: 50%;
width: 80px;
height: 80px;
background-color: rgb(255, 255, 255);
z-index: 111;
transition: all 1.5s;
}
.features-video-btn-cycle {
border: 2px solid rgb(255, 255, 255);
border-radius: 50%;
width: 115px;
height: 115px;
opacity: .3;
background: transparent;
animation: animate 1.5s linear infinite;
margin-top: -96px;
margin-left: -18px;
}
.features-video-btn .fectures-video-btn-cycle2 {
border: 2px solid rgb(255, 255, 255);
border-radius: 50%;
width: 157px;
height: 157px;
animation: animate 1.5s linear infinite;
margin-top: -22px;
margin-left: -23px;
}
.features-video-btn {
position: absolute;
top: 50%;
left: 42%;
transform: translateY(-50%);
display: inline-block;
}
.features-video:hover img{
transform: scale(1.05);
}
@keyframes animate {
0% {
transform: scale(.5);
}
50% {
opacity: .8;
}
100% {
transform: scale(1.2);
opacity: .1;
}
} .team-features-mono {
border: 2px solid #e8e8e8;
}
.team-features-mono h3 {
font-size: 30px;
line-height: 1;
}
.team-features-mono p {
font-size: 16px;
line-height: 1.75;
margin-bottom: 0;
}
.team-features-mono {
background-size: cover;
background-repeat: no-repeat;
background-position: right top;
} .fun-fact-counters {
border: 2px solid #e1e1e2;
width: 700px;
height: 700px;
border-radius: 50%;
margin: 65px auto;
padding: 190px;
}
.fact-sub-item {
text-align: center;
background: #fff;
width: 200px;
height: 200px;
border-radius: 50%;
padding-top: 70px;
box-shadow: 0px 10px 20px 0px rgba(155, 155, 155, 0.1);
}
.fact-sub-item span {
font-size: 50px;
line-height: .6;
font-weight: bold;
}
.fact-sub-item p {
font-size: 16px;
line-height: 30px;
font-weight: bold;
line-height: 30px;
}
.fact-sub-item span i {
color: #da072c;
font-size: 20px;
}
.fact-sub-item:nth-child(2) {
top: 0;
left: 0;
}
.fact-sub-item:nth-child(3) {
left: -100px;
top: 50%;
transform: translateY(-50%);
}
.fact-sub-item:nth-child(4) {
left: 0;
}
.fact-sub-item:nth-child(5) {
right: 0;
bottom: 0;
}
.fact-sub-item:nth-child(6) {
right: -100px;
top: 50%;
transform: translateY(-50%);
}
.fact-sub-item:nth-child(7) {
right: 0;
top: 0
} .team-area .team-info>p {
font-size: 16px;
padding: 0px 18px;
} .make-call-area{
background-repeat: no-repeat;
background-size: cover;
background-position: top right;
}
.team-slide-texts {
width: 84%;
position: relative;
margin: -50px auto 0 auto;
padding: 28px 55px 25px 55px;
box-shadow: 0px 8px 16px 0px rgba(230, 230, 230, 0.3);
}
.team-slide-img {
overflow: hidden;
}
.single-team-slide:hover .team-slide-img img{
transform: scale(1.1);
}
.team-slide-texts h3 {
font-size: 24px;
margin-bottom: 0;
}
.team-slide-texts h4 {
font-size: 14px;
color: #da072c;
}
.team-slider-items .slick-dots {
text-align: center;
margin-top: 40px;
}
.team-slider-items .slick-dots li {
display: inline-block;
margin-right: 10px;
width: 10px;
height: 4px;
background: #dddddd;
transition: .3s ease;
}
.team-slider-items .slick-dots li button {
display: none;
}
.team-slider-items .slick-dots li.slick-active {
width: 30px;
background: #da072c;
} .portfolio-caption {
position: absolute;
background: #fff;
bottom: 0;
left: 0;
right: 0;
margin: 35px;
padding: 30px;
}
.portfolio-caption h3 a:hover{color: #da072c;}
.single-portfolio {
position: relative;
overflow: hidden;
}
.single-portfolio img {
width: 100%;
}
.single-portfolio:hover img {
transform: scale(1.1);
}
.p-btn {
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
}
.p-btn a {
border: 1px solid #ddd;
height: 45px;
width: 45px;
display: inline-block;
text-align: center;
line-height: 43px;
}
.p-btn a:hover {
border-color: #da072c;
background: #da072c;
color: #fff;
}
.portfolio-area {
background: #fff;
}
.portfolio-slider .slick-arrow {
position: absolute;
top: 75%;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 16px 0px rgba(55, 99, 236, 0.2);
padding: 18px;
z-index: 100;
}
.portfolio-slider .portfolio-slick-next {
left: 51.35%;
background: #3763ec;
}
.portfolio-slider .portfolio-slick-prev{
right: 48.65%;
}
.single-call-to-action {
border-top: 6px solid #3763ec;
}
.single-call-to-action.border-black {
border-top-color: #000;
padding-left: 44px;
}
.single-call-to-action .section-title h2 {
font-size: 48px;
}
.single-call-to-action p {
font-size: 16px;
line-height: 1.625;
}
.business-shadow {
background: #fff;
box-shadow: 0px 8px 16px 0px rgba(55, 99, 236, 0.1);
z-index: 6;
position: relative;
margin-bottom: -125px;
}
.portfolio-area-3 {
background-color: rgb(248, 248, 248);
}
.portfolio-area-3 .slick-arrow{
padding: 24px;
position: absolute;
top: 108%;
background-color: rgb(218, 7, 44);
}
.portfolio-area-3 .portfolio-3-slick-prev {
right: 50%;
}
.portfolio-area-3 .portfolio-3-slick-next {
left: 50%;
}
.portfolio-area-3 .slick-arrow:hover {
background-color: rgb(172, 0, 30);
box-shadow: 0px 32px 32px 0px rgba(218, 7, 44, .2);
} .porject-detalis {
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 16px 0px rgba(123, 123, 123, 0.1);
width: 370px;
}
.porject-detalis>h5 {
font-size: 24px;
line-height: 26px;
border-bottom: 1px solid rgb(232, 232, 232);
}
.project-title li {
font-size: 14px;
font-weight: 700;
margin-bottom: 10px;
}
.project-title li span {
display: inline-block;
float: left;
width: 110px;
}
.project-title li p {
margin: 0;
overflow: hidden;
}
.project-title-detalis {
font-size: 14px;
}
.project-icon li {
display: inline-block;
}
.project-icon li a {
border: 2px solid rgb(234, 234, 234);
background-color: rgb(255, 255, 255);
width: 56px;
height: 56px;
border-radius: 50%;
display: inline-block;
font-size: 14px;
text-align: center;
line-height: 53px;
margin-right: 10px;
}
.project-icon li:hover a {
background-color: rgb(218, 7, 44);
color: #ffffff;
transition: all .4s ease-in;
border-color:  rgb(218, 7, 44);
}
.project-bg {
margin-top: -180px;
float: right;
}
.portfolio-detalis-area p {
font-size: 16px;
line-height: 26px;
}
.portfolio-design-page {
border: 2px solid rgb(226, 226, 226);
background-color: rgb(255, 255, 255);
}
.portfolio-design-detalis span {
font-size: 14px;
line-height: 26px;
}
.portfolio-design-detalis h4 {
font-size: 24px;
line-height: 26px;
padding-top: 5px;
}
.portfolio-design-page i {
font-size: 24px;
}
.design-icon {
border-left: 2px solid #e2e2e2;
border-right: 2px solid rgb(226, 226, 226);
}
.pf-nav-btn{
border: 2px solid #e2e2e2;
}
.pf-nav-btn:nth-child(2){
border-left: 0;
border-right: 0;
}
.pf-nav-btn span {
padding-top: 20px;
font-size: 14px;
font-weight: normal;
display: block;
}
.pf-nav-btn h3 {
font-size: 24px;
line-height: 1;
margin-top: 3px;
margin-bottom: 30px;
}
.pagination-icon i{
font-size: 20px;
}
.pf-page-navigation {
text-align: center;
width: 14.45%;
margin: 30px auto;
}
.pf-page-navigation ul li a,
.pf-page-navigation ul li a:hover {
color: #1a191e;
border-radius: 0px !important;
}
.pf-page-navigation ul li a:focus{
outline: 0 !important;
} .growth-bg {
background-color: rgb(247, 249, 255);
}
.growth-details >p {
font-size: 24px;
line-height: 36px;
margin-top: -9px;
}
.growth-counter h5 {
font-size: 16px;
text-align: center;
margin-top: 23px;
}
.growth-counter hr{
width: 1px;
height: 160px;
border-radius: 50%;
background-color: rgb(215, 215, 215);
position: absolute;
left: 50%;
top: 55px;
}
.growth-border:after{
background-color: #d7d7d7;
position: absolute;
width: 1px;
height: 160px;
content: '';
top: 30px;
right: 0;
} .maps-area {
background-size: cover;
background-repeat: no-repeat;
}
.map-red{
background-repeat: no-repeat;
background-position: center top;
padding-bottom: 550px;
}
.map-img {
margin-top: -215px;
position: relative;
}
.map-img .map-container{
height: 100%;
}
.map-container{
overflow:hidden;
position:relative;
height:100%;
}
.map-container iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
.address-details {
background-color: rgb(55, 98, 235);
}
.address-heading i {
font-size: 24px;
color: rgb(255, 255, 255);
line-height: 70px;
text-align: center;
border: 2px solid rgb(255, 255, 255, .2);
width: 70px;
height: 70px;
border-radius: 50%;
}
.address-heading>h2 {
font-size: 30px;
line-height: 58px;
color: rgb(255, 255, 255);
display: inline-block;
}
.address-texts ul li i {
font-size: 18px;
color: rgb(255, 255, 255);
line-height: 48.5px;
text-align: center;
}
.address-texts ul li span {
padding-left: 30px;
font-size: 18px;
color: rgb(255, 255, 255);
line-height: 48px;
}
.about-detalis-2 {
background-color: rgb(26, 24, 30);
} #approach-tab {
border: none;
}
#approach-tab .nav-link {
border: none;
border-bottom: 2px solid #e9e9e9;
font-weight: 700;
font-size: 20px;
padding: 0 10px 20px 10px;
}
#approach-tab .nav-link:first-child {
padding-left: 65px;
padding-right: 35px;
}
#approach-tab .nav-link:last-child {
padding-left: 35px;
padding-right: 65px;
}
#approach-tab .nav-link.active {
border-color: #da072c;
color: #da072c;
}
.approach-icon i {
height: 65px;
width: 65px;
background: #da072c;
line-height: 65px;
font-size: 20px;
color: #fff;
border-radius: 50%;
} .subscription-section {
background: url(//gobor.pl/wp-content/themes/burento/assets/img/bg/subscription-red.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.cta-section { background-size: cover;
background-repeat: no-repeat;
}
.subscribe-form form {
position: relative;
}
.subscribe-form form input[type='email'] {
height: 80px;
width: 100%;
background: transparent;
padding-left: 40px;
transition: .3s ease;
font-size: 16px;
}
.subscribe-form form input[type='email']:hover {
text-align: left;
}
.subscribe-form form input[type="submit"] {
position: absolute;
right: 10px;
top: 10px;
transition: .3s;
} .make-call-actions a {
display: block;
text-align: center;
margin: auto;
}
.make-call-actions a:first-child {
font-size: 100px;
line-height: .7;
margin-bottom: 55px;
font-weight: 100;
}  .faq-img img {
width: 100%;
}
.faq-section {
padding-left: 30px;
}
.faq-bg {
background-color: rgb(248, 248, 248);
padding-top: 120px !important;
padding-bottom: 120px !important;
}
.question-section .btn-link {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
color: #1a191e;
font-size: 20px;
font-weight: 600;
padding: 0;
cursor: pointer;
}
.question-section .btn-link::before {
content: "-";
position: absolute;
right: 32px;
line-height: 24px;
}
.question-section-3 .btn-link::before {
right: -14px;
}
.question-section .btn-link.collapsed::before {
content: "+";
position: absolute;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
line-height: 24px;
}
.question-section-2 .btn-link.collapsed::before,
.question-section-2 .btn-link::before {
background-color: rgb(246, 246, 246);
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
line-height: 48px;
margin-top: -14px;
}
.question-section .btn-link:hover {
background-color: transparent;
border-color: transparent;
color: inherit;
text-decoration: none;
}
.question-section .btn-link:focus {
text-decoration: none;
}
.question-section .card-header {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
margin-bottom: 0;
padding: 0;
position: relative;
}
.faq-bg .question-section .card-header {
background-color: rgb(248, 248, 248);
}
.question-section .card {
-moz-box-direction: normal;
-moz-box-orient: vertical;
background-clip: border-box;
background-color: #fff;
border: 0 none;
border-radius: 0;
display: flex;
flex-direction: column;
min-width: 0;
overflow-wrap: break-word;
position: relative;
}
.question-section-2 .card {
background-color: rgb(255, 255, 255);
border: 2px solid rgb(26, 25, 30, 0.1);
padding: 27px;
padding-left: 35px;
}
.question-section .card-body {
-moz-box-flex: 1;
flex: 1 1 auto;
padding: 1.25rem 5.25rem 1.25rem 0;
}
.question-section-button a {
width: 232px;
height: 60px;
background-color: rgb(218, 7, 44);
color: rgb(255, 255, 255);
display: inline-block;
font-weight: 700;
text-align: center;
line-height: 3.75;
}
.faq-bg .question-section-3 .card-body {
background-color: rgb(248, 248, 248);
} .testimonial-section>p {
font-size: 24px;
margin-top: -17px;
padding-right: 21px;
margin-bottom: 55px;
}
.testimonial-wrapper {
background-repeat: no-repeat;
background-size: cover;
border-radius: 15px;
background-position: right bottom;
position: relative;
}
.testimonial-icon li{
display: inline-block;
}
.testimonial-icon {
position: absolute;
right: 4%;
top: 5%;
}
.testimonial-icon li i{
font-size: 40px;
color: rgba(255, 255, 255, 0.059);
}
.testimonial-wrapper .clint-info h4 {
font-size: 24px;
color: #ffffff;
font-weight: 700;
line-height: 16px;
}
.testimonial-wrapper .clint-info>span {
color: #ffffff;
font-size: 14px;
line-height: 20px;
font-weight: 700;
}
.testimonial-wrapper .clint-text p {
font-size: 18px;
line-height: 28px;
color: #ffffff;
padding-right: 125px;
}
.testimonial-section::before {
content: '';
width: 1px;
height: 574px;
background-color: rgb(172, 172, 172);
position: absolute;
border-radius: 50%;
left: -9%;
top: 70px;
} .testimonial-area-3 {
background-size: cover;
background-repeat: no-repeat;
}
.testimonial-area-3 .section-title>h3,
.testimonial-area-3 .section-title h2 {
color: #ffffff;
}
.testimonial-area-3 .testimonial-text>p,
.testimonial-active p {
font-size: 48px;
color: #ffffff;
line-height: 70px;
padding: 0px 120px;
}
.testimonial-area-3 .testimonial-text hr {
width: 1px;
height: 70px;
background-color: rgb(87, 87, 87);
display: inline-block;
margin-top: 15px;
}
.testimonial-area-3 .testimonial-author>h3 {
color: #ffffff;
font-size: 24px;
line-height: 34px;
}
.testimonial-area-3 .testimonial-author>span {
color: #da072c;
font-size: 16px;
}
.testimonial-area-3.slick-arrow .slick-n {
background: red;
}
.testimonial-area-3 .slick-arrow{
top: 22%;
border: 2px solid rgb(255, 255, 255, .1);
border-radius: 50%;
background-color: rgba(218, 7, 44, 0);
padding: 23px;
position: absolute;
z-index: 922;
}
.testimonial-slick-prev {
left: -2%;
}
.testimonial-slick-next {
right: -2%;
}
.testimonial-area-3 .slick-arrow:hover{
background-color: rgb(218, 7, 44);
}
.testimonial-case-area {
min-height: 930px;
} .blog-area.blog-bg {
background-color: rgb(248, 248, 248);
background-size: cover;
background-repeat: no-repeat;
}
.blog-meta .author {
font-size: 14px;
color: rgb(255, 255, 255);
background-color: rgb(218, 7, 44);
font-weight: 700;
border-radius: 15px;
display: inline-block;
margin-top: 0;
text-align: center;
padding: 4px 20px;
}
.blog-meta .date i {
font-size: 14px;
color: rgb(218, 7, 44);
}
.blog-meta .date {
color: #1a191e;
font-size: 14px;
line-height: 30px;
font-weight: 700;
}
.blog-text h3 {
font-size: 28px;
line-height: 36px;
font-weight: bold;
letter-spacing: -1px;
margin-top: -7px;
transition: all 1s ease;
}
.b-blog-detalis {
position: relative;
z-index: 2;
}
.blog-text a {
display: inline-block;
font-size: 16px;
line-height: 26px;
color: #1a191e;
font-weight: bold;
}
.blog-text a:hover h3{
color: #3762EB;
}
.blog-section-bg{
overflow: hidden;
} .blog-section-bg {
overflow: hidden;
position: relative;
background-color: rgb(255, 255, 255);
transition: all .4s ease-in-out;
position: relative;
z-index: 22;
}
.blog-bg-thumb {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-size: cover;
background-position: center center;
transition: all .4s ease-in-out;
opacity: 0;
}
.blog-section-bg:hover .blog-bg-thumb{
opacity: 1;
transform: scale(1.1);
}
.blog-text p {
font-size: 16px;
margin-top: 5px;
margin-bottom: 25px;
transition: .3s;
}
.blog-info {
padding: 40px 0;
}
.blog-area .b-blog-detalis:hover .blog-info .date,
.blog-area .b-blog-detalis:hover .blog-info .date i,
.blog-area .b-blog-detalis:hover .blog-info .blog-text h3,
.blog-area .b-blog-detalis:hover .blog-info .blog-text a,
.blog-area .b-blog-detalis:hover .blog-text p {
color: #ffffff;
} .blog-area-blue .author {
background-color: rgb(55, 98, 235);
}
.blog-area-blue .blog-meta .date i {
color: rgb(55, 98, 235);
}
.blog-area-blue .blog-info {
border: 2px solid rgb(55, 98, 235, .2);
background-color: rgb(255, 255, 255);
padding-left: 50px;
padding-top: 70px;
}
.blog-area-blue .blog-info {
margin-top: -30px;
}
.b-blog-detalis-2 .blog-info-2 .blog-meta i,
.b-blog-detalis-2 .date {
color: #ffffff;
}
.blog-info-2 .blog-text h3 {
margin-top: -17px;
color: #fff;
padding-bottom: 5px;
}
.blog-info-2 .blog-text span {
color: #ffffff;
font-size: 16px;
line-height: 26px;
display: inline-block;
padding-right: 60px;
}
.blog-info-2 .blog-text a {
color: #ffffff;
margin-top: 30px;
}
.b-blog-detalis-blue:hover .b-blog-detalis{
display: none;
}
.b-blog-detalis-blue:hover .b-blog-detalis-2{
display: inline-block !important;
transition: all 1.4s ;
}
.b-blog-detalis-blue:hover{
padding-top: 10px;
overflow: hidden;
}
.b-blog-detalis-blue .b-blog-detalis-2{
overflow: hidden;
transform: scale(1.05);
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
} .join-area.join-bg {
background-color: rgb(26, 25, 30);
padding-top: 120px;
}
.join-section {
background-size: cover;
background-repeat: no-repeat;
margin: auto;
}
.join-section .section-title>h2 {
line-height: 68px;
padding-right: 90px;
}
.join-text .line,
.join-text .line::after {
background: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
}
.join-area .join-text h3,
.join-area .join-text h2 {
color: #ffffff;
}
.join-button a {
font-size: 16px;
line-height: 3.575;
color: rgb(26, 25, 30);
font-weight: 700;
text-align: center;
display: block;
width: 172px;
height: 60px;
background-color: rgb(255, 255, 255);
}
.join-area-3 {
background-size: cover;
background-repeat: no-repeat;
}
.join-area-career {
margin-top: -170px;
position: relative;
}
.career-blog-area img {
width: 100%;
}
.join-area .b-blog-detalis {
width: 375px;
height: 403px;
float: right;
margin-top: -230px;
}
.contact-bg{
margin: auto;
}
.contact-join-btn a {
background-color: rgb(218, 7, 44);
color: #ffffff;
} .timeline-vertical-line {
width: 2px;
background: #eaeaea;
height: 2640px;
text-align: center;
margin: auto;
left: 50%;
transform: translateX(-50%);
}
.timeline-contents::before {
content: '';
position: absolute;
display: inline-block;
border: 4px solid #da072c;
border-radius: 50%;
box-shadow: 0px 4px 7px 0px rgba(218, 7, 44, 0.6);
width: 14px;
height: 14px;
left: -15.4%;
top: 7.7%;
}
.timeline-reverse::before {
left: auto;
right: -15.4%;
}
.timeline-texts {
margin-top: -50px;
box-shadow: 0px 8px 16px 0px rgba(165, 165, 165, 0.2);
}
.timeline-year p {
font-size: 40px;
font-weight: 700;
margin-top: 5px;
}
.timeline-texts h3 {
font-size: 28px;
line-height: 1.286;
margin-bottom: 15px;
}
.timeline-texts p {
font-size: 16px;
line-height: 1.625;
padding-bottom: 25px;
} .contact-bg {
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 16px 0px rgba(55, 99, 236, 0.1);
width: 970px;
height: 120px;
position: relative;
}
.contact-meta h3 {
font-size: 16px;
line-height: 18px;
font-weight: 700;
}
.contact-meta p {
font-size: 30px;
font-weight: 700;
line-height: 36px;
}
.contact-area hr {
background-color: rgb(231, 231, 231);
width: 2px;
height: 80px;
margin-left: 25px;
margin-right: 25px;
margin-top: 20px;
}
.contact-area-2{
margin-top: -60px;
} .contact-area-3 {
margin-top: -210px;
}
.contact-area-3 .contact-bg-3 {
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 16px 0px rgba(155, 155, 155, 0.2);
padding: 0px 55px;
position: relative;
z-index: 99;
}
.contact-area-3 .contact-info>h3 {
font-size: 24px;
line-height: 36px;
}
.contact-area-3 .contact-info>p {
font-size: 16px;
line-height: 26px;
margin-bottom: 2px;
}
.contact-area-3 hr {
background-color: rgb(231, 231, 231);
width: 1px;
height: 200px;
margin: auto;
} .career-box {
border-top: 4px solid #da072c;
padding: 85px 80px 60px;
box-shadow: 0px 16px 32px 0px rgba(165, 165, 165, 0.1);
}
.career-title h2 {
font-size: 30px;
display: inline-block;
}
.career-title span {
float: right;
color: #da072c;
font-weight: 700;
font-size: 16px;
background: #ffebef;
width: 50px;
height: 30px;
line-height: 30px;
border-radius: 20px;
text-align: center;
margin-top: 5px;
}
.career-info {
border-bottom: 1px solid #e4e4e4;
padding: 20px 0 18px;
}
.career-info:last-child {
border: none;
}
.career-texts h4 {
font-size: 18px;
}
.career-texts p {
font-size: 14px;
font-weight: 400;
margin-bottom: 0;
}
.career-btn a {
margin-top: 8px;
display: inline-block;
color: #b3b3b3;
border: 1px solid #e8e8e8;
width: 100px;
height: 30px;
font-size: 12px;
line-height: 28px;
text-align: center;
border-radius: 20px;
font-weight: bold;
transition: .3s;
}
.career-btn a:hover {
color: #da072c;
background: #ffebef;
} .case-title {
z-index: 9;
bottom: 0;
width: 72.97%;
padding: 25px;
left: -100%;
padding-left: 30px;
transition: .4s ease;
}
.case-gallery-item:hover .case-title {
left: 0;
}
.case-title h3 {
font-size: 16px;
display: inline-block;
}
.case-title h2 {
font-size: 28px;
line-height: 1.286;
margin-bottom: 0;
}
.case-title h2 a:hover{
color: #da072c;
} .service-details-text p {
font-size: 16px;
line-height: 1.625;
}
.service-details-text blockquote {
padding: 25px 35px 25px 30px;
border-left: 6px solid #da072c;
box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.14);
}
.service-details-text blockquote cite {
font-weight: bold;
color: #da072c;
font-style: normal;
} .sb-service-list {
background: #f1f1f1;
padding: 30px 0;
}
.sb-service-list li {
padding: 0 45px;
transition: .3s;
}
.sb-service-list li a {
font-size: 16px;
font-weight: bold;
display: block;
padding: 15px 0;
text-indent: 0;
transition: .4s;
}
.sb-service-list li:hover {
background: #da072c;
}
.sb-service-list li:hover a {
color: #fff;
text-indent: 20px;
}
.sb-service-list li a:after {
content: '\f105';
float: right;
font-family: 'Font awesome 5 Pro';
}
.sb-service-list li:hover a:after {
} .sb-service-list li:hover a::before {
visibility: visible;
float: none;
margin-left: 10px;
}
.sb-service-list li:last-child a {
margin-bottom: 10px;
} .sb-contact-form {
border: 8px solid #da0f33;
padding: 42px;
background: url(//gobor.pl/wp-content/themes/burento/assets/img/bg/sidebar-cf-bg.jpg);
background-position: top right;
background-repeat: no-repeat;
}
.sb-contact-form form {
background: transparent;
}
.sb-contact-form h3 {
font-size: 30px;
line-height: 1;
margin-top: -3px;
margin-bottom: 35px;
text-align: center;
}
.sb-contact-form form input:not([type='submit']) {
border: 2px solid #e2e2e2;
width: 270px;
padding: 15px 28px;
background-color: transparent;
}
.sb-contact-form form input:first-child,
.sb-contact-form form input:nth-child(3),
.sb-contact-form form input:nth-child(5) {
border-bottom: 0;
}
.sb-contact-form form input,
.sb-contact-form form input::placeholder {
font-size: 14px;
color: #1a191e;
}
.sb-contact-form input[type="submit"] {
width: 160px;
height: 60px;
line-height: 58px;
color: #fff;
transition: .3s;
text-align: center;
display: inline-block;
}
.sb-contact-form form .nice-select {
width: 100%;
border: 2px solid #e2e2e2;
font-size: 14px;
padding: 20px 28px;
height: auto;
border-radius: 0;
line-height: 1;
}
.sb-contact-form form .nice-select.open .list {
width: 100%;
border-radius: 0px;
}
.sb-contact-form form .nice-select::after{
content: '\f150';
font-family: 'Font awesome 5 Pro';
border: none;
transform: rotate(0deg);
margin-right: 20px;
font-size: 16px;
margin-top: -8px;
}
.sb-contact-form form .nice-select > ul.list li *{
border-radius: 0;
}
.sb-cf-icon {
position: absolute;
right: 10%;
margin-top: -39px;
}
.sb-cf-icon i {
color: #57565a;
} .sb-custom-text{
background: url(//gobor.pl/wp-content/themes/burento/assets/img/bg/sidebar-tb-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 45px 0;
}
.sb-custom-text *{
color: #fff;
}
.sb-custom-text > h3 {
font-size: 30px;
margin-bottom: 22px;
}
.sb-custom-text p {
font-size: 16px;
line-height: 1.875;
margin-bottom: 0;
}
.loan-calculator {
background: #f1f1f1;
padding: 60px;
padding-top: 55px;
}
.lc-header .section-title > h2 {
font-size: 40px;
margin-top: 10px;
}
.lc-content input[type='range']{
width: 100%;
}
.lc-content input[type="range"] {
width: 100%;
appearance: none;
-webkit-appearance: none;
height: 10px;
border-radius: 15px;
}
.lc-content input[type="range"]::-webkit-slider-thumb {
appearance: none;
-webkit-appearance: none;
width: 30px;
height: 30px;
background: #da0f33;
cursor: pointer;
border: none;
box-shadow: 0px 4px 8px 0px rgba(218, 15, 51, 0.4);
}
.lc-content input[type="range"]::-moz-range-thumb {
width: 30px;
height: 30px;
background: #da0f33;
cursor: pointer;
border-radius:25px;
border: none;
box-shadow: 0px 4px 8px 0px rgba(218, 15, 51, 0.4);
}
.lc-range-values div {
font-size: 14px;
line-height: 1.857;
font-weight: 700;
margin-top: 8px;
}
.single-amount {
color: #da0f33;
font-weight: bold;
font-size: 20px;
text-align: center;
width: 115px;
height: 115px;
background-color: #fff;
border-radius: 10px;
padding-top: 38px;
line-height: 1;
}
.single-amount p {
font-size: 14px;
line-height: 1;
font-weight: bold;
margin: 0;
margin-top: 7px;
}
#loans-tab .nav-link {
background: #fff;
height: 50px;
text-align: center;
}
#loans-tab .nav-link {
background: #fff;
height: 50px;
text-align: center;
line-height: 34px;
font-size: 14px;
font-weight: 700;
}
#loans-tab .nav-link.active{
background-color: #da0f33;
color: #fff;
} .news-item-content{
border: 2px solid rgb(237, 237, 237);
border-top: none;
padding-left: 45px;
padding-top: 30px;
padding-bottom: 50px;
}
.news-item-content .content-name{
background-color: rgb(218, 7, 44);
color: rgb(255, 255, 255);
font-size: 14px;
font-weight: 700;
padding: 7px 29px;
border-radius: 15px;
line-height: 70px;
}
.news-title h3{
font-size: 40px;
}
.news-title h3 a:hover{
color: rgb(218, 7, 44);
}
.news-item-content .activity-icon li{
display: inline-block;
}
.news-item-content .activity-icon li i {
margin-right: 8px;
color: #DA072C;
}
.news-item-content .activity-icon li a{
margin-right: 30px;
font-size: 14px;
}
.news-item-content >p{
font-size: 16px;
line-height: 26px;
letter-spacing: -.4px;
padding-right: 110px;
}
.news-creator h5{
font-size: 16px;
padding-top: 11px;
display: inline-block;
padding-left: 15px;
}
.creator-detalis a i{
margin-right: 10px;
}
.creator-detalis a{
color: #da072c;
font-size: 14px;
padding-right: 30px;
padding-top: 10px;
}
.video-icon {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
text-align: center;
}
.video-icon  a{
width: 80px;
height: 80px;
border-radius: 50%;
display: inline-block;
background-color: rgb(218, 7, 44);
text-align: center;
line-height: 80px;
font-size: 14px;
color: rgb(255, 255, 255);
}
.news-slick{
color: rgba(255, 255, 255, 0.4);
position: absolute;
font-size: 30px;
line-height: 0.8;
text-align: center;
top: 47%;
}
.news-slick:hover{
color: rgb(255, 255, 255);
}
.news-slick-prv {
left: 40px;
z-index: 65;
}
.news-slick-next{
right: 40px;
}
.news-item:nth-child(5) .news-item-content{
border: 2px solid rgb(237, 237, 237);
}
.news-item:nth-child(6) .news-item-content{
border: none;
}
.news-item:nth-child(6) .news-title h3{
color: #ffffff;
padding-right: 30px;
}
.news-item:nth-child(6) .news-item-content .activity-icon li a{
color: #ffffff;
}
.news-item:nth-child(7) .news-item-content{
border: 2px solid rgb(237, 237, 237);
}
.news-item{
background-size: cover;
background-repeat: no-repeat;
margin-bottom: 40px;
}
.news-thumb {
position: relative;
}
.construction-pagination .page-item:first-child .page-link {
border-radius: 0;
margin-left: 0;
}
.construction-pagination .page-item:last-child .page-link {
border-radius: 0;
}
.construction-pagination .page-item {
margin: 0 5px;
}
.construction-pagination .page-link {
background-color: rgb(255, 255, 255);
border:2px solid rgb(237, 237, 237);
color: rgb(90, 130, 153);
display: block;
font-weight: 400;
width: 54px;
height: 54px;
line-height: 36px;
margin-left: -1px;
padding: 0.5rem 0.75rem;
position: relative;
text-align: center;
}
.construction-pagination .page-item.active .page-link,.construction-pagination .page-link:hover {
background-color: rgb(218, 7, 44);
color: rgb(255, 255, 255);
color: #fff;
z-index: 1;
border-color: rgb(218, 7, 44);
}
.page-item.active .page-link{
border: none;
}
.page-link:focus{
box-shadow: none;
}
.sidebar-widget .line{
background-color: rgb(218, 7, 44);
width: 18px;
height: 4px;
}
.sidebar-widget .line::after{
border-radius: 50%;
background-color: rgb(218, 7, 44);
width: 4px;
height: 4px;
}
.sidebar-widget .section-title > h3{
display: inline;
font-size: 20px;
}
.sidebar-widget .section-title{
padding-top: 35px;
padding-bottom: 40px;
}
.news-area .sidebar-widget {
border: 2px solid rgb(237, 237, 237);
margin-bottom: 40px;
margin-left: 20px;
padding-bottom: 40px;
padding-left: 40px;
}
.author-info >h4{
font-size: 18px;
line-height: 36px;
}
.author-info >p{
font-size: 14px;
padding: 0px 40px;
}
.author-social-icon li{
display: inline-block;
}
.author-social-icon li a {
color: rgb(179, 190, 211);
font-size: 14px;
display: inline-block;
margin-right: 20px;
}
.author-social-icon li a:hover{
color: #DA072C;
}
.news-search-input input{
background-color: rgb(246, 244, 255);
width: 270px;
border: none;
height: 60px;
border-radius: 30px;
padding-left: 30px;
}
.news-search-input input:focus{
border: none;
}
.news-search-input ::-webkit-input-placeholder { color: #1a191e;
font-size: 12px;
}
.news-search-input ::-moz-placeholder { color: #1a191e;
font-size: 12px;
}
.news-search-input :-ms-input-placeholder { color: #1a191e;
font-size: 12px;
}
.news-search-input :-moz-placeholder { color: #1a191e;
font-size: 12px;
}
.news-search-input a{
border-radius: 50%;
background-color: rgb(218, 7, 44);
width: 60px;
height: 60px;
display: inline-block;
line-height: 60px;
text-align: center;
font-size: 14px;
color: rgb(255, 255, 255);
position: absolute;
right: 13.5%;
}
.feeds-thumb{
float: left;
padding-right: 20px;
}
.feeds-detalis >h5{
font-size: 16px;
padding: 0px 30px;
padding-top: 8px;
}
.feeds-detalis >h5:hover{
color: #DA072C;
transition: all .4s ease-in-out;
}
.feeds-detalis .date{
font-size: 14px;
}
.popular-feeds hr {
width: 88%;
background-color: rgb(225, 230, 255);
}
.categories-list li{
margin-bottom: 10px;
}
.categories-list li:last-child{
margin-bottom: 0;
}
.news-area .popular-feeds .feeds-items{
padding-bottom: 30px;
padding-top: 30px;
}
.sidebar-widget:nth-child(7),
.sidebar-widget:nth-child(8){
padding-bottom: 25px;
}
.news-area .popular-feeds .feeds-items:first-child{
padding-top: 0;
}
.news-area .popular-feeds .feeds-items:last-child{
padding-bottom: 0;
}
.instagram-feeds .feeds-img a{
margin-bottom: 15px;
margin-right: 15px;
display: inline-block;
cursor: pointer;
}
.categories-list li a{
display: inline-block;
width: 270px;
height: 50px;
background-color: rgb(21, 33, 54);
line-height: 50px;
color: #ffffff;
border-radius: 30px;
font-size: 14px;
padding-left: 30px;
}
.categories-list li a:hover{
background: #DA072C;
}
.categories-list li a h5{
font-size: 14px;
color: #ffffff;
display: inline-block;
}
.categories-list li a span{
float: right;
border-radius: 50%;
background-color: rgb(9, 18, 34);
width: 50px;
height: 50px;
text-align: center;
}
.news-icon li{
display: inline-block;
}
.news-icon li a{
display: inline-block;
font-size: 14px;
color: #ffffff;
border-radius: 50%;
background-color: rgb(9, 18, 34);
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
margin-right: 10px;
}
.news-icon li a:hover{
transition: .4s;
background-color: #DA072C;
}
.feeds-thumb i{
font-size: 14px;
color: rgb(50, 190, 255);
}
.feeds-detalis >p{
font-size: 12px;
padding-right: 45px;
line-height: 22px;
margin-bottom: 9px;
}
.twitter-feeds .date{
font-size: 12px;
font-weight: 700;
}
.tags-list li{
display: inline-block;
}
.tags-list li a{
display: inline-block;
font-size: 12px;
text-transform: uppercase;
background-color: rgb(244, 244, 244);
width: 89px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 30px;
margin-right: 8px;
margin-bottom: 10px;
}
.banner{
width: 350px;
height: 600px;
background-size: cover;
background-repeat: no-repeat;
}
.add-banner{
background-color: rgb(218, 7, 44);
width: 214px;
height: 100px;
}
.add-banner > span{
color: #ffffff;
font-size: 16px;
display: inline-block;
padding-top: 25px;
}
.add-banner >h4{
font-size: 24px;
color: #ffffff;
line-height: 34px;
} .news-detalis .news-item-content {
border-top: 2px solid rgb(237, 237, 237);
}
.news-detalis .news-title h3{
font-size: 36px;
line-height: 46px;
padding-bottom: 8px;
}
.news-detalis p{
font-size: 16px;
line-height: 26px;
padding-right: 30px;
}
.news-detalis h4{
font-size: 30px;
line-height: 26px;
padding-bottom: 20px;
padding-top: 30px;
}
.news-detalis hr{
padding-top: 10px;
}
.news-detalis-list li a i{
color: #da072c;
font-size: 16px;
margin-right: 10px;
line-height: 30px;
}
.news-detalis-list li a{
font-size: 16px;
line-height: 30px;
}
.news-detalis-items{
background-size: cover;
background-repeat: no-repeat;
background-position: right top;
}
.news-detalis-items >span{
color: #7886a0;
font-size: 14px;
font-weight: 700;
line-height: 26px;
}
.news-detalis-items span span{
color: #1a191e;
}
.news-detalis-items >h5{
font-size: 28px;
line-height: 38px;
font-weight: 700;
padding: 0px 62px;
}
.news-item-detalis p{
padding-right: 0;
margin-top: -7px;
}
.detalis-tegs h5{
font-size: 20px;
line-height: 26px;
padding-bottom: 12px;
}
.social-share  .share-icon li{
display: inline-block;
}
.social-share .share-icon li a{
color: #b5becc;
font-size: 18px;
display: inline-block;
margin-left: 28px;
}
.social-share .share-icon li a:hover{
color: rgb(218, 7, 44);
transition: all .4s ease-in-out;
}
.tags-list li a:hover{
background-color: rgb(218, 7, 44);
color: #ffffff;
transition: all .4s ease-in-out;
}
.social-share{
text-align: end;
}
.detalis-tegs hr,
.related-post hr{
background-color: rgb(225, 230, 255);
margin-top: 40px;
padding-top: 0;
}
.blog-nav a span {
font-size: 14px;
font-weight: 700;
}
.blog-nav a h3{
font-size: 28px;
} .related-post >h5,
.post-comments >h5,
.post-comments-form >h5{
font-size: 26px;
line-height: 26px;
padding-top: 40px;
padding-bottom: 30px;
}
.related-post-info{
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 16px 0px rgba(93, 93, 93, 0.06);
}
.related-post-info span{
font-size: 14px;
line-height: 26px;
}
.related-post-info h5{
font-size: 24px;
line-height: 30px;
}
.related-post-info p{
font-size: 14px;
line-height: 26px;
padding-top: 5px;
padding-left: 8px;
}
.comment-form{
background-color: rgb(243, 243, 243);
}
.comment-form textarea{
width: 100%;
background-color: rgb(255, 255, 255);
height: 150px;
border: none;
padding-left: 25px;
padding-top: 25px;
position: relative;
}
.comment-form input{
width: 100%;
border: none;
height: 60px;
margin-top: 20px;
padding-left: 25px;
}
.position-icon{
color: red;
position: absolute;
right: 30px;
top: 50%;
}
.text-area i{
top: 20px;
}
.comment-form ::-webkit-input-placeholder { color: #1a191e;
font-size: 14px;
}
.comment-form ::-moz-placeholder { color: #1a191e;
font-size: 14px;
}
.comment-form :-ms-input-placeholder { color: #1a191e;
font-size: 14px;
}
.comment-form :-moz-placeholder { color: #1a191e;
font-size: 14px;
}
.comment-form a i{
padding-right: 5px;
} .news-writer{
border: 2px solid rgb(225, 230, 255);
}
.news-writer-info span{
font-size: 12px;
color: #da072c;
font-weight: 700;
line-height: 26px;
}
.news-writer-info h3{
font-size: 36px;
line-height: 26px;
padding-top: 10px;
padding-bottom: 10px;
}
.news-writer-info p {
font-size: 14px;
line-height: 26px;
padding-right: 36px;
} .comments-avatar {
float: left;
}
.comments-text {
overflow: hidden;
padding-left: 30px;
padding-top: 10px;
}
.avatar-name {
margin-bottom: 15px;
overflow: hidden;
}
.avatar-name > h5 {
font-size: 18px;
line-height: 26px;
}
.avatar-name > span {
font-size: 12px;
color: #da072c;
font-weight: 700;
line-height: 26px;
}
.comments-box {
margin-top: 30px;
}
.comments-reply {
padding-left: 130px;
}
.comments-text >p {
font-size: 14px;
line-height: 24px;
margin-bottom: 15px;
letter-spacing: -.4px;
padding-right: 0;
}
.comments-text a i{
margin-right: 5px;
}
.comments-text a {
border: 2px solid rgb(244, 244, 255);
display: inline-block;
font-size: 14px;
font-weight: 700;
padding: 7px 24px;
float: right;
border-radius: 30px;
margin-top: -17px;
}
.comments-text a:hover{
color: #DA072C;
transition: all .4s ease-in-out;
} .footer-area.footer-bg {
background-color: rgb(26, 25, 30);
background-repeat: no-repeat;
background-size: cover;
}
.team-footer.footer-bg {
margin-top: -160px;
padding-top: 260px;
}
.footer-img a>img {
margin-right: 5px;
margin-bottom: 9px;
}
.footer-widget .section-title>h3 {
color: #ffffff;
font-size: 24px;
font-weight: 700;
}
.footer-link>li {
width: 50%;
float: left;
margin-right: -26px;
padding-left: 43px;
}
.footer-link-branches>li {
margin-right: -31px;
}
.footer-area .footer-link li a {
color: #c5c3cd;
font-size: 16px;
line-height: 46px;
display: inline-block;
}
.footer-area .footer-link li a:hover{
color: rgb(218, 7, 44);
}
.footer-area .sub-footer {
background-color: rgb(0, 0, 0);
}
.copyright-text > p {
font-size: 16px;
font-weight: 700;
color: #fff;
}
.copyright-desc p {
font-size: 16px;
}
.footer-blue .copyright-text > p {
color: #1a191e;
margin-bottom: 0;
padding: 35px 0;
font-size: 18px;
}
.footer-icon {
margin-top: -43px;
}
.footer-icon li {
display: inline-block;
}
.footer-icon li a {
font-size: 14px;
width: 40px;
height: 40px;
color: rgb(255, 255, 255);
border-radius: 50%;
margin-right: 10px;
display: inline-block;
line-height: 39px;
text-align: center;
border: 2px solid rgb(52, 51, 56);
background-color: rgba(255, 255, 255, 0);
}
.footer-icon li a:hover {
background: #a80523;
border: 2px solid #a80523;
}
.sub-footer .sub-footer-bg {
height: 7px;
} .footer-blue.footer-bg {
margin-top: -60px;
padding-top: 95px;
background-size: cover;
background-repeat: no-repeat;
} .footer-manu-top .main-menu ul li {
margin-right: 105px;
margin-left: 0;
}
.footer-manu-top .main-menu ul li:last-child {
margin-right: 0;
}
.footer-manu-top .main-menu ul li a {
font-size: 18px;
text-transform: uppercase;
}
.footer-manu-top .main-menu {
margin-left: 225px;
} .footer-blue .subscribe-area input {
width: 366px;
height: 60px;
float: left;
padding-left: 60px;
border: none;
box-shadow: 0px 8px 16px 0px rgba(55, 99, 236, 0.1);
}
.footer-blue .subscribe-area input:focus{
border: none;
}
.footer-blue .footer-bottom {
border-top: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
}
.footer-blue .subscribe-area input[type="email"]::-moz-placeholder {
font-size: 16px;
padding-left: 10px;
}
.footer-blue .subscribe-input-area::before {
content: "\f0e0";
font-family: "Font Awesome 5 Pro";
font-weight: 900;
color: #3762eb;
position: absolute;
font-size: 16px;
line-height: 25px;
top: 16px;
left: 5%;
}
.footer-blue .subscribe-button .bl-btn {
display: inline-block;
background-color: #3763ec;
border-radius: 0;
box-shadow: 0px 8px 16px 0px rgba(55, 99, 236, 0.3);
transition: .3s;
font-size: 16px;
line-height: .9;
color: #ffffff;
width: 182px;
height: 60px;
text-align: center;
line-height: 60px;
}
.footer-blue .subscribe-button .bl-btn:hover {
background-color: #3763ec;
color: #ffffff;
}
.footer-blue .footer-social-icon li {
display: inline-block;
}
.footer-blue .footer-social-icon li a {
font-size: 14px;
width: 50px;
height: 50px;
border-radius: 50%;
margin-right: 10px;
display: inline-block;
line-height: 50px;
text-align: center;
border: none;
color: #1a191e;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 16px 0px rgba(55, 99, 236, 0.1);
}
.footer-blue .footer-social-icon li:hover a {
background-color: rgb(55, 98, 235);
box-shadow: 0px 8px 16px 0px rgba(55, 99, 236, 0.5);
color: #ffffff;
} .footer-area-3.footer-bg {
background-color: rgb(248, 248, 248);
margin-top: -60px;
}
.footer-area-3 .footer-link-3 li a {
font-size: 20px;
float: none;
font-weight: 700;
color: #000000;
float: right;
}
.footer-widget hr {
background-color: rgb(218, 7, 44);
width: 1px;
height: 256px;
float: right;
margin-top: 45px;
}
.footer-area-3 .footer-link li a {
color: #1a191e;
}
.footer-area-3 li a:hover{
color: rgb(218, 7, 44);
transition: all .4s ease-in-out;
}
.footer-area-3 .section-title>h3 {
color: #1a191e;
}
.footer-area-3 .footer-widget {
margin-left: 50px;
}
.footer-area-3 .footer-link>li {
margin-right: -45px;
}
.footer-post-content span {
color: #1a191e;
font-size: 14px;
}
.footer-post-content span i {
margin-right: 10px;
color: #1a191e;
}
.footer-post-img {
float: left;
margin-right: 20px;
}
.footer-post-content h5 {
font-size: 18px;
font-weight: 500;
line-height: 26px;
}
.footer-post-content h5 a:hover {
color: rgb(218, 7, 44);
transition: all .4s ease-in-out;
}
.footer-post-content>span {
color: #646464;
font-size: 12px;
}
.footer-post>li {
margin-bottom: 35px;
}
.footer-post>li:last-child {
margin-bottom: 0;
}
.footer-career-bg {
margin-top: -160px;
padding-top: 260px;
}
.footer-widget .section-title .line {
top: -7px;
}
.single-brand {
text-align: center;
}
.single-brand a {
display: inline-block
}
.contact-form input {
width: 100%;
height: 60px;
margin-bottom: 20px;
border: 1px solid #e0e3e7;
padding: 0 20px;
text-transform: uppercase;
font-size: 12px;
}
.contact-form textarea {
width: 100%;
height: 200px;
margin-bottom: 20px;
border: 1px solid #e0e3e7;
padding: 20px;
text-transform: uppercase;
}
.contact-form input:focus::-moz-placeholder {
opacity: 0;
}
.contact-form input:focus::placeholder {
opacity: 0;
}
.contact-form textarea:focus::-moz-placeholder {
opacity: 0;
}
.contact-form textarea:focus::placeholder {
opacity: 0;
}
.map-height{
min-height: 700px;
}
.map-height-home{
min-height: 700px;
} .dark #preloader {
background-color: #232323;
}
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #f7f7f7;
z-index: 999999;
}
.preloader {
width: 50px;
height: 50px;
display: inline-block;
padding: 0px;
text-align: left;
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
margin-left: -25px;
margin-top: -25px;
}
.preloader span {
position: absolute;
display: inline-block;
width: 50px;
height: 50px;
border-radius: 100%;
background: #7460ef;
-webkit-animation: preloader 1.3s linear infinite;
animation: preloader 1.3s linear infinite;
}
.preloader span:last-child {
animation-delay: -0.8s;
-webkit-animation-delay: -0.8s;
}
@keyframes preloader {
0% {
transform: scale(0, 0);
opacity: 0.5;
}
100% {
transform: scale(1, 1);
opacity: 0;
}
}
@-webkit-keyframes preloader {
0% {
-webkit-transform: scale(0, 0);
opacity: 0.5;
}
100% {
-webkit-transform: scale(1, 1);
opacity: 0;
}
}  .pos-rel{
position: relative;
}
.faq-left-box {
margin-bottom: 235px;
}
.faq-pos-front {
position: absolute;
bottom: -279px;
left: 57px;
}
.faq-back-shape {
position: absolute;
bottom: -162px;
left: -130px;
z-index: -9;
}
.faq-right-box .card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 0;
border-radius: 0;
background: #F8F7FF;
margin-bottom: 20px;
}
.faq-right-box .card-header {
padding: 0;
border-bottom: 0;
background: none;
border-radius: 0;
}
.faq-right-box .btn-link {
font-weight: 400;
color: #0f1328;
display: block;
font-size: 16px;
padding: 21px 30px;
border: 2px solid #da072c;
text-decoration: none;
line-height: 28px;
background: #fff;
border-bottom: 0px solid transparent;
}
.faq-right-box .btn-link::before {
content: "-";
line-height: 30px;
position: absolute;
right: 43px;
top: 24px;
font-size: 24px;
font-size: 20px;
}
.faq-right-box .btn-link.collapsed::before {
content: "+";
}
.faq-right-box .card-body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0px 30px;
padding-top: 0;
padding-bottom: 22px;
border: 2px solid #da072c;
background: #fff;
border-top: 0;
}
.faq-right-box .card-body p {
margin: 0;
font-size: 14px;
}
.faq-right-box .btn-link.collapsed {
border: 2px solid #e7e6ff;
}
.gray-bg{
background: #F8F8F8;
} .team-box-2 {
background-color: rgb(255, 255, 255);
box-shadow: 0px 10px 16px 4px rgba(181, 179, 255, 0.2);
padding-bottom: 18px;
}
.team-box-3 {
padding: 0;
box-shadow: none;
margin-bottom: 0;
}
.team-content h3 {
margin-bottom: 17px;
}
.team-content h6 {
color: #DA072C;
text-transform: uppercase;
letter-spacing: .5px;
margin-bottom: 18px;
font-size: 14px;
}
.team-content p {
margin-bottom: 20px;
}
.team-box {
padding: 40px 30px;
background: #fff;
border-radius: 10px;
}
.social-links a {
width: 40px;
height: 40px;
text-align: center;
border: 2px solid #ebf4f7;
line-height: 36px;
border-radius: 50%;
color: #003242;
position: relative;
z-index: 1;
display: inline-block;
font-size: 13px;
margin: 0 3px;
}
.social-links a:hover{
background: #DA072C;
border-color: #DA072C;
color: #fff;
}
.single-team-slide .social-links a {
width: auto;
height: auto;
text-align: center;
border: 0;
line-height: inherit;
border-radius: 50%;
color: #003242;
position: relative;
z-index: 1;
display: inline-block;
font-size: 15px;
margin: 0 8px;
}
.single-team-slide .social-links a:hover{
background: none;
border-color: none;
color: #DA072C;
}
.team-link {
position: absolute;
bottom: 25px;
height: 60px;
width: 60px;
display: inline-block;
border-radius: 50%;
background-color: #d2a98e;
box-shadow: 0px 8px 16px 0px rgba(143, 181, 105, 0.3);
font-size: 26px;
font-weight: 600;
line-height: 60px;
color: #fff;
right: 51px;
}
.team-link:hover {
background-color: #086ad8;
box-shadow: 0px 8px 16px 0px rgba(225, 36, 84, 0.2);
color: #fff;
}
.team-box-2 .team-member-info h3 {
margin-bottom: 18px;
}
.team-social-widget li {
display: inline-block;
margin: 0 8px;
}
.team-social-widget ul {
background: #086AD8;
display: inline-block;
padding: 16px 30px;
}
.team-social-widget li a {
color: #fff;
}
.team-box-3 .team-member-info h3 {
font-size: 36px;
}
.team-author-info span {
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
color: #086ad8;
padding: 11px 20px;
display: inline-block;
background: #fff;
}
.team-author-info h6 {
font-size: 18px;
color: #223645;
padding: 11px 20px;
background: #fff;
}
.team-author-info {
position: absolute;
margin-top: -60px;
margin-left: 30px;
transition: .4s;
visibility: hidden;
opacity: 0;
right: 0;
width: 146%;
left: 0;
z-index: 99;
box-shadow: 0px 8px 16px 0px rgba(205, 190, 255, 0.2);
}
.team-box:hover .team-author-info {
opacity: 1;
visibility: visible;
}
.team-activation .slick-dots {
text-align: center;
margin-bottom: 30px;
}
.team-activation .slick-dots li {
display: inline-block;
cursor: pointer;
}
.team-activation .slick-dots li button {
text-indent: -111111111111px;
padding: 0;
width: 30px;
height: 4px;
border: 0;
background: #e0e9ff;
margin: 0 5px;
cursor: pointer;
}
.team-activation .slick-dots li.slick-active button {
background: #d2a98e;
}
.team-thumb {
position: relative;
display: inline-block;
}
.team-social-profile {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
transition: .5s;
}
.team-wrapper:hover .team-social-profile{
opacity: 1;
visibility: visible;
bottom: 30px;
}
.team-social-profile ul {
background: #086AD8;
display: inline-block;
padding: 16px 30px;
}
.team-social-profile ul li {
display: inline-block;
margin: 0 9.5px;
}
.team-social-profile ul li a {
font-size: 14px;
color: #fff;
}
.team-social-profile ul li a:hover {
color: #D2A98E;
}