@charset "UTF-8";

/*  RESET
---------------------------------------------------*/

* {
  padding:0;
  margin:0;
  outline:none;
}

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, 
em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav,
object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var, a img {
  background:transparent;
  text-decoration:none;
  border:0 none;
  outline:none;
  vertical-align:baseline;
  padding:0;
  margin:0;    
}

*, *:before, *:after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

* > :last-child { 
	margin-bottom:0;
}

img {
	width:100%;
	height:auto;
	display:block;
}

.clearer { 
  clear:both;
}

.clearfix:after {
  content:"";
  display:table;
  clear:both;
}


/*  General
---------------------------------------------------*/

html, body {
  position:relative;
  overflow-x:hidden;
  max-width:100vw;
}

h1 {
	font:400 66px/72px "Oriya MN", sans-serif;
	letter-spacing:-0.05em;
	color:#004d72;
	margin:0 0 30px 0;
}

h2 {
	font:400 44px/50px "Oriya MN", sans-serif;
	letter-spacing:-0.03em;
	color:#3aae2a;
	margin:0 0 30px 0;
}

h2 span {
	margin:0 5px;
}

h3 {
	font:400 30px/36px "Oriya MN", sans-serif;
	letter-spacing:-0.03em;
	color:#3aae2a;
	margin:0 0 30px 0;
}

h4 {
	font:400 22px/28px "Oriya MN", sans-serif;
	letter-spacing:-0.03em;
	color:#004d72;
	margin:0 0 15px 0;
}

h4 span {
	font-size:18px;
	letter-spacing:0;
	text-align:center;
	color:#fff;
	background:#004d72;
	border-radius:28px;
	width:28px;
	height:28px;
	margin:0 10px 0 -10px;
	position:relative;
	top:-2px;
	display:inline-block;
}

p {
	font:400 18px/28px "Muller", sans-serif;
	color:#646464;
	margin:0 0 30px 0;
}

a {
  color:#004d72;
  text-decoration:none;
}

ul,
ol {
  position:relative;
  list-style:none;
  padding:0 0 0 0;
  margin:0 0 50px 0;
}

ul li,
ol li {
	font:400 18px/23px "Muller", sans-serif;
	color:#646464;
	margin:0 0 15px 0;
}

ul.list li {
	position:relative;
	padding:0 0 0 20px;
}

ul.list li::before {
	content:"";
	background:#3aae2a;
	width:7px;
	height:7px;
	position:absolute;
	top:8px;
	left:0;
}

hr.divider {
	background:rgba(0, 0, 0, 0.1);
	border:0;
	width:100%;
	height:1px;
	margin:100px 0;
}

hr.line {
	background:#3aae2a;
	border:0;
	width:55px;
	height:1px;
	margin:30px 0;
}

.container {
  width:1200px;
  position:relative;
  margin:0 auto;
  padding:120px 40px;
}

.content {
  position:relative;
  padding:0 0 0 80px;
}

.dash {
  width:55px;
  height:1px;
  background:#3aae2a;
  position:absolute;
  top:13px;
  left:0;
}

.button {
  font:600 20px/22px "Oriya MN", sans-serif;
  color:#3aae2a;
  border:1px solid #3aae2a;
  display:inline-block;
  position:relative;
  padding:20px 30px;
  margin-top:20px;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}

.button:hover {
  border:1px solid #004d72;
}

.button:after {
  content:"";
  width:28px;
  height:13px;
  background:url("../images/arrow.svg") no-repeat;
  display:inline-block;
  position:relative;
  margin:0 0 0 20px;
   -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}

.button:hover:after {
  margin:0 0 0 26px;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}

.link {
  font:600 18px/20px "Oriya MN", sans-serif;
  color:#3aae2a;
  display:inline-block;
}

.link:after {
  content:"";
  width:28px;
  height:13px;
  background:url("../images/arrow.svg") no-repeat;
  display:inline-block;
  margin:0 0 0 10px;
   -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}

.link:hover:after {
  margin:0 0 0 15px;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}

.flex {
	display:flex;
	flex-wrap:wrap;
}

.flex-center {
	align-items:center;
}

.fadein-1 {
	opacity:0;
	position:relative;
	top:40px;
	transition:all 0.5s ease-out;
}

.fadein-1.animate {
	opacity:1;
	top:0;
}

