/* Additional Fonts for Website */

@font-face {
	font-family: myFontColorTube;
	src: url("http://www.feniva.com/fenivallc2/aa-feniva/myFonts/ColorTube-Regular.ttf");
}

@font-face {
	font-family: myFontNEORDRAW;
	src: url("http://www.feniva.com/fenivallc2/aa-feniva/myFonts/NEORD___-webfont.woff");
}

@font-face {
	font-family: myFontSalsa;
	src: url("http://www.feniva.com/fenivallc2/aa-feniva/myFonts/Salsa-Regular.ttf");
}

@font-face {
	font-family: myFontSEASIDERESORTN;
	src: url("http://www.feniva.com/fenivallc2/aa-feniva/myFonts/SEASRN__.ttf");
}

@font-face {
	font-family: myFontUpperEastSide;
	src: url("http://www.feniva.com/fenivallc2/aa-feniva/myFonts/UpperEastSide.ttf");
}

@font-face {
	font-family: myFontVastShadow;
	src: url("http://www.feniva.com/fenivallc2/aa-feniva/myFonts/VastShadow-Regular.ttf");
}

/* ============================ */

/* = Feniva Cyber Works Pricing = */

#designfeebox {
	margin-left: 150px;
}

#fcw-pricing-hdr {
	text-align: center;
	font-family: Arial;
	color: #cc6600;
	font-weight: bold;
}

* {
  box-sizing: border-box;
}

.columns {
  float: left;
  width: 33.3%;
  padding: 8px;
}

.columns1 {
  float: left;
  width: 350px;
  padding: 8px;
}

.price {
  list-style-type: none;
  border: 1px solid #eee;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.price:hover {
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

.price .header {
	background-color: #9966ff;
	color: black;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

.price .header-b {
	background-color: #0099ff;
	color: black;
	font-weight: bold;
	font-size: 32px;
	text-align: center;
}

.price .header-d {
	background-color: white;
	color: black;
	font-weight: bold;
	font-size: 32px;
	text-align: center;
}

.price .header-g {
	background-color: orange;
	color: black;
	font-weight: bold;
	font-size: 32px;
	text-align: center;
}

.price .header-p {
	background-color: lime;
	color: black;
	font-weight: bold;
	font-size: 32px;
	text-align: center;
}

.price .header-r {
	background-color: maroon;
	color: white;
	font-weight: bold;
	font-size: 32px;
	text-align: center;
}

.price .header-s {
	background-color: blue;
	color: white;
	font-weight: bold;
	font-size: 32px;
	text-align: center;
}

.price li {
  border-bottom: 1px solid #eee;
  padding: 18px;
  font-weight: bold;
  text-align: left;
}

.price .grey {
  background-color: #eee;
  font-size: 22px;
  font-weight: bold;
}

.price .grey1 {
  background-color: #eee;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}

.price .lavender {
  background-color: #ddccff;
  font-size: 18px;
  font-weight: bold;
}

.button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
}

@media only screen and (max-width: 600px) {
  .columns {
    width: 100%;
  }
}

/* ============================== */

/* Jump to Top Floating Navigation Button */

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #ff9900;
  color: white;
  text-shadow: 2px solid black;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}

a {
	color: #b36b00;
	text-decoration: none;
}

button, input[type=button], input[type=reset], input[type=submit], #infinite-handle span, .button {
	background-color: #b36b00;
	border-style: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 2;
	padding: .25em 1em .4em;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	border-radius: 3px;
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1);
	-webkit-appearance: none;
}

/* ============================== */

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=number]:focus, textarea:focus {
	border: 1px solid #b36b00;
	outline: none;
	transition: border-color 0.2s;
}

.main-navigation {
	background-color: #b36b00;
	border-bottom: 2px solid rgba(0, 0, 0, 0.03);
	color: #fff;
	display: block;
	padding: 0 1em;
}

.jetpack-social-navigation ul li {
	display: inline-block;
	background: #b36b00;
	color: #fff;
	font-size: 20px;
	list-style: none;
	line-height: .5;
	margin: .2em .1em;
	padding: 8px;
	border-radius: 50%;
}

.footer-widget-area a:active {
	color: #b36b00;
}

.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #b36b00;
}

.cat-links a {
	color: #b36b00;
	display: inline-block;
	font-family: "Source Sans Pro";
	font-style: normal;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0;
	text-transform: uppercase;
}

.comment-meta a {
	color: #b36b00;
}

.hero-content-wrapper .cat-links a {
	background-color: #b36b00;
	display: inline-block;
	color: #fff;
	font-size: 13px;
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 2px 8px;
	transition: color 0.2s;
}

