@font-face{font-family:Mont;src:url(../fonts/montserrat-regular-webfont.woff2) format("woff2"),url(../fonts/montserrat-regular-webfont.woff) format("woff");font-weight:400}
@font-face{font-family:Mont;src:url(../fonts/montserrat-bold-webfont.woff2) format("woff2"),url(../fonts/montserrat-bold-webfont.woff) format("woff");font-weight:700}
@font-face{font-family:Mont;src:url(../fonts/montserrat-light-webfont.woff2) format("woff2"),url(../fonts/montserrat-light-webfont.woff) format("woff");font-weight:300}
@font-face{font-family:FA;src:url(../fonts/fontawesome-webfont.woff) format("woff")}

*{box-sizing:border-box}
html{background:#101010 url(../images/style3_bg.jpg) 50% top no-repeat fixed;min-height:100%}
body{margin:0;background:transparent;color:#161616;font:300 16px/1.6 Mont,"Helvetica Neue",Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column}
#footer{margin-top:auto}
a{color:#333;text-decoration:none}
img{max-width:100%;height:auto}
.fa{font-family:FA;font-style:normal;font-weight:400}
h1,h2,h3,h4{font-family:Mont,sans-serif;font-weight:400}

/* header */
#header{position:relative;z-index:30}
#header .hin{position:relative}
#logo img{display:block}
#menu ul{list-style:none;margin:0;padding:0;display:flex}
#menu a{font:300 14px/1 Mont,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#fff;display:block;padding:17px 22px 16px}
#menubtn{display:none;background:none;border:0;padding:10px;cursor:pointer;position:absolute;right:10px;top:10px}
#menubtn span{display:block;width:26px;height:3px;background:#fff;margin:5px 0}

.frontpage #header{position:absolute;left:0;right:0;top:0}
.frontpage #header .hin{margin:40px 40px 0;border:1px solid #fff;height:48px;display:flex}
.frontpage #logo{width:108px;border-right:1px solid #fff;background:#000;display:flex;align-items:center;justify-content:center;flex:none}
.frontpage #logo img{width:70px;height:21px}
.frontpage #menu{margin-left:25px;flex:1}
.frontpage #menu ul{justify-content:flex-end}
.frontpage #menu ul{height:46px}
.frontpage #menu li{border-left:1px solid #fff}
.frontpage #menu li:first-child{border-left:1px solid #fff}
.frontpage #menu a{padding:15px 24px 14px}

.innerpage #header{background:#000;height:94px}
.innerpage #header .hin{max-width:1280px;margin:0 auto;height:94px;display:flex;align-items:center;padding:0 40px 0 78px}
.innerpage #logo{position:static;flex:none;margin-right:48px}
.innerpage #menu{position:static;flex:1;min-width:0}
.innerpage #menu ul{flex-wrap:wrap;align-items:center;justify-content:flex-end}
.innerpage #menu li:last-child{margin-right:0}
.innerpage #menu li{margin-right:clamp(20px,3.4vw,48px)}
.innerpage #menu a{padding:6px 0;font-size:15px;letter-spacing:1.2px;font-weight:300}

/* home hero */
#region1{padding:148px 20px 130px}
.r1in{max-width:1180px;margin:0 auto}
.herologo{text-align:center;color:#fff}
.herologo img{width:880px;max-width:100%;display:block;margin:0 auto}
.herologo p{font:300 15px/1.4 Mont,sans-serif;color:#fff;margin:14px 0 0}
.r1cols{display:flex;gap:30px;margin-top:70px;max-width:1010px;margin-left:auto;margin-right:auto;color:#fff}
#top2{flex:0 0 400px;text-align:right}
#top1{flex:1;max-width:400px}
.sect-title h2{font:400 32px/1.2 Mont,sans-serif;text-transform:uppercase;letter-spacing:3px;color:#fff;margin:0 0 30px;position:relative;display:inline-block}
.sect-title h2:before{content:"";position:absolute;left:-40px;top:2px;width:4px;height:34px;background:#00008b}
.sect-title p{font:300 16px/1.45 Mont,sans-serif;color:#fff;margin:0 0 20px}
.sect-title.textright h2:before{left:-40px}
.sect-title.textright{max-width:450px!important;float:none!important;margin-left:auto}
.custlogin{display:inline-block;border:1px solid #fff;color:#fff;font:400 14px/1 Mont,sans-serif;text-transform:uppercase;padding:16px 24px;margin-top:20px;letter-spacing:.5px}
.custlogin:hover{background:#fff;color:#000}
.txtlrg{color:#fff}
.txtlrg img{display:block;width:380px;max-width:100%;margin:0 0 10px}
.txtlrg p{font:300 16px/1.45 Mont,sans-serif;color:#fff;margin:0 0 20px}
.txtlrg h2{font:700 24px/1 Mont,sans-serif;text-transform:uppercase;letter-spacing:1.5px;color:#fff;margin:0 0 8px}
.txtlrg h2 b{font-weight:700}
.txtlrg h4{font:300 16px/1.4 Mont,sans-serif;color:#fff;margin:28px 0 20px}
.txtlrg h4 b{font-weight:700}
.txtlrg .nofee{font:400 42px/1.3 Mont,sans-serif;display:block;margin-bottom:10px}
.txtlrg .nofee b{font-weight:400}
.txtlrg .fine{font:700 11px/1.4 Mont,sans-serif;margin-top:36px}
.bbottom{width:110px;height:6px;background:#fff;margin:26px 0 32px}

/* region6 */
#region6{background:#bbb url(../images/region6bkg.jpg) center/cover no-repeat;padding:0}
.r6in{max-width:1206px;margin:0 auto;display:flex;min-height:527px}
#left6{flex:0 0 595px;background:rgba(55,55,55,.9);color:#fff;padding:50px 50px 40px}
#left6 .sect-title h2{font-size:32px;margin:0 0 30px;letter-spacing:3px}
#left6 .sect-title h2:before{left:-40px}
#left6 h2{font:400 32px/1.2 Mont,sans-serif;text-transform:uppercase;letter-spacing:3px;color:#fff;margin:0 0 22px;position:relative;padding-left:40px}
#left6 h2:before{content:"";position:absolute;left:0;top:2px;width:4px;height:34px;background:#00008b}
#left6 h3{font:700 22px/1.3 Mont,sans-serif;color:#fff;margin:0 0 18px}
#left6 p{font:300 15px/1.5 Mont,sans-serif;color:#fff;margin:0 0 22px}
#left6 .sect-title{max-width:none}
#left6 br{display:block;content:"";margin-bottom:12px}
#user25{flex:0 0 490px;background:#fff;padding:50px 50px 40px}
.introtitle h3{font:400 18px/1.3 Mont,sans-serif;text-transform:uppercase;color:#222;margin:0}
.introtitle .bbottom{width:60px;height:4px;background:#00008b;margin:12px 0 38px}
.introtitle p{font:300 16px/1.6 Mont,sans-serif;color:#000;margin:0 0 30px}
.imgarticles{display:flex;gap:0}
.imgarticles a{flex:1;display:block}
.imgarticles img{display:block;width:100%;height:104px;object-fit:cover}
.outrotitle{margin-top:34px}
.outrotitle .what{display:block;font:300 11px/1.3 Mont,sans-serif;color:#999;margin-bottom:14px}
.outrotitle .ptitle{font:700 13px/1.5 Mont,sans-serif;color:#000;margin:0}
#right6{flex:0 0 121px;background:#00008b}
.iconmenu{list-style:none;margin:0;padding:50px 0 0;text-align:center}
.iconmenu li{margin-bottom:34px}
.iconmenu a{color:#fff;font:400 13px/1.4 Mont,sans-serif;display:block}
.iconmenu img{display:block;margin:0 auto 6px;width:48px;height:48px;opacity:.65}
.iconmenu span{display:block;max-width:60px;margin:0 auto}

/* banner7 */
#region7{background:#1b1b1b url(../images/region7bkg.png) center/auto 160% no-repeat;text-align:center;padding:82px 20px 100px}
.getdata h2{font:400 34px/1.3 Mont,sans-serif;letter-spacing:2px;color:#fff;margin:0 0 34px}
#region7 .btnred{display:inline-block;background:#e6254b;color:#fff;font:400 24px/1 Mont,sans-serif;padding:20px 12px 22px;min-width:222px;letter-spacing:0}
#region7 .btnred:hover{background:#c91d3f;color:#fff}

/* region8 */
#region8{background:#2a7bd6 url(../images/region8bkg.jpg) center/cover no-repeat;padding:100px 30px 100px}
.paybox{max-width:1220px;margin:0 auto;background:rgba(18,34,62,.92);padding:50px 40px 46px;text-align:center;color:#fff}
.paybox h2{font:400 36px/1.3 Mont,sans-serif;letter-spacing:2px;color:#fff;margin:0 0 14px}
.paybox font,.paybox b{font:700 14px/1.4 Mont,sans-serif;color:#fff}
.paybox img{width:200px;height:auto;margin:0;vertical-align:top}
.paybox center a{display:inline-block;margin:0 1px}

/* footer */
#footer{background:#3c3c3c;color:#fff}
.fin{max-width:1280px;margin:0 auto;display:flex;padding:100px 40px 150px}
#bottom1{flex:0 0 415px;border-right:1px solid #666;padding:30px 20px 100px 5px}
.phones{font:700 36px/0.9 Mont,sans-serif;letter-spacing:1px;color:#fff;text-align:center;padding-top:20px}
#bottom2{flex:0 0 450px;text-align:center;padding:0 30px}
.follow{font:400 14px/1 Mont,sans-serif;color:#fff;margin:46px 0 14px}
.socialmr1 a{display:inline-block;width:36px;height:40px;border:1px solid #888;color:#bbb;font-size:26px;line-height:38px;text-align:center}
#bottom3{flex:1;border-left:1px solid #666;padding:10px 0 0 40px}
.disclaimer p{font:300 12px/1.6 Mont,sans-serif;color:#f1f1f1;margin:0 0 20px}

/* inner pages */
.innerpage html,.innerpage{background:#fff}
.innerpage #page{max-width:1280px;margin:0 auto;display:flex;gap:50px;padding:48px 30px 70px 50px;background:#fff}
.innerpage #content{flex:1;min-width:0}
.innerpage #sidebar{flex:0 0 282px;padding-top:6px}
.innerpage #content .page-header{border-bottom:1px solid #ededed;margin-bottom:24px}
.innerpage #content .page-header h1{font:400 54px/1 Mont,sans-serif;color:#161616;letter-spacing:-2px;margin:12px 0 0;padding-bottom:32px;position:relative}
.innerpage #content .page-header h1:after{content:"";position:absolute;left:0;bottom:0;width:80px;height:4px;background:#00008b}
.innerpage #content .page-header h2{font:400 54px/1 Mont,sans-serif;letter-spacing:-2px}
.innerpage #content h1,.innerpage #content h2,.innerpage #content h3,.innerpage #content h4,.innerpage #content h5{font-family:Mont,sans-serif;font-weight:400;color:#161616}
.innerpage #content h1{font-size:48px;line-height:112%;letter-spacing:-2px}
.innerpage #content h2{font-size:36px;line-height:90%;letter-spacing:-1.5px}
.innerpage #content h3{font-size:24px;line-height:120%;letter-spacing:0}
.innerpage #content h4{font-size:18px;line-height:120%}
.innerpage #content .page-header h1{font-size:54px;line-height:1}
/* article headings get the blue bar the old template drew */
.innerpage #content .com-content-article__body h1,
.innerpage #content .com-content-article__body h2,
.innerpage #content .com-content-article__body h3,
.innerpage #content .com-content-article__body h4,
.innerpage #content .com-content-article__body h5{border-left:3px solid #00008b;padding:0 0 0 20px;margin:30px 0 22px}
.innerpage #content .com-content-article__body>h1:first-child,
.innerpage #content .com-content-article__body>h2:first-child{margin-top:6px}
.innerpage #content p,.innerpage #content li{font-size:16px;line-height:1.6;color:#161616;font-weight:300}
.innerpage #content a{color:#f56608}
.innerpage #content a:hover{color:#161616}
.innerpage #content p{margin:0 0 20px}
.innerpage #content hr{border:0;border-top:1px solid #ededed;height:1px;margin:2px 0;opacity:1}
.innerpage #content blockquote{border-left:4px solid #eee;margin:0 0 20px;padding:0 0 0 15px}
.innerpage #content blockquote p{margin:0 0 12px}
.innerpage #content ul{padding-left:1.4em}
.note{background:#feef9c url(../images/note.gif) no-repeat right bottom;font-size:1em;color:#000;padding:20px;margin-bottom:15px}
.note,.note *{color:#000}
.note::after{content:"";display:block;clear:both}
.innerpage #content .note a{color:#f56608}
.btnred,.btnblue,.innerpage #content a.btnred,.innerpage #content a.btnblue{display:inline-block;border:0;color:#fff;font:400 14px/1.3 Arial,Helvetica,sans-serif;padding:8px 12px;cursor:pointer;text-decoration:none}
.btnred,.innerpage #content a.btnred{background:#e52644}
.btnblue,.innerpage #content a.btnblue{background:#6791e7}
.btnred:hover,.innerpage #content a.btnred:hover{background:#c91d3f;color:#fff}
.btnblue:hover,.innerpage #content a.btnblue:hover{background:#4d7ad6;color:#fff}
.btnblue a,.btnblue a:hover{color:#fff!important;text-decoration:none}
.btnblue nobr{white-space:nowrap}
.imgframe{border:1px solid #ddd;padding:4px;border-radius:4px;background:#fff}
.titlefont{font-family:Mont,sans-serif}
.icon-warning-sign:before{content:"\26A0"}
.row-fluid{display:flex;gap:2.5%}
.row-fluid>[class*=span]{flex:1;min-width:0}
.row-fluid>.span4{flex:0 0 31.6%}
.row-fluid>.span3{flex:0 0 23%}
.row-fluid>.span8{flex:0 0 65%}
.innerpage #content b,.innerpage #content strong{font-weight:700}
.innerpage #content img{max-width:100%}
.learnmore h2{font:400 24px/1.2 Mont,sans-serif;text-transform:uppercase;letter-spacing:1px;color:#111;margin:0 0 36px;padding-left:24px;position:relative}
.learnmore h2:before{content:"";position:absolute;left:0;top:2px;width:3px;height:22px;background:#00008b}
.learnmore article{padding:0 20px 0 21px;margin-bottom:26px}
.learnmore h3{font:400 18px/1.3 Mont,sans-serif;margin:0 0 8px;letter-spacing:0}
.learnmore h3 a{color:#111}
.learnmore p{font:300 15px/1.7 Mont,sans-serif;color:#444;margin:0}
.com-contact h2,.com-contact h3{font-size:24px;margin:16px 0 10px}
.com-contact .well,.com-contact form{background:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;padding:18px}
.com-contact__thumbnail img{width:100%;padding:4px;border:1px solid #ddd;border-radius:4px}
.com-contact .btn-primary{background:#00008b;border-color:#00008b}

/* breadcrumbs */
.innerpage #content .mod-breadcrumbs__wrapper{margin:44px 0 10px}
.innerpage #content ol.breadcrumb{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0;background:transparent;font:300 16px/1.6 Mont,sans-serif;color:#161616}
.innerpage #content ol.breadcrumb li{font-size:16px;color:#161616}
.innerpage #content .mod-breadcrumbs__here{float:none!important;margin-right:12px}
.innerpage #content .breadcrumb-item+.breadcrumb-item{padding-left:0}
.innerpage #content .breadcrumb-item+.breadcrumb-item:before{content:"\25B8";color:#f56608;font-size:12px;padding:0 12px 0 12px;float:none}

/* numbered pager used by multi-page articles (reviews) */
.innerpage #content .article-index{display:none}
.innerpage #content ul.pagination{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:30px 0 10px;padding:0;gap:0}
.innerpage #content ul.pagination .page-link{display:block;border:0;background:transparent;color:#f56608;padding:3px 16px;font:300 16px/1.6 Mont,sans-serif;box-shadow:none}
.innerpage #content ul.pagination .page-link:hover{background:transparent;color:#161616}
.innerpage #content ul.pagination .active .page-link,.innerpage #content ul.pagination .disabled .page-link{color:#161616;background:transparent}
.innerpage #content .pager,.innerpage #content .pagenavigation{margin-top:20px}

/* payment band shown under every inner page */
.innerpage #region8{background:#2a7bd6 url(../images/region8bkg.jpg) center/cover no-repeat;padding:100px 30px}

/* error page */
.errorbox{text-align:center;padding:40px 0 60px}
.errorbox h1{font:400 54px/1 Mont,sans-serif;letter-spacing:-2px;color:#161616;margin:0 0 24px}
.errorbox p{font-size:18px}
.errorbox .errorphone{margin-top:30px;font-weight:700}
.errorpage #page{display:block;max-width:900px;min-height:50vh}
.errorpage #content a.btnred,.errorpage #content a.btnblue{margin:0 6px;font-size:15px;padding:10px 18px}

/* feedback / form bits */
.innerpage #content .btn.btn-primary,.innerpage #content button.btn-primary{background:#00008b;border-color:#00008b;color:#fff}
.innerpage #content .mod-custom img{max-width:100%}

/* contact component keeps the smaller headings */
.innerpage #content .com-contact .page-header h1{font-size:38px;letter-spacing:-1.5px;padding-bottom:18px}
.innerpage #content .com-contact .page-header h1:after{display:none}
.innerpage #content .com-contact h2,.innerpage #content .com-contact h3{font-size:26px;line-height:1.2;letter-spacing:-.5px;margin:16px 0 10px;border:0;padding:0}

@media (max-width:991px){
 .innerpage #page{flex-direction:column}
 .innerpage #sidebar{flex:none}
 .row-fluid{display:block}
 .r1cols{flex-direction:column}
 #top2,#top1{flex:none;max-width:none;text-align:left}
 .r6in{flex-direction:column}
 #left6,#user25,#right6{flex:none}
 .iconmenu{display:flex;justify-content:space-around;padding:20px 0}
 .fin{flex-direction:column;padding:50px 20px}
 #bottom1,#bottom2,#bottom3{flex:none;border:0;padding:20px 0}
}
@media (max-width:767px){
 .frontpage #header .hin{margin:12px;height:auto;flex-wrap:wrap;border:0;align-items:center}
 .frontpage #logo{border-right:0;background:transparent;width:auto}
 #menubtn{display:block;position:static;margin-left:auto;padding:8px}
 #menu{display:none;position:static;flex-basis:100%}
 #menu.open{display:block}
 #menu ul{display:block;height:auto}
 .frontpage #menu{margin:0}
 .frontpage #menu li{border:0;border-top:1px solid #fff}
 .innerpage #menu{position:static;background:#000;padding:0 16px}
 .innerpage #menu ul{display:block}
 .innerpage #header{height:auto}
 .innerpage #header .hin{display:flex;flex-wrap:wrap;align-items:center;height:auto;padding:12px 16px 0}
 .innerpage #logo{position:static}
 .innerpage #menu li{margin:0}
 .innerpage #menu a{padding:12px 0}
 #region1{padding:130px 16px 60px}
 .herologo img{width:100%}
 .sect-title h2{font-size:24px}
 .getdata h2{font-size:24px}
 .paybox h2{font-size:24px}
 .paybox img{width:44%}
 #left6,#user25{padding:30px 20px}
 .phones{font-size:28px}
}
@media (max-width:767px){
 #top1{order:-1}
 .r1cols{margin-top:40px}
 .innerpage #content .page-header h1,.errorbox h1{font-size:40px;letter-spacing:-1.5px}
 .innerpage #content h1{font-size:36px}
 .innerpage #content h2{font-size:28px}
 .innerpage #content h3{font-size:22px}
 .innerpage #page{padding:30px 16px 40px}
 .innerpage #region8,#region8{padding:50px 12px}
 .paybox{padding:30px 12px 28px}
 .paybox center a{width:48%;margin:0 0 14px}
 .paybox img{width:100%}
 .innerpage #content ul.pagination .page-link{padding:3px 9px}
}
@media (min-width:768px) and (max-width:1100px){
 .innerpage #header .hin{padding:0 24px}
 .innerpage #logo{margin-right:28px}
 .innerpage #menu a{font-size:13px;letter-spacing:.8px}
 .innerpage #menu li{margin-right:20px}
}
@media (min-width:768px) and (max-width:900px){
 .innerpage #header .hin{padding:0 16px}
 .innerpage #logo{margin-right:18px}
 .innerpage #menu a{font-size:12px;letter-spacing:.4px}
 .innerpage #menu li{margin-right:14px}
}
@media (min-width:992px) and (max-width:1100px){
 .fin{padding:100px 24px 150px}
 #bottom1{flex:0 0 32%}
 #bottom2{flex:0 0 34%;padding:0 16px}
 #bottom3{padding-left:24px}
}
@media (max-width:767px){
 html{background-attachment:scroll}
 .frontpage #menu ul{justify-content:flex-start}
}
@media (max-width:767px){
 .innerpage #menu ul{justify-content:flex-start}
}
