/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/***********************James River Insurance***********************/

/*Header*/
.header--overlap {
  z-index: 2000 !important;
  position:relative;
}
.header--sticky-active .header__section--main .header__center {padding-top:0px!important;}
.header__logo__overlap{padding-top:60px!important;}
.header--overlap:not(.header--sticky-active) .header__section--top {background:none !important;}
.header--sticky-active .header__sticky-element{ margin-top:-20px;}
.header__logo__static{padding-top: 60px!important;}
.header__logo__sticky {margin-top:60px;}

/*Nav*/
.header--overlap:not(.header--sticky-active) .header__nav .nav__list--level1>li>.nav__link, .header--overlap:not(.header--sticky-active) .lang-select__button {
  font-weight: 900;}

.nav__list--flyout .nav__item--active-branch>a:before, .nav__list--flyout .nav__item--active>a:before {background:none !important; }
  
.nav__list--level1 {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: bold;
}

/*Hamburger*/
.module--header_mobile_nav {margin: 10px -6px 0 0 !important;}
.header--overlap:not(.header--sticky-active) .header__mobile-nav .mnav__open{margin-top: -10px;}

/*Expand Menu*/
.wrap-collabsible {
  z-index: 3002 !important;
  position:absolute;
  height:50px;
  margin-bottom: 20px;
  width:100%;
  border-top: 10px solid #526391;

}

input[type='checkbox'] {
  display: none;
}

.lbl-toggle {
  display: block;
  font-weight: bold;
  font-family: monospace;
  font-size: 1.2rem;
  text-transform: uppercase;
  text-align: center;
  padding: 2px 0 0 0;
  color: #FFFFFF;
  background: #526391;
  cursor: pointer;
  border-radius: 0px;
  transition: all 0.25s ease-out;
  height:40px;
  width:60px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  margin-left:18%;
  margin-bottom:-50px;

}

.lbl-toggle:hover {
  color: #CCCCCC;
}

.lbl-toggle::before {
  content: '';
  font-size:16px;
  /*display: inline-block;*/
  /*border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;*/
  vertical-align: middle;
  transform: translateY(-2px);
  transition: transform .2s ease-out;
}

.toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
}

.collapsible-content {
  max-height: 0px;
  overflow: hidden;
  transition: max-height .25s ease-in-out;
  z-index: 3000 !important;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 100vh;
}

.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.collapsible-content .content-inner {
  background: #526391;
  border-bottom: 1px solid #526391;
  color:#fff;
  padding: .8rem 1rem;
  min-height:50px;
}

#content-inner-block {
  width:1200px;
  margin:0 auto;
  text-align:center;
  padding-left:0px;
  
}
/*Reinsurance*/
#content-inner-block .p1 {
  width:160px; float: right; display:inline; 
}
/*Falls*/
#content-inner-block .p2 {
  width:220px; float: right; display:inline;  
}
/*JRG River Ins*/
#content-inner-block .p3 {
  width:180px; float: right; display:inline;color:#FED55B; font-weight:bold;
}
/*JRG Group*/
#content-inner-block .p4 {
  width:250px; float: right; display:inline;
}

#content-inner-block .p1 a, #content-inner-block .p2 a, #content-inner-block .p4 a  {
  color:#fff;
}

#content-inner-block .p1 a:hover, #content-inner-block .p2 a:hover, #content-inner-block .p4 a:hover  {
  color:#FED55B; text-decoration:none; 
}

.content-inner-vr{ width:30px; float:right; display:inline;text-align:center; }



/****Global****/
html {margin-right: 0 !important; overflow-y: scroll !important;}

/*Buttons*/
.btn{
  font-weight:bold;
  text-transform: uppercase;
}

.btn--medium {
  padding: 5px 25px 0px 25px;
  border-radius: 3px;
  font-size: .89rem;
  height: 40px;
  line-height: 2em;
}