body:not(.search):not(.single-jetpack-testimonial) .jetpack-testimonial .entry-title a,
body:not(.search):not(.single-jetpack-testimonial) .jetpack-testimonial .entry-title,
.jetpack-testimonial-shortcode .testimonial-entry-title {
	color: #b36b00;
	font-family: "Source Sans Pro", Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

.site-info a:hover,
.site-info a:focus,
.site-info a:active {
	color: #b36b00;
}

.main-navigation ul ul {
		background-color: #b36b00;
		box-shadow: rgba(0,0,0, 0.1) 0 1px 2px;
		display: block;
		left: -99999em;
		margin: 0;
		position: absolute;
		top: 2.8em;
		z-index: 99999;
}

/* Page Titles */

.entry-title {
	/* More Fonts - select only 1 */
	/*
	font-family: myFontColorTube;
	font-family: myFontNEORDRAW;
	font-family: myFontSalsa;
	font-family: myFontSEASIDERESORTN;
	font-family: myFontUpperEastSide;
	font-family: myFontVastShadow;
		
	line-height: 1.2;
	*/
	text-align: center;
	margin-bottom: 0;
	color: #cc6600;
	font-size: 48px;
	font-weight: bold;
}

/* Background Colors */

.bgcolor-maroon {
	background-color: #800000;
}

.bgcolor-red {
	background-color: #ff0000;
}

.bgcolor-orange {
	background-color: #ffa500;
}

.bgcolor-gold {
	background-color: #ccad00;
}

.bgcolor-gray {
	background-color: #808080;
}

.bgcolor-lime {
	background-color: #00ff00;
}

.bgcolor-green {
	background-color: #008000;
}

.bgcolor-navy {
	background-color: #000080;
}

.bgcolor-brown {
	/* background-color: #996600; */
	background-color: #b36b00;
}

.bgcolor-black {
	background-color: #000000;
}

.bgcolor-blue {
	background-color: #0000ff;
}

.bgcolor-violet {
	background-color: #ee82ee;
}

.bgcolor-yellow {
	background-color: #ffff00;
}

.bgcolor-cyan {
	background-color: #00ffff;
}

.bgcolor-ltgray {
	background-color: #d9d9d9;
}

.bgcolor-palegreen1 {
	background-color: #ccffcc;
}

.bgcolor-palegreen2 {
	background-color: #99ff99;
}

.bgcolor-beige {
	background-color: #ffe6cc;
}

.bgcolor-burntorange {
	background-color: #cc6600;
}

.hr-line {
	width: 600px;
	height: 10px;
	padding-top: 0px;
}

.ctr {
	margin-left: auto;
	margin-right: auto;
}

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

/* Font Colors */

.text-maroon {
	color: #800000;
}

.text-red {
	color: #ff0000;
}

.text-orange {
	color: #ffa500;
}

.text-gold {
	color: #ccad00;
}

.text-gray {
	color: #808080;
}

.text-lime {
	color: #00ff00;
}

.text-green {
	color: #008000;
}

.text-navy {
	color: #000080;
}

.text-brown {
	/* color: #996600; */
	color: #b36b00;
}

.text-black {
	color: #000000;
}

.text-blue {
	color: #0000ff;
}

.text-burntorange {
	color: #cc6600;
}

.text-violet {
	color: #ee82ee;
}

.text-white {
	color: #ffffff;
}

.darken {
	font-weight: bold;
}

.hr-line {
	width: 600px;
	height: 10px;
	padding-top: 0px;
}

.ctr {
	margin-left: auto;
	margin-right: auto;
}

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

/* Bold Font Colors */

.bold-text-red {
	color: #ff0000;
	font-weight: bold;
}

.dark {
	font-weight: bold;
}

/* Font Size Overrides */

.font12 {
	font-size: 12px;
}

.font14 {
	font-size: 14px;
}

.font16 {
	font-size: 16px;
}

.font18 {
	font-size: 18px;
}

.font20 {
	font-size: 20px;
}

.font22 {
	font-size: 22px;
}

.font24 {
	font-size: 24px;
}

.font26 {
	font-size: 26px;
}

.font28 {
	font-size: 28px;
}

.font30 {
	font-size: 30px;
}

.font32 {
	font-size: 32px;
}

.font34 {
	font-size: 34px;
}

.font36 {
	font-size: 36px;
}

.font38 {
	font-size: 38px;
}

.font40 {
	font-size: 40px;
}


/* Business Hours CSS Override */

.mabel-bhi-businesshours {
	color: #0000ff;
	font-weight: bold;
}

.mb-bhi-open {
	color: #00cc00;
	font-weight: bold;
}

.mb-bhi-closed {
	color: #ff0000;
	font-weight: bold;
}

/* ===================================== */

/* -<+>- C L I E N T   P O R T A L -<+>- */

.portal-hdr {
	font-family: "Yrsa";
	font-size: 44px;
	font-weight: bold;
	text-align: center;
}

.ft-yrsa {
	font-family: "Yrsa";
}

.bg-tabs {
	background-color: #ccad00;
}

/* Maroon DIV Box */

.section-box {
  width: 100%;
  border: 5px solid #800000;
  padding: 10px;
}

/* Blue DIV Box */

.section-box1 {
  width: 100%;
  border: 5px solid #0000ff;
  padding: 10px;
}

/* Maroon & Gold Button */

.button {
  display: inline-block;
  padding: 15px 25px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #ffd700;
  background-color: #800000;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.button:hover {background-color: #ffd700; color: #800000;}

.button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

/* Blue & White Button */

.button1 {
  display: inline-block;
  padding: 15px 25px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #ffffff;
  background-color: #0000fff;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.button1:hover {background-color: #ccffff; color: #0000ff;}

.button1:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

/* unvisited link */
a.cust-link:link {
  color: red;
}

/* visited link */
a.cust-link:visited {
  color: #b36b00;
}

/* mouse over link */
a.cust-link:hover {
  color: orange;
}

/* selected link */
a.cust-link:active {
  color: blue;
}

#customer-name {
}

/* Table - Maroon Left Column and Gold Bold Text */

.col-left {
	width: 200px;
	/* Color - Gold Bold */
	color: #ccad00;
	font-weight: bold;
	/* Background Color - Maroon */
	background-color: #800000;
}

.col-mid {
	width: 20px;
}

.col-right {
	width: 300px;
	/* Color - Maroon Bold */
	color: #800000;
	font-weight: bold;
}

/* ============================================ */

/* Table - Blue Left Column and White Bold Text */

.col-left-bluewhite {
	width: 200px;
	/* Color - White Bold */
	color: #ffffff;
	font-weight: bold;
	/* Background Color - Blue */
	background-color: #0000ff;
}

.col-mid-bluewhite {
	width: 20px;
}

.col-right-bluewhite {
	width: 300px;
	/* Color - Blue Bold */
	color: #0000ff;
	font-weight: bold;
	/* Background Color - Light Gray */
	background-color: #d9d9d9;
}

/* ============================================ */


#customer-contactinfo {
	width: 100%
}

#customer-aboutyou {
	width: 100%
}

