/* *************************************************** */
 
/* BVS Performance Solutions - Common Styles
/* V1 - May 01, 2020

/* *************************************************** */  
	  
.osx .nobreaks br, 
.osx .introduction p br,
.osx .why-clickbranch p br, 
.mobile .nobreaks br {
	display: none;
 }   
 
 @media (max-width: 1400px) {
	
	.nobreaks br, 
	#intro p br,
	#intro h1 br,
	.why-clickbranch p br {
		display: none !important;
 	}   
	
}

h1 { font-size: 40px; }
h2 { font-size: 35px; }

.osx h1, .mobile h1 { font-size: 35px; }
.osx h2, .mobile h2 { font-size: 32px; }

.osx p.larger, .mobile p.larger { font-size: 22px; }
 
/* General */
/* *************************************************** */                                       

.hide { display: none !important; }

.rounded-corner img { border-radius: 15px !important; padding: 0; }

.rounded-corner .border {
	border: 3px solid #1b6591;
}

.padding-top-25 { padding-top: 250px !important; }
.padding-bottom-25 { padding-bottom: 250px !important; }
.padding-25 { padding: 250px !important; }

.padding-top-30 { padding-top: 300px !important; }
.padding-bottom-30 { padding-bottom: 300px !important; }
.padding-30 { padding: 300px !important; }

.testborder { border: 1px solid #900; }


/* Large Header Images */
/* *************************************************** */ 

#main-content {
	margin-top: 80px;
}

.image-holder {
	height: 425px; 
	position: relative;
}

.image-holder-short {
	height: 225px; 
	position: relative;
}


/* Fonts & Typography */
/* *************************************************** */ 

body, html {
	background-color: #fff !important;
}

.slides {
	font-family: "Calibri", Helvetica, sans-serif;
}

p {
	opacity: 1 !important;
	font-weight: 400;
}

h1, .uppercase, h2, h3 { 
	letter-spacing: 0px !important; 
} 


/* Media Queries */
/* ******************* */

.justify {
  text-align: justify !important;
  text-justify: inter-word !important;
}

@media (max-width: 1023px) {
	
	.justify {
	  text-align: left !important;
	  text-justify: inter-word !important;
	}
	
}


/* Links */
/* *************************************************** */ 

a:hover {
	border-bottom: 1px solid #1C3D59;
	-webkit-transform: none !important;
		  transform: none !important;
		  opacity: 1 !important;
}

.sidebar a:hover {
	border-bottom: 1px solid #fff;
	-webkit-transform: none !important;
		  transform: none !important;
		  opacity: 1 !important;
}
.sidebar .social a:hover {
	border-bottom: 0px !important;
}

.logo a {
	outline: none !important;
}

.logo a:hover {
	border-bottom: none !important;
	outline: none !important;
}

.panel.top a:not(.signin) {
	border-bottom: 2px solid #fff;
}

.panel.top a:not(.signin):hover {
	border-bottom: 2px solid #1C3D59;
}

.dotted {
	border-bottom: 1px dotted #1C3D59;
}

.whitedotted {
	border-bottom: 1px dotted #fff;
} 

.whitedotted:hover {
	border-bottom: 1px solid #fff;
} 

.video-thumb {
	width: 375px !important;
	height: auto;
}

/* Media Queries */
/* ******************* */

@media (max-width: 1023px) {
	
	.video-link {
		font-size: 14px !important;
	}
	
	.video-link .topic-arrow {
		width: 18px;
	}
	
}


/* Buttons */
/* *************************************************** */ 

.button, .button:active {
  -webkit-transform: none !important;
		  transform: none !important;
		  border: none !important;
}


/* Colors */
/* *************************************************** */ 

