/* Oneo Business HTML Template */
/***
====================================================================
Attachment Css Files
====================================================================
***/
@import url('global.css');
@import url('header.css');
@import url('footer.css');
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('flaticon2.css');
@import url('flaticon3.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('jquery.fancybox.min.css');
@import url('odometer-theme-default.css');
@import url('jquery.mCustomScrollbar.min.css');
/***
====================================================================
Main Slider Four Section
====================================================================
***/
.main-slider-four{
position:relative;
overflow:hidden;
}
.main-slider-four .layer-one{
position:absolute;
right:0px;
bottom:0px;
width:1181px;
height:865px;
z-index:1;
background-repeat:no-repeat;
}
.main-slider-four .tp-caption{
z-index:5 !important;
}
.main-slider-four .metis.tparrows{
display:none;
}
.main-slider-four .tp-dottedoverlay{
background:none !important;
}
.main-slider-four .content-image{
position:relative;
z-index:999;
}
.main-slider-four .pattern-layer{
position:relative;
}
.main-slider-four .title{
position:relative;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase;
color:var(--color-fourtyseven);
font-family:var(--font-family-ibm);
}
.main-slider-four h1{
line-height:80px;
color:var(--color-fourtyseven);
}
.main-slider-four h1 span{
font-weight:200;
}
.main-slider-four .text{
font-weight:400;
line-height:35px;
font-size:var(--font-20);
color:var(--color-fourtyeight);
}
.main-slider-four .text a{
color:var(--main-color);
border-bottom:1px solid var(--main-color);
}
.main-slider-four .text a:hover{
color:var(--color-two);
}
.main-slider-four .theme-btn{
float:left;
}
.main-slider-four .sign-up{
position:relative;
font-weight:700;
letter-spacing:2px;
display:inline-block;
font-size:var(--font-16);
text-transform:uppercase;
margin-top:var(--margin-top-25);
color:var(--color-fourtyseven);
margin-left:var(--margin-left-35);
padding-right:var(--padding-right-15);
font-family:var(--font-family-ibm);
}
.main-slider-four .sign-up:before{
position:absolute;
content:'';
right:-15px;
top:-14px;
width:60px;
height:47px;
background:url(../images/main-slider/arrow.png) no-repeat;
}
.main-slider-four .sign-up:hover{
color:var(--main-color);
}
.main-slider-four .button-box{
position:relative;
z-index:10;
}
.main-slider-four .tp-bannertimer,
.main-slider-four .tp-bullets{
display:none !important;
}
/***
====================================================================
Main Slider Five
====================================================================
***/
.main-slider-five{
position:relative;
overflow:hidden;
}
.main-slider-five .color-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.85;
background-color:var(--color-eightyone);
}
.main-slider-five .pattern-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-position:center center;
background-repeat:no-repeat;
}
.main-slider-five .metis.tparrows{
display:none;
}
.main-slider-five .tp-caption{
z-index:5 !important;
}
.main-slider-five .tp-dottedoverlay{
background:none !important;
}
.main-slider-five .content-image{
position:relative;
z-index:99;
}
.main-slider-five .content-image:before{
position:absolute;
content:'';
left:-80px;
top:150px;
width:605px;
height:605px;
border-radius:50%;
background-color:var(--white-color);
}
.main-slider-five .title{
font-weight:700;
letter-spacing:2px;
display:inline-block;
font-size:var(--font-16);
color:var(--color-eighty);
text-transform:uppercase;
font-family:var(--font-family-playfair);
}
.main-slider-five h1{
font-weight:900;
font-size:var(--font-85);
color:var(--color-seventyseven);
font-family:var(--font-family-playfair);
}
.main-slider-five .text{
opacity:1;
font-weight:500;
max-width:490px;
line-height:30px;
font-size:var(--font-17);
color:var(--color-seventyfour);
font-family:var(--font-family-exo-2);
}
.main-slider-five .text a{
color:var(--main-color);
}
.main-slider-five .appointment-btn{
position: relative;
font-weight: 700;
padding: 20px 40px;
color: var(--white-color);
font-size: var(--font-16);
font-family: var(--font-family-exo-2);
background-color: var(--color-seventythree);
}
.main-slider-five .appointment-btn i{
position: relative;
top: 1px;
font-style: normal;
margin-left: var(--margin-left-5);
}
.main-slider-five .appointment-btn:hover{
background-color: var(--color-seventyseven);
}
.main-slider-five .button-box{
position:relative;
z-index:10;
}
.main-slider-five .tp-bannertimer,
.main-slider-five .tp-bullets{
display:none !important;
}
@-webkit-keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}
@keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}
/***
====================================================================
Pricing Section
====================================================================
***/
.pricing-section{
position:relative;
padding:260px 0px 200px;
background-size:cover;
margin-top:-150px;
}
.pricing-section.style-two{
margin-top:var(--margin-zero);
padding:110px 0px 90px;
}
.pricing-section.style-three{
margin-top:var(--margin-zero);
padding:110px 0px 80px;
background-color:var(--color-five);
}
.price-block{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.price-block .inner-box{
position:relative;
padding:40px 40px;
background-color:var(--white-color);
box-shadow:0px 0px 20px rgba(0,0,0,0.05);
}
.price-block .inner-box .popular{
position:absolute;
right:0px;
top:0px;
font-weight:600;
display:inline-block;
padding:6px 15px 6px 25px;
font-size:var(--font-15);
color:var(--white-color);
text-transform:uppercase;
background-color:var(--color-six);
clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 15% 100%, 0% 50%);
}
.price-block .inner-box .image{
position:relative;
text-align:center;
}
.price-block .inner-box h4{
font-weight:600;
margin-top:var(--margin-top-40);
}
.price-block .inner-box h4 sup{
top:-20px;
font-weight:500;
font-size:var(--font-24);
color:var(--color-two);
}
.price-block .inner-box h4 span{
font-weight:500;
font-size:var(--font-56);
color:var(--color-two);
}
.price-block .inner-box h4 sub{
font-weight:500;
font-size:var(--font-16);
}
.price-block .inner-box .price-list{
position:relative;
margin-top:var(--margin-top-40);
}
.price-block .inner-box .price-list li{
position:relative;
padding:15px 30px 15px 55px;
border-radius:50px;
font-weight:500;
font-size:var(--font-18);
color:var(--text-color);
display:inline-flex;
margin-bottom:var(--margin-bottom-15);
border:2px solid var(--color-three);
}
.price-block .inner-box .price-list li:before{
position:absolute;
content: "\f178";
left:20px;
top:15px;
color:var(--color-two);
font-size:var(--font-22);
font-family: "flaticon";
}
.price-block .inner-box .price-list li:last-child{
margin-bottom:var(--margin-zero);
}
.price-block .inner-box .price-list li.hide{
opacity:0.20;
}
.price-block .inner-box .button-box{
margin-top:var(--margin-top-40);
}
.price-block .inner-box .button-box .theme-btn{
width:100%;
text-align:center;
}
.pricing-section-two{
position:relative;
margin-top:-500px;
padding:0px 0px 80px;
}
.pricing-section-two .pricing-tabs{
position:relative;
}
.pricing-section-two .buttons-outer{
position:absolute;
right:0px;
top:-100px;
}
.pricing-section-two .buttons-outer .tab-buttons{
position:relative;
display:inline-block;
border-radius:50px;
overflow:hidden;
z-index:1;
background-color:var(--white-color);
}
.pricing-section-two .buttons-outer .tab-buttons li{
position:relative;
font-weight:500;
cursor:pointer;
float:left;
padding:15px 30px 15px 25px;
font-size:var(--font-18);
display:inline-block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.pricing-section-two .buttons-outer .tab-buttons li:first-child{
margin-right:1px;
}
.pricing-section-two .buttons-outer .tab-buttons li:before{
position:absolute;
content: "\f199";
left:25px;
top:15px;
opacity:0;
color:var(--white-color);
font-size:var(--font-18);
font-family: "flaticon";
}
.pricing-section-two .buttons-outer .tab-buttons li.active-btn,
.pricing-section-two .buttons-outer .tab-buttons li:hover{
color:var(--white-color);
padding:15px 30px 15px 55px;
background-color:var(--color-two);
}
.pricing-section-two .buttons-outer .tab-buttons li.active-btn::before,
.pricing-section-two .buttons-outer .tab-buttons li:hover::before{
opacity:1;
}
.pricing-section-two.style-two{
padding:120px 0px 70px;
margin:var(--margin-zero);
background-color:var(--color-five);
}
.pricing-section-two.style-two .buttons-outer{
position:relative;
top:0px;
}
.pricing-section-two.style-two .buttons-outer .tab-buttons li.active-btn,
.pricing-section-two.style-two .buttons-outer .tab-buttons li:hover{
background-color:var(--main-color);
}
.pricing-tabs{
position:relative;
z-index:2;
}
.pricing-tabs .tabs-content .tab{
position:relative;
display:none;
}
.pricing-tabs .tabs-content .tab.active-tab{
display:block;
}
.pricing-tabs .tabs-content .tab .price-block-two{
opacity:0;
transform:scale(0.5,1);
}
.pricing-tabs .tabs-content .tab.active-tab .price-block-two{
opacity:1;
transform:scale(1,1);
}
.price-block-two{
position:relative;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
margin-bottom:var(--margin-bottom-30);
}
.price-block-two .inner-box{
position:relative;
padding:30px 40px;
background-color:var(--white-color);
box-shadow:0px 0px 20px rgba(0,0,0,0.05);
}
.price-block-two .inner-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0;
background-color:var(--color-two);
transform:scale(0.2,1);
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.price-block-two.active .inner-box::before,
.price-block-two .inner-box:hover::before{
opacity:1;
transform:scale(1,1);
}
.price-block-two .inner-box .popular{
position:absolute;
right:-25px;
top:55px;
font-weight:600;
border-radius:50px;
display:inline-block;
padding:6px 22px 6px;
font-size:var(--font-15);
color:var(--white-color);
text-transform:uppercase;
background-color:var(--color-six);
transform:rotate(90deg);
}
.price-block-two .inner-box .title{
position:relative;
display:block;
font-weight:600;
padding:18px 0px;
text-align:center;
font-size:var(--font-24);
color:var(--heading-color);
border-top:1px solid var(--color-three);
border-bottom:1px solid var(--color-three);
}
.price-block-two.active .inner-box .title,
.price-block-two .inner-box:hover .title{
color:var(--white-color);
border-color:var(--white-color-rgba);
}
.price-block-two.active .inner-box .price,
.price-block-two .inner-box:hover .price,
.price-block-two.active .inner-box .text,
.price-block-two .inner-box:hover .text,
.price-block-two.active .inner-box .price-list li,
.price-block-two .inner-box:hover .price-list li,
.price-block-two.active .inner-box .price-list li:before,
.price-block-two .inner-box:hover .price-list li:before{
color:var(--white-color);
}
.price-block-two .inner-box .price{
position:relative;
display:block;
font-weight:500;
text-align:center;
line-height:1em;
color:var(--color-two);
font-size:var(--font-54);
margin-top:var(--margin-top-40);
}
.price-block-two .inner-box .price sup{
position:relative;
font-size:var(--font-28);
}
.price-block-two .inner-box .text{
display:block;
text-align:center;
margin-top:var(--margin-top-20);
}
.price-block-two .inner-box .price-list{
position:relative;
margin-top:var(--margin-top-40);
}
.price-block-two .inner-box .price-list li{
position:relative;
border-radius:50px;
font-weight:500;
font-size:var(--font-18);
color:var(--text-color);
display:block;
padding-left:var(--padding-left-35);
margin-bottom:var(--margin-bottom-25);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.price-block-two .inner-box .price-list li:before{
position:absolute;
content: "\f178";
left:0px;
top:0px;
color:var(--color-two);
font-size:var(--font-22);
font-family: "flaticon";
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.price-block-two .inner-box .price-list li:last-child{
margin-bottom:var(--margin-zero);
}
.price-block-two .inner-box .price-list li.hide{
opacity:0.20;
}
.price-block-two .inner-box .button-box{
margin-top:var(--margin-top-40);
}
.price-block-two .inner-box .button-box .plan-btn{
position:relative;
width:100%;
display:block;
text-align:center;
padding:15px 15px;
border-radius:5px;
font-weight:600;
font-size:var(--font-16);
color:var(--dark-border-color);
border:1px solid var(--dark-border-color);
}
.price-block-two .inner-box .button-box .plan-btn .arrow{
position:relative;
font-family: "flaticon";
font-size:var(--font-10);
margin-left:var(--margin-left-5);
}
.price-block-two.active .inner-box .plan-btn,
.price-block-two .inner-box:hover .plan-btn{
color:var(--white-color);
border-color:var(--color-six);
background-color:var(--color-six);
}
/***
====================================================================
Accordion Style
====================================================================
***/
.accordion-box{
position:relative;
}
.accordion-box .block{
position: relative;
border-radius:4px;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
border:1px solid var(--color-nineteen);
margin-bottom:var(--white-color);
margin-bottom:var(--margin-bottom-15);
}
.accordion-box .block.active-block{
border:1px solid transparent;
box-shadow:0px 0px 15px rgba(0,0,0,0.07);
}
.accordion-box .block .acc-btn{
position:relative;
font-size:var(--font-18);
cursor:pointer;
line-height:25px;
color:var(--dark-color);
font-weight:600;
background:none;
border-radius:0px;
padding:17px 30px;
border-radius:7px;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
background-color:var(--white-color);
}
.accordion-box .block .acc-btn.active{
}
.accordion-box .block .icon-outer{
position:absolute;
right:15px;
top:15px;
width:30px;
height:30px;
font-size:var(--font-14);
color:var(--main-color);
border-radius:0px 0px 0px 0px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: flaticon;
}
.accordion-box .block .icon-outer .icon{
position: absolute;
right: 0px;
width:30px;
height:30px;
color:var(--text-color);
text-align: center;
line-height:30px;
border-radius:50%;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.accordion-box .block .acc-btn.active .icon{
transform:rotate(90deg);
}
.accordion-box .block .acc-content{
position:relative;
display:none;
}
.accordion-box .block .acc-content .content-text{
padding-bottom:6px;
}
.accordion-box .block .acc-content.current{
display:block;
}
.accordion-box .block .content{
position:relative;
padding:5px 30px 20px 30px;
}
.accordion-box .accordion-list{
position:relative;
}
.accordion-box .accordion-list li{
position:relative;
display:block;
margin-bottom:var(--margin-bottom-15);
}
.accordion-box .accordion-list li:last-child{
margin-bottom:var(--margin-zero);
}
.accordion-box .accordion-list li span{
position:absolute;
right:0px;
color:#e2e2e2;
font-size:var(--font-18);
}
.accordion-box .accordion-list li a{
position:absolute;
right:0px;
color:var(--main-color);
font-size:var(--font-16);
}
/* Style Two */
.accordion-box.style-two .block{
border:none;
}
.accordion-box.style-two .block .acc-btn.active{
background-color:var(--white-color);
}
.accordion-box.style-two .block .acc-btn{
background-color:var(--color-five);
}
.accordion-box.style-two .block .icon-outer .icon{
color:var(--color-two);
}
/* Style Three */
.accordion-box.style-three .block{
border:none;
background-color:var(--white-color);
}
.accordion-box.style-three .block .icon-outer .icon{
color:var(--color-two);
}
/***
====================================================================
Page Title Section
====================================================================
***/
.page-title{
position:relative;
overflow:hidden;
padding:155px 0px 190px;
background-color:var(--color-twentyone);
}
.page-title .cloud-layer{
position:absolute;
left:0px;
bottom:0px;
right:0px;
height:129px;
background-repeat:repeat-x;
animation: 30s linear 0s infinite normal none running slide;
}
.page-title .pattern-layer-one{
position:absolute;
left:5%;
top:35%;
width:52px;
height:251px;
background-repeat:no-repeat;
}
.page-title .big-letter{
position:absolute;
left:0px;
top:110px;
right:0px;
font-size:400px;
font-weight:600;
line-height:1em;
color: transparent;
text-align:center;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgba(0,0, 0, 0.08);
letter-spacing: 5px;
}
.page-title .title-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.page-title .title-column .inner-column{
position:relative;
padding-top:var(--padding-top-110);
}
.page-breadcrumb{
position:relative;
margin-top:var(--margin-top-25);
background-color:var(--main-color-two);
}
.page-breadcrumb li{
position:relative;
font-weight:600;
display:inline-block;
color:var(--main-color);
font-size:var(--font-18);
text-transform:capitalize;
margin-right:var(--margin-right-10);
padding-right:var(--padding-right-20);
}
.page-breadcrumb li:after{
position:absolute;
content: '\f061';
right:-3px;
top:0px;
color:var(--main-color);
font-size:var(--font-12);
font-family: 'FontAwesome';
}
.page-breadcrumb li:last-child::after{
display: none;
}
.page-breadcrumb li:last-child{
padding-right:0px;
margin-right:0px;
}
.page-breadcrumb li a{
font-weight:600;
color:var(--text-color);
text-transform: capitalize;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.page-breadcrumb li a:hover{
color:var(--main-color);
}
.page-title .images-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.page-title .images-column .inner-column{
position:relative;
margin-right:-180px;
}
.page-title .images-column .image{
position:relative;
float:left;
margin-right:var(--margin-right-10);
}
.page-title .images-column .image:first-child{
border-radius:50%;
overflow:hidden;
}
.page-title .images-column .image:last-child{
border-radius:0% 40% 40% 40%;
overflow:hidden;
margin-top:120px;
}
.page-title.style-two{
text-align:center;
}
.page-title.style-three .images-column .image:last-child{
margin-top:var(--margin-zero);
}
/***
====================================================================
Featured Section Four
====================================================================
***/
.featured-section-four{
position:relative;
z-index:1;
}
.feature-block-four{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.feature-block-four .inner-box{
position:relative;
padding:35px 32px;
border-radius:4px;
background-color:var(--white-color);
box-shadow:0px 0px 20px rgba(0,0,0,0.07);
}
.feature-block-four .inner-box h5{
padding-left:var(--padding-left-35);
}
.feature-block-four .inner-box h5 a{
color:var(--text-color);
}
.feature-block-four .inner-box h5 a:hover{
color:var(--color-two);
}
.feature-block-four .inner-box h5:before{
position:absolute;
content: "\f199";
left:0px;
top:4px;
line-height:1em;
color:var(--color-two);
font-family: "flaticon";
font-size:var(--font-22);
}
.feature-block-four .inner-box .text{
margin-top:var(--margin-top-15);
}
.feature-block-four:nth-child(2) .inner-box h5:before{
color:var(--main-color);
}
/***
====================================================================
Satatistics Section
====================================================================
***/
.satatistics-section{
position:relative;
margin-top:-130px;
padding:220px 0px 80px;
background-color:var(--color-five);
}
/* Video Box */
.video-box{
position:relative;
}
.video-box .video-image{
position:relative;
margin:0px;
overflow:hidden;
background-color:var(--main-color);
}
.video-box .video-image img{
position:relative;
width:100%;
}
.video-box:hover .video-image img{
opacity:0.70;
transform:scale(1.05,1.05);
}
.video-box .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:center;
overflow:hidden;
line-height: 45px;
overflow:hidden;
}
.video-box .overlay-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:10;
opacity:0.40;
background-color:var(--black-color);
}
.video-box .overlay-box span{
position: absolute;
width:85px;
height: 85px;
left:50%;
top: 50%;
z-index:10;
font-weight:700;
text-align: center;
display: inline-block;
margin-top: -42px;
margin-left:-42px;
line-height:85px;
border-radius:50%;
font-family: "flaticon";
font-size:var(--font-20);
color: var(--white-color);
padding-left:var(--padding-left-5);
border:2px solid var(--white-color);
}
.video-box .overlay-box span:hover{
color:var(--white-color);
background-color:var(--main-color);
}
.video-box.style-two .overlay-box span{
font-size:var(--font-24);
color:var(--color-twentyseven);
font-family: 'FontAwesome';
}
.video-box .ripple,
.video-box .ripple:before,
.video-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:85px;
height: 85px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
-o-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.video-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.video-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section{
position:relative;
padding:100px 0px 80px;
}
.team-block{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.team-block .inner-box{
position:relative;
border:15px solid var(--color-five);
}
.team-block .inner-box .image{
position:relative;
background-color:var(--dark-bg-color);
}
.team-block .inner-box .image:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
right:0px;
z-index:1;
height:14px;
background:url(../images/background/pattern-21.png) repeat-x;
}
.team-block .inner-box .image img{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.team-block .inner-box:hover .image img{
opacity:0.50;
}
.team-block .inner-box .lower-content{
position:relative;
padding:20px 15px;
text-align:center;
}
.team-block .inner-box .image .social-box{
position:absolute;
left:0px;
right:0px;
bottom:-50px;
z-index:1;
opacity:0;
visibility:hidden;
text-align:center;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.team-block .inner-box:hover .image .social-box{
bottom:0px;
opacity:1;
visibility:visible;
}
.team-block .inner-box .image .social-box li{
position:relative;
margin:0px 2px;
display:inline-block;
}
.team-block .inner-box .image .social-box li a{
position:relative;
width:40px;
height:40px;
line-height:40px;
border-radius:50px;
color:var(--white-color);
background-color:var(--color-two);
}
.team-block .inner-box .image .social-box li a:hover{
background-color:var(--main-color);
}
.team-block .inner-box .lower-content{
position:relative;
z-index:2;
background-color:var(--white-color);
}
.team-block .inner-box .lower-content h6{
}
.team-block .inner-box .lower-content h6 a{
position:relative;
color:var(--heading-color);
}
.team-block .inner-box .lower-content h6 a:hover{
color:var(--color-two);
}
.team-block .inner-box .lower-content .designation{
position:relative;
opacity:0.70;
font-weight:500;
margin-top:var(--margin-top-5);
color:var(--text-color);
}
/***
====================================================================
Team Page Section
====================================================================
***/
.team-page-section{
position:relative;
padding:110px 0px 70px;
}
/***
====================================================================
Skill Section
====================================================================
***/
.skill-section{
position:relative;
padding:110px 0px 70px;
background-color:var(--color-five);
}
.skill-section .content-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.skill-section .content-column .inner-column{
position:relative;
}
.skill-section .counter-boxed{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.skill-section .counter-boxed .graph-outer{
position:relative;
text-align:center;
}
.skill-section .counter-boxed .count-box{
position: absolute;
left: 0;
top: 50%;
width: 100%;
font-size: 30px;
color: var(--heading-color);
font-weight: 600;
margin-top: -35px;
text-align:center;
}
.skill-section .counter-boxed .count-box .sign{
font-size: 20px;
}
.skill-section .counter-boxed h6{
position: relative;
line-height: 1.6em;
color:var(--text-color);
font-weight: 500;
margin-top:15px;
text-transform: capitalize;
}
.skill-section .image-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.skill-section .image-column .inner-column{
position:relative;
}
/***
====================================================================
Faq Section Two
====================================================================
***/
.faq-section-two{
position:relative;
overflow:hidden;
padding:100px 0px 70px;
}
.faq-section-two .content-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.faq-section-two .content-column .inner-column{
position:relative;
padding-left:var(--padding-left-70);
}
.faq-section-two .image-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.faq-section-two .image-column .inner-column{
position:relative;
}
/***
====================================================================
Faq Section Three
====================================================================
***/
.faq-section-three{
position:relative;
overflow:hidden;
padding:100px 0px 70px;
background-color:var(--color-five);
}
.faq-section-three .faq-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
/***
====================================================================
Digital Section
====================================================================
***/
.digital-section{
position:relative;
overflow:hidden;
padding:110px 0px 200px;
}
.digital-section .auto-container{
position:relative;
}
.digital-section .side-image{
position:absolute;
right:-300px;
top:0px;
}
.digital-section:before{
position:absolute;
content:'';
left:70px;
top:0px;
bottom:0px;
width:75%;
background-color:var(--color-five);
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container{
position:relative;
padding:100px 0px 80px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
margin-bottom:40px;
}
.sidebar-page-container .sidebar-side .sidebar.left-padding{
padding-left:var(--padding-left-40);
}
.service-detail{
position:relative;
}
.service-detail .inner-box{
position:relative;
padding-right:var(--padding-right-50);
}
.service-detail .inner-box h3{
font-weight:600;
margin-bottom:var(--margin-bottom-20);
}
.service-detail .inner-box .text{
margin-bottom:var(--margin-bottom-15);
}
.service-detail .inner-box .text::first-letter{
position:relative;
margin-top:8px;
float:left;
width:80px;
height:80px;
opacity:1;
color:var(--white-color);
font-size:var(--font-24);
padding:10px 15px;
line-height:1em;
border-radius:4px;
margin-right:10px;
display:block;
background-color:var(--color-six);
}
.service-detail .inner-box .main-image{
position:relative;
margin-top:var(--margin-top-30);
margin-bottom:var(--margin-bottom-35);
}
.service-detail .inner-box .main-image img{
position:relative;
width:100%;
display:block;
}
.service-detail .inner-box h4{
font-weight:600;
margin-bottom:var(--margin-bottom-20);
}
.service-detail .inner-box .blocks-outer{
position:relative;
overflow:hidden;
border-bottom:none;
margin-top:var(--margin-top-30);
margin-bottom:var(--margin-bottom-40);
border:1px solid var(--color-three);
border-bottom:none;
}
.service-detail .inner-box .blocks-outer:before{
position:absolute;
content:'';
left:49%;
top:0px;
width:1px;
height:100%;
border-right:1px solid var(--color-three);
}
.service-detail .inner-box .blocks-outer .block-column{
position:relative;
border-bottom:1px solid var(--color-three);
}
.service-detail .inner-box .blocks-outer .block-column .inner-column{
position:relative;
padding:35px 45px;
}
.service-detail .inner-box .blocks-outer h5{
padding-left:var(--padding-left-45);
}
.service-detail .inner-box .blocks-outer h5 a{
color:var(--text-color);
}
.service-detail .inner-box .blocks-outer h5 a:hover{
color:var(--color-two);
}
.service-detail .inner-box .blocks-outer h5:before{
position:absolute;
content: "\f199";
left:0px;
top:0px;
line-height:1em;
color:var(--color-two);
font-family: "flaticon";
font-size:var(--font-28);
}
.service-detail .inner-box .blocks-outer .block-text{
position:relative;
line-height:1.8em;
opacity:0.85;
font-size:var(--font-16);
color:var(--text-color);
margin-top:var(--margin-top-15);
}
.service-detail .inner-box .blocks-outer .block-column:nth-child(2) .inner-column h5:before,
.service-detail .inner-box .blocks-outer .block-column:nth-child(2) .inner-column h5 a:hover{
color:var(--main-color);
}
.service-detail .inner-box .blocks-outer .block-column:nth-child(3) .inner-column h5:before,
.service-detail .inner-box .blocks-outer .block-column:nth-child(3) .inner-column h5 a:hover{
color:var(--color-eight);
}
.service-detail .inner-box .blocks-outer .block-column:nth-child(4) .inner-column h5:before,
.service-detail .inner-box .blocks-outer .block-column:nth-child(4) .inner-column h5 a:hover{
color:var(--color-twentytwo);
}
.sticky-top{
z-index:1;
top:100px;
}
.sidebar-widget{
margin-bottom:var(--margin-bottom-45);
}
.service-widget .widget-content{
position:relative;
padding:30px 30px;
border:1px solid var(--color-twentythree);
}
/* Service List */
.service-list{
position:relative;
}
.service-list li{
position:relative;
margin-bottom:var(--margin-bottom-15);
}
.service-list li a{
position:relative;
display:block;
font-weight:600;
padding:18px 25px;
border-radius:4px;
color:var(--text-color);
font-size:var(--font-18);
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
background-color:var(--color-five);
}
.service-list li a:before{
position:absolute;
content:'\f105';
right:25px;
font-family: 'FontAwesome';
}
.service-list li:last-child{
margin-bottom:var(--margin-zero);
}
.service-list li a:hover{
color:var(--white-color);
background-color:var(--color-two);
}
/* Contact Widget */
.contact-widget .widget-content{
position:relative;
text-align:center;
padding:45px 45px 45px;
background-color:var(--color-two);
}
.contact-widget .title{
position:relative;
font-weight:400;
line-height:1.7em;
font-size:var(--font-18);
color:var(--white-color);
margin-bottom:var(--margin-bottom-25);
}
.contact-widget .title span{
display:block;
font-weight:600;
font-size:var(--font-26);
}
.contact-widget .contact-btn{
position:relative;
padding:14px 30px;
border-radius:5px;
font-weight:600;
color:var(--white-color);
font-size:var(--font-16);
display:inline-block;
margin-bottom:var(--margin-bottom-25);
border:2px solid var(--white-color);
}
.contact-widget .contact-btn:hover{
background-color:var(--white-color);
color:var(--text-color);
}
.contact-widget .phone{
position:relative;
font-size:var(--font-18);
color:var(--white-color);
}
.contact-widget .phone .icon{
position:relative;
width:50px;
height:50px;
line-height:50px;
display:block;
border-radius:50px;
margin:0 auto;
margin-bottom:var(--margin-bottom-20);
font-size:var(--font-20);
color:var(--white-color);
font-family: "flaticon";
background-color:var(--white-color-rgba);
}
.contact-widget .phone a{
position:relative;
font-weight:600;
color:var(--white-color);
border-bottom:1px solid var(--white-color);
}
.contact-widget .phone a:hover{
border:none;
}
/* Broucher Widget */
.broucher-widget .widget-content{
position:relative;
padding:30px 30px;
border:1px solid var(--color-twentythree);
}
.broucher-list{
position:relative;
}
.broucher-list li{
position:relative;
margin-bottom:var(--margin-bottom-15);
}
.broucher-list li:last-child{
margin-bottom:var(--margin-zero);
}
.broucher-list li a{
position:relative;
border-radius:4px;
overflow:hidden;
display:block;
font-weight:600;
font-size:var(--font-16);
color:var(--text-color);
padding:17px 15px 17px 75px;
background-color:var(--color-five);
}
.broucher-list li a .icon{
position:absolute;
left:0px;
top:0px;
width:55px;
height:55px;
line-height:55px;
text-align:center;
font-weight:400;
display:inline-block;
font-size:var(--font-26);
background-color:var(--main-color);
color:var(--white-color);
font-family: "flaticon";
}
/***
====================================================================
Project Page Section
====================================================================
***/
.project-page-section{
position:relative;
padding:110px 0px 125px;
}
.project-page-section .button-box{
position:relative;
margin-top:var(--margin-top-50);
}
.project-page-section .filters{
position:relative;
text-align:center;
margin-bottom:var(--margin-bottom-60);
padding-bottom:var(--padding-bottom-15);
border-bottom:1px solid var(--color-twentythree);
}
.project-page-section .filters li{
position: relative;
display: inline-block;
color: var(--text-color);
padding:0px 0px 10px;
cursor: pointer;
font-size: var(--font-18);
font-weight: 600;
margin:0px 35px 0px;
padding-left:var(--padding-left-30);
padding-right:var(--padding-right-25);
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.project-page-section .filters li:before{
position:absolute;
content: "\f15e";
right:0px;
bottom:15px;
line-height:1em;
color:var(--text-color);
font-family: "flaticon";
font-size:var(--font-14);
}
.project-page-section .filters li:after{
position: absolute;
content:'';
right:-35px;
top:-10px;
width:1px;
height:40px;
border-right:1px solid var(--color-twentythree);
}
.project-page-section .filters li:last-child::after{
display:none;
}
.project-page-section .filters li .total-posts{
position: absolute;
left:0px;
top:-15px;
font-size:var(--font-15);
}
.project-page-section .filters .filter.active,
.project-page-section .filters .filter:hover{
color: var(--main-color);
}
.gallery-block-two.mix{
display:none;
}
/* Gallery Block Two */
.gallery-block-two{
position:relative;
margin-bottom:var(--margin-bottom-25);
}
.gallery-block-two .inner-box{
position:relative;
}
.gallery-block-two .inner-box .image-box{
position:relative;
margin-bottom:0px;
}
.gallery-block-two .inner-box .image-box img{
position:relative;
width:100%;
display:block;
}
.gallery-block-two .inner-box .image-box .overlay-box{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
text-align:center;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease,-webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.gallery-block-two .inner-box .image-box .overlay-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.80;
background-color:var(--dark-color);
}
.gallery-block-two .inner-box:hover .overlay-box{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.gallery-block-two .inner-box .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:10px 0px;
}
.gallery-block-two .inner-box .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.gallery-block-two .inner-box .content-inner{
position:relative;
width:350px;
height:350px;
margin:0 auto;
padding:120px 15px;
border-radius:50%;
border:1px solid var(--white-color-rgba);
}
.gallery-block-two .inner-box .content-inner .title{
position:relative;
font-weight:600;
letter-spacing:2px;
font-size:var(--font-16);
color:var(--white-color);
}
.gallery-block-two .inner-box .content-inner h3{
margin-top:var(--margin-top-10);
margin-bottom:var(--margin-bottom-20);
}
.gallery-block-two .inner-box .content-inner h3 a{
font-weight:600;
display:inline-block;
color:var(--white-color);
border-bottom:1px solid var(--white-color);
}
.gallery-block-two .inner-box .content-inner h3 a:hover{
color:var(--main-color);
border-color:var(--main-color);
}
.gallery-block-two .inner-box .content-inner .arrow{
position:relative;
line-height:1em;
color:var(--white-color);
font-size:var(--font-34);
font-family: "flaticon";
}
.gallery-block-two .inner-box .content-inner .arrow:hover{
color:var(--main-color);
}
.gallery-block-two.style-two .inner-box .content-inner{
width:230px;
height:230px;
padding:60px 15px 40px;
}
.gallery-block-two.style-two .inner-box .content-inner h3{
font-size:var(--font-24);
}
/***
====================================================================
Project Detail Section
====================================================================
***/
.project-detail-section{
position:relative;
padding:130px 0px 130px;
}
.project-detail-section .main-image{
position:relative;
}
.project-detail-section .main-image img{
position:relative;
width:100%;
display:block;
}
.project-detail-section .title-box{
position:relative;
padding:40px 45px;
}
.project-detail-section .title-box h2{
font-weight:600;
}
.project-detail-section .project-info-box{
position:relative;
padding:25px 115px;
margin-bottom:var(--margin-bottom-40);
border-top:1px solid var(--color-three);
border-bottom:1px solid var(--color-three);
}
.project-detail-section .project-info-box ul{
position:relative;
}
.project-detail-section .project-info-box ul li{
position:relative;
display:inline-block;
font-size:var(--font-18);
color:var(--text-color);
padding-right:var(--padding-right-45);
margin-right:var(--margin-right-45);
border-right:2px solid var(--color-three);
}
.project-detail-section .project-info-box ul li strong{
position:relative;
display:block;
font-weight:600;
font-size:var(--font-24);
margin-bottom:var(--margin-bottom-10);
}
.project-detail-section .project-info-box ul li:last-child{
border:none;
margin-right:var(--margin-zero);
padding-right:var(--padding-zero);
}
.project-detail-section .challenge-boxed{
position:relative;
margin-top:var(--margin-top-45);
padding:55px 50px 40px 50px;
border-top:2px solid var(--color-three);
}
.project-detail-section .challenge-boxed .box-inner{
position:relative;
padding-left:400px;
}
.project-detail-section .challenge-boxed h3{
position:absolute;
left:0px;
top:0xp;
font-weight:600;
}
.project-detail-section .gallery-box{
position:relative;
}
.project-detail-section .gallery-box .column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.project-detail-section .gallery-box img{
position:relative;
width:100%;
display:block;
}
.project-detail-section .goal-boxed{
position:relative;
margin-top:var(--margin-top-30);
padding:0px 50px 0px 50px;
}
.project-detail-section .goal-boxed .box-inner{
position:relative;
padding-left:400px;
}
.project-detail-section .goal-boxed h3{
position:absolute;
left:0px;
top:0xp;
font-weight:600;
}
.project-detail-section .styled-text{
font-style:italic;
line-height:1.7em;
font-size:var(--font-16);
color:var(--text-color);
}
/* New Posts */
.new-posts{
position:relative;
margin-top:var(--margin-top-100);
}
.new-posts .post-inner{
position:relative;
padding:50px 0px;
border-top:1px solid var(--color-three);
border-bottom:1px solid var(--color-three);
}
.new-posts .post-inner:before{
position:absolute;
content:'';
left:50%;
top:35px;
bottom:35px;
width:2px;
border-right:2px solid var(--color-three);
}
/* Prev Post */
.new-posts .prev-post{
position:relative;
min-height:165px;
padding-top:var(--padding-top-50);
padding-left:var(--padding-left-210);
}
.new-posts .prev-post .post-image{
position:absolute;
left:0px;
top:0px;
width:170px;
height:165px;
overflow:hidden;
}
.new-posts .prev-post .post-image:before{
position:absolute;
content:'';
left:0px;
right:0px;
top:0px;
bottom:0px;
opacity:0;
background-color:var(--text-color);
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
}
.new-posts .prev-post:hover .post-image:before{
opacity:0.70;
}
.new-posts .prev-post h5{
margin-bottom:var(--margin-bottom-5);
}
.new-posts .prev-post h5 a{
position:relative;
color:var(--heading-color);
}
.new-posts .prev-post .post{
position:relative;
font-weight:600;
opacity:0.70;
text-transform:capitalize;
color:var(--text-color);
}
/* Next Post */
.new-posts .next-post{
position:relative;
min-height:165px;
padding-top:var(--padding-top-50);
padding-left:var(--padding-left-210);
}
.new-posts .next-post .post-image{
position:absolute;
left:0px;
top:0px;
width:170px;
height:165px;
overflow:hidden;
}
.new-posts .next-post .post-image:before{
position:absolute;
content:'';
left:0px;
right:0px;
top:0px;
bottom:0px;
opacity:0;
background-color:var(--text-color);
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
}
.new-posts .next-post:hover .post-image:before{
opacity:0.70;
}
.new-posts .next-post h5{
margin-bottom:var(--margin-bottom-5);
}
.new-posts .next-post h5 a{
position:relative;
color:var(--heading-color);
}
.new-posts .next-post .post{
position:relative;
font-weight:600;
opacity:0.70;
text-transform:capitalize;
color:var(--text-color);
}
.new-posts .next-post .post:hover,
.new-posts .prev-post .post:hover,
.new-posts .prev-post h5 a:hover,
.new-posts .next-post h5 a:hover{
color:var(--main-color);
}
/* Form Box */
.project-detail-section .form-box{
position:relative;
padding:50px 90px 40px;
margin-top:var(--margin-top-130);
box-shadow:0px 0px 20px rgba(0,0,0,0.07);
}
.project-detail-section .form-box h3{
font-weight:600;
margin-bottom:var(--margin-bottom-25);
}
/* Faq's Form */
.faq-form .form-group{
margin-bottom:30px;
}
.faq-form .form-group input[type="text"],
.faq-form .form-group input[type="password"],
.faq-form .form-group input[type="tel"],
.faq-form .form-group input[type="email"],
.faq-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 28px;
color:#888888;
border:1px solid #e2e2e2;
height:60px;
font-size:var(--font-16);
border-radius:0px;
background:var(--white-color);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.faq-form .form-group input[type="text"]:focus,
.faq-form .form-group input[type="password"]:focus,
.faq-form .form-group input[type="tel"]:focus,
.faq-form .form-group input[type="email"]:focus,
.faq-form .form-group select:focus,
.faq-form .form-group textarea:focus{
border-color:var(--main-color);
}
.faq-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:15px 20px 25px;
color:#888888;
border:1px solid #e1e1e1;
height:200px;
background:var(--white-color);
resize:none;
border-radius:0px;
font-size:var(--font-16);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.faq-form .theme-btn{
cursor:pointer;
padding:14px 40px;
}
/* Search Box Widget */
.sidebar .search-box{
position:relative;
}
.sidebar .search-box .form-group{
position:relative;
margin:var(--margin-zero);
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
position:relative;
line-height:28px;
font-size:var(--font-16);
padding:10px 50px 10px 25px;
background:var(--color-five);
display:block;
width:100%;
height:60px;
border-radius:6px;
font-weight:500;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sidebar .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:60px;
width:60px;
display:block;
cursor:pointer;
line-height:100%;
font-weight:normal;
border-radius:0px;
background:none;
font-size:var(--font-18);
color:var(--color-two);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sidebar .search-box .form-group button:hover{
background:var(--main-color-two);
}
.sidebar-title{
position:relative;
margin-bottom:var(--margin-bottom-40);
}
.sidebar-title h4{
font-weight:600;
padding-bottom:var(--padding-bottom-20);
border-bottom:2px solid var(--color-twentythree);
}
.sidebar-title h4:before{
position:absolute;
content:'';
left:0px;
bottom:-2px;
width:65px;
height:2px;
background-color:var(--color-two);
}
/* Service List */
.service-list-two{
position:relative;
}
.service-list-two li{
position:relative;
margin-bottom:var(--margin-bottom-25);
}
.service-list-two li a{
position:relative;
display:block;
font-weight:500;
opacity:0.80;
color:var(--text-color);
font-size:var(--font-18);
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.service-list-two li a:before{
position:absolute;
content:'\f105';
right:0px;
font-size:var(--font-22);
font-family: 'FontAwesome';
}
.service-list-two li:last-child{
margin-bottom:var(--margin-zero);
}
.service-list-two li a:hover{
color:var(--main-color);
}
/* Post Widget */
.post-widget .widget-content{
position:relative;
}
.post-widget .post{
position: relative;
min-height: 90px;
padding-top: var(--padding-top-5);
padding-left: var(--padding-left-120);
margin-bottom: var(--margin-bottom-25);
}
.post-widget .post:last-child{
margin-bottom: var(--margin-zero);
padding-bottom: var(--padding-zero);
}
.post-widget .post .thumb{
position: absolute;
left: 0;
top: 0;
height: 90px;
width: 90px;
overflow: hidden;
border-radius:6px;
}
.post-widget .post .thumb a{
display: block;
}
.post-widget .post .thumb img{
display: block;
width: 100%;
height: auto;
}
.post-widget .post h6{
line-height:1.3em;
font-weight:600;
}
.post-widget .post h6 a{
color:var(--heading-color);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.post-widget .post h6 a:hover{
color:var(--main-color);
}
.post-widget .post .post-date{
position: relative;
display: block;
font-weight:500;
font-size: var(--font-14);
color:var(--text-color);
margin-top: var(--margin-top-5);
}
/* Popular Tags */
.sidebar .popular-tags a{
position:relative;
display:inline-block;
line-height:24px;
padding:8px 20px 8px;
margin:0px 6px 10px 0px;
color:var(--text-color);
text-align:center;
font-size:var(--font-16);
background:var(--color-twentythree);
font-weight:500;
border-radius:5px;
text-transform:capitalize;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.sidebar .popular-tags a:hover{
border-color:var(--main-color);
background-color:var(--main-color);
color:#ffffff;
}
.blog-classic{
padding-right:var(--padding-right-20);
}
/* News Block Two */
.news-block-two{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.news-block-two .inner-box{
position:relative;
}
.news-block-two .inner-box .image{
position:relative;
overflow:hidden;
background-color:var(--color-two);
}
.news-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-two .inner-box:hover .image img{
opacity:0.80;
transform:scale(1.05,1.05);
}
.news-block-two .inner-box .lower-content{
position:relative;
padding:35px 35px 38px;
box-shadow:0px 0px 20px rgba(0,0,0,0.05);
}
.news-block-two .inner-box .post-info{
position:relative;
}
.news-block-two .inner-box .post-info li{
position:relative;
font-weight:500;
opacity:0.80;
margin-right:var(--margin-right-35);
font-size:var(--font-16);
color:var(--text-color);
display:inline-block;
}
.news-block-two .inner-box .post-info li:first-child{
color:var(--color-two);
opacity:1;
font-weight:600;
text-transform:uppercase;
border-bottom:1px solid var(--color-two);
}
.news-block-two .inner-box .post-info li:before{
position:absolute;
content:'';
right:-24px;
top:6px;
width:6px;
height:6px;
border-radius:50px;
display:inline-block;
background-color:var(--color-two);
}
.news-block-two .inner-box .post-info li:last-child{
margin-right:var(--margin-zero);
}
.news-block-two .inner-box .post-info li:last-child::before{
display:none;
}
.news-block-two .inner-box h3{
font-weight:600;
margin-top:var(--margin-top-20);
}
.news-block-two .inner-box h3 a{
color:var(--heading-color);
}
.news-block-two .inner-box h3 a:hover{
color:var(--color-two);
}
.news-block-two .inner-box .text{
margin-top:var(--margin-top-15);
}
.news-block-two .inner-box .learn-more{
font-weight:600;
display:inline-block;
color:var(--color-two);
font-size:var(--font-18);
margin-top:var(--margin-top-20);
padding-right:var(--padding-right-15);
border-bottom:1px solid var(--color-two);
}
.news-block-two .inner-box .learn-more:hover{
opacity:1;
color:var(--main-color);
border-color:var(--main-color);
}
.news-block-two .inner-box .learn-more:before{
position:absolute;
content:'\f105';
right:0px;
top:0px;
font-family: 'FontAwesome';
}
/***
====================================================================
Styled Pagination
====================================================================
***/
.blog-classic .styled-pagination{
margin-top:var(--margin-top-60);
}
.styled-pagination{
position:relative;
}
.styled-pagination li{
position:relative;
float:left;
margin-right:var(--margin-right-10);
}
.styled-pagination li a{
position:relative;
display:inline-block;
line-height:60px;
height:60px;
width:60px;
min-width:40px;
font-size:var(--font-18);
background-color:var(--color-three);
font-weight:600;
border-radius:50px;
text-align:center;
color:var(--text-color);
text-transform:capitalize;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.styled-pagination li.prev a,
.styled-pagination li.next a{
font-size:var(--font-24);
}
.styled-pagination li a:hover,
.styled-pagination li a.active{
color:var(--white-color);
background-color:var(--main-color);
}
.blog-detail{
position:relative;
}
.blog-detail .inner-box{
position:relative;
}
.blog-detail .inner-box .image{
position:relative;
overflow:hidden;
background-color:var(--color-two);
}
.blog-detail .inner-box .image img{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.blog-detail .inner-box:hover .image img{
opacity:0.80;
transform:scale(1.05,1.05);
}
.blog-detail .inner-box .lower-content{
position:relative;
padding:35px 35px 38px;
box-shadow:0px 0px 20px rgba(0,0,0,0.05);
}
.blog-detail .inner-box .post-info{
position:relative;
}
.blog-detail .inner-box .post-info li{
position:relative;
font-weight:500;
opacity:0.80;
margin-right:var(--margin-right-35);
font-size:var(--font-16);
color:var(--text-color);
display:inline-block;
}
.blog-detail .inner-box .post-info li:first-child{
color:var(--color-two);
opacity:1;
font-weight:600;
text-transform:uppercase;
border-bottom:1px solid var(--color-two);
}
.blog-detail .inner-box .post-info li:before{
position:absolute;
content:'';
right:-24px;
top:6px;
width:6px;
height:6px;
border-radius:50px;
display:inline-block;
background-color:var(--color-two);
}
.blog-detail .inner-box .post-info li:last-child{
margin-right:var(--margin-zero);
}
.blog-detail .inner-box .post-info li:last-child::before{
display:none;
}
.blog-detail .inner-box h3{
font-weight:600;
margin-top:var(--margin-top-20);
}
.blog-detail .inner-box p{
margin-top:var(--margin-top-15);
}
.blog-detail .inner-box blockquote{
position:relative;
padding:35px 50px;
font-weight:600;
line-height:1.4em;
font-size:var(--font-24);
margin-top:var(--margin-top-40);
margin-bottom:var(--margin-bottom-40);
background-color:var(--color-three);
border-left:4px solid var(--main-color);
}
.blog-detail .inner-box blockquote .designation{
position:relative;
font-size:18px;
font-weight:600;
opacity:0.80;
margin-top:var(--margin-top-15);
padding-left:var(--padding-left-60);
}
.blog-detail .inner-box blockquote .designation:before{
position:absolute;
content:'';
left:0px;
top:13px;
width:40px;
height:3px;
opacity:0.20;
background-color:var(--color-two);
}
/* Post Share Options */
.blog-detail .post-share-options{
position:relative;
margin-top: var(--margin-top-30);
}
.blog-detail .post-share-options .tags span{
font-size:var(--font-16);
color:var(--dark-color);
font-weight:600;
margin-right:10px;
text-transform: capitalize;
}
.blog-detail .post-share-options .tags a{
position:relative;
color:var(--text-color);
font-size:var(--font-15);
font-weight:500;
line-height: 1em;
padding:10px 12px;
border-radius:2px;
border-radius:4px;
display: inline-block;
text-transform:capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:var(--color-three);
margin-right: var(--margin-right-5);
margin-bottom: var(--margin-bottom-5);
}
.blog-detail .post-share-options .tags a:last-child{
margin-right: 0px;
}
.blog-detail .post-share-options .tags a:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
.blog-detail .post-share-options .social-box{
position:relative;
margin-top:var(--margin-top-15);
}
.blog-detail .post-share-options .social-box .share{
position:relative;
display:inline-block;
font-size:var(--font-16);
color:var(--dark-color);
font-weight:600;
margin-right:10px;
text-transform: capitalize;
}
.blog-detail .post-share-options .social-box li{
position:relative;
margin-right:var(--margin-right-10);
display:inline-block;
}
.blog-detail .post-share-options .social-box li a{
position:relative;
font-size:var(--font-16);
color:var(--dark-color);
display:inline-block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.blog-detail .post-share-options .social-box li a:hover{
color:var(--main-color);
}
/* Author Box */
.blog-author-box{
position:relative;
overflow:hidden;
padding: 40px 50px 40px;
margin-top:var(--margin-top-70);
margin-bottom:var(--margin-bottom-40);
background-color:var(--color-twentyfour);
}
.blog-author-box .author-inner{
position:relative;
min-height:160px;
padding-left: var(--padding-left-200);
}
.blog-author-box .thumb{
position:absolute;
left:0px;
top:0px;
width: 160px;
overflow: hidden;
border-radius:50%;
}
.blog-author-box .thumb img{
display: block;
width: 100%;
height: auto;
}
.blog-author-box .name{
display: block;
font-weight:600;
font-size:var(--font-20);
color: var(--main-color-two);
}
.blog-author-box .text{
margin-top: var(--margin-top-10);
margin-bottom: var(--margin-bottom-20);
}
.blog-author-box .social-icons{
position: relative;
}
.blog-author-box .social-icons li{
position:relative;
margin-right:var(--margin-right-10);
display:inline-block;
}
.blog-author-box .social-icons li a{
position:relative;
font-size:var(--font-18);
color:var(--dark-color);
display:inline-block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.blog-author-box .social-icons li a:hover{
color:var(--main-color);
}
/* New Posts */
.blog-new-posts{
position:relative;
margin-top:var(--margin-top-60);
}
.blog-new-posts .post-inner{
position:relative;
padding:50px 0px;
border-top:1px solid var(--color-three);
border-bottom:1px solid var(--color-three);
}
.blog-new-posts .post-inner:before{
position:absolute;
content:'';
left:50%;
top:35px;
bottom:35px;
width:2px;
border-right:2px solid var(--color-three);
}
/* Prev Post */
.blog-new-posts .prev-post{
position:relative;
min-height:75px;
padding-left:var(--padding-left-95);
}
.blog-new-posts .prev-post .post-image{
position:absolute;
left:0px;
top:2px;
width:75px;
overflow:hidden;
}
.blog-new-posts .prev-post .post-image:before{
position:absolute;
content:'';
left:0px;
right:0px;
top:0px;
bottom:0px;
opacity:0;
background-color:var(--text-color);
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
}
.blog-new-posts .prev-post:hover .post-image:before{
opacity:0.70;
}
.blog-new-posts .prev-post h6{
line-height:1.3em;
margin-bottom:var(--margin-bottom-5);
}
.blog-new-posts .prev-post h6 a{
position:relative;
color:var(--heading-color);
}
.blog-new-posts .prev-post .post{
position:relative;
font-weight:600;
opacity:0.70;
color:var(--text-color);
text-transform:capitalize;
padding-left:var(--padding-left-25);
}
.blog-new-posts .prev-post .post:before{
position: absolute;
content:'\f073';
left:0px;
top:-1px;
font-family: 'FontAwesome';
}
/***
====================================================================
Comments Area
====================================================================
***/
.sidebar-page-container .comments-area{
position:relative;
margin-top:var(--margin-top-50);
margin-bottom:var(--margin-bottom-50);
}
.sidebar-page-container .group-title{
position:relative;
}
.sidebar-page-container .group-title h4{
font-weight:600;
margin-bottom:var(--margin-bottom-25);
}
.sidebar-page-container .comments-area .comment-box{
position:relative;
margin-bottom:var(--margin-bottom-30);
padding-bottom:var(--padding-bottom-30);
border-bottom:1px solid #f0f0f0;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.sidebar-page-container .comments-area .comment-box:last-child{
border:none;
padding:var(--padding-zero);
margin-bottom:var(--margin-zero);
}
.sidebar-page-container .comments-area .comment{
position:relative;
font-size:var(--font-14);
min-height:120px;
padding:0px 0px 0px 125px;
}
.sidebar-page-container .comments-area .reply-comment{
margin-left:var(--margin-left-40);
}
.sidebar-page-container .comments-area .comment-box .author-thumb{
position:absolute;
left:0px;
top:0px;
width:100px;
height:100px;
border-radius:50%;
margin-bottom:var(--margin-bottom-20);
overflow:hidden;
}
.sidebar-page-container .comments-area .comment-box .author-thumb img{
width:100%;
display:block;
}
.sidebar-page-container .comments-area .comment-info{
margin-bottom:var(--margin-bottom-10);
}
.sidebar-page-container .comments-area .comment-box strong{
font-size:var(--font-18);
font-weight:600;
color:var(--text-color);
display:block;
line-height:1.3em;
display:inline-block;
text-transform:capitalize;
}
.sidebar-page-container .comments-area .comment-box .text{
color:var(--dark-color);
margin-bottom:var(--margin-bottom-10);
}
.sidebar-page-container .comments-area .comment-info .comment-time{
position:absolute;
right:0px;
color:var(--text-color);
display:inline-block;
font-size:var(--font-16);
padding-left:var(--padding-left-25);
}
.sidebar-page-container .comments-area .comment-info .comment-time:before{
position:absolute;
content: "\f133";
left:0px;
top:0px;
color:var(--dark-color);
font-family: 'FontAwesome';
}
.sidebar-page-container .comments-area .comment-box .theme-btn{
position:relative;
color:var(--text-color);
font-weight:500;
font-size:var(--font-15);
text-transform:uppercase;
}
.sidebar-page-container .comments-area .comment-box .theme-btn:hover{
color:var(--color-two);
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form .form-group{
margin-bottom:var(--margin-bottom-25);
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
color:var(--text-color);
height:54px;
font-size:var(--font-16);
border-radius:3px;
background:var(--color-twentyfour);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
border:2px solid transparent;
}
.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
border-color:var(--color-two);
background-color:var(--white-color);
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:15px 20px 25px;
color:var(--dark-color);
height:140px;
font-size:var(--font-15);
border-radius:3px;
background:var(--color-twentyfour);
resize:none;
border:2px solid transparent;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
/* Error Section */
.error-section{
position:relative;
padding:100px 0px 100px;
}
.error-section .content{
position:relative;
text-align:center;
}
.error-section h1{
font-size:180px;
font-weight:800;
line-height:1em;
margin-bottom:var(--margin-bottom-20);
}
.error-section h2{
margin-bottom:var(--margin-bottom-20);
}
.error-section .text{
margin-bottom:var(--margin-bottom-20);
}
/***
====================================================================
Contact Banner Section
====================================================================
***/
.contact-banner-section{
position:relative;
overflow:hidden;
padding:230px 0px 80px;
}
.contact-banner-section .big-letter{
position:absolute;
left:0px;
top:110px;
right:0px;
font-size:400px;
font-weight:600;
line-height:1em;
color: transparent;
text-align:center;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgba(0,0, 0, 0.08);
letter-spacing: 5px;
}
.contact-banner-section .info-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.contact-banner-section .info-column .inner-column{
position:relative;
padding-right:var(--padding-right-80);
}
.contact-banner-section .info-column .info-box:nth-child(2n + 0){
transform:translateX(50px);
}
.contact-banner-section .info-column .info-box{
position:relative;
padding:35px 45px;
border-radius:6px;
overflow:hidden;
font-size:var(--font-18);
color:var(--text-color);
margin-bottom:var(--margin-bottom-30);
box-shadow:0px 0px 25px rgba(0,0,0,0.10);
background-color:var(--white-color);
}
.contact-banner-section .info-column .info-box .box-inner{
position:relative;
padding-left:var(--padding-left-100);
}
.contact-banner-section .info-column .info-box .icon{
position:absolute;
left:0px;
top:-5px;
}
.contact-banner-section .info-column .info-box strong{
position:relative;
display:block;
font-weight:600;
font-size:var(--font-24);
margin-bottom:var(--margin-bottom-15);
}
.contact-banner-section .info-column .social-box{
position:relative;
}
.contact-banner-section .info-column .social-box li{
position:relative;
display:inline-block;
margin-right:var(--margin-right-5);
}
.contact-banner-section .info-column .social-box li a{
position:relative;
width:44px;
height:44px;
text-align:center;
color:var(--color-two);
display:inline-block;
border-radius:50px;
line-height:44px;
font-size:var(--font-18);
background-color:var(--color-two-rgba);
}
.contact-banner-section .info-column .social-box li a:hover{
color:var(--white-color);
background-color:var(--color-two);
}
.contact-banner-section .info-column .info-box:last-child .box-inner{
padding-left:var(--padding-zero);
}
.contact-banner-section .image-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.contact-banner-section .image-column .inner-column{
position:relative;
padding-left:var(--padding-left-30);
}
.contact-banner-section .image-column .image{
position:relative;
margin-right:-50px;
}
/***
==================================================================
Contact Map Section
==================================================================
***/
.contact-map-section{
position: relative;
}
.contact-map-section iframe{
position: relative;
width: 100%;
height: 700px;
}
/***
==================================================================
Contact Form Section
==================================================================
***/
.contact-form-section{
position:relative;
padding:100px 0px 100px;
}
.contact-form-section .inner-container{
position:relative;
max-width:770px;
margin:0 auto;
}
/***
====================================================================
Contact Form
====================================================================
***/
.contact-form .form-group{
margin-bottom:var(--margin-bottom-25);
}
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 25px;
color:var(--text-color);
height:60px;
font-size:var(--font-16);
border-radius:3px;
background:var(--color-five);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
border:2px solid transparent;
}
.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
border-color:var(--color-two);
background-color:var(--white-color);
}
.contact-form .form-group textarea::-webkit-input-placeholder,
.contact-form .form-group input::-webkit-input-placeholder{
color:var(--text-color);
font-weight:600;
font-size:var(--font-16);
}
.contact-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:15px 20px 25px;
color:var(--dark-color);
height:190px;
font-size:var(--font-15);
border-radius:3px;
background:var(--color-five);
resize:none;
border:2px solid transparent;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.contact-form .form-group button{
padding:15px 70px;
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
border-color:#ff0000 !important;
}
.contact-form label.error{
display:block;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
text-transform:uppercase;
font-size:12px;
color:#ff0000;
font-weight:500;
}
.tp-mask-wrap{
overflow:visible !important;
}
/***
==================================================================
CTA Section Two
==================================================================
***/
.cta-section-two{
position:relative;
z-index:1;
}
.cta-section-two .inner-container{
position:relative;
display:block;
border-radius:30px;
margin-top:-90px;
padding:47px 70px 18px;
background-color:var(--white-color);
box-shadow:0px 10px 15px rgba(0,0,0,0.10);
}
.cta-section-two .title-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.cta-section-two .title-column .inner-column{
position:relative;
}
.cta-section-two .title-column h3{
font-weight:700;
font-size:var(--font-36);
color:var(--color-fourtyseven);
font-family:var(--font-family-ibm);
}
.cta-section-two .title-column .text{
position:relative;
font-size:var(--font-16);
color:var(--color-fourtyeight);
margin-top:var(--margin-top-10);
}
.cta-section-two .apps-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.cta-section-two .apps-column .inner-column{
position:relative;
text-align:right;
padding-right:var(--padding-right-10);
padding-top:var(--padding-top-15);
}
.cta-section-two .apps-column a{
position:relative;
display:inline-block;
margin-left:var(--margin-left-20);
}
.cta-section-two .side-icon{
position:absolute;
right:-30px;
bottom:-40px;
}
/***
====================================================================
Featured Section Five
====================================================================
***/
.featured-section-five{
position:relative;
padding:200px 0px 100px;
margin-top:-91px;
background-color:var(--color-fiftyone);
background-position:center center;
}
.featured-section-five .shadow-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-size:cover;
}
.feature-block-five{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.feature-block-five .inner-box{
position:relative;
padding:38px 30px;
border-radius:15px;
background-color:var(--white-color);
box-shadow:0px 10px 15px rgba(0,0,0,0.05);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.feature-block-five .inner-box:hover{
box-shadow:0px 15px 25px rgba(0,0,0,0.15);
}
.feature-block-five .icon{
position:relative;
width:68px;
height:68px;
line-height:68px;
text-align:center;
border-radius:50%;
display:inline-block;
font-family: "Flaticon2";
font-size:var(--font-32);
color:var(--color-fiftythree);
background-color:var(--color-fiftytwo);
-webkit-transition:all 300ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.feature-block-five .inner-box:hover .icon{
transform:rotateY(180deg);
}
.feature-block-five:nth-child(2) .inner-box .icon{
color:var(--color-fiftysix);
background-color:var(--color-fiftyfive);
}
.feature-block-five:nth-child(3) .inner-box .icon{
color:var(--color-fiftyeight);
background-color:var(--color-fiftyseven);
}
.feature-block-five:nth-child(4) .inner-box .icon{
color:var(--color-sixty);
background-color:var(--color-fiftynine);
}
.feature-block-five .inner-box h5{
position:relative;
font-weight:700;
margin:20px 0px 15px;
font-size:var(--font-22);
font-family:var(--font-family-ibm);
}
.feature-block-five .inner-box h5 a{
position:relative;
color:var(--color-fourtyseven);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.feature-block-five .inner-box h5 a:hover{
color:var(--color-fifty);
}
.feature-block-five .inner-box .text{
position:relative;
line-height:24px;
font-size:var(--font-15);
color:var(--color-fiftyfour);
font-family:var(--font-family-ibm);
}
/***
====================================================================
Steps Section
====================================================================
***/
.steps-section{
position:relative;
overflow:hidden;
padding:110px 0px 30px;
background-size:cover;
}
.steps-section .step-big-title{
position:absolute;
left:0px;
right:0px;
top:-100px;
line-height:260px;
font-weight:700;
font-size:267px;
text-align:center;
font-family:var(--font-family-ibm);
opacity:0.50;
color:var(--color-white);
background: linear-gradient(to top, var(--color-sixtyone) 0%, var(--white-color) 60%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.step-block{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.step-block .inner-box{
position:relative;
padding-left:var(--padding-left-70);
}
.step-block .inner-box .content-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.step-block .inner-box .content-column .inner-column{
position:relative;
padding-right:var(--padding-right-80);
}
.step-block .content-column .title{
position:relative;
font-weight:700;
font-size:var(--font-14);
color:var(--color-sixtytwo);
}
.step-block .content-column h2{
position:relative;
font-weight:700;
line-height:45px;
font-size:var(--font-36);
margin-top:var(--margin-top-10);
color:var(--color-fourtyseven);
font-family:var(--font-family-ibm);
margin-bottom:var(--margin-bottom-30);
}
.step-block .content-column h2 span{
position:relative;
font-weight:300;
}
.step-block .steps-list{
position:relative;
}
.step-block .steps-list li:before{
position:absolute;
content:'';
left:0px;
top:4px;
content: "\f118";
font-size:var(--font-24);
font-family: "Flaticon2";
color:var(--color-sixtythree);
}
.step-block .steps-list li{
position:relative;
line-height:30px;
font-size:var(--font-17);
color:var(--color-fourtyeight);
padding-left:var(--padding-left-50);
font-family:var(--font-family-ibm);
margin-bottom:var(--margin-bottom-25);
}
.step-block .steps-list li .icon{
position:absolute;
left:0px;
top:0px;
}
.step-block .inner-box .image-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.step-block .inner-box .image-column .inner-column{
position:relative;
}
.step-block .image-column .image{
position:relative;
display:inline-block;
}
.step-block .image-column .image-two{
position:absolute;
right:60px;
top:60px;
}
.step-block.style-two{
margin-bottom:var(--margin-zero);
}
.step-block.style-two .image-column .image{
margin-left:-80px;
}
.step-block.style-two .image-column .image-two{
top:0px;
right:150px;
}
/***
====================================================================
Steps Section
====================================================================
***/
.discount-section{
position:relative;
padding:70px 0px 100px;
background-position:center center;
background-color:var(--color-fiftyone);
}
.discount-section .pattern-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-size:cover;
}
.discount-section .content-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.discount-section .content-column .inner-column{
position:relative;
padding-top:var(--padding-top-110);
padding-right:var(--padding-right-60);
}
.discount-section .image-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.discount-section .image-column .inner-column{
position:relative;
padding-right:var(--padding-right-60);
}
.cards-info-tabs{
position:relative;
}
.cards-info-tabs .pattern-layer{
position:absolute;
left:-60px;
top:100px;
width:841px;
height:763px;
background-repeat:no-repeat;
}
/* Cards Tabs */
.cards-tabs{
position:relative;
}
.cards-tabs .tab-btns{
position:relative;
display:block;
text-align:center;
padding:12px 15px;
margin-top:-40px;
border-radius:50px;
background-color:var(--white-color);
box-shadow:0px 10px 15px rgba(0,0,0,0.07);
}
.cards-tabs .tab-btns .tab-btn{
position:relative;
cursor:pointer;
font-weight:600;
line-height:24px;
padding:16px 40px;
margin:0px 5px;
display:inline-block;
border-radius:50px;
font-size:var(--font-20);
text-transform:capitalize;
transition:all 500ms ease;
color:var(--color-fourtyseven);
font-family:var(--font-family-ibm);
}
.cards-tabs .tab-btns .tab-btn:hover,
.cards-tabs .tab-btns .tab-btn.active-btn{
background-color:var(--color-sixtyfour);
}
.cards-tabs .tabs-content{
position:relative;
padding-top:var(--padding-top-55);
}
.cards-tabs .tabs-content .tab{
position:relative;
display:none;
}
.cards-tabs .tabs-content .tab.active-tab{
display:block;
}
.cards-tabs .tabs-content .image{
position:relative;
margin-left:-80px;
}
.cards-tabs h3{
margin-bottom:var(--margin-bottom-30);
font-family:var(--font-family-ibm);
color:var(--color-fourtyseven);
}
.cards-tabs p{
opacity:1;
line-height:28px;
font-size:var(--font-17);
color:var(--color-fourtyseven);
font-family:var(--font-family-ibm);
margin-bottom:var(--margin-bottom-25);
padding-right:var(--padding-right-50);
}
.cards-tabs .company{
position:relative;
margin-left:-15px;
margin-top:var(--margin-top-40);
}
/***
====================================================================
Testimonial Section Five
====================================================================
***/
.testimonial-section-five{
position:relative;
padding:0px 0px 30px;
}
.testimonial-section-five .auto-container{
position:relative;
}
.testimonial-section-five .title-column{
position:relative;
}
.testimonial-section-five .title-column .inner-column{
position:relative;
padding-right:var(--padding-right-70);
}
.testimonial-section-five .carousel-column{
position:static;
}
.testimonial-section-five .carousel-column .inner-column{
position:static;
padding-left:var(--padding-left-20);
padding-right:var(--padding-right-50);
}
.testimonial-section-five .carousel-column .owl-dots{
position:absolute;
left:15px;
bottom:80px;
}
.testimonial-section-five .carousel-column .owl-dots .owl-dot{
position:relative;
width:14px;
height:14px;
border-radius:50px;
display:inline-block;
margin-right:var(--margin-right-15);
background-color:var(--color-seventyone);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.testimonial-section-five .carousel-column .owl-dots .owl-dot.active,
.testimonial-section-five .carousel-column .owl-dots .owl-dot:hover{
background-color:var(--color-two);
}
.testimonial-section-five .carousel-column .owl-nav{
position:relative;
text-align:right;
margin-top:var(--margin-top-20);
}
.testimonial-section-five .carousel-column .owl-nav .owl-prev,
.testimonial-section-five .carousel-column .owl-nav .owl-next{
position:relative;
width:44px;
height:44px;
line-height:44px;
text-align:center;
display:inline-block;
border-radius:50px;
font-size:var(--font-24);
color:var(--black-color);
margin-left:var(--margin-left-10);
background-color:var(--white-color);
box-shadow:0px 10px 15px rgba(0,0,0,0.07);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.testimonial-section-five .carousel-column .owl-nav .owl-prev:hover,
.testimonial-section-five .carousel-column .owl-nav .owl-next:hover{
background-color:var(--color-sixtysix);
}
.testimonial-section-five .carousel-column .owl-carousel .owl-stage-outer{
position:relative;
padding:20px 0px;
}
.testimonial-section-five .carousel-column .owl-theme .testimonial-block-five{
margin:0px 15px;
}
.testimonial-section-five .carousel-column .owl-carousel{
position:static;
margin:0px -15px;
width:auto;
}
.testimonial-block-five{
position:relative;
}
.testimonial-block-five .author-image{
position:absolute;
left:0px;
top:0px;
width:75px;
height:75px;
z-index:1;
overflow:hidden;
border-radius:50%;
}
.testimonial-block-five .inner-box{
position:relative;
padding:50px 0px 0px 20px;
}
.testimonial-block-five .content{
position:relative;
padding:35px 45px;
border-radius:15px;
background-color:var(--white-color);
box-shadow:0px 0px 30px rgba(0,0,0,0.07);
}
.testimonial-block-five .content .text{
position:relative;
line-height:30px;
opacity:1;
font-size:var(--font-17);
color:var(--color-fourtyeight);
font-family:var(--font-family-ibm);
margin-bottom:var(--margin-bottom-20);
}
.testimonial-block-five h5{
font-size:var(--font-22);
font-family:var(--font-family-ibm);
}
.testimonial-block-five .designation{
position:relative;
font-style:italic;
font-size:var(--font-15);
color:var(--color-fourtyeight);
font-family:var(--font-family-ibm);
margin-top:var(--margin-top-5);
}
.testimonial-block-five .quote-icon{
position:absolute;
right:50px;
bottom:40px;
line-height:1em;
font-family: "Flaticon";
font-size:var(--font-40);
color:var(--color-sixtyfive);
}
/***
==================================================================
Finance Sponsors Section
==================================================================
***/
.finance-sponsors-section{
position:relative;
padding:50px 0px 80px;
}
.finance-sponsors-section .inner-container{
position:relative;
}
.finance-sponsors-section .sponsors-outer{
position:relative;
}
.finance-sponsors-section .sponsors-outer .owl-dots,
.finance-sponsors-section .sponsors-outer .owl-nav{
position:relative;
display:none;
}
.finance-sponsors-section .sponsors-outer .image-box{
position:relative;
text-align:center;
margin:var(--margin-zero);
}
.finance-sponsors-section .sponsors-outer .image-box img{
max-width:100%;
width:auto;
display:inline-block;
opacity:0.4;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.finance-sponsors-section .sponsors-outer .image-box img:hover{
opacity:1;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
/***
==================================================================
Select Insurance Section
==================================================================
***/
.select-insurance-section{
position:relative;
z-index:2;
}
.select-insurance-section .inner-container{
position:relative;
overflow:hidden;
margin-top:-68px;
padding-left:var(--padding-left-30);
background-color:var(--color-eightytwo);
box-shadow:0px 10px 15px rgba(0,0,0,0.10);
}
.select-insurance-section .inner-container .color-one{
position:absolute;
left:10px;
top:0px;
right:0px;
bottom:0px;
transform: skewX(-7deg);
background-color:var(--color-eightythree);
}
.select-insurance-section .inner-container .color-two{
position:absolute;
left:20px;
top:0px;
right:0px;
bottom:0px;
transform: skewX(-14deg);
background-color:var(--white-color);
}
.select-insurance-section .inner-container .insurance-form .form-group:first-child{
border-right:2px solid var(--color-eightyone);
}
/* Insurance Form*/
.insurance-form{
position:relative;
}
.insurance-form .form-group{
position:relative;
padding:40px 40px 20px;
margin-bottom:var(--margin-zero);
}
.insurance-form .form-group label{
position:relative;
letter-spacing:2px;
display:block;
font-weight:600;
font-size:var(--font-14);
text-transform:uppercase;
color:var(--color-seventyeight);
margin-bottom:var(--margin-bottom-5);
font-family:var(--font-family-exo-2);
}
.insurance-form input[type="text"],
.insurance-form input[type="email"],
.insurance-form input[type="password"],
.insurance-form select,
.insurance-form textarea{
display:block;
width:100%;
line-height:28px;
height:44px;
padding:0px 0px;
font-size:var(--font-20);
color:var(--dark-color);
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family:var(--font-family-exo-2);
}
.insurance-form .form-group .ui-selectmenu-button.ui-button{
padding:var(--padding-zero);
background:none;
border:none;
padding:8px 0px 0px;
font-size:var(--font-20);
color:var(--dark-color);
font-family:var(--font-family-exo-2);
}
.insurance-form .form-group .ui-button .ui-icon{
top:-26px;
width:47px;
height:47px;
background:url(../images/icons/arrow-4.png) no-repeat;
}
.insurance-form .form-group .ui-button .ui-icon:before{
display:none;
}
.insurance-form .form-group textarea::-webkit-input-placeholder,
.insurance-form .form-group input::-webkit-input-placeholder{
color:var(--black-color);
}
.insurance-form .quote-btn{
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
font-weight: 700;
padding: 29px 40px;
color: var(--white-color);
font-size: var(--font-18);
font-family: var(--font-family-exo-2);
background-color: var(--color-seventythree);
}
.insurance-form .quote-btn i{
position: relative;
font-style:normal;
display:inline-block;
margin-left:var(--margin-left-5);
}
.insurance-form .quote-btn:hover{
background-color:var(--color-seventyseven);
}
/***
====================================================================
About Section
====================================================================
***/
.about-section{
position:relative;
padding:100px 0px 70px;
}
.about-section .image-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.about-section .image-column .inner-column{
position:relative;
}
.about-section .image-column .image{
position:relative;
}
.about-section .content-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.about-section .content-column .inner-column{
position:relative;
padding-left:var(--padding-left-80);
}
.company-tabs{
position:relative;
margin-top:var(--margin-top-30);
}
.company-tabs .tab-btns{
position:relative;
border-bottom:1px solid var(--color-three);
}
.company-tabs .tab-btns .tab-btn{
position:relative;
display:block;
float:left;
padding-bottom:var(--padding-bottom-20);
margin-right:var(--margin-right-30);
font-size:var(--font-20);
color:var(--text-color);
text-transform:capitalize;
font-weight:600;
line-height:24px;
cursor:pointer;
transition:all 500ms ease;
}
.company-tabs .tab-btns .tab-btn:before{
position:absolute;
content:'';
left:0px;
bottom:-1px;
right:0px;
opacity:0;
height:1px;
transform:scale(0.2,1);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
background-color:var(--main-color);
}
.company-tabs .tab-btns .tab-btn:hover::before,
.company-tabs .tab-btns .tab-btn.active-btn::before{
opacity:1;
transform:scale(1,1);
}
.company-tabs .tab-btns .tab-btn:last-child{
margin-right:var(--margin-zero);
}
.company-tabs .tab-btns .tab-btn:hover,
.company-tabs .tab-btns .tab-btn.active-btn{
color:var(--main-color);
}
.company-tabs .tabs-content{
position:relative;
}
.company-tabs .tabs-content .tab{
position:relative;
display:none;
}
.company-tabs .tabs-content .tab.active-tab{
display:block;
}
.company-tabs .tabs-content .content{
padding-top:var(--padding-top-25);
}
.company-tabs .tabs-content .content .button-box{
margin-top:var(--margin-top-35);
}
/***
====================================================================
About Section Three
====================================================================
***/
.about-section-three{
position:relative;
padding:100px 0px 40px;
}
.about-section-three .sec-title-four .text{
max-width:540px;
}
.about-section-three .sec-title-four .button-box{
position:relative;
margin-top:var(--margin-top-40);
}
.about-section-three .signature-box{
position:relative;
margin-top:var(--margin-top-40);
}
.about-section-three .signature-box .box-inner{
position:relative;
padding-left:200px;
font-weight:500;
font-size:var(--font-15);
color:var(--color-eightyfive);
font-family: var(--font-family-exo);
}
.about-section-three .signature-box .signature{
position:absolute;
left:0px;
top:0px;
}
.about-section-three .signature-box strong{
position:relative;
display:block;
font-weight:700;
font-size:var(--font-25);
color:var(--color-eightysix);
margin-bottom:var(--margin-bottom-10);
}
.about-section-three .inner-container{
position:relative;
padding:85px 0px 55px;
margin-top:var(--margin-top-70);
border-top:1px solid var(--color-seventyfive);
border-bottom:1px solid var(--color-seventyfive);
}
.service-block-two{
position:relative;
}
.service-block-two .inner-box{
position:relative;
text-align:center;
}
.service-block-two .image{
position:relative;
width:175px;
height:175px;
margin:0 auto;
overflow:hidden;
border-radius:50%;
}
.service-block-two .image .icon{
position:absolute;
left:15px;
top:15px;
right:15px;
bottom:15px;
line-height:144px;
border-radius:50%;
font-family: "flaticon";
font-size:var(--font-64);
color:var(--color-seventythree);
background-color:var(--white-color);
}
.service-block-two h4{
position:relative;
font-weight:600;
color:var(--color-seventytwo);
margin-top:var(--margin-top-25);
margin-bottom:var(--margin-bottom-25);
font-family: var(--font-family-exo-2);
padding-bottom:var(--padding-bottom-20);
}
.service-block-two h4:before{
position:absolute;
content:'';
left:50%;
bottom:0px;
height:2px;
width:110px;
transform:translateX(-50%);
background-color:var(--color-eightyseven);
}
.service-block-two h4 a{
position:relative;
color:var(--white-color);
}
.service-block-two .text{
position:relative;
font-weight:500;
opacity:1;
padding:0px 20px;
font-size:var(--font-17);
color:var(--color-seventyfour);
font-family: var(--font-family-exo-2);
}
.service-block-two .overlay-box{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
display:flex;
justify-content:center;
align-items: center;
flex-wrap: wrap;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
background-position:center center;
}
.service-block-two .inner-box:hover .overlay-box{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.service-block-two .overlay-box .overlay-inner{
position:relative;
}
.service-block-two .overlay-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.85;
background-color:var(--color-eightytwo);
}
.service-block-two .overlay-box .overlay-icon{
position:relative;
line-height:1em;
font-size:var(--font-70);
color:var(--white-color);
font-family: "flaticon";
}
.service-block-two .overlay-box h4{
margin-top:var(--margin-top-20);
padding-bottom:var(--padding-zero);
}
.service-block-two .overlay-box h4:before{
display:none;
}
.service-block-two .overlay-text{
position:relative;
font-weight:500;
opacity:1;
padding:0px 20px;
line-height:1.7em;
font-size:var(--font-17);
color:var(--white-color);
margin-bottom:var(--margin-bottom-60);
font-family: var(--font-family-exo-2);
}
.service-block-two .quote{
position:absolute;
left:0px;
bottom:0px;
right:0px;
padding:15px 15px 20px;
display:block;
text-align:center;
font-weight:700;
font-size:var(--font-17);
color:var(--white-color);
font-family: var(--font-family-exo-2);
background-color:var(--color-seventythree);
}
.about-section-three .lower-text{
position:relative;
text-align:center;
font-weight:600;
font-size:var(--font-18);
color:var(--color-seventyfour);
margin-top:var(--margin-top-40);
font-family: var(--font-family-exo-2);
}
.about-section-three .lower-text a{
position:relative;
text-decoration:underline;
color:var(--color-eightyeight);
}
/***
====================================================================
Clients Section
====================================================================
***/
.clients-section{
position:relative;
padding:0px 0px 100px;
}
.clients-section .image-box img{
position:relative;
filter: grayscale(0%);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.clients-section .image-box:hover img{
filter: grayscale(100%);
}
.clients-section .owl-dots,
.clients-section .owl-nav{
display:none;
}
/***
====================================================================
Intro Section
====================================================================
***/
.intro-section{
position:relative;
padding:90px 0px 90px;
background-color:var(--color-eightyone);
}
.intro-section .auto-container{
position:relative;
max-width:1400px;
}
.intro-section .image-layer{
position:absolute;
left:0px;
top:0px;
bottom:0px;
width:40%;
background-size:cover;
}
.intro-section .image-layer:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.40;
background-color:var(--color-eightynine);
}
.intro-section .inner-container{
position:relative;
z-index:10;
}
.intro-section .inner-container .color-one{
position:absolute;
left:0px;
top:0px;
right:10px;
bottom:0px;
z-index:-2;
background-color:var(--color-eightytwo);
clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
}
.intro-section .inner-container .color-two{
position:absolute;
left:0px;
top:0px;
right:80px;
bottom:0px;
z-index:-1;
background-color:var(--color-eightythree);
clip-path: polygon(1.5% 0, 100% 0, 100% 100%, 0% 100%);
}
.intro-section .inner-container:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:var(--white-color);
clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%);
}
.intro-section .image-column{
position:relative;
z-index:1;
}
.intro-section .image-column .inner-column{
position:relative;
}
.intro-section .image-column .image{
position:relative;
}
.intro-section .image-column .image img{
position:relative;
width:100%;
display:block;
clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
}
.intro-section .content-column{
position:relative;
z-index:1;
}
.intro-section .content-column .inner-column{
position:relative;
padding:100px 60px 80px;
}
.intro-section .content-column .list{
position:relative;
}
.intro-section .content-column .list li{
position:relative;
font-weight:500;
font-size:var(--font-18);
color:var(--color-seventyseven);
padding-left:var(--padding-left-30);
margin-bottom:var(--margin-bottom-25);
font-family: var(--font-family-exo-2);
}
.intro-section .content-column .list li:before{
position:absolute;
content:'\f058';
left:0px;
top:1px;
font-family: 'FontAwesome';
color:var(--color-seventyeight);
}
.intro-section .content-column .list li:last-child{
margin-bottom:var(--margin-zero);
}
.intro-section .content-column .button-box{
position:relative;
margin-top:var(--margin-top-60);
}
/***
====================================================================
Intro Section Two
====================================================================
***/
.intro-section-two{
position:relative;
padding:120px 0px 70px;
}
.intro-section-two .inner-container .color-one{
position:absolute;
left:0px;
top:0px;
right:10px;
bottom:0px;
z-index:-2;
background-color:var(--color-eightytwo);
clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
}
.intro-section-two .inner-container .color-two{
position:absolute;
left:0px;
top:0px;
right:80px;
bottom:0px;
z-index:-1;
background-color:var(--color-eightythree);
clip-path: polygon(1.5% 0, 100% 0, 100% 100%, 0% 100%);
}
.intro-section-two .image-column{
position:relative;
z-index:1;
margin-bottom:var(--margin-bottom-40);
}
.intro-section-two .image-column .inner-column{
position:relative;
padding-right:var(--padding-right-80);
padding-bottom:var(--padding-bottom-130);
}
.intro-section-two .image-column .image{
position:relative;
z-index:1;
}
.intro-section-two .image-column .image img{
position:relative;
width:100%;
display:block;
}
.intro-section-two .image-column .image:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:-22px;
bottom:0px;
z-index:-2;
background-color:var(--color-eightytwo);
clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
}
.intro-section-two .image-column .image:after{
position:absolute;
content:'';
left:0px;
top:0px;
right:-12px;
bottom:0px;
z-index:-2;
background-color:var(--color-eightythree);
clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
}
.intro-section-two .image-column .image-two{
position:absolute;
right:15px;
bottom:0px;
}
.intro-section-two .content-column{
position:relative;
margin-bottom:var(--margin-bottom-40);
}
.intro-section-two .content-column .inner-column{
position:relative;
padding-top:var(--padding-top-50);
padding-left:var(--padding-left-30);
}
.intro-section-two .content-column .sec-title-five .text{
opacity:0.80;
padding-right:var(--padding-right-100);
}
.intro-section-two .blocks-outer{
position:relative;
}
.feature-block-six{
position:relative;
}
.feature-block-six .block-inner{
position:relative;
padding-left:var(--padding-left-70);
}
.feature-block-six .block-inner .icon{
position:absolute;
left:0px;
top:0px;
line-height:1em;
font-family: "flaticon";
font-size:var(--font-50);
color:var(--color-seventythree);
}
.intro-section-two .content-column .button-box{
position:relative;
margin-top:var(--margin-top-50);
}
/***
====================================================================
Project Section
====================================================================
***/
.project-section{
position:relative;
overflow:hidden;
}
.project-section .owl-dots{
display:none;
}
.project-section .owl-nav{
position:absolute;
left:-135px;
top:25%;
right:-135px;
}
.project-section .owl-nav .owl-prev{
position:absolute;
left:0px;
width:72px;
height:72px;
line-height:72px;
text-align:center;
border-radius:3px;
font-size:var(--font-30);
color:var(--black-color);
background-color:var(--white-color);
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.project-section .owl-nav .owl-next{
position:absolute;
right:0px;
width:72px;
height:72px;
line-height:72px;
text-align:center;
border-radius:3px;
font-size:var(--font-30);
color:var(--black-color);
background-color:var(--white-color);
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.project-section .owl-nav .owl-prev:hover,
.project-section .owl-nav .owl-next:hover{
color:var(--white-color);
background-color:var(--main-color);
}
.project-section .sec-title-five .more-projects{
position: relative;
font-weight: 700;
letter-spacing: 2px;
display:inline-block;
font-size: var(--font-14);
text-transform: uppercase;
text-decoration:underline;
color: var(--color-seventythree);
margin-top:var(--margin-top-70);
font-family: var(--font-family-exo-2);
margin-bottom: var(--margin-bottom-10);
}
.project-section .gallery-block-three .lower-content{
opacity:0;
}
.project-section .owl-carousel .owl-item.center .gallery-block-three .lower-content{
opacity:1;
}
.project-section .inner-container{
position:relative;
}
.project-section .project-carousel{
max-width:820px;
width:100%;
margin:0 auto;
}
.project-section .owl-carousel .owl-stage-outer{
overflow:visible;
}
.project-section .gallery-block-three .image:before,
.project-section .gallery-block-three .image:after{
opacity:0;
}
.project-section .owl-carousel .owl-item.center .gallery-block-three .image:before,
.project-section .owl-carousel .owl-item.center .gallery-block-three .image:after{
opacity:1;
}
.project-section .owl-carousel .owl-item.center .gallery-block-three .image img{
opacity:1;
}
.project-section .gallery-block-three .image img{
opacity:0.50;
}
.gallery-block-three{
position:relative;
}
.gallery-block-three .image{
position:relative;
background-color:var(--color-seventyseven);
}
.gallery-block-three .image img{
position:relative;
width:100%;
display:block;
}
.gallery-block-three .image:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:-22px;
z-index:-2;
background-color:var(--color-eightytwo);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 95%);
}
.gallery-block-three .image:after{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:-12px;
z-index:-2;
background-color:var(--color-eightythree);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 95%);
}
.gallery-block-three .lower-content{
position:relative;
padding-top:var(--padding-top-45);
}
.gallery-block-three .lower-content .content{
position:relative;
padding-left:290px;
}
.gallery-block-three .title-box{
position:absolute;
left:0px;
top:10px;
width:100%;
max-width:250px;
border-right:2px solid var(--color-eightyseven);
}
.gallery-block-three .title-box h5{
display:block;
font-weight:800;
font-size:var(--font-22);
padding-left:var(--padding-left-60);
padding-bottom:var(--padding-bottom-25);
font-family:var(--font-family-playfair);
border-bottom:2px solid var(--color-eightyseven);
}
.gallery-block-three .title-box h5:before{
position:absolute;
content:'';
left:0px;
top:-3px;
width:42px;
height:36px;
background:url(../images/icons/icon-3.png) no-repeat;
}
.gallery-block-three .title-box .post-date{
position:relative;
font-weight:500;
font-size:var(--font-16);
color:var(--color-seventythree);
margin-top:var(--margin-top-20);
font-family: var(--font-family-exo-2);
}
.gallery-block-three .title-box .post-date strong{
position:relative;
display:block;
font-weight:800;
font-size:var(--font-20);
color:var(--color-seventytwo);
margin-bottom:var(--margin-bottom-10);
}
.gallery-block-three h3{
font-weight:800;
font-size:var(--font-36);
color:var(--color-seventyseven);
font-family: var(--font-family-exo-2);
}
.gallery-block-three .text{
margin-top:var(--margin-top-15);
margin-bottom:var(--margin-bottom-30);
}
/***
====================================================================
Testimonial Section Six
====================================================================
***/
.testimonial-section-six{
position:relative;
padding:100px 0px 110px;
}
.testimonial-section-six .testimonial-outer{
position:relative;
}
.testimonial-section-six .client-thumb-outer{
position:absolute;
left:360px;
bottom:60px;
width:500px;
overflow:hidden;
}
.testimonial-section-six .client-thumb-outer .thumb-item .thumb-box{
z-index:999;
}
.testimonial-section-six .client-thumb-outer .client-thumbs-carousel{
position: relative;
max-width: 140px;
margin: 0 auto;
text-align:center;
}
.testimonial-section-six .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{
overflow:visible;
}
.testimonial-section-six .client-thumb-outer .thumb-item .thumb-box{
width:140px;
height:140px;
cursor:pointer;
margin: 0 auto;
overflow:hidden;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.testimonial-section-six .client-testimonial-carousel .owl-dots,
.testimonial-section-six .client-testimonial-carousel .owl-nav{
display:none;
}
.testimonial-section-six .client-thumb-outer .owl-dots{
display:none;
}
.testimonial-section-six .client-thumb-outer .owl-nav{
position:absolute;
left:-155px;
top:45px;
z-index:1;
right:-155px;
}
.testimonial-section-six .client-thumb-outer .owl-nav .owl-prev{
position:absolute;
left:0px;
width:52px;
height:52px;
line-height:52px;
text-align:center;
border-radius:3px;
font-family: "flaticon";
color:var(--black-color);
background-color:var(--color-eightyone);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.testimonial-section-six .client-thumb-outer .owl-nav .owl-next{
position:absolute;
right:0px;
width:52px;
height:52px;
line-height:52px;
text-align:center;
border-radius:3px;
font-family: "flaticon";
color:var(--black-color);
background-color:var(--color-eightyone);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.testimonial-section-six .client-thumb-outer .owl-nav .owl-prev:hover,
.testimonial-section-six .client-thumb-outer .owl-nav .owl-next:hover{
color:var(--white-color);
background-color:var(--main-color);
}
.testimonial-block-six{
position:relative;
}
.testimonial-block-six .inner-box{
position:relative;
}
.testimonial-block-six .image-column{
position:relative;
}
.testimonial-block-six .image-column .inner-column{
position:relative;
}
.testimonial-block-six .image-column .image{
position:relative;
z-index:1;
}
.testimonial-block-six .image-column .image img{
position:relative;
width:100%;
clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
}
.testimonial-block-six .image-column .image:before{
position:absolute;
content:'';
left:0px;
top:-22px;
right:10px;
bottom:0px;
z-index:-2;
background-color:var(--color-eightytwo);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 95%);
}
.testimonial-block-six .image-column .image:after{
position:absolute;
content:'';
left:0px;
top:-12px;
right:10px;
bottom:0px;
z-index:-2;
background-color:var(--color-eightythree);
clip-path: polygon(0 5%, 100% 0, 100% 100%, 0% 100%);
}
.testimonial-block-six .content-column{
position:relative;
}
.testimonial-block-six .content-column .title{
position:relative;
letter-spacing:2px;
text-transform:uppercase;
}
.testimonial-block-six .content-column .text{
position:relative;
opacity:1;
line-height:44px;
font-size:var(--font-30);
color:var(--color-seventytwo);
margin-top:var(--margin-top-20);
font-family:var(--font-family-playfair);
}
.testimonial-block-six .content-column .rating{
position:relative;
color:var(--color-six);
font-size:var(--font-16);
margin-top:var(--margin-top-30);
}
.testimonial-block-six .content-column .designation{
position:relative;
font-weight:600;
font-size:var(--font-20);
color:var(--color-ninetyone);
margin-top:var(--margin-top-15);
font-family: var(--font-family-exo-2);
}
.testimonial-block-six .content-column .designation span{
position:relative;
font-weight:500;
font-size:var(--font-16);
text-transform:uppercase;
color:var(--color-seventyfour);
}
/***
====================================================================
Counter Section
====================================================================
***/
.counter-section{
position:relative;
padding-bottom:var(--padding-bottom-70);
}
/* Fact Counter */
.fact-counter{
position:relative;
}
.fact-counter .counter-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.fact-counter .counter-column .inner{
position:relative;
}
.fact-counter .counter-column .inner .content{
position:relative;
}
.fact-counter .counter-column .dott{
position:relative;
width:30px;
height:30px;
border-radius:50px;
display:inline-block;
margin-bottom:var(--margin-bottom-20);
border:1px solid var(--color-ten);
}
.fact-counter .counter-column .dott::before{
position:absolute;
content:'';
left:10px;
top:10px;
right:10px;
bottom:10px;
border-radius:50px;
background-color:var(--main-color);
}
.fact-counter .counter-column .dott .ripple,
.fact-counter .counter-column .dott .ripple:before,
.fact-counter .counter-column .dott .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:30px;
height:30px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
-o-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
-webkit-box-shadow: 0 0 0 0 var(--main-color-rgba);
-moz-box-shadow: 0 0 0 0 var(--main-color-rgba);
-ms-box-shadow: 0 0 0 0 var(--main-color-rgba);
-o-box-shadow: 0 0 0 0 var(--main-color-rgba);
box-shadow: 0 0 0 0 var(--main-color-rgba);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.fact-counter .counter-column .dott .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.fact-counter .counter-column .dott .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}
@keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}
.fact-counter .count-outer .percentage{
position:relative;
}
.fact-counter .counter-column .inner .count-outer{
position:relative;
font-weight:500;
line-height:1em;
color:var(--color-two);
font-size:var(--font-65);
}
.fact-counter .counter-column h6{
margin-top:var(--margin-top-15);
}
.fact-counter .counter-column .inner .counter-text{
position:relative;
opacity:0.80;
font-weight:400;
line-height:1.7em;
font-size:var(--font-16);
color:var(--text-color);
margin-top:var(--margin-top-15);
}
/***
====================================================================
Counter Section Three
====================================================================
***/
.counter-section-three{
position:relative;
padding-bottom:var(--padding-bottom-70);
}
/* Fact Counter */
.fact-counter-three{
position:relative;
}
.fact-counter-three .counter-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.fact-counter-three .counter-column .inner{
position:relative;
text-align:center;
}
.fact-counter-three .counter-column .inner .content{
position:relative;
}
.fact-counter-three .counter-column .icon{
position:relative;
display:block;
width:80px;
height:80px;
margin:0 auto;
line-height:80px;
text-align:center;
font-size:var(--font-34);
color:var(--color-ninetyone);
margin-bottom:var(--margin-bottom-30);
background-color:var(--color-ninetythree);
}
.fact-counter-three .count-outer .percentage{
position:relative;
}
.fact-counter-three .counter-column .inner .count-outer{
position:relative;
font-weight:800;
line-height:1em;
font-size:var(--font-40);
color:var(--color-seventytwo);
font-family:var(--font-family-exo-2);
}
.fact-counter-three .counter-column .inner .count-outer:before{
position:absolute;
content:'';
right:-20px;
top:0px;
width:2px;
bottom:0px;
background-color:var(--color-eightyone);
}
.fact-counter-three .counter-column:last-child .inner .count-outer:before{
display:none;
}
.fact-counter-three .counter-column .inner .counter-text{
position:relative;
opacity:0.80;
font-weight:400;
line-height:1.7em;
letter-spacing:2px;
font-size:var(--font-14);
text-transform:uppercase;
color:var(--color-seventyfour);
margin-top:var(--margin-top-20);
font-family:var(--font-family-exo-2);
}
/***
====================================================================
Company Section
====================================================================
***/
.company-section{
position:relative;
}
.company-section .image-layer{
position:absolute;
left:0px;
top:80px;
right:0px;
bottom:80px;
background-size:cover;
background-color:var(--color-ninetytwo);
}
.company-section .image-column{
position:relative;
}
.company-section .image-column .inner-column{
position:relative;
}
.company-section .image-column .image{
position:relative;
}
.company-section .image-column .image img{
position:relative;
width:100%;
display:block;
clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
}
.company-section .image-column .image:before{
position:absolute;
content:'';
left:0px;
top:-22px;
right:0px;
bottom:0px;
z-index:-2;
background-color:var(--color-eightytwo);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 95%);
}
.company-section .image-column .image:after{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:-2;
background-color:var(--color-eightythree);
clip-path: polygon(0 2.5%, 100% 0, 100% 100%, 0% 100%);
}
.company-section .image-column .owl-nav{
display:none;
}
.company-section .image-column .owl-dots{
position:absolute;
right:25px;
bottom:20px;
}
.company-section .image-column .owl-dots .owl-dot{
position:relative;
width:16px;
height:16px;
display:inline-block;
margin-left:var(--margin-left-5);
background-color:var(--color-ninetythree);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.company-section .image-column .owl-dots .owl-dot:hover,
.company-section .image-column .owl-dots .owl-dot.active{
background-color:var(--color-ninetyone);
}
.company-section .content-column{
position:relative;
}
.company-section .content-column .inner-column{
position:relative;
padding-top:200px;
padding-left:var(--padding-left-20);
}
/***
====================================================================
Plan Section
====================================================================
***/
.plan-section{
position:relative;
padding:100px 0px 80px;
}
.plan-section .content-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.plan-section .content-column .inner-column{
position:relative;
}
.plan-section .price-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.plan-section .price-column .inner-column{
position:relative;
}
.plan-section .price{
position:relative;
}
/***
====================================================================
Pricing Section Four
====================================================================
***/
.pricing-section-four{
position:relative;
padding:0px 0px 70px;
}
.pricing-section-four .pattern-layer{
position:absolute;
left:0px;
right:0px;
bottom:0px;
height:785px;
background-color:var(--color-ninetyseven);
}
.price-block-four{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.price-block-four .inner-box{
position:relative;
background-color:var(--white-color);
}
.price-block-four .image{
position:relative;
overflow:hidden;
}
.price-block-four .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
}
.price-block-four .inner-box:hover .image img{
opacity:0.80;
transform:scale(1.04,1.04);
}
.price-block-four .category{
position:absolute;
left:30px;
top:30px;
z-index:1;
font-weight:500;
padding:6px 16px;
display:inline-block;
font-size:var(--font-13);
color:var(--white-color);
text-transform:uppercase;
font-family:var(--font-family-exo-2);
background-color:var(--color-ninetyone);
}
.price-block-four .image:before{
position:absolute;
content:'';
left:0px;
top:30%;
right:0px;
bottom:0px;
z-index:1;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, rgba(0,0,0,1)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
}
.price-block-four .content{
position:absolute;
left:30px;
bottom:30px;
z-index:2;
}
.price-block-four .content h3{
position:relative;
font-family:var(--font-family-exo-2);
}
.price-block-four .content h3 a{
position:relative;
color:var(--white-color);
}
.price-block-four .content .text{
position:relative;
max-width:260px;
color:var(--color-ninetyfour);
margin-top:var(--margin-top-15);
font-family:var(--font-family-exo-2);
}
.price-block-four .lower-content{
position:relative;
padding:45px 40px 50px;
}
.price-block-four .price-list{
position:relative;
}
.price-block-four .price-list li{
position:relative;
font-weight:500;
font-size:var(--font-18);
color:var(--color-ninetyfive);
padding-left:var(--padding-left-30);
font-family:var(--font-family-exo-2);
margin-bottom:var(--margin-bottom-15);
}
.price-block-four .price-list li:before{
position:absolute;
content:'\f00c';
left:0px;
top:0px;
font-family: 'FontAwesome';
color:var(--color-ninetysix);
}
.price-block-four .price-list li:last-child{
margin-bottom:var(--margin-zero);
}
.price-block-four .button-box{
position:relative;
margin-top:var(--margin-top-40);
}
/***
====================================================================
Agents Section
====================================================================
***/
.agents-section{
position:relative;
padding:110px 0px 70px;
}
.agents-section .agents-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.agents-section .agents-column .inner-column{
position:relative;
}
.agents-section .agents-column .agent-block{
position:relative;
float:left;
padding:0px;
}
.agent-block{
position:relative;
}
.agent-block .inner-box{
position:relative;
}
.agent-block .image{
position:relative;
}
.agent-block .image img{
position:relative;
width:100%;
display:block;
}
.agent-block .image .overlay-box{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
display:flex;
text-align:center;
justify-content:center;
align-items: center;
flex-wrap: wrap;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
background-position:center center;
}
.agent-block .inner-box:hover .image .overlay-box{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.agent-block .image .overlay-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.80;
background-color:var(--color-seventythree);
}
.agent-block .image .overlay-box h5{
font-weight:700;
color:var(--white-color);
font-family:var(--font-family-exo-2);
}
.agent-block .image .overlay-box h5 a{
color:var(--white-color);
}
.agent-block .image .overlay-box h5 a:hover{
color:var(--color-seventyseven);
}
.agent-block .image .overlay-box .designation{
position:relative;
font-weight:600;
color:var(--white-color);
font-size:var(--font-14);
margin-top:var(--margin-top-5);
font-family:var(--font-family-exo-2);
}
.agent-block .image .overlay-box .content{
position:relative;
}
.agents-section .content-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.agents-section .content-column .inner-column{
position:relative;
padding-top:var(--padding-top-60);
padding-left:var(--padding-left-50);
}
.agents-section .content-column .options{
position:relative;
}
.agents-section .content-column .options li{
position:relative;
font-weight:500;
display:block;
font-size:var(--font-18);
padding:20px 25px 20px 50px;
color:var(--color-seventyfour);
margin-bottom:var(--margin-bottom-15);
font-family:var(--font-family-exo-2);
border:2px solid var(--color-seventyfive);
}
.agents-section .content-column .options li:before{
position:absolute;
content:"\f058";
left:25px;
top:20px;
font-size:var(--font-16);
font-family: 'FontAwesome';
color:var(--color-ninetyone);
}
.agents-section .content-column .options li:last-child{
margin-bottom:var(--margin-zero);
}
.agents-section .content-column .button-box{
position:relative;
padding-top:var(--padding-top-50);
}
/***
====================================================================
News Section Two
====================================================================
***/
.news-section-two{
position:relative;
padding:0px 0px 70px;
}
/* News Block Three */
.news-block-three{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.news-block-three .inner-box{
position:relative;
}
.news-block-three .inner-box .image{
position:relative;
overflow:hidden;
background-color:var(--color-two);
}
.news-block-three .inner-box .image img{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-three .inner-box:hover .image img{
opacity:0.80;
transform:scale(1.05,1.05);
}
.news-block-three .post-date{
position:absolute;
left:0px;
bottom:0px;
font-weight:500;
padding:10px 18px 9px;
font-size:var(--font-14);
color:var(--white-color);
text-transform:uppercase;
font-family:var(--font-family-exo-2);
background-color:var(--color-seventytwo);
}
.news-block-three .post-date .fa{
position:relative;
margin-right:var(--margin-right-5);
}
.news-block-three .lower-content{
position:relative;
padding-top:var(--padding-top-30);
}
.news-block-three h3{
font-weight:700;
font-family:var(--font-family-exo-2);
}
.news-block-three h3 a{
color:var(--color-seventyseven);
}
.news-block-three h3 a:hover{
color:var(--color-seventythree);
}
.news-block-three .text{
position:relative;
font-weight:500;
font-size:var(--font-18);
margin-top:var(--margin-top-20);
}
.news-block-three .button-box{
position:relative;
margin-top:var(--margin-top-30);
}
/***
==================================================================
Insurance Section
==================================================================
***/
.insurance-section{
position:relative;
padding:100px 0px 70px;
background-attachment:fixed;
background-size:cover;
background-position:right center;
}
.insurance-section .content-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.insurance-section .content-column .inner-column{
position:relative;
}
/* Insurance Form Two */
.insurance-form-two{
position:relative;
}
.insurance-form-two .form-group{
position:relative;
margin-bottom:var(--margin-bottom-10);
}
.insurance-form-two .form-group .icon{
position:absolute;
left:25px;
top:22px;
display:block;
font-size:var(--font-16);
font-family: "flaticon";
color:var(--color-seventyeight);
}
.insurance-form-two input[type="text"],
.insurance-form-two input[type="email"],
.insurance-form-two input[type="password"],
.insurance-form-two select,
.insurance-form-two textarea{
display:block;
width:100%;
line-height:28px;
height:66px;
font-weight:600;
font-size:var(--font-15);
padding:10px 20px 10px 55px;
transition:all 500ms ease;
color:var(--color-ninetyeight);
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family:var(--font-family-exo-2);
}
.insurance-section .form-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.insurance-section .form-column .inner-column{
position:relative;
padding-left:var(--padding-left-170);
padding-right:var(--padding-right-70);
}
.insurance-section .form-column button{
position:relative;
padding:18px 86px;
}
/***
==================================================================
Banner Section Three
==================================================================
***/
.banner-section-three{
position:relative;
overflow:hidden;
padding:0px 0px 170px;
background-position:left top;
background-repeat:no-repeat;
}
.banner-section-three .border-layer{
position:absolute;
left:50%;
top:190px;
width:100%;
bottom:0px;
z-index:-1;
max-width:1500px;
transform:translateX(-40%);
border-radius:15px 15px 150px 15px;
border:5px solid rgba(var(--main-color-rgb), 0.80);
}
.banner-section-three .pattern-layer{
position:absolute;
left:0px;
top:0px;
width:564px;
height:533px;
background-repeat:no-repeat;
}
.banner-section-three .content-column{
position:relative;
}
.banner-section-three .content-column .inner-column{
position:relative;
padding-top:var(--padding-top-200);
}
.banner-section-three .title:before{
position:absolute;
content:'\f058';
left:15px;
top:9px;
font-family: 'FontAwesome';
}
.banner-section-three .title{
position:relative;
font-weight:400;
display:inline-block;
font-size:var(--font-15);
padding:8px 25px 9px 40px;
border-radius:0px 50px 50px 0px;
color:var(--color-onehundredone);
background-color:var(--white-color);
font-family: var(--font-family-Poppins);
}
.banner-section-three h1{
line-height:72px;
font-weight:700;
font-size:var(--font-70);
margin-top:var(--margin-top-20);
color:var(--color-onehundredone);
font-family:var(--font-family-Futura);
}
.banner-section-three .text{
position:relative;
opacity:1;
font-weight:400;
line-height:30px;
display:inline-block;
font-size:var(--font-18);
margin-top:var(--margin-top-30);
color:var(--color-onehundredsix);
margin-bottom:var(--margin-bottom-40);
font-family:var(--font-family-Roboto);
padding-right:var(--padding-right-70);
}
.banner-section-three .profiles{
position:relative;
font-weight:700;
line-height:1em;
font-size:var(--font-70);
color:var(--color-onehundredone);
font-family: var(--font-family-Poppins);
}
.banner-section-three .profiles span{
position:relative;
display:block;
font-weight:400;
line-height:1em;
font-size:var(--font-18);
margin-top:var(--margin-top-15);
}
.banner-section-three .authors{
position:relative;
margin-top:var(--margin-top-5);
margin-left:var(--margin-left-40);
}
.banner-section-three .button-box{
position:relative;
margin-top:var(--margin-top-40);
}
.banner-section-three .images-column{
position:relative;
}
.banner-section-three .images-column .inner-column{
position:relative;
text-align:right;
margin-right:-180px;
}
.banner-section-three .image{
position:relative;
display:inline-block;
}
.banner-section-three .image-two{
position:absolute;
left:-50px;
bottom:-40px;
}
.banner-section-three .medal-icon{
position:absolute;
left:-10px;
top:240px;
z-index:1;
}
/***
====================================================================
Clients Section Two
====================================================================
***/
.clients-section-two{
position:relative;
padding:0px 0px 0px;
margin-top:-155px;
}
.clients-section-two .carousel-outer{
position:relative;
padding:0px 80px;
}
.clients-section-two .image-box img{
position:relative;
width:auto;
margin:0 auto;
filter: grayscale(0%);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.clients-section-two .image-box:hover img{
filter: grayscale(100%);
}
.clients-section-two .owl-dots,
.clients-section-two .owl-nav{
display:none;
}
/***
====================================================================
Collaboration Section
====================================================================
***/
.collaboration-section{
position:relative;
overflow:hidden;
padding:160px 0px 70px;
}
.collaboration-section .pattern-layer{
position:absolute;
left:0px;
bottom:0px;
width:361px;
height:347px;
background-repeat:no-repeat;
}
.collaboration-section .pattern-layer-two{
position:absolute;
right:10px;
top:80px;
width:312px;
height:250px;
background-repeat:no-repeat;
}
.collaboration-section .content-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.collaboration-section .content-column .inner-column{
position:relative;
}
.collaboration-section .list{
position:relative;
}
.collaboration-section .list li{
position:relative;
font-weight:500;
font-size:var(--font-18);
padding-left:var(--padding-left-30);
margin-bottom:var(--margin-bottom-20);
font-family:var(--font-family-Futura);
}
.collaboration-section .list li:before{
position: absolute;
content: '\f058';
left: 0px;
top: 0px;
font-family: 'FontAwesome';
}
.collaboration-section .list li:last-child{
margin-bottom:var(--margin-zero);
}
.collaboration-section .button-box{
margin-top:var(--margin-top-50);
}
.collaboration-section .content-column{
position:relative;
}
.collaboration-section .images-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.collaboration-section .images-column .inner-column{
position:relative;
}
.collaboration-section .image{
position:relative;
float:right;
}
.collaboration-section .image-two{
position:relative;
float:right;
margin-left:var(--margin-left-30);
}
.collaboration-section .image-three{
position:absolute;
right:-185px;
bottom:65px;
}
.collaboration-section .image-four{
position:absolute;
right:-140px;
bottom:-20px;
}
.collaboration-section .profile-box{
position:absolute;
left:40px;
bottom:30px;
display:block;
}
.collaboration-section .profile-box .profiles{
position:relative;
font-weight:700;
line-height:1em;
font-size:var(--font-52);
color:var(--color-onehundredone);
font-family: var(--font-family-Poppins);
}
.collaboration-section .profile-box .profiles span{
position:relative;
display:block;
font-weight:400;
line-height:1em;
font-size:var(--font-14);
margin-top:var(--margin-top-10);
}
.collaboration-section .profile-box .authors{
position:relative;
margin-top:var(--margin-top-20);
}
.collaboration-section .pattern-layer-three{
position:absolute;
left:0px;
top:0px;
width:8px;
height:84px;
background-repeat:no-repeat;
}
/***
====================================================================
Remote Section
====================================================================
***/
.remote-section{
position:relative;
overflow:hidden;
padding:110px 0px 70px;
background-position:center center;
background-color:var(--color-onehundredseven);
}
.remote-section .image-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.remote-section .image-column .inner-column{
position:relative;
padding-right:var(--padding-right-70);
}
.remote-section .image-two{
position:absolute;
right:0px;
bottom:40px;
}
.remote-section .image-three{
position:absolute;
right:0px;
bottom:-100px;
}
.remote-section .content-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.remote-section .content-column .inner-column{
position:relative;
}
.remote-section .blocks-outer{
position:relative;
}
.remote-block{
position:relative;
margin-bottom:var(--margin-bottom-35);
}
.remote-block .inner-box{
position:relative;
padding:0px 70px 0px 0px;
}
.remote-block .content{
position:relative;
padding-left:125px;
}
.remote-block .inner-box .icon{
position:absolute;
left:0px;
top:0px;
width:88px;
height:88px;
overflow:hidden;
line-height:80px;
border-radius:50px;
display:inline-block;
font-size:var(--font-40);
background-color:var(--white-color);
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.remote-block .inner-box:hover .icon{
transform:rotateY(180deg);
}
.remote-block h3{
font-weight:700;
font-family:var(--font-family-Futura);
}
.remote-block .text{
opacity:1;
font-size:var(--font-17);
margin-top:var(--margin-top-10);
color:var(--color-onehundredsix);
font-family:var(--font-family-Roboto);
}
/***
====================================================================
Response Section
====================================================================
***/
.response-section{
position:relative;
padding:110px 0px 50px;
}
.response-section .content-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.response-section .content-column .inner-column{
position:relative;
}
.response-section .list{
position:relative;
}
.response-section .list li{
position:relative;
display:block;
font-size:var(--font-20);
color:var(--color-onehundredone);
padding-left:var(--padding-left-45);
margin-bottom:var(--margin-bottom-30);
font-family:var(--font-family-FuturaBold);
}
.response-section .list li .icon{
position:absolute;
left:0px;
top:-5px;
}
.response-section .list li:last-child{
margin-bottom:var(--margin-zero);
}
.response-section .button-box{
position:relative;
margin-top:var(--margin-top-50);
}
.response-section .image-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.response-section .image-column .inner-column{
position:relative;
text-align:right;
margin-right:-50px;
}
.response-section .image-column .image-one{
position:relative;
margin-top:-150px;
margin-right:150px;
margin-left:-150px;
}
.response-section .image-column .image-two{
position:absolute;
left:-50px;
bottom:245px;
}
.response-section .icon-layer{
position:absolute;
left:-160px;
top:160px;
width:147px;
height:302px;
background-repeat:no-repeat;
}
.response-section .icon-layer-two{
position:absolute;
left:0px;
top:60px;
width:54px;
height:114px;
background-repeat:no-repeat;
}
/***
====================================================================
Services Section Two
====================================================================
***/
.services-section-two{
position:relative;
}
.services-section-two .inner-container{
position:relative;
}
.services-section-two .client-thumb-outer{
position:absolute;
right:30px;
bottom:30px;
width:100%;
max-width:360px;
overflow:hidden;
}
.services-section-two .client-thumb-outer .owl-item.active .thumb-item .thumb-box{
z-index:999;
}
.services-section-two .client-thumb-outer .owl-item.active .thumb-item .author-info{
opacity:1;
}
.services-section-two .client-thumb-outer .client-thumbs-carousel{
position: relative;
max-width: 100px;
margin: 0 auto;
text-align:center;
}
.services-section-two .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{
overflow:visible;
}
.services-section-two .client-thumb-outer .thumb-item .thumb-box{
width:100px;
height:100px;
cursor:pointer;
border-radius:50%;
margin: 0 auto;
overflow:hidden;
border:3px solid var(--white-color);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.services-section-two .client-thumb-outer .owl-item{
z-index:0;
}
.services-section-two .client-thumb-outer .owl-item.active .thumb-box{
border-color:var(--color-onehundredfive);
}
.services-section-two .client-thumb-outer .client-thumbs-carousel .thumb-item img{
overflow:hidden;
width:100%;
height:100%;
display:block;
border-radius:0%;
}
.services-section-two .owl-nav{
display:none;
}
.service-block-three{
position:relative;
}
.service-block-three .inner-box{
position:relative;
padding:60px 50px;
border-radius:50px;
background-color:var(--color-onehundredeight);
}
.service-block-three .image-column{
position:relative;
}
.service-block-three .image{
position:relative;
}
.service-block-three .content-column{
position:relative;
}
.service-block-three .content{
padding-top:var(--padding-top-70);
}
.service-block-three h2{
position:relative;
font-size:var(--font-50);
color:var(--color-onehundredone);
font-family:var(--font-family-FuturaBold);
}
.service-block-three .text{
position: relative;
opacity: 1;
font-weight: 400;
line-height: 32px;
display: inline-block;
font-size: var(--font-18);
margin-top: var(--margin-top-25);
color: var(--color-onehundredsix);
font-family: var(--font-family-Roboto);
}
.service-block-three .button-box{
margin-top: var(--margin-top-30);
}
/***
====================================================================
Project Section Two
====================================================================
***/
.project-section-two{
position:relative;
padding:110px 0px 80px;
}
.project-section-two .filters{
position:relative;
text-align:right;
margin-top:-160px;
margin-bottom:var(--margin-bottom-120);
}
.project-section-two .filters .filter-btns{
position:relative;
display:inline-block;
}
.project-section-two .filters li{
position:relative;
font-weight:500;
cursor:pointer;
padding:14px 30px;
border-radius:50px;
display:inline-block;
font-size:var(--font-16);
margin-left:var(--margin-left-15);
font-family:var(--font-family-Futura);
background-color:var(--color-onehundredtwo);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.project-section-two .filters li.active,
.project-section-two .filters li:hover{
background-color:var(--color-onehundredeight);
}
.gallery-block-four{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.gallery-block-four .inner-box{
position:relative;
padding:0px 18px 10px;
}
.gallery-block-four .inner-box:before{
position:absolute;
content:'';
left:0px;
top:60px;
right:0px;
bottom:0px;
border-radius:25px;
background-color:var(--color-onehundredeight);
}
.gallery-block-four .image{
position:relative;
overflow:hidden;
border-radius:20px;
}
.gallery-block-four .image img{
position:relative;
width:100%;
display:block;
}
.gallery-block-four .overlay-box{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
display:flex;
justify-content:center;
align-items: center;
flex-wrap: wrap;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
background-position:center center;
}
.gallery-block-four .overlay-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.88;
background-color:var(--black-color);
}
.gallery-block-four .overlay-inner{
position:relative;
}
.gallery-block-four .inner-box:hover .overlay-box{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.gallery-block-four .list{
position:relative;
}
.gallery-block-four .list li{
position:relative;
margin:0px 5px;
display:inline-block;
}
.gallery-block-four .list li a{
position:relative;
width:66px;
height:66px;
color:#000000;
line-height:66px;
text-align:center;
border-radius:50px;
display:inline-block;
font-size:var(--font-24);
font-family: "flaticon";
background-color:var(--white-color);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.gallery-block-four .list li a:hover{
color:var(--white-color);
background-color:var(--color-onehundredfive);
}
.gallery-block-four .lower-content{
position:relative;
padding:30px 25px 20px;
}
.gallery-block-four .category{
position:relative;
font-size:var(--font-15);
color:var(--color-onehundredone);
}
.gallery-block-four h3{
display:block;
margin-top:var(--margin-top-10);
font-family:var(--font-family-Futura);
}
.gallery-block-four h3 a{
position:relative;
color:var(--color-onehundredone);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.gallery-block-four h3 a:hover{
color:var(--color-onehundredfive);
}
.gallery-block-four.mix{
display:none;
}
/***
====================================================================
Cost Section
====================================================================
***/
.cost-section{
position:relative;
}
.cost-section .icons-outer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
}
.cost-section .icons-outer .icon-one{
position:absolute !important;
left:0px !important;
top:0px !important;
}
.cost-section .icons-outer .icon-two{
position:absolute !important;
left:120px !important;
top:200px !important;
}
.cost-section .icons-outer .icon-three{
position:absolute;
left:auto !important;
right:30px !important;
top:30px !important;
}
.cost-section .icons-outer .icon-four{
position:absolute !important;
left:auto !important;
top:auto !important;
right:0px !important;
bottom:0px !important;
}
.cost-section .inner-container{
position:relative;
text-align:center;
border-radius:80px;
padding:140px 30px 130px;
background-color:var(--color-onehundrednine);
}
.cost-section .sec-title-six h2{
font-family:var(--font-family-Futura);
}
.cost-section .apps{
position:relative;
}
.cost-section h3{
color:var(--color-onehundredfive);
font-family:var(--font-family-Futura);
margin-bottom:var(--margin-bottom-25);
}
.cost-section .apps a{
position:relative;
margin:0px 10px;
display:inline-block;
}
/***
====================================================================
Cost Section
====================================================================
***/
.chat-section{
position:relative;
padding:100px 0px 90px;
}
.chat-section .image-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.chat-section .image-column .inner-column{
position:relative;
}
.chat-section .image-column .image{
position:relative;
}
.chat-section .content-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.chat-section .content-column .inner-column{
position:relative;
padding-left:var(--padding-left-40);
padding-top:var(--padding-top-80);
}
.chat-section .content-column .sec-title-six h2{
font-family:var(--font-family-Futura);
}
/***
====================================================================
Testimonial Section Seven
====================================================================
***/
.testimonial-section-seven{
position:relative;
}
.testimonial-section-seven .auto-container{
position:relative;
max-width:1600px;
}
.testimonial-section-seven .container-outer{
position:relative;
padding:150px 120px;
border-radius:60px;
background-size:cover;
}
.testimonial-section-seven .inner-container{
position:relative;
}
.testimonial-section-seven .title-column{
position:relative;
}
.testimonial-section-seven .title-column .inner-column{
position:relative;
}
/* Carousel Column */
.testimonial-section-seven .carousel-column{
position:static;
}
.testimonial-section-seven .carousel-column .inner-column{
position:static;
}
.testimonial-section-seven .owl-dots{
display:none;
}
.testimonial-section-seven .owl-nav{
position:absolute;
left:0px;
bottom:-30px;
}
.testimonial-section-seven .owl-nav .owl-prev,
.testimonial-section-seven .owl-nav .owl-next{
position:relative;
width:54px;
height:54px;
line-height:50px;
text-align:center;
border-radius:50px;
display:inline-block;
font-size:var(--font-24);
color:var(--color-seventyseven);
margin-right:var(--margin-right-15);
border:2px solid var(--color-seventyseven);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.testimonial-section-seven .owl-nav .owl-prev:hover,
.testimonial-section-seven .owl-nav .owl-next:hover{
color:var(--white-color);
background-color:var(--color-seventyseven);
}
.testimonial-section-seven .owl-carousel{
position:static;
}
.testimonial-section-seven .owl-carousel .owl-stage-outer{
position:static;
padding-bottom:var(--padding-bottom-10);
}
.testimonial-block-seven{
position:relative;
z-index:1;
}
.testimonial-block-seven .inner-box{
position:relative;
border-radius:25px;
padding:45px 35px 50px;
background-color:var(--white-color);
}
.testimonial-block-seven .inner-box:before{
position:absolute;
content:'';
left:11px;
bottom:-8px;
right:0px;
top:100px;
z-index:-1;
border-radius:25px;
background-color:var(--color-onehundredeleven);
}
.testimonial-block-seven.color-two .inner-box:before{
background-color:var(--main-color);
}
.testimonial-block-seven .text{
opacity:1;
font-size:var(--font-18);
color:var(--color-onehundredsix);
font-family:var(--font-family-Roboto);
}
.testimonial-block-seven .lower-box{
position:relative;
margin-top:var(--margin-top-40);
}
.testimonial-block-seven .lower-box .box-inner{
position:relative;
font-weight:700;
font-size:var(--font-18);
padding-left:var(--padding-left-80);
font-family:var(--font-family-Roboto);
}
.testimonial-block-seven .lower-box .author-image{
position:absolute;
left:0px;
top:-8px;
width:56px;
height:56px;
overflow:hidden;
border-radius:50%;
}
.testimonial-block-seven .lower-box span{
position:relative;
display:block;
font-weight:600;
font-size:var(--font-16);
margin-top:var(--margin-top-5);
color:var(--color-onehundredten);
}
/***
====================================================================
News Section Three
====================================================================
***/
.news-section-three{
position:relative;
padding:120px 0px 80px;
}
/* News Block Four */
.news-block-four{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.news-block-four .inner-box{
position:relative;
border-radius:15px;
overflow:hidden;
}
.news-block-four .inner-box .image{
position:relative;
overflow:hidden;
background-color:var(--color-two);
}
.news-block-four .inner-box .image img{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-four .inner-box:hover .image img{
opacity:0.80;
transform:scale(1.05,1.05);
}
.news-block-four .post-meta{
position:relative;
}
.news-block-four .post-meta li{
position:relative;
display:inline-block;
font-size:var(--font-15);
margin-right:var(--margin-right-15);
color:var(--color-onehundredeleven);
padding-left:var(--padding-left-25);
font-family:var(--font-family-FuturaBold);
}
.news-block-four .post-meta li .icon{
position:absolute;
left:0px;
top:0px;
font-family: "flaticon";
}
.news-block-four .post-meta li:last-child{
margin-right:var(--margin-zero);
}
.news-block-four .lower-content{
position:relative;
padding:30px 35px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:var(--color-onehundrednine);
}
.news-block-four .inner-box:hover .lower-content{
background-color:var(--color-onehundredtwelve);
}
.news-block-four h4{
margin-top:var(--margin-top-15);
font-family:var(--font-family-FuturaBold);
}
.news-block-four h4 a{
color:var(--color-seventyseven);
}
.news-block-four h4 a:hover{
color:var(--color-seventythree);
}
/***
====================================================================
Newsletter Section
====================================================================
***/
.newsletter-section{
position:relative;
padding:110px 0px 110px;
background-size:cover;
}
.newsletter-section .email-box-two{
max-width:630px;
margin:0 auto;
width:100%;
}
.email-box-two{
position:relative;
}
.email-box-two .form-group{
position:relative;
margin:0px;
width:100%;
max-width:100%;
}
.email-box-two .form-group input[type="text"],
.email-box-two .form-group input[type="email"]{
position:relative;
line-height:43px;
padding:10px 85px 10px 35px;
display:block;
font-size:var(--font-16);
height:65px;
width:100%;
color:var(--text-color);
box-shadow:inherit;
border-radius:50px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:var(--white-color);
}
.email-box-two .form-group input::placeholder,
.email-box-two .form-group textarea::placeholder{
color:var(--text-color);
}
.email-box-two .form-group button{
position:absolute;
right:0px;
top:0px;
padding:21px 40px;
border-radius:50px;
display:inline-block;
font-size:var(--font-16);
color:var(--white-color);
font-family: var(--font-family-Futura);
background-color:var(--color-onehundredfive);
}
.email-box-two .form-group button i{
position:relative;
top:3px;
line-height:1em;
font-style:normal;
font-family: "flaticon";
margin-left:var(--margin-left-5);
}
.newsletter-section .lower-text{
position:relative;
text-align:center;
opacity:0.80;
font-size:var(--font-18);
margin-top:var(--margin-top-40);
color:var(--color-onehundredsix);
font-family:var(--font-family-Roboto);
}
/***
==================================================================
Banner Section Four
==================================================================
***/
.banner-section-four{
position:relative;
background-size:cover;
padding:210px 0px 150px;
background-position:center center;
}
.banner-section-four .auto-container{
max-width:1200px;
}
.banner-section-four .content{
position:relative;
max-width:660px;
width:100%;
}
.banner-section-four .title{
position:relative;
font-weight:600;
font-size:var(--font-17);
text-transform:uppercase;
color:var(--color-onehundredfifteen);
font-family:var(--font-family-Inter);
}
.banner-section-four h2{
font-weight:400;
margin-top:var(--margin-top-25);
color:var(--color-seventytwo);
}
.banner-section-four h2 span{
font-weight:700;
}
.banner-section-four .text{
opacity:1;
line-height:32px;
font-size:var(--font-20);
color:var(--color-onehundredsixteen);
margin-top:var(--margin-top-25);
font-family:var(--font-family-Inter);
margin-bottom:var(--margin-bottom-50);
}
.banner-section-four .email-box-four{
max-width:550px;
}
.banner-section-four .reviews{
position:relative;
max-width:350px;
width:100%;
text-align:center;
margin-top:var(--margin-top-50);
}
.banner-section-four .reviews .rating{
position:relative;
margin-top:var(--margin-top-20);
}
.banner-section-four .reviews .rating .fa{
position:relative;
font-size:var(--font-16);
color:var(--color-onehundredseventeen);
}
.banner-section-four .reviews .total-review{
position:relative;
font-size:var(--font-14);
color:var(--color-seventytwo);
margin-top:var(--margin-top-5);
font-family:var(--font-family-Inter);
}
.email-box-four{
position:relative;
}
.email-box-four .form-group{
position:relative;
margin:0px;
width:100%;
max-width:100%;
padding-right:175px;
}
.email-box-four .form-group input[type="text"],
.email-box-four .form-group input[type="email"]{
position:relative;
line-height:43px;
padding:10px 15px 10px 25px;
display:block;
font-size:var(--font-15);
height:50px;
width:100%;
color:var(--text-color);
box-shadow:inherit;
border-radius:2px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family:var(--font-family-Inter);
background-color:var(--white-color);
border:2px solid var(--color-onehundredfifteen);
}
.email-box-four .form-group input::placeholder,
.email-box-four .form-group textarea::placeholder{
color:var(--text-color);
}
.email-box-four .form-group button{
position:absolute;
right:0px;
top:0px;
}
/***
==================================================================
Banner Section Three
==================================================================
***/
.rewards-section{
position:relative;
padding:95px 0px 70px;
background-color:var(--color-onehundredeighteen);
}
.rewards-section .title-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.rewards-section .title-column .icon{
position:relative;
line-height:1em;
color:var(--white-color);
font-size:var(--font-70);
font-family: "flaticon3";
margin-bottom:var(--margin-bottom-30);
}
.rewards-section .title-column h2{
max-width:300px;
line-height:55px;
color:var(--white-color);
font-family:var(--font-family-Inter);
}
.rewards-section .blocks-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.rewards-section .blocks-column .inner-column{
position:relative;
margin-left:-60px;
margin-top:-200px;
}
.rewards-section .blocks-column .row{
margin:0px -7px;
}
.rewards-section .blocks-column .reward-block-two{
padding:0px 7px;
}
.rewards-section .blocks-column .reward-block-two:nth-child(2) .inner-box{
text-align:right;
border-radius:50% 50% 50% 0%;
padding-left:var(--padding-left-25);
padding-right:var(--padding-right-50);
}
.rewards-section .blocks-column .reward-block-two:nth-child(2) .inner-box .text{
text-align:left;
}
.rewards-section .blocks-column .reward-block-two:nth-child(3) .inner-box{
border:0px;
border-radius:50% 0% 50% 50%;
padding-left:var(--padding-left-45);
}
.rewards-section .blocks-column .reward-block-two:nth-child(3) .inner-box .text{
margin-top:var(--margin-zero);
margin-bottom:var(--margin-bottom-15);
}
.rewards-section .blocks-column .reward-block-two:nth-child(4) .inner-box{
border:0px;
text-align:right;
border-radius:0% 50% 50% 50%;
padding-right:var(--padding-right-45);
}
.rewards-section .blocks-column .reward-block-two:nth-child(4) .inner-box .text{
text-align:left;
margin-top:var(--margin-zero);
margin-bottom:var(--margin-bottom-15);
}
.rewards-section .blocks-column .lower-text{
position:relative;
text-align:center;
font-size:var(--font-17);
color:var(--white-color);
margin-top:var(--margin-top-25);
font-family:var(--font-family-Inter);
margin-bottom:var(--margin-bottom-30);
}
.reward-block-two{
position:relative;
margin-bottom:var(--margin-bottom-15);
}
.reward-block-two .inner-box{
position:relative;
line-height:28px;
background-size:cover;
padding:40px 25px 40px 40px;
border-radius:50% 50% 0px 50%;
border:1px solid rgba(255,255,255,0.30);
background-color:rgba(255,255,255,0.06);
background-position:center top;
background-repeat:no-repeat;
}
.reward-block-two .inner-box .icon{
position:relative;
line-height:1em;
font-size:var(--font-60);
font-family: "flaticon3";
color:var(--white-color);
display:inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.reward-block-two .inner-box:hover .icon{
transform:rotateY(180deg);
}
.reward-block-two .inner-box .text{
position:relative;
opacity:1;
text-align:right;
font-size:var(--font-17);
color:var(--white-color);
margin-top:var(--margin-top-20);
font-family:var(--font-family-Inter);
}
.rewards-section .text-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.rewards-section .text-column .text{
line-height:30px;
font-size:var(--font-16);
color:var(--color-onehundredninehteen);
font-family:var(--font-family-Inter);
margin-top:var(--margin-top-130);
}
/***
==================================================================
Choose Section
==================================================================
***/
.choose-section{
position:relative;
padding:110px 0px 110px;
background-color:var(--color-onehundredtwenty);
}
.choose-section .sec-title-four{
margin-bottom:var(--margin-bottom-65);
}
.choose-section .lower-text{
position:relative;
text-align:center;
font-size:var(--font-17);
margin-top:var(--margin-top-15);
color:var(--color-onehundredeighteen);
}
.choose-block{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.choose-block .inner-box{
position:relative;
border-radius:8px;
overflow:hidden;
padding:40px 30px 45px;
background-color:var(--white-color);
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.choose-block .inner-box .color-one{
position:absolute;
left:0px;
top:0px;
width:50%;
bottom:0px;
opacity:0;
background-color:var(--color-onehundredeighteen);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transform:scale(0.2,1);
}
.choose-block .inner-box .color-two{
position:absolute;
right:0px;
top:0px;
width:50%;
bottom:0px;
opacity:0;
background-color:var(--color-onehundredeighteen);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transform:scale(0.2,1);
}
.choose-block .inner-box:hover .color-one,
.choose-block .inner-box:hover .color-two{
opacity:1;
transform:scale(1,1);
}
.choose-block .inner-box .icon{
position:relative;
line-height:60px;
width:88px;
height:88px;
text-align:center;
display:inline-block;
margin-left:-15px;
border-radius:50px;
font-size:var(--font-50);
color:var(--black-color);
font-family: "flaticon3";
background-color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.choose-block .inner-box .icon img{
position:relative;
width:48px;
}
.choose-block .inner-box:hover .icon{
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.choose-block .inner-box h5{
position:relative;
font-size:var(--font-22);
margin-top:var(--margin-top-15);
font-family:var(--font-family-Inter);
}
.choose-block .inner-box h5 a{
position:relative;
color:var(--color-onehundred-twenty-two);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.choose-block .inner-box .text{
position:relative;
opacity:1;
line-height:24px;
font-size:var(--font-15);
margin-top:var(--margin-top-15);
color:var(--color-seventytwo);
font-family:var(--font-family-Inter);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.choose-block .inner-box:hover .text,
.choose-block .inner-box:hover h5 a{
color:var(--white-color);
}
/* Finance Products Section */
.finance-products-section{
position:relative;
padding:130px 0px 70px;
}
.finance-products-section .title-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.finance-products-section .title-column .inner-column{
position:relative;
}
.finance-products-section .title-column .title{
position:relative;
font-weight:600;
font-size:var(--font-18);
color:var(--color-seventytwo);
padding-left:var(--padding-left-80);
margin-bottom:var(--margin-bottom-40);
font-family:var(--font-family-Inter);
}
.finance-products-section .title-column .title .icon{
position:absolute;
left:0px;
top:-45px;
}
.finance-products-section .title-column .play-box{
position:relative;
margin-right:var(--margin-right-25);
}
.finance-products-section .title-column .play-box .fa{
position:relative;
width:50px;
height:50px;
float:left;
max-width:50px;
margin-top:3px;
line-height:50px;
border-radius:50px;
display:inline-block;
color:var(--white-color);
font-size:var(--font-15);
text-align:center !important;
margin-right:var(--margin-right-15);
background-color:var(--color-sixtytwo);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.finance-products-section .title-column .play-box .fa:hover{
background-color:var(--color-onehundredfifteen);
}
.finance-products-section .title-column .play-box i{
position:relative;
font-style:normal;
font-weight:600;
display:inline-block;
font-size:var(--font-16);
color:var(--color-onehundredfifteen);
padding-top:var(--padding-top-15);
font-family:var(--font-family-Inter);
border-bottom:1px solid var(--color-onehundredfifteen);
}
.finance-products-section .title-column .play-box .ripple,
.finance-products-section .title-column .play-box .ripple:before,
.finance-products-section .title-column .play-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:50px;
height: 50px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
-o-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
-ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
-o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.finance-products-section .title-column .play-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.finance-products-section .title-column .play-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
.finance-products-section .products-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.finance-products-section .products-column .inner-column{
position:relative;
height:460px;
overflow-y: auto;
padding:15px 15px;
}
.finance-products-section .products-column .inner-column::-webkit-scrollbar{
width: 10px;
border-radius:50px;
}
.finance-products-section .products-column .inner-column::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius:50px;
}
.finance-products-section .products-column .inner-column::-webkit-scrollbar-thumb {
border-radius:50px;
background: var(--color-onehundredeighteen);
}
.finance-products-section .products-column .inner-column::-webkit-scrollbar-thumb:hover {
background: #555;
}
/* Crypto Block */
.crypto-block{
position:relative;
margin-left:100px;
margin-bottom:var(--margin-bottom-15);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.crypto-block:hover{
position:relative;
margin-left:20px;
}
.crypto-block .inner-box{
position:relative;
border-radius:5px;
padding:16px 20px 16px 25px;
background-color:var(--white-color);
box-shadow:0px 0px 15px rgba(0,0,0,0.07);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.crypto-block .inner-box:hover{
background-color:var(--color-onehundredfifteen);
}
.crypto-block .inner-box .content{
position:relative;
min-height:70px;
padding-top:var(--padding-top-5);
padding-left:var(--padding-left-90);
}
.crypto-block .inner-box .icon{
position:absolute;
left:0px;
top:0px;
width:70px;
height:70px;
border-radius:50%;
text-align:center;
line-height:70px;
background-color:var(--color-onehundred-twenty-three);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.crypto-block .inner-box:hover .icon{
transform:rotateY(180deg);
}
.crypto-block .inner-box:hover .title,
.crypto-block .inner-box:hover h5{
color:var(--white-color);
}
.crypto-block .inner-box h5{
font-weight:700;
color:var(--color-seventytwo);
font-family:var(--font-family-Inter);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.crypto-block .inner-box .title{
position:relative;
font-weight:400;
font-size:var(--font-15);
color:var(--color-eighty);
margin-top:var(--margin-top-5);
font-family:var(--font-family-Inter);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.crypto-block .inner-box .more{
position:absolute;
right:0px;
top:14px;
font-weight:600;
padding:9px 25px;
border-radius:3px;
font-size:var(--font-15);
color:var(--white-color);
font-family:var(--font-family-Inter);
background-color:var(--color-onehundred-twenty-four);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.crypto-block .inner-box .more span{
position:absolute;
left:20%;
top:9px;
opacity:0;
font-size:var(--font-18);
font-family: "flaticon3";
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.crypto-block .inner-box .more:hover{
padding-right:40px;
padding-left:var(-padding-left-10);
}
.crypto-block .inner-box .more:hover span{
opacity:1;
left:70%;
}
.crypto-block.style-two .inner-box .more{
background-color:var(--color-onehundred-twenty-five);
}
.crypto-block.style-three .inner-box .more{
background-color:var(--color-onehundred-twenty-seven);
}
.crypto-block.style-four .inner-box .more{
background-color:var(--color-onehundred-twenty-six);
}
/** bubble-dotted **/
.bubble-dotted {
position: absolute;
left: 0;
top: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden;
pointer-events: none;
}
.bubble-dotted .dotted{
position: absolute;
border-radius: 50%;
}
.bubble-dotted .dotted-1{
width: 11px;
height: 11px;
left: 100px;
top: 50%;
-webkit-animation: animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;
-moz-animation: animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;
animation: animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-2{
width: 7px;
height: 7px;
left: 240px;
top: 40%;
-webkit-animation: animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;
-moz-animation: animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;
animation: animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-3{
width: 11px;
height: 11px;
left: 460px;
top: 30%;
-webkit-animation: animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
-moz-animation: animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
animation: animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-4{
width: 16px;
height: 16px;
left: 430px;
top: 90%;
-webkit-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
-moz-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-5{
width: 6px;
height: 6px;
left: 50%;
top: 50%;
-webkit-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
-moz-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-6{
width: 9px;
height: 9px;
left: 70%;
top: 230px;
-webkit-animation: animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;
-moz-animation: animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;
animation: animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-7{
width: 6px;
height: 6px;
left: 65%;
top: 30%;
-webkit-animation: animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;
-moz-animation: animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;
animation: animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-8{
width: 6px;
height: 6px;
left: 85%;
top: 35%;
-webkit-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
-moz-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-9{
width: 13px;
height: 13px;
left: 90%;
top: 40%;
-webkit-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
-moz-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-10{
width: 12px;
height: 12px;
left: 80%;
top: 70%;
-webkit-animation: animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;
-moz-animation: animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;
animation: animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;
}
.subscribe-section .bubble-dotted .dotted{
position: absolute;
background: #fff;
border-radius: 50%;
}
.subscribe-section .bubble-dotted .dotted-1 {
width: 6px;
height: 6px;
left: 270px;
top: 100px;
}
.subscribe-section .bubble-dotted .dotted-2 {
width: 6px;
height: 6px;
left: 190px;
top: 210px;
}
.subscribe-section .bubble-dotted .dotted-3 {
width: 11px;
height: 11px;
left: 150px;
top: 90%;
}
.subscribe-section .bubble-dotted .dotted-4 {
width: 11px;
height: 11px;
left: 25%;
top: 100px;
}
.subscribe-section .bubble-dotted .dotted-5 {
width: 11px;
height: 11px;
left: 45%;
top: 60px;
}
.subscribe-section .bubble-dotted .dotted-6 {
width: 6px;
height: 6px;
left: 50%;
top: 370px;
}
.subscribe-section .bubble-dotted .dotted-7 {
width: 9px;
height: 9px;
left: 75%;
top: 25px;
}
.subscribe-section .bubble-dotted .dotted-8 {
width: 8px;
height: 8px;
left: 77%;
top: 170px;
}
.subscribe-section .bubble-dotted .dotted-9 {
width: 6px;
height: 6px;
left: 85%;
top: 50%;
}
.subscribe-section .bubble-dotted .dotted-10 {
width: 6px;
height: 6px;
left: 90%;
top: 80%;
}
.faq-section .bubble-dotted .dotted{
border-radius: 50%;
}
.faq-section .bubble-dotted .dotted-1{
width: 11px;
height: 11px;
left: 500px;
top: 270px;
}
.faq-section .bubble-dotted .dotted-2{
width: 7px;
height: 7px;
left: 280px;
top: 380px;
}
.faq-section .bubble-dotted .dotted-3{
width: 11px;
height: 11px;
left: 140px;
top: 55%;
}
.faq-section .bubble-dotted .dotted-4{
width: 16px;
height: 16px;
left: 440px;
top: 85%;
}
.faq-section .bubble-dotted .dotted-5{
width: 9px;
height: 9px;
left: 75%;
top: 190px;
}
.faq-section .bubble-dotted .dotted-6{
width: 8px;
height: 8px;
left: 80%;
top: 340px;
}
.faq-section .bubble-dotted .dotted-7{
width: 13px;
height: 13px;
left: 95%;
top: 50%;
}
.faq-section .bubble-dotted .dotted-8{
width: 12px;
height: 12px;
left: 75%;
top: 80%;
}
.bubble-dotted .dotted-1{
background-color:var(--color-onehundredfifteen);
}
.bubble-dotted .dotted-2{
background-color:var(--color-onehundredfifteen);
}
.bubble-dotted .dotted-3{
background-color:var(--color-onehundredfifteen);
}
.bubble-dotted .dotted-4{
background-color:var(--color-onehundredfifteen);
}
.bubble-dotted .dotted-5{
background-color:var(--color-onehundredfifteen);
}
.bubble-dotted .dotted-6{
background-color:var(--color-onehundredfifteen);
}
.bubble-dotted .dotted-7{
background-color:var(--color-onehundredfifteen);
}
.bubble-dotted .dotted-8{
background-color:var(--color-onehundredfifteen);
}
.bubble-dotted .dotted-9{
background-color:var(--color-onehundredfifteen);
}
.bubble-dotted .dotted-10{
background-color:var(--color-onehundredfifteen);
}
@-webkit-keyframes animateBubble{0%{margin-top:20%}100%{margin-top:-30%}}@-moz-keyframes animateBubble{0%{margin-top:20%}100%{margin-top:-30%}}@keyframes animateBubble{0%{margin-top:20%}100%{margin-top:-30%}}@-webkit-keyframes sideWays{0%{margin-left:0}100%{margin-left:25px}}@-moz-keyframes sideWays{0%{margin-left:0}100%{margin-left:25px}}@keyframes sideWays{0%{margin-left:0}100%{margin-left:25px}}
/***
==================================================================
Crypto Info Section
==================================================================
***/
.crypto-info-section{
position:relative;
}
.crypto-info-section .inner-container{
position:relative;
padding-top:var(--padding-top-100);
border-top:1px solid var(--color-onehundred-twenty-seven);
}
.crypto-info-section .image-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.crypto-info-section .image-column .pattern-one{
position:absolute;
left:20px;
bottom:0px;
width:112px;
height:173px;
z-index:-1;
background-repeat:no-repeat;
}
.crypto-info-section .image-column .inner-column{
position:relative;
padding-left:var(--padding-left-50);
}
.crypto-info-section .image-column .image{
position:relative !important;
float:left;
overflow:hidden;
border-radius:10px;
box-shadow:0px 0px 30px rgba(0,0,0,0.15);
}
.crypto-info-section .image-column .image:nth-child(2){
position:relative;
transform:translateY(70px) !important;
margin-left:var(--margin-left-30);
}
.crypto-info-section .image-column .trophy-icon{
position:absolute;
left:270px;
bottom:200px;
}
.crypto-info-section .content-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.crypto-info-section .content-column .list{
position:relative;
}
.crypto-info-section .content-column .list li:before{
position:absolute;
content:'';
left:0px;
top:5px;
width:16px;
height:16px;
background:url(../images/icons/icon-6.png) no-repeat;
}
.crypto-info-section .content-column .list li{
position:relative;
font-size:var(--font-17);
color:var(--color-seventytwo);
padding-left:var(--padding-left-35);
font-family:var(--font-family-Inter);
margin-bottom:var(--margin-bottom-20);
}
.crypto-info-section .content-column .list li:last-child{
margin-bottom:var(--margin-zero);
}
.crypto-info-section .content-column .button-box{
position:relative;
margin-top:var(--margin-top-50);
}
/***
==================================================================
Finance Sponsors Section
==================================================================
***/
.finance-sponsors-section-two{
position:relative;
padding:60px 0px 70px;
}
.finance-sponsors-section-two .inner-container{
position:relative;
}
.finance-sponsors-section-two .sponsors-outer{
position:relative;
}
.finance-sponsors-section-two .sponsors-outer .owl-dots,
.finance-sponsors-section-two .sponsors-outer .owl-nav{
position:relative;
display:none;
}
.finance-sponsors-section-two .sponsors-outer .image-box{
position:relative;
text-align:center;
margin:var(--margin-zero);
}
.finance-sponsors-section-two .sponsors-outer .image-box img{
max-width:100%;
width:auto;
display:inline-block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.finance-sponsors-section-two .sponsors-outer .image-box img:hover{
opacity:0.6;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
/***
====================================================================
Testimonial Section Eight
====================================================================
***/
.testimonial-section-eight{
position:relative;
padding:270px 0px 0px;
}
.testimonial-section-eight .image-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
height:639px;
background-attachment:fixed;
background-size:cover;
}
.testimonial-section-eight .carousel-box{
position:relative;
max-width:480px;
width:100%;
border-radius:10px;
padding:75px 60px 90px;
background-color:var(--white-color);
box-shadow:0px 10px 25px rgba(0,0,0,0.15);
}
.testimonial-section-eight .carousel-box .quote-icon{
position:absolute;
right:50px;
top:-25px;
line-height:1em;
font-size:var(--font-70);
color:var(--color-onehundredfifteen);
font-family: "flaticon";
}
.testimonial-section-eight .carousel-box h3{
color:var(--color-seventytwo);
font-family:var(--font-family-Inter);
margin-bottom:var(--margin-bottom-20);
}
.testimonial-section-eight .carousel-box .owl-dots{
display:none;
}
.testimonial-section-eight .carousel-box .owl-nav{
position:absolute;
left:0px;
bottom:-125px;
}
.testimonial-section-eight .carousel-box .owl-nav .owl-prev,
.testimonial-section-eight .carousel-box .owl-nav .owl-next{
position:relative;
width:75px;
height:75px;
margin:0px 8px;
line-height:75px;
text-align:center;
border-radius:50%;
display:inline-block;
font-size:var(--font-32);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
background-color:var(--color-onehundred-twenty-seven);
}
.testimonial-section-eight .carousel-box .owl-nav .owl-prev:hover,
.testimonial-section-eight .carousel-box .owl-nav .owl-next:hover{
background-color:var(--color-onehundredfifteen);
color:var(--white-color);
}
.testimonial-block-eight{
position:relative;
}
.testimonial-block-eight .inner-box{
position:relative;
}
.testimonial-block-eight .inner-box .text{
position:relative;
line-height:28px;
opacity:1;
font-size:var(--font-15);
color:var(--color-eighty);
}
.testimonial-block-eight .author-info{
position:relative;
margin-top:var(--margin-top-35);
}
.testimonial-block-eight .author-info .info-inner{
position:relative;
padding-top:var(--padding-top-5);
padding-left:var(--padding-left-80);
}
.testimonial-block-eight .author-info .author-image{
position:absolute;
left:0px;
top:0px;
width:63px;
overflow:hidden;
border-radius:50%;
}
.testimonial-block-eight .author-info strong{
position:relative;
display:block;
font-size:var(--font-18);
color:var(--color-seventytwo);
font-family:var(--font-family-Inter);
}
.testimonial-block-eight .author-info .designation{
position:relative;
opacity:1;
font-size:var(--font-15);
margin-top:var(--margin-top-5);
font-family:var(--font-family-Inter);
color:var(--color-onehundred-twenty-eight);
}
.testimonial-block-eight .rating{
position:relative;
margin-top:var(--margin-top-5);
color:var(--color-onehundredseventeen);
}
/***
====================================================================
Counter Section Four
====================================================================
***/
.counter-section-four{
position:relative;
padding:120px 0px 100px;
}
.counter-section-four .inner-container{
position:relative;
padding:0px 50px;
}
.counter-section-four .counter-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.counter-section-four .counter-column .inner-column{
position:relative;
min-height:140px;
padding-top:var(--padding-top-35);
padding-left:var(--padding-left-150);
}
.counter-section-four .counter-column .icon{
position:absolute;
left:0px;
top:0px;
line-height:1em;
}
.counter-section-four .counter-column .text{
position:relative;
margin-top:var(--margin-top-5);
}
/***
====================================================================
Subscribe Section Three
====================================================================
***/
.subscribe-section-three{
position:relative;
}
.subscribe-section-three .inner-container{
position:relative;
padding:95px 30px 65px;
border-radius:90px 0px 0px 0px;
background-color:var(--color-onehundredtwenty);
}
.subscribe-section-three .inner-container .side-icon{
position:absolute;
right:-80px;
top:-75px;
}
.subscribe-section-three .inner-container .pattern-layer{
position:absolute;
right:50px;
z-index:-1;
bottom:-95px;
width:193px;
height:112px;
}
.subscribe-section-three .title-box{
position:relative;
text-align:center;
}
.subscribe-section-three .title-box h2{
font-weight:700;
line-height:44px;
font-size:var(--font-38);
color:var(--color-seventytwo);
margin-bottom:var(--margin-bottom-50);
font-family:var(--font-family-Inter);
}
.subscribe-section-three .title-box h2 span{
color:var(--color-onehundredfifteen);
}
.subscribe-section-three .email-box-five{
max-width:575px;
margin:0 auto;
}
.email-box-five{
position:relative;
}
.email-box-five .form-group{
position:relative;
margin:0px;
width:100%;
max-width:100%;
padding-right:185px;
}
.email-box-five .form-group input[type="text"],
.email-box-five .form-group input[type="email"]{
position:relative;
line-height:43px;
padding:10px 15px 10px 25px;
display:block;
font-size:var(--font-15);
height:70px;
width:100%;
color:var(--text-color);
box-shadow:inherit;
border-radius:2px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family:var(--font-family-Inter);
background-color:var(--white-color);
}
.email-box-five .form-group input::placeholder,
.email-box-five .form-group textarea::placeholder{
color:var(--text-color);
}
.email-box-five .form-group button{
position:absolute;
right:0px;
top:0px;
padding:24px 40px;
}
/***
====================================================================
Payments Section
====================================================================
***/
.payments-section{
position:relative;
padding:110px 0px 100px;
}
.payments-section .payment-options{
position:relative;
text-align:center;
}
.payments-section .payment-options li{
position:relative;
margin:0px 5px;
display:inline-block;
}
/***
====================================================================
Sidebar Info Section
====================================================================
***/
.sidebar-info-contents {
position: relative;
}
.sidebar-info-contents .content-inner {
position: relative;
}
.sidebar-info-contents .content-inner .logo {
padding-bottom: var(--padding-bottom-10);
}
.sidebar-info-contents .content-inner .logo img {
display: inline-block;
max-width: 100%;
}
.sidebar-info-contents .content-inner .content-box {
position: relative;
}
.sidebar-info-contents .content-inner h5 {
color: var(--white-color);
margin: 0px 0px 15px;
}
.sidebar-info-contents .content-inner .content-box .text {
margin-bottom: var(--margin-bottom-20);
color: var(--white-color);
font-size: var(--font-14);
}
.sidebar-info-contents .content-inner .social-box {
position: relative;
padding-left: var(--padding-zero);
margin-top: var(--margin-top-20);
margin-bottom: var(--margin-top-20);
}
.sidebar-info-contents .gallery-box{
margin-bottom:var(--margin-bottom-25);
}
.sidebar-info-contents .gallery-box li{
position:relative;
display:inline-block;
margin-bottom:var(--margin-bottom-5);
}
.sidebar-info-contents .content-inner .social-box li {
position: relative;
display: inline-block;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
margin-right: var(--margin-right-5);
}
.sidebar-info-contents .content-inner .social-box li a {
position: relative;
width: 36px;
height: 36px;
color: var(--main-color);
z-index: 1;
line-height: 36px;
text-align: center;
border-radius: 50%;
display: inline-block;
font-size: var(--font-14);
font-family: 'FontAwesome';
background-color: var(--white-color);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.sidebar-info-contents .content-inner .social-box li a:hover {
color: var(--white-color);
background-color: var(--main-color);
}
/***
====================================================================
Banner Section
====================================================================
***/
.banner-section{
position:relative;
overflow:hidden;
background-color:var(--color-onehundred-thirty);
}
.banner-section .content-column{
position:relative;
}
.banner-section .content-column .inner-column{
position:relative;
padding-top:200px;
}
.banner-section h1{
position:relative;
color:var(--white-color);
font-size:var(--font-70);
line-height:80px;
font-weight:800;
font-family:var(--font-family-playfair);
}
.banner-section .options-list{
position:relative;
margin-top:var(--margin-top-35);
}
.banner-section .options-list li{
position:relative;
font-size:var(--font-15);
color:var(--white-color);
font-weight:500;
margin-bottom:var(--margin-bottom-20);
padding-left:var(--padding-left-25);
font-family: var(--font-family-DmSans);
}
.banner-section .options-list li:before{
position:absolute;
content:'\f00c';
left:0px;
top:0px;
font-family: 'FontAwesome';
color:var(--color-onehundred-twenty-nine);
}
.banner-section .options-list li:last-child{
margin-bottom:var(--margin-zero);
}
.banner-section .buttons-box{
position:relative;
margin-top:var(--margin-top-40);
}
.banner-section .buttons-box .theme-btn{
margin-right:var(--margin-right-15);
}
.banner-section .image-column{
position:relative;
}
.banner-section .image-column .inner-column{
position:static;
}
.banner-section .image-column .image{
position:relative;
}
.banner-section .image-column .image img{
max-width:inherit;
overflow:hidden;
border-radius:0% 0% 50% 50%;
}
/***
====================================================================
Expertise Section
====================================================================
***/
.espertise-section{
position:relative;
padding-bottom:100px;
background-color:var(--color-onehundred-thirty-two);
}
.espertise-section .upper-box{
position:relative;
background-color:var(--color-onehundred-twenty-nine);
}
.espertise-section .upper-box .auto-container{
position:relative;
}
.espertise-section .general-box{
position:absolute;
left:0px;
top:-48px;
padding:30px 55px;
border-radius:50px;
background-color:var(--color-onehundred-twenty-nine);
}
.espertise-section .general-box .box-inner{
position:relative;
}
.espertise-section .general-box .dots{
position:relative;
margin-right:30px;
line-height:1em;
float: left;
}
.espertise-section .general-box i{
position:relative;
font-size:var(--font-15);
font-weight:400;
opacity:0.60;
float: left;
padding:5px 0px;
font-style:normal;
color:var(--white-color);
font-family: var(--font-family-DmSans);
}
.espertise-section .general-box .info-box{
position:relative;
margin-left:50px;
padding-left:35px;
margin-top:-6px;
display:inline-block;
border-left:1px solid rgba(255,255,255,0.20);
}
.espertise-section .general-box .info-box a{
position:relative;
color:var(--white-color);
}
.espertise-section .title-box{
position:relative;
padding:140px 0px 200px;
}
.espertise-section .title-box h2{
position:relative;
font-weight:800;
color:var(--white-color);
font-size:var(--font-55);
font-family:var(--font-family-playfair);
}
.espertise-section .title-box .text{
position:relative;
opacity:0.70;
margin-top:20px;
line-height:26px;
padding-left:100px;
margin-left:var(--margin-left-30);
color:var(--white-color);
font-family: var(--font-family-DmSans);
border-left:1px solid rgba(255,255,255,0.20);
}
.espertise-section .lower-box{
position:relative;
margin-top:-110px;
}
.espertise-section .lower-text{
position:relative;
margin-top:60px;
text-align:center;
font-size:var(--font-16);
color:var(--color-onehundred-thirty-one);
}
.espertise-section .lower-text a{
position:relative;
font-weight:600;
padding-right:20px;
display:inline-block;
color:var(--color-onehundred-twenty-nine);
}
.espertise-section .lower-text a:before{
position:absolute;
content:'\f061';
right:0px;
font-family: 'FontAwesome';
}
.espertise-section .lower-text a:hover{
color:var(--white-color);
}
.espertise-section .service-block{
padding:0px 0px;
float:left;
}
.service-block{
position:relative;
}
.service-block .inner-box{
position:relative;
padding:50px 30px;
background-color:var(--white-color);
border-right:1px solid #f0f3f9;
}
.service-block .pattern-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-repeat:repeat;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-position:right top;
background-repeat:no-repeat;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
background-color:var(--color-onehundred-twenty-nine);
}
.service-block .inner-box:hover .pattern-layer{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.service-block .icon-box{
position:relative;
color:#d70c18;
font-size:44px;
line-height:1em;
display:inline-block;
font-family: "flaticon3";
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.service-block .inner-box:hover .icon-box{
filter: brightness(200%);
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.service-block h5{
position:relative;
font-weight:700;
margin:30px 0px 25px;
font-family:var(--font-family-playfair);
}
.service-block h5 a{
color:var(--color-onehundred-thirty);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.service-block .inner-box:hover h5 a{
color:var(--white-color);
}
.service-block .text{
position:relative;
font-size:var(--font-16);
opacity:1;
line-height:26px;
margin-bottom:30px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
color:var(--color-onehundred-thirty-one);
}
.service-block .inner-box:hover .text{
color:#A0CECF;
}
.service-block .read-more{
position:relative;
font-weight:700;
padding:12px 20px;
border-radius:3px;
display:inline-block;
font-size:var(--font-14);
font-family: 'DM Sans', sans-serif;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
color:var(--color-onehundred-thirty);
background: rgba(240, 243, 249, 0.16);
border:1px solid var(--color-onehundred-thirty-two);
}
.service-block .inner-box:hover .read-more{
color:var(--white-color);
border-color:rgba(255,255,255,0.15);
background-color:rgba(255,255,255,0.07);
}
/***
====================================================================
Trend Section
====================================================================
***/
.trend-section{
position:relative;
padding:0px 0px 60px;
background-repeat:repeat;
background-color:var(--color-onehundred-thirty);
}
.trend-section .video-column{
position:relative;
margin-bottom:30px;
}
.trend-section .video-column .inner-column{
position:relative;
margin-right:-40px;
}
/* Video Box */
.video-box-two{
position:relative;
display:inline-block;
}
.video-box-two:before{
position:absolute;
content:'';
left:-10px;
top:0px;
right:10px;
bottom:-10px;
border-radius:0px 0px 50% 50%;
background-color:var(--color-onehundred-twenty-nine);
}
.video-box-two .video-image{
position:relative;
margin:0px;
overflow:hidden;
border-radius:0px 0px 50% 50%;
}
.video-box-two .video-image img{
position:relative;
width:100%;
z-index:3;
}
.video-box-two .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:center;
overflow:hidden;
line-height: 45px;
overflow:hidden;
border-radius:50% 50% 50% 50%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.video-box-two .overlay-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:10;
}
.video-box-two .overlay-box span{
position: absolute;
width:100px;
height: 100px;
left:50%;
top: 50%;
z-index:10;
color: #ffffff;
font-weight:400;
font-size:24px;
text-align: center;
padding-left:4px;
display: inline-block;
margin-top: -50px;
margin-left:-50px;
line-height:100px;
border-radius:50%;
font-family: "Flaticon";
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-color:var(--color-onehundred-twenty-nine);
}
.video-box-two .ripple,
.video-box-two .ripple:before,
.video-box-two .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:100px;
height: 100px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
-o-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.video-box-two .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.video-box-two .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
.trend-section .content-column{
position:relative;
margin-bottom:30px;
}
.trend-section .content-column .inner-column{
position:relative;
padding-top:90px;
padding-left:110px;
}
.trend-section .options-list{
position:relative;
margin-top:35px;
}
.trend-section .options-list li{
position:relative;
font-size:15px;
color:#ffffff;
font-weight:500;
margin-bottom:15px;
padding-left:25px;
font-family: 'DM Sans', sans-serif;
}
.trend-section .options-list li:before{
position:absolute;
content:'\f00c';
left:0px;
top:0px;
font-family: 'FontAwesome';
color:var(--color-onehundred-twenty-nine);
}
.trend-section .options-list li:last-child{
margin-bottom:0px;
}
.trend-section .buttons-box{
position:relative;
margin-top:40px;
}
.trend-section .buttons-box .theme-btn{
margin-right:20px;
}
/***
====================================================================
CaseStudy Section
====================================================================
***/
.casestudy-section{
position:relative;
padding:100px 0px 90px;
}
.casestudy-section .owl-dots{
position:relative;
text-align:center;
margin-top:40px;
}
.casestudy-section .owl-dots .owl-dot{
position:relative;
margin:0px 6px;
width:13px;
height:13px;
border-radius:50px;
display:inline-block;
border:2px solid #d70c18;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.casestudy-section .owl-dots .owl-dot.active,
.casestudy-section .owl-dots .owl-dot:hover{
background-color:#d70c18;
}
.casestudy-section .owl-nav{
position:absolute;
left:-25px;
top:50%;
right:-25px;
margin-top:-60px;
}
.casestudy-section .owl-nav .owl-prev{
position:absolute;
left:0px;
width:65px;
height:65px;
color:#d70c18;
font-size:24px;
line-height:65px;
text-align:center;
border-radius:50px;
display:inline-block;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.casestudy-section .owl-nav .owl-next{
position:absolute;
right:0px;
width:65px;
height:65px;
font-size:24px;
line-height:65px;
text-align:center;
border-radius:50px;
display:inline-block;
background-color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
color:var(--color-onehundred-twenty-nine);
}
.casestudy-section .owl-nav .owl-prev:hover,
.casestudy-section .owl-nav .owl-next:hover{
color:var(--white-color);
background-color:var(--color-onehundred-twenty-nine);
}
.service-block-four{
position:relative;
}
.service-block-four .inner-box{
position:relative;
overflow:hidden;
}
.service-block-four .inner-box .pattern-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:var(--color-onehundred-twenty-nine);
background-repeat:repeat;
z-index:1;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-position:right top;
background-repeat:no-repeat;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.service-block-four .inner-box:hover .pattern-layer{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.service-block-four .image{
position:relative;
}
.service-block-four .image img{
position:relative;
width:100%;
display:block;
filter: grayscale(100%);
}
.service-block-four .overlay-box{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.service-block-four .overlay-box:before{
position:absolute;
content:'';
left:0px;
right:0px;
bottom:0px;
height:100%;
z-index:1;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #000000 100%);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #000000 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #000000 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #000000));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #000000 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #000000 100%);
}
.service-block-four .inner-box:hover .overlay-box:before{
opacity:0;
}
.service-block-four .title{
position:absolute;
left:30px;
top:30px;
z-index:2;
color:#ffffff;
font-size:14px;
padding:4px 14px;
display:inline-block;
background-color:var(--color-onehundred-thirty);
}
.service-block-four .content{
position:absolute;
left:30px;
z-index:1;
right:15px;
bottom:-72px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.service-block-four .inner-box:hover .content{
bottom:30px;
}
.service-block-four .content h5{
font-weight:700;
text-transform:capitalize;
font-family:var(--font-family-playfair);
}
.service-block-four .content h5 a{
color:#ffffff;
}
.service-block-four .content .text{
position:relative;
opacity:1;
font-size:16px;
margin-top:18px;
line-height:26px;
color:var(--white-color);
}
/***
====================================================================
Clients Section
====================================================================
***/
.clients-section-three{
position:relative;
padding-bottom:100px;
}
.clients-section-three .inner-container{
position:relative;
}
.clients-section-three .image-box img{
position:relative;
max-width:100%;
width:auto;
margin:0 auto;
/* -webkit-filter: grayscale(0%);
filter: grayscale(0%); */
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.clients-section-three .image-box:hover img{
/* opacity:0.7;
-webkit-filter: grayscale(100%);
filter: grayscale(100%); */
}
.clients-section-three .owl-dots,
.clients-section-three .owl-nav{
display:none;
}
/***
====================================================================
Fluid Section One
====================================================================
***/
.fluid-section-one{
position:relative;
overflow:hidden;
padding:0px 0px 0px;
background-color:#f0f3f9;
}
.fluid-section-one .outer-container{
position:relative;
}
.fluid-section-one .left-column{
position:relative;
width:50%;
height:100%;
background-position:left bottom;
background-repeat:no-repeat;
background-color:#282f3b;
}
.fluid-section-one .left-column .inner-column{
position:relative;
max-width:700px;
width:100%;
float:right;
padding:110px 15px;
}
.fluid-section-one .left-column .title-box{
position:relative;
max-width:490px;
}
.fluid-section-one .left-column .title-box h2{
position:relative;
color:#ffffff;
font-weight:800;
font-size:50px;
font-family: 'Playfair Display', serif;
}
.fluid-section-one .left-column .title-box .text{
position:relative;
color:#BBC2CC;
font-size:16px;
line-height:28px;
margin-top:25px;
}
.fluid-section-one .left-column .options-list{
position:relative;
margin-top:35px;
}
.fluid-section-one .left-column .options-list li{
position:relative;
font-size:15px;
color:#ffffff;
font-weight:500;
margin-bottom:15px;
padding-left:25px;
font-family: 'DM Sans', sans-serif;
}
.fluid-section-one .left-column .options-list li:before{
position:absolute;
content:'\f00c';
left:0px;
top:0px;
color:#d70c18;
font-family: 'FontAwesome';
}
.fluid-section-one .left-column .options-list li:last-child{
margin-bottom:0px;
}
.fluid-section-one .left-column .subscribe{
position:relative;
color:#ffffff;
font-size:24px;
font-weight:700;
margin-top:30px;
padding-left:40px;
font-family: 'Playfair Display', serif;
}
.fluid-section-one .left-column .subscribe:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:22px;
height:22px;
border-radius:50px;
background-color:#d70c18;
border:1px solid #ffffff;
}
.fluid-section-one .left-column .subscribe-form{
max-width:550px;
}
/* Subscribe Form */
.subscribe-form{
position:relative;
margin-top:40px;
}
.subscribe-form .form-group{
position:relative;
margin:0px;
width:100%;
max-width:100%;
}
.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="email"]{
position:relative;
height:60px;
width:100%;
display:block;
font-size:16px;
color: #ffffff;
border-radius:50px;
padding:10px 15px 10px 30px;
background-color:rgba(255,255,255,0.10);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border:2px solid rgba(255,255,255,0.90);
}
.subscribe-form .form-group input::placeholder,
.subscribe-form .form-group textarea::placeholder{
color: #939AA5;
}
.subscribe-form .form-group button{
position:absolute;
right:2px;
top:2px;
border:none;
color:#ffffff;
font-size:16px;
font-weight:700;
background:#d70c18;
border-radius:50px;
padding:16px 35px;
}
.subscribe-form .form-group button i{
position:relative;
font-style:normal;
margin-left:8px;
}
.fluid-section-one .right-column{
position:relative;
width:50%;
z-index:1;
}
.fluid-section-one .right-column .inner-column{
position:relative;
max-width:700px;
width:100%;
float:left;
padding-right:15px;
padding-left:100px;
}
.fluid-section-one .right-column .title-box{
position:relative;
margin-bottom:40px;
}
.fluid-section-one .right-column .title-box .title{
position:relative;
color:#0F0F0F;
font-weight:800;
font-size:24px;
padding-left:50px;
font-family: 'Playfair Display', serif;
}
.fluid-section-one .right-column .title-box .title:before{
position:absolute;
left:0px;
top:2px;
content: "\f180";
color:#d70c18;
font-size:34px;
font-weight:normal;
font-family: flaticon;
}
/***
====================================================================
Default Form
====================================================================
***/
.default-form .form-group{
margin-bottom:20px;
}
.default-form .form-group input[type="text"],
.default-form .form-group input[type="password"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="email"],
.default-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 25px;
color:#8F9DA5;
height:54px;
font-size:16px;
border-radius:4px;
background:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
border:1px solid #dfe3ed;
}
.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="password"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus{
border-color:#d70c18;
}
.default-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:15px 25px 25px;
color:#8F9DA5;
height:175px;
font-size:16px;
border-radius:4px;
background:#ffffff;
resize:none;
border:1px solid #dfe3ed;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.default-form .form-group button{
}
.default-form .form-group textarea::-webkit-input-placeholder,
.default-form .form-group input::-webkit-input-placeholder{
color:#8F9DA5;
}
/***
====================================================================
Counter Section
====================================================================
***/
.counter-section{
position:relative;
overflow:hidden;
background-size:cover;
background-position:center center;
background-attachment:fixed;
}
.counter-section:before{
position:absolute;
content:'';
left:0px;
right:0px;
bottom:0px;
height:100%;
z-index:1;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #282F3B 100%);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #282F3B 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #282F3B 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #282F3B));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #282F3B 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #282F3B 100%);
}
.counter-section .auto-container{
position:relative;
max-width:1600px;
}
.counter-section.style-two{
padding:100px 0px 100px;
background-color:#d70c18;
}
.counter-section.style-two::before{
display:none;
}
.counter-section.style-two .auto-container{
max-width:1200px;
}
.counter-section.style-two .counter-block .inner-block{
padding:0px 0px;
border:none;
}
.counter-section.style-two .counter-block .inner-block:before{
position:absolute;
content:'';
right:50px;
top:0px;
width:1px;
height:100%;
background-color:rgba(255,255,255,0.20)
}
.counter-section.style-two .counter-block:last-child .inner-block:before{
display:none;
}
.counter-block{
position:relative;
z-index:1;
}
.counter-block .inner-block{
position:relative;
padding-top:350px;
padding-left:40px;
padding-bottom:40px;
border-right:1px solid rgba(255,255,255,0.10);
}
.counter-block:last-child .inner-block{
border:none;
}
.counter-block .icon{
position:relative;
color:#ffffff;
font-size:50px;
line-height:1em;
display:inline-block;
font-family: "Flaticon";
margin-bottom:20px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.counter-block .inner-block:hover .icon{
transform:rotateY(180deg);
}
.counter-block .counter{
position:relative;
line-height:1em;
color:#ffffff;
font-size:55px;
font-weight:700;
font-family: 'DM Sans', sans-serif;
}
.counter-block .counter-text{
position:relative;
font-weight:400;
color:#ffffff;
font-size:18px;
margin-top:5px;
text-transform:capitalize;
font-family: 'DM Sans', sans-serif;
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section{
position:relative;
padding:110px 0px 110px;
}
.testimonial-section .inner-container{
position:relative;
border:1px solid #F0F3F9;
}
.testimonial-section .inner-container:before{
position:absolute;
content:'';
left:50%;
top:0px;
bottom:0px;
width:1px;
border-right:1px solid #F0F3F9;
}
.testimonial-section .title-column{
position:relative;
}
.testimonial-section .title-column .inner-column{
position:relative;
padding:0px 60px 100px;
}
.testimonial-section .title-column .quote-icon{
position:relative;
color:#d70c18;
font-size:40px;
width:96px;
height:107px;
line-height:107px;
text-align:center;
background-color:#e9eef5;
border-radius:0px 0px 50px 50px;
}
.testimonial-section .title-column h2{
position:relative;
color:#282F3B;
font-weight:800;
font-size:55px;
line-height:60px;
margin-top:50px;
margin-bottom:80px;
font-family: 'Playfair Display', serif;
}
.testimonial-section .carousel-column{
position:relative;
}
.testimonial-section .carousel-column .inner-column{
position:relative;
padding:0px 50px 100px;
}
.testimonial-section .carousel-column .owl-dots{
position:relative;
text-align:right;
margin-top:-30px;
}
.testimonial-section .carousel-column .owl-dots .owl-dot{
position:relative;
margin:0px 6px;
width:13px;
height:13px;
border-radius:50px;
display:inline-block;
border:2px solid #d70c18;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.testimonial-section .carousel-column .owl-dots .owl-dot.active,
.testimonial-section .carousel-column .owl-dots .owl-dot:hover{
background-color:#d70c18;
}
.testimonial-section .owl-nav{
display:none;
}
.testimonial-block{
position:relative;
}
.testimonial-block .inner-box{
position:relative;
}
.testimonial-block .author-image{
position:relative;
width:96px;
overflow:hidden;
border-radius:0px 0px 50px 50px;
}
.testimonial-block .rating{
position:relative;
margin-top:50px;
}
.testimonial-block .rating .fa{
position:relative;
font-size:14px;
color:#ffbe73;
}
.testimonial-block .designation{
position:relative;
font-size:18px;
font-weight:700;
margin-top:12px;
margin-bottom:40px;
color:var(--color-onehundred-thirty);
}
.testimonial-block p{
position:relative;
font-size:16px;
opacity:1;
font-weight:400;
line-height:28px;
margin-bottom:20px;
color:var(--color-onehundred-thirty-one);
}
.testimonial-block .quote-icon{
position:relative;
left:1px;
font-size:40px;
line-height:1em;
color:#d70c18;
margin-top:30px;
}
.testimonial-block .client-logo{
position:relative;
margin-top:50px;
}
.testimonial-block .client-logo img{
position:relative;
width:auto;
}
/***
====================================================================
News Section
====================================================================
***/
.news-section{
position:relative;
padding-bottom:100px;
background-color:#f0f3f9;
}
.news-section .owl-dots{
position:relative;
text-align:center;
margin-top:50px;
}
.news-section .owl-dots .owl-dot{
position:relative;
margin:0px 6px;
width:13px;
height:13px;
border-radius:50px;
display:inline-block;
background-color:#ffffff;
border:2px solid #d70c18;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.news-section .owl-dots .owl-dot.active,
.news-section .owl-dots .owl-dot:hover{
background-color:#d70c18;
}
.news-section .owl-nav{
display:none;
}
.news-section .upper-box{
position:relative;
background-color:#d70c18;
}
.news-section .title-box{
position:relative;
padding:100px 0px 280px;
}
.news-section .title-box h2{
position:relative;
color:#ffffff;
font-size:55px;
font-weight:800;
font-family: 'Playfair Display', serif;
}
.news-section .title-box .text{
position:relative;
opacity:1;
color:#A0CECF;
margin-top:20px;
line-height:26px;
padding-left:100px;
border-left:1px solid rgba(255,255,255,0.20);
}
.news-section .news-block{
padding:0px 0px;
float:left;
}
.news-section .inner-container{
margin-top:-218px;
}
.news-section .button-box{
position:relative;
margin-top:60px;
}
.news-block{
position:relative;
}
.news-block .inner-box{
position:relative;
background-color:#ffffff;
}
.news-block .image{
position:relative;
overflow:hidden;
background-color:#d70c18;
}
.news-block .image img{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block .inner-box:hover .image img{
opacity:0.70;
transform:scale(1.05,1.05);
}
.news-block .lower-content{
position:relative;
padding:30px 30px;
border-left:1px solid #f0f3f9;
border-right:1px solid #f0f3f9;
}
.news-block h5{
font-weight:800;
line-height:30px;
font-family: 'Playfair Display', serif;
}
.news-block h5 a{
color:#282F3B;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.news-block .inner-box:hover h5 a{
color:#d70c18;
}
.news-block .text{
position:relative;
color:#667279;
opacity:1;
font-size:15px;
line-height:25px;
margin-top:15px;
}
.news-block .post-meta{
position:relative;
margin-top:20px;
}
.news-block .post-meta li{
position:relative;
font-size:14px;
font-weight:700;
color:#171151;
margin-right:15px;
padding-left:25px;
display:inline-block;
text-transform:uppercase;
}
.news-block .post-meta li .icon{
position:absolute;
left:0px;
top:0px;
color:#d70c18;
}
.news-block .post-meta li:last-child{
margin-right:0px;
}
/*Search popup Page*/
/*-------------------*/
.search-popup {
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100%;
z-index: 100;
margin-top: -540px;
-webkit-transform: translateY(-110%);
transform: translateY(-110%);
background-color: rgba(0, 0, 0, 0.9);
-webkit-transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1);
transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1);
-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.search-popup:before {
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 560px;
background-image: url(../images/icons/waves-shape.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-top: 0px;
content: "";
}
.search-active .search-popup {
-webkit-transform: translateY(0%);
transform: translateY(0%);
margin-top: 0;
}
.search-popup .close-search {
position: absolute;
left: 0;
right: 0;
top: 75%;
margin: 0 auto;
margin-top: -200px;
border-radius: 50%;
text-align: center;
background-color: #4C40F7;
width: 70px;
height: 70px;
cursor: pointer;
border: none;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
opacity: 0;
visibility: hidden;
}
.search-popup .close-search span {
position: relative;
display: block;
height: 70px;
font-size: 25px;
line-height: 65px;
color: #ffffff;
}
.search-active .search-popup .close-search {
visibility: visible;
opacity: 1;
top: 50%;
-webkit-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.search-popup form {
position: absolute;
max-width: 700px;
top: 50%;
left: 15px;
right: 15px;
margin: -35px auto 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: center;
transform-origin: center;
background-color: #111111;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.search-active .search-popup form {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.search-popup .form-group {
position: relative;
margin: 0px;
overflow: hidden;
}
.search-popup .form-group input[type=text],
.search-popup .form-group input[type=search] {
position: relative;
display: block;
font-size: 18px;
line-height: 50px;
color: #000000;
height: 70px;
width: 100%;
border:0px;
padding: 10px 30px;
background-color: #ffffff;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
font-weight: 500;
text-transform: capitalize;
}
.search-popup .form-group input[type=submit],
.search-popup .form-group button {
position: absolute;
right: 30px;
top: 0px;
height: 70px;
line-height: 70px;
background: transparent;
text-align: center;
font-size: 24px;
color: #000000;
padding: 0;
cursor: pointer;
border: none;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.search-popup .form-group input[type=submit]:hover,
.search-popup .form-group button:hover {
color: #000000;
}
.search-popup input::-webkit-input-placeholder, .search-popup textarea::-webkit-input-placeholder {
color: #000000;
}
.search-popup input::-moz-placeholder, .search-popup textarea::-moz-placeholder {
color: #000000;
}
.search-popup input:-ms-input-placeholder, .search-popup textarea:-ms-input-placeholder {
color: #000000;
}
.search-popup input::-ms-input-placeholder, .search-popup textarea::-ms-input-placeholder {
color: #000000;
}
.search-popup input::placeholder,
.search-popup textarea::placeholder {
color: #000000;
}
.search-popup .close-search.style-two {
position: absolute;
right: 25px;
left: auto;
color: #ffffff;
width: auto;
height: auto;
top: 25px;
margin: 0px;
border: none;
background: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.search-popup .close-search.style-two span {
font-size: 20px;
color: #ffffff;
}
/***
====================================================================
Banner Section Two
====================================================================
***/
.banner-section-two{
position:relative;
background-color:#fff;
}
.banner-section-two .content-column{
position:relative;
}
.banner-section-two .content-column .inner-column{
position:relative;
padding-top:0px;
}
.banner-section-two .title{
position:relative;
color:#282F3B;
font-weight:500;
font-size:16px;
padding-left:25px;
opacity:0;
transform: translateY(180px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section-two .title:before{
position: absolute;
content: '\f00c';
left: 0px;
top: 0px;
color: #d70c18;
font-family: 'FontAwesome';
}
.banner-section-two .active .title{
opacity:1;
transform: translateY(0px);
}
.banner-section-two h1{
position:relative;
color:#282F3B;
font-size:70px;
line-height:80px;
font-weight:800;
margin-top:35px;
/* font-family: 'Playfair Display', serif;*/
/* opacity:0;*/
/* transform: translateY(180px);*/
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section-two .active h1{
opacity:1;
transform: translateY(0px);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.banner-section-two .text{
position: relative;
color: #000;
font-size: 22px;
line-height: 30px;
font-weight:400;
margin-top:20px;
/* opacity:0;*/
/* transform: translateY(180px);*/
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section-two .active .text{
opacity:1;
transform: translateY(0px);
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.banner-section-two .buttons-box{
position:relative;
margin-top:40px;
/* opacity:0;*/
/* transform: translateY(180px);*/
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section-two .active .buttons-box{
opacity:1;
transform: translateY(0px);
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
-ms-transition-delay: 900ms;
-o-transition-delay: 900ms;
transition-delay: 900ms;
}
.banner-section-two .buttons-box .theme-btn{
margin-right:15px;
border-radius:4px;
float:left;
}
.banner-section-two .play-box{
position:relative;
}
.banner-section-two .play-box .fa{
position:relative;
width:56px;
height:56px;
float:left;
margin-top:3px;
color:#d70c18;
font-size:16px;
margin-left:20px;
text-align:center;
max-width:56px;
line-height:54px;
border-radius:50px;
display:inline-block;
background-color:#ffffff;
}
.banner-section-two .play-box i{
position:relative;
font-style:normal;
font-weight:600;
font-size:20px;
color:#282F3B;
padding-top:20px;
margin-left:20px;
display:inline-block;
}
.banner-section-two .social-box{
position:absolute;
right:45px;
top:150px;
z-index:10;
width:30px;
writing-mode: vertical-rl;
transform:rotate(0deg);
}
.banner-section-two .social-box li{
position:relative;
display:inline-block;
margin-top:40px;
}
.banner-section-two .social-box li a{
position:relative;
font-weight:700;
font-size:18px;
color:#282F3B;
opacity:0.40;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.banner-section-two .social-box li a:hover{
color:#d70c18;
opacity:1;
}
.banner-section-two .social-box li a::before{
transform:rotate(90deg);
display:inline-block;
}
.banner-section-two .social-box li span{
position:relative;
margin-top:5px;
letter-spacing:3px;
display:inline-block;
text-transform:uppercase;
font-family: 'DM Sans', sans-serif;
}
.banner-section-two .image-column{
position:relative;
}
.banner-section-two .image-column .inner-column{
position:relative;
}
.banner-section-two .image-column .image{
position:relative;
/*opacity:0;
transform: translateX(220px);*/
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section-two .image-column .image img{
width:100%;
}
.banner-section-two .active .image{
opacity:1;
transform: translateX(0px);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.banner-section-two .image-column .image img{
position:relative;
width:auto;
max-width:inherit;
}
.banner-section-two .general-box{
position:absolute;
right:0px;
bottom:0px;
z-index:1;
padding:50px 60px 40px;
background-color:#d70c18;
}
.banner-section-two .general-box .box-inner{
position:relative;
}
.banner-section-two .general-box .dots{
position:relative;
margin-right:30px;
line-height:1em;
float: left;
}
.banner-section-two .general-box i{
position:relative;
font-size:15px;
font-weight:400;
opacity:0.60;
color:#ffffff;
float: left;
padding:5px 0px;
font-style:normal;
font-family: 'DM Sans', sans-serif;
}
.banner-section-two .general-box .info-box{
position:relative;
margin-left:50px;
padding-left:35px;
margin-top:-6px;
display:inline-block;
border-left:1px solid rgba(255,255,255,0.20);
}
.banner-section-two .general-box .info-box a{
position:relative;
color:#ffffff;
font-size:15px;
}
.banner-section-two .owl-dots,
.banner-section-two .owl-nav{
display:none;
}
/***
====================================================================
Professional Section
====================================================================
***/
.professional-section{
position:relative;
padding:100px 0px 0px;
}
.professional-section:before{
position:absolute;
content:'';
right:0px;
top:0px;
bottom:0px;
width:50.85%;
background-color:#f0f3f9;
}
.professional-section .image-column{
position:relative;
}
.professional-section .image-column .inner-column{
position:relative;
}
.professional-section .image-column .image{
position:relative;
}
.professional-section .image-column .image img{
position:relative;
width:100%;
display:block;
}
.professional-section .image-column h2{
font-weight:800;
color:#282F3B;
font-size:55px;
margin-bottom:40px;
font-family: 'Playfair Display', serif;
}
.professional-section .image-column .theme-btn{
border-radius:4px;
}
.professional-section .image-column .image{
position:relative;
margin-top:60px;
}
.professional-section .image-column .image img{
position:relative;
width:100%;
display:block;
}
.professional-section .content-column{
position:relative;
}
.professional-section .content-column .inner-column{
position:relative;
padding-left:80px;
padding-bottom:70px;
}
.professional-section .content-column .title-box{
position:relative;
margin-bottom:30px;
}
.professional-section .content-column .title-box .title{
position:relative;
display:block;
color:#d70c18;
font-size:24px;
font-weight:500;
}
.professional-section .content-column .title-box h2 , .our-portfolio-sec h2, .custom-testimonial h2, .our-team h2{
font-weight:800;
color:#282F3B;
font-size:50px;
margin-top:15px;
margin-bottom:30px;
/* font-family: 'Playfair Display', serif;*/
}
.professional-section .content-column .text{
position:relative;
color:#565F66;
opacity:1;
font-size:16px;
line-height:30px;
margin-bottom:25px;
}
.professional-section .content-column .quote-text{
position:relative;
color:#565F66;
font-size:16px;
line-height:28px;
margin-bottom:25px;
font-style:italic;
text-decoration:underline;
}
.professional-section .content-column .quote-text .fa{
position:relative;
color:#d70c18;
margin-right:5px;
}
.professional-section .content-column .blocks-outer{
position:relative;
margin-top:40px;
}
.featured-block{
position:relative;
margin-bottom:30px;
}
.featured-block:last-child{
margin-bottom:0px;
}
.featured-block .inner-box{
position:relative;
padding-left:80px;
padding-top:3px;
}
.featured-block .icon{
position:absolute;
left:0px;
top:4px;
width:56px;
height:58px;
color:#d70c18;
font-size:30px;
border-radius:5px;
text-align:center;
display:inline-block;
font-family: "Flaticon";
background-color:#ffffff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.featured-block .inner-box:hover .icon{
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.featured-block strong{
position:relative;
display:block;
color:#152A38;
font-weight:800;
font-size:22px;
font-family: 'Playfair Display', serif;
}
.featured-block .feature-text{
position:relative;
color:#667279;
font-size:15px;
margin-top:8px;
}
/***
====================================================================
Business Section
====================================================================
***/
.business-section{
position:relative;
padding:100px 0px 70px;
background-color:#f0f3f9;
}
.business-section .owl-dots{
display:none;
}
.business-section .owl-nav{
position:absolute;
left:-100px;
top:50%;
right:-100px;
margin-top:-30px;
}
.business-section .owl-nav .owl-prev{
position:absolute;
left:0px;
width:65px;
height:65px;
color:#d70c18;
font-size:24px;
line-height:65px;
text-align:center;
border-radius:50px;
display:inline-block;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.business-section .owl-nav .owl-next{
position:absolute;
right:0px;
width:65px;
height:65px;
color:#d70c18;
font-size:24px;
line-height:65px;
text-align:center;
border-radius:50px;
display:inline-block;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.business-section .owl-nav .owl-prev:hover,
.business-section .owl-nav .owl-next:hover{
color:#ffffff;
background-color:#d70c18;
}
/* Business Block */
.business-block{
position:relative;
margin-bottom:30px;
}
.business-block .inner-box{
position:relative;
padding:20px 20px 28px;
background-color:#ffffff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border-bottom:3px solid transparent;
}
.business-block .inner-box:hover{
border-color:#d70c18;
}
.business-block .image{
position:relative;
border-radius:5px;
overflow:hidden;
}
.business-block .image img{
position:relative;
width:100%;
display:block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.business-block .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
color:#ffffff;
text-align:center;
background-color: rgb(134 17 17 / 26%);
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease,-webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.business-block .inner-box:hover .overlay-box{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.business-block .inner-box .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:10px 0px;
}
.business-block .inner-box .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.business-block .inner-box .overlay-inner .content a {
width: 60px;
height: 60px;
line-height: 60px;
background: #fff;
display: inline-block;
border-radius: 100%;
display: flex
;
align-items: center;
justify-content: center;
margin: 0 auto;
padding: 7px;
}
.business-block .inner-box .overlay-inner .content a svg {
width: 100%;
height: 100%;
}
.business-block .inner-box .image .overlay-box .icon{
position:relative;
width:60px;
height:60px;
color:#d70c18;
line-height:60px;
font-size:18px;
text-align:center;
border-radius:50px;
font-weight:700;
display:inline-block;
background-color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
font-family: 'FontAwesome';
}
.business-block .inner-box .image .overlay-box .icon:hover{
background-color:#d70c18;
color:#ffffff;
}
.business-block .lower-content{
position:relative;
padding-top:30px;
}
.business-block .icon{
position:relative;
width:60px;
height:60px;
color:#d70c18;
font-size:30px;
line-height:60px;
border-radius:4px;
text-align:center;
display:inline-block;
background-color:#e7f3f3;
font-family: "Flaticon";
}
.business-block h4{
font-weight:800;
margin-top:25px;
/* font-family: 'Playfair Display', serif;*/
}
.business-block h4 a{
position:relative;
color:#282F3B;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.business-block .inner-box:hover h4 a{
color:#d70c18;
}
.business-block .text{
position:relative;
margin-top:20px;
color:#667279;
opacity:1;
line-height:28px;
}
.business-block .read-more{
position:relative;
color:#282F3B;
font-size:15px;
font-weight:700;
margin-top:25px;
padding:12px 36px;
border-radius:3px;
display:inline-block;
border:2px solid #F0F3F9;
background: rgba(240, 243, 249, 0.16);
font-family: 'DM Sans', sans-serif;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.business-block .inner-box:hover .read-more{
color:#ffffff;
border-color:#d70c18;
background-color:#d70c18;
}
/***
====================================================================
Fluid Section Two
====================================================================
***/
.fluid-section-two{
position:relative;
overflow:hidden;
padding:0px 0px 0px;
}
.fluid-section-two .outer-container{
position:relative;
min-height:250px;
background-color:#f0f3f9;
}
.fluid-section-two .image-column{
position:absolute;
right:0px;
top:0px;
width:50%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.fluid-section-two .image-column .image-box{
position:relative;
display:none;
}
.fluid-section-two .image-column .image-box img{
position:relative;
display:block;
width:100%;
}
.fluid-section-two .image-column .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:center;
overflow:hidden;
line-height: 45px;
overflow:hidden;
}
.fluid-section-two .image-column .overlay-box span{
position: absolute;
width:120px;
height: 120px;
left:50%;
top: 50%;
z-index:10;
font-weight:700;
text-align: center;
display: inline-block;
margin-top: -60px;
margin-left:-60px;
line-height:120px;
border-radius:50%;
font-size:24px;
color: #ffffff;
padding-left:5px;
background-color:#d70c18;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.fluid-section-two .image-column .overlay-box span:hover{
color:#d70c18;
background-color:#ffffff;
}
.fluid-section-two .image-column .ripple,
.fluid-section-two .image-column .ripple:before,
.fluid-section-two .image-column .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:120px;
height: 120px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
-o-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.fluid-section-two .image-column .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.fluid-section-two .image-column .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
.fluid-section-two .content-column{
position:relative;
float:left;
width:50%;
z-index:1;
}
.fluid-section-two .content-column:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
height:200px;
background-color:#d70c18;
}
.fluid-section-two .content-column .inner-column{
position:relative;
max-width:780px;
width:100%;
float:right;
padding-right:50px;
padding-left:15px;
}
/* Mission Tabs */
.mission-tabs{
position:relative;
}
.mission-tabs .tab-btns{
position:relative;
}
.mission-tabs .tab-btns .tab-btn{
position:relative;
margin-right:8px;
font-size:22px;
color:#FAF0EC;
font-weight:500;
line-height:24px;
cursor:pointer;
opacity:0.60;
padding:88px 40px;
border-radius:0px;
margin-bottom:12px;
display:inline-block;
transition:all 500ms ease;
text-transform:capitalize;
font-family: 'DM Sans', sans-serif;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.mission-tabs .tab-btns .tab-btn:after{
position:absolute;
content:'';
right:0px;
top:50%;
width:1px;
opacity:0.20;
height:40px;
transform:translateY(-50%);
background-color:#ffffff;
}
.mission-tabs .tab-btns .tab-btn:before{
position:absolute;
content:'';
left:50%;
bottom:0px;
opacity:1;
opacity:0;
margin-left:-10px;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 15px solid #f0f3f9;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.mission-tabs .tab-btns .tab-btn:last-child{
margin-right:0px;
border:0px;
}
.mission-tabs .tab-btns .tab-btn:hover,
.mission-tabs .tab-btns .tab-btn.active-btn{
color:#ffffff;
opacity:1;
}
.mission-tabs .tab-btns .tab-btn:hover::before,
.mission-tabs .tab-btns .tab-btn.active-btn::before{
opacity:1;
}
.mission-tabs .tab-btns .tab-btn:last-child::after{
display:none;
}
.mission-tabs .tabs-content{
position:relative;
}
.mission-tabs .tabs-content .tab{
position:relative;
display:none;
}
.mission-tabs .tabs-content .tab.active-tab{
display:block;
}
.mission-tabs .content{
position:relative;
padding:90px 15px 100px 0px;
}
.mission-tabs .title{
position: relative;
display: block;
color: #d70c18;
font-size: 24px;
font-weight: 500;
}
.mission-tabs h2{
position:relative;
font-weight: 800;
color: #282F3B;
font-size: 50px;
margin-top:10px;
margin-bottom: 40px;
font-family: 'Playfair Display', serif;
}
.mission-tabs .text{
position: relative;
color: #565F66;
opacity:1;
font-size: 16px;
max-width:490px;
line-height: 30px;
margin-bottom: 25px;
}
.mission-tabs .options-list{
position:relative;
margin-top:35px;
}
.mission-tabs .options-list li{
position:relative;
font-size:15px;
color:#152A38;
font-weight:500;
margin-bottom:15px;
padding-left:25px;
font-family: 'DM Sans', sans-serif;
}
.mission-tabs .options-list li:before{
position:absolute;
content:'\f00c';
left:0px;
top:0px;
color:#d70c18;
font-family: 'FontAwesome';
}
.mission-tabs .options-list li:last-child{
margin-bottom:0px;
}
/***
====================================================================
Testimonial Section Two
====================================================================
***/
.testimonial-section-two{
position:relative;
padding:110px 0px 160px;
}
.testimonial-section-two .inner-container{
position:relative;
padding:0px 70px 50px;
border:1px solid #F0F3F9;
}
.testimonial-section-two .inner-container:before{
position:absolute;
content:'';
left:50%;
top:0px;
bottom:0px;
width:1px;
border-right:1px solid #F0F3F9;
}
.testimonial-section-two .owl-dots{
position:relative;
text-align:center;
top:130px;
}
.testimonial-section-two .owl-dots .owl-dot{
position:relative;
margin:0px 6px;
width:13px;
height:13px;
border-radius:50px;
display:inline-block;
border:2px solid #d70c18;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.testimonial-section-two .owl-dots .owl-dot.active,
.testimonial-section-two .owl-dots .owl-dot:hover{
background-color:#d70c18;
}
.testimonial-section-two .owl-nav{
display:none;
}
/***
====================================================================
Team Section Two
====================================================================
***/
.team-section-two{
position:relative;
padding:110px 0px 100px;
background-color:#f0f3f9;
}
.team-section-two .lower-text{
position:relative;
color:#667279;
font-size:16px;
margin-top:60px;
text-align:center;
}
.team-section-two .lower-text a{
position:relative;
color:#d70c18;
font-weight:600;
padding-right:20px;
display:inline-block;
}
.team-section-two .lower-text a:before{
position:absolute;
content:'\f061';
right:0px;
top:-1px;
font-size:14px;
font-family: 'FontAwesome';
}
.team-section-two .lower-text a:hover{
color:#111111;
}
.team-section-two .owl-dots{
display:none;
}
.team-section-two .owl-nav{
position:absolute;
left:-100px;
top:50%;
right:-100px;
margin-top:-50px;
}
.team-section-two .owl-nav .owl-prev{
position:absolute;
left:0px;
width:65px;
height:65px;
color:#d70c18;
font-size:24px;
line-height:65px;
text-align:center;
border-radius:50px;
display:inline-block;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.team-section-two .owl-nav .owl-next{
position:absolute;
right:0px;
width:65px;
height:65px;
color:#d70c18;
font-size:24px;
line-height:65px;
text-align:center;
border-radius:50px;
display:inline-block;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.team-section-two .owl-nav .owl-prev:hover,
.team-section-two .owl-nav .owl-next:hover{
color:#ffffff;
background-color:#d70c18;
}
.team-block-two{
position:relative;
}
.team-block-two .inner-box{
position:relative;
border-radius:6px;
overflow:hidden;
background-color:#ffffff;
}
.team-block-two .image{
position:relative;
overflow:hidden;
background-color:#d70c18;
}
.team-block-two .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.team-block-two .inner-box:hover .image img{
opacity:0.90;
transform:scale(1.04,1.04);
}
.team-block-two .options{
position:absolute;
left:0px;
bottom:-60px;
right:0px;
text-align:center;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.team-block-two .inner-box:hover .options{
bottom:25px;
}
.team-block-two .options a{
position:relative;
color:#ffffff;
width:42px;
height:42px;
margin:0px 3px;
line-height:42px;
text-align:center;
border-radius:4px;
display:inline-block;
background-color:#d70c18;
}
.team-block-two .lower-content{
position:relative;
text-align:center;
padding:28px 15px 25px;
}
.team-block-two h5{
position:relative;
font-weight:800;
font-family: 'Playfair Display', serif;
}
.team-block-two h5 a{
position:relative;
color:#171151;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.team-block-two .inner-box:hover h5 a{
color:#d70c18;
}
.team-block-two .designation{
position:relative;
color:#939CA1;
font-size:16px;
margin-top:5px;
}
/***
====================================================================
Newsletter Section Two
====================================================================
***/
.newsletter-section-two{
position:relative;
z-index:1;
}
.newsletter-section-two:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
height:100px;
background-color:#f0f3f9;
}
.newsletter-section-two .inner-container{
position:relative;
padding:65px 80px;
border-radius:12px;
background-color:#ffffff;
box-shadow:0px 10px 20px rgba(0,0,0,0.10);
}
.newsletter-section-two h3{
position:relative;
font-weight:800;
font-size:32px;
color:#282F3B;
padding:12px 0px;
font-family: 'Playfair Display', serif;
}
/* Subscribe Form */
.subscribe-form-two{
position:relative;
}
.subscribe-form-two .form-group{
position:relative;
margin:0px;
width:100%;
max-width:100%;
}
.subscribe-form-two .form-group input[type="text"],
.subscribe-form-two .form-group input[type="email"]{
position:relative;
height:66px;
width:100%;
display:block;
font-size:16px;
color: #667279;
padding:5px 5px;
border-radius:5px;
padding:10px 15px 10px 30px;
border:1px solid #ECEEF3;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.subscribe-form-two .form-group input::placeholder,
.subscribe-form-two .form-group textarea::placeholder{
color: #939AA5;
}
.subscribe-form-two .form-group button{
position:absolute;
right:5px;
top:5px;
border:none;
color:#ffffff;
font-size:16px;
font-weight:700;
background:#d70c18;
border-radius:5px;
padding:16px 35px;
}
/***
====================================================================
Partner Section
====================================================================
***/
.partner-section{
position:relative;
z-index:1;
}
.partner-section .inner-container{
position:relative;
padding:60px 60px 20px;
background-color:var(--white-color);
box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}
.partner-section .title-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.partner-section .title-column .inner-column{
position:relative;
}
.partner-section .title-column h4{
font-weight:500;
}
.partner-section .title-column h4 span{
color:var(--color-two);
}
.partner-section .title-column .learn-more{
font-weight:500;
display:inline-block;
color:var(--color-six);
font-size:var(--font-18);
margin-top:var(--margin-top-15);
padding-right:var(--padding-right-15);
border-bottom:1px solid var(--color-six);
}
.partner-section .title-column .learn-more:hover{
color:var(--color-two);
border-color:var(--color-two);
}
.partner-section .title-column .learn-more:before{
position:absolute;
content:'\f105';
right:0px;
top:0px;
font-family: 'FontAwesome';
}
.partner-section .partners-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.partner-section .partners-column .inner-column{
position:relative;
}
.partner-section .partners-column .column{
position:relative;
text-align:center;
margin-bottom:var(--margin-bottom-10);
}
.partner-section .partners-column img{
position:relative;
opacity:0.30;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.partner-section .partners-column img:hover{
opacity:1;
}
.partner-section.style-two .inner-container{
border-radius:8px;
background-color:var(--color-two);
}
.partner-section.style-two .title-column .learn-more{
color:var(--white-color);
border-color:var(--white-color);
}
.partner-section.style-two .title-column h4 span,
.partner-section.style-two .title-column h4{
color:var(--white-color);
}
.partner-section.style-two .partners-column img{
opacity:0.90;
}
.testimonial-section-three{
position:relative;
padding:100px 0px 100px;
}
.testimonial-section-three .owl-dots{
position:relative;
text-align:center;
margin-top:var(--margin-top-30);
}
.testimonial-section-three .owl-dots .owl-dot{
position:relative;
width:6px;
height:6px;
opacity:0.30;
margin:0px 10px;
border-radius:50px;
display:inline-block;
background-color:var(--color-two);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.testimonial-section-three .owl-dots .owl-dot:before{
position:absolute;
content:'';
left:-8px;
right:-8px;
top:-8px;
bottom:-8px;
opacity:0;
border-radius:50px;
border:1px solid var(--color-two);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.testimonial-section-three .owl-dots .owl-dot:hover,
.testimonial-section-three .owl-dots .owl-dot.active{
opacity:1;
}
.testimonial-section-three .owl-dots .owl-dot:hover::before,
.testimonial-section-three .owl-dots .owl-dot.active::before{
opacity:1;
}
.testimonial-section-three .owl-nav{
position:absolute;
right:15px;
top:-90px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.testimonial-section-three .owl-nav .owl-prev,
.testimonial-section-three .owl-nav .owl-next{
position:relative;
width:50px;
height:50px;
color: var(--color-two);
font-size:var(--font-24);
line-height:48px;
text-align:center;
border-radius:50px;
display:inline-block;
margin-left:var(--margin-left-10);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color: var(--color-two-rgba);
}
.testimonial-section-three .owl-nav .owl-prev:hover,
.testimonial-section-three .owl-nav .owl-next:hover{
background-color:var(--color-two);
color:var(--white-color);
}
.testimonial-block-two{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.testimonial-block-two .inner-box{
position:relative;
padding:35px 35px;
background-color:var(--color-five);
}
.testimonial-block-two .inner-box:hover{
background-color:var(--white-color);
box-shadow:0px 0px 20px rgba(0,0,0,0.06);
}
.testimonial-block-two .inner-box .content{
position:relative;
padding-left:115px;
}
.testimonial-block-two .inner-box .author-image{
position:absolute;
left:0px;
width:85px;
height:85px;
border-radius:50%;
}
.testimonial-block-two .inner-box .author-image img{
position:relative;
border-radius:50%;
overflow:hidden;
}
.testimonial-block-two .inner-box .author-image .quote-icon{
position:absolute;
left:12px;
bottom:-30px;
line-height:1em;
color:var(--color-two);
font-size:var(--font-60);
font-family: "flaticon";
}
.testimonial-block-two .inner-box .designation{
position:relative;
font-weight:600;
color:var(--text-color);
font-size:var(--font-20);
margin-top:var(--margin-top-15);
padding-left:var(--padding-left-40);
}
.testimonial-block-two .inner-box .designation span{
position:relative;
font-weight:500;
color:var(--color-two);
font-size:var(--font-14);
}
.testimonial-block-two .inner-box .designation:before{
position:absolute;
content:'';
left:0px;
top:0px;
content: "\f17e";
color:var(--color-six);
font-family: "flaticon";
}
.testimonial-section-three .owl-carousel .owl-stage-outer{
position:relative;
padding:20px 0px;
}
.testimonial-section-three .owl-theme .testimonial-block-two{
margin:0px 15px;
}
.testimonial-section-three .owl-carousel{
margin:0px -15px;
width:auto;
}
/***
====================================================================
CTA Section
====================================================================
***/
.cta-section{
position:relative;
overflow:hidden;
padding:100px 0px 0px;
background-size:cover;
}
.cta-section .pattern-layer{
position:absolute;
right:150px;
top:0px;
width:361px;
height:575px;
background-repeat:no-repeat;
}
.cta-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.30;
background-color:var(--text-color);
}
.cta-section .content-box{
position:relative;
max-width:540px;
width:100%;
height:540px;
border-radius:50%;
margin-bottom:-110px;
padding-top:var(--padding-top-130);
padding-left:var(--padding-left-100);
background-color:var(--color-two);
}
/***
====================================================================
Services Section
====================================================================
***/
.services-section{
position:relative;
padding:100px 0px 110px;
}
.services-section .lower-text{
position:relative;
padding:22px 0px;
text-align:center;
font-size:var(--font-18);
border-top:1px solid var(--color-three);
border-bottom:1px solid var(--color-three);
}
.services-section .lower-text span{
opacity:0.70;
}
.services-section .lower-text a{
font-weight:600;
color:var(--main-color);
display:inline-block;
border-bottom:1px solid var(--main-color);
}
.services-section .lower-text a:hover{
color:var(--color-two);
border-color:var(--color-two);
}
.services-section .sec-title{
margin-bottom:var(--margin-bottom-90);
}
.services-section .left-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.services-section .left-column .inner-column{
position:relative;
}
.services-section .left-column .service-block-five:nth-child(2) .inner-box .icon{
background-color:var(--color-two);
}
.services-section .left-column .service-block-five:nth-child(2) .inner-box h5 a:before{
background-color:var(--color-two);
}
.services-section .left-column .service-block-five:nth-child(3) .inner-box .icon{
background-color:var(--color-six);
}
.services-section .left-column .service-block-five:nth-child(3) .inner-box h5 a:before{
background-color:var(--color-six);
}
.services-section .image-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.services-section .image-column .inner-column{
position:relative;
margin-left:-60px;
margin-right:-10px;
}
.services-section .image-column .image{
position:relative;
margin-top:-40px;
}
.services-section .right-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.services-section .right-column .inner-column{
position:relative;
}
.services-section .right-column .service-block-five:nth-child(1) .inner-box .icon{
background-color:var(--color-seven);
}
.services-section .right-column .service-block-five:nth-child(1) .inner-box h5 a:before{
background-color:var(--color-seven);
}
.services-section .right-column .service-block-five:nth-child(2) .inner-box .icon{
background-color:var(--color-eight);
}
.services-section .right-column .service-block-five:nth-child(2) .inner-box h5 a:before{
background-color:var(--color-eight);
}
.services-section .right-column .service-block-five:nth-child(3) .inner-box .icon{
background-color:var(--color-nine);
}
.services-section .right-column .service-block-five:nth-child(3) .inner-box h5 a:before{
background-color:var(--color-nine);
}
.service-block-five{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.service-block-five:last-child{
margin-bottom:var(--margin-zero);
}
.service-block-five .inner-box{
position:relative;
padding-left:var(--padding-left-60);
}
.service-block-five .inner-box .icon{
position:absolute;
left:0px;
top:5px;
width:25px;
height:25px;
border-radius:50px;
display:inline-block;
background-color:var(--main-color);
}
.service-block-five .inner-box .icon:before{
position:absolute;
content:'';
left:10px;
top:10px;
width:25px;
height:25px;
border-radius:50px;
border:1px solid var(--black-color);
}
.service-block-five .inner-box h5{
}
.service-block-five .inner-box h5 a{
z-index:1;
color:var(--heading-color);
}
.service-block-five .inner-box h5 a:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
z-index:-1;
background-color:var(--main-color);
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.service-block-five .inner-box h5 a:hover::before{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.service-block-five .inner-box h5 a:hover{
color:var(--white-color);
}
.service-block-five .inner-box .text{
position:relative;
line-height:1.7em;
margin-top:var(--margin-top-15);
}
.feature-block-two{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.feature-block-two .inner-box{
position:relative;
padding:35px 35px;
border-radius:5px;
text-align:center;
background-color:var(--white-color);
box-shadow:0px 0px 15px rgba(0,0,0,0.05);
}
.feature-block-two .inner-box .icon{
position:relative;
display:inline-block;
}
.feature-block-two .inner-box:hover .icon{
transform:rotateY(180deg);
}
.feature-block-two .inner-box h5{
margin-top:var(--margin-top-25);
}
.feature-block-two .inner-box h5 a{
z-index:1;
color:var(--heading-color);
}
.feature-block-two .inner-box h5 a::before{
position: absolute;
content: "";
height: 1px;
width: 0;
background-color: var(--color-two);
right: 0;
bottom: -4px;
transition: width 0.3s cubic-bezier(.77,0,.175,1);
-webkit-transition: width 0.3s cubic-bezier(.77,0,.175,1);
-moz-transition: width 0.3s cubic-bezier(.77,0,.175,1);
-ms-transition: width 0.3s cubic-bezier(.77,0,.175,1);
-o-transition: width 0.3s cubic-bezier(.77,0,.175,1);
}
.feature-block-two .inner-box h5 a:hover::before{
right: auto;
left: 0;
width: 100%;
}
.feature-block-two .inner-box h5 a:hover{
color:var(--white-color);
}
.feature-block-two .inner-box h5 a:after{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
z-index:-1;
background-color: var(--color-two);
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.feature-block-two .inner-box h5 a:hover::after{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.feature-block-two .inner-box .text{
margin-top:var(--margin-top-15);
margin-bottom:var(--margin-bottom-25);
line-height:1.8em;
}
.feature-block-two .inner-box .button-box .theme-btn{
padding:12px 38px;
width:100%;
}
/*20-04 css start here */
.portfolio-sec {
padding: 110px 0 0 0;
}
.portfolio-sec .sec-title h4 {
text-align: left;
margin-bottom: 10px;
}
.portfolio-sec .sec-title p {
text-align: left;
}
.portfolio-sec .sec-title ul li {
text-align: left;
list-style: disc;
list-style-position: inside;
font-size: var(--font-16);
color: var(--text-color);
}
.portfolio-sec .sec-title ul{
margin-bottom: 10px;
}
.portfolio-sec .sec-title h5{
text-align: left;
margin-bottom: 30px;
}
.portfolio-sec table.table tbody {
border-top: none !important;
}
table.table {
border: 1px solid #dee2e6;
}
table.table tr td:first-child, table.table tr th:first-child{
border-right: 1px solid #dee2e6;
}
table.table tr td, table.table tr th{
text-align: left;
padding-left: 20px;
padding-right: 20px;
}
table.table tr th{
background: #000;
color: #fff;
border-color: #fff;
}
.portfolio-sec__logo {
border: 1px solid #dee2e6;
max-width: 250px;
min-width: 250px;
}
.portfolio-sec__logotext {
width: calc(100% - 250px);
padding-left: 40px;
}
.portfolio-sec__media {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.portfolio-sec__logotext p{
margin-bottom: 0px;
}
.portfolio-sec__item {
margin-bottom: 40px;
}
.portfolio-sec__item:last-child {
margin-bottom: 0;
}
.portfolio-sec__logo img{
width:100%;
}
@media (max-width:991px){
.portfolio-sec {
padding: 0 0 0 0;
}
.portfolio-sec__logotext {
width: 100%;
padding-left: 0;
margin-top: 25px;
}
}
/*20-04 css End here */
/* 23-04 css start Here */
/* 23-04 css End Here */