/* ================================================= */
/* === T A B L E   C E L L   C S S   W I D T H S === */
/* ================================================= */
.horiz10 {
	width: 10px;
}

.horiz20 {
	width: 20px;
}

.horiz25 {
	width: 25px;
}

.horiz30 {
	width: 30px;
}

.horiz40 {
	width: 100px;
}

.horiz50 {
	width: 50px;
}

.horiz60 {
	width: 60px;
}

.horiz70 {
	width: 70px;
}

.horiz75 {
	width: 75px;
}

.horiz80 {
	width: 80px;
}

.horiz90 {
	width: 90px;
}

.horiz100 {
	width: 100px;
}

.horiz150 {
	width: 150px;
}

.horiz200 {
	width: 200px;
}

.horiz250 {
	width: 250px;
}

.horiz300 {
	width: 300px;
}

.horiz350 {
	width: 350px;
}

.horiz400 {
	width: 400px;
}

.horiz450 {
	width: 450px;
}

.horiz500 {
	width: 500px;
}

/* ================================================= */

#status-table {
	width: 100%
}

.stat-left {
	width: 200px;
	color: #ccad00;
	font-weight: bold;
	background-color: #800000;
}

.stat-mid {
	width: 20px;
}

.stat-right {
	width: 300px;
	color: #800000;
	font-weight: bold;
	background-color: #ccad00;
}

.stat-label {
	background-color: #ccad00;
	color: #800000;
	font-weight: bold;
}

.ordering {
}

.buy-table {
	width: 100%;
}

.buy-left {
	width: 40px;
}

.buy-mid {
	width: 20px;
}

.buy-right {
	width: 400px;
}

.tally {
	width: 400px;
}

.tally-left {
	width: 300px;
}

.tally-mid {
	width: 20px;
}

.tally-right {
	width: 40px;
}

.service-plan {
	width: 100%;
}

.sp-left {
	width: 190px;
}

.sp-mid {
	width: 20px;
}

.sp-right {
	width: 190px;
}

.sp2-left {
	width: 220px;
}

.strikeout {
	text-decoration: line-through;
}

.tally-line {
	text-decoration-line: underline;
	text-decoration-color: #800000;
	text-decoration-style: double;
}

.bill-info {
	width: 100%
}

.bill-table-left {
	width: 200px;
	background-color: #800000;
}

.bill-table-mid {
	width: 20px;
}

.bill-table-right {
	width: 300px;
	background-color: #ccad00;
}

.refer-table {
	width: 630px;
}

.num {
	width: 40px;
}

.spacer {
	width: 10px;
}

.rdate {
	width: 50px;
}

.cust-name {
	width: 250px;
}

