body{ font-size:14px; font-family: 'ProximaNova-Regular'; overflow-x:hidden; }
*{ margin:0; padding:0; box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
p{ margin:0px; padding:0px;}
a{ text-decoration:none; }
a , button, input, a:after, a:before, .popup-featured, .dropdown-nav { transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; }
a:hover, a:focus, a:active{ outline:none; text-decoration:none;}
input:hover, input:focus, input:active{ outline:none;}
ul{ margin:0px; padding:0px;}
ul li{ list-style: none; }
img{ border:0px; vertical-align: middle; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;}
.pull-left{ float:left;}
.pull-right{ float:right;}
.clearfix{ clear:both; overflow:hidden;}
.wrapper{ margin:0px auto;}
.container{ max-width: 1100px; width: 100%; margin: 0 auto;}
img { vertical-align: middle; max-width: 100%; height: auto;}
/*--------------- HEADER_START --------------*/
#header{ background-color: #050505; border-bottom: 1px solid #002853; padding: 8px 8px;  top: 0; left: 0; right: 0; z-index: 9; }
.header-in-hp{ display:fixed; align-items: center; }
.logo-hp{ float:left; padding:0px 0px 0 0px; width: 420px; display:flex; align-items:center; }
.logo-hp img{ width:140px; vertical-align:middle; margin-right:3px; }
.logo-text { padding-left:32px; margin: 4px 0 0 0; display: inline-block; vertical-align: middle; position: relative; width:calc(100% - 140px); }
.logo-text h1 { color: #fff; display: block; font-size: 18px; margin: 0 0 4px; line-height:18px; }
.logo-text strong { color: #fff; font-size: 15px; line-height:15px; margin: 0 0 0 0px; font-weight: 300; }

.navigation{ width:calc(100% - 420px);  display:flex; align-items: center;  justify-content: flex-end; }
.nav-main { padding-top: 0px; margin-top:-1px; }
.nav-main > ul > li { float: left; margin-left: 6px; position: relative; }
.nav-main > ul > li > a { color: #fff; text-transform: uppercase; position: relative; display: inline-block; padding: 8px 20px 7px; border: 1px solid #fff;  min-width: 100px; text-align: center; }
.nav-main > ul > li > a:after { position:absolute; left:0; width:100%; height:3px; background-color:#359de2; content:''; bottom:-12px; opacity:0; }
.darkHeader .nav-main > ul > li > a:after { background-color:#fff; }
.nav-main li > a:hover:after { opacity:1; bottom:-9px; }
.nav-main > ul > li.has-child > a{ position:relative; padding-right:28px; }
.nav-main > ul > li.has-child > a:before { border-left:4px solid rgba(0, 0, 0, 0); border-right:4px solid rgba(0, 0, 0, 0); border-top:5px solid #fff; border-bottom:0px solid rgba(0, 0, 0, 0); content: ""; position: absolute; right: 10px; top: 12px; }
.dropdown-nav { background-color: rgba(0, 0, 0, 0.23); border: 1px solid rgba(255, 255, 255, 0.23); margin-top: 26px; padding: 10px; position: absolute; right: 0; top: 100%; width: 200px; opacity:0; visibility:hidden; }
.dropdown-nav.open { opacity:1; visibility:visible; margin-top: 10px; }
.dropdown-nav li { margin-bottom: 5px; }
.dropdown-nav li:last-child { margin-bottom: 0; }
.dropdown-nav li a { background-color: rgba(0, 0, 0, 0.6); border: 1px solid rgba(255, 255, 255, 0.23); color: #ffffff; display: block; padding: 7px 10px; text-transform:uppercase; }
.dropdown-nav li a:hover { background-color: rgba(0, 0, 0, 1); }
.dropdown-nav::after { border-bottom: 10px solid rgba(0, 0, 0, 0.5); border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); content: ""; position: absolute; right: 10px; top: -10px; }

.menu-toggle { background-color: #fff; border: none; border-radius: 2px; height: 2px; position: relative; width: 35px; display: none; float: right; text-align: right; cursor: pointer; margin-top: 12px; padding: 4px 4px; }
.menu-toggle span:nth-child(2) { top: 14px; }
.menu-toggle span:last-child { top: 22px; }
.menu-toggle span { background-color: #001a39; border-radius: 2px; height: 4px; top: 6px; display: inline-block; text-align: right; margin: 0 0 3px 0; }
.menu-toggle span:nth-child(1) { border-color: #001a39; background-color: #001a39; width: 15px; }
.menu-toggle span:nth-child(2) { border-color: #1cb6ab; background-color: #1cb6ab; width: 20px; }
.menu-toggle span:nth-child(3) { border-color: #0079c0; background-color: #0079c0; width: 25px; margin: 0; }
#header.darkHeader { background-color: #001a39; box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.2); position: fixed; }
.darkHeader .dropdown-nav { background-color: #ffffff; border: 1px solid #001a39; }
.darkHeader .dropdown-nav li a { background-color: #0b7ac4; border: 1px solid #0b7ac4; color: #ffffff; }
.darkHeader .dropdown-nav li a:hover { background-color: #fff; color: #0b7ac4; }
.darkHeader .dropdown-nav::after { border-bottom-color: #fff; }
/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/
#contain{ margin:0px; padding:0px 0 0 0; }
.banner-main { /*background: url(../images/banner-main.jpg) no-repeat center center; background-size: cover; position: relative; bottom: 3px;*/ }
.inner-banner-img { /*background: url(../images/banner-main.jpg) no-repeat top center; padding-bottom: 50%; background-size: cover;object-fit: cover;*/ }
.inner-banner-img img{ width:100%; height:50%}
.inner-banner-text { text-align: center; background-color: #001a39;padding: 15px 0; }
.inner-banner-text h3 { display: inline-block; color: #fff; font-weight: 100; font-size: 23px; margin: 0 100px 0 0; }
.inner-banner-text h3 span { font-style: italic; color: #097a84; }
.white-btn-trans { border: 1px solid #fff; color: #fff; display: inline-block; padding: 9px 20px 7px; text-align: center; font-size: 14px; margin: 0 5px; }
a.white-btn-trans { border: 1px solid #359de2; color: #fff; background-color: #359de2; }
.arins-infosect { padding: 0 0;  border: 0px solid #359de2;}
.arins-infosect-in{ display:table; }
.left-infosect, .right-infosect { display: table-cell; vertical-align: middle; }
.left-infosect { width: 100%; }
.right-infosect { width: 100%; padding-left: 70px; }
.right-infosect h2 { color: #000000; font-family: 'ProximaNova-Bold'; font-size: 37px; line-height: 48px; margin-bottom: 15px; padding-bottom: 10px; position: relative; text-transform: uppercase; }
.right-infosect h2 span { color: #2d74a0; }
.right-infosect h2:after { background-color: #c9c9c9; bottom: 0; content: ''; height: 2px; left: 0; position: absolute; width: 62px; }
.right-infosect ul { margin-bottom: 20px; }
.right-infosect li { background: url(../images/tick-green.png) no-repeat left top; color: #2d74a0; font-size: 22px; line-height: 26px; margin-bottom: 10px; padding-left: 38px; text-transform: uppercase;  font-family: 'ProximaNova-Bold'; }
.right-infosect ul li:last-child { margin-bottom: 0; }
.right-infosect p { color: #000000; font-size: 19px; line-height: 29px; font-family: 'ProximaNova-RegularIt'; letter-spacing: -0.5px; }
.right-infosect p span { font-family: 'ProximaNova-Semibold'; }

.arins-features {  background: url(../images/banner-secondary.jpg) no-repeat center center; background-size: cover; padding: 40px 0; }
.features-wrap { float: center; margin-right: -6px; width: 875px;height: 100%;}
.features-wrap > h2, .arins-contact h2 { color: #ffffff; font-size: 30px; margin-bottom: 30px; padding-bottom: 16px; text-align: center; position: relative; font-family: 'ProximaNova-Bold'; text-transform: uppercase; }
.features-wrap > h2:after, .arins-contact h2:after { background-color: #ffffff; bottom: 0; content: ''; height: 2px; left: 0; position: absolute; width: 62px; right: 0; margin: auto; }
.feature-box { background-color: #ffffff; float: left; height: 190px; margin: 3px; padding: 28px 5px 10px; text-align: center; width: 100%; width: 100%; width: 100%; width: 100%; width: 100%; position: relative; }
.feature-list li.feature-box { padding: 0; height: auto; }
.feature-list li > a { background-color: #03365c; display: block; text-align: center; padding: 20px 20px; font-size: 16px; color: #fff; min-height: 148px; }
.feature-img { border-radius: 50%; display: table; height: 95px; margin: 0 auto; width: 95px; }
.feature-img { height: 75px; }
.feature-list li.feature-box .feature-img { background: none; width: 65px; height: 65px; }
.si-box .feature-img, .si-box .popup-featured { background-color: #03365c; }
.feature-img .dis-table { height: 100%; padding-bottom: 30px;}
.feature-img .dis-cell { vertical-align: bottom; }
.feature-img img { max-width: 50px; max-height: 45px; }
.feature-text { min-height: 32px; }
.feature-text h4 { font-size: 13px; line-height: 16px; margin: 0; text-transform: uppercase; }
.popup-featured { bottom: 0; min-height: 300px; left: 0; position: absolute; right: 0; top: 0; transform: translate(-40px, -40px) scale(0); -moz-transform: translate(-40px, -40px) scale(0); -ms-transform: translate(-40px, -40px) scale(0); -o-transform: translate(-40px, -40px) scale(0); -webkit-transform: translate(-40px, -40px) scale(0); width: 100%; margin:auto; z-index: 1; display: flex; padding: 10px; box-shadow: 0 0 10px 6px rgb(0 0 0 / 23%); align-items: center; }
.si-box .feature-img, .si-box .popup-featured { background-color: #03365c; }
.popup-featured-inner { display: table-cell; vertical-align: middle; color: #fff; width:100%; }
.popup-featured-inner h4 { font-size: 21px; line-height: 22px; font-family: 'ProximaNova-Bold'; margin-bottom: 10px; }
.popup-featured-inner h4 a { color: #fff; }
.popup-featured-inner > ul { display: inline-block; margin-bottom: 10px; margin-left: 20px; margin-left: 10px;text-align: left; vertical-align: top; width: 100%; list-style-type: disc; }
.popup-featured-inner > ul li { font-family: "ProximaNova-Semibold"; font-size: 15px; padding-bottom: 7px;padding-right: 7px; list-style-type: disc; }
.popup-featured-inner > a { border: 1px solid #ffffff; color: #ffffff; display: inline-block; font-family: "ProximaNova-Semibold"; font-size: 16px; padding: 6px 20px; }
.feature-box:hover .popup-featured { transform: translate(0px, 0px) scale(1); -ms-transform: translate(0px, 0px) scale(1); -moz-transform: translate(0px, 0px) scale(1); -o-transform: translate(0px, 0px) scale(1); -webkit-transform: translate(0px, 0px) scale(1); }
.popup-featured-inner > a:hover { background-color: #fff; }
.popup-featured-inner1 > a:hover { background-color: #000080; }
li.wildlife-bg > a, li.wildlife-bg .help_guide-box { background-color: #0fbaaf; }
li.visitor-bg > a, li.visitor-bg .help_guide-box { background-color: #2495f8; }
li.monitor-bg > a, li.monitor-bg .help_guide-box { background-color: #49bb7d; }
li.other-inspection-bg a, li.other-inspection-bg .help_guide-box { background-color: #002753; }
li.document-bg > a, li.document-bg .help_guide-box { background-color: #65a0a5; }
li.administration-bg a, li.administration-bg .help_guide-box { background-color: #2051a4; }
li.event-bg > a, li.event-bg .help_guide-box { background-color: #5cada7; }
li.daily-log-bg > a, li.daily-log-bg .help_guide-box { background-color: #0086ce; }
li.induction-bg > a, li.induction-bg .help_guide-box { background-color: #3f5d7e; }
li.incident-bg > a, li.incident-bg .help_guide-box { background-color: #00a0a5; }
li.emergency-bg > a, li.emergency-bg .help_guide-box { background-color: #a4aaae; }
li.getting-start .help_guide-box{ background-color: #375e7b; }
li.getting-start .help_guide-box .dropdown-menu { border: 5px solid #375e7bb8; background-color:  #375e7b; }
.si-box .feature-img, .si-box .popup-featured{ background-color:#03365c; } 
.si-box .popup-featured-inner > a:hover{ color:#03365c; }
.si-box p{ color:#8c1519; } 
.wr-box .feature-img, .wr-box .popup-featured{ background-color:#0fbaaf; } 
.wr-box .popup-featured-inner > a:hover{ color:#0fbaaf; }
.wr-box p{ color:#107d3c; }
.vcm-box .feature-img, .vcm-box .popup-featured{ background-color:#2495f8; } 
.vcm-box .popup-featured-inner > a:hover{ color:#2495f8; }
.vcm-box p{ color:#eda432; }
.mr-box .feature-img, .mr-box .popup-featured{ background-color:#49bb7d; } 
.mr-box .popup-featured-inner > a:hover{ color:#2cc2f4; }
.mr-box p{ color:#2cc2f4; } 
.cya-box .feature-img, .cya-box .popup-featured{ background-color:#002753; } 
.cya-box .popup-featured-inner > a:hover{ color:#a62458; }
.cya-box p{ color:#a62458; } 
.dl-box .feature-img, .dl-box .popup-featured{ background-color:#65a0a5; } 
.dl-box .popup-featured-inner > a:hover{ color:#5389bb; }
.dl-box p{ color:#5389bb; } 
.ea-box .feature-img, .ea-box .popup-featured{ background-color:#2051a4; } 
.ea-box .popup-featured-inner > a:hover{ color:#5e6b73; }
.ea-box p{ color:#5e6b73; } 
.es-box .feature-img, .es-box .popup-featured{ background-color:#5cada7; } 
.es-box .popup-featured-inner > a:hover{ color:#9c6842; }
.es-box p{ color:#9c6842; } 
.dl2-box .feature-img, .dl2-box .popup-featured{ background-color:#0086ce; } 
.dl2-box .popup-featured-inner > a:hover{ color:#045593; }
.dl2-box p{ color:#045593; } 
.i-box .feature-img, .i-box .popup-featured{ background-color:#8c1519; } 
.i-box .popup-featured-inner > a:hover{ color:#8B4513; }
.i-box p{ color:#8c1519; } 
li.i-bg > a, li.i-bg .help_guide-box { background-color: #8B4513;  }

.arins-contact { background: url(../images/banner-contact.jpg) no-repeat center center; background-size: cover; padding: 70px 0; }
.arins-contact h2 { color: #0b7ac4; }
.arins-contact h2:after {  background-color: #0b7ac4; }
.arins-contact h3 { color: #0b7ac4; }
.arins-contact h3:after {  background-color: #0b7ac4; }
.arins-contact h2 ~ p { color: #000000; font-size: 16px; line-height: 27px; margin-bottom: 26px; text-align: center; font-family: 'ProximaNova-Semibold'; }
.arins-contact-in{ max-width: 832px; margin:auto; }
.arins-contact h2 ~ p a { color: #0b7ac4; font-size: 15px; display: inline-block; padding-left: 26px; background: url(../images/mail-icon.png) no-repeat left center; margin-top: 4px; }
.arins-contact h2 ~ p { color: #000000; font-size: 16px; line-height: 27px; margin-bottom: 26px; text-align: center; font-family: 'ProximaNova-Semibold'; }
.arins-contact-wrap { background-color: #ffffff; border: 1px solid #d1d1d1; border-radius: 6px; margin: 0 auto; max-width: 100%; padding: 52px 62px; width: 100%; }
.arins-contact h2 ~ p a { color: #0b7ac4; font-size: 10px; display: inline-block; padding-left: 26px; background: url(../images/mail-icon.png) no-repeat left center; margin-top: 4px; }
.arins-contact h2 ~ p { color: #000000; font-size: 8px; line-height: 27px; margin-bottom: 26px; text-align: center; font-family: 'ProximaNova-Semibold'; }
.arins-contact-wrap { background-color: #ffffff; border: 1px solid #d1d1d1; border-radius: 6px; margin: 0 auto; max-width: 100%; padding: 52px 62px; width: 100%; }
.arins-contact-row { float: left; width: 100%; }
.arins-contact-half { float: left; width: 48%; }
.arins-contact-row .arins-contact-half:last-of-type { float: right; }
.arins-field { border: 1px solid #d1d1d1; font-family: "ProximaNova-Regular"; font-size: 14px; height: 40px; padding: 5px 10px; width: 100%; margin-top:20px; outline:none; }
.arins-field:focus { border-color:#005e9d;	 }
.arins-contact-row { float: left; width: 100%; }
.arins-contact-half { float: left; width: 48%; }
.arins-contact-row .arins-contact-half:last-of-type { float: right; }
textarea.arins-field { height: 160px; max-width: 100%; min-width: 100%; }
.arins-contact-submit { background-color: rgba(0, 0, 0, 0); border: 2px solid #0b7ac4; color: #0b7ac4; font-size: 16px; height: 40px; margin-top: 20px; width: 100%; font-family: 'ProximaNova-Semibold'; cursor:pointer; }
.arins-contact-submit:hover{ color:#fff; background-color:#0b7ac4; }
.arins-contact-wrap .arins-contact-row:first-of-type .arins-field { margin-top: 0; }
/*--------------- CONTAIN_END --------------*/

/*--------------- FOOTER_START --------------*/
.footer-main { padding: 30px 0; background-color: #0b7ac4; text-align: center; color: #fff; }
.footer-main p,  .footer-main ul { display: inline-block; vertical-align: middle; }
.footer-main a { color: #fff; }
.footer-main ul li { float: left; position: relative; padding-left: 11px; margin-left: 10px; }
.footer-main ul li:before { background-color: #ffffff; content: ''; height: 10px; left: 0; position: absolute; top: 3px; width: 1px; }
/*--------------- FOOTER_END --------------*/