@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
*{margin:0; padding:0;}
body{font-family: 'Open Sans', sans-serif;}
h1, h2, h3, h4, h5, h6{font-family: "Playfair Display", serif;}
a{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
ul, ol{list-style:none; padding-left: 0;}
img{max-width:100%;}
p{font-size:16px; line-height:26px; color:#000;}
p a{text-decoration: none; color: #7e0b18; font-weight: bold;}
p a:hover{color: #7e0b18; text-decoration: underline;}
.style_none{list-style:none; margin-bottom:0;}
.clearfix{clear: both;}
.style_none{list-style:none;}
.mt30{margin-top: 30px;}
.checklist ul, .wpb_wrapper ul, .serving_areas_contents ul{ list-style: none; padding: 0;}
.checklist ul li, .wpb_wrapper ul li, .serving_areas_contents ul li{position:relative; padding-left:25px; font-weight: 600; font-size: 16px; line-height: 24px; margin-bottom: 10px;}
.checklist ul li:before, .wpb_wrapper ul li:before, .serving_areas_contents ul li:before{
font-family: 'Font Awesome 6 Free'; font-weight: bold;
content: '\f00c';
position:absolute; top:0; left:0;
color:#7e0b18;
}
.serving_areas_contents ol{ list-style: none; padding: 0;}
.serving_areas_contents ol li{position:relative; padding-left:25px; font-weight: 600; font-size: 16px; line-height: 24px; margin-bottom: 10px;}
.serving_areas_contents ol li:before{
font-family: 'Font Awesome 6 Free'; font-weight: bold;
content: '\f00c';
position:absolute; top:0; left:0;
color:#7e0b18;
}
.serving_areas_contents ul ul, .serving_areas_contents ol ol {margin-left:60px; list-style: circle; }
.serving_areas_contents ul ul li, .serving_areas_contents ol ol li{padding-left:0;}
.serving_areas_contents ul ul li:before, .serving_areas_contents ol ol li:before{display:none;}
.readmore{margin-top: 30px; display: flex; justify-content: center;}
.readmore a{text-decoration: none; color: #fff; background: #7e0b18; text-transform: uppercase; display: inline-block; padding: 10px 8px 10px 20px; font-size: 18px; font-weight: bold;
padding: 10px 10px 10px 26px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
width: fit-content;
}
.readmore a:hover{background: #002c4c; color: #fff;}
.readmore i{margin-left: 14px; font-size: 24px; background: #8b2430; width: 40px; height: 40px; text-align: center; line-height:40px;}
.readmore a:hover i{background: #fff; color: #000;}
.main_title{position: relative; margin-bottom:25px;}
.main_title .title{font-size: 48px; color: #000; font-weight: 900; margin-bottom: 12px; line-height: 50px; font-family: "Playfair Display", serif;}
.main_title p{font-size: 16px !important; color: #000 !important; line-height: 28px !important;}
.text-bold p{font-weight: bold;}
.white_color .title, .white_color p{color: #fff !important;}
.tagline{color: #000; font-size: 18px; font-style: italic; line-height: 30px; padding-left: 25px; position: relative; font-family: "Playfair Display", serif; font-weight: 500;}
.tagline:before{content:""; background:#334462; width: 6px; height: 100%; position: absolute; top: 3px; left: 0; border-radius: 10px;}
.container{max-width: 1170px;}
.sticky-top{
z-index: 100;
}
.team-details .nav-tabs{
gap: 5px;
display: flex;
align-items: center;
margin: 0;
overflow-x: scroll;
flex-wrap: inherit;
position: relative;
white-space: nowrap;
padding-bottom: 8px;
}
.nav-tabs::-webkit-scrollbar {
height: 5px;
width:50px;
}
.nav-tabs::-webkit-scrollbar-thumb {
background-color: #aaa;
border-radius: 10px;
width:50px;
}
.team-details .service-info{margin-top: 0 !important;}
.team-details .nav-tabs .nav-link{
padding: 0 20px;
font-size: 15px;
height: 48px;
}
.team-details #news .checklist li{
padding-left: 0;
}
.team-details #news .checklist li:before{
display: none;
}
.team-details #news a{
text-decoration: none;
color: #202124;
font-weight: 700;
}
.team-details #news h3 a{
font-size: 20px;
margin-bottom: 0;
}
.team-details #news a:hover{
text-decoration: underline;
color: #d08e31;
}
.team-details .content .image{
max-height: 350px;
overflow: hidden;
}
.team-details .content .image img{
display: block;
width: 100%;
height: auto;
}
.team-details .tab-pane ul ul li:before{
content: '';
width: 6px;
height: 6px;
background: #7e0b18;
top: 9px;
left: 8px;
border-radius: 100%;
}
.team-details .tab-pane ul a{
text-decoration: none;
color: #7e0b18;
font-style: normal;
}
.team-details .tab-pane ul a:hover{
text-decoration: underline;
}
.form-holder{
position: relative;
padding-right: 60px;
}
.form-holder .form-control{
height: 60px;
border: 1px solid #7e0b18;
border-radius: 0;
color: #7e0b18;
outline: none;
box-shadow: none;
}
.form-holder .btn-submit{
position: absolute;
right: 0;
top: 0;
}
.team-details .cate_links li.main_inactive,
.team-details .cate_links li .child_inactive{
display: none;
}
.team-details .cate_links li.main_inactive.parent_active{
display: block;
}
.team-details .cate_links li.main_inactive.parent_active > a{
pointer-events: none;
}
.team-details .cate_links li.main_inactive.parent_active > i{
background: #fff;
color: #7e0b18;
}
.team-details .cate_links li.main_inactive.parent_active > a i{
color: #fff;
}
.team-details .cate_links > li{
padding-bottom: 10px;
padding-top: 10px;
}
.team-details .cate_links li ul{
margin: 0;
padding: 0;
background: #efefef;
box-shadow:none;
}
/*.team-details .cate_links ul li{*/
/* padding-left: 10px;*/
/* padding-right: 10px;*/
/*}*/
/*********************************
Topbar Css
*********************************/
.topbar-wrap{padding: 20px 0;}
.call {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.call .ico {
margin: 0 20px 0 27px;
}
.call .top-txt{
font-size: 18px;
line-height: 22px;
color: #7e0b18;
text-transform: uppercase;
}
.call .tel{
text-decoration: none;
color: #000;
font-size: 24px;
line-height: 28px;
transition: all ease 0.5s;
font-weight: bold;
}
.call .tel:hover{
color: #7e0b18;
}
.topbar-wrap .header_info i{padding-right: 6px; color: #fff; font-size: 20px;}
.topbar-wrap .header_info a:hover{text-decoration: underline;}
.social_media{text-align: right; margin-bottom: 0;}
.social_media span{color: #fff; font-size: 14px; padding-right: 5px;}
.social_media li{display: inline-block; padding: 0 4px;}
.social_media li a{text-decoration: none; color: #fff; display: block; font-size: 24px;}
.header_info span{margin-right: 25px;}
.phoneWrp{text-align: right;}
.phoneWrp a{font-size: 22px !important;}
.phoneWrp i{font-size: 24px !important;}
/*************************************
Header Start
*************************************/
.header-wrap{background: #002c4c; box-shadow: 0 0 18px rgb(0 0 0 / 12%); padding: 0px 30px; z-index: 1000; position: relative;}
.navbar-nav li{padding:29px 15px; position: relative;}
.navbar-expand-lg .navbar-nav{margin-top: 16px;}
.navbar-nav > li:last-child{padding-right: 44px;}
.navbar-expand-lg .navbar-nav .nav-link{padding: 0; font-size: 15px; text-transform: uppercase; font-weight: bold;}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{color: #fff; border-color: #ea2229;}
.navbar-expand-lg .navbar-nav .nav-link{color: #fff; position: relative;}
.navbar-expand-lg .navbar-nav .nav-link:after{content: ""; background: #fff; display: none; position: absolute; bottom: -15px; left: 0; width: 100%; height: 4px; margin-left: 0;}
.navbar-expand-lg .navbar-nav .nav-link:hover{color: #fff; border-color: #ea2229;}
.navbar-expand-lg .navbar-nav .nav-link:hover:after, .navbar-expand-lg .navbar-nav .nav-link.active:after{display: block;}
.navbar-light .navbar-toggler{display: none;}
.contact_btn a{padding: 6px 8px 6px 20px !important;}
.contact_btn a:hover{background: #fff; color: #000;}
.contact_btn a:hover i{color: #fff; background: #7e0b18;}
.navbar-collapse{justify-content: space-between;}
.header-wrap .col-lg-2{padding-left: 0;}
.close-toggler{display: none;}
.social_icons{margin-bottom: 0;}
.social_icons li{display: inline-block; padding: 0 5px;}
.social_icons li a{text-decoration: none; color: #fff; font-size: 24px; color: #33aadf;}
.navbar-nav > li ul {
list-style: none;
position: absolute;
left: 15px;
top: 200%;
min-width: 220px;
padding: 0px;
z-index: 100;
background: #fff;
visibility: hidden;
opacity: 0;
border-radius: 0px 2px 2px 2px;
-ms-border-radius: 0px 2px 2px 2px;
-webkit-border-radius: 0px 2px 2px 2px;
-moz-border-radius: 0px 2px 2px 2px;
-o-border-radius: 0px 2px 2px 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;
box-shadow: 0px 9px 18px rgb(0 0 0 / 38%);
}
.navbar-nav li > ul > li {
position: relative;
float: none;
width: 100%;
border-bottom: 1px solid rgb(209 209 209 / 50%);
padding: 0;
}
.navbar-nav li > ul > li > a {
text-decoration: none;
position: relative;
display: block;
padding: 8px 20px;
font-weight: normal;
font-size: 14px;
color: #000 !important;
word-wrap: break-word;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.navbar-nav > li > a + i {
display: none;
position: absolute;
right: 15px;
top: 3px;
font-size: 24px;
cursor: pointer;
color: #0b3c5d;
background: #fff;
width: 30px;
height: 30px;
border-radius: 100%;
text-align: center;
line-height: 30px;
}
.navbar-nav li > ul > li > a:hover{background: #7e0b18; color: #fff !important;}
.navbar-nav li:hover > ul {
top: 100%;
opacity: 1;
visibility: visible;
}
/*********************************************
slider options
**********************************************/
.slider-wrap{padding:270px 0 215px 0; background-size: cover !important;}
.slider-wrap h1{color: #002c4c; font-size: 72px; font-weight: bold; text-shadow: 5px 8px 10px rgb(0 0 0 / 50%); text-transform: uppercase; line-height: 75px;}
.slider-wrap h1 strong{display: block;}
.slider-wrap p{font-size: 42px; color: #fff; font-family: "Playfair Display", serif; font-weight: bold; background: #7e0b18; padding: 15px 22px 21px 22px; display: inline-block;}
/*********************************************
Custom slider options
**********************************************/
.tp-banner-container {
position: relative;
z-index: 1;
padding: 0;
width: 100%;
}
.tp-banner {
position: relative;
width: 100%;
}
.tp-caption {
line-height:normal !important
}
.tp-caption a {
color: inherit !important;
}
.tp-bullets.simplebullets.round .bullet {
border: 3px #fff solid;
border-radius: 50%;
background-image: none !important;
}
.tparrows {
width: auto !important;
height: auto !important;
background-image: none !important;
}
.tp-arr-allwrapper {
margin: 0 10px;
width: 50px;
height: 50px;
border: 2px solid rgba(255,255,255,0.5);
color: #fff;
}
.tp-arr-allwrapper:hover .tp-arr-iwrapper {
color: #fff;
}
.tp-leftarrow .tp-arr-allwrapper {
}
.tp-rightarrow .tp-arr-allwrapper {
}
.tp-arr-iwrapper {
color: #fff;
text-align: center;
font-size: 30px;
font-family: FontAwesome;
line-height: 50px;
}
.tp-leftarrow .tp-arr-iwrapper {
}
.tp-leftarrow .tp-arr-iwrapper:before {
content: "\f104";
}
.tp-rightarrow .tp-arr-iwrapper:before {
content: "\f105";
}
.tp-rightarrow .tp-arr-iwrapper {
}
.slide-h1 {
margin: 5px 0 !important;
padding: 0 0 10px !important;
padding-bottom: 5px !important;
color: #444;
text-transform: uppercase;
font-weight: bold;
font-size: 57px;
}
.slide-h2 {
margin: 5px 0 !important;
padding: 0 0 10px !important;
padding-bottom: 5px !important;
color: #555;
font-weight: bold;
font-size: 55px;
line-height: 100%;
}
.big-font {
text-transform: uppercase;
font-weight: 800;
font-size: 60px;
}
.large-desc {
font-size: 16px;
}
.slide-h3 {
color: #fff;
font-size: 31px;
line-height: 100%;
}
.slide-h3 span {
text-transform: uppercase;
font-weight: bold;
}
.slide-head {
text-transform: uppercase;
font-weight: 900;
font-size: 30px;
}
.slide-desc {
font-size: 22px;
line-height: 150%;
}
.main-title {
text-transform: uppercase;
font-weight: 800;
font-size: 70px;
}
.icon-cont {
padding: 15px 40px;
border-radius: 10px;
text-align: center;
}
.icon-cont:after {
position: absolute;
bottom: -10px;
left: 40%;
z-index: 5;
display: inline-block;
width: 0;
height: 0;
border-width: 10px 10px 0 10px;
border-style: solid;
content: "";
}
.icon-cont i {
margin-bottom: 10px;
color: #fff;
font-size: 50px;
}
.icon-cont span {
display: block;
padding: 0 0 5px;
color: #fff;
text-align: center;
font-size: 18px;
}
a.wit-btn {
background: #fff;
color: #333 !important;
text-transform: uppercase;
}
.wit-line {
width: 5%;
height: 1px;
background: #fff;
}
.vert-line {
min-height: 270px;
width: 1px;
background: #fff;
}
.subTxt {
text-transform: uppercase;
font-weight: bold;
font-size: 17px;
color: #333;
}
.large-title {
color: #222;
font-size: 60px;
font-weight: 800;
text-transform: uppercase !important;
}
.large-light-title {
color: #787878 !important;
font-size: 70px;
font-weight: lighter;
text-transform: uppercase;
letter-spacing:2px
}
.large-text {
font-size: 20px;
color: #000;
font-weight: lighter;
}
.larger-text {
font-size: 24px;
font-weight: lighter;
text-transform: uppercase;
}
.witTxt {
color: #fff !important;
}
.light-font {
font-weight: lighter !important;
font-size: 50px;
}
.black-bg{
background:rgba(0,0,0,.63);
color:#a8a8a8;
text-transform:none;
}
.lft-list {
padding: 10px;
font-size: 18px;
color: #fff;
}
.wit-border {
border: 1px #fff solid;
padding: 15px 60px;
color: #fff;
font-size: 16px;
text-transform: uppercase;
}
.rounded-bord {
margin-right: 15px;
border: 1px #fff solid;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
font-size: 13px;
border-radius: 50%;
}
#vertical-ticker{
height:120px;
overflow:hidden;
}
#vertical-ticker li{
padding:15px 20px;
display:block;
text-align:center;
}
.to-bottom i.fa{
font-size: 30px;
border:2px #a8a8a8 solid;
padding:20px 22px;
border-radius:50%;
-webkit-animation: bounce 2s infinite linear;
animation: bounce 2s infinite linear;
}
.slidertext1{color:#fff; font-size:24px; line-height: 30px !important; font-weight:bold !important; padding:0; text-transform:uppercase !important; font-family: "Playfair Display", serif; text-align:left;}
.slidertext1 span{color: #fff;}
.small_text{color: #fff; letter-spacing: 7px; font-family: "Playfair Display", serif; font-size: 30px !important; font-weight: normal !important; text-shadow: none !important;}
.slidertext2{color:#fff; font-size:54px; font-weight:900 !important; padding:15px 0; text-transform:uppercase !important; font-family: "Playfair Display", serif; line-height:60px !important;}
.slidertext2 span{color: #fff;}
.slidertext3{color:#fff; font-size:24px; line-height: 30px !important; font-weight:bold !important; padding:0; text-transform:uppercase !important; font-family: "Playfair Display", serif; text-align:left;}
a.slidebtn{background:#fff; color:#000 !important; padding:15px 30px; font-size:16px; font-weight:600 !important; text-transform:uppercase !important; display:inline-block; border-radius: 0;}
a.slidebtn i{margin-left:10px;}
a.slidebtn:hover{background: #7e0b18; color:#fff !important;}
.slidertext5 a{border: none; background:#018a01; padding:20px 50px;}
.slidertext5 a:hover{background: #ffc501; color: #000 !important;}
@-webkit-keyframes bounce {
0% {
transform:translateY(0%);
}
50% {
transform:translateY(-30%);
}
100% {
transform:translateY(0);
}
}
/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
0% {
transform:translateY(0%);
}
50% {
transform:translateY(-30%);
}
100% {
transform:translateY(0);
}
}
/* Opera 12.0 */
@-o-keyframes bounce {
0% {
transform:translateY(0%);
}
50% {
transform:translateY(-30%);
}
100% {
transform:translateY(0);
}
}
/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
0% {
transform:translateY(0%);
}
50% {
transform:translateY(-30%);
}
100% {
transform:translateY(0);
}
}
/*************************************
Service-wrap Start
*************************************/
.service-wrap{padding: 70px 0; background: #002c4c;}
.service_box{background: #fff; padding: 40px; box-shadow: 0 0 30px rgb(0 0 0 / 8%); }
.service_box h2{color: #000; font-size: 21px; color: #050a1e; font-weight: bold; margin-top: 15px;}
.service_box h2 strong{display: block; font-weight: bold;}
.service_box p{font-size: 16px; line-height: 24px; min-height: 96px; color: #747474; margin-top: 14px; margin-bottom: 0;}
.service-wrap .readmore a{background: #fff; color: #7e0b18;}
.service-wrap .readmore a:hover{background: #7e0b18; color: #fff;}
.service-wrap .readmore i{background: #e5e9ed;}
.service-wrap .readmore a:hover i{background: #fff; color: #000;}
.intservtp{display: flex; justify-content: space-between;}
.intservtp .dropdown-toggle{background: #ddd; width: 40px; height: 40px; border-radius: 50%; border: none; color: #777; font-size: 20px;}
.intservtp .dropdown-toggle::after{display: none;}
.intservtp .dropdown-menu{box-shadow: 0 0 20px rgba(0,0,0,0.15); border-color: #eee;}
.intservtp .dropdown-menu li a{font-size: 16px;}
.intservtp .dropdown-item.active, .intservtp .dropdown-item:active{background-color:#7f0b18;}
.service_box h2 + h2{
display: none;
}
.faqs-wrap .service-list .service_box{
min-height: 300px;
}
.faqs-wrap .service-list .service_box h2{
font-size: 18px;
}
.service-wrap .service-list .service_box h2{
font-size: 18px;
}
.team-details p a{
color: #7e0b18;
}
.team-details p a:hover{
text-decoration: underline
}
.blog-wrap .widget{
padding: 30px 15px !important;
}
.blog-wrap .blogBox .content-box{
padding: 30px 15px !important;
}
.blog-wrap .blogBox .image-box .date strong{
font-size: 26px !important;
width: 55px !important;
height: 65px !important;
}
.blog-wrap .blogBox .content-box h4{
font-size: 14px !important;
line-height: 22px !important;
}
.blog-wrap .blogBox .content-box .read-more-box{
margin-top: 13px !important;
padding-top: 10px !important;
}
.blog-wrap .blogBox .content-box {
padding: 40px 15px 15px !important;
}
.intservbt .service_box {
perspective: 1000px;
min-height: 338px;
position: relative;
}
.intservbt .service_box h2 a{color: #000; text-decoration: none;}
.intservbt .service_box h2 a:hover{color:#7e0b18;}
.back-btn{position: absolute;
top: -35px;
left: -35px;
background: #eee;
border-radius: 0;
}
.flip-container {
width: 100%;
height: 100%;
position: relative;
}
.flip-card {
position: relative;
width: 100%;
height: 100%;
transition: transform 0.6s;
transform-style: preserve-3d;
}
.flip-container.flip .flip-card {
transform: rotateY(180deg);
}
.flip-front, .flip-back {
position: absolute;
width: 100%;
backface-visibility: hidden;
}
.flip-front {
z-index: 2;
transform: rotateY(0deg);
}
.flip-back {
transform: rotateY(180deg);
}
.flip-btn {
cursor: pointer;
}
.dropdown-menu {
padding: 0;
}
.flip-back .dropdown-item{white-space: normal !important; font-size: 14px;
line-height: 21px;}
.service-list .service_box .flip-container .flip-back ul li {
display: none;
}
.service-list .service_box .flip-container .flip-back ul li:nth-child(-n+4),
.service-list .service_box .flip-container .flip-back ul li:last-child{
display: list-item;
}
/*************************************
Team Start
*************************************/
.team-wrap{background: #fff; padding: 70px 0 50px 0;}
.team_list {
position: relative;
}
.team_list .img {
overflow: hidden;
}
.team_list .img img {
display: block;
width: 100%;
height: auto;
margin-inline: auto;
transition: all ease 0.5s;
}
.team_list a:hover img {
transform: scale(1.1);
}
.team_list .caption {
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
padding: 25px 25px 0px 25px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
color: #fff;
pointer-events: none;
transition: all ease 0.5s;
}
.caption .sub-title {
font-size: 18px;
}
.caption p{font-size: 16px; color: #fff; font-weight: bold;}
.team-wrap .main_title p{font-size: 18px !important;}
.service-info .num a{
text-decoration: none;
color: #fff;
transition: all ease 0.5s;
}
.service-info .num a:hover{
opacity: 0.7;
}
.team-wrap .sidebarteam .teambox.hidden,
.team-wrap .sidebarteam .view-people .less{
display: none;
}
.team-wrap .sidebarteam .view-people{
display: block;
width: 150px;
padding: 10px;
background: #8b2430;
color: #fff;
margin: 10px auto 0;
text-transform: uppercase;
font-weight: bold;
}
.team-wrap .sidebarteam.active .view-people .all{
display: none;
}
.team-wrap .sidebarteam.active .view-people .less{
display: inline-block;
}
/*************************************
About Start
*************************************/
.about-wrap{padding:0 0 70px 0;}
.about-wrap .main_title .title{font-size: 44px; color: #002c4c;}
.about-wrap .main_title .title span{display: block;}
.about-wrap .main_title p{font-size: 16px; font-weight: bold; color: #7e0b18 !important; line-height: inherit !important; text-transform: uppercase;}
.about_sec{margin-left: 20px;}
.about-wrap p{line-height: 28px;}
.about-wrap .readmore, .whychoose-wrap .readmore{display: block;}
.clients-wrap{padding-bottom: 50px;}
.clients-wrap .main_title p span{display: block;}
.clients-wrap .client-logo{border:1px solid #d3d3d3; margin-left: -1px; padding: 12px; display: flex; align-items: center; justify-content: center; height: 134px; text-align: center; line-height: 134px;}
.clients-wrap .client-logo img{width: auto !important;}
.clients-logos li{margin-left: 1px}
.clients-wrap ul li:first-child .client-logo + .client-logo{margin-top: -1px;}
.owl-nav{display: block !important; text-align: center; margin-top: 40px;}
.owl-nav button{width: 48px; height: 48px; text-align: center; margin: 0 5px; line-height: 48px !important; border-radius: 100%; background: #7e0b18 !important;}
.owl-nav button span{ font-size: 50px !important; line-height: 39px; color: #fff;}
.testimonials-wrap{background: #f0f5f8; padding: 60px 0;}
.testimonials-wrap .main_title p{font-size: 18px !important; color: #7e0b18 !important; font-weight: bold;}
.testimonials-wrap .main_title{margin-bottom: 35px;}
.testimonial-text {
overflow: hidden;
transition: max-height 0.3s ease, padding 0.3s ease;
position: relative;
max-height: 195px;
line-height: 1.5em;
}
.testimonial-text.collapsed {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}
.testimonial_sec .toggle-button {
margin-top: 12px;
background: none;
color: #002c4c;
border: none;
font-weight: bold;
cursor: pointer;
margin-bottom: 10px;
font-size: 16px;
}
.testimonial_sec .toggle-button:hover{color:#7e0b18;}
.testimonial_sec{background: #fff; padding: 15px; border-radius: 15px; border: 1px solid #dddddd;}
.testimonial_sec .client_sec .rating{
display: none;
}
.testimonial_sec .client_sec{
display: flex;
flex-direction: column;
justify-content: center;
}
.testimonial_sec p{color: #5e6567; font-style: italic; font-size: 17px; margin-bottom: 0;}
.rating {margin-top: 5px;}
.rating li{display: inline-block; font-size: 14px; color: #ffc601;}
.rating span {
color: #ff9900;
font-size: 16px;
}
.client_box{margin-top: 0; min-height: 70px; display: flex; gap: 20px; margin-bottom: 4px;}
.clientImg{width: 65px; height: 65px; border-radius: 100%;}
.clientImg img{border-radius: 100%;}
.client_box p{font-size: 16px; text-align: center; color: #000; line-height: 24px; margin-bottom: 0; margin-top: 12px;}
.client_box .test_name{font-size: 18px; color: #7e0b18; font-weight: bold; margin-bottom: 0;}
.client_desig{color: #6e6e6e; font-weight: normal; font-size: 14px;}
.testimonials-wrap .owl-nav{display: none;}
.testimonials-wrap .owl-dots{text-align: center; margin-top: 30px; display: none !important;}
.testimonials-wrap .owl-dots button{width: 38px; height: 10px; background: #8f8f8f; border: none; margin: 0 5px;}
.testimonials-wrap .owl-dots button.active{background: #7e0b18;}
.testimonials-wrap .owl-nav{text-align:center;}
.cta-wrap{background: #002c4c; padding: 50px 0;}
.cta-wrap .main_title p{font-size: 18px; font-weight: bold; color: #fff !important;}
.cta-wrap .main_title .title{font-size: 60px; color: #fff; margin-top: 15px;}
.phone_num a{font-size: 60px; font-weight: bold; text-decoration: none; color: #fff;}
.phone_num a:hover{color: #a93a47;}
.phone_num i{font-size: 52px; color: #fff; padding-right: 16px;}
.cta-wrap .readmore a:hover{background: #fff; color: #000;}
.cta-wrap .readmore a:hover i{background: #7e0b18; color: #fff;}
.chooseImg{margin-left: 100px;}
.whychoose-wrap{padding: 70px 0;}
.whychoose-wrap .main_title .title{font-size: 35px;}
.whychoose-wrap .main_title .title span{display: block;}
.choose_bx{background: #fff; padding: 40px; max-width: 470px; box-shadow: 0 0 20px rgb(0 0 0 / 13%); position: absolute; top: 65px; right: 0;}
.whychoose-wrap .main_title p{font-size: 18px; font-weight: bold; color: #7e0b18 !important;}
.choose_sec{position: relative;}
.year-wrap{box-shadow: 0 0 20px rgb(0 0 0 / 13%); background: #fff; padding: 14px 51px 10px 30px; gap: 15px; align-items: center; display: inline-block; display: flex; position: absolute; bottom: 50px; left: 0; z-index: 99;}
.yearbx{line-height: 40px; font-size:48px; color: #7e0b18; font-family: "Playfair Display", serif; font-weight: 900;}
.yearbx strong{display: block; font-size: 18px; color: #666; font-weight: normal;}
/*********************************************
Serving Css
**********************************************/
.serving-wrap{padding-bottom: 40px;}
.locations-list{padding: 0; list-style: none;}
.locations-list li{margin-bottom: 30px;}
.locations-list li a{display: block; background: #fff; font-weight: bold; font-size: 18px; line-height: 1.2; color: #575757; padding: 15px 20px; border-left: 3px solid #7e0b18; text-decoration: none; box-shadow: 0px 8px 22px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 8px 22px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 8px 22px 0px rgba(0,0,0,0.1); transition: all ease 0.5s; position: relative; z-index: 1; border-radius: 4px;}
.locations-list li a:after{position: absolute; left: 0; width: 0; top: 0; bottom: 0; z-index: -1; background: #7e0b18; content: ''; transition: all ease 0.5s;}
.locations-list li a:hover:after{width: 100%;}
.locations-list li a:hover{color: #fff; border-left-color: #000;}
.blue_color .title{color: #002c4c !important;}
.consulation-area{padding-block: 60px; background: url('../images/bg-contact-us.jpg') no-repeat; background-size: cover;}
.homecta{background: url('../images/bg-contact-us2.jpg') no-repeat; background-size: cover;}
.consulation-area h2{margin: 0 0 20px; font-size: 40px; line-height: 1.2; color: #fff;}
.consulation-area h2 strong{display: block; color: #7e0b18; font-size: 18px;}
.consulation-area .form-control{border-radius: 0; font-size: 18px; color: #949494; height: 52px;}
.consulation-area textarea.form-control{min-height: 132px; resize: none;}
.consulation-area .btn-submit{background: #7e0b18; border: 0; border-radius: 0; text-transform: uppercase; font-weight: bold; font-size: 18px; color: #fff; padding: 6px; transition: all ease 0.5s;}
.consulation-area .btn-submit i{display: inline-block; vertical-align: middle; background: #8b2430; padding: 15px; transition: all ease 0.5s;}
.consulation-area .btn-submit em{font-style: normal; display: inline-block; vertical-align: middle; padding-inline: 15px;}
.consulation-area .btn-submit:hover{background: #fff; color: #000;}
.consulation-area .btn-submit:hover i{color: #fff;}
.consulation-area .info-area{margin: 0; padding: 0; list-style: none;}
.consulation-area .info-area li:not(:last-child){margin-bottom: 30px;}
.consulation-area .info-area li:not(:first-child){display: flex; align-items: center;}
.consulation-area .info-area li{overflow: hidden;}
.consulation-area .info-area .icon{float: left; width: 70px; height: 70px; min-width: 70px; border-radius: 100%; background: #7e0b18; color: #fff; margin-right: 28px; display: flex; align-items: center; justify-content: center; font-size: 24px;}
.consulation-area .info-area .txt{overflow: hidden;}
.consulation-area .info-area .title{display: block; font-size: 14px; color: #fff; line-height: 1.2; font-weight: normal; margin-bottom: 0px; text-transform: uppercase;}
.consulation-area .info-area address {
color: #fff; font-weight: 600; font-size: 16px; line-height: 20px;
}
.consulation-area .info-area address{margin: 0; font-style: normal;}
.consulation-area .info-area a{text-decoration: none; color: #fff; transition: all ease 0.5s;}
.consulation-area .info-area a:hover{color: #c75c68;}
.consulation-area .info-area .tel{font-weight: bold; font-size: 24px; line-height: 1.2;}
.consulation-area .info-area .email{font-size: 18px; line-height: 1.2;}
.consulation-area .main_title p{color: #fff !important; font-weight: bold !important;}
.consulation-area .main_title .title{font-size: 40px;}
/*********************************************
blogSection css
*********************************************/
.blogSection{
position: relative;
padding: 50px 0 70px;
background: #fff;
}
.blogSection .main_title {
position: relative;
margin-bottom: 42px;
}
.blogSection .main_title p{
color: #7e0b18;
margin-bottom: 5px;
font-size: 18px;
}
.blogSection .main_title p{font-weight: bold !important; color: #7e0b18 !important;}
.blogSection .main_title .title{
color: #002c4c;
font-size: 48px;
}
.blogSection .blogBox {
position: relative;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.blogSection .blogBox .image-box {
position: relative;
}
.blogSection .blogBox .image-box .image {
position: relative;
overflow: hidden;
margin-bottom: 0;
}
.blogSection .blogBox .image-box .image img {
position: relative;
width: 100%;
display: block;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.blogSection .blogBox .image-box .date {
position: absolute;
right: 50px;
bottom: 60px;
display: block;
z-index: 3;
}
.blogSection .blogBox .image-box .date strong {
position: relative;
display: block;
width: 75px;
height: 80px;
font-size: 36px;
font-weight: bold;
font-family: "Playfair Display", serif;
line-height: 1.2;
color: #fff;
background-color: #7e0b18;
text-align: center;
}
.blogSection .blogBox .image-box .date strong span {
display: block;
font-size: 18px;
font-weight: 600;
font-family: "Playfair Display", serif;
margin-top: 0px;
}
.blogSection .blogBox .image-box .image img:first-child {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
-webkit-transform: translateX(50%) scaleX(2);
transform: translateX(50%) scaleX(2);
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px);
}
.blogSection .blogBox:hover .image-box .image img:first-child {
-webkit-transform: translateX(0) scaleX(1);
transform: translateX(0) scaleX(1);
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
}
.blogSection .blogBox:hover .image-box .image img:nth-child(2) {
-webkit-transform: translateX(-50%) scaleX(2);
transform: translateX(-50%) scaleX(2);
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px);
}
.blogSection .blogBox .content-box {
background-color: #fff;
margin-left: 25px;
margin-right: 25px;
padding: 30px 25px 30px;
position: relative;
margin-top: -100px;
z-index: 1;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-box-shadow: 0px 0px 50px 25px rgba(148,148,148,0.18);
-moz-box-shadow: 0px 0px 50px 25px rgba(148,148,148,0.18);
box-shadow: 0px 0px 50px 25px rgba(148,148,148,0.18);
}
.blogSection .blogBox .content-box .post-meta{
list-style: none;
margin-bottom: 10px;
}
.blogSection .blogBox .content-box .post-meta li{
color: #7e0b18;
line-height: 24px;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
}
.blogSection .blogBox .content-box h4{
color: #000;
font-size: 18px;
font-family: "Playfair Display", serif;
font-weight: bold;
line-height: 24px;
margin-bottom: 10px;
min-height: 96px;
}
.blogSection .blogBox .content-box h4 a{
color: #000;
text-decoration: none;
}
.blogSection .blogBox .content-box h4 a:hover{
color: #7e0b18;
text-decoration: none;
}
.blogSection .blogBox .content-box .read-more-box{
position: relative;
border-top: 1px solid #e5e5e5;
margin-top: 23px;
padding-top: 20px;
}
.blogSection .blogBox .content-box .read-more-box a {
color: #7e0b18;
text-decoration: none;
font-size: 16px;
font-family: "Playfair Display", serif;
font-weight: bold;
line-height: 24px;
}
.blogSection .blogBox .content-box .read-more-box a:hover{
color: #000;
}
.blogSection .blogBox .content-box .read-more-box a i{
margin-left: 10px;
}
/*********************************************
logoSection css
*********************************************/
.logoSection{
position: relative;
padding: 50px 0px;
background: #f0f5f8;
}
.logoSection .title {
color: #002c4c;
font-size: 40px;
font-weight: bold;
line-height: 45px;
letter-spacing: 0em;
text-align: left;
font-family: "Playfair Display", serif;
}
.logoSection .logoBar {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
gap: 20px;
}
.logoSection .logoBar .logoBarBox img {
width: 100%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.5s;
transition: all 0.5s ease 0s;
}
.logoSection .logoBar .logoBarBox:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
/*************************************
Footer Start
*************************************/
footer{
background:#00153c;
}
.footer-logo-box{
text-align: center;
margin-top: 60px;
}
.map{margin-top: 50px;}
.footer-text{padding-top: 20px;}
.footer-logo-box .social_media {text-align: center;}
.footer-logo-box .social_media li{display: inline-block; padding: 0 6px;}
.footer-logo-box .social_media li a{text-decoration: none; color: #fff; width: 40px; height: 40px; line-height: 40px; background: #7e0b18; border-radius: 100%; font-size: 16px;}
.footer_logo{margin-bottom: 20px;}
.pdl-2{padding-left: 20px;}
.footer-logo-box p{
color: #525854;
}
.footer-logo-box .social_media li a{color: #fff !important;}
.quick-links h3{color: #fff; font-size: 18px; font-weight: 600; margin-top: 40px; margin-bottom: 20px; font-family: 'Open Sans', sans-serif;}
.social-icons ul{
list-style: none;
padding: 0;
display: flex;
margin-top: 24px;
margin-bottom: 20px;
}
.social-icons ul li{
margin: 0 3px;
}
.quick-links {
margin-bottom: 30px;
}
.quick-links ul{
list-style: none;
margin-bottom: 0;
padding: 0;
}
.quick-links ul li {
margin-bottom: 8px;
}
.quick-links ul li i{
color: #bcc5d0;
margin-right: 5px;
}
.quick-links ul li a{
color: #a2b1ba;
text-decoration: none;
font-size: 14px;
font-weight: 400;
}
.quick-links ul li a:hover{color: #fff;}
.footer-info ul li{
display: flex;
margin-bottom: 15px;
gap: 18px;
}
.footer-contact-detail p{
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
color: #bcc5d0;
text-transform: uppercase;
}
.con_info li{border-bottom: 1px solid #263859; margin-bottom: 12px !important; padding-bottom: 12px;}
.con_info li:last-child{border-bottom: none;}
.phonenum a{font-size: 20px !important; font-weight: bold !important;}
.copy-right{
border-top: 1px solid #1a2c4f;
padding: 20px 0;
}
.copy-right p{
margin-bottom: 0;
color: #808c93;
font-size: 14px;
}
.copy-right p a{text-decoration: none; color: #808c93;}
.copy-right p a:hover{color: #ea2229;}
.icon-box{margin-top: 6px;}
.pagetitle-wrap{padding: 30px 0; background-position: center !important; text-align: center;}
.pagetitle-wrap h1, .pagetitle-wrap h1 strong{font-weight: bold;}
.gallery_pop .frame{overflow: hidden;}
.gallery_pop .frame img{transition: all ease 0.5s;}
.gallery_pop .frame:hover img{transform: scale(1.1);}
.gallery_pop .frame{margin: 15px 0;}
.pagecontent{padding: 60px 0;}
.pagecontent .team_list{margin: 15px 0;}
.upper-box {
position: relative;
}
.lawyer-block .name {
position: relative;
display: block;
font-weight: 500;
font-size: 30px;
line-height: 35px;
color: #202124;
margin-bottom: 10px;
}
.lawyer-block p{
color: #878787;
}
.lawyer-block .lawyer-info {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 5px;
}
.lawyer-block .lawyer-info li {
position: relative;
font-size: 18px;
line-height: 22px;
color: dimgray;
font-weight: 400;
margin-bottom: 5px;
margin-right: 30px;
}
.lawyer-info i{padding-right: 6px;}
.lawyer-info a{text-decoration: none; color: #696969;}
.lawyer-block .post-tags {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.lawyer-block .post-tags li a{
position: relative;
background: #7e0b18;
border-radius: 30px;
font-size: 14px;
line-height: 20px;
color: #fff;
text-decoration: none;
padding: 7px 15px;
border-radius: 20px;
margin-right: 10px;
}
.lawyer-block .post-tags li i{padding-right: 6px;}
.linkedin-icon{width: 30px;
height: 30px;
border-radius: 100%;
display: flex;
line-height: 30px;
padding: 0 !important;
text-align: center;
justify-content: center;
align-items: center;
margin: 0 !important;
}
.linkedin-icon i{padding-right: 0 !important;}
.lawyer-block .post-tags li a:hover{background: #002c4c; color: #fff;}
.team-details .lawyer-block .client-logo{height: 95px; background: #fff;}
.lawyer-info a:hover{color: #7e0b18;}
.team-details .clients-wrap .p-0{padding: 7px !important;}
.nav-tabs .nav-link {
text-align: left;
padding:0 40px;
align-items: center;
display: flex;
height: 58px;
margin-bottom: 0;
font-size: 20px;
font-weight: bold;
background: #e9effa;
border-radius: 0px;
border: none;
color:#000;
}
.nav-tabs{border: none; gap: 15px; border-bottom: 2px solid #002c4c;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background: #002c4c; color: #fff;}
.checklist li a{color: #7e0b18; text-decoration: none; font-weight: bold;}
.team-details li{font-weight: normal !important; position: relative;}
.cate_links li ul li{position: relative; border-bottom: 1px solid #cfcfcf;}
.cate_links li ul li:last-child{border:none;}
.checklist .edu{margin-left: 20px;}
.cate_links {
list-style: none;
margin: 0;
padding: 0;
}
ul.cate_links > li {
padding: 0;
position: relative;
border-bottom: 1px solid #c2c4c9;
}
ul.cate_links > li:last-child{border: none;}
ul.cate_links > li > a {
color: #091B29;
padding: 10px 15px 10px 28px;
display: block;
text-decoration: none;
-webkit-transition: .3s;
transition: .3s;
position: relative;
font-size: 15px;
font-weight: 600;
z-index: 2;
}
.cate_links li > a:hover, .cate_links li a:hover > i {
color: #fff;
}
.cate_links li > a:hover{ padding: 10px 15px 10px 40px;}
.cate_links li > a:hover i{left:15px;}
.cate_links li a i {
-webkit-transition: .8s;
transition: .8s;
font-size: 15px;
color: #7e0b18;
position: absolute;
bottom: 0;
top:0;
display: flex;
align-items: center;
left: 0px;
}
.cate_links > li a::before {
background: #7e0b18;
content: "";
position: absolute;
left: auto;
right: 0;
width: 0;
height: 100%;
top: 0;
bottom: 0;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
z-index: -1;
}
.cate_links li a.active{background: #7e0b18; padding: 10px 15px 10px 40px;}
.cate_links li a.active, .cate_links li a.active i{color: #fff;}
.cate_links li a.active i{color: #fff; left: 15px;}
.cate_links li a:hover::before{
left: 0;
right: auto;
width: 100%;
}
.fa-angle-down {
transition: transform 0.3s ease;
}
.fa-angle-down.rotated {
transform: rotate(180deg);
}
.cate_links li a.active:before{display: none;}
.cate_links li ul{margin-bottom: 20px; margin-top: 10px; background: #fff;
box-shadow: 0 0 15px rgb(0 0 0 / 10%);
padding: 10px 15px;
}
.cate_links li ul li a{display: block; color: #000; text-decoration: none; padding:12px 25px 12px 15px;}
.cate_links li ul li i{top:23px !important;}
.cate_links li ul li a:hover{color:#fff; background:#7e0b18; padding:12px 25px 12px 15px !important;}
.cate_links li ul li ul{background:#fff !important; border: 1px solid #cfcfcf;}
.team-details .widget .cate_links li.active a i{
color:#fff;
}
.team-details .widget .cate_links > li.active > a{
color:#fff;
background:#7e0b18;
}
.team-details .widget .cate_links li:not(.parent_active) ul {
display: none;
}
/*.cate_links .fa-caret-down{position: absolute;*/
/* top: 34px;*/
/* background: #7e0b18;*/
/* width: 30px;*/
/* height: 30px;*/
/* text-align: center;*/
/* color: #fff;*/
/* border-radius: 5px;*/
/* z-index: 999;*/
/* line-height: 30px;*/
/* margin-top: -15px;*/
/* cursor: pointer;*/
/* right: 0;*/
/*}*/
.cate_links .fa-angle-down{position: absolute;
position: absolute;
top: 33px;
text-align: center;
color: #7e0b18;
border-radius: 5px;
z-index: 999;
line-height: 30px;
margin-top: -6px;
cursor: pointer;
right: 6px;
line-height: 10px;
-webkit-transition: .3s;
transition: .3s;
}
.team-details .cate_links li:hover .fa-arrow-right{left:6px;}
.team-details .cate_links li:hover .fa-angle-down{right:6px;}
.cate_links li > a:hover + .fa-angle-down, .cate_links > li.active a + .fa-angle-down{color:#fff;}
.widget{background: #fff; padding: 30px; border: 1px solid #ddd;}
.widget h3{position: relative; margin-bottom: 30px;}
.widget h3 strong{display:block; font-weight:normal;}
.widget h3:after{content: ""; background: #7e0b18; width: 50px; height: 2px; position: absolute; bottom: -15px; left: 0;}
.lawyer_form label{color: #000; margin-bottom: 6px;}
.lawyer_form .form-control{font-size: 14px;}
.team-details .consulation-area{padding: 50px;}
ul.cate_links > li > a strong{font-weight:600;}
.blog-wrap .blogBox{margin: 15px 0;}
.blog-pagination {
margin-top: 30px;
}
.blog-pagination a {
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
text-decoration: none;
line-height: 50px;
color: #7e0b18;
border: 1px solid #7e0b18;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: 3px;
}
.blog-pagination a:hover, .blog-pagination a.active {
background: #7e0b18;
color: #ffffff;
}
.blog_cat{display: flex; gap: 20px;}
.blog_cat li a{font-size: 14px;}
.team-details .content .btn-contact{
padding: 6px 8px 6px 20px;
text-decoration: none;
color: #fff;
background: #7e0b18;
text-transform: uppercase;
display: inline-block;
font-size: 18px;
font-weight: bold;
align-items: center;
justify-content: center;
}
.team-details .lawyer-block .clients-wrap .client-logo img{
height: 100%;
object-fit: contain;
}
.team-details .content .btcontactbox{
margin: 0;
padding: 20px 15px;
}
.team-details .content .btcontactbox h3{
font-size: 18px;
margin-bottom: 15px;
}
.team-details .content .btcontactbox a:hover{
color: #7e0b18;
}
/*********************************************
FAQS css
*********************************************/
.page_content {
position: relative;
padding: 70px 0px;
}
.faq-accordion {
margin: auto;
position: relative;
z-index: 1;
}
.faq-accordion .accordion {
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
}
.faq-accordion .accordion .accordion-item {
border-radius: 5px;
display: block;
margin-bottom: 15px;
border: none;
background-color: #fff;
}
.faq-accordion .accordion .accordion-title {
padding: 20px 60px 19px 30px;
color: #000;
text-decoration: none;
position: relative;
line-height: 26px;
display: block;
font-size: 18px;
font-weight: 500;
cursor: pointer;
background-color: #f4f4f4;
border-radius: 5px;
z-index: 1;
}
.faq-accordion .accordion .accordion-title:hover{background-color: #7e0b18;
color: #fff; }
.faq-accordion .accordion .accordion-title i {
position: absolute;
right: 30px;
top: 22px;
font-size: 20px;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
}
.faq-accordion .accordion .accordion-title:focus{outline: none;}
.faq-accordion .accordion .accordion-title.active i::before {
content: "\f068";
}
.faq-accordion .accordion .accordion-title.active i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.faq-accordion .accordion .accordion-content {
display: none;
position: relative;
margin-top: -6px;
padding: 30px;
background-color: #f4f4f4;
border-radius: 0 0 5px 5px;
}
.faq-accordion .accordion .accordion-content.show {
display: block;
}
.faq-accordion .accordion .accordion-content p{
margin-bottom: 0;
font-size: 16px;
line-height: 1.7;
}
.faq-accordion .accordion .accordion-title.active {
border-radius: 5px 5px 0 0;
background-color: #7e0b18;
color: #fff;
border-bottom: 1px solid #7e0b18;
}
.faqs-wrap .checklist li a{color: #000;}
.faqs-wrap .checklist li a:hover{color: #7e0b18;}
.contactpagebx{padding: 40px; background: #f3f3f3;}
.btn-submit {
background: #7e0b18;
border: 0;
border-radius: 0;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
color: #fff;
padding: 6px;
transition: all ease 0.5s;
}
.btn-submit:hover {
background: #fff;
color: #000;
}
.btn-submit em {
font-style: normal;
display: inline-block;
vertical-align: middle;
padding-inline: 15px;
}
.btn-submit i {
display: inline-block;
vertical-align: middle;
background: #8b2430;
padding: 15px;
transition: all ease 0.5s;
}
.btn-submit:hover{background: #002c4c; color: #fff;}
.contact_map .info-area{padding: 30px 30px 30px 20px;}
.contact_map .info-area a{color: #000;}
.contact_map .info-area .title{color: #000;}
.careersbox{background: #002c4c; color: #fff; padding: 35px; margin-top: 30px;}
.careersbox p{color: #fff;}
.careersbox a{background: #7e0b18; color: #fff; padding: 10px 25px; text-decoration: none; display: inline-block;}
.postimage{margin-bottom: 30px;}
.service-list h3{display:none;}
.service-info {
padding: 30px 20px;
background:#8b2430 url(../images/sidebar-contact.jpg) no-repeat;
background-size: cover;
text-align: center;
width: 100%;
margin-top: 30px;
}
.service-info .icon {
width: 88px;
height: 76px;
line-height: 76px;
border-radius: 4px;
background: rgba(255, 255, 255, 0.1);
color: #fff;
font-size: 35px;
display: inline-block;
margin-bottom: 10px;
}
.service-info h2 {
color: #FFF;
font-size: 24px;
font-weight: 700;
line-height:28px;
margin: 0 auto;
margin-bottom: 30px;
}
.service-info span {
color: #fff;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 1.95px;
text-transform: uppercase;
margin-bottom: 10px;
display: block;
}
.service-info .num span {
color: #FFF;
text-align: center;
font-size: 30px;
font-weight: 700;
display: block;
margin-bottom: 30px;
}
.service-info .btn-light{
font-size: 18px;
line-height: 1.2;
font-family: var(--openSansFont);
font-weight: bold;
text-transform: uppercase;
padding: 15px 30px;
background: #fff;
color: #000;
border: none;
border-radius: 0;
}
.service-info .btn-light:hover{background: #fff; color: #8b2430;}
.btcontactbox{background: #002c4c url(../images/bt-contact.jpg) no-repeat center; background-size: cover; text-align: center; padding:60px 40px; margin-top: 30px;}
.btcontactbox h3{color: #fff; margin-bottom: 30px;}
.btcontactbox a{font-size: 18px;
line-height: 1.2;
font-family: var(--openSansFont);
font-weight: bold;
text-transform: uppercase;
padding: 15px 30px;
background: #fff;
display: inline-block;
text-decoration: none;
color: #000;
border: none;
border-radius: 0;}
.letterLinks {
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
flex-wrap: wrap;
background: #f0f5f8;
padding: 20px;
}
.letterLinks a, .letterLinks span {
display: flex;
justify-content: center;
align-items: center;
float: left;
width: calc(100vw / 26 - 0px);
height: calc(100vw / 26 - 0px);
min-width: 30px;
min-height: 30px;
max-width: 30px;
max-height: 30px;
text-align: center;
text-decoration: none;
background: #8b2430;
color: #ffffff;
font-size: 16px;
font-weight: 400;
border-radius: 3px;
text-shadow: none;
vertical-align: middle;
line-height: normal;
}
.letterLinks span {
background: #cacaca;
}
.see_all_people{min-width: 72px !important;}
.letterLinks a.active_peple{background:#000;}
.letterLinks a:hover{background-color: #000;}
.peoplesearch{background: #f0f5f8; padding: 20px; margin-top: 1px; margin-bottom: 30px;}
.peoplesearch .btn{background:#8b2430; color: #fff; border: none;}
.peoplesearch .form-control{height: auto; padding: 10px; margin-bottom: 20px; appearance: auto;}
.sidebarteam{margin-top: 30px; background:#f0f5f8; padding: 30px; border: none;}
.teambox{margin-top: 10px; display: flex; border: 1px solid #ddd; gap: 10px; align-items: center; background: #fff;}
.imagetm{max-width: 60px;}
.teaminfo{padding: 10px;}
.teaminfo h5{margin-bottom:0; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700;}
.teaminfo h5 a{color:#8b2430; text-decoration: none;}
.teaminfo p{margin-bottom: 0;}
.intblog .blogBox{margin-top: 0; margin-bottom: 30px;}
.pagecontent .team_list{margin-top: 0; margin-bottom: 30px;}
.team-wrap .large-video{
margin-bottom: 10px;
max-height: 400px !important;
overflow: hidden;
}
.team-wrap .large-video iframe{height:400px;}
.team-wrap .owl-carousel .item{
height: 105px;
}
.team-wrap .owl-carousel .item img{
display: block;
height: 100%;
}
/*********************************************
Media Screen css
*********************************************/
@media screen and (max-width: 1200px) {
.nav-pills .nav-link{font-size: 18px;}
.title h1{font-size: 42px;}
.navbar-nav li {
padding: 0px 13px;
}
.navbar-expand-lg .navbar-nav {
margin-top: 8px;
}
.navbar-expand-lg .navbar-nav .nav-link{font-size: 13px;}
.navbar-nav li{padding: 0px 11px;}
.about-wrap .main_title .title, .consulation-area .main_title .title{font-size: 36px;}
.slider-wrap{padding: 350px 0 80px 0;}
.cta-wrap .main_title .title{font-size: 46px;}
.service_box h2{font-size: 18px;}
.team_list .caption{padding-left: 25px 15px 0px 15px;}
}
@media screen and (max-width: 990px) {
.contactpagebx{margin-top: 40px;}
.navbar-nav li a + i {
display: block;
}
.navbar-light .navbar-nav .nav-link i {
display: none;
}
.navbar-nav > li > ul {
position: static;
display: none;
margin-left: 20px;
opacity: 1;
visibility: visible;
}
.team_list{margin-top:30px;}
.consulation-area .btn-submit{margin-top:15px;}
.clients-wrap .main_title p span, .about-wrap .main_title .title span, .whychoose-wrap .main_title .title span{display: inline;}
.aboutImg{margin-top: 40px;}
.logoSection .title{text-align: center; margin-bottom: 20px;}
.blogSection .blogBox{margin-bottom: 30px;}
.choose_bx{position: static; max-width: inherit;}
.chooseImg{margin-left: 0;}
.slider-wrap h1{font-size: 56px; line-height: 58px;}
.slider-wrap p{font-size: 35px;}
.header-wrap{padding: 0;}
.navbar-expand-lg .navbar-nav .nav-link:after, .navbar-expand-lg .navbar-nav .nav-link:hover:after, .navbar-expand-lg .navbar-nav .nav-link.active:after{display: none;}
.navbar{padding: 0;}
.call{display: none;}
.slider-wrap{padding: 300px 0 80px 0;}
.expertImg{text-align: center;}
.slidertext2{line-height: 40px !important;}
.nav-pills .nav-link img {
margin-right: 15px;
position: absolute;
left: 10px;
top: 10px;
}
.navbar-collapse {
position: fixed;
top: 0px;
bottom: 0;
left: 100%;
width: 80%;
padding-right: 1rem;
padding-left: 1rem;
overflow-y: auto;
visibility: hidden;
background-color: rgba(0,0,0,0.8);
transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out, visibility .3s ease-in-out;
transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
z-index: 10000;
}
.navbar-collapse.show {
visibility: visible;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.navbar-light .navbar-toggler{display: block; position: absolute;
top: 20px;
right: 46px;
background: #fff;}
.close-toggler {
background: none;
color: #fff;
padding: 5px;
border: none;
margin-top: 10px;
font-size: 24px;
position: absolute; top: 0; right: 15px;
display: block;
}
.navbar-nav > li {
display: block;
}
.navbar-light .navbar-nav .nav-link {
color: #fff;
padding: 10px 16px;
}
.navbar-nav{padding-top: 70px;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
background: #7e0b18;
color: #fff;
}
.navbar-nav li{padding: 0;}
}
.navbar .readmore{justify-content: left;padding-left: 15px;}
.blog-wrap .pagination{
display: flex;
justify-content: center;
}
.blog-wrap .pagination .page-link{
color: #000;
box-shadow: none;
outline: none;
}
.blog-wrap .pagination .page-item.active .page-link{
border-color: #7e0b18;
background: #7e0b18;
color: #fff;
}
@media screen and (max-width: 767px) {
.slider-wrap h1{font-size:36px; line-height: 38px;}
.slider-wrap p{font-size: 23px;}
.slider-wrap{padding: 200px 0 80px 0;}
.nav-pills .nav-link{font-size: 16px;}
.nav-pills .nav-link img{width: 40px;}
.nav-pills .nav-link{padding-left: 60px;}
.nav-pills .nav-link{height: 56px;}
.title:before{bottom: -18px;}
.services-list li a{min-width: 125px; font-size: 16px; }
.consulation-area h2{font-size: 30px; }
.consulation-area .form-area{margin-bottom: 40px; }
.consulation-area .btn-submit{width: 170px; display: block; }
.consulation-area .info-area li{display:flex; text-align:left; }
.consulation-area .info-area{text-align: center; padding-top: 10px; }
.consulation-area .info-area .icon{float: none; margin-bottom: 10px;
width: 48px;
height: 48px;
min-width: 48px;
font-size: 18px;
margin-right:15px;
}
.navbar-light .navbar-toggler{top: 17px; right: 26px;}
.footer_nav li {
display: block;
border-bottom: 1px solid rgb(255 255 255 / 22%);
padding: 7px 0;
}
.quick-links{padding-left: 0 !important;}
.title h1{font-size: 36px;}
.atc-logo img{width: 350px;}
.team-wrap, .service-wrap{padding: 40px 0;}
.clients-wrap, .about-wrap{padding-bottom: 40px;}
.intservbt .service_box{margin-bottom:30px;}
.service-wrap .readmore{margin-top:10px;}
.testimonials-wrap .owl-dots button{
width: 15px;
height: 15px;
}
.choose_bx{box-shadow:none; padding:0 0 35px 0;}
.whychoose-wrap{padding-top:30px;}
.year-wrap{position:static;}
.yearbx strong{line-height: 20px; margin-top: 8px;}
.blog-wrap .pagination{flex-wrap: wrap;}
.blog-wrap .pagination .page-link{margin-top:5px;}
}
@media screen and (max-width: 480px) {
.quick-links h3{margin-top: 0;}
.contactpagebx{padding: 20px;}
.dmca-protected{margin-bottom: 40px;}
.service_box h2{font-size: 20px;}
.copy-right p{text-align: center;}
.atc-logo img{width: 250px;}
.readmore a{font-size: 16px;}
.navbar-light .navbar-toggler{top: 16px; right: 20px;}
.slider-wrap h1{font-size:30px; line-height: 26px;}
.slider-wrap p{font-size: 17px;}
.slider-wrap{padding: 100px 0 20px 0;}
.choose_bx{padding: 20px}
.cta-wrap .main_title .title {
font-size: 31px; line-height: 34px;
}
.main_title .title{font-size: 34px; line-height: 38px;}
.team_list{margin: 15px 0;}
.service-wrap .main_title{margin-bottom: 0;}
.main_title p{line-height: 24px !important; font-weight: normal;}
.phone_num a{font-size: 38px;}
.phone_num i{font-size: 30px;}
.blogSection .main_title .title{font-size: 30px;}
.blogSection .main_title p{font-size: 14px !important; margin-bottom: 0;}
.logoSection .title{font-size: 26px;}
.about-wrap .main_title .title, .consulation-area .main_title .title {
font-size: 28px;
}
.slider-wrap p{padding: 2px 12px 7px 12px;}
.lawyer-block .client-logo{padding: 10px; height:auto;}
.upper-box{padding: 20px;}
.nav-tabs .nav-link{width: 100%; text-align: center; display: block;}
.blog_cat{display: block;}
.service_box{padding:30px;}
.service_box p{margin-top:5px;}
.faqs-wrap .service-list .service_box h2{min-height:auto;}
}
@media screen and (max-width: 375px) {
.logoSection .title{font-size: 22px;}
}
@media screen and (max-width: 320px) {
.about-wrap .main_title .title, .consulation-area .main_title .title {
font-size: 28px; line-height: 32px;
}
.atc-logo img{width: 200px;}
.whychoose-wrap .main_title .title {
font-size: 24px;
}
.slider-wrap h1 {
font-size: 26px;
line-height: 26px;
}
.slider-wrap p {
font-size: 15px;
}
}
.formValidationErrors{
color: red;
}
/******************************************
Landing Css Start
******************************************/
.fasciitis-wrap{background: #00153c; padding: 70px 0 240px 0; margin-bottom: 70px; position: relative;}
.fasciitis-wrap p, .fasciitis-wrap .title, .fasciitis-wrap ul li{color: #fff;}
.fasciitis-wrap ul li:before{color: #fff;}
.contactsec-wrp{margin-top: -280px; padding:0 0 80px 0; z-index: 999; position: relative;}
.contactsec-wrp h1{color: #fff; font-weight: bold; font-size: 48px;}
.contactsec-wrp p{font-size: 18px; color: #fff;}
.fasciitis-wrap:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../images/1.jpg);
opacity: 0.02;
}
.joinconsc .con_icon{top: -12px; left: 0;}
.phonewrp a {
font-size: 30px;
color: #fff;
font-family: 'Quicksand', sans-serif;
font-weight: bold;
text-decoration: none;
line-height: 24px;
}
.phonewrp a:hover{color: #b5b13c;}
.joinconsc{padding: 0; background: none; border: none;}
.joinTeam h3{color: #fff; font-size: 30px; font-weight: bold;}
.joinTeam p{margin-bottom: 0;}
.joinconsc .joinTeam{padding-left: 120px;}
.joinTeam:before{background: url(../images/join_icon.png) !important; width: 100px; height: 100px; top: -10px;}
.joinTeam p{color: #b1bfc3;}
.contactsec-wrp .row{align-items: center;}
.con_left{background: #0374bb; padding: 41px; border-radius: 10px 0 0 10px;}
.con_left h3{font-size: 38px; font-weight: bold; font-weight: bold; color: #fff;}
.con_left .readmore a{padding: 18px 36px !important; font-size: 18px;}
.con_form{background: #eef4ff; padding:50px; }
.con_form h3{color: #000; font-weight: bold; }
.con_form .input-group{margin-top: 18px;}
.con_form .form-control{height: 60px; font-size: 16px; border-radius: 0; background: #fff; border: 1px solid #c5d9ff;}
.con_form textarea.form-control{height: 150px;}
.submit_btn{border: none; padding: 15px 36px; background: #0374bb; font-family: 'Quicksand', sans-serif; font-size: 20px; font-weight: bold; border-radius: 6px; color: #fff; text-transform: uppercase;}
.submit_btn i{padding-left: 6px;}
.submit_btn:hover{background: #000;}
.pr-0{padding-right: 0;}
.pl-0{padding-left: 0;}
.contactsec-wrp .social_media{margin-bottom: 0;}
.contactsec-wrp .social_media li{display: inline-block;}
.contactsec-wrp .social_media li a{text-decoration: none; background: #f5f5f5; color: #fff; border-radius: 100%; width: 46px; height: 46px; display: block; line-height: 46px; text-align: center;}
.contactsec-wrp .social_media li:nth-child(1) a, .footer-wrap .social_media li:nth-child(1) a{color: #3b548b;}
.contactsec-wrp .social_media li:nth-child(2) a, .footer-wrap .social_media li:nth-child(2) a{color: #d64135;}
.contactsec-wrp .social_media li:nth-child(3) a, .footer-wrap .social_media li:nth-child(3) a{color: #cd2f80;}
.contactsec-wrp .social_media li:nth-child(4) a, .footer-wrap .social_media li:nth-child(4) a{color: #0e74b2;}
.contactsec-wrp .footer_logo{margin-bottom: 20px;}
.contactsec-wrp .social_media li:nth-child(4) a{color: #de0705;}
.contactsec-wrp .social_media{border-top: 1px solid #e5e5e5; padding-top:30px; margin-top:40px; text-align: center;}
.contactsec-wrp .social_media li a:hover{color: #fff;}
.call-us {
position: relative;
padding-left: 60px;
text-align: left;
margin-top: 40px;
}
.call-us:before {
content: "";
background: url(../images/map_icon.png) no-repeat;
color: #fff;
position: absolute;
top: 0;
left: 0;
width: 49px;
height: 54px;
}
.call-us.phone:before {
background: url(../images/phone_icon.png) no-repeat;
}
.call-us.phone a
.call-us.email:before {
background: url(../images/email_icon.png) no-repeat;
}
.call-us.email {
margin-bottom: 0;
}
.call-us.email a{font-size: 18px;}
.call-us span {
display: block;
font-weight: normal;
font-size: 14px;
color: #fff;
}
.call-us a {
color: #fff;
font-size: 16px;
text-decoration: none;
font-weight: 600;
}
.phone a{font-size: 28px;
}
.para p a{color:#fffc00;}
.para p a:hover{color:#fff;}
.vc_chart.vc_line-chart.wpb_content_element.sepis-graphh{background: #e5eeff;
padding: 70px;}
.causes-wrap{background: url(../images/causes-bg.jpg) no-repeat top; background-size: cover; padding: 50px 0 0 0; overflow: hidden;}
.causes-wrap .title, .causes-wrap p, .resultbx .title, .resultbx .main_title p{color: #fff !important;}
.causes-wrap ul li, .causes-wrap ul li:before{color:#fff;}
.causeImg{ position: relative;
margin-right: -375px;}
.causeimg img{width: 100%;
min-height: 570px;
object-fit: cover;}
.case-area .main_title .title{font-size: 36px; color: #fff;}
.case-area .para{height: 300px; overflow-y: scroll;}
.para {
height: 300px;
overflow-y: auto;
padding: 10px;
font-family: Arial, sans-serif;
line-height: 1.6;
}
.para::-webkit-scrollbar {
width: 8px;
}
.para::-webkit-scrollbar-thumb {
background-color: #888;
border-radius: 10px;
}
.para::-webkit-scrollbar-thumb:hover {
background-color: #555;
}
.para::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
.case-area{
display: flex;
margin-top: 90px;
}
.case-area .readmore a:hover{background: #fff; color: #000;}
.case-area h1 span{display: block; color: #fff; font-size: 36px !important;}
.case-area .align-left{
flex-grow: 1;
flex-basis: 0;
background: url('../images/caseimg.jpg') no-repeat center;
background-size: cover;
z-index: 1;
}
.case-area .align-right{
background: #7e0b18;
flex-grow: 1;
flex-basis: 0;
display: flex;
position: relative;
align-items: center;
z-index: 1;
color: #fff;
}
.case-area .readmore a{background: #fff; color: #000;}
.case-area .readmore a:hover{background: #000; color: #fff;}
.case-area .readmore a i{background: #7e0b18; color: #fff;}
.case-area .align-right .holder{
padding: 50px;
}
.case-area .align-right h2{
line-height: 46px;
margin: 0 0 18px;
}
.case-area .align-right p{
margin: 0 0 30px;
color: #fff;
}
.resultbx{padding: 230px 0 50px 0; margin-top: -150px; background: url('../images/bg-contact-us.jpg') no-repeat; background-size: cover;}
.resultbx p{color: #fff;}
blockquote{background: #fff; padding: 20px; font-weight: 600; border-left: 6px solid #7e0b18; font-style: italic;}
.canvaswrp{padding: 80px 0; text-align: center;}
/*
===================================================
20. Faqs style
===================================================
*/
.page_content {
position: relative;
padding: 70px 0px;
}
.faq-accordion {
margin: auto;
position: relative;
z-index: 1;
}
.faq-accordion .accordion {
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
}
.faq-accordion .accordion .accordion-item {
border-radius: 5px;
display: block;
margin-bottom: 15px;
border: none;
background-color: #fff;
}
.faq-accordion .accordion .accordion-title {
padding: 20px 60px 19px 30px;
color: #000;
text-decoration: none;
position: relative;
line-height: 26px;
display: block;
font-size: 18px;
font-weight: 500;
cursor: pointer;
background-color: #f4f4f4;
border-radius: 5px;
z-index: 1;
}
.faq-accordion .accordion .accordion-title:hover{background-color: #7e0b18;
color: #fff; }
.faq-accordion .accordion .accordion-title i {
position: absolute;
right: 30px;
top: 22px;
font-size: 20px;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
}
.faq-accordion .accordion .accordion-title:focus{outline: none;}
.faq-accordion .accordion .accordion-title.active i::before {
content: "\f068";
}
.faq-accordion .accordion .accordion-title.active i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.faq-accordion .accordion .accordion-content {
display: none;
position: relative;
margin-top: -6px;
padding: 30px;
background-color: #f4f4f4;
border-radius: 0 0 5px 5px;
}
.faq-accordion .accordion .accordion-content.show {
display: block;
}
.faq-accordion .accordion .accordion-content p{
margin-bottom: 0;
font-size: 16px;
line-height: 1.7;
}
.faq-accordion .accordion .accordion-title.active {
border-radius: 5px 5px 0 0;
background-color: #7e0b18;
color: #fff;
border-bottom: 1px solid #7e0b18;
}
.testimonials_inr{max-width: 800px; margin: 0 auto;}
.testimonials_inr .rating{text-align: center; margin-bottom: 20px;}
.testimonials_inr .test_name{text-align: center; font-weight: bold; margin-top: 12px;}
.resourceswrp{padding: 80px 0;}
.resourcebx{background: #f5f9ff; padding: 50px; border: 1px solid #8aaae5; height: 100%;}
.contact_info{margin-top: 6px;}
.resourcebx h4{color: #00153c; font-weight: bold;}
.contact_info a{text-decoration: none; color: #000; font-weight: 600;}
.contact_info a:hover{color: #7e0b18;}
.contact_info i{padding-right: 6px; color: #7e0b18;}
.lpslide{background: url(../images/lpslide.jpg) no-repeat top; background-size: cover; padding: 380px 0 100px 0;}
.lpslide h2{color: #fff; font-weight: bold; font-size: 68px;}
.lpslide h2 span{display: block;}
@media screen and (max-width:990px) {
.causeImg{margin: 0;}
.case-area{display: block;}
.case-area .para{height: auto; overflow: auto;}
.contactsec-wrp{padding: 0;}
.lpslide{padding: 280px 0 100px 0 }
.causes-wrap .mt-5{margin-top: 0 !important;}
}
@media screen and (max-width:767px) {
.lpslide{padding: 180px 0 60px 0 }
.lpslide h2{font-size: 42px;}
}
@media screen and (max-width:480px) {
.case-area .align-right .holder, .con_form{padding: 20px;}
.lpslide{padding: 100px 0 30px 0 }
.lpslide h2{font-size: 36px;}
}
@media screen and (max-width:320px) {
.lpslide{padding: 100px 0 30px 0 }
.lpslide h2{font-size: 28px;}
.lpslide .readmore a{padding: 6px 6px 5px 16px; font-size: 14px;}
}
.navbar-expand-lg .navbar-nav + .readmore {margin-left:auto !important}
.clients-wrap li:before{display:none;}
.team-details .clients-wrap .client-logo img{width: 140px !important;}
.video_image{position: relative; display: inline-block;}
.playbtn { position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
margin-top: -41px;}
.playbtn a {
box-sizing: content-box;
display: inline-block;
width: 52px;
height: 64px;
background: #fff;
border-radius: 50%;
padding: 14px 16px 14px 24px;
position: relative;
}
.playbtn a:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: block;
width: 100px;
height: 100px;
background: #fff;
border-radius: 50%;
-webkit-animation: pulse-border 1500ms ease-out infinite;
animation: pulse-border 1500ms ease-out infinite;
}
.playbtn a span i{
font-size: 29px;
color: #7e0b18;
z-index: 99; position: relative;
padding-top: 18px;
}
.playbtn a:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: block;
width: 100px;
height: 100px;
border-radius: 50%;
-webkit-transition: all 200ms;
transition: all 200ms;
}
@-webkit-keyframes pulse-border {
0% {
-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity:1;
}
100% {
-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity:0;
}
}
@keyframes pulse-border {
0% {
-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity:1;
}
100% {
-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity:0;
}
}
/******************************************
Landing Css End
******************************************/
@media only screen and (max-width: 1200px) {
.slidertext1, .slidertext2, .slidertext3, .slidebtn{margin-left:60px !important;}
}
@media only screen and (max-width: 991.98px) {
.navbar-nav li .submenu.show{
display: block;
}
.navbar-light .navbar-nav .nav-link i{
display: inline-block;
}
.team-details iframe{width:100%;}
}
@media only screen and (max-width: 767.98px) {
.slidertext1, .slidertext2, .slidertext3, .slidebtn{margin-left:90px !important;}
.slidertext2 {
line-height: 38px !important;
margin-top:5px !important;
}
.slidebtn{margin-top:25px !important;}
.navbar-nav li .submenu{
min-width: 200px;
margin-left: 10px;
margin-bottom: 10px;
}
.navbar-nav li .submenu a{
line-height: 16px;
}
.header-wrap .navbar .readmore{
padding-left: 0;
}
.header-wrap .navbar .readmore a {
font-size: 13px;
margin-bottom: 6px;
padding-top: 0 !important;
padding-bottom: 0 !important;
background: transparent;
}
.header-wrap .navbar .readmore a i{
margin-left: 0;
font-size: 20px;
background: transparent;
}
.header-wrap .navbar .readmore a:hover,
.header-wrap .navbar .readmore a:hover i{
color: #7e0b18;
}
.tparrows.hidearrows{opacity:1;}
.tp-arr-iwrapper{ line-height: 40px; font-size: 18px;}
.tp-arr-allwrapper{width: 40px;
height: 40px;}
.tp-leftarrow.round{left:5px !important;}
.tp-rightarrow.default{right:5px !important;}
}
@media only screen and (max-width: 480px) {
.slidertext2 {
line-height: 18px !important;
margin-top:-10px !important;
}
.slidertext1 {margin-top:-25px !important;}
.slidebtn{margin-top:-25px !important;}
.slidertext1, .slidertext2, .slidertext3, .slidebtn{margin-left:62px !important; }
.playbtn a span i{padding-top: 7px;}
.playbtn a{width: 30px;
height: 40px;}
.playbtn a:before{width: 80px;
height: 80px;}
}
.pagetitle-wrap {background-size: cover !important;}