.btn--large {
  padding: 12px 25px 10px 25px;
  border-radius: 3px;
  font-size: .89rem;
  height: 45px;
  line-height: 1.6em;
}

.btn__icon svg{margin-bottom: 5px;}

.hr-z{
  position:relative;
  z-index:104;
}

/*List Styles*/
#arrow {
  margin: 0;
  padding: 0;
}

#arrow ul{
  list-style-type: none;
  padding-left: 15px;
}

#arrow li {
  display: grid;
  grid-template-columns: 20px auto;
}

#arrow li a {
  display: block;
  text-align: left;
  text-decoration: none;
}

#arrow li::before {
  content: "\25BA \0020";
  font-size: 15px;
  color: #F9D55D;
  padding-top: 5px;
}
#arrow li a:hover {}

#arrow .active {}

#check{
  margin: 0;
  padding: 0;
}

#check ul{
  list-style-type: none;
  padding-left: 10px;
}

#check li {
  display: grid;
  grid-template-columns: 20px auto;

}

#check li a {
  display: block;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

#check li:before {
  content: '';  /* placeholder for the SVG */
  left: 0;  /* place the SVG at the start of the padding */
  z-index: 3003 !important;
  width: 1em;
  height: 1em;
  background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='18' height='18' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>") no-repeat;
}


/*Footer*/
.footer__nav ul li a{ color:hsla(0,0%,100%,.8);}
/*Footer list - icons*/
.gg-pin {
  box-sizing: border-box;
  position: relative;
  display: inline;
  transform: rotate(45deg) scale(var(--ggs,1));
  width: 18px;
  height: 18px;
  border-radius: 100% 100% 0 100%;
  border: 2px solid;
  margin: 0px 10px 0 0;
  float:left;
  color: #F9D55D;
}
.gg-pin::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 8px;
  height: 8px;
  border: 2px solid;
  top: 3px;
  left: 3px;
  border-radius: 40px;
}

.gg-phone {
  box-sizing: border-box;
  position: relative;
  display: inline;
  width: 22px;
  height: 22px;
  transform: scale(var(--ggs,1));
  margin-right: 7px;
  float: left;
  color: #f9d55d;
}
.gg-phone::after,
.gg-phone::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute
}
.gg-phone::after {
  width: 18px;
  height: 18px;
  border-top-left-radius: 1px;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 12px;
  border-left: 4px solid;
  border-bottom: 4px solid;
  left: 2px;
  bottom: 2px;
  background:
    linear-gradient(
      to left,
      currentColor 10px,
      transparent 0
    ) no-repeat right 11px/6px 4px,
    linear-gradient(
      to left,
      currentColor 10px,
      transparent 0
    ) no-repeat -1px 0/4px 6px
}
.gg-phone::before {
  width: 20px;
  height: 20px;
  border: 6px double;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-radius: 50%;
  transform: rotate(-45deg);
  bottom: 2px;
  left: 2px
}

.gg-mail,
.gg-mail::after {
  display: block;
  box-sizing: border-box;
  height: 14px;
  border: 2px solid
}
.gg-mail {
  overflow: hidden;
  transform: scale(var(--ggs,1));
  position: relative;
  width: 18px;
  border-radius: 2px;
  float: left;
  display: inline;
  margin: 4px 12px 0 0;
  color: #f9d55d;
}
.gg-mail::after {
  content: "";
  position: absolute;
  border-radius: 3px;
  width: 14px;
  transform: rotate(-45deg);
  bottom: 3px;
  left: 0
}

.gg-share {
  box-sizing: border-box;
  position: relative;
  display: inline;
  transform: scale(var(--ggs,1));
  width: 6px;
  height: 6px;
  background: currentColor;
  border-radius: 100px;
  float:left;
  margin: 10px 18px 0 0;
  color: #f9d55d;
  box-shadow:
    10px -6px 0,
    10px 6px 0;
}
.gg-share::after,
.gg-share::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  border-radius: 3px;
  width: 10px;
  height: 2px;
  background: currentColor;
  left: 2px
}
.gg-share::before {
  top: 0;
  transform: rotate(-35deg)
}
.gg-share::after {
  bottom: 0;
  transform: rotate(35deg)
}