.fadein-2 {
	opacity:0;
	position:relative;
	top:40px;
	transition:all 0.5s ease-out 0.2s;
}

.fadein-2.animate {
	opacity:1;
	top:0;
}

.fadein-3 {
	opacity:0;
	position:relative;
	top:40px;
	transition:all 0.5s ease-out 0.3s;
}

.fadein-3.animate {
	opacity:1;
	top:0;
}

.fadein-4 {
	opacity:0;
	transition:all 0.5s ease-out;
}

.fadein-4.animate {
	opacity:1;
}

.reveal {
	background:#eaeaea;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	transition:all 1s cubic-bezier(0.8, 0, 0.05, 1) 0.2s;
	z-index:10;
}

.reveal.animate {
	left:-100%;
}

.reveal-2 {
	background:#eaeaea;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	transition:all 1s cubic-bezier(0.8, 0, 0.05, 1) 0.2s;
	z-index:10;
}

.reveal-2.animate {
	top:-100%;
}

.bg-pattern {
	background:url("../images/p-pattern.svg") center center repeat;
	background-size:24px;
	width:100%;
	height:36px;
	opacity:0.06;
}


/*  Nav
---------------------------------------------------*/

nav {
	width:100%;
	padding:0 0 0 100px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

nav #logo {
	width:220px;
	position:relative;
	top:16px;
}

nav ul {
	background-image:linear-gradient(to top, #f0f0f0, #f5f5f5);
	width:-webkit-calc(100% - 350px);
	width:-moz-calc(100% - 350px);
	width:calc(100% - 350px);
	padding:40px 40px 40px 5%;
	margin:0;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

nav ul li {
	margin:0;
}

nav ul li a {
  font:400 18px/18px "Oriya MN", arial, sans-serif;
  color:#004d72;
  position:relative;
}

nav ul .social {
	display:flex;
}

nav ul .social li {
	margin:0 0 0 10px;
}

nav ul .social li a img {
	width:18px;
	height:auto;
}


/*  Mobile Nav
---------------------------------------------------*/

#mobile-nav {
	display:none;
	width:50px;
	position:absolute;
	top:36px;
	right:40px;
}

#mobile-nav span {
	background:#004d72;
	width:100%;
	height:6px;
	margin:0 0 8px;
	display:block;
}

#mobile-nav span:nth-child(2) {
	width:90%;
	position:relative;
	left:10%;
}

#mobile-nav-open {
	display:none;
	background:#3aae2a;
	border-bottom:16px solid #004d72;
	width:100%;
	height:100%;
	padding:22px 40px 40px;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
}

#mobile-nav-open br {
	display:block;
}

#mobile-nav-open .logo {
	width:180px;
	display:block;
}

#mobile-nav-open hr.line {
	background:#fff;
	margin:22px 0 42px;
	opacity:0.5;
}

#mobile-nav-open hr.divider {
	background:#fff;
	margin:30px 0;
	opacity:0.5;
}

#mobile-nav-open ul {
	margin:0;
}

#mobile-nav-open ul li a {
	font:400 30px/36px "Oriya MN", sans-serif;
	letter-spacing:-0.03em;
	color:#fff;
	margin:0 0 15px 0;
}

#mobile-nav-open ul .social {
	display:flex;
	margin:40px 0 0;
}

#mobile-nav-open ul .social li {
	margin:0 10px 0 0;
}

#mobile-nav-open ul .social li a img {
	width:18px;
	height:auto;
}

#mobile-nav-open p {
	color:#fff;
	margin:0 0 15px;
}

#mobile-nav-open p a {
	color:#fff;
}

#mobile-nav-open .close {
	width:34px;
	height:auto;
	position:absolute;
	top:35px;
	right:47px;
	cursor:pointer;
}


/*  Header
---------------------------------------------------*/

header {
	background:#fff;
	display:flex;
	flex-wrap:wrap;
}

header .col:nth-child(1) {
	width:50%;
	padding:120px 50px 160px 100px;
}

header .col:nth-child(2) {
	width:50%;
	position:relative;
	overflow:hidden;
}

header.homepage {
	background:none;
	min-height:750px;
	position:relative;
	z-index:10;
}

header.homepage .col:nth-child(1) {
	align-self:center;
	position:relative;
	top:-40px;
}

