@charset "utf-8";
/* CSS Document */

body,
html {
	font-family: 'Open Sans', sans-serif !important;
	height: 100%;
	width: 100%;
}

/* Typography */
h1 {
	color: #030303;
	font-size: 36px;
	font-weight: 400;
	margin-top: 50px;
	font-family: tahoma;
    line-height: 44px;
}

h1 a {
	color: #030303;
	font-style: italic;
}

h1 a:hover {
	text-decoration: none;
}

h1 a span {
	font-weight: 700;
}
h2, h3, h4 {
    color: #030303;
}
hr.title-border {
	border-bottom: 8px solid #ff4d00;
	float: right;
	margin: 15px 0 20px;
	position: relative;
	width: 80%;
}

.wrapper {
	display: block;
	overflow-x: hidden;
}

/* Header */
header {
	position: relative;
}

/* Top Bar */
.top-bar {
	background: #d7bf5b;
    background: linear-gradient(90deg, #d7bf5b, #854b02 80%);
    background: #202234;
    background: linear-gradient(90deg, #202234, #373b4e 80%);

	width: 100%;
}

.ph,
.top-bar ul {
	float: right;
	margin-bottom: 0;
	padding: 10px 0;
}

.top-bar ul>li {
	float: left;
	font-size: .9em;
	list-style: outside none none;
	margin: 0 .4em 0 .5em;
	padding: 0;
}

li.phone-num-top {
	font-size: 16px !important;
	color: #030303;
	margin-right: 25px !important;
}

.phone-num-top {

	font-size: 23px;
	margin-right: 15px;
}

.phone-num-top>.fa-mobile-alt {
	font-size: 22px;
	margin-right: 5px;
}

.top-bar ul>li>a {
	color: #fff;
	font-size: 1.4em;
}

.top-bar ul>li>a:hover, .top-bar ul>li>a:focus,
.top-bar ul>li>a.active {
	color: #eaeaea;
	text-decoration: none;
}

.top-bar .container .fa-envelope {
	margin-right: 10px;
}

/* Main Carousel */

/* Navigation */

.navbar-default {
	background-color: transparent;
	border-color: transparent;
}

p.column-p {
	color: #808080;
}

.navbar-default .navbar-nav>li>a {
	color: #030303;
	transition: .2s;
	background: transparent;
    background-image: linear-gradient(90deg, #d7bf5b, #854b02);
	background-size: 0% 3px;
	background-repeat: no-repeat;
	background-position: center bottom;
	transition: background-size 300ms ease;
}
.nav>li>a {
	position: relative;
	display: block;
	padding: 6px 10px 3px;
	font-weight: 400;
	font-size: 21px;
}
.dropdown-menu {
    padding: 5px;
}
.dropdown-menu>li {
    margin: 5px 0;
}
.dropdown-menu>li>a {
	padding: 5px;
    color: #030303;
	transition: .2s;
	background: transparent;
    background-image: linear-gradient(90deg, #d7bf5b, #854b02);
	background-size: 0% 3px;
	background-repeat: no-repeat;
	background-position: left bottom;
	transition: background-size 300ms ease;
    display: table-cell;
}

.navbar-collapse>ul.navbar-nav>li {
	margin-right: 0px;
	margin-left: 0px;
	padding: 0;
}

.navbar {
	min-height: 1px;
}

.navbar .navbar-inner {
	padding: 0;
}

.navbar .nav {
	margin: 0;
	width: 100%;
}

.menu-top>li {
	display: inline-block;
	float: none;
}

.navbar-collapse>ul::after {
	content: '';
	display: inline-block;
	width: 100%;
}

.nav-top {}

.active-ins,
.navbar-nav>.active>a,
.navbar-nav>.active>a:hover,
.navbar-nav>.active>a:focus,
.navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
	color: #030303;
    background-color: transparent;
    background-size: 100% 3px;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
	color: #030303;
	text-decoration: none;
	background-color: transparent;
    background-size: 100% 3px;
}

.logo {
	margin-top: 20px;
	margin-bottom: 20px;
}

.banner-area .container {
	display: flex;
	align-items: center;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
	color: #030303;
	background-color: transparent;
    background-size: 100% 3px;
}

.navbar-collapse>ul.navbar-nav {
	text-align: justify;
	font-size: 0.1px;
}

.navbar {
	margin-bottom: 0px;
}

#main-banner {
	position: relative;
}

.inner-banner {
	position: relative;
}


.caption h2 {
	font-size: 60px;
	color: #fff;
	text-align: center;
	font-family: Tahoma;
	font-weight: 900;
}

.caption p {
	color: #fff;
	font-size: 22px;
	font-weight: 500;
}

.flexs {
	display: flex;
	justify-content: center;
	align-items: center;
}

.text-cen-banner {
	margin-top: 30px;
	color: #fff;
}

.input-banner {
	width: 195px !important;
	padding: 5px;
	margin-right: 20px;
}

#Type,
#ZipCode {
	color: #030303;
	border-radius: 5px;
	border: 1px solid #fff;
}

.flexs input,
.flexs button,
.flexs select,
.flexs textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 400;
}