.gg-time {
  box-sizing: border-box;
  position: relative;
  display: inline;
  transform: scale(var(--ggs,1));
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px currentColor;
  margin-right: 10px;
  float: left;
  color: #f9d55d;
}
.gg-time::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 7px;
  height: 7px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  top: 1px;
  left: 5px
}

.gg-chevron-right {
  box-sizing: border-box;
  position: relative;
  display:inline;
  transform: scale(var(--ggs,1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;
  margin-right: 4px;
  float: left;
  color: #f9d55d;
}
.gg-chevron-right::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: rotate(-45deg);
  right: 6px;
  top: 4px
}

.gg-globe-alt,
.gg-globe-alt::after,
.gg-globe-alt::before {
    display: block;
    box-sizing: border-box;
    height: 18px;
    border: 2px solid
}
.gg-globe-alt {
    position: relative;
    transform: scale(var(--ggs,1));
    width: 18px;
    border-radius: 22px;
    float: left;
    color: #f9d55d;
    margin-right: 12px;
}
.gg-globe-alt::after,
.gg-globe-alt::before {
    content: "";
    position: absolute;
    width: 8px;
    border-radius: 100%;
    top: -2px;
    left: 3px
}
.gg-globe-alt::after {
    width: 24px;
    height: 20px;
    border: 2px solid transparent;
    border-bottom: 2px solid;
    top: -11px;
    left: -5px
}

.gg-file-document {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 14px;
    height: 16px;
    border: 2px solid transparent;
    border-right: 0;
    border-top: 0;
    box-shadow: 0 0 0 2px;
    border-radius: 1px;
    border-top-right-radius: 4px;
    overflow: hidden;
    float: left;
    color: #f9d55d;
    margin-right: 12px;
}
.gg-file-document::after,
.gg-file-document::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute
}
.gg-file-document::before {
    background: currentColor;
    box-shadow:
    0 4px 0,
    -6px -4px 0;
    left: 0;
    width: 10px;
    height: 2px;
    top: 8px
}
.gg-file-document::after {
    width: 6px;
    height: 6px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    right: -1px;
    top: -1px
}

