@charset "utf-8";
/*
Theme Name: Arago
Author: iQuinceSoft
Author URI: http://www.iquincesoft.com/
Description: Arago Theme Designed by Ashish
Version: 1.2.0
Tags: Arago
*/
/* CSS Document */
*{margin:0; padding:0; box-sizing: border-box; }
ul,li{list-style: none;}
a:hover{text-decoration: none; color: #F69321;}

@font-face {font-family: fontAwesome; src: url(fonts/fontawesome-webfont.ttf); src: url(fonts/fontawesome-webfont.eot); src: url(fonts/fontawesome-webfont.woff); }


body{font-family:Poppins; font-weight: normal; }
h1, h2, h3, h4, h5, h6, a{font-family: Vidaloka;}

/*=================================Header==========*/


.header{background: rgba(32, 65, 82, 0.57); position: fixed; transition: all 500ms; -webkit-transition: all 500ms; height: 98px; z-index: 9; width: 100%; top: 23px;}


.navbar-brand{padding: 0; margin-top: -23px; transition: all 500ms; -webkit-transition: all 500ms;}
.navbar-nav{margin: 20px auto; position: static;}
.navbar-nav li{padding: 0; position: relative;}
.navbar-nav li a{text-transform: uppercase; position: relative; font-weight: 400; font-size: 16px; font-family: Vidaloka; color: #fff; padding: 18px; transition: all 500ms; -webkit-transition: all 500ms;}
.navbar-nav li a:after{border-right: 1px solid #fff; position: absolute; content: ''; right: 0; top: 20px; height: 15px; background: #fff; width: 1px; }
.navbar-nav li:last-child a:after{display: none;}
.navbar-nav li a:hover, .navbar-nav li a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background: transparent; color: #f7a03d;}



.darkHeader {transform: translateY(0); -webkit-transform: translateY(0); top: 0; height: auto; background: #204152;}
.darkHeader .navbar-brand{margin-top: 0; transition: all 500ms; -webkit-transition: all 500ms; transform: scale(.5) translateY(-30px);}
.darkHeader .navbar-nav{margin: 12px auto;}
.darkHeader .navbar-nav li a{padding: 18px 14px; font-size: 15px;}

.carousel-inner > .item img{width: 100%;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{width: 100%;}

.text-box{position: absolute; top: 45%; width: 43%; left: 8%; color: #fff;}
.text-box:before{content: ''; position: absolute; left: -20px; background: #f69321; height: 40px; top: 40px; width: 5px;}
.text-box h1{ font-size: 64px; line-height: 78px;text-transform: capitalize; }
.text-box p{line-height: 32px; font-size: 19px; font-weight: 100;}
.form-banner {position: absolute; right: 8%; width: 40%; background: #E9E9E9; padding: 20px 50px; top: 13%; }
.form-banner h4{font-family: Poppins; font-size: 25px; line-height: 40px; text-transform: uppercase; color: #204152; position: relative; font-weight: 400;}
.form-banner h4:after{position: absolute; content: ''; border-top: 3px solid #F69321; right: 0; width: 25%; top: 18px;}
.form-banner h2{font-size: 30px; line-height: 40px; color: #204152; margin: 10px 0;}
.form-banner form .form-control {border-radius: 0; border: none; font-size: 12px; color: #000; height: 42px; padding: 10px;}
.form-banner form .form-control:focus{box-shadow: 0 5px 10px -5px #7a7a7a;}
.form-banner form textarea.form-control{height: 100px;}
.read{border: 1px solid transparent; background: #204152; font-size: 18px; /* margin: 20px 0; */ padding: 10px 0px; transition: all 500ms; -webkit-transition: all 500ms; display: block; width: 100%; color: #fff; outline: none;}
.read:hover{background: #f79c34;}
div.wpcf7-response-output { margin: 0 !important;padding: 0 5px !important; }span.wpcf7-not-valid-tip { float: left; }

.law_box{position: relative;}
.section a{color: #fff; display: block; overflow: hidden;}
.news-post a{color: #204152; display: block; overflow: hidden;}
.news-post a:hover {color: #f69424;}
.section{margin-top: 20px;}
.section hr{border-color: #c8c8c8;}
.icon-box{position: absolute; top: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.56); right: 0; padding: 50px 30px; transition: all 500ms; -webkit-transition: all 500ms;}
.icon-box img{padding: 15px; border: 1px solid #8c4b00; width: 70px;}
.icon-box h3{position: relative;}
.icon-box h3:before{position: absolute; content: ''; left: 0px; border-left: 4px solid #f69321; width: 30px; height: 0px; top: 0px; transition: all 500ms; -webkit-transition: all 500ms;}
.section a:hover h3:before{height: 30px;}

.about-box{background: #204152; padding: 30px; margin: 30px 0; color: #fff;}
.about-box .col-md-3 img{margin-top: 50px;}
.about-box h1{font-size: 48px;}
.about-box p{font-size: 15px; line-height: 24px; font-weight: 100; margin: 15px 0;}
.about-box a{border: 1px solid #fff; padding: 11px 50px; display: inline-block; text-transform: uppercase; transition: all 500ms; -webkit-transition: all 500ms;}
.about-box a:hover{background: #f79c34;}

.section1{background: #E9E9E9; padding: 30px 0 60px;}
.heading{text-align: center;}
.heading h1{margin: 30px 0; text-transform: uppercase; color: #204152; font-size: 36px;}
.news-box{position: relative;}
.cont-box{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; padding: 120px 100px; color: #fff; }
.date{font-size: 22px; line-height: 34px; font-weight: 300;}
.cont-box h2{text-transform: uppercase; font-size: 24px; line-height: 38px; position: relative;}
.cont-box h2:before {content: ''; position: absolute; left: -30px; background: #f69321; height: 30px; top: 45px; width: 5px; }
.cont-box p{font-size: 15px; line-height: 29px; font-weight: 300;}
.cont-box a{color: #fff; float: right; font-size: 20px; transition: all 500ms; -webkit-transition: all 500ms;}
.cont-box a:hover{transform: translateX(10px); -webkit-transform: translateX(10px); color: #f69321;}

/* .team-box img{width: 100%;}
.team-slide .col-md-3{outline: none;}
.team-box .team-cont{display: block; width: 100%; margin: 20px 0;}
.name-box h3{margin: 0; color: #000; font-size: 24px;}
.name-box p{color: #4F4F4F; margin: 0;}
.name-box, .team-cont a{display: inline-block;}
.team-cont a{background: #204152; padding: 10px 20px; font-family: Poppins; float: right; font-size: 12px; transition: all 500ms; -webkit-transition: all 500ms;}
.team-cont a:hover{background: #f69424;}
.team-slide .slick-arrow{background: #f69321; width: 50px; height: 50px; transition: all 500ms; -webkit-transition: all 500ms;}
.team-slide .slick-prev:before, .team-slide .slick-next:before{font-family: fontAwesome;}
.team-slide .slick-prev:before {content: '\f053';}
.team-slide .slick-next:before{content: '\f054';}
.team-slide .slick-prev {left: -45px; }
.team-slide .slick-next {right: -45px; }
.team-slide .slick-arrow:hover, .team-slide .slick-arrow:focus{background: #204152;} */

.team-cont a{background: #204152; padding: 10px 20px; font-family: Poppins; float: right; font-size: 12px; transition: all 500ms; -webkit-transition: all 500ms;color:#fff;float: left;margin-bottom: 40px;}
.team-cont a:hover{background: #f69424;color:#fff;}
.name-box h3 {font-size: 21px;}

.extra-p{margin: 40px 0 80px;}
.extra-p p{font-size: 20px; color: #161616;}.slick-track { height: 420px; }
.ns-team-slide h1 { color: #000;font-size: 24px !important; }
.ns-team-slide .single-team-member h2 { color: #4F4F4F;margin: 0 !important;font-family: unset; }
.ns-team-slide .xgenious-team-slider-1 .img-box:hover::after {	opacity: 0; }
.ns-team-slide .owl-controls { display: none; }
.team-box img {	width: 100%;height: 300px; }

.team-main-in{position: relative;}
.ns-team-add { height: 300px;position: absolute;top: 0;background: #204152c2;color: #fff;text-align: center;padding: 25% 30px;font-size: 18px; }
.team-main-in h3 { margin: 0; }
.about-in img { float: right; }




/*==========================Footer
============================================*/

footer{background: #E9E9E9; float: left; width: 100%;}
footer .container .row {background: #fff; box-shadow: 0 0 12px -5px #b5b5b5; margin-top: -30px; padding: 30px;}
footer h2{font-size: 39px; margin: 10px 0; color: #204152;}
footer .call{font-size: 36px; line-height: 54px; color: #C7C7C7; transition: all 500ms; -webkit-transition: all 500ms;}
footer .call:hover{color: #f8af5a;}
footer a{font-family: Poppins; display: block;}
.sub-foot li a{line-height: 30px; color: #4F4F4F; display: block; padding: 10px 20px; transition: all 500ms; -webkit-transition: all 500ms;}
.sub-foot li a:hover{transform: translateX(10px); -webkit-transform: translateX(10px); color: #f8af5a;}
footer h4{margin-bottom: 30px; font-size: 27px; line-height: 33px; color: #204152;}
footer .links{display: inline-block; margin: 0 10px;}
footer .links li{ display: inline-block; vertical-align: top; width: 49%; margin: 10px 0; }
footer .links li a{color: #000; position: relative; font-weight: 500; padding-left: 10px; transition: all 500ms; -webkit-transition: all 500ms;}
footer .links li a:before{content: '\f054'; color: #f7992e; position: absolute; left: -10px; font-family: fontAwesome; transition: all 500ms; -webkit-transition: all 500ms;}
footer .links li a:hover:before{left: -5px;}
footer .links li a:hover{color: #f7992e;}

.copy{display: block; text-align: center; margin: 30px 0;}
.copy p {margin: 30px 0;}



.come-in {transform: translateY(200px); -webkit-transform: translateY(200px); animation: come-in 1s ease forwards; }


@keyframes come-in {to { transform: translateY(0); -webkit-transform: translateY(0); } }
/*.navbar-brand1{
    display: none;
}*/



/*============================Inside Page================*/


/********************* about us page CSS start here *************************/


.about-in .row{margin: 50px 0;}
.about-in h1{font-size: 45px; line-height: 50px; color: #204152; margin: 30px 0;}
.about-in h2{margin: 0 0 10px;}
.about-in p{color: #646464; font-size: 15px; line-height: 30px;}
.mission_box{background: #204152; padding: 10px 50px 70px; color: #fff;}
.vision{background: #F69321;}
.mission_box h2{margin: 30px 0; font-size: 43px; line-height: 52px;}
.mission_box ul li{position: relative; font-size: 17px; padding: 10px 30px; font-weight: 300; letter-spacing: 1px;}
.mission_box ul li:before{position: absolute; content: ''; background: url(images/link-tri.png) no-repeat; left: 0; background-size: 15px; top: 12px; bottom: 0; right: 0; width: 15px;}
.vision ul li:before{filter: saturate(0) invert(100%);}

.cta{background: url(images/query-bg.png) no-repeat; background-size: cover; padding: 100px 0;}
.cta h2, .cta a{display: inline-block; vertical-align: middle; width: auto; margin: 0 60px; padding-right: 100px; color: #fff;}
.cta h2{font-size: 54px; border-right: 2px solid #a3a2a2;}
.cta a{font-family: Poppins; font-size: 17px; padding: 10px 50px; background: #F69321;}
.cta a:hover{background: #204152;}
/************************** Single page css ****************************/
.ns-recent-post li img { width: 80px;float: left;height: 80px; }
.ns-recent-post li { clear: both;list-style: none;padding-top: 20px;height: 100px;overflow: hidden; }
.ns-recent-post li p { margin: 0 0 0 95px; }
.ns-recent-post li p a { color: #534f4f; }
.relaed-head { margin-top: 35px; background: #f0eded;padding-bottom: 20px; }
.relaed-head h2 { background: #204152;color: #fff;padding: 10px 0;text-align: center;margin: 0; }
.ns-recent-post { padding: 0 15px; }
.items-leading { margin-top: 15px; }
.items-leading img { margin-bottom: 35px; }
.ns-single-post blockquote { color: #646464;font-size: 15px; line-height: 35px; }
.ns-single-post h1 { line-height: 50px;	margin: 30px 0; }
.ns-single-post h4 { margin-bottom: 25px; }
.ns-single-post .submit { padding: 8px 15px;width: auto; }
.ns-single-post form label { width: -webkit-fill-available; }
.ns-single-post form .comment-form-cookies-consent label {	width: unset; }
.ns-comments { margin: 0 30px; }
.ns-comments input[type=checkbox]{ margin: 4px 6px 0 0; }
.news-post h4 { float: left; }
.news-post .ns-con { float: right; margin: 10px 12px;font-size: 15px;color: #646464; }
.news-post .ns-con .fa.fa-comments { font-size: 18px;margin-right: 5px; }
#comments {	margin-top: 130px; }


	
/********************* attorneys page CSS start here *************************/

.attorneys{margin: 40px 0;}
.attorneys .team-box{margin-bottom: 40px;}


/********************* litigation page CSS start here *************************/

.litigation ul li{font-family: Vidaloka; font-size: 22px; padding-left: 20px; color: #000; display: inline-block; vertical-align: middle; width: 45%; margin: 20px 15px; position: relative;}
.litigation ul li:before {content: '\f054'; color: #000; position: absolute; left: -10px; font-family: fontAwesome; transition: all 500ms; -webkit-transition: all 500ms; }



/********************* News page CSS start here *************************/

.news-main h1{font-size: 35px;}
.news-box-main{position: relative;}
.news-main .row{margin: 0;}
.news-main img{float: none;}
.ns-recent-post li p{line-height: normal;}




/********************* Contact Us page CSS start here *************************/


.contact-main{margin: 50px 0 80px;}
.map-box, .cont_box{height: 550px;}
.map-box img{height: 100%;}
.cont_box{background-color: #E9E9E9; padding: 25px 40px;}
.cont_box h2{color: #000; margin: 10px 0; font-size: 38px;}
.cont_box p{color: #646464; line-height: 25px; font-size: 15px; margin: 20px 0;}
.cont_box .form .form-control {border-radius: 0; border: none; font-size: 12px; color: #000; height: 42px; padding: 10px; }
.cont_box .form-group .read{display: inline-block; margin: 5px 0; padding: 10px 40px; width: auto;}

.address-box {position: absolute; bottom: 30px; width: 100%; left: 0; right: 0; background: #fff; text-align: center; }
.address-box ul li {display: inline-block; vertical-align: middle; width: 32%; border-right: 1px solid #c4c4c4; font-size: 12px; padding: 10px 0px; }
.address-box ul li img, .address-box ul li p {margin: auto; display: inline-block; vertical-align: top; }
.address-box ul li p {padding: 0; font-weight: normal; width: 70%; text-align: left; }
.address-box a { color: unset;font-family: unset; }
.address-box ul li:last-child {	border-right: none; }


/*========================Responsive strt=================*/


@media (min-width: 1025px) and (max-width: 1200px){
	.header .container{width: 100%;}
	
}

@media (min-width: 768px) and (max-width: 1024px){
	.header .container{width: 100%;}
	.text-box{width: 30%; left: 5%;}
	.text-box h1{font-size: 40px;}
	.text-box p{font-size: 13px;  margin: 0;}
    .form-banner{width: 55%;}
    .form-banner h2, .form-banner h4 {font-size: 20px; line-height: 25px;}

    .law_box .icon-box{padding: 10px 20px;}
    .law_box .icon-box h3{font-size: 17px;}
    .about-in, .about-in .row{margin: 0;}
    .litigation{margin: 30px 0;}
    .map-box, .cont_box{height: 525px;}
    .map-box img{height: 100%;}
    .form-banner{width: 100%; position: relative; right: auto;}
    .form-banner h4:after{left: 35%; width: 65%; top: 10px;}
    .team-box img{height: 200px;}
    .about-box .col-md-3 img, .about-box h1{margin-top: auto;}
    .about-box h1{font-size: 35px;}


}
@media (min-width: 768px) and (max-width: 991px){
    .container{width: 100%; }
    .header{height: 70px;}
    .darkHeader{height: 58px;}
    .darkHeader .navbar-nav {margin: 9px auto; }
    .navbar-nav{margin: 15px auto;}
    .navbar-brand{width: 70%;}
    .text-box{width: 50%; top: 35%;}
    .navbar-nav li a, .darkHeader .navbar-nav li a{font-size: 14px; padding: 10px;}
    .navbar-nav li a:after{top: 13px;}

    .cont-box{padding: 50px;}
    .cont-box h2{font-size: 20px; line-height: normal;}
    .cont-box h2:before{top: 5px;}
    footer .call{font-size: 25px;}
    .mission_box{padding: 10px 30px 70px;}
    .cta h2{font-size: 30px; margin: 0 50px;}
    .about-in h1{font-size: 35px; margin: 10px 0;}
    .litigation ul li{display: block; width: 100%; margin: 10px; font-size: 16px;}
    .cont_box{padding: 5px 20px; }
    .map-box, .cont_box{height: 625px;}
    .address-box ul li p{margin-left: 20px;}
    .address-box ul li{width: 100%; display: block;}
	.practice .sub-practice{margin: 30px 0;}
	.practice .sub-practice h2{margin:0 0 10px;}
	.practice .sub-practice p{line-height: 28px;}
    .form-banner h4:after{left: 40%; width: 60%;}

    

}


@media (min-width: 320px) and (max-width: 767px){
    
	.navbar-nav li a{border-bottom: 1px solid #d0d0d0; position: relative; color: #000;}
    .navbar-nav > li{position: relative;}
    .navbar-nav li button{margin-left: 0;}
    .navbar-toggle{right: 10px; top: 10px; outline: none; padding: 9px;}
    .navbar-toggle .icon-bar {display: block; width: 30px; height: 4px; border-radius: 10px; background: #fff; transition: all 500ms; -webkit-transition: all 500ms; }
    .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {top: 7px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
    .navbar-toggle:not(.collapsed) .icon-bar {height: 4px; position: relative; transition: all 300ms ease-in-out 0s; width: 30px; background: #fff; }
    .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {opacity: 0; }
    .navbar-toggle:not(.collapsed) .icon-bar:last-child {top: -9px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
    .navbar-collapse{position: fixed; right: 0px; top: 94px; z-index: 9; width: 100%; overflow: auto; background: #fff; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -moz-transition: 0.3s ease; -o-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-transition: 0.3s cubic-bezier(0.55,0,0.1,1); -o-transition: 0.3s cubic-bezier(0.55,0,0.1,1); -webkit-transition: 0.3s cubic-bezier(0.55,0,0.1,1); transition: 0.3s cubic-bezier(0.55,0,0.1,1); }
    .navbar-collapse {-moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
    .darkHeader .navbar-toggle{right: 0; top: 0;}
    .darkHeader .navbar-collapse{ top: 58px; }
    .carousel-inner > .item{height: 300px;}
    .carousel-inner > .item img{height: 100%;}

    .header{height: 70px;}
    .darkHeader{height: 58px;}
    .darkHeader .navbar-nav {margin: 9px auto; }
    .navbar-nav{margin: 15px auto;}
    .navbar-brand{width: 120px;}
    .form-banner{width: 100%; position: relative; right: auto; padding: 20px;}
    .form-banner h4:after{left: 0; width: 60%; top: auto; bottom: 0;}
    .text-box{width: 50%; top: 35%;}
    .navbar-nav li a, .darkHeader .navbar-nav li a{font-size: 14px; padding: 10px;}
    .navbar-nav li a:after{top: 13px;}
    .text-box{width: 90%; left: 5%; top: 45%;}
    .text-box:before{left: -10px; top: 25px;}
    .text-box h1{font-size: 30px; line-height: normal;}
    .text-box p{font-size: 13px;  margin: 0; line-height: normal;}

    .law_box{margin: 10px 0;}
    .law_box img{width: 100%;}
    .law_box .icon-box{padding: 120px 30px;}
    .icon-box img{width: 70px;}
    .about-box .col-md-3, .about-box .col-md-4, .about-box .col-md-5{margin-bottom: 10px;}
    .about-box .col-md-3 img{margin: 0;}
    .about-box p, .about-in p{text-align: justify; line-height: normal;}

    .news-box{margin: 10px 0;}
    .cont-box{padding: 50px;}
    .cont-box h2{font-size: 20px; line-height: normal;}
    .cont-box h2:before{top: 5px;}
    footer .call{font-size: 20px;}
    footer .links li{width: 100%;}
    .sub-foot li a{line-height: normal;}
    .about-in, .about-in .row{margin: 0;}
    .about-in h1{font-size: 30px ; line-height: normal;}
    .cta{padding: 30px 0; text-align: center;}
    .cta h2, .cta a{display: block; margin: 20px 0; padding: 0;}
    .cta a{padding: 10px 20px; width: 150px; margin: 20px auto;}
    .cta h2{font-size: 30px; line-height: normal; border: none;}
    footer .container .row{margin: 0;}
    .mission_box{padding: 20px;}
    .litigation{margin: 20px 0;}
    .about-in h1{font-size: 35px; margin: 10px 0;}
    .litigation ul li{display: block; width: 100%; margin: 10px; font-size: 16px;}
    .map-box, .cont_box{height: auto; margin: 10px 0;}
    .map-box img{height: auto;}
    .text-box:before{height: 30px;}
    .news-main h1{font-size: 25px; margin: 30px 0;}
	.practice .sub-practice{margin: 30px 0; border-bottom: 1px solid #ccc; padding-bottom: 30px;}
	.practice .sub-practice h2{margin:10px 0; float: left; width: 100%;}
	.practice .sub-practice p{line-height: 28px;}
	.ns-comments {	margin: 0; }
	label {	width: -moz-available; }
	input, textarea { width: 100%; }
	blockquote { padding: 0 0 0 10px; }

    .address-box{position: relative; bottom: auto;}
    .address-box ul li{display: block; width: 90%; margin: 20px 5% 0; border-right: 0px; float: left; border-bottom: 1px solid #d0d0d0;}
    .address-box ul li p{margin-left: 20px;}
    .about-in img{float: left;}
    .about-in h1{font-size: 25px;}
    .cont-box a, .extra-p p{font-size: 14px;}
    .team-box img{height: auto;}
}

@media (min-width: 320px) and (max-width: 385px){
.news-post .ns-con { float: left; margin: 10px 0 25px 0; }
.news-post h4 { width: 100%; }
}
@media (min-width: 320px) and (max-width: 600px){
    .ns-recent-post li img{width: 80px;}
	.ns-recent-post li {overflow: unset;}

}

@media (min-width: 320px) and (max-width: 400px){
	.law_box .icon-box{padding: 90px 30px;}
    .mission_box h2{font-size: 25px; line-height: normal;}
}

@media (min-width: 1441px) and (max-width: 2560px){
    .container {width: 1500px; }
    .carousel-caption{bottom: 110px;}
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }