/*----------intial declartaion of css----------*/
@-ms-viewport { width: device-width!important; }
html{ overflow-y: auto;-ms-overflow-style: -ms-autohiding-scrollbar!important;}
*{ margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
html { -webkit-text-size-adjust: none; }
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 }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
button, html input, textarea, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; border-radius: 0px; -webkit-border-radius: 0px; }
:focus { outline: 0; }
ol, ul { margin: 0; }
li {font-size: 1.8rem; list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
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%; }
.none { display: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
.clear { clear: both; }
img { max-width: 100%; }
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
.cf {*zoom: 1;}
::selection { background: #041562; color: #fff; }
::-moz-selection {background: #041562;color: #fff;}

@font-face {
    font-family: 'Times New Roman';
    src: url('../fonts/TimesNewRomanPSMT.woff2') format('woff2'),
        url('../fonts/TimesNewRomanPSMT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




html{font-size: 62.5%;}
body { font-family: 'Times New Roman'; font-weight: normal; line-height: 1.2; font-size: 1.8rem; }
p { font-family: 'Times New Roman'; font-weight: 400; line-height: 1.5; font-size: 2.0rem; color: #041562; margin-bottom: 20px;  }
h1 {font-size: 5.0rem; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; color: #041562; }
h2{ font-size: 4.0rem; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; color: #041562; margin-bottom: 20px; }
h3{ font-size: 3.0rem; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; color: #041562; margin-bottom: 20px; }
h4{ font-size: 2.4rem; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; color: #041562; margin-bottom: 20px; }
h5{ font-size: 1.8rem; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; color: #041562; margin-bottom: 20px; }
h6{ font-size: 1.6rem; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; color: #041562; margin-bottom: 20px; }


a {text-decoration: none; color: inherit; display: inline-block; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
a:hover, a:focus { text-decoration: none; outline: none; color: #b9b8b8;}
.container { max-width: 1140px; width: 100%; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }

.menu-open ,.menu-open .wrapper{overflow: hidden;}
.wrapper{overflow: hidden;position: relative;}

.btn {
    font-family: 'Source Sans Pro', sans-serif;
    display: inline-block;
    font-size: 2.0rem;
    padding: 10px 20px;
    font-weight: normal;
    background-color: #041562;
    border: 1px solid #041562;
    border-radius: 0;
    color: #fff;
    line-height: 2;
    font-style: normal;
    letter-spacing: 0px;
    transition: box-shadow .45s ease,transform .45s ease;
    min-width: 170px;
    transition: all 0.4s ease-in-out;
}
.btn:hover { color: #041562; background: #fff;}
.btn.focus, .btn:focus {outline: none; box-shadow: none;}


.android-fb,.ios-fb,.mo-ic,.android .desk-ic,.ios .desk-ic{display: none !important;}
.android .android-fb,.ios .ios-fb,.android .mo-ic,.ios .mo-ic{display: block !important;}

/*************************** header style start here ***************************/
.menu > li.mobile {display: none;}
.header-button a.main-btn { background: #1C75BC; color: #fff; border-color: #1C75BC;}
.header-button a.main-btn:hover { background: #fff; color: #1C75BC; border-color: #1C75BC;}
.menu > li.phone { position: relative;padding-right: 5px; }
.menu > li.phone:after { content: ""; position: absolute; left: -3px; top: 12px; height: 20px; border-right: 1px solid #fff; }
/*************************** header style start here ***************************/
.site-header{position:fixed; top:0; left:0; width:100%; z-index:11111; padding: 30px 0; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; background: rgba(4,21,98,1); background: linear-gradient(
0deg, rgba(4,21,98,0) 0%, rgba(4,21,98,0.7) 100%); }
.site-header.sticky { background:#041562; }


.site-header .container { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-between; }
.header-logo { width: 280px;transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.header-logo a{display: inline-block;}
.header-logo img {width: 100%;}
/*************************** menu style start here ***************************/
.menu-icon{display:none;cursor:pointer;color:#fff;text-transform:uppercase;text-align:center;font-weight:700;line-height:33px;padding:0}
.menu-icon .menu-box{width: 45px; height: 30px; margin-right: 0; padding: 5px; position: absolute; right: 0; top: 0;}
.menu-icon .menu-box span{width:100%;height:3px;margin-bottom:6px;background:#fff;display:block;transition:all .5s;-webkit-transition:all .5s}

.menu-icon.active span:nth-child(2) { transform: rotate(-45deg) translateY(-1px) translateX(-3px); -webkit-transform: rotate(-45deg) translateY(-1px) translateX(-3px); -moz-transform: rotate(-45deg) translateY(-1px) translateX(-3px); -ms-transform: rotate(-45deg) translateY(-1px) translateX(-3px); }
.menu-icon.active span:nth-child(1) { transform: rotate(45deg) translateY(9px) translateX(5px); -webkit-transform: rotate(45deg) translateY(9px) translateX(5px); -moz-transform: rotate(45deg) translateY(9px) translateX(5px); -ms-transform: rotate(45deg) translateY(9px) translateX(5px); }
.menu-icon.active span:nth-child(3) { opacity: 0; }
.menu{margin:0;}
.menu > li{list-style:none;display:inline-block;vertical-align:middle;text-align:left;position:relative;padding: 0 20px;}
.menu li a{ color: #fff; font-style: normal; font-size: 1.5rem; position: relative;padding: 10px 0;text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; letter-spacing: 0.5px; }
.menu li ul{display: none; position: absolute; left: 50%; right: 0; top: calc(100%); background: #11247c; width: 250px; text-align: center; padding: 5px 0; transform: translateX(-50%);}
.menu li ul li a:after {display: none;}
.menu li a:after { width: 0; content: ""; position: absolute; bottom: 0px; left: 0; right: 0; height: 4px; background: #041562; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }

/*.menu li.phone a:after { display: none; }*/
/*.menu li a:hover{ color: #2b3747;}*/
.menu li:hover > a:after{width: 100%;}
.menu > li:hover ul{display: inline-block;}
.menu li ul li a{display:inline-block;vertical-align:middle;text-transform:inherit;line-height:1; padding:10px !important; width:100%; border-radius: 0;margin-top: 0; color: #fff; text-transform: uppercase; }
.menu li ul li a:after {width: 0; background: #fff;}
.menu li ul li a:hover {color: #c1c1c1;}
.menu li ul li ul{ left: 100%; top: -5px; display: none !important; background: #86bd5a;}
.menu li ul li:hover ul {display: block !important;}
.menu li ul li{position:relative; width: 100%;}
.menu li .caret { color: #e5e5e6; margin-left: 7px; /*position: absolute;*/ border-top: 6px solid; border-right: 5px solid transparent; border-left: 5px solid transparent; right: -16px; top: 16px; 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; }
.menu li:hover .caret{color: #f0f4f5; transform: rotate(180deg);}
.mobile-li {display: none;}
.header-button {width: auto; display: none;}
.phone-icon {display: none;}
.menu li a span {display: inline-block; vertical-align: middle; margin-left: 5px;}
.menu li a em {display: inline-block; vertical-align: middle; }

.header-logo a.mobile-logo, .footer-logo a.mobile-logo { display: none;}

/*************************** header style end here ***************************/

/*************************** banner style start here ***************************/
.banner { width: 100%; text-align: center; position: relative; }
.banner-slider.mobile { display: none; }
.banner-slider.inner-page .owl-controls { display: none; }
.banner-slider video { object-fit: cover; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; min-height: 100%; max-width: 100%; }
.background-image { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; height: 100vh; z-index: 1; padding-top: 70px;  }
.banner-slider.inner-page .background-image { height: 75vh }
.background-image:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(34,52,99,0.4); z-index: 1; }
.banner .owl-controls { position: absolute; left: 0;  right: 0; bottom: 10px; text-align: center; }
.banner .owl-dots .owl-dot { height: 12px; width: 12px; border: 2px solid #fff; border-radius: 50%; display: inline-block; margin: 0 5px; }
.banner .owl-dots .owl-dot.active { background: #fff; border-color: #fff; }
.banner-details { text-align: center; z-index: 2; position: relative; }
.banner-details h1 {  word-spacing: 5px; }
.banner-details h1, .banner-details p { color: #fff; } 
.banner-details figure { width: 220px; margin: 0 auto; }
.jte-logo { width: 150px; position: absolute; z-index: 2; right: 225px; bottom: 40px; display: none; }
.banner-details h1 br{display: none; }

/*----------Banner section css end here ----------*/

/*---------- welcome-sec css start here ----------*/
.welcome-sec {  background-position: center center; background-repeat: repeat;  padding: 72px; background-size: 240px; }
.welcome-content-dtl { text-align: center; background: #EEEEEE; border: 2px solid #fff; padding: 60px 0; z-index: 2; position: relative; }
.self-content { position: relative; z-index: 2; }
.self-content h2 {font-family: 'Times New Roman'; }
.self-content h3 {margin-bottom: 22px; }
.self-content p {margin-bottom: 25px;}
.th-logo { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); font-size: 32vh; font-family: 'Times New Roman'; color: #041562; z-index: -1; opacity: 0.1; margin-top: -18px; }
.th-logo.top { top: 260px; }
a.btn.read-more { margin-top: 7px;}

.form-detail {padding: 72px; }
.form-sec { width: 100%; text-align: center; position: relative; background: #041562; padding: 60px 0; }
.form-sec .diamond-shape { border-color: #decfb2; }
.form-sec h2 { color: #fff; margin-bottom: 17px;}
.form-sec p { color: #fff; }
.form-sec iframe { height: 500px !important; margin-top: 20px; }
.welcome-form-sec { background-size: 3000px; background-position: center center;background-repeat: repeat; background-color: #f7f7f7; }
.form-sec h4 br { display: none;}


.welcome-sec ul {width: 100%; max-width: 600px; margin: 0 auto 25px; text-align: left; padding-left: 17px;}
.welcome-sec ul li {list-style: none;
    font-family: 'Times New Roman';
    font-weight: 400;
    line-height: 1.5;
    color: #041562;
    text-align: left; list-style: disc; font-size: 2.0rem; }
/*---------- welcome-sec css end here ----------*/

.subnav-section {width: 100%; text-align: center; padding: 72px; background: #eeeeee; }
.subnav-section .container {max-width: 1350px;}
.subnav-block {width: 100%; border: 2px solid #041562; padding: 60px 40px 60px; }
.subnav-block h3 {position: relative; padding-bottom: 25px;}
.subnav-block h3:after {content: ""; position: absolute; height: 5px; width: 53px; margin: 0 auto; background: #fff; bottom: 0; left: 0; right: 0; }
/*.subnav-block p {font-style: italic;}*/
.subnav-block-cnt {
    width: 100%;
    display: inline-block;
    
}
.subnav--block {padding: 20px 40px 0px 40px; transition: all 0.4s ease-in-out;}
.subnav--block:hover {background: #dfdfdf;}

/*---------- footer section css start here ----------*/
.footer-main { width: 100%; text-align: center; background: #fff; padding-bottom: 350px; padding-top: 90px; background-size: cover !important; background-repeat: no-repeat;background-position: center center !important; background: url(../images/footer-bg.jpg);}
.footer-main .adresss-num { border: 2px solid #041562; max-width: 230px; margin: 30px auto 0;}
.footer-main .adresss-num > a { font-size: 1.5rem; display: block; color: #041562; text-transform: capitalize; padding: 3px 7px 3px;  line-height: 18px; font-family: 'Raleway', sans-serif; }
.footer-main .adresss-num > a span { font-family: 'Raleway', sans-serif; }
.footer-main .adresss-num:hover { border-color: #416270; transition: all 0.5s ease-in-out; }
.footer-main .adresss-num > a:hover { background: #416270; color: #fff; }

.social-icon ul { width: 100%;  display: flex !important; justify-content: center; }

.enumenu_ul > li { padding: 24.5px 12px;}
.enumenu_ul .social-icon { padding-top: 0; }
.enumenu_ul .social-icon ul { width: auto !important; }
.enumenu_ul .social-icon:before { display: none; }
.enumenu_ul .social-icon ul li a { line-height: 40px; padding: 0; }
.enumenu_ul .social-icon ul li:nth-child(2) a { font-size: 2.8rem !important;}
.enumenu_ul .social-icon li:last-child a { font-size: 3.6rem; }
.enumenu_ul .social-icon li a:after { background: transparent; }

.menu-open .social-icon li a:hover:after { border-color: #041562; }
.menu-open .social-icon li a:hover { color: #041562; }

.social-icon { display: flex; align-items: center; justify-content: center; position: relative;}
.social-icon li:first-child { margin-left: 0; }
.social-icon li:last-child { margin-right: 0; margin-top: 1px;}
.social-icon li a { position: relative; font-size: 2.7rem !important; text-align: center; line-height: 40px; margin: 0; color: #041562; }
.social-icon li a .fa {position: relative; z-index: 11; }
.social-icon li a:hover:after { border-color: #416270; transition: all 0.5s ease-in-out; background: #fff; } 
.social-icon li a:hover { color: #696969; }
.social-icon li a:after { content: ""; height: 42px; width: 42px; border: 2px solid #041562; top: 0; bottom: 0; position: absolute; left: 0; right: 0; transform: rotate(45deg); transition: all 0.5s ease-in-out; margin: 0 auto; background: #fff; display: none; }
.social-icon li:first-child a { font-size: 2.6rem !important;}
.social-icon li{ margin: 0px 26px;}

.footer-logo { padding-bottom: 40px; }
.footer-logo a { max-width: 400px; display: inline-block; width: 100%;}
.footer-logo img {width: 100%;}
/*---------- footer section css end here ----------*/



.fb-android, .fb-ios, .mo-link { display:none !important; }
.ios .fb-ios, .ios .mo-link { display: inline-block !important; }
.android .fb-android, .android .mo-link { display: inline-block !important; }
.ios .desktop, .android .desktop { display: none !important; }
.android .fb-android, .android .mo-link { display: flex !important; }


.address-block { display: flex; flex-wrap: wrap; justify-content: center; max-width: 750px; margin: 0 auto 40px; }
.address-block li a { color: #041562;  }
.address-block li:after { content: "";
    border-right: 2px solid #041562;
    position: absolute;
    top: 3px;
    right: -1px;
    height: 14px; }
.address-block li { position: relative; padding: 0 20px; }
.address-block li:last-child:after { display: none; }
.address-block li a:hover { color: #696969; }
.expend-text { display: none; }
.self-content .address-dtl { display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 0; max-width: 800px; margin: 50px auto 0; }
.self-content .address-dtl li .phone .fa {font-size: 26px; color: #041562; }
.self-content .address-dtl li .map .fa {font-size: 26px; color: #041562; }
.self-content .address-dtl li { width: 33%; list-style: none; text-align: center; }
.self-content .address-dtl li .phone a, .self-content .address-dtl li .map a { color: #041562; display: inline-block; }
.self-content .address-dtl li .phone a:hover, .self-content .address-dtl li .map a:hover { color: #696969; }
.self-content .address-dtl li .phone a:hover .fa, .self-content .address-dtl li .map a:hover .fa{ color: #696969; }
.self-content .address-dtl .phone span { display: block; margin-bottom: 5px; }
.self-content .address-dtl .map span { display: block; margin-bottom: 5px; }

/*---------- comman  css end here ----------*/
.self-content h2 br{display: none;}
.form-detail p br{display: none;}
.site-header.sticky .menu li a:hover { color: #c1c1c1;}

.body-content-block { max-width: 850px; margin: 0 auto; padding: 0 15px; position: relative; z-index: 2; }
.body-content-block.contact { max-width: 860px; }
.body-content-block.contact h2 { font-family: 'Times New Roman'; }
.body-content-block h2 { padding: 35px 0 0;margin-bottom: 35px; margin-top: 35px; position: relative; }
.body-content-block.display-br h2 br { display: block; }
.body-content-block.no-margin p{ margin-bottom: 0; }
.body-content-block h2:before { content: ""; width: 92px; height: 2px; background-color: #223463; position: absolute; top: 0; left: calc(50% - 46px); }
.body-content-block span { font-size: 14px; text-transform: uppercase; font-weight: 600; color: #223463; font-family: 'Source Sans Pro', sans-serif; }
.body-content-block .btn { margin-top: 30px; }
.body-content {font-size: 1.8rem;}
.body-content h2 br{display: none;}
.btn { display: inline-block; font-size: 1.4rem; padding: 10px 20px; background-color: #223463; border: 1px solid #223463; border-radius: 999px; color: #fff; font-weight: 700; line-height: 2; font-style: normal; letter-spacing: 0px; text-transform: uppercase; transition: box-shadow .45s ease,transform .45s ease; }
.btn:hover{ box-shadow: 0 5px 10px 0 rgb(0 0 0 / 35%); transform: translateY(-5px); }

.welcome-sec ul.address-dtl { display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 0 !important; margin-top: 45px; max-width: inherit !important; margin-bottom: 0px !important; }
.body-content-block .address-dtl li { width: 33%; list-style: none; text-align: center; list-style: none; }
.body-content-block .address-dtl li:before { display: none; }
.body-content-block .address-dtl li .phone a, .body-content-block .address-dtl li .map a { color: #223463; display: inline-block; font-size: 1.8rem; }
.body-content-block .address-dtl li .phone a:hover, .body-content-block .address-dtl li .map a:hover { color: #676767; }
.body-content-block .address-dtl li .phone a:hover .fa, .body-content-block .address-dtl li .map a:hover .fa{ transition: all 0.5s ease-in-out; color: #676767; }
.body-content-block .address-dtl .map span { display: block; margin-bottom: 10px; }
.body-content-block .address-dtl .phone span { display: block; margin-bottom: 10px; }
.body-content-block .address-dtl li .phone .fa { font-size: 2.6rem; color: #223463; transition: all 0.5s ease-in-out;}
.body-content-block .address-dtl li .map .fa { font-size: 2.6rem; color: #223463; transition: all 0.5s ease-in-out;}
.body-content-block figure { margin-top: 35px; }

.inner-banner .background-image { height: 750px; padding-bottom: 15px; }

.welcome-form-sec + .welcome-form-sec .form-detail{padding-top: 0;}
.attorneypad {
    padding: 30px 30px 30px 30px;
    margin-top: -695px;
    background-color: #041562;
    
    z-index: 123;
    position: relative;
}
.attorneypad .row {position: relative; z-index: 1;}
.attorneypad h2, .attorneypad p {color: #fff;font-family: 'Times New Roman';}

.attorneypad:after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/white-petten-bg.png); opacity: 0.05;}
.attorneypad img {width: 100%;}
.attorney-page .background-image:after {background: rgba(34,52,99,0.8);}
.banner-slider.inner-banner .banner-details h1 { display: none; }
.img-attorney-block {
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
}