header.homepage .col:nth-child(2) {
	box-shadow:0 15px 30px rgb(0, 0, 0, 0.05);
	border-bottom:8px solid #3aae2a;
}

header.subpage {
	background:#fff;
}

header.subpage .col:nth-child(1) {
	padding-bottom:40px;
}

header.subpage .col:nth-child(2) {
	padding:130px 100px 40px 50px;
}

header.subpage p {
	padding:0 0 0 75px;
	position:relative;
}

header.subpage p::before {
	content:"";
	background:#3aae2a;
	width:55px;
	height:1px;
	position:absolute;
	top:13px;
	left:0;
}


/*  Homepage
---------------------------------------------------*/

.flexslider {
	background:#eaeaea;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}

.flexslider ul {
	width:100%;
	height:100%;
}

.flexslider ul li {
	width:100%;
	height:100%;
}

#intro {
	background-image:linear-gradient(to top, #f3f3f3, #f3f3f3 50%, #fff 50%, #fff 50%);
	margin:-100px 0 0;
	padding:0 60px;
}

#intro .container {
	width:100%;
	padding:100px 120px 140px 120px;
	background:#004d72;
}

#intro p {
	color:#fff;
}

#intro h3 {
	color:#fff;
}

#we-do-it-all {
	background-image:linear-gradient(to top, #eaeaea, #f3f3f3);
}

#we-do-it-all .container {
	padding-top:0;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

#we-do-it-all .col:nth-child(1) {
	width:50%;
	padding:0 50px 0 0;
	margin:-50px 0 0;
}

#we-do-it-all .col:nth-child(1) article {
	box-shadow:0 15px 30px rgb(0, 0, 0, 0.05);
}

#we-do-it-all .col:nth-child(2) {
	width:50%;
	padding:50px 0 0 50px;
}

#here-for-you .container {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  padding:120px 0 120px 70px;
}

#here-for-you .col:nth-child(1) {
  width:688px;
  padding:0 100px 0 0;
}

#here-for-you .col:nth-child(2) {
  width:742px;
}


/* About Our Firm */

#photo {
	background-image:linear-gradient(to top, #f3f3f3, #f3f3f3 50%, #fff 50%, #fff 50%);
}

#photo .container {
	padding:60px 40px 0;
}

#photo article {
	border-right:8px solid #3aae2a;
	box-shadow:0 15px 30px rgb(0, 0, 0, 0.05);
	position:relative;
	overflow:hidden;
}

#we {
  background-image:linear-gradient(to top, #eaeaea, #f3f3f3);
}

#we h3 {
	color:#004d72;
}

#we .col:nth-child(odd) {
	width:50%;
	padding:0 50px 0 0;
	margin:0 0 30px;
}

#we .col:nth-child(even) {
	width:50%;
	padding:0 0 0 50px;
	margin:0 0 30px;
}

#page-link .col:nth-child(odd) {
	width:50%;
	padding:100px 50px 100px 100px;
}

#page-link .col:nth-child(even) {
	width:50%;
	padding:100px 100px 100px 50px;
}

#page-link article {
	position:relative;
	overflow:hidden;
}


/* Our Team */

#team {
	background-image:linear-gradient(to top, #eaeaea, #f3f3f3);
	padding:90px 50px 30px;
	margin-top:50px;
}

#team h3 {
	color:#004d72;
	margin:0;
}

#team h4 {
	margin:0 0 30px;
}

#team .col {
	width:25%;
	padding:0 25px;
	margin:0 0 60px;
}

#team .photo {
	position:relative;
	margin:0 0 15px;
}

#team .team-social {
  width:70px;
  height:50px;
  background:#fff;
  text-align:center;
  text-align:center;
  position:absolute;
  bottom:0;
  right:0;
  padding:18px 0 0 0;
}

#team .team-social a {
	width:18px;
	height:auto;
	display:inline-block;
	margin:0 5px;
}

.fancybox-bg {
	background:#fff;
}

.popup {
  background:#004d72;
  width:1000px;
  display:none;
  padding:80px 80px 60px;
}

.popup h2 {
	color:#fff;
}

.popup h2 span {
	color:#3aae2a;
	margin:0 5px;
}

.popup p {
	color:#fff;
}


/* Our Services */

#services {
  background-image:linear-gradient(to top, #eaeaea, #f3f3f3);
}