.cust-sp {
	width: 190px;
}

.cred {
	width: 50px;
}

/* ---<<<+>>>--- Contact 7 Forms Formatting ---<<<+>>>--- */

/*  MANUAL BILLING EXCEPTION REUQEST FORM */
#wpcf7-f406-p334-o1, #wpcf7-f406-p505-o1, #wpcf7-f406-p508-o1, #wpcf7-f406-p511-o1 {
	background-color: #ffe6cc; /* color - beige */
	border: 2px solid #000000; /* solid black border */
	border-radius: 15px;
}

/*  ORDER COMPLETED CONFIRMATION FORM */
#wpcf7-f407-p334-o2, #wpcf7-f407-p505-o2, #wpcf7-f407-p508-o2, #wpcf7-f407-p511-o2, #wpcf7-f598-p583-o1, #wpcf7-f599-p583-o2 {
	background-color: #ccffcc; /* color - pale green */
	border: 2px solid #000000; /* solid black border */
	border-radius: 15px;
}


/*  CUSTOMER REFERRAL FORM */
#wpcf7-f408-p334-o3, #wpcf7-f408-p505-o3, #wpcf7-f408-p508-o3, #wpcf7-f408-p511-o3, #wpcf7-f646-p583-o1 {
	background-color: #ffe6cc; /* color - beige */
	border: 2px solid #000000; /* solid black border */
	border-radius: 15px;
}

#form-hdr {
	padding-left: 150px;
	color: #000000; /* color - black */
	font-size: 22px;
	font-weight: bold;
	padding-top: 40px;
	padding-bottom: 10px;
}

#form-hdr3 {
	padding-left: 200px;
	color: #000000; /* color - black */
	font-size: 22px;
	font-weight: bold;
	padding-top: 40px;
	padding-bottom: 10px;
}

#form-hdr3B {
	padding-left: 200px;
	color: #0000ff; /* color - blue */
	font-size: 22px;
	font-weight: bold;
	padding-top: 40px;
	padding-bottom: 10px;
}

#instruct {
	color: #ff0000; /* color - red */
	font-size: 12px;
	font-weight: bold;
	padding-left: 20px;
}

#fixtext4 {
	color: #800000; /* color - maroon */
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
}

#fixtext4A {
	color: #800000; /* color - maroon */
	font-size: 16px;
	font-weight: bold;
}

#fixtext4B, #approval {
	color: #0000ff; /* color - blue */
	font-size: 16px;
	font-weight: bold;
}

#form-sub-hdr {
	color: #800000; /* color - maroon */
	font-size: 22px;
	font-weight: bold;
	padding-left: 10px;
	text-decoration-line: underline;
	text-decoration-color: #800000;
	text-decoration-style: double;
}

#refcode {
	width: 150px;
}

#e-name, e-addr1, e-addr2, er-mail, e-con, e-con-mail, er-name, er-email {
	width: 300px;
}

#etype-otr {
	width: 250px;
}

#e-state {
	width: 50px;
}

#e-zipcode, e-phone, er-phone {
	width: 90px;
}

#sendbtn2, #sendbtn3, #sendbtn5, #sendbtn7 {
	margin-left: 260px;
	border: 2px solid #000000; /* solid black border */
	border-radius: 15px;
}

#order-done {
	font-size: 28px;
}


/* ================================================================================================================= */
/* =====================     F o n t - A w e s o m e   S o c i a l   M e d i a   I c o n s     ===================== */
/* <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> */
/* ================================================================================================================= */

.fa {
  padding-top: 5px;
  font-size: 30px;
  width: 40px;
  height: 40px;
  text-align: center;
  text-decoration: none;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}
/*
.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}
*/
.fa-linkedin {
  background: #3B5998;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}
/*
.fa-instagram {
  background: #125688;
  color: white;
}
*/
.fa-pinterest {
  background: #cb2027;
  color: white;
}
/*
.fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
  background: #00aff0;
  color: white;
}

.fa-android {
  background: #a4c639;
  color: white;
}

.fa-dribbble {
  background: #ea4c89;
  color: white;
}

.fa-vimeo {
  background: #45bbff;
  color: white;
}

.fa-tumblr {
  background: #2c4762;
  color: white;
}

.fa-vine {
  background: #00b489;
  color: white;
}

.fa-foursquare {
  background: #45bbff;
  color: white;
}

.fa-stumbleupon {
  background: #eb4924;
  color: white;
}
*/
.fa-flickr {
  background: #f40083;
  color: white;
}
/*
.fa-yahoo {
  background: #430297;
  color: white;
}

.fa-soundcloud {
  background: #ff5500;
  color: white;
}

.fa-reddit {
  background: #ff5700;
  color: white;
}

.fa-rss {
  background: #ff6600;
  color: white;
}
*/

/* ================================================================================================================= */