@import url('https://fonts.googleapis.com/css2?family=Leckerli+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Klee+One:wght@400;600&display=swap');
html{width:100%; height:100%;}
body{width:100%; height:100%;}
body{margin:0px; padding:0px; font-family: 'Poppins', sans-serif;  font-size:15px; background:#fff; color:#000; overflow-x:hidden}
html{scroll-behavior: smooth;}
/*sup{font-size: 17px!important; vertical-align: unset; line-height: normal;}*/
.ui-sortable-helper{border:dotted 1px #adb1b5!important}
.ui-sortable-handle{margin-right:8px;}
::-webkit-scrollbar {-webkit-appearance: none; width: 7px;}
::-webkit-scrollbar:horizontal {-webkit-appearance: none; height: 7px;}
::-webkit-scrollbar-thumb {border-radius: 4px; background-color: rgba(0,0,0,.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}
a{text-decoration:none!important;}
.bg-white{background:#fff!important;}
.bg-grey{background:#cbd1d2!important;}
.white-bg{background:#fff; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.white-bg img{filter: invert(1); transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}

.head{position:fixed; z-index:1000; padding:40px 60px; display:table; width:100%; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.head .logo{float:left; display:table;}
.hamburger{float:right; color:#fff; padding: 16px; background: #000; cursor:pointer}
.hamburger-close{float:right; color:#fff; padding: 16px; background: #000; cursor:pointer}
.nav-gation{width: 300px; background: #fff; position: fixed; right: 0px; top: 128px; padding: 0px; overflow:auto; height:calc(100% - 128px); margin-right:-1000px;  transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.nav-gation a{width: 100%; color: #000; display: table; padding: 10px 15px;}
.nav-gation a:hover{background:#e1e1e1;}
.nav-gation .nav-head{background:#e1e1e1; font-weight:600; padding: 10px 15px;  transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; position:relative;  cursor:pointer}
.hd{background:rgba(0,0,0,0.5);  transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.nav-open{margin-right:0px;  transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.sub-link{padding-left:30px!important; font-size:14px;}
.open{position:fixed; left:0px; right:0px; top:0px; bottom:0px; width:100%; height:100%; z-index:999;}
.scroll-off{overflow:hidden; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}

.practice-1:after{position:absolute; content:'\f107'; font-family:FontAwesome; right:15px; top:10px;}
.practice-2:after{position:absolute; content:'\f106'; font-family:FontAwesome; right:15px; top:10px;}

.team-1:after{position:absolute; content:'\f107'; font-family:FontAwesome; right:15px; top:10px;}
.team-2:after{position:absolute; content:'\f106'; font-family:FontAwesome; right:15px; top:10px;}

.slider {width:100%; height:662px; position:relative; overflow:hidden}
.slider .slider-text{position: absolute; color: #fff; font-size: 90px; text-transform: uppercase; z-index: 100; top: 50%; left: 50%; font-weight: 900; margin-left:-300px; margin-top:-52px; text-align:center; width:600px; text-shadow: 5px 5px 0px rgb(0 0 0 / 50%);}
.slider .slider-down-arrow{position: absolute; bottom: -5px; color: #fff; font-size: 20px; left: 50%; margin-left: -6px; height: 80px;}
.slider .slider-down-arrow:before{width: 1px; background: #fff; position: absolute; content: ''; bottom: 0px; left: 50%; margin-left: 0px; height: 60px;}

.hm-about-area{max-width: 1349px; margin: 0 auto;}
.hm-about-area .top-arrow{height: 100px; background: #000; width: 1px; margin: 0 auto;}
.hm-about-area .about-head{text-align: center; font-size: 53px; width: 275px; margin: 0 auto; font-family: 'Castoro', serif; font-weight: 500; line-height: 50px; text-transform: uppercase; margin-top:50px}
.hm-about-area .about-text{text-align: center; max-width: 900px; margin: 0 auto; margin-top: 25px;}
.hm-about-area  a{color: #000; font-weight: 600; display: table; margin: 0 auto; margin-top: 50px; margin-bottom: 50px;}

.hm-practice-area{max-width: 1349px; margin: 0 auto; margin-bottom:50px;}
.hm-practice-area .top-arrow{height: 100px; background: #000; width: 1px; margin: 0 auto;}
.hm-practice-area .practice-head{text-align: center; font-size: 53px; width: 460px; margin: 0 auto; font-family: 'Castoro', serif; font-weight: 500; line-height: 50px; text-transform: uppercase; margin-top:50px;  margin-bottom:50px}
.hm-practice-area .item .img{height: 220px; width: 320px; overflow: hidden; margin: 0 auto;}
.hm-practice-area .item .text-area{position: relative; bottom: 0px; padding: 15px; color: #000;}
.hm-practice-area .item .text-area .p-head{font-family: 'Castoro', serif; border-bottom:solid 1px #fff; padding:5px 0px; font-size:17px; margin-bottom:5px;}
.hm-practice-area .item .text-area .p-text{font-size:14px;}
.hm-practice-area .item .text-area .p-link{margin-top:15px;}
.hm-practice-area .owl-theme .owl-nav{display:none;}
.hm-practice-area .owl-dots{margin-top:15px;}

.hm-team-area{max-width: 1100px; margin: 0 auto; margin-bottom:50px;}
.hm-team-area .top-arrow{height: 100px; background: #000; width: 1px; margin: 0 auto;}
.hm-team-area .team-head{text-align: center; font-size: 53px; width: 460px; margin: 0 auto; font-family: 'Castoro', serif; font-weight: 500; line-height: 50px; text-transform: uppercase; margin-top:50px;  margin-bottom:50px}
.hm-team-area .item .text-area{position: absolute; bottom: 0px; padding: 15px; color: #fff;}
.hm-team-area .item .text-area .t-head{font-family: 'Castoro', serif; border-bottom:solid 1px #fff; padding:5px 0px; font-size:17px; margin-bottom:5px;}
.hm-team-area .owl-theme .owl-nav{display:none;}
.hm-team-area .owl-dots{margin-top:15px;}

.hm-news-area{max-width: 1349px; margin: 0 auto;}
.hm-news-area .top-arrow{height: 100px; background: #000; width: 1px; margin: 0 auto;}
.hm-news-area .news-head{text-align: center; font-size: 53px; width: 460px; margin: 0 auto; font-family: 'Castoro', serif; font-weight: 500; line-height: 50px; text-transform: uppercase; margin-top:50px;  margin-bottom:50px}
.hm-news-area{background: #e1e1e1; padding: 20px 140px;}
.hm-news-area .big-news{position:relative;}
.hm-news-area .big-news .text-area{position: absolute; bottom: 0px; color: #fff; padding: 25px;}
.hm-news-area .big-news .text-area .date{color: rgba(255,255,255,0.8);}
.hm-news-area .left-area .news-normal{height:50%;}
.hm-news-area .news-normal{background: #fff; padding: 25px; margin-top:1px; margin-right:1px; display:table}
.hm-news-area .news-normal .head-text{font-size: 13px; font-weight: 600; margin-bottom:7px;}
.hm-news-area .news-normal .desc{font-size: 13px; font-weight: 400; margin-bottom:7px;}
.hm-news-area .news-normal .date{font-size: 13px; color: rgba(0,0,0,0.8);}

.footer{background: #111111; width: 100%; display: table; padding: 20px 100px;}
.footer .f-logo{padding:15px;}
.footer .f-link{padding:15px; width:400px; margin:0 auto;}
.footer .f-link a{width:49%; display:inline-block; color:#fff; margin-bottom:7px;}
.footer .s-head{color:#fff; font-size:17px;}
.footer .social a{display:inline-block; color:#fff; padding:10px;}
.copyright{background:#111; border-top:solid 1px #fff; color:#fff;}
.copyright .col-md-6{padding:15px!important;}
.copyright .col-md-6:last-child{text-align:right;}
.copyright .col-md-6 a{color:#fff; margin-left:15px;}

.inner-image {width:100%; height:500px; position:relative;}
.inner-image .page-title{position: absolute; color: #fff; font-size: 60px; text-transform: uppercase; z-index: 100; top: 50%; left: 50%; font-weight: 900; margin-left:-300px; margin-top:-45px; text-align:center; width:600px; text-shadow: 5px 5px 0px rgb(0 0 0 / 50%);}
.inner-image .slider-down-arrow{position: absolute; bottom: -5px; color: #fff; font-size: 20px; left: 50%; margin-left: -6px; height: 80px;}
.inner-image .slider-down-arrow:before{width: 1px; background: #fff; position: absolute; content: ''; bottom: 0px; left: 50%; margin-left: 0px; height: 60px;}
.about-img{background:url(../images/about-us.jpg) no-repeat left top; background-size:cover;}

.about-inner-head{text-align: left; font-size: 53px; max-width: 980px; margin: 0 auto; font-family: 'Castoro', serif; font-weight: 500; line-height: 50px; text-transform: uppercase; margin-top:50px}
.about-sub-head{text-align:left; max-width:980px; font-size:40px; font-weight:200; margin:0 auto;}
.about-text-inner{max-width:980px; margin:0 auto; text-align:justify; margin-top:30px; margin-bottom:100px;}

.antitrust-img{background:url(../images/inner-anti-trust-img.jpg) no-repeat left center;}
.practice-area .head .logo img{filter:invert(1);}
.page-top-area{max-width:1349px; padding-top:150px; margin:0 auto;}
.page-top-area .heading{text-align:center; font-size:30px;}
.page-top-area .sub-head{text-align:center; font-size:50px;font-family: 'Castoro', serif; margin-bottom:50px;}
.service-define-area img{width:100%; height:auto;}
.service-define-area .text-area{background: #EBEBEB; width: 100%; height: 100%; padding: 80px; font-size: 17px; line-height: 33px; text-align: justify;}

.arbitration .text-area{padding: 50px; font-size: 15px; line-height: 30px;}
.litigation .text-area{padding: 30px; font-size: 15px; line-height: 30px;}
.litigation img{height:100%;}

.team-top-panel{width:100%; background:#000; padding:50px; padding-top:150px; color:#fff;}
.team-top-panel .row{max-width:1349px; margin:0 auto!important;}
.team-top-panel .t-dec{font-size:16px; font-weight:bold; color:#fff;}
.team-top-panel .t-name{font-size:35px; font-weight:bold; color:#fff; font-weight:300;}
.t-content-area{padding:50px; line-height:30px;}
.t-content-area-2{padding:50px; line-height:30px;}

.insight-top-panel{max-width:1349px; padding:50px; padding-top:150px; font-size:50px; text-align:center; margin:0 auto;}
.insight-top-panel img{width:400px; height:auto; margin-bottom:0px;}

.contact-top-panel{max-width:1349px; padding:50px; padding-top:200px; font-size:50px; text-align:center; margin:0 auto;}
.contact-top-panel .sub-title{font-size:18px; font-weight:300; margin-bottom:15px;}
.contact-top-panel .title{font-size:40px; font-weight:500;}
.contact-details{background:#000; color:#fff; padding:50px 150px;}
.contact-details .c-head{margin-top:30px; font-weight:600; margin-bottom:10px;}
.contact-details .text ul{margin:0px; padding:0px; list-style:none;}
.contact-details .text li{display:inline-block; padding:0px 7px; border-right:solid 1px #fff; line-height:normal;}
.contact-details .text li:first-child{padding-left:0px;}
.contact-details .text li:last-child{border:0px;}

.career-img{background:url(../images/career-img.jpg) no-repeat left center;}
.form-area{max-width:800px; padding:50px; margin:0 auto;}
.form-area .text{font-size:14px; text-align:justify; margin-bottom:25px; line-height:30px;}
.form-area .form{width:100%; margin:0 auto;}
.form-area .form .field{width:49%; display:inline-block; padding:10px;}
.form-area .form .field input{width:100%; padding:15px 10px; border:solid 1px #000; border-radius:5px;}
.form-area .form .upload input{width:100%; padding:11px 10px; border:solid 1px #000; border-radius:5px;}
.form-area .form .field button{width:100%; padding:10px; background:#000; color:#fff; border:0px; border-radius:5px;}

.home-new .about-section{background:url(../images/paper-2.png) no-repeat top center; position:absolute; top: 20px; right: 20px; padding: 100px 62px; width: 500px; z-index: 100; height: 641px; color:#fff;}
.home-new .about-section .header{font-size: 30px;  font-family: 'Leckerli One', cursive;}
.home-new .about-section .text{font-size: 15px; font-family: 'Klee One', cursive; line-height:19px;}
.home-new .about-section a{background:#fff; color:#000; padding:5px 10px; font-weight:600;}
.home-new .slider .slider-text{left:unset; margin-left: 60px; text-align: left; font-size:80px}

@media screen and (min-width: 1150px) and (max-width: 1280px) {
	.slider{height:558px;}
	.hm-practice-area .item .text-area .p-head{font-size:15px;}
	.hm-practice-area .item .text-area .p-text {font-size: 12px;}
	.hm-news-area{padding: 20px 40px;}
	.footer{padding:20px;}
	.inner-image{height: 450px;}
	.service-define-area .text-area{padding: 100px 80px 20px 80px; font-size:16px;}
	.arbitration .text-area{padding: 30px; font-size: 15px; line-height: 30px;}
	.arbitration img{height:100%;}
}

@media screen and (min-width: 1024px) and (max-width: 1149px) {
	.slider{height:495px;}
	.hm-practice-area .item .text-area .p-head{font-size:13px;}
	.hm-practice-area .item .text-area .p-text {font-size: 11px;}
	.hm-practice-area .item .text-area .p-link {font-size: 11px;}
	.hm-news-area .big-news img{width:100%;}
	.hm-news-area .news-normal{padding:21px;}
	.hm-news-area{padding: 20px 40px;}
	.footer{padding:20px;}
	.footer img{width:100%;}
	.inner-image{height: 450px;}
	.service-define-area .text-area{padding: 70px 50px 20px 50px; font-size:16px;}
	.arbitration .text-area{padding: 20px; font-size: 15px; line-height: 27px;}
	.arbitration img{height:100%;}
}

@media screen and (min-width: 991px) and (max-width: 1023px) {
	.slider{height:475px;}
	.hm-about-area .about-head{font-size: 43px;width: 255px;}
	.hm-practice-area .practice-head{font-size:43px;}
	.hm-practice-area .item .text-area .p-head{font-size:13px;}
	.hm-practice-area .item .text-area .p-text {font-size: 11px;}
	.hm-practice-area .item .text-area .p-link {font-size: 11px;}
	.hm-team-area .team-head{font-size:43px;}
	.hm-news-area .news-head{font-size:43px;}
	.hm-news-area .big-news img{width:100%;}
	.hm-news-area .news-normal{padding:16px;}
	.hm-news-area{padding: 20px 40px;}
	.footer{padding:20px;}
	.footer img{width:100%;}
	.inner-image{height: 450px;}
	.about-inner-head{width:900px;}
	.about-sub-head{width:900px;}
	.about-text-inner{width:900px;}
	.service-define-area .text-area{padding: 70px 50px 20px 50px; font-size:16px;}
	.arbitration .text-area{padding: 20px; font-size: 15px; line-height: 27px;}
	.arbitration img{height:100%;}
}

@media screen and (min-width: 768px) and (max-width: 990px) {
	.slider{height:372px;}
	.slider .slider-text{font-size:60px; margin-top: -45px;}
	.hm-about-area .about-head{font-size: 43px;width: 255px;}
	.hm-practice-area .practice-head{font-size:43px;}
	.hm-practice-area .item .text-area .p-head{font-size:13px;}
	.hm-practice-area .item .text-area .p-text {font-size: 11px;}
	.hm-practice-area .item .text-area .p-link {font-size: 11px;}
	.hm-team-area .team-head{font-size:43px;}
	.hm-news-area .news-head{font-size:43px;}
	.hm-news-area .big-news img{width:100%;}
	.hm-news-area .news-normal{padding:16px;}
	.hm-news-area{padding: 10px;}
	.hm-news-area .news-normal .head-text{font-size:11px;}
	.hm-news-area .news-normal .desc{font-size:11px;}
	.hm-news-area .news-normal .date{font-size:11px;}
	.footer{padding:20px;}
	.footer img{width:100%;}
	.inner-image{height: 400px;}
	.about-inner-head{width:700px;}
	.about-sub-head{width:700px;}
	.about-text-inner{width:700px;}
	.service-define-area .text-area{padding: 30px 30px 20px 30px; font-size: 15px; line-height: 27px;}
	.page-top-area .sub-head{font-size:40px;}
	.arbitration .text-area{padding: 20px; font-size: 15px; line-height: 27px;}
	.arbitration img{height:100%;}
}

@media screen and (min-width: 540px) and (max-width: 767px) {
	.slider{height:287px;}
	.slider .slider-text{font-size:40px; margin-top: -30px;}
	.hm-about-area .about-head{font-size: 43px;width: 255px;}
	.hm-practice-area .practice-head{font-size:43px;}
	.hm-practice-area .item .text-area .p-head{font-size:13px;}
	.hm-practice-area .item .text-area .p-text {font-size: 11px;}
	.hm-practice-area .item .text-area .p-link {font-size: 11px;}
	.hm-team-area .team-head{font-size:43px;}
	.hm-news-area .news-head{font-size:43px;}
	.hm-news-area .big-news img{width:100%;}
	.hm-news-area .news-normal{padding:16px;}
	.hm-news-area{padding: 10px;}
	.hm-news-area .news-normal .head-text{font-size:11px;}
	.hm-news-area .news-normal .desc{font-size:11px;}
	.hm-news-area .news-normal .date{font-size:11px;}
	.footer{padding:20px;}
	.footer img{width:100%;}
	.inner-image .page-title{font-size: 40px; margin-top:-30px;}

	.inner-image{height: 400px; background-position: center;}
	.about-inner-head{width:500px; font-size:40px;}
	.about-sub-head{width:500px; font-size:31px;}
	.hm-about-area .top-arrow{height:70px;}
	.about-text-inner{width:500px;}

	.service-define-area .text-area{padding: 30px 30px 20px 30px; font-size: 15px; line-height: 27px;}
	.page-top-area .sub-head{font-size:35px; margin-bottom:35px;}
	.arbitration .text-area{padding: 30px 30px 20px 30px; font-size: 15px; line-height: 27px;}
	.arbitration img{height:100%;}
}

@media screen and (min-width: 320px) and (max-width: 539px) {
	.nav-gation{top:87px;}
	.head{padding:20px;}

	.slider{height:287px;}
	.slider .carousel-item img{width:160%!important}
	.slider .slider-text{font-size:40px; margin-top: -30px;}
	.hm-about-area .about-text{width:90%;}
	.hm-about-area .about-head{font-size: 33px;width: 170px;}
	.hm-practice-area .practice-head{font-size:33px; width:100%;}
	.hm-practice-area .item .text-area .p-head{font-size:13px;}
	.hm-practice-area .item .text-area .p-text {font-size: 11px;}
	.hm-practice-area .item .text-area .p-link {font-size: 11px;}
	.hm-team-area .team-head{font-size:33px; width:100%;}
	.hm-news-area .news-head{font-size:33px; width:100%;}
	.hm-news-area .big-news img{width:100%;}
	.hm-news-area .news-normal{padding:16px;}
	.hm-news-area{padding: 10px;}
	.hm-news-area .news-normal .head-text{font-size:11px;}
	.hm-news-area .news-normal .desc{font-size:11px;}
	.hm-news-area .news-normal .date{font-size:11px;}
	.footer{padding:10px;}
	.footer .f-link a{width:100%;}
	.footer img{width:auto;}
	.footer .f-link{width:100%; padding:15px 0px;}
	.copyright .col-md-6:last-child{text-align:left;}

	.inner-image{height: 400px; background-position: center;}
	.about-inner-head{width:90%; font-size: 32px; margin-top: 20px;}
	.inner-image .page-title{font-size: 40px; margin-top:-30px; width:300px; margin-left:-150px;}
	.about-sub-head{width:90%; font-size:31px;}
	.hm-about-area .top-arrow{height:70px;}
	.about-text-inner{width:90%;}

	.service-define-area .text-area{padding: 15px; font-size: 15px; line-height: 27px;}
	.page-top-area .sub-head{font-size:27px; margin-bottom:35px;}
	.page-top-area .heading{font-size:25px;}
	.arbitration .text-area{padding: 15; font-size: 15px; line-height: 27px;}
	.arbitration img{height:100%;}
	
	.team-top-panel{padding:15px; padding-top: 150px;}
	.team-top-panel img{width:100%;}
	.t-content-area{padding:15px;}
	.t-content-area-2{padding:15px; padding-top:0px;}

	.insight-top-panel{max-width:1349px; padding:20px; padding-top:150px; font-size:30px; text-align:center;}
	.insight-top-panel img{width:350px; height:auto; margin-bottom:0px;}

	.contact-top-panel{padding: 20px; padding-top:150px;}
	.contact-top-panel .title{font-size:22px;}
	.contact-details{padding:30px 10px;}
	.contact-details .text{margin-bottom:25px;}
	.contact-details .text li{width:100%; padding:5px; padding-left:0px; border-right:0px; border-bottom:solid 1px #fff;}
	.contact-details .c-map iframe{width:100%;}

	.form-area{padding:20px;}
	.form-area .form .field{width:100%;}
}