/* --------------------------------------------------
GLOBAL STYLES
-------------------------------------------------- */
	html{
		scroll-padding-top: 100px;
	}
	body {
	  color: #000000;
	  padding:0px !important;
	  margin:0px !important;
	  font-family: 'Roboto', sans-serif;
	  font-size:16px;
	  line-height:140%;
	  background-color:#ffffff;
	}
	a{
		text-decoration:underline;
		color:#00AEEF;
	}
	a:hover{
		text-decoration:underline;
		color:#ff0000;
	}
	ul, ol{
		margin-bottom:0px;
	}
	.coverImage{
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.backgroundImage{
		background:url(https://isb-express.com/express-design/images/layout/background.jpg);
		background-position:top center;
		background-repeat:no-repeat;
	}
	.mainLogo{
		width:50%;
		max-width:210px;
	}
	


/* --------------------------------------------------
GENERIC
-------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) - No media query since this is the default in Bootstrap because it is "mobile first" */
.rowPadding{
	padding-top:40px;
	padding-bottom:40px;
}
.rowPaddingSmall{
	padding-top:40px;
	padding-bottom:40px;
}
.rowPaddingBottomSmall{
	padding-top:40px;
	padding-bottom:40px;
}
.rowPaddingTop{
	padding-top:40px;
}
.rowPaddingBottom{
	padding-bottom:40px;
}

.greenButton{
	font-weight:bold;
	color:#ffffff;
	background-color:#00A651;
	border-radius:50px;
	border:0px;
	text-decoration:none;
	display:inline-block;
	line-height:50px;
	padding:0px 80px;
	text-align:center;
}
.greenButton:hover{
	color:#ffffff;
	background-color:#00C659;
}
.googlestar{
	width:80%;
	max-width:320px;
}

.orderScreenRow{
	background-color:#EBF5ED;
	background:url(https://isb-express.com/express-design/images/layout/buildingbg2.jpg?12);
	background-position:top center;
	background-size:100% auto;
	background-repeat:no-repeat;
}
.orderScreen {
	padding-right:10px;
	padding-bottom:20px;
}
.orderScreen img{
	width:90%; max-width:550px;
	margin-top:-100px;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.rowPadding{
		padding-top:60px;
		padding-bottom:60px;
	}
	.rowPaddingBottomSmall{
		padding-top:30px;
		padding-bottom:30px;
	}
	.rowPaddingTop{
		padding-top:60px;
	}
	.rowPaddingBottom{
		padding-bottom:60px;
	}
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.orderScreen {
		padding-right:0px;
		padding-bottom:0px;
	}
	.orderScreen img{
		width:90%; max-width:550px;
		margin-top:0px;
	}
	.orderScreenRow{
		background-color:#EBF5ED;
		background:url(https://isb-express.com/express-design/images/layout/buildingbg.jpg?12);
		background-position:50% 50%;
		background-repeat:no-repeat;
	}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
	.orderScreen {
		padding-right:30px;
		padding-bottom:0px;
	}
	.orderScreen img{
		width:100%; max-width:550px;
		margin-top:-100px;
	}
}
/* Extra large devices (large desktops, 1400px and up) */
@media (min-width: 1400px) {  

}









/* --------------------------------------------------
MENU NAVBAR
-------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) - No media query since this is the default in Bootstrap because it is "mobile first" */

	.navbar{
		background-color:#133F67;
		padding-top:10px;
		padding-bottom:10px;
	}
	.navSpacer{
		margin-bottom:58px;
	}
	.navbar-nav{
		padding-top:10px;
	}
	.nav-item{
		border-top:1px solid #2b5376;
	}
	.nav-link{
		text-decoration:underline;
		color:#00AEEF;
	}
	.nav-link:hover{
		text-decoration:underline;
		color:#ffffff;
	}
	.greenButtonHeader{
		font-weight:bold;
		background-color:#00A651;
		border-radius:50px;
		border:0px;
		text-decoration:none;

		text-align:center;
		text-decoration:none !important;
		color:#ffffff !important;
		padding-left:20px !important;
		padding-right:20px !important;
		margin-left:10px;
		margin-top:10px;
	}
	.greenButtonHeader:hover{
		color:#ffffff;
		background-color:#00C659;
	}
	.navbar-toggler:focus,
	.navbar-toggler:active,
	.navbar-toggler-icon:focus {
		outline: none;
		box-shadow: none;
	}
	
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.navbar{
	}
	.navbar-nav{
		padding-top:0px;
	}
	.nav-item{
		border-top:0px solid #ffffff;
	}
	.greenButtonHeader{
		margin-top:0px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	/* show dropdown menu on hover */
	.dropdown:hover .dropdown-menu {
		display: block;
		margin-top: 0; /* remove the gap so it doesn't close */
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}
/* Extra large devices (large desktops, 1400px and up) */
@media (min-width: 1400px) {  

}



/* --------------------------------------------------
FOOTER
-------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) - No media query since this is the default in Bootstrap because it is "mobile first" */
.footer{
	background-color:#133F67;
	color:#00AEEF;
	margin-top: 60px;
}
.footerCol{
	border-left: 0px solid #ffffff;
	padding-left:10px;
	padding-top:20px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

	.footerCol{
		border-left: 1px solid #00AEEF;
		padding-left:30px;
		padding-top:0px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}
/* Extra large devices (large desktops, 1400px and up) */
@media (min-width: 1400px) {  

}




/* --------------------------------------------------
LAYOUT TEMPLATE
-------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) - No media query since this is the default in Bootstrap because it is "mobile first" */
	.testimonialBox{
		padding:30px;
		height:100% !important;
		text-align:center;
	}
	.googleContainer, .googleRow{
			height:100%;
	}
	.testimonialBoxOuter{
		margin-bottom:20px !important;
	}
	.testimonialBox .avatar{
		width:60%;
		max-width:120px;
		margin-bottom:10px;
	}
	.whiteShadowBox{
		background-color:#ffffff;
		border-radius:14px;
		box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
	}
	.carousel-control-prev-icon {
	 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300b1e2' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
	}

	.carousel-control-next-icon {
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300b1e2' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
	}
	
	.accordionDesign, .accordion-item{
		background-color:transparent;
		border:0px;
	}
	.accordionDesign button{
		padding:10px 0px;
		border:0px;
		border-top:1px solid #aaaaaa;
		border-radius:0px !important;
		background-color:transparent !important;
		font-size:inherit !important;
		color:#096bab;
		box-shadow: none !important;
	}
	.accordionDesign button span{
		text-decoration:underline;
		margin-left:30px;
	}
	.accordionDesign button:hover{
		color:#ff0000;
	}
	.accordionDesign button:selected{
		color:#096bab;
		z-index:0;
	}
	.accordionDesign button:focus {
		box-shadow: none !important;
		border-top:1px solid #aaaaaa;
		color:#096bab;
		z-index:0;
	}
	.accordionDesign button:after {
		order: -1;
		margin-left: 0; 
		margin-right:0.5em;
		position:absolute;
		top:11px;
		font-size: inherit !important;
		font-size: 110% !important;
		color:#096bab !important;
	}
		/* Custom style */
	.accordionDesign button::after {
		content: '[+]';
		background-image:none;
		transform: scale(.7) !important;
		white-space: nowrap !important;
		width:30px !important; height:30px !important;
	}
	.accordionDesign button:not(.collapsed)::after {
		content: '[–]';
		background-image:none;
		transform: scale(.7) !important;
		white-space: nowrap !important;
		width:30px !important; height:30px !important;
	}
	.accordionDesign .accordion-body{
		padding-top:0px !important;
		padding-left:0px !important;
		padding-right:0px !important;
	}
	.accordion-body{
		padding-bottom:10px;
	}
	
	.lightBlueBox{
		background-color:#E9F7FE;
		border-radius:14px;
		padding-left:20px;
		padding-right:20px;
	}
	.lightWhiteBox{
		background-color:#ffffff;
		border-radius:14px;
		padding-left:20px;
		padding-right:20px;
	}
	.threeIconBox{
		text-align:center;
		border-right:0px solid #BCDBEB;
		border-bottom:1px solid #BCDBEB;
		padding-top:20px;
		padding-bottom:20px;
	}
	
	.stepIcons{
		width:80%;
		max-width:200px;
		margin-bottom:10px;
	}
	
	.blueTable {
	  width: 100%;
	}
	.blueTable thead tr {
	  background-color: #133F67;
	  color: #ffffff;
	}
	.blueTable th, td {
	  padding: 12px 8px;
	  text-align: left;
	  border:0px;
	}
	.blueTable tbody tr:nth-child(even) {
	  background-color: #E7F6FD;
	}
	.blueTable tbody tr:nth-child(odd) {
	  background-color: #ffffff;
	}
	.blueTableIcon{
		width:55px;
	}
	.blueTableIcon img{
		width:100%;
	}
	.blueTable tr td:first-child, .blueTable tr th:first-child{
		border-radius:10px 0px 0px 10px;
	}
	.blueTable tr td:last-child, .blueTable tr th:last-child{
		border-radius:0px 10px 10px 0px;
	}
	.form-group{
		padding-bottom:10px;
	}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

	.blueTable th, td {
	  padding: 12px 12px;
	}
	.blueTableIcon{
		width:100px;
	}
	.threeIconBox{
		text-align:center;
		border-right:1px solid #BCDBEB;
		border-bottom:0px solid #BCDBEB;
	}
	.form-group{
		padding-bottom:20px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}
/* Extra large devices (large desktops, 1400px and up) */
@media (min-width: 1400px) {  

}









/* --------------------------------------------------
FONTS
-------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) - No media query since this is the default in Bootstrap because it is "mobile first" */

	.titleBig, .titleXBig{
		font-size:30px;
		line-height:100%;
		letter-spacing: -0.02em;
	}
	.titleMedium{
		font-size:21px;
		line-height:100%;
	}
	body{
		font-family: 'Roboto', sans-serif;
		font-size:16px;
		line-height:140%;
	}
	.fontBig{
		font-size:16px;
		line-height:140%;
	}
	.fontBlue{
		color:#0069AA;
	}
	.redStar{
		font-weight:bold;
		color:#ff0000;
	}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.titleXBig{
		font-size:46px;
		line-height:100%;
	}
	.titleBig{
		font-size:35px;
		line-height:100%;
	}
	.titleMedium{
		font-size:23px;
		line-height:100%;
	}
	body{
		font-size:16px;
		line-height:140%;
	}
	.fontBig{
		font-size:20px;
		line-height:140%;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}
/* Extra large devices (large desktops, 1400px and up) */
@media (min-width: 1400px) {  

}














/* --------------------------------------------------
BREAKPOINTS TEMPLATE
-------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) - No media query since this is the default in Bootstrap because it is "mobile first" */


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* MENU BREAK */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}
/* Extra large devices (large desktops, 1400px and up) */
@media (min-width: 1400px) {  

}