body, html { font-family: Arial, Helvetica, sans-serif; position: relative; }
ul { list-style-type: none; padding-left: 0; }
ul li { margin-bottom: 6px; display: block; }
ul label { width: 222px; display: inline-block; }
ul label + input[type="text"] { width: 550px; }
p.small,
label { font-size: small; font-family: Arial, Helvetica, sans-serif; }
p.small { margin-top: 4px; }

/* selection */
::selection { background: #603; color: #fff; /* WebKit/Blink Browsers */ }
::-moz-selection { background: #603; color: #fff; /* Gecko Browsers */ }

::-webkit-scrollbar{ width:0.65em; height:0.65em }
::-webkit-scrollbar-thumb { background: #9a224e; }
::-webkit-scrollbar-track { background:#b2b2b2; }
body { scrollbar-face-color: #9a224e;; scrollbar-track-color: #b2b2b2; }

/* headings */
h1.page-title { color: #603; text-transform: uppercase; font-size: 20px; margin-top: 30px;  }
h2,
h3 { font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
h2 { background-color: #660033; font-size: 16px; color: #fff; padding: 6px 8px; }
h2 span { font-weight: normal; }
h2 span.yellow { color: yellow; font-size: 16px; }
h2.dark { background-color: #000; margin-bottom: 0; }
h3 { font-size: 14px; }
h5 { margin: 0; min-height: 26px; } 

mark, .highlight { background-color: yellow;  }
mark.white { background-color: #fff; }
mark.white span { color: red; }

hr { border:none; border-top: 1px solid #cdcdcd; background-color: transparent;   }

input[size="4"] { max-width: 50px; }

.wrap { width: 100%; font-size: 13px; }
.wrap:before,
.wrap:after { display: block; content: ''; clear: both; }
.wrap * { box-sizing: border-box; }

.col ul,
.col ul li { margin: 0; padding: 0; min-height: 23px; }
.col ul li input { width: auto; width: 158px; }
.col ul li input[type="radio"] { width: 14px; margin: 0 6px; padding: 0; position: relative; top: 2px; }
.col ul li input[type="radio"] + label { width: 30px; } 

.col-2 .col { width: 50%; float: left; }
.col-2 label { display: inline-block; width: 223px; min-height: 23px; line-height: 23px; }
.col-2 label.short { width: auto; }

.col-2 label.indent { padding-left: 16px; }
.col-2 label.indent.lg { padding-left: 32px; }
.col-2 input { margin-bottom: 2px; }
.col-2 input[size="4"] { max-width: 50px; width: 50px; }

.container { margin: 1em 40px; min-height: 740px; }

ul.controls li { display: inline-block; margin-right: 10px; }
ul.controls a { display: block; background-color: #603; text-decoration: none; font-weight: bold; font-size: 14px; color: #fff; text-transform: uppercase; padding: 6px 12px; }
ul.controls a:hover { background-color: #9a224e; }

.testimonials { margin-bottom: 30px; } 
.testimonials>div { padding: 25px; margin-bottom: 10px; background-color: #d6d6d6; background-color: rgba(255,255,255,0.2); transition: background-color 0.6s linear; }
.testimonials>div:hover { background-color: rgba(255,255,255,0.6); }

.testimonials>div a { font-weight: bold; color: #603; position: relative; }
.testimonials>div a:after { display: block; content: 'Click Here'; font-size: 11px; position: absolute; top: 18px; left: 25px; color: #333; font-weight: 100; }
.testimonials>div a:visited { color: #603; }
.testimonials>div a:hover { text-decoration: none; opacity: 0.8; } 
/*.testimonials p+hr { width: 200px; float: left; clear: both; }*/
/*.testimonials p+hr+a { display: block; clear: both; }*/

.testimonials h2,
.testimonials h4 { display: block; width: 100%; clear: both; }
.testimonials h4 { color: #777; font-size: 22px; font-weight: 100; }

.testimonials strong,
.testimonials span { line-height: 1.25; }
.testimonials p { font-style: italic; }
.testimonials p:first-of-type { margin-top: 0; }
.testimonials p strong { color: #111; margin-bottom: 0; }
/*.testimonials p:before,*/
.testimonials p:last-of-type:after { display: inline; content: '"'; width: 12px; height: 12px; position: relative; white-space: nowrap; }
.testimonials .company { color: #603; }
.testimonials .title,
.testimonials .location { color: #777; }

.testimonials strong:not(:last-child):after,
.testimonials .company:not(:last-child):after,
.testimonials .title:not(:last-child):after,
.testimonials .location:not(:last-child):after { display: inline-block; content: ', '; }
.testimonials .noquote:after { content: ''!important; } 

ul.controls a.mixitup-control-active,
ul.controls a.mixitup-control-active:hover { cursor: default; background-color: #3c0c1d; }

.to-top { position: fixed; bottom: 15px; left: 25px; z-index: 20; opacity: 0; transition: all 0.3s linear; }
.to-top a { display: block; background-color: #603; text-decoration: none; font-weight: bold; font-size: 14px; color: #fff; text-transform: uppercase; padding: 6px 12px; }
.to-top a:hover { background-color: #9a224e; }
.to-top a:after { display: inline-block; content: '\f077'; color: #fff; font-family: 'fontawesome'; position: relative; top: -2px; left: 5px; font-size: 9px; }

.scrolled .to-top { opacity: 1; }

footer { padding: 40px 0; }
footer h6 { text-align: center;  }
footer ul { list-style-type: none; text-align: center; }
footer ul li { display: inline-block; }
footer ul li a { display: block; font-weight: bold; color: #603; text-transform: uppercase;  }
footer ul li a:hover { text-decoration: none; color: #9a224e; }