#Type {
	-webkit-appearance: none;
	-moz-appearance: none;
}

.btn-quote {
	padding-left: 35px;
	padding-right: 35px;
	color: #030303;
	background-color: #d7bf5b;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.8), inset 1px 1px 2px #f1e378, inset -1px -1px 2px #854b02;
	font-size: 14px !important;
	border-radius: 25px;
	font-weight: 600 !important;
	padding-top: 4px;
	padding-bottom: 4px;
	transition: all 0.5s;
    border:none;
}

.btn-quote:hover,
.btn-quote:focus {
	color: #030303;
	background-color: #f1e378;
}

.lob-box {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 100%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	background: #202234;
    background: linear-gradient(90deg, #202234, #373b4e 80%);
}


.social-mid {
	height: 260px;
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	align-content: center;
	-webkit-align-content: center;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	list-style: none;
	width: 100%;
}

.social-mid li {
	position: relative;
}

.social-mid li a .fa {
	font-size: 42px;
	color: #fff;
	text-align: center;
}

.social-mid li a {
	padding: 73px 60px;
	border-radius: 100px;
	border: solid 1px #c9a342;
	background: #c9a342;
	border: solid 3px transparent;
}

.span-text {
	font-size: 20px;
	text-align: center;
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
	font-family: Tahoma;
	left: 0;
	line-height: 20px;
}


.circle {
	width: 190px;
	height: 190px;
	border-radius: 50%;
	box-sizing: border-box;
	text-align: center;
	display: inline-block;
	line-height: 100px;
	background-color: #d7bf5b;
    background: linear-gradient(135deg, #d7bf5b 30%, #854b02);
	position: relative;
	transition: all 0.5s;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.8), inset 1px 1px 2px #f1e378, inset -1px -1px 2px #b48327;
}

.circle:hover,
.circle:focus {
    box-shadow: 1px 1px 3px rgba(0,0,0,0.8), 2px 2px 3px rgba(0, 0, 0, 1) inset;;
}

.circle a {
	text-decoration: none;
	color: #030303;
	font-size: 30px;
}

.circle .fa {
	font-size: 42px;
	color: #383838;
	margin-top: 40px;
}

.inner-content {
	background: #fff;
    background: linear-gradient(0deg, #eaeaea, #fff);
	padding-bottom: 30px;
}

.inner-content p {
	color: #393939;
	font-family: tahoma;
	font-size: 16px;
}

.inner-content ul li {
	color: #393939;
	font-family: tahoma;
	font-size: 16px;
}

.senetence {
	font-size: 18px !important;
	font-weight: 400;
	margin-top: 30px;
	margin-bottom: 30px;
}

.connect-content {

background: #202234;
    background: linear-gradient(90deg, #202234, #373b4e 80%);
	padding-top: 50px;
	padding-bottom: 50px;
}

.center-align {
	text-align: center;
}


.center-align h2 {
	font-size: 45px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	font-family: tahoma;
}

.fa-comments::before {
	font-size: 70px;
	color: #f1e378;
}

.ph>.fa-comments::before {
	color: #fff;
	line-height: 20px;
	font-size: 17px;
	text-align: center;
	padding-right: 5px;
}

.content-cap {
	color: #fff;
	font-size: 25px;
}

.content-cap a {
	color: #fff;
        transition: all .2s;
}

.content-cap a:hover,
.content-cap a:focus {
	color: #f1e378;
	text-decoration: none;
	/*text-decoration-color: #c9a342;
	text-decoration-thickness: 2px;
	text-underline-position: under;*/
}

.social-bottom {
	margin: 3px 0px;
	clear: both;
	padding-left: 0px;
	padding-right: 0px;
}

.social-bottom ul {
	list-style: none;
	float: left;
	padding: 0px;
}

.social-bottom li {
	display: inline-block;
	float: none;
	margin: 0 10px;
}

.social-bottom [class*="fab fa-"] {
	background-color: #515151;
	border-radius: 35px;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	margin: auto 0px;
	margin-left: 0px;
	width: 35px;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
.social-bottom [class*="fab fa-facebook-f"] {
    background: #1877F2;
}
.social-bottom [class*="fab fa-instagram"] {
    background: #E1306C;
}
.social-bottom a:hover,
.social-bottom a:focus {
	opacity: .9;
}

.bottom-phone p,
.bottom-email p,
.social-bottom ul {
	margin-bottom: 0px;
}

.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
	margin-top: 15px;
}

.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}

.nbs-flexisel-inner {
	overflow: hidden;
	float: left;
	width: 100%;
	margin: 0;
	height: 120px;
}

.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: default;
	position: relative;
	line-height: 0px;
}

.nbs-flexisel-item img {
	cursor: default;
	position: relative;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	max-width: 100%;
}

.carrier h3 {
	font-size: 27px;
	font-family: tahoma;
	font-weight: 400;
	color: #030303;
	margin-top: 25px;
}

footer {
	background: #444e52;
}

.site-info {
	text-align: center;
	padding-bottom: 45px;
}

address,
address p {
	margin-bottom: 0px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

footer ul {
	margin: 0;
	padding: 0;
}

.foot-wrap {
	background-color: #202234;
    background: linear-gradient(0deg, #373b4e, #202234 50%);
	padding-top: 50px;
}

.footer-contact-info li {
	color: #666666;
	font-size: 18px;
}

.site-info li {
	text-align: center;
	float: none;
	font-size: 14px;
	display: inline-block;
	margin: 0 auto;
	margin-right: auto;
	margin-right: auto;
	color: #666666;
	margin-right: 3px;
}

.footer-contact-info li,
.site-info li {
	list-style-type: none;
	display: inline-block;
	padding-left: 3px;
}

.footer-contact-info ul li::before {
	content: "|";
	font-size: 14px;
	color: #fff;
	margin-right: 10px;
	font-weight: 900;
}

.site-infos ul li::before {
	content: "\00b7";
	font-size: 14px;
	color: #f1e378;
	margin-right: 10px;
	font-weight: 900;

}

.footer-contact-info li {
	color: #fff;
	font-size: 16px;
}

.footer-contact-info li a {
	transition: .2s;
	text-decoration-color: transparent;
}

.footer-contact-info ul li:first-child:before {
	content: none;
}

.footer-contact-info li a,
.footer-contact-info li {
	color: #fff;
	font-family: tahoma;
	font-size: 18px;
    margin-bottom: 10px;
}

.footer-contact-info li a:hover,
.footer-contact-info li a:focus,
.footer-contact-info li a.active {
	color: #fff;
    background-size: 100% 3px;
}
.footer-contact-info #agency-address li a:hover,
.footer-contact-info #agency-address li a:focus,
.footer-contact-info #foot-cpe1 li a:hover,
.footer-contact-info #foot-cpe1 li a:focus {
	color: #f1e378;
    background: transparent;
}

.img_container {
	position: relative;
}

.img_container img {}

.img_container .caption {
	color: white;
	text-shadow: 1px 1px 1px black;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	/* iOS */
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 1;
}

footer {
	font-family: tahoma
}
.footer-contact-info li a {
    color: #fff;
	transition: .2s;
    background-image: linear-gradient(90deg, #d7bf5b, #854b02);
	background-size: 0% 3px;
	background-repeat: no-repeat;
	background-position: center bottom;
	transition: background-size 300ms ease;
    padding: 5px;
}
.footer-contact-info li a.active {
	color: #fff;
	background-size: 100% 3px;
}

address {
	margin-bottom: 30px;
}

.ph {
	float: right;
	font-size: medium;
	font-size: 19px;
}

.top-ph-no {
	color: #fff;
	margin-right: 30px;
}

.ph>.fa-mobile-alt {
	color: #f1e378;
	line-height: 20px;
	font-size: 17px;
	text-align: center;
	padding-right: 5px;
}

.navbar-toggle span:nth-child(1) {
	top: 9px;
}

.navbar-toggle span:nth-child(2) {
	top: 15px;
}

.navbar-toggle span:nth-child(3) {
	opacity: 0;
	top: 15px;
}

.navbar-toggle span:nth-child(4) {
	top: 21px;
	transition: all 0.25s ease-in-out 0s;
	-webkit-transition: all 0.25s ease-in-out 0s;
}


.input-banner {
	width: 100% !important;
	padding: 5px;
	margin-right: 20px;
}

.navbar-toggle.nav-bg span:nth-child(1),
.navbar-toggle.nav-bg span:nth-child(4) {
	opacity: 0;
	top: 24px;
}

.navbar-toggle.nav-bg span:nth-child(2) {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition-delay: 0.25s;
	-webkit-transition-delay: 0.25s;
}

.navbar-toggle.nav-bg span:nth-child(3) {
	opacity: 1;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transition-delay: 0.25s;
	-webkit-transition-delay: 0.25s;
}

.navbar-toggle {
	background-color: transparent;
	border: 1px solid #c1aa77;
	cursor: pointer;
	float: right;
	height: 33px;
	overflow: hidden;
	width: 43px;
	z-index: 100;
}

.navbar-toggle span {
	background: #383838 none repeat scroll 0 0;
	display: block;
	height: 4px;
	left: 9px;
	position: absolute;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transition: all 0.25s ease-in-out 0s;
	-webkit-transition: all 0.25s ease-in-out 0s;
	width: 25px;
}


.bounce {
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}

.arrow {
	text-align: center;
	margin: 0 0;
}

.fa.fa-arrow-down.fa-2x {
background-color: #d7bf5b;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.8), inset 1px 1px 2px #f1e378, inset -1px -1px 2px #854b02;
    border-radius: 50%;
	padding: 5px;
	color: #030303;
	width: 50px;
	height: 50px;
	line-height: 46px;
	transition: all 0.5s;
	text-shadow: none;
}

.fa.fa-arrow-down.fa-2x:hover,
.fa.fa-arrow-down.fa-2x:focus {
	background-color: #f1e378;
}

.lob-section {
	background: #202234;
    background: linear-gradient(90deg, #202234, #373b4e 80%);
	padding: 30px 0;
	padding-top: 30px;
	padding-top: 50px;
}

.input-banner {
	width: 100%;
	padding: 5px;
}

.select-center-inner {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding: 5px;
	background: fff;
	border: 1px solid #fff;
	border-radius: 5px;
	color: #555 !important;
	margin-bottom: 10px;
}

.cen-text {
	text-align: center;
}

.text-cen-banner {
	margin-top: 0px;
	color: #fff;
	display: flex;
	justify-content: center;
}

.align-center {
	display: flex;
	justify-content: center;
}

.text-cen-banner h2 {
	font-size: 63px;
	color: #fff;
	font-weight: 600;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	margin-top: 0;
	margin-bottom: 10px;
}

.align-center input,
.align-center select {
	margin-top: 30px;
}

.align-center input,
.align-center select {
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
	color: #393939 !important;
}

.inside-quotes .btn-inner {
	width: 430px;
	margin-bottom: 40px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}

.align-center .btn {
	display: inline-block;
	padding: 4px 30px;
	margin-bottom: 0;
	font-size: 19px;
	border-radius: 25px;
	background-color: #d7bf5b;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.8), inset 1px 1px 2px #f1e378, inset -1px -1px 2px #854b02;
	color: #030303;
	margin-top: 20px;
	border: none;
	transition: all 0.5s;
}

.align-center .btn:hover,
.align-center .btn:focus {
	background: #f1e378;
	color: #030303;
}

.zip-content-inner iframe {
	height: 350px!important;
	border: none;
	width: 80%;
	text-align: center;
}

.zip-content-inner {
	text-align: center;
}

#cs-frame {
	width: 100%;
	height: 1600px;
	border: none;
}

.gmap {
	width: 95%;
	height: 230px;
	margin-top: 15px;
	border: none;
}

.carrier-page .col-md-6 {
	background: #fff;
	margin: 20px;
	box-shadow: 1px 1px 5px #666;
	width: 45%;
}

.clist .btn {
	background: #202234;
	color: #fff;
	transition: all 0.5s
}

#ContactJotFormIFrame {
	height: 360px;
	border: none;
	width: 100%;
}

.clist .btn:hover,
.clist .btn:focus {
	background: #373b4e;
	color: #fff;
}


.clist h2 {
	border-bottom: 1px solid #ccc;
	line-height: 45px;
}


.n-rpad {
	padding-right: 0px;
}

.n-lpad {
	padding-left: 0px;
}

.align {
	margin: 0 auto;
}

.blend {
	position: relative;
}


.inner-content p {
	margin-bottom: 30px;
}
.inner-content h1 {
    font-weight: 600;
}
.inner-content h2, .inner-content h3, .inner-content h4 {
    margin-top: 30px;
    margin-bottom: 10px;
    color: #030303;
    font-weight: 600;
}
.inner-content h2 {
	font-size: 28px;
    line-height: 36px;
}
.inner-content h3 {
	font-size: 22px;
    line-height: 30px;
}
.inner-content h4 {
	font-size: 18px;
    line-height: 24px;
}
.inner-content ul {
    margin: 30px 0;
    padding-left: 20px;
}
.inner-content ul li {
    margin-bottom: 10px;
}
.inner-content ul li::marker {
    color:#854b02;
}
.inner-content ul li strong {
    color: #030303;
}
.inner-content a {

}

.inner-content a:hover,
.inner-content a:focus {

}


body,
html {
	height: 100%;
	margin: 0;
	padding: 0;
}
.wrap, .img_container.index, .inner-banner .img_container img {
    height: calc( 90vh - 245px );
	width: 100%;
    min-height: 300px;
    object-fit:cover;
}
.fitted-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.img-width {
	width: 100%;
}

.fnt-family {
	font-family: "Font Awseome 5";
}

.fa-google-plus::before {
	content: "\f2b3";
	line-height: 25px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	color: #030303;
	background-color: transparent;
    background-size: 100% 3px;
}

.circle:hover i {
	transform: scale(1.2);
    transition: all .5s;
}


.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	color: #030303;
	background-color: transparent;
}

#JotFormIFrame {
	height: 310px !important;
}

