/*
Theme Name: UnfinityPlus Child
Theme URI: http://unfinityplus.casethemes.net/business/landing-page/
Author: CaseThemes
Author URI: https://themeforest.net/user/casethemes
Description: Unfinity Plus is one of the best collections of landing pages with modern touch, very well polished, responsive, elegant one page website. It is very easy to customize. Unfinity Plus is a perfect theme for Multipurpose Business. So keep it on desk for the time of your necessary.
Version: 1.3.3
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: unfinityplus
Text Domain: unfinityplus-child
Tags:  	business, colorful, consultant, corporate, creative, elegant, financial, one page, parallax, portfolio, pricing table, responsive, side navigation, single, video background 
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
body{
	color:#000000e0 !important;
	font-family: "Roboto", sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: "Arial", sans-serif !important;
}
#site-header-wrap .site-branding img {
    max-height: 95px !important;
}

.ct-fancybox-layout3:hover, .ct-fancybox-layout3.actived{background-color:#00007f !important }
.ct-fancybox-layout3 .ct-fancybox-desc{color:#000000e0 !important}
.ct-fancybox-layout3:hover .ct-fancybox-title, .ct-fancybox-layout3.actived .ct-fancybox-title, .ct-fancybox-layout3:hover .ct-fancybox-desc, .ct-fancybox-layout3.actived .ct-fancybox-desc{color:#ffffff !important}


.btn, button, .button, input[type="submit"]{
	background-color:#00007f !important;
	border:2px solid #00007f !important;
	color:#ffffff !important;
	font-family: "Roboto", sans-serif !important;
}
.btn:hover, button:hover, .button:hover, input[type="submit"]:hover, .btn:focus, button:focus, .button:focus, input[type="submit"]:focus, .btn.focus, .btn:active{
	background-color:#000000 !important;
	border:2px solid #000000 !important
}
#practise_area .ct-grid-service-layout3 .item-holder-inner{
	align-items:center !important;
    border:2px solid #f6f6f6 !important;
	cursor:pointer
}
.ct-heading .style-lawyer:before, .ct-heading .style-lawyer:after{background-color:#0769ca !important;}
.ct-grid-service-layout3 .item-icon{background-color:#00007f !important;}
#practise_area .ct-grid-service-layout3 .item-holder-inner:hover{
	border-color:#00007f !important;
	box-shadow:0 4px 4px rgba(176, 153, 145, 0.65) !important
}
.ct-scroll-top:not(.fixed-bottom){
	background-color:#0769ca !important;
	background-image: -webkit-gradient(linear, left top, right top, from(#0769ca), to(#0769cad6)) !important;
    background-image: -webkit-linear-gradient(left, #0769ca, #0769cad6) !important;
	
}
#site-header-wrap.header-layout6 #site-header .primary-menu > li > a:before{
	background-color:#00007f !important;
}
.ct-fancybox-layout3:hover .ct-fancybox-icon, .ct-fancybox-layout3.actived .ct-fancybox-icon
{color:#ffffff !important}
.d-none-custom, .item-comment, .item-time{display:none !important}
.ct-team-carousel.layout3 .team-holder {background-color: #00007fdb !important;}
.ct-team-carousel.layout3 .owl-dots .owl-dot.active:before{border: 5px solid #00007f !important;}
.ct-grid-blog-default .item-more, .ct-grid-blog-layout1 .item-more, .ct-grid-blog-layout2 .item-more, .ct-grid-blog-layout4 .item-more, .ct-grid-blog-default .item-comment, .ct-grid-blog-layout1 .item-comment, .ct-grid-blog-layout2 .item-comment, .ct-grid-blog-layout4 .item-comment{color:#ffb900 !important}
.top-footer-logo img{width:110px !important}
.site-footer .top-footer .top-footer-logo{margin-bottom:15px !important}
.item-footer, #blog .item-content{display:none !important}
.ct-spinner3 .double-bounce1, .ct-spinner3 .double-bounce2{background-color:#3c3c3c !important}
.ct-team-carousel.layout3 .team-title{font-size:22px !important}
.ct-team-carousel.layout3 .team-title{color:#000000 !important}
.ct-fancybox-layout3 .ct-fancybox-desc{font-size:15px !important}
h3.ct-heading-tag{margin-bottom:0 !important}
h3.ct-heading-tag p{margin-bottom:5px !important}
#about h3.ct-heading-tag{
	color:#0769ca !important;
	text-transform:uppercase;
	font-size: 25px;
    margin-bottom: 15px !important;
}
/* #practice h3.item-title{color:#0769ca !important} */
#attorneys h3.team-title, span.team-position{color:#ffffff !important}
.ct-grid-blog-default .item-title{color:#000000e0 !important; margin-bottom:0 !important}
.ct-grid-blog-default .item-body{padding:15px 25px !important}
.ct-grid-blog-default .item-title a:hover, .ct-grid-blog-layout1 .item-title a:hover, .ct-grid-blog-layout2 .item-title a:hover, .ct-grid-blog-layout4 .item-title a:hover{color:#00007f !important}
.ct-fancybox-layout3 .ct-fancybox-icon{color:#00007f !important}
ul.social_links{margin:0 !important}
ul.social_links li{
	list-style: none;
    float: left;
    margin-left: 20px;
    font-size: 25px;
}
ul.social_links li:first-child{margin-left:0}
.site-footer .top-footer a:hover{color:#00007f !important}
.bottom-footer .text-right-lg{display:none !important}
.bottom-footer .bottom-copyright{
	width:100%; 
	max-width:100%; 
	flex:auto;
	text-align:center !important
}
.pum-close{
	WIDTH: 30PX;
    height: 30px;
    line-height: 30px;
    padding: 0;
    border-radius: 50%;
    top: -20px;
    right: 0px;
}

#blog .vc_col-sm-4 .vc_column-inner{
	    border: 1px solid #e5e5e5;
		border-radius: 4px;
		width: 90%;
		padding: 0;
}
#blog .vc_col-sm-4 img{margin-top:17px}
#blog .vc_col-sm-4 h5{padding: 0 3px; line-height:25px}
/* .site-content{padding:50px 0 !important} */
.breadcrumb-banner .vc_column-inner{
	height:500px;
	position:relative
}
.br-details{
	background-color: #00000087;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translate(-5%, -50%);
	color: #ffffff;
    padding: 35px 20px;
    border-radius: 8px;
}
.br-details h1{color:#ffffff}
.br-details a{color:#ffffff !important}
.br-active{color:#0769ca}
#about .vc_column-inner{
	padding-left:0 !important
}
#about h4.ct-heading-tag {display:none !important}
.ct-video-wrapper.layout1.style3 .ct-video-button:hover{
	background-color:#0769ca !important;
	background-image:none !important
}

.ct-grid-gallery2 .item-featured .item-meta{background-color:#00007fdb !important}
.news_gallery .ct-love-count{display:none !important}
.news_gallery .ct-grid-inner .grid-item{
	box-shadow: 0 0 20px rgba(0, 0, 0, .1) !important;
    padding: 7px !important;
    background-color: #00007f30 !important;
/* 	margin:2px */
}

.news_carousel .owl-carousel.owl-drag .owl-item{
	padding:10px !important;
	background-color: #00007fdb !important;
}

.owl-nav .owl-prev, .owl-nav .owl-next{
	background-color:#00007f !important; 
	border-radius:50% !important;
	width:35px !important;
	height:35px !important;
	line-height:35px !important;
	color:#ffffff !important
}

.team-member-carousel {
    display: flex;
    flex-wrap: nowrap;
    padding: 20px;
}
.team-member-item {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.team-member-item img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 10px;
}

#form-bg{
	background-color: #f3f3f3a3;
/* 	border: 1px solid #f6f6f6; */
    box-shadow: 0 31px 95px rgba(0, 0, 0, .1);
    padding: 20px 0;
	border-radius:7px
}
form .w-50 {width:46% !important; margin: 0 1%;}
form .w-100{width:95% !important; margin: 0 1%;}
.resume-label input{width:100%}
.resume-label span{margin-bottom:0 !important}
span.info{font-size:12px; margin-left:1%}
form input, form textarea{
	background-color: #ebeef000 !important;
    border: 1px solid #00007f  !important;
    color: #3c3c3c  !important;
}

.addr_two{margin-top:20px}
.addr-details .ct-fancybox-desc{
	color:#3c3c3cd4 !important
}
.addr_one h3.ct-fancybox-title, .addr_two h3.ct-fancybox-title{
	font-size:16px !important;
	line-height:20px !important;
	text-transform:uppercase;
	margin-bottom:7px
}
.w-65{width:65%}
.contact-form-custom p{margin-bottom:0 !important}

#contact-form-row{
	background-color: #f3f3f3a3;
    border-radius: 7px;
    padding: 20px;
}

#practise_area .item-holder-inner .item-holder h3{margin-bottom:0 !important}
#practise_area .item-holder-inner .item-content, #practise_area .item-holder-inner a{display:none}
.carousel_team .team-member-item{
	background: #d9e6ee;
    border: 0;
    border-radius: 0;
    padding: 0;
    text-align: center;
    box-shadow: none;
}
.carousel_team .owl-carousel .owl-item img{width:100%; padding:0 20px 20x 20px}
.carousel_team .team-member-image img{
	height: auto;
    object-fit: contain;
    border-radius: 0;
    margin: 0;
}
.carousel_team .team-member-item{position:relative}

.carousel_team .team-member-item .team-member-info{
	background-color:#00007fdb;
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -khtml-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -moz-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -o-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -khtml-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
	padding:20px;
	color:#ffffff
}

.carousel_team .team-member-item .team-member-info h3{color:#ffffff}

.carousel_team .team-member-item:hover .team-member-info {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -khtml-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    margin-bottom: -1px;
}

.carousel_team .team-member-item:hover .team-member-info p.contact:before{
	font-family: "Font Awesome 5 Free";
   content: "\f0e0";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight:900;
}

.carousel_team .team-member-item:hover .team-member-info p.contact a{color:#ffffff}
.carousel_team .owl-dot{
	height: 12px !important;
    width: 12px !important;
    border: 2px solid #9e9e9e !important;
    background-color: transparent !important;
    position: relative !important;
}
.carousel_team .owl-dot.active{
	border: 3px solid #00007f !important;
}
.carousel_team .owl-nav{display:none}
.team-details .team-member-image img, .team-details .international-team-member-image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 4px;
    margin: 0;
	cursor:pointer
}
.team-details .team-member-info, .team-details .international-team-member-info{margin-top:15px}
.team-details .team-member-info p, .team-details .international-team-member-info p{margin-bottom:5px}
.team-details .team-member-name, .team-details .international-team-member-name{
	color:#00007f;
	margin-bottom:5px
}
.team-details .team-member-info p.email{font-size:14px}
.team-details .team-member-card, .team-details .international-team-member-card{
	border:1px solid #dedede;
	border-radius:5px;
	text-align:left
}
#team-member-popup .popup-content, #international-team-member-popup .int-team-popup-content{
	position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.popup-content, .int-team-popup-content{max-width:800px !important}
.popup-details{width:100%; display:flex; margin-top:20px}
.popup-image, .int-team-popup-image{width:30%; float:left}
.popup-data{
	width:70%; 
	float:right;
	max-height:400px;
	height:400px;
	overflow-y:scroll
}
/* width */
.popup-data::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.popup-data::-webkit-scrollbar-track {
/*   box-shadow: inset 0 0 5px grey;  */
  border-radius: 10px;
	background-color:#f2f2f2;
	cursor:pointer
}
 
/* Handle */
.popup-data::-webkit-scrollbar-thumb {
  background: #3c3c3ce8; 
  border-radius: 10px;
 cursor:pointer
}

/* Handle on hover */
.popup-data::-webkit-scrollbar-thumb:hover {
  background: #3c3c3c78; 
	cursor:pointer
}
.team-member-image{cursor:pointer}
.popup-img-bg{
	width: 200px;
    height: 250px;
}
.close-popup, .int-team-close-popup {
    position: absolute !important;
    top: 0px !important;
    right: 10px !important;
    cursor: pointer !important;
    font-size: 25px !important;;
}

.popup-img-bg img{
	width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
}
h3.popup-name{
	color: #00007f;
	margin-bottom: 5px;
}
.pop_details_data{
	width:100%;
	display:flex;
	align-items:center;
	margin-bottom:10px
}
.popup-data p{margin-bottom:10px}
.pop_details_data i{
	color:#00007f;
	margin-right:5px;
}
p.popup-bio{text-align:justify; margin-right:15px}

.team-member-card-data{
	display: flex;
    align-items: center;
    justify-content: left;
	margin-top:5px
}
.team-member-card-data i{
	width: 10%;
    color: #00007f;
	float:left;
}
.team-member-card-data span{width:90%; float:right}

.subtitle-custom{
	font-size: 16px;
    font-weight: normal;
    color: #00007f;
	text-transform:uppercase
}
.show_icon{width:100%; display:block;}
.hide_icon{width:100%; display:none;}
.ct-fancybox-layout2 .ct-fancybox-desc {
	color: #000000a8 !important;
    font-size: 14.6px !important;
}
/* .site-content{padding:60px 0 !important} */
.content-inner{margin-top:-60px}
.header-mobile-search, .social-mobile{display:none !important}
.menu-mobile-close{background-color:#00007f !important}
.site-footer .ct-scroll-top{
	background-color: #0769ca !important;
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
}
@media screen and (max-width: 991px){
	body{font-size:16px}
	#about h3.ct-heading-tag, #about .vc_separator, #about .ct-heading-desc{padding:0 30px}

}
@media (max-width: 768px) {
	#about_us_page{padding:0 25px !important}
	.breadcrumb-banner h1.bread{font-size:35px}
	.site-content {padding: 50px 0 !important;}
	.about_btn{margin-left:25px !important}
}