/*
Theme Name: ECLegal Wordpress
*/

@charset "utf-8";
/* CSS Document */

/* ---------------------------- GLOBAL STYLES ---------------------------- */
html, body { margin: 0; padding: 0; height: 100%; }
body { font-family: 'Noto Sans', sans-serif; color: #474747; position: relative; overflow-x: hidden; }
article, aside, details, figcaption, figure,  footer, header, hgroup, main, menu, nav, section { display: block; }
ol, ul { list-style-type: none;
    padding: 0px;
    margin: 0px; }

/*--Added By Mohit--*/

/*--Table using UL/LI--*/
.TableDiv{
width:100%;
margin-bottom:10px;
float:left;
}

.RowDiv{
float:left;
}

.DivWithBullet{
background-image: url(img/bullet.png);
background-repeat: no-repeat;
background-position: 0px 7px;
padding-left: 20px; 
padding-bottom: 5px; 
margin-left: 15px;
float:left;
width:250px;
}

.DivWoBullet{
padding-left: 20px; 
padding-bottom: 5px; 
margin-left: 15px;
float:left;
width:120px;
}

.FormControl{
margin-top:5px;
}

.FormCombobox{
margin-top:5px;
height:25px;
padding-bottom:2px;
font-family: "Noto Sans",sans-serif;
color:#474747;
}

/*--Table using UL/LI--*/

.Bullet{
padding-left: 15px;
}

.Bullet li{
background-image: url(img/bullet.png);
background-repeat: no-repeat;
background-position: 0px 10px;
padding-left: 20px; 
}

.Bullet li P{
padding: 3px 3px 3px 3px;
margin: 0px;
}

.AlphabetList{
list-style-type: lower-alpha;
padding-left: 30px;
}

.AlphabetList li{
padding-left: 10px; 
}

.AlphabetList li P{
padding: 3px 3px 3px 3px;
margin: 0px;
}

.NumberList{
list-style-type: decimal;
padding-left: 30px;
}

.NumberList li{
padding-left: 10px; 
}

.NumberList li P{
padding: 3px 3px 3px 3px;
margin: 0px;
}

.table-container{
width: 100%;
overflow-y: auto;
_overflow: auto;
margin: 0 0 1em;
}

.table-container-border{
border-collapse: collapse;
margin: 0;
}

.table-cell-border{
border: 1px solid #999;
padding: 0.5em 1em;
}

.table-header{
background-color: #306e90;
color: white;
}

.table-sub-header{
background-color: #E8F3F5;
font-weight: bold;
}

/*--Added By Mohit--*/

blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { text-decoration: none; }

body > * { margin: auto; max-width: 1000px; }

body:before {
	content:''; display: block; width: 100%; height: 25px;
	background-color: #0482B8;
	background-image: linear-gradient(#0C2833, #0482B8 35%);
}

body > nav.one {
	position: relative;
	background-color: #FFF;
	text-transform: uppercase;
}

body > nav.one > ul { display: inline-block; float: right; padding-right: 97px; transition: padding-right ease 0.3s; }
@media (max-width: 750px) { body > nav.one > ul { padding-right: 40px; } }
@media (max-width: 450px) { body > nav.one > ul { display: block; text-align: center; padding-right: 0px; float: none; } }
body > nav.one > ul > li { display: inline-block; }
body > nav.one > ul > li > span { display: inline-block; }
body > nav.one > ul > li > span > a { display: inline-block; color: #5A595B; transition: color ease 0.3s; }
body > nav.one > ul > li:hover > span > a { color: #5C92A5; }
body > nav.one > ul > li > span > a > span { display: inline-block; font-size: 11px; padding: 0px 11px; transition: padding ease 0.3s; }
@media (max-width: 570px) { body > nav.one > ul > li > span > a > span { padding: 11px 5px 0 5px; } }
body > nav.one > ul > li > ul { display: block; position: absolute; max-height: 0px; transition: max-height ease 0.6s; overflow: hidden; z-index: 100; }
body > nav.one > ul > li:hover > ul { max-height: 900px; }
body > nav.one > ul > li > ul > li { display: block; }
body > nav.one > ul > li > ul > li > span { display: block; }
body > nav.one > ul > li > ul > li > span > a { display: block; color: #5A595B; background-color: #E8F3F5; transition: background-color ease 0.3s; }
body > nav.one > ul > li > ul > li > span > a:hover { background-color: #adcfdb; }
body > nav.one > ul > li > ul > li > span > a > span { display: block; font-size: 11px; padding: 5px; }


body > nav.one:before {
	content:''; display: block; height: 0; width: 0;
	position: absolute; top: 0; left: 40px;
	border-left: #FFF solid 10px; border-right: #FFF solid 10px; border-top: solid #0482B8 10px;
}

body > nav.one:after { content: ''; display: block; height: 0; clear: both; }

body > header { position: relative; padding-top: 10px; padding-bottom: 15px; height: 63px; background-color: #FFF; }

@media (max-width: 400px) { body > header { display: block; text-align: center; height: 120px;} }

@media (max-width: 600px) { body > header { display: block; text-align: center; height: 120px;} }

body > header > a.name {
	display: inline-block;
	font-family: 'EB Garamond', serif; font-size: 46px; color: #0C2631;
	line-height: 34px; height: 34px;
	padding-right: 25px; padding-left: 20px; border-right: #0C2631 solid 2px; transition: all ease 0.3s;
	margin-top: 12px;
}

body > header > a.byline {
	display: inline-block;
	font-family: 'EB Garamond', serif; font-size: 18px; color: #5C92A5;
	text-transform: uppercase; letter-spacing: 2px;
	line-height: 20px; height: 34px; width: 195px;
	padding-left: 25px;
	margin-top: 9px;
}

@media (max-width: 490px) {
body > header > a.name { font-size: 36px; line-height: 28px; height: 28px; padding-right: 10px; padding-left: 10px; }
body > header > a.byline { font-size: 15px; line-height: 15px; height: 28px; width: 175px; padding-left: 10px; margin-right: 0px; }
}

body > header > a.email {
	display: inline-block; float: right;
	font-size: 18px; color: #5C92A5;
	line-height: 34px; height: 34px;
	margin-right: 110px;
	padding-left: 44px; background-image: url(img/icon-email.png); background-position: left center; background-repeat: no-repeat;
	overflow: hidden; width: 195px; transition: width ease 0.3s, margin-right ease 0.3s;
}


.LetsStart {
float:right; 
width: 210px; 
padding-right: 25px;
padding-left: 55px;
background-image: url(img/form.png);
background-repeat: no-repeat;
background-position: 0px 7px;
}

@media (width: 320px) { 
.LetsStart { 
float:left;
margin-top: 15px;
margin-left: 10%;
text-align: left;
width: 205px; 
}
}

@media (width: 480px) { 
.LetsStart { 
float:left;
margin-top: 15px;
margin-left: 25%;
text-align: left;
width: 205px; 
}
}

.LetsStartSub1 {
display: inline-block; 
float: left;
font-size: 18px; 
letter-spacing: 1px;
color: #5C92A5;
overflow: hidden; 
transition: width ease 0.3s, margin-right ease 0.3s;
}

.LetsStartSub2 {
float:left; width:none; font-size:13px; line-height:16px; color:#5A595B;
}


@media (max-width: 750px) { body > header > a.email { width: 0px; margin-right: 40px; } }
@media (max-width: 400px) { body > header > a.email { width: auto; float: none; margin-right: 0; margin-top: 20px; } }

body > nav.two { position: relative; max-width: none; background-color: #E8F3F5; text-align: center; font-size: 0; }
body > nav.two > ul { display: inline-block; max-width: 1000px; margin: 0 auto; text-align: center; }
body > nav.two > ul:after { display: block; clear: both; content: ''; height: 0; }
body > nav.two > ul > li { display: inline-block; border-right: solid 1px #FFF; float: left; }
/*body > nav.two > ul > li:nth-child(1) { border-left: 0px!important; }
body > nav.two > ul > li:nth-child(6) { border-right: solid 2px #FFF; }
@media (max-width: 780px) {
body > nav.two > ul > li:nth-child(3) { border-right: solid 2px #FFF; }
body > nav.two > ul > li:nth-child(4) { clear: left; border-left: solid 2px #FFF; }
}
@media (max-width: 400px) {
body > nav.two > ul > li:nth-child(2) { border-right: solid 2px #FFF; }
body > nav.two > ul > li:nth-child(3) { clear: left; border-left: solid 2px #FFF; border-right: solid 1px #FFF; }
body > nav.two > ul > li:nth-child(4) { clear: none; border-left: solid 1px #FFF; border-right: solid 2px #FFF; }
body > nav.two > ul > li:nth-child(5) { clear: left; border-left: solid 2px #FFF; }
}*/

body > nav.two > ul > li > span { display: inline-block; }
body > nav.two > ul > li > span > a { display: inline-block; }
body > nav.two > ul > li > span > a > span {display: inline-block; padding: 20px 20px 24px 20px; width: 140px; height: 30px; text-align: center;	font-size: 13px; line-height: 16px; color: #4D4D4D; background-color: transparent; transition: background-color ease 0.3s;
}
body > nav.two > ul > li > span > a:hover > span { background-color: #adcfdb; }

body > nav.two > ul > li > span > a > span > span { font-size: 11px; line-height: 20px; display: block; }

body > main { position: relative; background-color: #FFF; overflow: visible; padding: 0 0 40px 0; text-align: right; }
body > main > header > h1 { margin: 0;  }

body.home > main > header { padding: 33px 125px; text-align: center; transition: padding ease 0.3s; }
body.home > main > header > h1 { font-size: 26px; font-weight: normal; transition: font-size ease 0.3s;  }
@media (max-width: 600px) {
body.home > main > header { padding: 28px 70px; }
body.home > main > header > h1 { font-size: 22px;  }
}
@media (max-width: 400px) {
body.home > main > header { padding: 20px 20px; }
body.home > main > header > h1 { font-size: 20px;  }
}
body.home > main > section { text-align: center; }
body.home > main > section > nav { display: inline-block; width: 160px; margin: 7px; vertical-align:top; }
body.home > main > section > nav > ul { display: block; }
body.home > main > section > nav > ul > li { display: block; border-bottom: 1px solid #DEDEDE; }
body.home > main > section > nav > ul > li:nth-child(2) { border-top: 1px solid #DEDEDE; }
body.home > main > section > nav > ul > li > span { display: inline-block; }
body.home > main > section > nav > ul > li > span > a { display: inline-block; color: #78787A; transition: color ease 0.3s; height: 55px; line-height: 50px; }
body.home > main > section > nav > ul > li > span > a:hover { color: #5C92A5; }
body.home > main > section > nav > ul > li > span > a > span { display: inline-block; font-size: 14px; line-height: 20px; padding: 10px 0; }

body.home > main > section > nav > ul > li:nth-child(1) { border-bottom: none; }
body.home > main > section > nav > ul > li:nth-child(1) > span > a { color: #4D4D4D; height: auto; line-height: normal; }
body.home > main > section > nav > ul > li:nth-child(1) > span > a:hover { color: #5C92A5; }
body.home > main > section > nav > ul > li:nth-child(1) > span > a > span { display: inline-block; font-size: 17px; line-height: normal; height: 70px; padding: 0; }

body.home > main > section > nav > ul > li.fill { border-bottom: none; }
body.home > main > section > nav > ul > li.fill > span { height: 50px; line-height: 50px; }
body.home > main > section > nav > ul > li.fill > span > span { display: inline-block; font-size: 15px; line-height: 15px; padding: 10px 0; }

body:not(.home) > main > header { background-color: #95CCE2; color: #FFF; text-align: left; }
body:not(.home) > main > header > span.heading { display: block; font-size: 28px; font-weight: normal; margin: 0; padding: 30px 200px 10px 290px; transition: padding 0.3s ease; }
body:not(.home) > main > header > span.subheading { display: block; font-size: 20px; font-weight: normal; margin: 0; padding: 0 200px 30px 290px; transition: padding 0.3s ease; }

body:not(.home) > main > aside { display: inline-block; float: left; text-align: left; margin-top: 75px; }
body:not(.home) > main > aside > nav { width: 150px; padding: 0 0 75px 85px; transition: padding 0.3s ease; }
body:not(.home) > main > aside > nav > ul > li { display: block; border-bottom: 1px solid #DEDEDE; }
body:not(.home) > main > aside > nav > ul > li > span { display: block; }
body:not(.home) > main > aside > nav > ul > li > span > a { display: block; color: #78787A; transition: color ease 0.3s; }
body:not(.home) > main > aside > nav > ul > li > span > a:hover { color: #95CCE2; }
body:not(.home) > main > aside > nav > ul > li > span > a > span { display: block; font-size: 15px; padding: 10px 0; }
body:not(.home) > main > aside > nav > ul > li:first-child { padding-bottom: 20px; border-bottom: none; }
body:not(.home) > main > aside > nav > ul > li:first-child > span > a > span { display: block; font-size: 20px; color: #4D4D4D; padding: 0; transition: color ease 0.3s; }
body:not(.home) > main > aside > nav > ul > li:first-child > span > a:hover > span { display: block; font-size: 20px; color: #95CCE2; padding: 0; }

body:not(.home) > main > section {
	display: inline-block; width: 510px; width: calc(100% - 490px); padding-right: 200px;
	text-align: left; font-size: 15px; transition: padding 0.3s ease, width ease 0.3s; margin-top: 75px;
}
body:not(.home) > main > section > h1 { font-size: 22px; font-weight: normal; margin-top: 0; }
body:not(.home) > main > section a { /*color: #78787A;*/ color: #95CCE2; transition: color ease 0.3s; }
body:not(.home) > main > section a:hover { color: #95CCE2; }

@media (max-width: 900px) {
body:not(.home) > main > header > span.heading { padding-right: 30px; padding-left: 225px; }
body:not(.home) > main > header > span.subheading { padding-right: 30px; padding-left: 225px; }
body:not(.home) > main > aside > nav { width: 150px; padding-left: 30px; }
body:not(.home) > main > section { padding-right: 30px; width: calc(100% - 255px); }
}

@media (max-width: 560px) {
body:not(.home) > main > header > span.heading { padding-right: 30px; padding-left: 30px; }
body:not(.home) > main > header > span.subheading { padding-right: 30px; padding-left: 30px; }
body:not(.home) > main > aside { display: block; float: none; text-align: center; margin-top: 15px; }
body:not(.home) > main > aside > nav { width: auto; padding: 0 20px; }
body:not(.home) > main > aside > nav > ul > li { display: inline-block; border-bottom: none; margin-right: 10px; }
body:not(.home) > main > aside > nav > ul > li > span { display: inline-block; }
body:not(.home) > main > aside > nav > ul > li > span > a { display: inline-block; }
body:not(.home) > main > aside > nav > ul > li > span > a > span { display: inline-block; font-size: 15px; padding: 5px 0; }
body:not(.home) > main > aside > nav > ul > li:first-child { padding-bottom: 5px; }
body:not(.home) > main > aside > nav > ul > li:first-child > span > a > span { display: block; font-size: 15px; }
body:not(.home) > main > aside > nav > ul > li:first-child > span > a:hover > span { font-size: 15px; }
body:not(.home) > main > section { padding-right: 30px; width: calc(100% - 60px); clear: both; margin-top: 15px; }
}

body > main:before {
	content: ''; display: block; height: 100%; width: 60px;
	position: absolute; left: -60px; top: 0;
	box-shadow:  #DFDFDF -60px 0 60px -60px inset;
}

body > main:after {
	content: ''; display: block; height: 100%; width: 60px;
	position: absolute; right: -60px; top: 0;
	box-shadow:  #DFDFDF 60px 0 60px -60px inset;
}

body > main .clear { display: block; height: 1px; clear: both; }

body > nav.three { position: relative; max-width: none; background-color: #E8F3F5; text-align: center; font-size: 0; border-bottom: 1px solid white;}
body > nav.three > ul { display: inline-block; max-width: 1000px; margin: 0 auto; text-align: center; }
body > nav.three > ul:after { display: block; content: ''; clear: both; height: 0; }
body > nav.three > ul > li { display: inline-block; border-right: solid 1px #FFF; float: left; }
/*body > nav.three > ul > li:nth-child(1) { border-left: 0px !important; }
body > nav.three > ul > li:nth-child(6) { border-right: solid 2px #FFF; }*/
@media (max-width: 530px) {
	body > nav.three > ul > li:nth-child(2) { border-right: solid 2px #FFF; }
	body > nav.three > ul > li:nth-child(3) { clear: left; border-left: solid 1px #FFF; }
}
body > nav.three > ul > li > span { display: inline-block; }
body > nav.three > ul > li > span > a { display: inline-block; }
body > nav.three > ul > li > span > a > span {
	display: inline-block; padding: 20px 10px; width: 90px; text-align: center;
	font-size: 13px; line-height: 16px; color: #4D4D4D; background-color: transparent; transition: background-color ease 0.3s;
}
body > nav.three > ul > li > span > a:hover > span { background-color: #adcfdb; }

body > nav.three > ul > li > span > a > span > span { font-size: 11px; line-height: 20px; display: block; }

body > footer { max-width: none; position: relative; background-color: #13597B; text-align: center; }
body > footer > nav { display: block; max-width: 1000px; margin: 0 auto; padding: 10px 20px; text-align: center; }
body > footer > nav > ul { display: inline-block; max-width: 1000px; margin: 0 auto; text-align: center; }
body > footer > nav > ul > li { display: inline-block; float: left; }
body > footer > nav > ul > li > span { display: inline-block; }
body > footer > nav > ul > li > span > a { display: inline-block; color: #FFF; padding:20px; }
body > footer > nav > ul > li > span > a > span { display: inline-block; font-size: 13px; padding: 5px 0; }
body > footer > div { font-size: 10px; color: #FFF; position: absolute; bottom: 10px; right: 60px; }
@media (max-width: 470px) {
body > footer > div { display: block; text-align: center; position: relative; bottom: 0; right: 0; padding-bottom: 10px; }
}
body > footer > div a { color: #FFF; transition: color ease 0.3s; }
body > footer > div a:hover { color: #adcfdb; }

/* Div based Table */

.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}

.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #E8F3F5;
	display: table-row;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-row;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

@media (max-width: 425px) {
	.iframe-video {
		height: auto !important;
	}
}