.top-ph-no a {
	color: #fff !important;

}

.anc-jmp-fnt {
	color: #515151 !important;
}

.anc-jmp-fnt:hover {
	color: #515151 !important;
	text-decoration: underline;
	text-decoration-color: #c9a342;
	text-decoration-thickness: 2px;
	text-underline-position: under;
}

.clist p .pull-right a {
	color: #393939 !important;
}

#Type,
#ZipCode {
	color: #030303;
	border-radius: 5px;
	border: 1px solid #fff;
	background: #fff;
}

.dropdown.open .caret {
	border-top: none;
	border-bottom: 5px solid;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Ada compliance fixes beings */
.skip-to-content-link {
	background: #030303;
	/* change the bgcolor based on the template color*/
	color: #fff;
	height: 30px;
	right: 0%;
	padding: 7px;
	position: absolute;
	transform: translateY(-100%);
	transition: transform 0.4s;
	z-index: 10;
}

.skip-to-content-link:focus {
	transform: translateY(0%);
	color: #fff;
}

a:focus,
.dropdown-toggle:focus {
	outline: auto 2px Highlight;
	outline: auto 5px -webkit-focus-ring-color;
}

/* This will require, if "form-control" class not present on "quote box from fields" */

button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

/* Ada compliance fixes end */
.contact-bottom {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding-top: 30px;
}

.contact-bottom>div {
	flex-basis: 33.33%;
	display: flex;
	justify-content: center;
}

.banner-area {
	background: #fff;
}

.contact-form {
	width: 100%;
	border: 0;
}

.staff-div {
	margin-top:10px;
	margin-bottom:10px;
}

.staff-info h3 {
	margin-top: 10px;
}

.staff-info .staff-title {
	font-size: 20px;
	font-style: italic;
	font-weight: 500;
}
.body-img {
    width: 100%;
    max-width: 300px;
    margin: 20px 0px 20px 20px;
    border-radius: 8px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    border: 3px solid #d7bf5b;
    float: right;
}
.overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content:" ";
    background: #b48327;
    background: linear-gradient(45deg, rgba(215,191,91,.6), rgba(133,75,2,.8));
    pointer-events:none;
    mix-blend-mode: multiply;
}
.inner-content ul.index-list {
    background: #fff;
    border-radius: 8px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    margin: 30px 0;
    padding: 20px 40px;
    column-count:3;
}
.inner-content ul.index-list li {
    list-style-position: inside;   
}
.inner-content ul.index-list li a {
    color: #393939;
}
.inner-content ul.index-list li a:hover, .inner-content ul.index-list li a:focus {
    color: #393939;
    opacity: .8;
    text-decoration:none;
}