#services .container:nth-child(1) {
	padding-bottom:0;
}

#services .container:nth-child(3) {
	padding-top:0;
	padding-bottom:0;
}

#services .container:nth-child(5) {
	padding-top:0;
}

#services .container div {
	padding:0 0 0 80px;
	position:relative;
}

#services .container div .number {
	text-align:center;
	border:1px solid #004d72;
	border-radius:50%;
	width:50px;
	height:50px;
	padding:6px 0 0;
	position:absolute;
	top:-3px;
	left:0;
}

#services .container div .number h3 {
	color:#004d72;
}

#services .container div .number::after {
	content:"";
	background:url("../images/p-emblem-blue.svg") 0 0 no-repeat;
	background-size:160px;
	width:160px;
	height:82px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	opacity:0.05;
}

#services .flex {
	padding:0 !important;
}

#services .col {
	width:50%;
	padding:0 !important;
}

#services article {
	display:none;
}



/* Resources */

#resources h2 {
	color:#004d72;
}

#resources .button {
	margin-right:20px;
}

/*
#resources .container:nth-child(1) {
	padding-bottom:0;
}
*/

#resources .container:nth-child(3) {
	padding-top:0;
	padding-bottom:0;
}

#resources .container:nth-child(5) {
	padding-top:0;
}

#resources .container div {
	padding:0 0 0 80px;
	position:relative;
}

#resources .container div .number {
	text-align:center;
	border:1px solid #004d72;
	border-radius:50%;
	width:50px;
	height:50px;
	padding:6px 0 0;
	position:absolute;
	top:-3px;
	left:0;
}

#resources .container div .number h3 {
	color:#004d72;
}

#resources .container div .number::after {
	content:"";
	background:url("../images/p-emblem-blue.svg") 0 0 no-repeat;
	background-size:160px;
	width:160px;
	height:82px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	opacity:0.05;
}

#resources .flex {
	padding:0 !important;
}

#resources .col {
	width:50%;
	padding:0 !important;
}

#resources article {
	display:none;
}


/* Contact Us */

#contact {
	margin-top:50px;
}

#contact .col:nth-child(1) {
	background-image:linear-gradient(to top, #eaeaea, #f3f3f3);
	width:-webkit-calc(100% - 550px);
	width:-moz-calc(100% - 550px);
	width:calc(100% - 550px);
	padding:120px 100px 120px 100px;
}

#contact .col:nth-child(2) {
	background:#004d72;
	width:550px;
	padding:100px;
}

#contact .col:nth-child(2) h4 {
	color:#3aae2a;
}

#contact .col:nth-child(2) p,
#contact .col:nth-child(2) a {
	color:#fff;
}

#contact .col:nth-child(2) p {
	margin:0 0 20px;
}

#contact .col:nth-child(2) p.directions {
	font-size:15px;
	line-height:21px;
}

#contact .col:nth-child(2) .button {
	margin:0 0 20px;
}

#contact .col:nth-child(2) .button:hover {
	border-color:#fff;
}


/* Contact Form */

form#contact-form {
  width:100%;
}

form#contact-form li {
	margin: 0;
}

form#contact-form input {
  font:400 18px/26px "Muller", sans-serif;
  color:#004d72;
  border:0;
  background:#fff;
  width:100%;
  position:relative;
  padding:20px 25px;
  margin:0 0 30px 0;
}

form#contact-form textarea {
  font:400 18px/26px "Muller", sans-serif;
  color:#004d72;
  width:100%;
  height:250px;
  border:0;
  background:#fff;
  position:relative;
  opacity:1;
  resize:none;
  padding:20px 25px;
  margin:0 0 30px 0;
}

form#contact-form button {
  font:600 20px/22px "Oriya MN", sans-serif;
  color:#3aae2a;
  background:none;
  border:1px solid #3aae2a;
  display:inline-block;
  padding:20px 30px;
  margin-top:20px;
}

form#contact-form button::after {
  content:"";
  width:28px;
  height:13px;
  background:url("../images/arrow.svg") no-repeat;
  display:inline-block;
  margin:0 0 0 20px;
}

form#contact-form input::-webkit-input-placeholder,
form#contact-form textarea::-webkit-textarea-placeholder {
  color:#004d72;
  opacity:1;
}

