@font-face {
	font-family: "Sofia-Pro-Medium";
	src: url("../fonts/Sofia-Pro-Medium.eot");
	src: url("../fonts/Sofia-Pro-Medium.eot?#iefix") format("embedded-opentype"),
	url("../fonts/Sofia-Pro-Medium.woff") format("woff"),
	url("../fonts/Sofia-Pro-Medium.woff2") format("woff2"),
	url("../fonts/Sofia-Pro-Medium.ttf") format("truetype"),
	url("../fonts/Sofia-Pro-Medium.svg#Oswald-Bold") format("svg");
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: "Sofia-Pro-Regular";
	src: url("../fonts/Sofia-Pro-Regular.eot");
	src: url("../fonts/Sofia-Pro-Regular.eot?#iefix") format("embedded-opentype"),
	url("../fonts/Sofia-Pro-Regular.woff") format("woff"),
	url("../fonts/Sofia-Pro-Regular.woff2") format("woff2"),
	url("../fonts/Sofia-Pro-Regular.ttf") format("truetype"),
	url("../fonts/Sofia-Pro-Regular.svg#Oswald-Bold") format("svg");
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: "Proxima-Nova-Regular";
	src: url("../fonts/Proxima-Nova-Regular.eot");
	src: url("../fonts/Proxima-Nova-Regular.eot?#iefix") format("embedded-opentype"),
	url("../fonts/Proxima-Nova-Regular.woff") format("woff"),
	url("../fonts/Proxima-Nova-Regular.woff2") format("woff2"),
	url("../fonts/Proxima-Nova-Regular.ttf") format("truetype"),
	url("../fonts/Proxima-Nova-Regular.svg#Oswald-Bold") format("svg");
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/****base css*********/

	body {	font-family: "Proxima-Nova-Regular", sans-serif; font-weight: normal; font-size:16px; color: #323232;  line-height: 24px;  -webkit-font-smoothing: antialiased; max-width: 1500px; margin: 0 auto; position: relative; }		

	h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; font-family: "Sofia-Pro-Regular"; font-weight: normal; }        
	h1 { font-size:50px; margin:0px 0px 40px; padding:0px; }
	h2 { font-size:28px; margin:0px 0px 30px; padding:0px; }
	h3 { font-size:24px; margin:0px 0px 30px; padding:0px; font-family: "Sofia-Pro-Medium"; }		
	h4 { font-size:20px; margin:0px 0px 25px; padding:0px; font-weight: normal; }
	h5 { font-size:20px; margin:0px 0px 15px; padding:0px; }

	.fl{ float:left;}
	.fr{ float:right;}
	p { margin:0px; padding:0px 0px 25px; }
	p.p-head { font-size:20px; padding: 0px 0px 25px; font-size: 20px; }
	article, aside, figure, footer, header, hgroup,menu, nav, section { display: block; }
	.clearfix:after, .grid-block:after, .deepest:after {    clear: both;}
	.clearfix:before, .clearfix:after, .grid-block:before, .grid-block:after, .deepest:before, .deepest:after {    content: "";    display: 		table;}
	.cl{ clear:both; height:0; }
	a { color: #00a2e5; outline:none !important; transition:all 0.3s ease-in 0s;-webkit-transition:all 0.3s ease-in 0s; text-decoration: none; }  
	.no-padding{ padding:0px; }
	input , button , textarea { transition:all 0.3s ease-in 0s;-webkit-transition:all 0.3s ease-in 0s; outline: none !important; }
	input::-moz-placeholder { color: #323232; opacity: 10; }
	input::-webkit-input-placeholder { color: #323232; }
	ul,ol { padding-left: 15px; margin-bottom: 15px; }		
	img { outline: none !important; }
	.container { max-width: 1180px; width: 94%; padding: 0; }

/**************************** Header ***********************************/
header { position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.75); width: 100%; z-index: 9; padding: 15px 15px 0 30px; z-index:100000000; }
header .container { max-width: 100%; width: 100%; }	
header .logo { float: left; }
header .logo img { max-width: 100%; }
header .header-right { float: right; }
header .header-right .legal-aid { float: right; margin-left: 50px; } 
header .header-right .nav-call { float: left; }
header .nav-call .call-us { float: right; margin: 10px 0 0; }
header .call-us ul { display: inline-block; margin: 0; padding: 0; }
header .call-us ul li { list-style-type: none; float: left; }
header .call-us ul li + li { margin-left: 18px;  }
header .call-us .call-us-col { float: left; margin-right: 20px; font-size: 24px; }
header .call-us .call-us-col a { color: #00a2e5; text-decoration: none; }
header .call-us ul li a { color: #323232; font-size: 18px; }

.navigation { float: left; clear: both; }
.navigation ul.nav { padding: 0; margin: 0; }
.navigation ul.nav > li { list-style-type: none; float: left; position:inherit; }
.navigation ul.nav > li + li { margin-left: 35px; }
.navigation ul.nav > li > a { font-size: 16px; text-decoration: none; color: #323232; padding: 10px 0; border-bottom: solid 2px transparent; line-height: 16px; margin-bottom: 24px; } 
.navigation ul.nav > li.active > a , .navigation ul.nav > li > a:hover , .navigation ul.nav > li > a:focus ,  .navigation ul.nav > li:hover > a { border-bottom: solid 2px #00a2e5; background: transparent; }

.navigation ul.nav ul { display: none; }
.navigation ul.nav ul { position: absolute; background: rgba(0, 162, 229, 0.9);  display: none;  width: 200px; padding:0 /*10px 0*/; }
.navigation ul.nav li:hover > ul { display: block; }
.navigation ul.nav ul li { float: left; list-style-type: none; width: 100%; position: relative; }
.navigation ul.nav ul li a {  color: #fff;  display: block;  font-size: 16px;  text-decoration: none;  width: 100%; padding: 5px 15px; }
.navigation ul.nav ul li a:hover {background-color:#fff;color:#00a2e5;}

.navigation ul.nav ul ul { left: 200px; top: 0; }
.megamenu .container {  max-width: 770px; padding: 0; }
.navigation ul.nav li.megamenu:hover ul { display: block; }
.navigation ul.nav li.megamenu ul {  left: 0;  margin: 0;  padding: 50px 20px 40px 20px; width: 100%; }
.navigation ul.nav li.megamenu ul li { width: 33.33%; margin-bottom:0 /* 10px */; }
.navigation ul.nav li.megamenu li + li { margin-left: 0; }
.navigation ul.nav li.megamenu ul li.divider {  color: #ffffff;  font-size: 24px;  margin-bottom: 20px;  text-transform: uppercase;  width: 100%; }
.navigation ul.nav li.megamenu ul a { padding: 5px; }
.navigation ul.nav li.megamenu ul a:hover {background-color:#fff;color:#00a2e5;}

.slicknav_menu li.divider { display: none; }

/**************************** Slider ***********************************/
.slider { float: left; width: 100%; }
.slider img { max-width: 100%; }

.slider .djslider-default .slide-desc { height: 100%; }
.slider .djslider-default .slide-desc-in { height: 100%; }
.slider .slide-desc-bg-default { background: transparent; }
.slider .slide-desc-text-default { height: 100%; padding: 0; }
.slider .slide-text { height: 100%; }
.slider .slider-text { max-width: 600px; position: absolute;  top: 50%; }
.slider .slider-text article { font-size: 50px; color: #323232; font-family: "Sofia-Pro-Regular"; font-weight: normal; line-height: 55px; margin: 0 0 20px 0; }
.slider .slider-text a.read-more { font-size: 24px; color: #00a2e5;  font-family: "Sofia-Pro-Medium"; text-decoration: none; }


/**************************** Content Box ***********************************/
.inner-page .content-box { padding:50px 0 50px;}
.home-page .content-box { background: #e6e6e6; }
.home-page .content-box .content-side { padding: 100px 0 0 159px; width: 940px; }
.home-page .content-box .container { width:100%; max-width:100%;}

.content-box { width: 100%; float: left; position: relative; }
.content-box .content-side { padding: 50px 0 30px; width: 800px; float: left; }
.inner-page .content-side.right { width:800px; padding:40px 50px; background: #e6e6e6; }
.content-box .right-side { float: right; width: 380px;  }
.content-box .right-side .right-col + .right-col { margin-top: 20px; } 
.content-box .left-side { float: left; padding-right: 25px;  width: 310px; }
.content-box .left-side .left-col + .left-col { margin-top: 20px; } 
.content-box .content-side.both {  width: 465px; padding: 30px 20px 20px; }
.content-box .content-side.left { float: right;  padding: 40px 30px;  width: 800px; background: #e6e6e6; }

ul.arrow-list { position: relative;}
ul.arrow-list li { list-style-type: none; }
ul.arrow-list li::before { color: #444444;content: "";  display: inline-block; font-family: "FontAwesome"; font-size: 16px;  left: 0;  position: absolute; }

.enquire-form { display: inline-block; width: 100%; background: #00a2e5; padding: 50px; color: #fff; }
.enquire-form .enquire-form-top { margin-bottom: 30px; }
.enquire-form h3 { margin: 0 0 5px 0; }
.enquire-form .enquire-form-top p { padding: 0; }
.enquire-form .in { margin-bottom: 20px; } 
.enquire-form .input-text { background: #fff; border: none; width: 100%; height: 50px; padding: 0 15px; color: #323232; }
.enquire-form input::-moz-placeholder { color: #323232; opacity: 10; }
.enquire-form input::-webkit-input-placeholder { color: #323232; }
.enquire-form .input-textarea { background: #fff; border: none; width: 100%; height: 140px; padding: 20px 15px; color: #323232; resize: none; }
.enquire-form .input-textarea::-moz-placeholder { color: #323232; opacity: 10; }
.enquire-form .input-textarea::-webkit-input-placeholder { color: #323232; }
.enquire-form .submit-btn { background: url(../images/submit-icon.png) no-repeat; border: none; width: 52px; height: 52px; }

.right-side .enquire-form  .col-8 , .right-side .enquire-form  .col-4 { width: 100%; }

/**************************** Service ***********************************/
.service { float: left; width: 100%; background: #323232; padding: 50px 0 30px;  }
.service .service-row { display: table; width: 100%; }
.service .service-row + .service-row { margin-top: 25px; }
.service h2 { color: #e6e6e6; margin: 0px; }
.service .col-3 { float: left; width: 25%; }
.service a { color: #fff; text-decoration: none; font-size: 20px; }
.service a:after { content: ""; font-family: "fontawesome"; font-size: 30px; color: #00a2e5; margin-left: 20px; display: inline-block; }


/**************************** Expert Family Law ***********************************/
.expert-family-law { float: left; width: 100%; position: relative; margin-bottom: 50px; }
.expert-family-law .images-col { display: inline-block; width: 100%; position: relative; }
.expert-family-law .images-col img { max-width: 100%; }
.expert-family-law .images-col:after { background: rgba(14, 14, 12, 0.60); position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; }
.expert-family-law .content-col { position: absolute; top: 50%; width: 100%; z-index: 9; transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); }
.expert-family-law .expert-left { float: left; padding-top: 0; }
.expert-family-law .expert-left h2 { color: #e6e6e6; line-height: 1.2; margin: 0; }
.expert-family-law .expert-right { float: right; }


/**************************** News Twitter ***********************************/
.news-twitter { float: left; width: 100%; padding: 10px 0 20px 0; }
.news-twitter .col-8 { width: 66%; } 
.news-twitter .col-4 { width: 32%; } 

.news-twitter .col-6 { width: 48.5%; background: #00a2e5; padding: 30px; color: #fff; } 
.news-twitter .col-6 .article-title { color: #323232; font-size: 20px; margin: 0 0 5px 0; }
.news-twitter .col-6 .article-title a { color: #323232; text-decoration: none; }
.news-twitter .col-6 p { padding: 0 0 7px 0; }
.news-twitter .read-more { font-size: 0; background: url(../images/left-arrow.png) no-repeat; width: 10px; height: 17px; float: left; }
.news-twitter .twitter-box { background: #e6e6e6; padding: 30px; width: 100%; float: left;  min-height: 241px;}

.news-twitter h2.twitter-col { position: relative;  }
.news-twitter h2 a { color: #323232; }
.news-twitter h2.twitter-col::after {  background: #00a2e5;  border-radius: 100%;  color: #ffffff;  content: ""; font-family: "fontawesome"; font-size: 20px; height: 48px;  line-height: 48px;  position: absolute;  right: 0;  text-align: center;  width: 48px; }

div#fd.eb .eb-mod-media-title { font-weight: normal !important; }
div#fd.eb.eb-mod * { line-height: 24px !important; }
.news-twitter div#fd.eb .mod-items-grid { margin: 0; }

/**************************** Footer ***********************************/
footer { width: 100%; border-top: solid 1px #727272; background: #323232; padding: 50px 0; float: left; position:relative;}
footer .container { /*max-width: 780px;*/ clear:both; padding-top:15px; }
.footer-logo { background:#e6e6e6; width:359px; float:left;   margin-top: -51px; }
.footer-call { font-size:24px; color:#00a2e5; font-family: "Sofia-Pro-Medium";}
.footer-call a{ color:#fff;}
.footer-call a:hover,.footer-call a:focus { text-decoration:none;}
ul.fo-social { margin:5px 40px 0px 0; padding:0px 0px 0px 15px;  display:inline-block; }
ul.fo-social li { float:left; font-size:18px;list-style:none;  }
ul.fo-social li + li { margin-left:15px;} 

.fo-contact { color:#fff; width:291px;}
.fo-nav {  float: left; }

.fo-contact a { color: #ffffff;  text-decoration: none; }
.fo-contact span#tel , .fo-contact span#fax , .fo-contact span#legal { color: #00a2e5; } 
.fo-nav ul { margin:0px; padding:0px;}
.fo-nav li { list-style:none;}
.fo-nav li a{ display:block; color:#fff; font-size:16px; text-decoration: none; }

.copy-fo { clear:both; width:100%; float:left;  padding-top:35px; font-size:12px; color:#fff;}
.copy-fo a{ color:#FFF;}
.copy-fo span { display:inline-block; padding:0 7px;}


/****************************/
.inner-slider { width:100%; float:left; overflow:hidden; }
.inner-slider img { max-width:100%;}
.page-heading h1{ margin:0px 0px 50px; padding:0px; font-size:50px; 	font-family: "Sofia-Pro-Medium";}


.team-list { overflow:hidden;}
.team-list .img { margin-bottom:15px;}
.team-list .img img { max-width: 100%; }
.team-list  .col-6{ width:46%; float:left;}
.team-list  .col-6.fr{ float:right;}
.team-list h4 { margin:0px 0px 5px; padding:0px; font-size:20px; color:#323232;}
.team-list h4 a{ color:#323232;}

.team-list > div:nth-child(3n) {    padding-top: 40px;}
.team-list > div:last-child {    padding-top: 0;}

.content-side.full {  width: 100%; padding-top:0px;}

.contact-page .col-4{ width:33.333%; float:left;}
.contact-page .col-4 .in { padding:0 9px;}
.contact-page .col-8{ width:66.666%; float:left;}
.contact-page .col-8 .in { padding:0 9px;}
.contact-page .capcha img { width:100%; height:68px;}
.contact-page .submit-button{ float:right;}
.contact-page .enquire-form-top { padding:0 9px;}
.contact-page .enquire-form-top h3 { display:inline-block; padding-right:15px;}
.contact-page .enquire-form-top p { display:inline-block;}

.contact-page .enquire-form .container { max-width:878px; width:100%;}

.glas-office { width:32%; float:left;  background:#323232; color:#fff;}
.glas-office .padd { overflow:hidden; padding:42px;}
.glas-office span {color: #00a2e5;}
.glas-office ul.fo-social { margin:0px; padding:0px; }

.header-soci {  float: left; }
.footer-soci {  float: left;}
.contact-page .map-contact.qu-hight.fl {width: 68.001%;}
.map-contact.qu-hight.fl > iframe { height: 100% !important; }

#g-recaptcha-6 { transform: scale(0.90) !important; -webkit-transform:scale(0.90) !important; transform-origin: 0 0 0 !important; -webkit-transform-origin:0 0 !important; }


/*************/

.capcha .formError {    float: left;    margin: -8px 0 13px;    position: relative;    width: 100%;}

.fourerror .label.label-inverse {    color: #00a2e5;    float: left;    font-size: 31px;    padding: 0 13px 0 0;}
.fourerror blockquote { margin:0px; padding:0px; border:none; line-height:30px;}
.fourerror .btn{ padding-left:0px;}
.contact-page .InfinityNumber.clickable > a {color:#fff !important;}

.twitter-box iframe#twitter-widget-0 {
    height: 241px !important;
    overflow-y:scroll;
}


/** covid box module **/

.covid-update-cont.moduletable{
background: white;
    padding: 10px;
    margin-top: 42px;
    margin-bottom: 40px;
    color: black;
    border: 4px #00a2e5 solid;
}

.covid-update-cont.moduletable p{
  padding-bottom: 15px;
}

.covid-update-cont.moduletable a{
 color: black;
  text-decoration: underline;
}

@media(min-width: 1000px){
  .covid-update-cont.moduletable{
padding: 100px 300px;
        border: 11px #00a2e5 solid;
}

}
.color-white,
.color-white:hover {
  color: white !important;
}