/* */

/* colors
red #ff6600
purple #6e27c5
navy #150f96
yellow #ffb617
aqua #01c1d6
green #7acb00
light red #f1352b
light purple #ff0198
light gray #afafaf
gray #4b3e53
black #000
white #fff
offwhite #fafafa
**
other colors:
weird light gray: #a9a7aa;
**
message colors:
alert red #ff160b
alert yellow #ccc50b
alert green #52ad1c
(bg is 20% opacity)
*/



/******
* 1. global 
* */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;}

/* font for text */	
@font-face {

	font-family: "Chubb Publico Web";
	src: url("fonts/Chubb Publico Text Web-Roman.eot");
	src: url("fonts/Chubb Publico Text Web-Roman.eot?#iefix") format("embedded-opentype"),
	url("fonts/Chubb Publico Text Web-Roman.woff2") format("woff2"),
	url("fonts/Chubb Publico Text Web-Roman.woff") format("woff"),
	url('fonts/ChubbPublicoApp-Roman.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal; }

/* font for headline */
@font-face {
	font-family: "Chubb Publico Web Light";
	src: url("fonts/Chubb Publico Web-Light.eot");
	src: url("fonts/Chubb Publico Web-Light.eot?#iefix") format("embedded-opentype"),
	url("fonts/Chubb Publico Web-Light.woff2") format("woff2"),
	url("fonts/Chubb Publico Web-Light.woff") format("woff"),
	url('fonts/ChubbPublicoApp-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;}
body, html { 
	font-size: 17px;
    line-height: 1.6;
	color: #4C4B4B;
	margin: 0;
	font-family: "Chubb Publico Web Light", "Georgia";
	background: #fff;
}

a {
	color: #18b4f2;
	outline: none;
}
#chubb-main-header {
	margin: 30px auto 0;
}

h1 {
	font-size: 60px;
	line-height: 60px;
}

h2 {
	font-size: 45px;
	line-height: 50px;
}

h3 {
    color: #000000;
	font-family: Chubb Publico Web Light;
	font-size: 21px;
	line-height: 32px;
}

h4 {
	font-size: 24px;
	line-height: 26px;
}

h5 {
	font-size: 15px;
	line-height: 20px;
}

h6 {
	font-size: 12px;
	line-height: 15px;
}

#mobile-logo {
	display: none;
}

p {  }

p.icon-column {
	padding: 0 0 0 30px;
}
	p.icon-column span.cb-icon {
		color: #645fae;
		float: left;
		margin-left: -22px;
		margin-top: 4px;
	}

.centered { text-align: center; }
.right-align { text-align: right; }
.lower-text {
    margin-left: 15px;
	display: inline-block;
}
/******
* 2. nav 
* */
.container {
	padding-left: 0;
}
.navbar-chubb {
	margin: 25px auto 0;
	max-width: 1200px;
	
}
	.navbar-chubb .navbar-toggle {
		background: #6e27c5;
		border-radius: 0;
	}
		
		.navbar-chubb .navbar-toggle .icon-bar {
			background: #fff;
		}

		/* fancy toggle */
		.navbar-toggle .icon-bar {
		  width: 22px;
		  transition: all 0.2s;
		}
		.navbar-toggle .top-bar {
		  transform: rotate(45deg);
		  transform-origin: 10% 10%;
		}
		.navbar-toggle .middle-bar {
		  opacity: 0;
		}
		.navbar-toggle .bottom-bar {
		  transform: rotate(-45deg);
		  transform-origin: 10% 90%;
		}
		.navbar-toggle.collapsed .top-bar {
		  transform: rotate(0);
		}
		.navbar-toggle.collapsed .middle-bar {
		  opacity: 1;
		}
		.navbar-toggle.collapsed .bottom-bar {
		  transform: rotate(0);
		}


	.navbar-chubb #navbar {
		border-bottom: 8px solid #000;	
		padding: 0;
	}

	.navbar-chubb .container {
		padding: 0;
	}

	.navbar-chubb ul {
		margin: 0 0 -8px;
		padding: 0;
	}
		
		.navbar-chubb ul li {  
			float: left;
			list-style-type: none;
		}

			.navbar-chubb ul li a {
				text-decoration: none;
				padding: 10px 35px 2px 15px;
				border-bottom-style: solid;
				border-bottom-width: 8px;
				font-family: Chubb Publico Web Light;
				font-size: 18px;
				margin: 0;
				color: #a9a7aa;
			}  

				.navbar-chubb ul li.cb-red a { border-color: #ff6600; }
				.navbar-chubb ul li.cb-purple a { border-color: #6e27c5; }
				.navbar-chubb ul li.cb-navy a { border-color: #150f96; }
				.navbar-chubb ul li.cb-yellow a { border-color: #ffb617; }
				.navbar-chubb ul li.cb-aqua a { border-color: #01c1d6; }
				.navbar-chubb ul li.cb-green a { border-color: #7acb00; }
				.navbar-chubb ul li.cb-light-red a { border-color: #f1352b; }
				.navbar-chubb ul li.cb-light-purple a { border-color: #ff0198; }
				.navbar-chubb ul li.cb-light-gray a { border-color: #afafaf; }
				.navbar-chubb ul li.cb-gray a { border-color: #4b3e53; }
				.navbar-chubb ul li.cb-black a { border-color: #000; }
				.navbar-chubb ul li.cb-white a { border-color: #fff; }
				.navbar-chubb ul li.cb-offwhite a { border-color: #fafafa; }



				.navbar-chubb ul li a:hover,
				.navbar-chubb ul li a.active, 
				.navbar-chubb ul li.open>a, .navbar-chubb ul li.open>a:focus, .navbar-chubb ul li.open>a:hover { color: #000; background: 0 none; }
					.navbar-chubb ul li.cb-red a:hover,
						.navbar-chubb ul li.cb-red a.active,
						.navbar-chubb ul li.cb-red.open>a,
						.navbar-chubb ul li.cb-red.open>a:focus,
						.navbar-chubb ul li.cb-red.open>a:hover { border-color: #ff6600;  }
					.navbar-chubb ul li.cb-purple a:hover,
						.navbar-chubb ul li.cb-purple a.active,
						.navbar-chubb ul li.cb-purple.open>a,
						.navbar-chubb ul li.cb-purple.open>a:focus,
						.navbar-chubb ul li.cb-purple.open>a:hover { border-color: #6e27c5;  }
					.navbar-chubb ul li.cb-navy a:hover,
						.navbar-chubb ul li.cb-navy a.active,
						.navbar-chubb ul li.cb-navy.open>a,
						.navbar-chubb ul li.cb-navy.open>a:focus,
						.navbar-chubb ul li.cb-navy.open>a:hover { border-color: #150f96;  }
					.navbar-chubb ul li.cb-yellow a:hover,
						.navbar-chubb ul li.cb-yellow a.active,
						.navbar-chubb ul li.cb-yellow.open>a,
						.navbar-chubb ul li.cb-yellow.open>a:focus,
						.navbar-chubb ul li.cb-yellow.open>a:hover { border-color: #ffb617;   }
					.navbar-chubb ul li.cb-aqua a:hover,
						.navbar-chubb ul li.cb-aqua a.active,
						.navbar-chubb ul li.cb-aqua.open>a,
						.navbar-chubb ul li.cb-aqua.open>a:focus,
						.navbar-chubb ul li.cb-aqua.open>a:hover { border-color: #01c1d6;  }
					.navbar-chubb ul li.cb-green a:hover,
						.navbar-chubb ul li.cb-green a.active,
						.navbar-chubb ul li.cb-green.open>a,
						.navbar-chubb ul li.cb-green.open>a:focus,
						.navbar-chubb ul li.cb-green.open>a:hover { border-color: #7acb00;  }
					.navbar-chubb ul li.cb-light-red a:hover,
						.navbar-chubb ul li.cb-light-red a.active,
						.navbar-chubb ul li.cb-light-red.open>a,
						.navbar-chubb ul li.cb-light-red.open>a:focus,
						.navbar-chubb ul li.cb-light-red.open>a:hover { border-color: #f1352b;  }
					.navbar-chubb ul li.cb-light-purple a:hover,
						.navbar-chubb ul li.cb-light-purple a.active,
						.navbar-chubb ul li.cb-light-purple.open>a,
						.navbar-chubb ul li.cb-light-purple.open>a:focus,
						.navbar-chubb ul li.cb-light-purple.open>a:hover { border-color: #ff0198;  }
					.navbar-chubb ul li.cb-light-gray a:hover,
						.navbar-chubb ul li.cb-light-gray a.active,
						.navbar-chubb ul li.cb-light-gray.open>a,
						.navbar-chubb ul li.cb-light-gray.open>a:focus,
						.navbar-chubb ul li.cb-light-gray.open>a:hover { border-color: #afafaf;  }
					.navbar-chubb ul li.cb-gray a:hover,
						.navbar-chubb ul li.cb-gray a.active,
						.navbar-chubb ul li.cb-gray.open>a,
						.navbar-chubb ul li.cb-gray.open>a:focus,
						.navbar-chubb ul li.cb-gray.open>a:hover { border-color: #4b3e53;  }
					.navbar-chubb ul li.cb-black a:hover,
						.navbar-chubb ul li.cb-black a.active,
						.navbar-chubb ul li.cb-black.open>a,
						.navbar-chubb ul li.cb-black.open>a:focus,
						.navbar-chubb ul li.cb-black.open>a:hover { border-color: #000;  }
					.navbar-chubb ul li.cb-white a:hover,
						.navbar-chubb ul li.cb-white a.active,
						.navbar-chubb ul li.cb-white.open>a,
						.navbar-chubb ul li.cb-white.open>a:focus,
						.navbar-chubb ul li.cb-white.open>a:hover { border-color: #fff; }
					.navbar-chubb ul li.cb-offwhite a:hover,
						.navbar-chubb ul li.cb-offwhite a.active,
						.navbar-chubb ul li.cb-offwhite.open>a,
						.navbar-chubb ul li.cb-offwhite.open>a:focus,
						.navbar-chubb ul li.cb-offwhite.open>a:hover { border-color: #fafafa; }

	/* nav drop down */
	.navbar-chubb > li > .dropdown-menu {  
		
	}
		.navbar-chubb ul li ul.dropdown-menu li {
			float: none;
		}

		.navbar-chubb ul li ul.dropdown-menu li.dropdown-header {
			padding: 5px;
			background: #a9a7aa;
			border-top: 1px solid #4b3e53;
			border-bottom: 1px solid #4b3e53;
			color: #4b3e53;
		}
		
			.navbar-chubb ul li ul.dropdown-menu li a {
				border-width: 1px;
				padding: 10px 10px 9px;
			}

			.navbar-chubb ul li ul.dropdown-menu {

			}

		.navbar-chubb ul li.cb-red ul.dropdown-menu { border-bottom: 8px solid #ff6600; }
		.navbar-chubb ul li.cb-purple ul.dropdown-menu { border-bottom: 8px solid #6e27c5; }
		.navbar-chubb ul li.cb-navy ul.dropdown-menu { border-bottom: 8px solid #150f96; }
		.navbar-chubb ul li.cb-yellow ul.dropdown-menu { border-bottom: 8px solid #ffb617; }
		.navbar-chubb ul li.cb-aqua ul.dropdown-menu { border-bottom: 8px solid #01c1d6; }
		.navbar-chubb ul li.cb-green ul.dropdown-menu { border-bottom: 8px solid #7acb00; }
		.navbar-chubb ul li.cb-light-red ul.dropdown-menu { border-bottom: 8px solid #f1352b; }
		.navbar-chubb ul li.cb-light-purple ul.dropdown-menu { border-bottom: 8px solid #ff0198; }
		.navbar-chubb ul li.cb-light-gray ul.dropdown-menu { border-bottom: 8px solid #afafaf; }
		.navbar-chubb ul li.cb-gray ul.dropdown-menu { border-bottom: 8px solid #4b3e53; }
		.navbar-chubb ul li.cb-black ul.dropdown-menu { border-bottom: 8px solid #000; }
		.navbar-chubb ul li.cb-white ul.dropdown-menu { border-bottom: 8px solid #fff; }
		.navbar-chubb ul li.cb-offwhite ul.dropdown-menu { border-bottom: 8px solid #fafafa; }
/* nav responsive */
	@media (max-width: 900px) {
		.navbar-chubb ul li a {
			padding: 10px 15px 2px;
		}
	}

	@media (max-width: 810px) {
		.navbar-chubb ul li a {
			font-size: 13px;
		}
	}

	@media (max-width: 767px) {

		#chubb-main-header {
			display: none;
		}

		#mobile-logo {
			display: block;
			margin: 10px 0 0 2%;
		}

		.navbar-chubb {
			margin-top: 5px;
		}

		.navbar-chubb .navbar-header.opened {
			height: 54px;
			width: 100%;
			position: fixed;
		}

		.navbar-chubb .container-fluid {

		}

		.navbar-chubb .navbar-toggle {
			position: absolute;
			top: 0;
			right: 0;
			z-index: 10;
		}

		.navbar-chubb .navbar-collapse.in {
			overflow-y: auto;
		    position: fixed;
		    width: 100%;
		    background: #fff;
		    z-index: 100000;
		    top: 54px;
		    height: auto;
		    left: 15px;
		    right: 15px;
		    bottom: 0;
		}

		.navbar-chubb ul li {
			float: none;
		}

		.navbar-chubb ul li a {
			display: block;
			text-align: center;
			padding: 40px 20px;
			font-size: 24px;
			transition: all 0.2s;
		}

			.navbar-chubb ul li.mobile-dropdown-open a {
				padding: 20px;
			} 

		.navbar-chubb .navbar-nav .open .dropdown-menu .dropdown-header, 
		.navbar-chubb .navbar-nav .open .dropdown-menu>li>a,
		.navbar-chubb ul li ul.dropdown-menu li a {
			font-size: 20px;
			padding: 20px;
			background: #fafafa;
			color: #4b3e53;
		}

		.navbar-chubb ul li ul.dropdown-menu li.dropdown-header {
			text-align: center;
		}

	}




/**
* 3. main body 
*/
#main-content {
	padding: 0;
	margin: 10px auto 0;
}

h1.main-title { 
   background-color: #afafaf;
   color: #fff;
	font-family: Chubb Publico Web Light;
    font-size: 20px;
    line-height: 0;
    margin: 0 0 15px;
    padding: 20px 15px;
    width: 80%;
}



	.cb-red h1.main-title { background-color: #ff6600; }
	.cb-purple h1.main-title { background-color: #6e27c5; }
	.cb-navy h1.main-title { background-color: #150f96; }
	.cb-yellow h1.main-title { background-color: #ffb617; }
	.cb-aqua h1.main-title { background-color: #01c1d6; }
	.cb-green h1.main-title { background-color: #7acb00; }
	.cb-light-red h1.main-title { background-color: #f1352b; }
	.cb-light-purple h1.main-title { background-color: #ff0198; }
	.cb-light-gray h1.main-title { background-color: #afafaf; color: #000; }
	.cb-gray h1.main-title { background-color: #4b3e53; }
	.cb-black h1.main-title { background-color: #000; }
	.cb-white h1.main-title { background-color: #fff; }
	.cb-offwhite h1.main-title { background-color: #fafafa; }

.business-top-row {
	min-height: 205px;
}

.business-top-row .acct-management {
    min-height: 70px;}
.management.auto-other .bordered-box {
    border-top: 4px solid #ff0198;
}
.management.auto-other .bordered-box-small {
    border-top: 4px solid #ff0198;
}
.management.auto-other .left-col .bordered-box {
    min-height: 349px;
}
.management.auto-other .left-col .bordered-box-small {
    min-height: 173px;
}
.management.mgmt-prof-liability .bordered-box {
    border-top: 4px solid #ff6600;}
.management.advantageNet .bordered-box {
    border-top: 4px solid #7acb00;}
.management.cyber-digitech .bordered-box {
    border-top: 4px solid #6e27c5;}
.management.workers-comp .bordered-box {
    border-top: 4px solid #ffb617;}
.bordered-box { 
	background: #fefefe;
	margin: 0 auto 15px;
	padding: 1% 6%;
	border: 1px solid #afafaf;
	min-height: 240px;
}
.bordered-box-small { 
	background: #fefefe;
	margin: 0 auto 15px;
	padding: 1% 6%;
	border: 1px solid #afafaf;
	min-height: 240px;
}
.right-col .bordered-box {
    /*margin-right: 7%;*/}
.left-col .bordered-box {
    /*margin-left: 7%;*/}
.new-biz .bordered-box {
    min-height: 475px;}
.new-biz .bordered-box.bottom {
    min-height: 225px;}


.new-biz .left-col > .bordered-box:first-child{
    min-height: 475px;
}

.contact-us .bordered-box {
    min-height: 204px;}

.contact-us .bordered-box.bottom {
    min-height: 256px;}
.acct-managemnt .bordered-box {
    min-height: 140px;}
.acct-managemnt .bordered-box.bottom {
    min-height: 368px;}
	
.acct-managemnt .advantageNet.bordered-box.bottom {
    min-height: 220px;}	
	
.acct-managemnt .workers-comp.bordered-box.bottom {
    min-height: 327px;}	
	
.acct-managemnt .cyber-digitech.bordered-box.bottom {
    min-height: 342px;}		

.bop-content .right-col .bordered-box{
    min-height: 257px;
}
.bop-content .right-col .bordered-box.bottom{
    min-height: 260px;
}
.bop-content .right-col .bordered-box-long{
    min-height: 368px;
}
	
.bop-content .left-col .bordered-box{
    min-height: 776px;
}
.bop-content .left-col .bordered-box-height-two-block{
    min-height: 613px;
}
.bop-content .left-col .bordered-box-auto-height{
    min-height: 0;
}
.bop-content .left-col .bordered-box-long-2{
    min-height: 390px;
}

.cyber-digitech .right-col .bordered-box{
    min-height: 177px;
}
.cyber-digitech .right-col .bordered-box.bottom{
    min-height: 177px;
}
.cyber-digitech .left-col .bordered-box{
    min-height: 0px;
}
.cyber-digitech .left-col .bordered-box-long-1{
    min-height: 100px;
}

.workers-comp .right-col .bordered-box{
    min-height: 260px;
}
.workers-comp .right-col .bordered-box.bottom{
    min-height: 260px;
}
.workers-comp .right-col .bordered-box-long{
    min-height: 351px;
}
.workers-comp .left-col .bordered-box{
    min-height: 904px;
}
.workers-comp .left-col .bordered-box-height-two-block{
    min-height: 350px;
}
.workers-comp .left-col .bordered-box-auto-height{
    min-height: 0;
}
.workers-comp .left-col .bordered-box-long-3{
    min-height: 170px;
}


.auto-other .left-col .bordered-box{
    min-height: 924px;
}
.bordered-box.no-min-height{
	min-height: 0;
}

.products .bordered-box{
    min-height: 235px;
}
.prempquotes .bordered-box{
    min-height: 190px
}
.mgmt-prof-liability .bordered-box{
    min-height: 228px;
}
.mgmt-prof-liability .bordered-box.bottom{
    min-height: 175px;
}


.contact-us .bop-content .left-col .bordered-box, .contact-us .cyber-digitech .left-col .bordered-box{
    min-height: 175px;
}
.contact-us .bop-content .left-col .bordered-box-last{
    min-height: 180px;
}
.contact-us .right-col .bordered-box.bottom, .contact-us .cyber-digitech .right-col .bordered-box.bottom{
    min-height: 433px;
}
.contact-us .bop-content .right-col .bordered-box.bottom{
    min-height: 371px;
}
.contact-us .workers-comp  .bordered-box, .contact-us .auto-other .bordered-box, .contact-us .mgmt-prof-liability .bordered-box{
    min-height: 165px;
}
.contact-us .workers-comp .right-col .bordered-box, .contact-us .right-col .bordered-box, .contact-us .right-col .bordered-box{
    min-height: 384px;
}
.contact-us .auto-other.bordered-box.bottom {
    min-height: 377px;
}
.contact-us .mgmt-prof-liability .right-col .bordered-box{
    min-height: 346px;
}
.contact-us .advantageNet .bordered-box{
     min-height: 165px;
}
.contact-us .advantageNet .right-col .bordered-box{
    min-height: 602px;
}


.cb-red .bordered-box { border-top: 4px solid #ff6600; }
.cb-purple .bordered-box { border-top: 4px solid #6e27c5; }
.cb-navy .bordered-box { border-top: 4px solid #150f96; }
.cb-yellow .bordered-box { border-top: 4px solid #ffb617; }
.cb-aqua .bordered-box { border-top: 4px solid #01c1d6; }
.cb-green .bordered-box { border-top: 4px solid #7acb00; }
.cb-light-red .bordered-box { border-top: 4px solid #f1352b; }
.cb-light-purple .bordered-box { border-top: 4px solid #ff0198; }
.cb-light-gray .bordered-box { border-top: 4px solid #afafaf; }
.cb-gray .bordered-box { border-top: 4px solid #4b3e53; }
.cb-black .bordered-box { border-top: 4px solid #000; }
.cb-white .bordered-box { border-top: 4px solid #fff; }
.cb-offwhite .bordered-box { border-top: 4px solid #fafafa; }

.bordered-box h3 {
    margin-top: 0;
}

/**
 * 4. slider?
 */
.slider-container {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 0 10px; 
}
/*temp to hide bullet since they only have one image */
.carousel-indicators li {
    display: none;}

/**
 * 5. Buttons and Forms
 */
.button-row {
	margin: 5px 0;
}
.button-box {
    margin: 20px 0 0;}
.large-button {
	background-color: #fff;
	border: 1px solid #00b8ff;
    color: #00b8ff;
    display: inline-block;
    min-width: 192px;
	font-size: 18px;
    padding: 6px 11px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;}

.marketplace-link{
    width: 95%;
}
.bordered-box > p {
    margin-bottom: 15px;}
.bordered-box h3 {
    margin: 12px 0 18px;}


.large-button:hover {
	text-decoration: none;
	background: #01c1d6;
	border: 1px solid #01c1d6;
    color: #ffffff;
}
.reference-text{
    font-size: 15px;
}
p.last {
    margin-top: 15px;
}

/*.cb-purple .large-button:hover {
    background: #6e27c5;
    border: 1px solid #6e27c5;
    color: #ffffff;}
.cb-aqua .large-button:hover {
    background: #01c1d6;
	border: 1px solid #01c1d6;
    color: #ffffff;}	
.cb-yellow .large-button:hover {
    background: #ffb617;
    border: 1px solid #ffb617;
    color: #323232;}  */
	
.cb-aqua .bordered-box p.icon-column span.cb-icon {
    color: #01c1d6;
    margin: 5px 0 0 -27px;}

.row.management.active {
    display: block;}
.row.management {
    display: none;}
.account-management-selector {
    cursor: pointer;
    font-family: Chubb Publico Web Light;
    font-size: 20px;
    height: 50px;}

	
/* select-with-arrow */

.select-with-arrow {
    width: 100%;
    overflow: hidden;
    border: 1px solid #01c1d6;
    position: relative;
    background: 0 none;
    z-index: 25;
}
.contact-us .select-with-arrow{
    border: 1px solid #150f96;
}

.select-with-arrow::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #000 transparent;
    pointer-events: none;
    z-index: 24;
}

.select-with-arrow select {
    width: 120%;
    border: 0 none;
    left: 0;
    top: 0;
    outline: none;
}

/* select-with-arrow form usage
<div class="select-with-arrow">
	<select id="select-key-type">
		<option value="InsuredNumber">Insured Number</option>
		<option value="AccountGroupNumber">Account Group Number</option>
		<option value="EmailAddress">Email Address</option>
	</select> 
</div>
*/


/* bootstrap overrides */
.form-control, .input-group-addon {  
	border: 1px solid #000;
	border-radius: 0;
}

button, html input[type=button], input[type=reset], input[type=submit] {
	background: #fff;
	border: 1px solid #000;
	border-radius: 0;
}

input[type=text], input[type=text].form-control {  }

.btn {
	border-radius: 0;
	padding: 8px 11px;
	transition: all 0.3s;
}

.btn-default {
	border-color: #000;
}

.btn-danger, .btn-danger:active, .btn-danger.active, 
.btn-danger:focus, .btn-danger.focus {
	background: #ff160b;
	border-color: #ff160b;
}
	.btn-danger:hover {
		background: rgba(255,22,11,.7);
		border-color: #ff160b;
	}

.btn-warning {
	border-color: #ccc50b;
	background: #fff;
	color: #000;
}
	.btn-warning:active, .btn-warning.active, 
	.btn-warning:focus, .btn-warning.focus,
	.btn-warning:active:focus, .btn-warning.active:focus,
	.btn-warning:active.focus, .btn-warning.active.focus  {
		background: #ccc50b;
		border-color: #ccc50b;
	}
	.btn-warning:hover {
		background: rgba(204, 197, 11, .7);
		border-color: #ccc50b;
	}

.btn-success, .btn-success:active, .btn-success.active, 
.btn-success:focus, .btn-success.focus {
	background: #52ad1c;
	border-color: #52ad1c;
}
	.btn-success:hover {
		background: rgba(87, 173, 28, .7);
		border-color: #52ad1c;
	}

/*
alert red #ff160b / 255, 22,11
alert yellow #ccc50b / 204, 197, 11
alert green #52ad1c / 87, 173, 28
*/

.input-group.input-with-button .btn {  
	padding: 6px 12px;
}

/* modal */
.modal.modal-wide .modal-dialog {
  width: 90%;
}
.modal-wide .modal-body {
  overflow-y: auto;
}

#service-request-modal .control-label {
	font-size: 14px;
}

#service-request-modal .container { 
	width: 100%;
	padding: 0;
}

textarea#service-comments {
	width: 90%;
	height: 100px;
}
.fa.fa-chevron-right {
    padding-left: 8px;}
.intro span {
    color: #555555;
    font-weight: 600;
}
a:hover, a:focus {
    color: #18b4f2;
    text-decoration: underline;
}
strong {
    color: #000000;
	font-size: 18px;
    font-weight: normal;}
	
#chubb-logo img {
    margin-right: 45px;
    margin-top: -6px;
    width: 150px;}
#chubb-logo > span {
    color: #000;
    font-size: 21px;}

.impmsg {
    background: #F4F4F4;
    margin: 0 0 20px;
    padding: 20px;}
.impmsg .list-head {
    border-bottom: 2px solid #f70592;
    margin: 0 0 10px;
    padding: 0 0 15px;
    width: 99%;
}
.impmsg h1.list-head {
    color: #555555;
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 15px;
    vertical-align: top;
}
.impmsg .date {
    float: left;
    font-weight: bold;
    width: 11%;
}
.impmsg .message-list {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.impmsg .message {
    color: #555;
    font-size: 16px;
    margin-bottom: 0;
}
.indented-phone{
    margin-left: 60px;
}
.indented-more-phone{
    margin-left: 94px;
}


/* RESPONSIVE STARTS */
/**
* 10. footer 
*/
#footer{
	background-color: #4c4e53;
    color: #fff;
	position: relative;
	margin-top: 30px}
#footer-content{
	margin: 0 auto;
    padding: 1% 0 1% 4.5%;
    width: 100%;}
.footer-header {
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 0;}
#footer-content p {
    color: #afafaf;
    display: inline-block;
    padding-right: 10px;}
#footer-content a {
    color: #afafaf;
    display: inline-block;
    padding-right: 10px;}


@media (max-width: 767px) {

	#main-content {
		margin: 1% 2%;
		padding: 0;}
	h1.main-title {
		width: 100%;}
	.business-top-row {
		margin: 10px 0;
		min-height: 0;
		padding: 0 3%;}
	.bordered-box, .new-biz .bordered-box,
	.contact-us .bordered-box, .acct-managemnt .bordered-box, 
	.contact-us .bordered-box.bottom, .new-biz .bordered-box.bottom {
		min-height: 0;}
	.large-button {
	min-width: 100%;}
    
	#footer {
		padding: 14px 0 20px 0; }
	#footer-content a {
		display: block;
		padding-bottom: 12px;
	}
	#footer-links {
		margin-left: -14px; }
	#footer-links p {
		margin-left: 26px; }
	.footer-link {
		border-left: 1px #898989 solid;
		margin-left: 12px;
		margin-top: 10px;
		padding-left: 12px; }
	.social-links {
		margin-top: 18px; }
	.social-links .social-twitter {
		margin-left: 13px; } 

	.left-col .bordered-box, .right-col .bordered-box {
		margin: 3%;}
	.row {
	  margin-right: 0;
	  padding-right: 0;}
	.col-md-6.right-col, .col-md-6.left-col, .row .col-md-6 {
	  padding-right: 0;}
	 .navbar-header {
		margin: 1%;
		padding: 0 0 0 3%;}
	#mobile-logo > span {
		color: #121212;
		display: block;
		font-size: 19px;
		line-height: 22px;
		padding-top: 10px;
		width: 286px;
		word-wrap: break-word;}	
	#mobile-logo > img {
		width: 169px;}	
	#mobile-logo:hover {
		text-decoration: none;}
	.impmsg {
		margin: 3%;}
}

@media (min-width: 768px) {

	#footer-links {
		display: inline;
		float: left; }

	.social-links {
		display: inline;
		float: right; } 
	.business-top-row {
		min-height: 0;
		margin-bottom: 20px;
	}
}

@media (max-width: 810px) {

	.business-top-row {
		min-height: 0;
	}

}

/*homepage left column */
@media (max-width: 1199px){
    .new-biz .left-col > .bordered-box:first-child{
        min-height: 683px;
    }
    .products .bordered-box{
        min-height: 259px;
    }
    .bop-content .left-col .bordered-box{
        min-height: 782px;
    }
    .workers-comp .left-col .bordered-box{
        min-height: 901px;
    }
    .auto-other .left-col .bordered-box{
        min-height: 101px;
    }
    .cyber-digitech .left-col .bordered-box{
        min-height: 0px;
    }
    .mgmt-prof-liability .bordered-box{
        min-height: 190px;
    }
    .contact-us .bop-content .right-col .bordered-box.bottom, .contact-us .cyber-digitech .right-col .bordered-box.bottom{
        min-height: 621px;
    }
    .contact-us .workers-comp .bordered-box, .contact-us .auto-other .bordered-box, .contact-us .mgmt-prof-liability .bordered-box{
        min-height: 165px;
    }
    .contact-us .workers-comp .right-col .bordered-box, .contact-us .auto-other .right-col .bordered-box, .contact-us .mgmt-prof-liability .right-col .bordered-box{
        min-height: 525px;
    }
    .contact-us .advantageNet .bordered-box{
         min-height: 165px;
    }
    .contact-us .advantageNet .right-col .bordered-box{
        min-height: 601px;
    }
}



@media (max-width: 992px){
    .new-biz .left-col > .bordered-box:first-child{
        min-height: 480px;
    }  
    
    .bop-content .left-col .bordered-box{
        min-height: 275px;
    }
    .workers-comp .left-col .bordered-box{
        min-height: 255px;
    }
    .auto-other .left-col .bordered-box{
        min-height: 255px;
    }
    .cyber-digitech .left-col .bordered-box{
        min-height: 0px;
    }
    .mgmt-prof-liability .bordered-box{
        min-height: 170px;
    }
    .mgmt-prof-liability .bordered-box.bottom{
        min-height: 170px;
    }
    .contact-us .bop-content .right-col .bordered-box.bottom, .contact-us .cyber-digitech .right-col .bordered-box.bottom{
        min-height: 550px;
    }
    .contact-us .workers-comp  .bordered-box, .contact-us .auto-other .bordered-box, .contact-us .mgmt-prof-liability .bordered-box{
        min-height: 165px;
    }
    .contact-us .workers-comp .right-col .bordered-box, .contact-us .auto-other .right-col .bordered-box,.contact-us .mgmt-prof-liability .right-col .bordered-box{
        min-height: 225px;
    }
    .contact-us .advantageNet .bordered-box{
         min-height: 185px;
    }
    .contact-us .advantageNet .right-col .bordered-box{
        min-height: 234px;
    }
    .prempquotes .bordered-box{
        min-height: 160px;
    }
    
}




/* bootstrap override */
@media (min-width: 992px){
	.business-top-row {
		min-height: 152px;
	}
   
}


/*
* 11. Utilities
 */

body.lockScroll {
	height: 100%;
	overflow: hidden;
}

/* Home Page Carousel*/
.new-biz .carousel-indicators li{
    display: inline-block;
    border-color: black;
    border: 0px;
    background: rgba(255,255,255,.75);;
    height: 14px;
    width: 14px;
        
}
.new-biz .carousel-indicators li.active{
    background: #0b5b8f;
    border: 4px solid #f3efe6;
    margin-bottom: 1px;    
}


.new-biz .carousel-indicators{
    bottom: 5px;
    text-align: left;
    margin-left: -48%;
    margin-bottom: -0.5%;
}
.new-biz .carousel-caption{
    text-align: left;
    bottom: 0px;
    background-color: #6e27c5;
    color: white;
    padding: 5px 20px;
    right: 0%;
    left: 20%;
    line-height: 1.3em;
    
}
.new-biz .carousel-caption a{
    color: white;
}

/* ACCOUNT MANAGEMENT CHANGES including BEFORE AND AFTER*/

.before-after{
    padding: 5px 0px;
    font-size: 20px
}
.call-out-text{
    text-decoration: underline;
    font-weight: 700;
}