form#contact-form input::-moz-placeholder,
form#contact-form textarea::-moz-placeholder {
  color:#004d72;
  opacity:1;
}

form#contact-form input:-ms-input-placeholder,
form#contact-form textarea:-ms-textarea-placeholder {
  color:#004d72;
  opacity:1;
}

form#contact-form input:-moz-placeholder,
form#contact-form textarea:-moz-placeholder {
  color:#004d72;
  opacity:1;
}

form#contact-form input,
form#contact-form input[type="text"],
form#contact-form input[type="button"],
form#contact-form input[type="submit"],
form#contact-form textarea {
  color:#004d72;
  -webkit-appearance:none;
}

::-webkit-input-placeholder {
       color: #004d72;
}
:-moz-placeholder { /* Upto Firefox 18, Deprecated in Firefox 19  */
   color: #004d72;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #004d72;  
}
:-ms-input-placeholder {  
   color: #004d72;  
}

form#contact-form .flex {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}

form#contact-form #name,
form#contact-form #email {
  width:48%;
}

#contact-success {
  width:100% !important;
  height:auto !important;
}

#contact-success p {
  font:400 24px/28px "Oriya MN", sans-serif;
  color:#3aae2a;
}

#contact-error p {
  font:400 24px/28px "Oriya MN", sans-serif;
  color:#ed1651;
}


/* Footer
---------------------------------------------------*/

#services-links {
	background:#f3f3f3;
	display:flex;
	flex-wrap:wrap;
}

#services-links h4 {
	margin:0;
}

#services-links img {
	background:#f3f3f3;
	border-radius:50%;
	padding:8px;
	width:42px;
	height:42px;
	position:absolute;
	top:50%;
	right:40px;
	transform:translateY(-50%);
}

#services-links .col {
	background:#fff;
	border-top:2px solid #f3f3f3;
	width:33.333%;
	padding:100px 100px 100px 60px;
	position:relative;
}

#services-links .col::before {
	content:"";
	background:#f3f3f3;
	width:2px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
}

#services-links .col:last-child::before {
	width:0;
}

#services-links .col::after {
	content:"";
	background:#3aae2a;
	width:100%;
	height:8px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
	transition:all 0.3s ease;
}

#services-links .col:hover::after {
	height:18px;
}

#services-links .col h4 {
	transition:all 0.3s ease;
}

#services-links .col:hover h4 {
	color:#3aae2a;
}

#footer-contact {
	text-align:center;
	background:#004d72;
}

#footer-contact h2 {
	color:#fff;
    position:relative;
    z-index:2;
}

#footer-contact .button {
	color:#fff;
	border:0;
	background:#3aae2a;
	position:relative;
	z-index:2;
}

#footer-contact .button:after {
	background:url("../images/arrow-white.svg") no-repeat;
}

#footer-contact img {
	width:220px;
	height:auto;
	position:absolute;
	top:60px;
	left:50%;
	transform:translateX(-50%);
	opacity:0.15;
}

#footer-contact .container {
	padding-top:100px;
	padding-bottom:80px;
}

a#bbblink {
	display:inline-block !important;
}

footer img {
	width:auto;
}

footer .container {
	padding:50px 40px 0 40px;
	display:flex;
	flex-wrap:wrap;
	position:relative;
}

footer .col:nth-child(1) {
	width:470px;
	padding:0 30px 0 0;
}

footer .col:nth-child(2),
footer .col:nth-child(3) {
	width:320px;
	padding:0 0 0 30px;
}

footer .small {
	margin:0 0 10px 0;
}

.small {
  font-size:16px;
  line-height:25px;
  margin:0 0 25px 0;
}


/* Fonts
---------------------------------------------------*/


@font-face {
    font-family:"Oriya MN";
    src:url("../fonts/OriyaMN-01.woff2") format("woff2"),url("../fonts/OriyaMN-01.woff") format("woff"),url("../fonts/OriyaMN-01.otf") format("opentype");
    font-style:normal;font-weight:400;
}

@font-face {
    font-family:"Oriya MN Bold";
    src:url("../fonts/OriyaMN-Bold-02.woff2") format("woff2"),url("../fonts/OriyaMN-Bold-02.woff") format("woff"),url("../fonts/OriyaMN-Bold-02.otf") format("opentype");
    font-style:normal;font-weight:400;
}