/*Footer*/
.footer__section--main {padding: 50px 0 0 0 !important;border-top: 8px solid #F9D55B;}
.footer__section--bottom {padding: 0px 0px 40px 0 !important;}
.footer__section--main {padding-bottom:0px !important;}
.footer__icons{display:none; }
.footer__nav ul {
  line-height: 1.3em !important;
}
/****Global end****/


/*Menu's*/
.menu-horizontal ul{ }
.menu-horizontal li{ display:inline; float:left;}


/*Products List*/
.side-menu__list--level2.side-menu__list--child {margin-left: 12px !important; margin-bottom:0px !important;}

/*Sidebar*/

/* .side-menu: position: sticky; }*/

/*What We Do/Our Companies (Home)*/
.featshow__controls {display:none !important;}
.featshow__content {width: 85% !important;}
.featshow--dark .featshow__content {background: #26396863 !important;}
.featshow__content__wrapper {
  width: 850px !important;
  padding: 55px 25px !important;
}
.featshow__nav {padding: 24px 0 !important;}

.properties__item:not(:last-child) {
  margin-inline-end: 10px !important;
  padding-inline-end: 10px !important;
  border-inline-end: 0px solid !important;
}

.featshow__btn { 
  transform:none !important;
  border: solid 4px #fff !important;
  border-radius: 3px !important;
}
.featshow__btn--active { 
  transform: none !important;
  border: solid 4px #f9d55b !important;
  border-radius: 3px;
}


.btn1 {
  box-sizing: initial;
  background-image: url(https://21465387.fs1.hubspotusercontent-na1.net/hubfs/21465387/buttons/btn_jrg-insurance.jpg);
  width: 297px;
  height: 100px;
  background-size: contain;

}

.btn2 {
  box-sizing: initial;
  background-image: url(https://21465387.fs1.hubspotusercontent-na1.net/hubfs/21465387/buttons/btn_falls-lake.jpg);
  width: 297px;
  height: 100px;
  background-size: contain;

}

.btn3 {
  box-sizing: initial;
  background-image: url(https://21465387.fs1.hubspotusercontent-na1.net/hubfs/21465387/buttons/btn_jrg-reinsurance.jpg);
  width: 297px;
  height: 100px;
  background-size: contain;

}

.btn--medium.btn--outline:not(:hover) {
    padding: 5px 25px 0;
}

.form--btn-large .hs-button {padding: 0.51rem 1.36rem !important;}

/*Product (Home) */
#product-title {
  margin-bottom:-60px;
  padding-top:20px;
}

#product-title .hr{
  z-index:100;
  position:relative;
}

/*Form*/
#form_1652710292611 { /*home-contact*/
  z-index: 102;
  position: relative;
}
.hs-input {
  padding: 0.8rem;
  background-color: #fff;
  border: 1px solid #e3e6ec;
  border-radius: 3px;
  line-height: 1;
  box-shadow: 0px 0px 0px !important;
}
.hs-form-field{
  margin-bottom:10px;
}

textarea.hs-input{
  border-radius:3px;
}

.form--btn-large .hs-button {
  width: 100% !important;
  border-radius:3px !important;
}

/* Backgrounds*/
.parallax{background-attachment: fixed;}
.content_bucket-row-2-background-image{background-attachment: fixed;}
.content_bucket-row-6-background-image{background-attachment: fixed;}

/*Contact*/
.info-box {    
  min-height: 250px;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 16px 32px rgb(81 99 146 / 5%), 0 8px 16px rgb(81 99 146 / 5%);
  padding: 25px;
}

/************Tablet************/
/*Menu*/
@media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px) {
    .module--overlapping_header_buttons {
      display: none;}
}
/*Expand Menu*/
@media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px) {
    .wrap-collabsible { display:none;}
}
    
@media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px) {
    .lbl-toggle {
      margin-left: 0px;}
}

@media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px) {
    .collapsible-content .content-inner {
      font-size: 14px;}
}

@media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px) {
    #content-inner-block {
      padding-left: 20px;}
}

@media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px) {
    #content-inner-block .p1 {
      width: 150px;
      float: left;
      display: inline;}
}

@media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px) {
    .content-inner-vr {
      width: 10px;
      float: left;
      display: inline;
      text-align: center;}
}

@media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px) {
    #content-inner-block .p2 {
      width: 200px;
      float: left;
      display: inline;}
}

@media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px) {
    #content-inner-block .p3 {
      width: 140px;
      float: left;
      display: inline;}
}

@media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px) {
    #content-inner-block .p4 {
      width: 200px;
      float: left;
      display: inline;}
}


/***********Mobile***********/
@media (max-width:600px){
.header__logo__overlap {
  padding-top: 0px!important;
  width: 300px !important;}
}

@media (max-width:600px){
.header__logo__static {
    margin-top:0px!important;
    padding-top:0px!important;
    width: 300px!important;
}
  
  
@media (max-width:600px){
.header__logo__sticky {
  padding-top: 0px!important;
  margin-top:10px;
  width: 300px !important;}
}

@media (max-width:600px){
.header--sticky-active .header__section--main .header__center {
  padding-top: 20px!important;}
}

/*Expand Menu*/
@media (max-width:600px){
.wrap-collabsible { display:none;}
}

/*Contact*/
@media (max-width:600px){
.info-box {    
  min-height: 200px;
  font-size: 15px;}
}