/* BVS Corporate Blue */
.bvs-blue { background: #224E92 !important; color: #fff !important; }
.bvs-blue svg { fill: #fff !important; }
.text-bvs-blue { color: #224E92 !important; }
.text-bvs-blue.button svg { fill: #224E92 !important; }
.stroke.button.bvs-blue { color: #224E92 !important; border-color: #224E92 !important; }
.stroke.button.bvs-blue svg { fill: #224E92 !important; }

/* BVS Corporate Orange */
.bvs-orange { background: #F48F3D !important; color: #fff !important; }
.bvs-orange svg { fill: #fff !important; }
.text-bvs-orange { color: #F48F3D !important; }
.text-bvs-orange.button svg { fill: #F48F3D !important; }
.stroke.button.bvs-orange { color: #F48F3D !important; border-color: #F48F3D !important; }
.stroke.button.bvs-orange svg { fill: #F48F3D !important; }

/* BVS ClickBranch Green */
.bvs-cb-green { background: #74bd43 !important; color: #fff !important; }
.bvs-cb-green svg { fill: #fff !important; }
.text-bvs-cb-green { color: #74bd43 !important; }
.text-bvs-cb-green.button svg { fill: #74bd43 !important; }
.stroke.button.bvs-cb-green { color: #74bd43 !important; border-color: #F48F3D !important; }
.stroke.button.bvs-cb-green svg { fill: #74bd43 !important; }


/* New Colors */
/* *************************************************** */

/* BVS 2022 Blue */

.bvs-2022blue {
	background: #1b6591 !important;
	color: #fff !important;
	border: 2px solid #1b6591;
	padding: 3px 15px !important;
}

	.bvs-2022blue svg {
		fill: #fff !important;
	}

.text-bvs-2022blue {
	color: #1b6591 !important;
	opacity: 1 !important;
}

	.text-bvs-2022blue.button svg {
		fill: #1b6591 !important;
	}

.stroke.button.bvs-2022blue {
	color: #1b6591 !important;
	border-color: #1b6591 !important;
}

	.stroke.button.bvs-2022blue svg {
		fill: #1b6591 !important;
	}

.button.bvs-2022blue {
	box-shadow: none;
}

	.button.bvs-2022blue:hover {
		background: #1C3D59 !important;
		box-shadow: none;
		-webkit-transform: none !important;
		transform: none !important;
		border: 2px solid #1C3D59;
	}

	.button.bvs-2022blue:active {
		-webkit-transform: none !important;
		transform: none !important;
	}


/* BVS Turquoise */
.bvs-turquoise { background: #047D71 !important; color: #fff !important; }
.bvs-turquoise svg { fill: #fff !important; }
.text-bvs-turquoise { color: #047D71 !important; opacity: 1 !important;}
.text-bvs-turquoise.button svg { fill: #047D71 !important; }
.stroke.button.bvs-turquoise { color: #047D71 !important; border-color: #047D71 !important; }
.stroke.button.bvs-turquoise svg { fill: #047D71 !important; }

.button.bvs-turquoise { box-shadow: none;}
.button.bvs-turquoise:hover { background: #1C3D59 !important;  box-shadow: none; -webkit-transform: none !important; transform: none !important;}
.button.bvs-turquoise:active { -webkit-transform: none !important; transform: none !important; padding: 4px 0;}

.white-signin { background: #fff !important; color: #048B7D !important; }


/* Unused for now */
/* *************************************************** */ 

/* BVS Warm 01 */
.bvs-warm-01 { background: #94231c !important; color: #fff !important; }
.bvs-warm-01 svg { fill: #fff !important; }
.text-bvs-warm-01 { color: #94231c !important; opacity: 1 !important;}
.text-bvs-warm-01.button svg { fill: #94231c !important; }
.stroke.button.bvs-warm-01 { color: #94231c !important; border-color: #94231c !important; }
.stroke.button.bvs-warm-01 svg { fill: #94231c !important; }

.button.bvs-warm-01 { box-shadow: none;}
.button.bvs-warm-01:hover { background: #1C3D59 !important;  box-shadow: none; -webkit-transform: none !important; transform: none !important;}
.button.bvs-warm-01:active { -webkit-transform: none !important; transform: none !important;}


/* BVS Warm 02 */
.bvs-warm-02 { background: #A63F48 !important; color: #fff !important; }
.bvs-warm-02 svg { fill: #fff !important; }
.text-bvs-warm-02 { color: #A63F48 !important; opacity: 1 !important;}
.text-bvs-warm-02.button svg { fill: #A63F48 !important; }
.stroke.button.bvs-warm-02 { color: #A63F48 !important; border-color: #A63F48 !important; }
.stroke.button.bvs-warm-02 svg { fill: #A63F48 !important; }

.button.bvs-warm-02 { box-shadow: none;}
.button.bvs-warm-02:hover { background: #1C3D59 !important;  box-shadow: none; -webkit-transform: none !important; transform: none !important;}
.button.bvs-warm-02:active { -webkit-transform: none !important; transform: none !important;}


/* BVS Warm 03 */
.bvs-warm-03 { background: #942A1B !important; color: #fff !important; }
.bvs-warm-03 svg { fill: #fff !important; }
.text-bvs-warm-03 { color: #942A1B !important; opacity: 1 !important;}
.text-bvs-warm-03.button svg { fill: #942A1B !important; }
.stroke.button.bvs-warm-03 { color: #942A1B !important; border-color: #942A1B !important; }
.stroke.button.bvs-warm-03 svg { fill: #942A1B !important; }

.button.bvs-warm-03 { box-shadow: none;}
.button.bvs-warm-03:hover { background: #1C3D59 !important;  box-shadow: none; -webkit-transform: none !important; transform: none !important;}
.button.bvs-warm-03:active { -webkit-transform: none !important; transform: none !important;}


/* BVS Warm 04 */
.bvs-warm-04 { background: #a6662e !important; color: #fff !important; }
.bvs-warm-04 svg { fill: #fff !important; }
.text-bvs-warm-04 { color: #a6662e !important; opacity: 1 !important;}
.text-bvs-warm-04.button svg { fill: #a6662e !important; }
.stroke.button.bvs-warm-04 { color: #a6662e !important; border-color: #942A1B !important; }
.stroke.button.bvs-warm-04 svg { fill: #a6662e !important; }

.button.bvs-warm-04 { box-shadow: none;}
.button.bvs-warm-04:hover { background: #1C3D59 !important;  box-shadow: none; -webkit-transform: none !important; transform: none !important;}
.button.bvs-warm-04:active { -webkit-transform: none !important; transform: none !important;}

/* BVS Warm 05 */
.bvs-warm-05 { background: #5f6eb5 !important; color: #fff !important; }
.bvs-warm-05 svg { fill: #fff !important; }
.text-bvs-warm-05 { color: #5f6eb5 !important; opacity: 1 !important;}
.text-bvs-warm-05.button svg { fill: #5f6eb5 !important; }
.stroke.button.bvs-warm-05 { color: #5f6eb5 !important; border-color: #942A1B !important; }
.stroke.button.bvs-warm-05 svg { fill: #5f6eb5 !important; }

.button.bvs-warm-05 { box-shadow: none;}
.button.bvs-warm-05:hover { background: #1C3D59 !important;  box-shadow: none; -webkit-transform: none !important; transform: none !important;}
.button.bvs-warm-05:active { -webkit-transform: none !important; transform: none !important;}


/* BVS Warm 06 */
.bvs-warm-06 { background: #3e3499 !important; color: #fff !important; }
.bvs-warm-06 svg { fill: #fff !important; }
.text-bvs-warm-06 { color: #3e3499 !important; opacity: 1 !important;}
.text-bvs-warm-06.button svg { fill: #3e3499 !important; }
.stroke.button.bvs-warm-06 { color: #3e3499 !important; border-color: #942A1B !important; }
.stroke.button.bvs-warm-06 svg { fill: #3e3499 !important; }

.button.bvs-warm-06 { box-shadow: none;}
.button.bvs-warm-06:hover { background: #1C3D59 !important;  box-shadow: none; -webkit-transform: none !important; transform: none !important;}
.button.bvs-warm-06:active { -webkit-transform: none !important; transform: none !important;}

/* BVS Dark Blue */
.bvs-darkblue { background: #1C3D59 !important; color: #fff !important; }
.bvs-darkblue svg { fill: #fff !important; }
.text-bvs-darkblue { color: #1C3D59 !important; }
.text-bvs-darkblue.button svg { fill: #1C3D59 !important; }
.stroke.button.bvs-darkblue { color: #1C3D59 !important; border-color: #048B7E !important; }
.stroke.button.bvs-darkblue svg { fill: #1C3D59 !important; }

/* BVS New Blue */
.bvs-newblue { background: #375C8C !important; color: #fff !important; }
.bvs-newblue svg { fill: #fff !important; }
.text-bvs-newblue { color: #375C8C !important; }
.text-bvs-newblue.button svg { fill: #375C8C !important; }
.stroke.button.bvs-newblue { color: #375C8C !important; border-color: #375C8C !important; }
.stroke.button.bvs-newblue svg { fill: #375C8C !important; }

/* BVS Dark */
.bvs-dark { background: #222 !important; color: #fff !important; }
.bvs-dark svg { fill: #fff !important; }
.text-bvs-dark{ color: #222 !important; }
.text-bvs-dark.button svg { fill: #1222 !important; }
.stroke.button.bvs-dark { color: #222 !important; border-color: #048B7E !important; }
.stroke.button.bvs-dark svg { fill: #222 !important; }

.text-bvs-newlightblue { color: #AAD5D3 !important }

.button.clickbranchus img, .sidebarclickbranchus img {
	vertical-align: text-bottom;
	margin-right: 5px;
	height: 20px;
	width: auto;
}

.button.signin {
	font-weight: 400 !important;
}

/* Focus for links, buttons and inputs */
/* *************************************************** */ 

.user-is-tabbing *:focus {
	outline: 1px solid #1C3D59;
	outline-offset: 4px;
}

.user-is-tabbing .footer-bar *:focus {
	outline: 1px solid #fff;
	outline-offset: 4px;
}

.skiplink {
	position: absolute;
	left: -9999em;
	top: 22px;
	outline: none;
	background-color: #008577;
	z-index: 1000;
	padding: 4px 10px;
	border-radius: 8px;
	color: #fff;
	border: 2px solid transparent !important;
}

.skiplink:hover {
	background-color: #1C3D59;
	border-bottom: none !important;
}

.skiplink:focus { 
	outline: none;
	left:200px; 
	border: 2px solid #1C3D59 !important;
}

.contact-form input[type="text"]:focus, .contact-form textarea:focus {
	 border: 1px solid #1C3D59 !important;
	 outline: none;
}

.contact-form input[type="email"]:focus, .contact-form textarea:focus {
	border: 1px solid #1C3D59 !important;
	outline: none;
}

.user-is-tabbing .contact-form input[type="submit"]:focus {
	 border: 2px solid #1C3D59;
}

.user-is-tabbing .button.bvs-turquoise:focus {
	border: 2px solid #1C3D59 !important;
	outline: none;
	padding: 4px 0 4px 0 !important;
}


/* Top Panel */
/* *************************************************** */ 

.panel .sections > div {
	  height: 60px !important;
}

.panel .sections .menu li {
	  font-size: 18px;
	  font-weight: 400 !important;
	  display: inline-block;
	  margin: 0 5px;
	  padding-top: 5px;
}

.panel .sections .menu li a {
	  padding: 0 5px;
	  opacity: 1;
	  color: #1C3D59;
}

.panel .button:not(.actionButton) {
	  font-size: 18px;
	  padding: 3px 17px 3px 17px;
	  margin-top: -4px;
	  letter-spacing: 0px !important;
	  opacity: 1;
	  transition: 0.15s;
	  border-radius: 8px;
	  box-shadow: none !important;
}

.panel .button:not(.actionButton):hover:not(:active) {
	  -webkit-transform: none;
		transform: none;
	box-shadow: none !important;  
}

.panel .logo span {
	height: 50px !important;
	width: 129px !important;
	display: block;
}

.panel .logo span img {
	height: auto !important;
	width: 100% !important;
}

.panel.top {
	opacity: 1 !important;
	-webkit-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
}

.panel .signin {
	margin-top: 0px !important;
	padding: 5px 15px !important;
}


/* Hamburger Menu Trigger */
/* *************************************************** */ 

.button.actionButton {
  display: inline-block;
  height: 20px;
  width: 20px;
  padding: 0px;
  border-radius: 0;
  z-index: 999;
  background: none;
  line-height: 1;
  box-shadow: none;
  cursor: pointer;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  vertical-align: middle;
  margin-left: 10px;
}

.button.actionButton svg {
  width: 20px;
  height: 20px;
  fill: #333 !important;
  top: 2px;
  vertical-align: middle;
}


/* Sidebar */
/* *************************************************** */

.sidebar {
	width: 395px;
}

.sidebar .product-logo {
	height: 35px;
	width: auto;
}

.sidebar h2 {
	font-size: 22px;
}

.sidebar li svg {
	width: 15px;
	height: 15px;
	margin-top: 10px;
}

.sidebar .logo img {
	height: 50px;
	display: block;
}

.sidebar .button:not(.actionButton) {
	  font-size: 18px;
	  padding: 5px 17px 5px 17px;
	  margin-top: -4px;
	  letter-spacing: 1px !important;
	  opacity: 1;
	  transition: 0.15s;
	  border-radius: 8px;
}

.sidebar .button:not(.actionButton):hover:not(:active) {
	  -webkit-transform: none;
	transform: none;
	box-shadow: none;
	opacity: .9;	
	background-color: #1C3D59 !important;  
	color: #fff !important;
}

.sidebar .mainMenu li {
	  line-height: 1.3em;
	font-size: 19px;
}

.osx .sidebar .mainMenu li {
	line-height: 1.3em;
	font-size: 18px;
}

.mobile.safari .sidebar .mainMenu li {
		line-height: 1.3em;
		font-size: 18px;
	}

/* Media Queries */
/* ******************* */

@media only screen and (max-width : 1024px)   { 
	
	.sidebar .mainMenu li {
		line-height: 1.3em;
		font-size: 18px;
	}

}


/* Pop-up Video */
/* *************************************************** */ 

.transcript a:hover { 
   border-bottom: 1px solid #fff;              
}

.popup .wrap {
	padding-top: 40px !important;
}

.popup .close:not(.button) {
	position: absolute;
	top: 0;
	right: -60px;
	cursor: pointer;
	padding: 8px;
	font-size: 0;
	opacity: 0.5;
	z-index: 200;
	transition: 0.25s;
	margin: 0;
	-webkit-transform: none !important;
		  transform: none !important;
	width: 40px !important;
	height: 40px !important;
	background-color: #fff;

}


/* Contact */
/* *************************************************** */ 

.contact-title, .contact-success h2 {
	font-weight: bold;
	color: #7d7d7d;
	text-transform: uppercase;
	line-height: 1.2em;
	font-size: 24px;
}

.contact-address {
	font-weight: 400;
	line-height: 1.2em;
	font-size: 22px;
	margin-top: 20px
}

.contact-cb {
	font-weight: 600;
	line-height: 1.2em;
	font-size: 24px;
	margin: 0 0 15px -8px;
}

.contact-phone, .contact-email  {
	font-weight: 400;
	line-height: 1.2em;
	font-size: 22px;
	margin: 0 0 10px 0;
}

.mobile .contact-phone, .mobile .contact-email, .mobile .contact-cb  {
	font-weight: 400;
	line-height: 1.2em;
	font-size: 20px;
	margin: 0 0 10px 0;
}

.contact-cb img {
	vertical-align: middle;
	width: 50px;
	height: 50px;
}

.contact-phone img, .contact-email img, .mobile .contact-cb img {
	vertical-align: middle;
	width: 28px;
	height: 28px;
}

.contact-form li {
	margin-bottom: 10px;
}

.contact-form label {
	display: none;
}

.contact-form input[type="text"] {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d3d3d3;
	width: 100%;
	outline: none;
	padding: 8px;
	font-size: 15px;
	font-weight: normal !important;
	background-color: #f9f9f9 !important;
	font-family: "Calibri", Helvetica, sans-serif;
	-webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,.05);
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,.05);
	opacity: 1 !important;
	color: #1C3D59 !important;
	font-weight: bold !important;
}

.contact-form textarea {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d3d3d3;
	width: 100%;
	min-height: 75px;
	height: 75px;
	outline: none;
	padding: 8px;
	font-size: 15px;
	margin-left: 0px;
	font-weight: normal !important;
	background-color: #f9f9f9 !important;
	resize: none;
	font-family: "Calibri", Helvetica, sans-serif;
	-webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,.05);
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,.05);
	opacity: 1 !important;
	color: #1C3D59 !important;
	font-weight: bold !important;
}

.contact-form input[type="submit"], .contact-form button {
	display: inline-block;
	border-radius: 8px;
	font-size: 18px;
	padding: 5px 17px 5px 17px;
	padding: 6px 15px;
	color: #fff;
	border: 2px solid #1b6591;
	outline: none;
	text-decoration: none;
	background: #1b6591;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	cursor: pointer;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	letter-spacing: normal !important;
	position: relative;
	white-space: nowrap;
	-webkit-transform: none !important;
	transform: none !important;
	-webkit-appearance: none;
	margin-bottom: 10px;
	transition: 0.3s;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
	font-family: "Calibri", Helvetica, sans-serif;
}

	.contact-form input[type="submit"]:hover, .contact-form button:hover {
		box-shadow: none;
		opacity: 1;
		background-color: #1C3D59 !important;
		-webkit-transform: none !important;
		transform: none !important;
		color: #fff !important;
		transition: 0.3s !important;
		border: 2px solid #1C3D59;
	}

		.contact-form input[type="submit"]:hover:after {
			opacity: .5;
		}

.contact-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #1C3D59 !important;
	opacity: 1 !important; /* Firefox */
	font-weight: bold;
}

.contact-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #1C3D59 !important;
}

.contact-form ::-ms-input-placeholder { /* Microsoft Edge */
	color: #1C3D59 !important;
}

.contact-success, .contact-error, .contact-bot {
	display: none;
}

	.contact-success h2, .contact-error h2, .contact-bot h2 {
		margin-top: 0px !important;
		margin-bottom: 10px !important;
		text-transform: none !important;
		font-size: 24px !important;
		letter-spacing: 0px !important;
		font-weight: 700 !important;
		color: #1C3D59;
	}

.contact-success { display: none; }


/* About & Our Team */
/* *************************************************** */ 

.about-popup {
	background-color: #fff;
	padding: 30px 15px 0 15px !important;
	position: relative
}

.about-popup .close-inside {
	position:absolute;
	top:18px;
	right:18px;
	cursor:pointer;
	padding:0;
	opacity:0.8;
	z-index:1050;
	color: #00b5e7;
	width: 30px !important;
	height: 30px !important;
}

.about-popup .close-insde:hover {
	opacity:1;
	cursor: pointer !important;
}

.about-popup h1 {
	font-size: 30px !important;
	letter-spacing:0.2em;
	margin-bottom: 15px !important;
	
}

.about-popup h2 {
	font-size: 18px !important;
	margin-bottom: 10px !important;
	margin-top: 40px !important;
}

.about-popup p {
	font-size: 15px !important;
	margin-bottom: 20px !important;
	opacity: 1 !important;
}

.about-popup h1.our-team {
	font-size: 34px !important; 
	letter-spacing: 1px !important;
}

.about-text-left {
	padding-left: 100px !important; 
	padding-bottom: 25px !important;
}

@media (max-width: 1175px) {
	.about-text-left {
		padding-left: 20px !important;
	}
}

.mobile.chrome.android .about-text-left {
	padding-left: 0px !important; 
	padding-bottom: 25px !important;
}

.about-text-left h2 {
	font-size: 20px !important;
	font-weight: normal !important;
	margin: 12px 0 15px 20px !important;
	letter-spacing: normal !important;
}

.about-text-left p {
	line-height: 1.1em !important;
	margin: 0 0 6px 0 !important; 
}

.about-text-left strong {
	font-weight: bold;
}

.about-text-left-line {
	 border-left: 1px solid #047D71; 
	 padding-left: 20px;
	}
	
.about-text-right {
	padding-right: 125px !important;
}

.about-text-right p {
	margin-bottom: 15px !important;
	line-height: 1.45em !important;
}


/* Privacy Policy */
/* *************************************************** */ 

.privacy-policy {
	background-color: #fff;
	color: #454545;
	padding: 50px;
}

.privacy-policy .close-inside {
  position:absolute;
  top:18px;
  right:18px;
  cursor:pointer;
  padding:0;
  opacity:0.8;
  z-index:1050;
  color: #00b5e7;
  width: 30px !important;
  height: 30px !important;

}

.privacy-policy .close-insde:hover {
  opacity:1;
  cursor: pointer !important;
}

.privacy-policy h2 {
	font-size: 30px !important;
	letter-spacing: 0 !important;
	margin-bottom: 15px !important;
}

.privacy-policy h3 {
	font-size: 18px !important;
	margin-bottom: 10px !important;
	margin-top: 40px !important;
	font-weight: bold !important;
}

.privacy-policy p {
	font-size: 16px !important;
	margin-bottom: 20px !important;
}

.privacy-policy ol {
	list-style: disc;
	font-size: 16px !important;
	margin-bottom: 20px !important;
}

.privacy-policy li {
	list-style: disc;
	font-size: 16px !important;
	margin-left: 40px !important;
}

.privacy-policy a {
	color: #00A3E6;
}



/* Footer */
/* *************************************************** */ 


.footer-bar img, .footer-bar a {
	padding: 0px !important;
}

/* Media Queries */
/* ******************* */

@media (max-width: 1023px) {

	.footer-bar .compact .left{
		line-height: 1.5em !important;
		font-size: 12px !important;
	}
	
	.footer-bar .logo {
		width: 75px;
		margin-top: 5px;
		float: right;
	}
	
	.footer-bar svg {
		width: 15px;
		height: 15px;
	}
	
	.footer-bar .privacy-link {
		margin: 0;
		padding: 0;
		margin-right: 10px;
	}
	
}

@media (min-width: 1024px) {
	
	.footer-bar .logo {
		float: right;
		width: 100px;
	}
		
	.footer-bar svg {
		width: 18px;
		height: 18px;
		float: left;
		margin-top: -2px
	}
	
	.footer-bar .copyright {
		font-size: 15px;
		margin-top: 10px;
	}
	
	.footer-bar .copyright div { 
		float: left; 
		margin: 0 15px; 
	}
	
	.footer-bar .privacy-link {
		float: left;
		display: block;
		margin-right: 15px;
	}
}


/* *************************************************** */
 
/* BVS Performance Solutions - ClickBranch Styles
/* V1 - May 01, 2020

/* *************************************************** */  



/* General */
/* *************************************************** */

.cb-logo {
	width: 400px;
	height: auto;
}

.topic-arrow {
    width: 22px !important;
    height: auto !important;
    vertical-align: text-bottom;
    margin-left: 3px;
}


/* Home Page */
/* *************************************************** */


/* Introduction */
/* *************************************************** */

.introduction {
	font-size: 20px;
	font-weight: 400;
}

.introduction .button {
	width: 415px;
	font-size: 18px !important;
	font-weight: bold !important;
	letter-spacing: 0px !important;
	padding: 4px 0 4px 0 !important;
	border-radius: 10px;
	border: 2px solid transparent !important;
}

.introduction .button.cb-home-button {
	width: 200px;
	font-size: 18px !important;
	font-weight: bold !important;
	letter-spacing: 0px !important;
	padding: 4px 0 4px 0 !important;
	border-radius: 10px;
	border: 2px solid transparent !important;
}

.introduction .button.cb-sales-button {
	width: 350px;
	font-size: 18px !important;
	font-weight: bold !important;
	letter-spacing: 0px !important;
	padding: 4px 0 4px 0 !important;
	border-radius: 10px;
	margin-top: 15px;
	border: 2px solid transparent !important;
}


/* Video Container */
/* *************************************************** */

.video-container a:hover {
	text-decoration: none;
	border-bottom: none;
}


/* Why ClickBranch */
/* *************************************************** */

.why-clickbranch img, .everything-clicks img {
	width: 100px !important;
	height: auto;
}

.why-clickbranch .why-clickbranch-title  {
	display: block;
	font-size: 22px;
	font-weight: 600;
	line-height: 1em;
}

.everything-clicks .everything-clicks-title {
	display: block;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2em;
}

.why-clickbranch p, .everything-clicks p {
	line-height: 1.2em;
}

.osx .everything-clicks .everything-clicks-title,
.mobile .everything-clicks .everything-clicks-title  {
	font-size: 18px;
}


/* New Section */
/* *************************************************** */

.why-bvs-item {
	width: 100%;
	color: #222;
	/* font-size: 28px !important; */
	font-size: 24px !important;
	margin-bottom: 40px;
	font-weight: 600;
}


.why-bvs-item span {
	font-weight: 400;
	display: block;
	/* font-size: 26px; */
	font-size: 22px;
	line-height: 1.3em;
}



/* Media Queries */
/* ******************* */

@media (max-width: 1023px) {
	.why-bvs-item {
		 font-size: 22px !important;	
	}
	
	.why-bvs-item span {
		font-size: 18px;
	}
}

.mobile.android .why-bvs-item {
	font-size: 18px !important;
}

.mobile.android .why-bvs-item span {
	font-size: 18px !important;
}


/* Institution Pages */
/* *************************************************** */


/* Media Queries */
/* ******************* */

@media (max-width: 1023px) {
	#intro p br {
	 	display: none;
	}
}

.mobile #intro h1 br, .mobile #intro p br  {
		display: none;
   }

/* Everything Clicks  */
/* *************************************************** */

.institionvideo .video-thumb {
	width: 375px !important;
	height: auto !important;
}

.institionvideo .topic-arrow {
    width: 22px !important;
    height: auto !important;
    vertical-align: text-bottom;
    margin-left: 3px;
}

.institionvideo a:hover {
	text-decoration: none;
	border-bottom: none;
}


/* Eight Reasons */
/* *************************************************** */

.eightreasons-item {
	float: left;
	width: 100%;
	color: #222;
	font-size: 24px !important;
    margin-bottom: 40px;
    text-align: left;
    font-weight: 600;
}

	.eightreasons-item strong {
		display: block;
		float: left;
		font-size: 18px;
		font-weight: 600;
		background-color: #fff;
		border-radius: 50%;
		border: 2px solid #1b6591;
		height: 25px;
		width: 25px;
		padding: 5px;
		text-align: center;
		line-height: .8em !important;
		color: #1b6591 !important;
		margin: 6px 10px 0 -43px !important;
	}

.windows .eightreasons-item strong {
	line-height: .6em !important;
}

.eightreasons-item span {
	display: block;
	margin: 0;
	font-weight: 400;
	font-size: 20px !important;
}

.osx .eightreasons-item  {
	font-size: 20px !important;
}

.osx .eightreasons-item span   {
	font-size: 18px !important;
}

/* Media Queries */
/* ******************* */

@media (max-width: 1023px) {
	.eightreasons-item {
	 	font-size: 22px !important;	
	}
	
	.eightreasons-item span {
		font-size: 18px;
	}
}

.mobile.android .eightreasons-item {
	font-size: 18px !important;
}

.mobile.android .eightreasons-item span{
	font-size: 18px !important;
}


/* Footer */


.footer-bar .sections.desktop .left {
	width: 75%;
} 

.footer-bar .sections.desktop .right {
	width: 25%;
} 

/* Pop-up */
/* *************************************************** */ 


.mobile .androidapp, .mobile .iosapp {
	display: none !important;
}

.mobile.android .androidapp {
	display: list-item !important;
}

.mobile:not(.android) .iosapp {
	display: list-item !important;
}

.clickbranch-popup {
	background-color: #fff;
	color: #454545;
	padding: 50px;
}

.clickbranch-popup .close-inside {
  position:absolute;
  top:18px;
  right:18px;
  cursor:pointer;
  padding:0;
  opacity:0.8;
  z-index:1050;
  color: #00b5e7;
  width: 30px !important;
  height: 30px !important;

}

.clickbranch-popup .close-insde:hover {
  opacity:1;
  cursor: pointer !important;
}

.clickbranch-popup h1 {
	font-size: 30px !important;
	letter-spacing: 0 !important;
	margin-bottom: 15px !important;
}

.clickbranch-popup h2 {
	font-size: 18px !important;
	margin-bottom: 10px !important;
	margin-top: 40px !important;
	font-weight: bold !important;
}

.clickbranch-popup a {
	color: #00A3E6;
}

.clickbranch-popup  .list.disc li { list-style-type: disc;}

.clickbranch-popup  .button.cb-sales-button {
	width: 350px;
	font-size: 18px !important;
	font-weight: bold !important;
	letter-spacing: 0px !important;
	padding: 4px 0 4px 0 !important;
	border-radius: 10px;
	margin-top: 15px;
}

.clickbranch-popup  .button.cb-sales-button br {
	display: none;
}

.mobile .clickbranch-popup  .button.cb-sales-button br {
	display: block;
}

/* Blog Content */

.rounded-corner img {
	border-radius: 15px;
}

#blog-section p {
	font-size: 21px !important;
	margin: 15px 0 25px 0;
	line-height: 1.4em;
}

#blog-section p.blog-source {
	font-style: italic;
	font-size: 18px !important;
}

.blog-header {
	font-size: 34px;
	font-weight: normal;
	line-height: 1.3em;
	color: #024274;
	text-transform: uppercase;
}

.blog-title {
	display: block;
	font-weight: bold;
	font-size: 21px !important;
	line-height: 1.1em;
	margin: 5px 0;
}

.blog-author-homepage, .blog-author {
	font-style: italic;
}


.blog-date, .blog-author {
	display: block;
	color: #373534;
	font-size: 18px !important;
}


.blog-button, .blogarchive-button {
	border-radius: 8px;
} 


.blog-quote {
	font-style: italic;
	padding-left: 25px;
}

.blog-single h2 {
	font-size: 24px !important;  
	text-transform: none !important;
	font-weight: 400 !important;
	letter-spacing: 0px !important;
	margin-bottom: 15px !important;
}

.blog-single ul, .blog-single ol {
	margin: 0 0 25px 50px;
}

.blog-single ul li {
	list-style: disc !important;
	font-size: 21px !important;
	opacity: 1 !important;
	line-height: 1.4em;
}

.blog-single ol li {
	list-style: decimal !important;
	font-size: 21px !important;
	opacity: 1 !important;
	margin-bottom: 10px;
	line-height: 1.4em;
}

.blog-single .past-posts {
	margin: 0 0 25px 20px;
	
}

.blog-archive .blog-archivelist {
	margin: 0 0 35px 0px;
}

.blog-single .past-posts a {
	color: #202020 !important;
}

.blog-single .past-posts li {
	list-style: disc !important;
	font-size: 21px !important;
	opacity: 1 !important;
	color: #20558A !important;
}

.blog-archive .blog-archivelist li {
	list-style: none !important;
	font-size: 21px !important;
	opacity: 1 !important;
	color: #20558A !important;
}


.blog-archivelist li span {
	opacity: 1 !important;
}

.blog-archivedate {
	display: block;
	font-size: 22px !important;
	margin-bottom: 15px !important;
}

.blog-share {
	margin-bottom: 25px;
}

.blog-share iframe {
	float: left;
	margin-right: 10px
}


.blog-image {
	margin: 0 0 25px 0; 
	width: 98% !important;
}

/* Mobile - Our Team */
/* ******************************************** */

@media only screen and (max-width: 960px) {

	.blog-image {
		display: none !important;
	}

	.blog-header {
		margin-top: 75px !important;
	}
	
	.blog-sidebar {
		padding-left: 0 !important;
	}

}


/* Mobile - Our Team */
/* ******************************************** */

@media only screen and (max-width: 600px) {

	.blog-header {
		margin-top: 115px !important;
	}

}

/* iPhone 6 Portrait - BVS Blog */
/* ******************************************** */

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 

	.blog-header {
		margin-top: 115px !important;
	}
	
	.blog-quote {
		padding-left: 0px;
	}
	
}


/* iPhone 4 & 5 Portrait - BVS Blog */
/* ******************************************** */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 

	.blog-header {
		margin-top: 115px !important;
	}
	
	.blog-quote {
		padding-left: 0px;
	}

}