/*----------intial declartaion of css----------*/
/*----- Normalize.css Start -----*/
/*----------intial declartaion of css----------*/
* { /*appearance:none; -moz-appearance:none;-webkit-appearance:none;*/ }


@-ms-viewport { width: device-width!important; }

html{ overflow-y: auto;-ms-overflow-style: -ms-autohiding-scrollbar!important;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea { margin: 0; padding: 0; border: 0; outline: 0; /* list-style:none;*/ box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea { margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0 }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul {/*list-style: none;*/ }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a { text-decoration: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; }
a { outline: none; cursor: pointer; }
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }
img { max-width: 100%; }
/* For modern browsers */ 
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
h1 { font-size: 10.6rem; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; color: #353535; text-transform: uppercase; margin: 0 0 20px 0; line-height: 1.2; }
h2 { font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: uppercase; font-size: 2.4rem; color: #9f9393; margin: 0 0 20px 0; line-height: 1.2; letter-spacing: 0.17em; }
h3 { font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; text-transform: uppercase; font-size: 7.2rem; color: #ffffff; margin: 0 0 20px 0; line-height: 1.2; letter-spacing: 0.15em; }
h4 { font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 4.8rem; color: #353535; margin: 0 0 20px 0; line-height: 1.2; }
h5 { text-transform: uppercase; font-size: 2.2rem; color: #353535; margin: 0 0 20px 0; line-height: 1.2; }
h6 { font-weight: 400; text-transform: uppercase; font-size: 1.8rem; color: #353535; margin: 0 0 20px 0; line-height: 1.2; }
p { font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 1.2; padding-bottom: 20px; font-size: 1.8rem; color: #3b373c }
a, a:focus { color: #2c3f4e; }
a:hover { color: #a8a5a3; }
hr { margin: 40px 0 30px; border-top: 1px solid #adaaaa; }
a, button, .btn { outline: none !important; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; text-decoration: none !important; }
input { -webkit-appearance: none; border-radius: 0px; }
body { font-size: 62.5%; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; background: #fff; width: 100%; height: auto; }
.wrapper { overflow: hidden; font-size: 1.6rem; }
h3 span { color: #353535; }
/*----------intial declartaion of css end----------*/

/*--------------------------------------------------------------------xxxxxxxxxxxxxxxxxxxxxxxxxx-------------------------------------------------------*/

/*Custome css start here*/

/*-----------Navigation start here---------------*/
.menu-icon { display: none; cursor: pointer; color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; line-height: 33px; font-size: 2.2rem; padding: 0px 0; }
.menu-icon .menu-box { width: 50px; height: 22px; margin-right: 0; padding: 0 5px; position: absolute; right: 10px; top: 27px; z-index: 99999; cursor: pointer; }
.enumenu_ul .caret { color: #fff; margin-left: 7px; }
.enumenu_ul { padding: 0px; list-style: none; display: inline-block; }
.enumenu_ul > li { display: inline-block; position: relative; margin-right: 66px; }
.enumenu_ul > li > a:after { opacity: 0; position: absolute; z-index: -1; top: 50%; margin: -22px 0 0 0; height: 44px; right: -16px; left: -16px; background: url(../images/menu-hover.png); content: ''; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.8); transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
.enumenu_ul > li.has-children > a:after { right: -46px; left: -16px; }
.enumenu_ul li:hover a:after { opacity: 1; }
.enumenu_ul > li:last-child { margin-right: 0; }
.enumenu_ul > li > a { font-size: 2.4rem; color: #fff; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight: 600; position: relative; display: inline-block; line-height: 1.26; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.69); }
.enumenu_ul > li.has-children:after { position: absolute; right: -31px; top: 8px; background: url(../images/menu-drop-arrow.png) no-repeat; background-size: 25px; content: ""; width: 25px; height: 18px; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; }
.enumenu_ul > li.has-children:hover:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); }
.enumenu_ul > li:nth-child(7) { margin-right: 0; }
.enumenu_ul > li ul { display: none }
.enumenu_ul ul li { width: 100%; margin: 0; list-style: none; position: relative; }
.enumenu_ul.desk ul { top: 35px; z-index: 999; list-style: none; background: #353535; position: absolute; margin: 0 auto; padding: 0px 0; text-align: left; padding: 20px 0 20px 0; left: -17px; right: -47px; }
/*Sub menu styles*/
.menu.submenu-ul-level1 li a { background: rgba(31, 26, 107, 0.8); color: #fff; padding-left: 90px; }
.enumenu_ul.desk .sb-menu .sb-menu { left: 100%; top: 0; }
.enumenu_ul.desk ul li { margin-bottom: 10px; }
.enumenu_ul.desk ul li:last-child { margin-bottom: 0px; }
.enumenu_ul.desk ul li a { display: block; color: #fff; font-size: 2.0rem; text-transform: uppercase; text-align: center; }
.enumenu_ul.desk ul li a:hover { color: #a8a5a3; }
.enumenu_ul > li.hover a { color: #fff; }
.enumenu_ul .arrow { position: absolute; right: -30px; top: 0px; bottom: 0; margin: auto; width: 30px; height: 30px; background: url(../images/plus.png) no-repeat center center; cursor: pointer; z-index: 999 }
.enumenu_ul .arrow.up { background: url(../images/minus.png) no-repeat center center }
/*-----------Navigatinon end here---------------*/

/*header css start here*/
header { position: relative; padding: 20px 110px 0; width: 100%; position: absolute; }
.header-main { z-index: 11; position: relative }
header:after { position: absolute; left: 0; top: 0; width: 100%; background: url(../images/header-shadow.png) no-repeat; content: ""; height: 377px; z-index:9; }
.logo-inn a { width: 136px; display: inline-block; }
.logo-inn a img { width: 100%; }
.logo-inn { padding: 10px 0; }
.header-right { text-align: right; }
.contact-num { display: inline-block; vertical-align: middle }
.contact-num span { font-size: 2.6rem; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: uppercase; line-height: 1; vertical-align: middle; display: block; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.69); }
.contact-num a { font-size: 5rem; line-height: 1; color: #fff; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; display: inline-block; vertical-align: middle; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.69); }
.contact-num a:hover { color: #3f3b40 }
.menu-main { display: inline-block; vertical-align: middle; padding-right: 64px; padding-left: 0; }
.contact-num a em { display: none; }
.contact-sec { padding-right: 0; padding-left: 0; padding-top: 37px; }
/*header css end here*/

/*slider css start here*/
 /* ANIMATIONS */
.slider-main { position: relative }
.banner-text:after { width: 315px; height: 464px; right: 0; bottom: -203px; content: ""; background: url(../images/menu-hover.png) repeat; position: absolute; z-index: -1 }
.banner-image { height: 863px; background-repeat: no-repeat; background-position: center top; background-size: cover }
.banner-text { bottom: 127px; right: 0; position: absolute; z-index: 9; padding-right: 40px }
.banner-text p { text-transform: uppercase; font-size: 6.3rem; color: #fff; font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.69); padding-bottom: 0; line-height: 0.9; opacity: 0 }
.banner-text p.visible { opacity: 1 }
.banner-text p span { display: block; font-size: 10.6rem; font-weight: 700; }
.owl-item.active .item .banner-image { animation: mobileburns 30s infinite; -webkit-animation: mobileburns 30s infinite; }
.area-info-inner { background: rgba(216,216,216,0.7); padding-top: 235px; }
.image-item { background-position: left bottom; background-size: cover; height: 636px; }
.area-of-images-inner { background: url(../images/area-imag-bg.png) repeat; height: 100%; padding: 199px 150px 0px; }

.nopadding { padding: 0 }
.info-slider .owl-nav .owl-prev, .info-slider .owl-nav .owl-next { position: absolute; right: 0; bottom: 0; text-indent: -999px; background: #535150; height: 100px; width: 60px; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; cursor: pointer }
.info-slider .owl-nav .owl-prev { right: 60px; bottom: 0; }
.info-slider .owl-nav .owl-next { right: 0; bottom: 0; }
.info-slider .owl-nav .owl-prev:before { content: ""; color: #fff; text-indent: 1px; position: absolute; font-size: 6.9rem; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: url(../images/arrow-prev.png) no-repeat; bottom: 0; background-size: 12px; width: 12px; height: 29px; }
.info-slider .owl-nav .owl-next:after { content: ""; color: #fff; font-size: 6.9rem; text-indent: 1px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: url(../images/arrow-next.png) no-repeat; background-size: 12px; width: 12px; height: 29px; }
.info-slider .owl-nav .owl-next:hover, .info-slider .owl-nav .owl-prev:hover { background: #787471 }
.vertical-text { height: 100%; vertical-align: middle; width: 100%; text-align: center; z-index: 999999999; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.vertical-text-inner { display: table-cell; height: 100%; vertical-align: middle }
.vertical-text-inner span { font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 2.4rem; display: block; line-height: 1; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.69); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; position: absolute; left: 0; right: 0;text-transform: uppercase; }
.vertical-text-inner span.top-text { top: calc(50% - 24px) }
.vertical-text-inner span.bottom-text { bottom: calc(50% - 24px) }
.bg-image { position: absolute; top: 0; left: 0; overflow: hidden; height: 100%; width: 100% }
#sync2.owl-carousel { width: 100%; display: block; }
.image-sec { width: 48.5%;/* float: left;*/ position: relative; margin-right: 3%; margin-bottom: 3%; padding-bottom: 31.3%; }
/*.image-sec:nth-child(3n+3) { margin-right: 0 }*/
.bg-image-inner { background-repeat: no-repeat; background-size: cover; height: 100% }
.bg-image:hover:before, .bg-image:focus:before, .bg-image.active:before { -webkit-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: inset 0px 0px 0px 4px #fff; -moz-box-shadow: inset 0px 0px 0px 4px #fff; box-shadow: inset 0px 0px 0px 4px #fff; }
.bg-image:before { content: ""; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; -webkit-box-shadow: inset 0px 0px 0px 4px rgba(35,35,35,0.5); -moz-box-shadow: inset 0px 0px 0px 4px rgba(35,35,35,0.5); box-shadow: inset 0px 0px 0px 4px rgba(35,35,35,0.5); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.image-sec a:hover .bg-image:before, .image-sec.current a .bg-image:before { box-shadow: inset 0px 0px 0px 4px #fff; }
.image-sec a:hover .bg-image, .image-sec.current a .bg-image { box-shadow: 1px 0px 7px 3px rgba(0,0,0,0.5); }
.bg-image-inner { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.image-sec a:hover .bg-image-inner, .image-sec a:focus .bg-image-inner, .image-sec.current a .bg-image-inner { -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.image-sec a { color: #fff }
.image-sec a:hover .bg-image-inner:after, .image-sec.current a .bg-image-inner:after { opacity: 0 }
.image-sec a:hover span.top-text, .image-sec.current a span.top-text { top: 32px; position: absolute; left: 0; right: 0 }
.image-sec a:hover span.bottom-text, .image-sec.current a span.bottom-text { bottom: 32px; position: absolute; left: 0; right: 0 }
.bg-image-inner:after { height: 100%; background: rgba(187, 187, 187, 0.65); width: 100%; content: ""; left: 0; right: 0; top: 0; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; position: absolute; }
.area-of-practice { position: relative; margin-top: 78px; }
.area-of-practice h3 { position: absolute; top: 87px; left: 39.2%; z-index: 99; transform: translateX(-50%); -webkit-transform: translateX(-50%) }
.area-of-practice h3 span { color: #353535; }
.philip-info { background: url(../images/philips-info-bg.png) no-repeat; background-repeat: no-repeat; background-size: cover; }
.philip-bio { background: url(../images/philip-bio-bg.png) repeat; height: 100% }
.philip-info-inner h3 { position: absolute; top: 60px; left: 20px; right: 0; z-index: 999; text-align: center; margin: 0 auto; text-align: left; }
.philip-info-inner h3 span { color: #353535; font-size: inherit; font-weight: 300; font-family: inherit; position: absolute; right: 106%; margin-top: 0; }
.philip-info-inner { position: relative }
.philip-info-inner:after { position: absolute; right: 3%; top: 0; content: ""; background: url(../images/form-logo.png) no-repeat center; background-size: 894px; height: 816px; width: 894px; z-index: 1 }
.philip-info { position: relative }
.philip-image { text-align: right; background: rgba(216,216,216,0.7); display: table-cell }
.philip-image img { right: 0; left: auto; bottom: 0; margin-top: 190px; }
.form-area { background: #353535; padding: 0 78px 0px; }
.form-inner { height: 100%; text-align: center }
.form-inner h5 { color: #fff; text-align: center; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 4.8rem; border-bottom: 2px solid #a09e9c; padding: 0 0 10px; display: block; margin: 0 0 26px 0; position: relative; z-index: 999; }
.form-inner form { position: relative; z-index: 99 }
.desc { display: none; }
.wufoo li .field { padding: 15px 20px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 2.4rem; width: 100%; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; outline: none; -webkit-border-radius: 0; color: #fbfbfb; background-color: #a8a5a3; min-height: 66px; }
.wufoo li textarea.field { resize: none; height: 64px; }
.wufoo li .field.textrea { height: 66px; }
span.error { position: absolute; font-size: 1.4rem; color: #c40e0e; bottom: -20px; left: 0px; font-family: 'Open Sans', sans-serif; font-weight: 600; }
.wufoo li { width: 100%; margin-bottom: 22px; position: relative; display: block; }
.btTxt.submit { text-align: center; font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 2.4rem; width: 100%; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; outline: none; -webkit-border-radius: 0; color: #fbfbfb; background-color: #686868; text-transform: uppercase; min-height: 66px; }
.btTxt.submit:hover, .btTxt.submit:focus { background: #a8a5a3 }
.wufoo li .field:focus { background-color: #686868; }
.wufoo li.buttons { margin-bottom: 0 }
 @keyframes kenburns {
 5% {
 transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
 animation-timing-function: ease-in;
}
 45% {
 transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -30px, 0px);
 animation-timing-function: ease-in;
}
 60% {
 transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -30px, 0px);
 animation-timing-function: ease-in;
}
 100% {
 transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
 animation-timing-function: ease-in;
}
}
@keyframes mobileburns {
 5% {
 transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
 animation-timing-function: ease-in;
}
 65% {
 transform: scale3d(2.5, 2.5, 2.5) translate3d(-100px, -30px, 0px);
 animation-timing-function: ease-in;
}
 80% {
 transform: scale3d(2.5, 2.5, 2.5) translate3d(-100px, -30px, 0px);
 animation-timing-function: ease-in;
}
 100% {
 transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
 animation-timing-function: ease-in;
}
}
@keyframes noburns {
 100% {
 transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
 animation-timing-function: ease-in;
}
}
/*welcome section css start here*/
.welcome-main { padding: 82px 0 0 0; background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed }
.welcome-title h1 { margin-bottom: 0; border-bottom: 2px solid #e3e3e3; display: inline-block; line-height: 1; margin-bottom: 4px; }
.welcome-title h2 { margin-bottom: 0; padding-left: 14px; }
.welcome-con { margin-top: 12px; }
.welcome-con p { line-height: 1.34; }
.read-more { margin-top: -9px; }
.read-btn { font-size: 1.8rem; color: #353535; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: uppercase; display: inline-block; padding-bottom: 5px }
.read-btn span { position: relative; display: inline-block; color: #353535; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
em.arrow { background: url(../images/button-arrow.png) no-repeat; background-size: 9px; -webkit-transform: translateZ(0); transform: translateZ(0); top: 0; display: inline-block; width: 9px; height: 13px; }
.read-btn:hover span, .read-btn:focus span { color: #a8a5a3; }
.read-btn:hover em, .read-btn:focus em, .read-btn:active em { -webkit-animation-name: hvr-icon-wobble-vertical; animation-name: hvr-icon-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.after-before-main .owl-prev { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); font-size: 0; background-image: url(../images/prev.png); background-repeat: no-repeat; width: 25px; height: 55px; background-size: 100%; display: none; opacity: 0; visibility: hidden; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.after-before-main .owl-next { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); font-size: 0; background-image: url(../images/next.png); background-repeat: no-repeat; width: 25px; height: 55px; background-size: 100%; display: none; opacity: 0; visibility: hidden; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
/*welcome section css end here*/

 

/*map-address section css start here*/
 
/*map-address section css end here*/

/*product logo section css start here*/
.product-logo { padding: 41px 0 52px; background-position: center center; background-size: cover; background-attachment: fixed; text-align: center; background-repeat: no-repeat; }
.product-inn { padding: 0 22px; }
.product-inn ul { list-style: none; text-align: center }
.product-inn ul li { display: inline-block; margin-bottom: 8px; margin-right: 6%; }
.product-logo h3 { margin-bottom: 36px; }
.product-inn ul li:last-child { margin-right: 0 }
/*product logo section css end here*/


/*sticy css*/
.social-inn { background-color: #8a8480; padding: 4px 9px 4px 10px; border-radius: 10px; }
.sticky-social { position: fixed; right: -82px; top: 50%; transform: translateY(-50%) rotate(270deg); -webkit-transform: translateY(-50%) rotate(270deg); -moz-transform: translateY(-50%) rotate(270deg); -ms-transform: translateY(-50%) rotate(270deg); z-index: 11; }
.sticky-link a { font-size: 1.7rem; color: #fffffa; font-family: 'Playfair Display', serif; font-weight: 400; font-style: italic; }
.sticky-link a:hover { color: #c2d6ed; }
.social-link { display: inline-block; text-align: center; margin-right: 13px; }
.sticky-link { display: inline-block; transform: translateY(-7px); -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); -ms-transform: translateY(-7px); }
.social-link a { font-size: 3.6rem; color: #efc270; display: inline-block; margin: 0 2px; transform: rotate(90deg); }
.social-link a:hover { color: #c2d6ed; }
.social-link a em { font-style: normal; }
.social-link a.android-fb, .social-link a.ios-fb { display: none !important; }
.ios .social-link a.desk-fb, .android .social-link a.desk-fb { display: none; }
/*Custome css end here*/

/*style guide css start here*/
.page-body { padding: 30px 0; }
.sec-img-main { padding: 0 0 100% 0; background-size: cover; background-position: center; }
.img-left .sec-img { order: 1; }
.img-text-sec { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; }
.img-right .sec-img { order: 2; }
.img-right .sec-text { order: 1; }
.img-left .sec-text { order: 2; }
.lern-more:hover { color: #fff; }
.inner-page .footer-main { margin-top: 0; }
.site-btn { display: inline-block; font-size: 2.4rem; text-align: center; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; background-color: #c2d6ed; border: 4px solid transparent; border-radius: 10px; padding: 13px 38px; line-height: 1; margin: 0 0px; }
.site-btn:hover { border-color: #efc270; color: #fff; }
.inner {     background-image: url(images/welcome-main-bg.png);
} 
/*style guide css end here*/


/*hamburglar icon css*/
.hamburglar { -webkit-transform: scale(1); transform: scale(1); position: relative; display: block; width: 68px; height: 68px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.animate-path { position: absolute; top: 0; left: 0; width: 68px; height: 68px; }
.path-rotation { height: 34px; width: 34px; margin: 34px 34px 0 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }
.path-rotation:before { content: ''; display: block; width: 30px; height: 34px; margin: 0 4px 0 0;/*background: #fff;*/ }
.info-middle { display: table; vertical-align: middle; width: 60%; margin: 0 auto; height: 100% }
.info-middle-inner { display: table-cell; vertical-align: middle; height: 100% }
.info-middle-inner h4 { border-bottom: 2px solid #a8a5a3; padding-bottom: 10px; margin-bottom: 10px; }
.info-middle-inner p { line-height: 1.7; color: #3b373c; }
.map-area { position: relative; }
.map-image { height: 434px; background-position: center top; background-size: cover; background-repeat: no-repeat; position: relative; left: 0; top: 0 }
.map-area .container-fluid { position: absolute; bottom: 0; left: 0; width: 100%; }
.disclaimer { background: url(../images/area-imag-bg.png) repeat; text-align: center; padding: 26px 0 }
.disclaimer p { padding-bottom: 0 }
.disclaimer p a { color: #fff; display: inline-block; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 2.4rem; letter-spacing: 0.1em; }
.disclaimer p a:hover { color: #a8a5a3 }
.office-location { background: #fff; padding: 25px 50px 50px; text-align: center; position: relative; }
.office-location:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/bg-logo.png) no-repeat center; background-size: 257px; height: 100%; }
.office-location h5 { font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 4.8rem; border-bottom: 2px solid #a8a5a3; padding: 0 59px 10px; display: inline-block; margin: 0 0 13px 0; }
.address-info { text-align: left; position: relative; z-index: 9; max-width: 851px; margin: 0 auto; }
.left-address { float: left }
.righ-info { float: right; padding-top: 0px; }
.left-address p a { color: #9f9393; font-size: 1.8rem; line-height: 1.7; font-family: 'Open Sans', sans-serif; font-weight: 400 }
.left-address p a:hover { color: #353535 }
.left-address span { color: #3b373c; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 1.8rem; }
.righ-info .contact-num a, .righ-info .contact-num span { color: #3b373c; text-shadow: none; }
.righ-info .contact-num a:hover { color: #a8a5a3; }
.map-info-inner { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: flex-end; }
.mfp-auto-cursor .mfp-content { cursor: auto; max-width: 900px; width: 100%; background: #fff; }
.mfp-auto-cursor .mfp-content .white-popup-block { padding: 40px 50px; display: inline-block; }
.mfp-auto-cursor .mfp-content .white-popup-block p { line-height: 1.4; }
.philip-bio p { color: #fff; line-height: 1.66 }
.philip-bio span { display: block; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1.8rem; color: #fff; margin-top: 20px; }
.philip-bio { padding-left: 50px; padding-right: 50px; display: table-cell }
.vertical-center { display: table; vertical-align: middle; height: 100%; margin: 0 auto; width: 100% }
.vertical-center-inner { display: table-cell; vertical-align: middle; height: 100%; position: relative; z-index: 11;}
.header-holder .menu-icon2 { float: right; position: relative; z-index: 1011; display: block; margin-top: 24px; margin-right: 36px; width: 32px; height: 32px; box-sizing: border-box; cursor: pointer; -webkit-transition: border .8s ease; transition: border .8s ease; }
.header-holder .menu-icon2:before { content: ""; position: absolute; top: -1px; left: 1px; width: 30px; height: 30px; border: 2px solid rgba(53,53,53,0.5); -webkit-transition: .8s -webkit-transform cubic-bezier(0.7, 0, 0, 1); transition: .8s -webkit-transform cubic-bezier(0.7, 0, 0, 1); transition: .8s transform cubic-bezier(0.7, 0, 0, 1); transition: .8s transform cubic-bezier(0.7, 0, 0, 1), 0.8s -webkit-transform cubic-bezier(0.7, 0, 0, 1); }
.header-holder .menu-icon2 .horizontal-bar { position: absolute; border-top: 2px solid rgba(53,53,53,0.8); width: 16px; -webkit-transition: border .8s ease, -webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1); transition: border .8s ease, -webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1); transition: border .8s ease, transform .3s cubic-bezier(0.4, 0, 0.2, 1); transition: border .8s ease, transform .3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1); margin: 0 auto; left: 0; right: 0; top: 13px; }
.header-fixed { opacity: 0; visibility: hidden; z-index: 9999; left: 0; top: 0; width: 100%; position: fixed; background: #fff; padding: 10px 0; box-shadow: 0 0 0 2px rgba(53,53,53,0.6); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.menu-holder { background: #353535; left: 0; position: fixed; top: 0; width: 100%; height: 100%; transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: all 1.8s cubic-bezier(0.1, 0.57, 0.1, 1) 1ms; -webkit-transition: all 1.8s cubic-bezier(0.1, 0.57, 0.1, 1) 1ms; }
.openMenu .menu-holder { transform: translateY(0%); }
body.openMenu { overflow: hidden; position: relative }
.stickyHeader .header-fixed { opacity: 1; visibility: visible; }
.stickyHeader .header-main { display: none; }
.small-logo { float: left; cursor: pointer; margin-left: 36px; margin-top: 0px; width: 50px; height: 50px; top: 2px; position: relative; z-index: 1011; padding-top: 13px; }
.stickyHeader .menu-links ul { opacity: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100% }
.stickyHeader .menu-links ul li ul { display: block; padding-left: 21px; }
.stickyHeader .menu-links ul li ul li { display: table }
.stickyHeader .menu-links.active ul { opacity: 1; }
.stickyHeader .menu-links ul li ul li a { display: block; margin: 0 auto; color: white; font-size: 3rem; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; cursor: pointer; opacity: .5; }
.nav-menu { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: 1150px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; z-index: 1005; }
.stickyHeader #Menu-tilus { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1001; height: 100vh; width: 100%; background: red; }
.bg-logo { position: absolute; left: 0; width: 384px; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0 auto; text-align: center; z-index: 99; border: 20px solid rgba(255,255,255,0.1); padding: 20px; }
.nav-menu ul { margin: 0 auto; }
.bg-logo .st0 { fill-rule: evenodd; clip-rule: evenodd; fill: #3535335; }
body.openMenu .small-logo .st0 { fill: #fff; }
body.openMenu .bg-logo .st0 { fill: #403f3f; }
body.openMenu.stickyHeader .contact-num a { color: #fff; }
body.openMenu.stickyHeader .contact-num a:hover { color: #a8a5a3; }
body.openMenu.stickyHeader .contact-num span { color: #fff; }
body.openMenu.stickyHeader .contact-num { z-index: 999; left: -17px; }
body.openMenu .header-holder .menu-icon2:before { border: 2px solid rgba(256,256,256,1); }
body.openMenu .header-holder .menu-icon2 .horizontal-bar { border-top: 2px solid rgba(256,256,256,1); }
.header-holder .menu-icon2.active:hover { opacity: 0.7; }
.stickyHeader #Menu-tilus canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.stickyHeader .contact-num { display: table; vertical-align: middle; margin: 0 auto; text-align: center; top: 0px; position: relative; padding-top: 3px }
.stickyHeader .contact-num a { color: #353535; }
.stickyHeader .contact-num a:hover { color: #a8a5a3; }
.stickyHeader .contact-num span { color: #353535; display: block; }
/*header .contact-num span { display: none; }*/
.stickyHeader header:after { display: none }
.menu-links { display: none }
.menu-links.active { display: block }
.header-holder .menu-icon2 .horizontal-bar:first-child { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.header-holder .menu-icon2 .horizontal-bar:last-child { -webkit-transform: translateY(5px); transform: translateY(5px); }
.header-holder .menu-icon2:hover:before { border: 2px solid rgba(53,53,53,0.7); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.header-holder .menu-icon2:hover .horizontal-bar { border-top: 2px solid #353535; }
.menu-icon2.active .horizontal-bar:first-child, .menu-icon2.active .horizontal-bar:last-child { -webkit-transform: translateY(0); transform: translateY(0); }
.menu-links ul > li { display: inline-block; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; }

.menu-links ul > li > a { display: inline-block; margin: 0 auto; color: white; font-size: 5rem; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; cursor: pointer; opacity: .5; }
.menu-links ul > li > a:hover, .menu-links ul > li > ul > li a:hover { opacity: 1 }
.nav-menu li .arrow { position: absolute; right: 0px; top: 35px; background: url(../images/menu-drop-arrow.png) no-repeat; background-size: 25px; content: ""; width: 25px; height: 18px; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; }
.nav-menu li .arrow:hover { border-top-color: #fff; }
.nav-menu li .arrow.up { border-bottom-color: #fff !important; }
.nav-menu li .arrow.up { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); }
.stickyHeader .menu-links ul li ul { transform: translateX(30px); -webkit-transform: translateX(30px); -moz-transform: translateX(30px); }
.tile { float: left; background: rgba(256,256,256,0.5); width: 100%; }
.sliced { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1; opacity: 0; visibility: hidden; height: 290px; }
body.openMenu .sliced { opacity: 1; visibility: visible; }
.sliced-inner { background: #fff; }
.tile-animated { opacity: 1; visibility: visible; background: #353535; }
 
::-webkit-input-placeholder {
 opacity: 1;
 color:#fbfbfb;
text-transform:uppercase;
}

:-moz-placeholder { /* Firefox 18- */
 opacity: 1;
 color:#fbfbfb;
text-transform:uppercase;
}

::-moz-placeholder {  /* Firefox 19+ */
 opacity: 1;
 color:#fbfbfb;
 text-transform:uppercase;
}

:-ms-input-placeholder {
 opacity: 1;
 color:#fbfbfb;
text-transform:uppercase;
}
 @-webkit-keyframes rotate-out {
0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 40% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes rotate-out {
0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 40% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@-webkit-keyframes rotate-in {
0% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
 40% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
 100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
@keyframes rotate-in {
0% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
 40% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
 100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
.hamburglar.is-open .path { -webkit-animation: dash-in 0.6s linear normal; animation: dash-in 0.6s linear normal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; stroke: #c2d6ed; }
.hamburglar.is-open .animate-path { -webkit-animation: rotate-in 0.6s linear normal; animation: rotate-in 0.6s linear normal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; stroke: #c2d6ed; }
.hamburglar.is-closed .path { -webkit-animation: dash-out 0.6s linear normal; animation: dash-out 0.6s linear normal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; stroke: #c2d6ed; }
.hamburglar.is-closed .animate-path { -webkit-animation: rotate-out 0.6s linear normal; animation: rotate-out 0.6s linear normal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; stroke: #c2d6ed; }
.path { stroke-dasharray: 240; stroke-dashoffset: 240; stroke-linejoin: round; }
 @-webkit-keyframes dash-in {
0% {
 stroke-dashoffset: 240;
}
 40% {
 stroke-dashoffset: 240;
}
 100% {
 stroke-dashoffset: 0;
}
}
 @keyframes dash-in {
0% {
 stroke-dashoffset: 240;
}
 40% {
 stroke-dashoffset: 240;
}
 100% {
 stroke-dashoffset: 0;
}
}
@-webkit-keyframes dash-out {
0% {
 stroke-dashoffset: 0;
}
 40% {
 stroke-dashoffset: 240;
}
 100% {
 stroke-dashoffset: 240;
}
}
@keyframes dash-out {
0% {
 stroke-dashoffset: 0;
}
 40% {
 stroke-dashoffset: 240;
}
 100% {
 stroke-dashoffset: 240;
}
}
.burger-icon { position: absolute; padding: 0px 22px; height: 21px; width: 75px; margin: 0px 0 0; top: 34.5px; }
.burger-container { position: relative; height: 19px; width: 35px; }
.burger-bun-top, .burger-bun-bot, .burger-filling { position: absolute; display: block; height: 3px; width: 35px; border-radius: 2px; background: #c2d6ed; }
.burger-bun-top { top: 0; -webkit-transform-origin: 34px 2px; transform-origin: 35px 0px; }
.burger-bun-bot { bottom: 0; -webkit-transform-origin: 34px 2px; transform-origin: 25px 6px; }
.burger-filling { top: 8px; }
.burger-ring { position: absolute; top: 0; left: 6px; width: 68px; height: 68px; top: 9px; }
.active .burger-icon { top: 30px; }
.svg-ring { width: 68px; height: 68px; }
.hamburglar.is-open .burger-bun-top { -webkit-animation: bun-top-out 0.6s linear normal; animation: bun-top-out 0.6s linear normal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.hamburglar.is-open .burger-bun-bot { -webkit-animation: bun-bot-out 0.6s linear normal; animation: bun-bot-out 0.6s linear normal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.hamburglar.is-closed .burger-bun-top { -webkit-animation: bun-top-in 0.6s linear normal; animation: bun-top-in 0.6s linear normal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.hamburglar.is-closed .burger-bun-bot { -webkit-animation: bun-bot-in 0.6s linear normal; animation: bun-bot-in 0.6s linear normal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
 @-webkit-keyframes bun-top-out {
0% {
left: 0;
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
 20% {
left: 0;
top: 0;
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
 80% {
left: -5px;
top: 0;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
 100% {
left: -5px;
top: 1px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
 @keyframes bun-top-out {
0% {
 left: 0;
 top: 0;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 20% {
 left: 0;
 top: 0;
 -webkit-transform: rotate(15deg);
 transform: rotate(15deg);
}
 80% {
 left: -5px;
 top: 0;
 -webkit-transform: rotate(-60deg);
 transform: rotate(-60deg);
}
 100% {
 left: -5px;
 top: 1px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
}
@-webkit-keyframes bun-bot-out {
0% {
 left: 0;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 20% {
 left: 0;
 -webkit-transform: rotate(-15deg);
 transform: rotate(-15deg);
}
 80% {
 left: -5px;
 -webkit-transform: rotate(60deg);
 transform: rotate(60deg);
}
 100% {
 left: -5px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
}
@keyframes bun-bot-out {
0% {
 left: 0;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 20% {
 left: 0;
 -webkit-transform: rotate(-15deg);
 transform: rotate(-15deg);
}
 80% {
 left: -5px;
 -webkit-transform: rotate(60deg);
 transform: rotate(60deg);
}
 100% {
 left: -5px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
}
@-webkit-keyframes bun-top-in {
0% {
 left: -5px;
 bot: 0;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
 20% {
 left: -5px;
 bot: 0;
 -webkit-transform: rotate(-60deg);
 transform: rotate(-60deg);
}
 80% {
 left: 0;
 bot: 0;
 -webkit-transform: rotate(15deg);
 transform: rotate(15deg);
}
 100% {
 left: 0;
 bot: 1px;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
@keyframes bun-top-in {
0% {
 left: -5px;
 bot: 0;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
 20% {
 left: -5px;
 bot: 0;
 -webkit-transform: rotate(-60deg);
 transform: rotate(-60deg);
}
 80% {
 left: 0;
 bot: 0;
 -webkit-transform: rotate(15deg);
 transform: rotate(15deg);
}
 100% {
 left: 0;
 bot: 1px;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
@-webkit-keyframes bun-bot-in {
0% {
 left: -5px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
 20% {
 left: -5px;
 bot: 0;
 -webkit-transform: rotate(60deg);
 transform: rotate(60deg);
}
 80% {
 left: 0;
 bot: 0;
 -webkit-transform: rotate(-15deg);
 transform: rotate(-15deg);
}
 100% {
 left: 0;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
@keyframes bun-bot-in {
0% {
 left: -5px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
 20% {
 left: -5px;
 bot: 0;
 -webkit-transform: rotate(60deg);
 transform: rotate(60deg);
}
 80% {
 left: 0;
 bot: 0;
 -webkit-transform: rotate(-15deg);
 transform: rotate(-15deg);
}
 100% {
 left: 0;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
.hamburglar.is-open .burger-filling { -webkit-animation: burger-fill-out 0.6s linear normal; animation: burger-fill-out 0.6s linear normal; display: none; }
.hamburglar.is-closed .burger-filling { -webkit-animation: burger-fill-in 0.6s linear normal; animation: burger-fill-in 0.6s linear normal; }
@-webkit-keyframes burger-fill-in {
0% {
width: 0;
left: 36px;
}
 40% {
width: 0;
left: 40px;
}
 80% {
width: 36px;
left: -6px;
}
 100% {
width: 36px;
left: 0px;
}
}
 @keyframes burger-fill-in {
0% {
 width: 0;
 left: 36px;
}
 40% {
 width: 0;
 left: 40px;
}
 80% {
 width: 36px;
 left: -6px;
}
 100% {
 width: 36px;
 left: 0px;
}
}
@-webkit-keyframes burger-fill-out {
0% {
 width: 36px;
 left: 0px;
}
 20% {
 width: 42px;
 left: -6px;
}
 40% {
 width: 0;
 left: 40px;
}
 100% {
 width: 0;
 left: 36px;
}
}
@keyframes burger-fill-out {
0% {
 width: 36px;
 left: 0px;
}
 20% {
 width: 42px;
 left: -6px;
}
 40% {
 width: 0;
 left: 40px;
}
 100% {
 width: 0;
 left: 36px;
}
}
/*hamburglar css end*/
/*.philip-info-box{display: table;}*/



.area-flex { display: -webkit-flex; display: flex; }
.mobile-display { position: absolute; top: 40px; left: -7%; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: top center; display: none; width: 107% }
.only-rs { display: none; }
.banner-expand .banner-text:after { height: 494px; bottom: -233px; }
.banner-text:after { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }



/*INNER PAGES*/
.inner .banner-image {  height: 703px;   background-repeat: no-repeat;background-position: center center;    background-size: cover;}
.inner .welcome-title h2 {  margin-bottom: 0;}
.welcome-con p > a {  color: #9f9393; }
.welcome-con p > a:hover {  color: #3b373c;}

.area-of-images-inner #sync2 { display: flex !important; flex-wrap: wrap; justify-content: space-between !important; }
.area-of-images-inner #sync2 .image-sec:nth-child(2n) { margin-right: 0; }

.four-box-subnav {width: 100%; text-align: center;padding-top: 35px; }
.our-staff-page .four-box-block-cnt { padding: 0; }
.four-box-block-cnt {  padding-top: 345px; overflow: hidden; }

.four-box-subnav h2 {margin-bottom: 35px;}
.four-box-container {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; flex-wrap: wrap; }
.four-box-block {width: 33.3%; padding: 15px; }
.four-box-block-cnt {width: 100%; height: 100%; background: #686868; padding: 32px 40px 35px; display: inline-block; position: relative;}
.four-box-block-cnt h4 {font-size: 2.4rem; color: #fff; line-height: 1.2;text-transform: capitalize;}
.four-box-block-cnt h4 span {display: block; opacity: 0.4;}
.four-box-block-cnt p {color: #fff;}
.four-box-block-cnt a{ background: transparent;    display: block;position: relative; bottom: 0; margin: 3px auto;
 width: auto; color: #fff !important;  text-transform: uppercase;font-size: 1.2rem; text-align: center;
 padding: 6px 0;  left: 0;  right: 0;text-decoration: none;letter-spacing: 3px;font-weight: 600; display: inline-block; position: relative; }
.four-box-block-cnt a:after {  background: #fff;width: 100%; height: 2px; bottom: 0;content: ""; left: 0;  position: absolute;  opacity: 0.4;  width: calc(100% - 2px); }
.four-box-block-cnt a:hover {opacity: 0.8;}
.four-box-block-cnt.main p .characters {display: none;}

.four-box-learn-more{background: transparent;display: block;position: relative;bottom: 0;margin: 3px auto;width: auto;color: #fff !important;text-transform: uppercase;font-size: 1.2rem;text-align: center;padding: 6px 0;left: 0;right: 0;text-decoration: none;letter-spacing: 3px;font-weight: 600;display: inline-block;position: relative;}
.four-box-learn-more:after {background: #fff;width: 100%;height: 2px;bottom: 0;content: "";left: 0;position: absolute;opacity: 0.4;width: calc(100% - 2px);}
.four-box-block-cnt:hover .four-box-learn-more {opacity: 0.8;}

.expend-testimonial {display: none; position: relative;}
.four-box-block-cnt h4 { opacity: 0.5;  /* min-height: 58px; */ }
.our-staff-page .four-box-block-cnt h4 {  opacity: 1; margin-bottom: 10px; }
.four-box-block-cnt ul {margin-bottom: 20px;}
.four-box-block-cnt ul li {color: #fff; list-style: none;font-size: 1.7rem; line-height: 1.6;font-family: 'Open Sans', sans-serif;  font-weight: 400;}
.four-box-block-cnt ul li a {font-size: 1.7rem; line-height: 1.6; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #353535; margin: 0; padding: 0; letter-spacing: normal; text-transform: initial; }
.four-box-block-cnt ul li a:after {display: none;}
.four-box-block-cnt ul li em {font-style: normal;}
.four-box-block-cnt ul li:nth-child(3) {margin: 10px 0; }
.our-staff-page .four-box-block { width: 33.3%;padding: 15px; transition: all 0.5s ease-in-out;}
.our-staff-page .four-box-block:hover { transform: scale(1.05);}
.four-box-block-cnt .four-box-image {position: absolute;width: 100%;top: 0;left: 0px;height: 300px;background-size: cover;background-repeat: no-repeat;background-position: center; margin: 0; padding: 0;}
.four-box-block-cnt .four-box-image:after {display: none; margin: 0; padding: 0;}
.four-box-block-cnt .four-box-image { position: static; height: auto; }
.our-staff-page .four-box-block-cnt .four-box-image img { width: 100%; }
.our-staff-page-block { padding: 15px; }
.our-staff-page-block p { margin-bottom: 13px;padding-bottom: 0; }
.our-staff-page .four-box-block-cnt ul { margin-bottom: 0; }
.getdir:before {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../images/map-icon.png) no-repeat;
    content: "";
    position: relative;
    top: 3px;
    padding-left: 25px;
    opacity: .5;
    background-size: 13px;
    background-position: center center;
}

.attorney-page.stickyHeader .header-main { display: block; }
.attorney-page header { background: #686868; position: relative; padding: 20px 110px 20px; }
.attorney-page .hero-banner {  height: auto; /*margin-top: 160px;*/ }
.attorney-info-bar .inner h1 {  margin-bottom: 15px;  font-size: 5rem;color: #fff; }
.attorney-info-bar .inner ul li { font-size: 2rem; padding-right: 2%; margin-bottom: 10px; }
.attorney-info-bar .inner {padding: 60px 30px 55px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;max-width: 1360px;margin: auto;}
.attorney-info-bar { width: 100%; height: auto; display: block;float: right; background: #6e6e6e;position: relative; }
.attorney-info-bar .inner ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex;display: -o-flex; list-style: none; }
.attorney-info-bar .inner ul li { font-size: 2rem;padding-right: 2%; margin-bottom: 10px; color: #fff; }
.attorney-info-bar .inner ul li span a {  font-weight: 400;color: #fff;  }
.attorney-info-bar .inner ul li span a:hover { color: #353535; }

.attorney-profile {  display: flex; width: 100%; flex-wrap: wrap; background: #f9f9f9;}
.attorney-profile-cnt { width: 50%;text-align: left; padding: 40px 40px 40px 122px; }
.accordion {width: 100%;  margin: 0 auto; padding: 0; overflow: hidden; }
.accordion-button.active { border-bottom: none;}
.accordion-button, .btn, .menu-icon, .wufoo input.btTxt, .wufoo li .checkbox, a { cursor: pointer; }
.accordion-row {list-style-type: none; width: 100%; margin: auto;  padding: 0; text-align: left;}
.accordion-button { position: relative;  display: block; margin: 0; width: 100%;padding: 15px 30px 15px 0;    border-bottom: 1px solid #d5d5d5; }
.accordion .accordion-row:first-child .accordion-button { border-top: none;}
.accordion-button h2 { margin-bottom: 0; font-size: 2.8rem; color: #353535;letter-spacing: 0.4px; }
.button-icon {  right: 5px; transform: translateY(-50%); height: 16px;}
.button-icon:before {  transform: rotate(90deg); }
.button-icon, .button-icon:after, .button-icon:before {  top: 50%; width: 16px; position: absolute;}
.button-icon:after, .button-icon:before {content: '';  height: 2px;margin-left: 27px;  background: #353535;
    transition: .4s ease-in-out;  right: 0; }
.accordion-button.active .button-icon:before { transform: rotate(0); display: none; }
.accordion-panel { display: none;  border-bottom: 1px solid #d5d5d5; overflow: hidden;}
.accordion-panel p { line-height: 1.5; }
.attorney-profile-cnt p, .body-section p a:hover, .contact-info a:hover {  color: #3b373c;}
.attorney-profile-cnt ul li { color: #3b373c;font-weight: 400; line-height: 1.5; font-size: 1.8rem; list-style: none; position: relative; padding-left: 20px; font-family: 'Open Sans', sans-serif; }
.attorney-profile-cnt ul li:before {  position: absolute; left: 0; content: ""; background: #3b373c;   font-size: 10px; top: 10px; font-weight: 700; height: 7px; width: 7px; border-radius: 50%; }
.attorney-profile-img {  width: 50%; background-size: 100%; background-repeat: no-repeat; background-position: top center; min-height: 500px; }
.attorney-profile-cnt ul{ margin-bottom: 20px; }
.attorney-page header:after { z-index: -1; }


.contact-info-wrap { display: flex;  flex-wrap: wrap;  justify-content: space-between;  width: 100%;  align-items: flex-start; padding-top: 45px; }
.contact-dtl { width: 50%; padding: 0 15px; }
.contact-info p span { display: block; }
.contact-info p.last { padding-bottom: 0;}
.contact-info p span strong { font-size: 1.8rem; }
.contact-dtl h3 { color: #353535; }
.contact-info-bg { background-position: center center; background-repeat: no-repeat;padding-bottom: 65%;
 background-size: cover;}
.contact-info { padding: 25px 0 0; }
.contact-dtl p a {color: #2c3f4e;}
.contact-dtl p a:hover { color: #9F9293; }

@media (max-width: 767px) {
    .form-inner iframe {height: 510px;}
}