/*reset*/ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body {line-height:1; } ol, ul {list-style:none; } blockquote, q {quotes:none; } blockquote:before, blockquote:after,q:before, q:after {content:''; content:none; } /* remember to define focus styles! */ :focus {outline:0; } /* remember to highlight inserts somehow! */ ins {text-decoration:none; } del {text-decoration:line-through; } /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse:collapse; border-spacing:0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* global classes */ .hide { display:none !important } .clear {clear:both; font-size:1px; line-height:1px; } .center { text-align:center; } .left {text-align:left; } .right {text-align:right; } .green {color:#149a02 } .red{color:#b61818 } .inline {position:relative; display:inline-block; [/* IE 7 SUX */]display:inline; /*IE 7 Fix*/zoom:1; /*vertical-align: top*/ } .block {display:block !important; }img {vertical-align: baseline }

/**
* AJAX STYLE RELIENCES
*/
.box#ajax {}
#url_buffer { display:none; color:black; }

/* Framework Forms */
label.error {display:block; } .error {color:#f33 !important;} .success {color:#149a02} p#time {display:none; margin:0; padding:0; }
#ui-datepicker-div {display:none;}

/* JQUERY NOTICE */

* html .notice-wrap {position:absolute; }
.notice-wrap { position:fixed; top: 22px; z-index: 9999; line-height: 120%; font-family:Arial, Helvetica, sans-serif; min-width: 20vw; }
.notice-item-wrapper { position: relative; height: auto; width: auto; }
.notice-item { min-height:10px; padding:4px 35px 3px; font-size:1.3vw; display:inline-block; float:right; position:relative; top: 43px; right: -30vw; margin: 0 0 10px 0; border-radius: 3px 0px 3px 3px; -moz-border-radius: 3px 0px 3px 3px; -webkit-border-radius: 3px 0px 3px 3px; }
.notice-item-close { position:absolute; z-index:1001;font-family:Arial; font-size:20px; font-weight:bold; right:5px; top:10px; cursor:pointer; width:40px; min-height:40px; text-align:right; vertical-align: top; padding: 0 7px; }
.notice-item p { font-family: 'Quattrocento Sans', Helvetica, sans-serif; position:relative; z-index:1000; width: auto; max-width: 50vw; text-align: center; padding: 15px 0;  }

/* Shadow */
.shadow {-moz-box-shadow:3px 3px 5px #bbb; -webkit-box-shadow:3px 3px 5px #bbb; box-shadow:3px 3px 5px #bbb; /* For IE 8 */-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#bbbbbb')"; /* For IE 5.5 - 7 */filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#bbbbbb'); }
.drop-shadow {position:relative; }

/* Lifted corners */.lifted:before,.lifted:after {content:""; position:absolute; z-index:2; bottom:22px; width:47%; height:20%; -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); }.lifted:before {left:7px; -webkit-transform:rotate(-4.5deg); -moz-transform:rotate(-4.5deg); -ms-transform:rotate(-4.5deg); -o-transform:rotate(-4.5deg); transform:rotate(-4.5deg); }.lifted:after {right:7px; left:auto; -webkit-transform:rotate(4.5deg); -moz-transform:rotate(4.5deg); -ms-transform:rotate(4.5deg); -o-transform:rotate(4.5deg); transform:rotate(4.5deg); }

.padding-10 {padding: 7px 10px; }
.dontshow { display:none; }
.hidereveal { display:none !important; }
.reveal { display:block !important; }

/* software version stream listing */
.stream_entry { margin: 30px auto 30px auto; width-min: 66px; float:left; clear: left; } 

/**
* PRINTABLE INVOICE
* There are overrides that might have larger impacts later.
*/
@media only print { 
  .dont-print { display: none; }
  html, body {font-size: 12pt; background: #fff !important; }
  .col-xs-12.col-sm-10.col-sm-offset-1 { margin-left: 0; width: 100%;}
  h1 {font-size: 28pt !important;}
  h1.nukedev.top.invoice { font-size: 20pt !important; letter-spacing: 0.5vw; margin: 0; width: 80vw; text-align: left;}
  .nukedev span.box { margin-left: 0.5vw;  padding: 1vw !important; line-height: 1px;  border-width: 0.1em; border-style: solid;}
  
  .parallax-2-backdrop { padding-bottom: 0px; }
    
  
  table.data_table {width:100%; color: #000; }
  .data_table th { border-right: #000 solid 1px; border-bottom: #ccc solid 1px; }
  table.data_table td,.data_table th {width:auto; padding:10px 10px; font-size:14px; border-right: #ccc solid 1px;vertical-align: middle;}
  table.data_table td:last-child,.data_table th:last-child {border-right: none;}
  table.data_table td.head {background: #fff; color: #262626; font-weight: bold; border-right: none;}
  table.data_table tr {background:rgba(188,188,188,0.7); }
  table.data_table tr.over {background:rgba(122,122,122,0.9); color: #111 }
  table.data_table tr.alt {background:rgba(155,155,155,0.8); }
  table.data_table tr.alt.over {background:rgba(122,122,122,1.0); }

  #atom.invoice { }
  
  #pos { display: none; }
  
  .breadcrumb { display: none; }
}

/*GLOBAL GENERAL CLASSES*/ a {text-decoration:none; color:#114c89; } a:hover {text-decoration:underline; } a:hover img { filter: blur(1.1px); filter: brightness(90%); } a:visited {  } .underline {text-decoration:underline; } .hover-fade:hover {filter:/*IESUX*/alpha(opacity=70);  opacity:.7; } .fade20 {filter:alpha(opacity=80); opacity:0.8; } .fade70 {filter:alpha(opacity=30); opacity:0.3; } .fade10 {filter:alpha(opacity=90); opacity:0.9; } .red_bg {background:#fdd; } hr {border:none; border-bottom: #cecece solid 1px;} p {margin:0 0 15px; } input { font-family:inherit }
/*.width650px {width:660px; } .width550px {width:560px; } .width510px {width:520px; } .width500px {width:510px; } .width450px {width:460px; } .width400px {width:410px; } .width350px {width:360px; } .width330px {width:340px; } .width300px {width:310px; } .width260px {width:270px; } .width250px {width:260px; } .width230px {width:240px; } .width220px {width:230px; } .width210px {width:220px; } .width150px {width:160px; } .width135px {width:145px; } .width120px {width:130px; } .width110px {width:120px; } .width100px {width:110px; } .width90px {width:100px; } .width30px {width:40px; }*/

/* GRID */
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } }

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg { text-align: left; }
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg { text-align: center; }
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg { text-align: right; }
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg { text-align: justify; }

.text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs { text-align: inherit; }
.text-left-xs { text-align: left; }
.text-center-xs { text-align: center; }
.text-right-xs { text-align: right; }
.text-justify-xs { text-align: justify; }

@media (min-width: 768px) { .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {   text-align: inherit; }
  .text-left-sm {   text-align: left; }
  .text-center-sm {   text-align: center; }
  .text-right-sm {   text-align: right; }
  .text-justify-sm {   text-align: justify; } }
@media (min-width: 992px) { .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {   text-align: inherit; }
  .text-left-md {   text-align: left; }
  .text-center-md {   text-align: center; }
  .text-right-md {   text-align: right; }
  .text-justify-md {   text-align: justify; } }
@media (min-width: 1200px) { .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {   text-align: inherit; }
  .text-left-lg {   text-align: left; }
  .text-center-lg {   text-align: center; }
  .text-right-lg {   text-align: right; }
  .text-justify-lg {   text-align: justify; } }

/* columns of same height styles */
.row-xs-height {   display: flex;   flex-wrap: wrap; }
.row-xs-height > [class*='col-xs'] {   display: flex;   flex-direction: column; }
@media (min-width: 768px) {
.row-sm-height {   display: flex;   flex-wrap: wrap; }
.row-sm-height > [class*='col-sm'] {   display: flex;   flex-direction: column; } }
@media (min-width: 992px) {
.row-md-height {   display: flex;   flex-wrap: wrap; }
.row-md-height > [class*='col-md'] {   display: flex;   flex-direction: column; } }  
@media (min-width: 1200px) {
.row-lg-height {   display: flex;   flex-wrap: wrap; }
.row-lg-height > [class*='col-lg'] {   display: flex;   flex-direction: column; } }
/* vertical alignment styles */
.col-top { vertical-align:top; }
.col-middle { vertical-align:middle; }
.col-bottom { vertical-align:bottom; }


 .hidden-xs {
   display: none !important;
 }
 
 @media (min-width: 767px) {
   .hidden-xs {
     display: block !important; /* or whatever default */
   }
 }
 
 /* Example: hide only between 576px and 767px (small) */
 @media (min-width: 767px) and (max-width: 992px) {
   .hidden-sm {
     display: none !important;
   }
 }
 
 /* Example: hide only between 768px and 991px (medium) */
 @media (min-width: 992px) and (max-width: 1200px) {
   .hidden-md {
     display: none !important;
   }
 }
 
 /* Example: hide only between 992px and 1199px (large) */
 @media (min-width: 1200px) {
   .hidden-lg {
     display: none !important;
   }
 }
  

.minimal-ratio { -webkit-appearance: none; background-color: transparent; border: 1px solid #bcbcbc; padding: 8px; border-radius: 40px; display: inline-block; position: relative; bottom: -5px; }
.minimal-ratio:checked { background-color: transparent; color: #000; border: 1px solid #bcbcbc; }
.minimal-ratio:checked:after { content: ' '; width: 10px; height: 10px; border-radius: 40px; position: absolute; top: 3px; left: 3px; background: #676767; font-size: 32px; }
.minimal-ratio:active, .minimal-ratio:checked:active { border: 1px solid #aaa; }
.minimal-ratio:hover { border: 1px solid #111 }

.minimal-checkbox { -webkit-appearance: none; background-color: transparent; border: 1px solid #bcbcbc; padding: 8px; border-radius: 2px; display: inline-block; position: relative; top: 5px; }
.minimal-checkbox:checked { background-color: transparent; border: 1px solid #bcbcbc; }
.minimal-checkbox:active, .minimal-checkbox:checked:active { border: 1px solid #aaa; }
.minimal-checkbox:checked:after { content: '\2714'; font-size: 20px; position: absolute; bottom: -2px; left: 3px; /*color: #676767;*/  color: #b61818; }
.minimal-checkbox:hover { border: 1px solid #b61818; color: #b61818; }
.minimal-checkbox:hover:after { color: #b61818; }

/**
* helpers
*/
.help blockquote.arrow_box { display: none; position: relative; background: #585858; border: 1px solid #333; }
.help blockquote.arrow_box:after, .arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.help blockquote.arrow_box:after { border-bottom-color: #585858; border-width: 6px; left: 50%; margin-left: -6px; }
.help blockquote.arrow_box:before { border-bottom-color: #333; border-width: 7px; left: 50%; margin-left: -7px; }
.help blockquote.help { position:relative }
.help blockquote.arrow_box { display:none; font-weight: normal; font-size:0.8em; line-height:1.6em; padding:2px 5px 3px 5px; min-width:45px; width: auto; height:auto; color:#eee; position:absolute; z-index:10; left: 0px; text-align: center;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.help:hover blockquote.arrow_box { display:block; width: auto;  }
.help.active:hover blockquote { display:none; }

.help { position:relative }
.help pre { display:none; font-weight:bold; font-size:1.1em; line-height:1.1em; padding:2px 5px 3px 5px; min-width: 45px; width: auto; height: auto; color: #eee; position: absolute; z-index: 11; left: 0px; text-align: center; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background: #585858; border: 1px solid #333; overflow: visible; }
.help:hover pre { display:block; }
.help.active:hover pre { display:none; }

.help pre:after, .help pre:before { bottom: 100%; border: solid transparent; content: " "; position: absolute; pointer-events: none; height: 0; width: 0; }
.help pre:before { border-bottom-color: #333; border-width: 6px; left: 15px; margin-left: -5px; }
.help pre:after { border-bottom-color: #585858; border-width: 7px; left: 15px; margin-left: -6px; }

.help_large { margin: 0; padding:5px 7px 5px 10px; height: auto; width:240px; font-weight:bold; font-size:12px; line-height:14px; text-align:left; background: #dedede; border: 1px solid #adadad; color:#333; position:absolute; left:0px; z-index:12; text-align: center;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.help_large:after, .help_large:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.help_large:after { border-bottom-color: #dedede; border-width: 6px; left: 10%; margin-left: -6px; }
.help_large:before { border-bottom-color: #adadad; border-width: 7px; left: 10%; margin-left: -7px; }
.help_large .data { text-align:left;margin: 0; padding: 0; }
.help_large .data .help blockquote { top:39px; }

/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled { position: relative; }
.flickity-enabled:focus { outline: none; }
.flickity-viewport { overflow: hidden; position: relative; height: 100%; }
.flickity-slider { position: absolute; width: 100%; height: 100%; }
/* draggable */
.flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none;    -moz-user-select: none;     -ms-user-select: none;         user-select: none; }
.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; }
/* ---- flickity-button ---- */
.flickity-button { position: absolute; background: hsla(0, 0%, 100%, 0.75); border: none; color: #333; }
.flickity-button:hover { background: white; cursor: pointer; }
.flickity-button:focus { outline: none; box-shadow: 0 0 0 5px #19F; }
.flickity-button:active { opacity: 0.6; }
.flickity-button:disabled { opacity: 0.3; cursor: auto; /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none; }
.flickity-button-icon { fill: currentColor; }
/* ---- previous/next buttons ---- */
.flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; /* vertically center */
  transform: translateY(-50%); }
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; }
.flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; }
.flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; }
/* ---- page dots ---- */

.flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; }
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #999; border-radius: 50%; opacity: 0.25; cursor: pointer; }
.flickity-page-dots .dot.is-selected { opacity: 1; }


/* Flickity fullscreen v1.0.1
------------------------- */

.flickity-enabled.is-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.9);
  padding-bottom: 35px;
  z-index: 1;
}

.flickity-enabled.is-fullscreen .flickity-page-dots {
  bottom: 10px;
}

.flickity-enabled.is-fullscreen .flickity-page-dots .dot {
  background: white;
}

/* prevent page scrolling when flickity is fullscreen */
html.is-flickity-fullscreen {
  overflow: hidden;
}

/* ---- flickity-fullscreen-button ---- */

.flickity-fullscreen-button {
  display: block;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}

/* right-to-left */
.flickity-rtl .flickity-fullscreen-button {
  right: auto;
  left: 10px;
}

.flickity-fullscreen-button-exit { display: none; }

.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit { display: block; }
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view { display: none; }

.flickity-fullscreen-button .flickity-button-icon {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 4px;
  top: 4px;
}

/* flickity-fade */

.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

/* Form Char Counter */
.counter {float:right;font-size:14px;margin: 5px auto 0; font-weight:bold;  }
.warning {}
.exceeded {}

/**
* Custom Facebook-Like Contextual menus
*/
/* small admin element styles */
.context_menu {position: absolute;  z-index: 44; margin: 0; background: rgba(42, 42, 42, 0.936); border-bottom: solid 1px #666; border-right: solid 1px #666; width: auto; padding: 1px; display:none;  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.8);}
.context_menu .menu_item span { text-decoration:none; background: transparent; color: #a7a7a7; width: 100%; display:block; padding: 5px 10px; }
.context_menu span:hover, .context_menu .menu_item_hover span { color: #c55; background: rgba(0, 0, 0, 0.736) }
.context_menu hr { width: auto; height:18px; background:transparent; border:none; margin-bottom: 5px }
input.markup { background: transparent; position:relative; z-index: 1; padding: 10px 10px; color:#333; line-height: 18px; font-weight:normal; }

.input_markup {position: unset; z-index: 1; padding: 0 30px 0 10px; margin-left: 5px; margin-right: 10px; font-size: 0.9rem; width: auto; white-space: nowrap; }
.input_markup .post_group { top: 25px; z-index: 2; color: #fff; display: block; padding: 4px 8px 7px 20px; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; font-weight: normal; }
.input_markup .post_group.existing { margin-left: 7px; position: absolute; background: #179ad0; border: solid 1px #10698c; }
.input_markup .post_group.new_group { margin-right: 22px; position: absolute; right: 0; background: #5ea637; border: solid 1px #477c29; }
.input_markup .post_group.admin { background: #da2525; border: solid 1px #7e2a2a; }

.input_markup span.x_out { margin: 3px 0 0 10px; position: relative; top: 3px; font-size:1.7em; font-weight: bold; background: rgba(27, 26, 26, 0.706); cursor: pointer; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; width: auto; padding: 0 6px 0 6px; text-align: center; alpha(opacity=60); /* CSS3 standard */ opacity:0.6;   }
.input_markup span.x_out:hover { color: #fff }


/**
* Facebook like dropdown menus
*/
ul.drop_menu { position:relative; display:inline-block; [/* IE 7 SUX */]display:inline; /*IE 7 Fix*/zoom:1; vertical-align: top }
ul.drop_menu li.open { position:relative; width: auto; }
ul.drop_menu li.open ul.sublist {position:absolute; z-index:10000; left:0; margin: 0; padding: 0; width:auto; white-space:nowrap; display:none; }
ul.drop_menu li.open ul.sublist li {position:relative; z-index:10001; list-style: none; display:block; height:auto; width:auto;text-align:left; }
/**
* Easy Select Buttons
*/
/* Bool Buttons for Range and Limit Form Selectors */
.btn_container { }
.choose_btn { }
.bool_btn { display:block; cursor: pointer; position: relative; }
.bool_btn.active { }
.bool_btn.disabled { }
.bool_btn.disabled:hover { }
.bool_btn span { }

/**
* Easy Select Buttons
*/
/* Bool Buttons for Range and Limit Form Selectors */
.btn_container { margin: 0 10px 2px 0; display:inline-block; text-align: center}
.bool_btn { display:block; padding: 2px 10px; -webkit-border-radius:2px; -moz-border-radius: 2px; border-radius: 2px; font-weight: normal; letter-spacing: 0; cursor: pointer; position: relative; margin-bottom: 10px;}
.bool_btn.abled, .bool_btn.actived { }
.bool_btn.abled:hover { }
.bool_btn.disabled { }
.bool_btn.disabled:hover { }
.bool_btn span { /* position help popups */ top:25px; left: -40px; min-width:80px; }
/*.bool_btn:hover span { display:block; }*/

/* Limit forms */
.limit_container .bool_btn { display:inline-block; margin-right: 10px; margin-bottom: 6px; background:#617cd3; border:solid 1px #455799; }
.limit_container .bool_btn:hover { }

.limit_container .bool_btn.actived { }
.limit_container .bool_btn.disabled { }

/* Single forms */
.single_container .bool_btn { display:inline-block; margin-right: 10px;  }
.single_container .bool_btn:hover {  }

.single_container .bool_btn.actived { }
.single_container .bool_btn.disabled { }

/* Single forms */
.inline_container { background: transparent; text-align: left; /* -webkit-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; */ white-space: nowrap; }

.inline_container .bool_btn { display:inline-block; padding: 16px 1.3vw 12px 1.3vw; padding-right: min(50px, 5%); padding-left: min(50px, 5%); -webkit-border-radius:0; -moz-border-radius: 0; border-radius: 0; position: relative; margin-bottom: 0; border: none; }
body.accounting .inline_container .bool_btn:last-child { -webkit-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
body.accounting .inline_container .bool_btn { display:inline-block; padding: 16px 0.9vw 12px 0.9vw; /* padding-right: min(40px, 5%); padding-left: min(40px, 5%); */ -webkit-border-radius:0; }
.inline_container .bool_btn:last-child { /* -webkit-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; */ }
.inline_container .bool_btn:hover { border: none; }
.inline_container .bool_btn.actived { border: none; }
.inline_container .bool_btn.disabled { order: none; }

/* Range forms */
.range_container { text-align: center;}
.range_min { vertical-align:top; display:inline-block; margin-right: 0px; padding-left: 20px; }
.range_visual { vertical-align:top; display:inline-block; margin-right: 0px; position:relative; }
.range_max { vertical-align:top; display:inline-block; padding-right: 20px; }
.bool_range_btn.actived { }
.bool_range_btn.disabled { }
.range_container h3 { margin-bottom: 5px; }
.range_min .bool_range_btn,
.range_max .bool_range_btn { display: block; margin: 0 0 5px; padding: 3px 20px; font-size: 13px; line-height: 18px; height: 24px; font-weight: bold; text-align: center; color: transparent; cursor: pointer; outline: none; border-radius: 2px; }
.range_visual .bool_range_btn { display:block; margin: 4px 0 9px;padding: 1px 20px 0px; height: 20px; line-height: 15px;font-weight: bold; text-align: center; color: transparent;position: relative;top: 2px; line-height: 15px;}
.bool_btn.abled, .bool_btn.actived {  }
.bool_btn.abled:hover {  }
.range_visual .bool_range_btn.actived {}
.range_min .bool_range_btn.actived,
.range_max .bool_range_btn.actived { }
.range_min .bool_range_btn.disabled,
.range_max .bool_range_btn.disabled { }
#age_range_container .range_min .bool_range_btn,
#age_range_container .range_max .bool_range_btn { margin: 0 0 3px; padding: 4px 50px; height: 21px; font-size: 13px; line-height: 10px; }
#age_range_container .range_visual .bool_range_btn { margin: 3px 0 5px;padding: 5px 40px 4px; height: 19px; line-height: 9px; position: relative; top: 1px; }
div > .hover_btn { display: none;}
div:hover > .hover_btn { display:block}

/* General site model boxes */
.float_form { margin-bottom:40px; position: absolute; top: -10px; left: -10px; z-index: 100;  padding: 20px;  display:none; }
#overlay-black, #overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #0a0a0a; z-index: 55; display: none; filter: /*IESUX*/alpha(opacity=90);  opacity:.90; }
#overlay-white { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 55; display: none; filter: /*IESUX*/alpha(opacity=70);  opacity:.70; }

.gray_label { color: #aaa; }
.float_form { text-align:left; float: none; padding-right: 20px; }
.float_form h4 { font-weight:bold ; color:#333; }
.float_form form fieldset p { text-align:left; float: none; margin:0 0 5px 10px; padding-top:5px; font-size:14px; color:#222; width:auto; }

/**
* Twitter Fields
* (must come before other formatting)
*/
form p {position:relative; /*float:left;*/ text-align: left; }
form p label {position:absolute; top:0; left:0; margin: 0 5px; padding: 10px 10px; }
form p label { }
form p input[type="text"],form p input[type="password"],form p textarea {   padding: 15px 15px;   -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;   width: 100%;   display: block;   font-size: 15px; }
form p textarea {  max-width: 100%; width: 100%; min-height: 150px;  box-sizing: border-box; outline: 0;height: auto; overflow: hidden;
font-size: 15px;  }
form p input[type="text"][disabled], form p input[type="password"][disabled] { color: #966; }
form p input[type="text"][readonly] { color: #e88; }
form p input[type="submit"],form p input.btn {   margin: 0;   padding: 17px 10px;   position: relative;   top: -1px;   display: block;   -webkit-appearance: button;   -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;   border: 1px solid #999;   background: -webkit-gradient(linear, left top, left bottom, from(#fff7cf), to(#ffd305));   color: #333;   font-size: 15px;   width: 100%;  }
form p input[type="submit"][disabled] {   border: 1px solid #999;   background: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#d5d5d5));   color: #333;  }
form .error_feedback {display: block; height: 20px; }

/*
* v1 search styling used for search pages but also other pages
*/
#search_form h3 { background: #f7f7f7; border-bottom: solid 1px #c4cde1; color: #333; padding: 10px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;}

.blackbox {margin: 10px 0;}

.criteria { font-family: "gotham-book", Arial, Helvetica, sans-serif; letter-spacing: 0; width: auto; margin-bottom: 0; font-size: 0; position: relative; }
.criteria .item {font-size:15px; font-size: 14px; line-height: 22px; }
.criteria .data { padding-left: 20px; display: inline-block; }
.criteria h4.crit_lbl {float: left; text-align: center; margin-top: 0; margin-bottom: 0; /*margin-right: -145px; */ padding-left: 20px; padding-right: 20px; padding-top: 14px; padding-bottom: 12px; font-size:15px; font-weight:normal; color:#686868; text-align:right; min-width: 145px; display:inline-block; background:#f6f6f6; /* -webkit-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; */ }
body.accounting .criteria h4.crit_lbl { padding-left: 20px; padding-right: 20px; padding-top: 14px; padding-bottom: 12px; font-size:15px; font-weight:normal; color:#686868; text-align:right; min-width: 90px; display:inline-block; width: auto; white-space: nowrap; }
.criteria .item > span.control_btn { padding-top: 15px; padding-bottom: 13px; font-size:15px; font-weight:normal; text-align:left; width: 100%; display:block; background:#a8a8a8; -webkit-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;}
.criteria { }
.criteria .btn_container { }
.criteria > .btn_container .bool_btn { margin-bottom: 7px; font-size:15px; font-weight:normal; }
.criteria .item > span.control_btn {-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
.criteria span.control_btn > span { color: #fff; }

.float_form p { max-width: 600px; margin: 5px auto 10px auto; }
.item .float_form { text-align:left; float:none; padding-right:20px; left: 0; right: 0; top: -100px; }
@media (min-width: 770px) {   .item .float_form { width: auto;min-width: 400px; right: 0; left: auto; } }
.float_form .close_btn { margin-top: 0px; margin-right: 0px; -ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; display: block; float: right; font-weight: normal; font-size: 20px; color: #686868 }
.search_popup_control { width: auto; float:right; padding-left: 15px; padding-top: 15px ; }

.remove_btn { position:relative; vertical-align:top; display:inline-block; cursor: pointer; }
.remove_btn span {filter:alpha(opacity=7); opacity:.7;}
.remove_btn span.remove_btn_label  { z-index:400;  }
.remove_btn span.remove_btn_confirm { display:none; position:absolute; top: -6px; min-width: 170px; padding: 5px; left:-50px; z-index:400;  }
.remove_btn span.remove_btn_send { padding: 5px; }
.remove_btn span:hover { filter:alpha(opacity=1); opacity:1; }

.confirm_btn { position:relative; display:inline-block; cursor: pointer; }
.confirm_btn span {filter:alpha(opacity=95); opacity:.95;}
.confirm_btn span.confirm_btn_label  { z-index:400;  }
.confirm_btn span.confirm_btn_confirm { display:none; position:absolute; top: -6px; min-width: 170px; padding: 5px; left:-50px; z-index:400;  }
.confirm_btn span.confirm_btn_send { padding: 5px; }
.confirm_btn span:hover { filter:alpha(opacity=1); opacity:1; }

/** btns */
input[type="submit"].button, input[type="button"].button, .button { padding:7px 15px; font-size:12px; }
input[type="submit"].button:hover, input[type="button"].button:hover, .button:hover { text-decoration: none; }
input[type="submit"].round, input[type="button"].round, .round {-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
input[type="submit"].default, input[type="button"].default, .default {background:#ececec; border:solid 1px #adadad; color:#333333; }
input[type="submit"].default:hover, input[type="button"].default:hover, .default:hover {background:#f0f0f0; }
input[type="submit"].danger, input[type="button"].danger, .danger {background:#ef3b38; border:solid 1px #ef3b38; color:#fff; }
input[type="submit"].danger:hover, input[type="button"].danger:hover, .danger:hover {background:#cf3b38; }
input[type="submit"].success, input[type="button"].success, .success {background:#06c34d; border:solid 1px #06c34d; color:#fff; }
input[type="submit"].success:hover, input[type="button"].success:hover, .success:hover {background:#4aaa66; }
input[type="submit"].primary, input[type="button"].primary, .primary { background: #617cd3; border: solid 1px #455799; color: #fff; }
input[type="submit"].primary:hover, input[type="button"].primary:hover, .primary:hover { background: #506fd3; border: solid 1px #3a4c84; }
input[type="submit"].white, input[type="button"].white, .white {background:#fff; border:solid 2px #9899a1; color:#2e2f31; }
input[type="submit"].white:hover, input[type="button"].white:hover, .white:hover {background:#9899a1; border:solid 2px #9899a1; color:#75787d; }
input[type="submit"].button, input[type="button"].button, .button {margin:3px 0px 3px 0; font-family: "gotham-medium", Arial, Helvetica, sans-serif; display:inline-block; [/* IE 7 SUX */]display:inline; /*IE 7 Fix*/zoom:1 width:auto; }
.button.big, input[type="submit"].button.big {padding: 15px 25px; font-size: 16px; line-height: inherit}

/*
 * Boxer v3.3.0 - 2014-10-28
 * A jQuery plugin for displaying images, videos or content in a modal overlay. Part of the Formstone Library.
 * http://formstone.it/boxer/
 *
 * Copyright 2014 Ben Plum; MIT Licensed
 */
.boxer-lock{overflow:hidden!important}

#boxer-overlay{width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;opacity:0;-webkit-transition:opacity .25s linear;transition:opacity .25s linear}
.boxer-open #boxer-overlay{opacity:.95}
#boxer{width:200px;height:200px;position:absolute;right:0;left:0;z-index:101;background:#121212;border-radius:3px;box-shadow:0 0 25px #000;opacity:0;margin:0 auto;padding:10px}
#boxer *{-webkit-transition:none;transition:none}
#boxer,#boxer *{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}
#boxer,#boxer *,#boxer :before,#boxer :after{-moz-box-sizing:border-box;box-sizing:border-box}
#boxer.fixed{position:fixed;top:0;bottom:0;margin:auto}
#boxer.inline{padding:30px}
#boxer.animating{-webkit-transition:height .25s ease,width .25s ease,opacity .25s linear,top .25s ease;transition:height .25s ease,width .25s ease,opacity .25s linear,top .25s ease}
#boxer.animating .boxer-container{-webkit-transition:opacity .25s linear .25s;transition:opacity .25s linear .25s}
.boxer-open #boxer{opacity:1}
#boxer.loading .boxer-container{opacity:0;-webkit-transition:opacity .25s linear;transition:opacity .25s linear}
#boxer .boxer-close{width:30px;height:30px;position:absolute;top:-7.5px;right:-7.5px;z-index:105;background:#fff;border-radius:100%;cursor:pointer;display:block;overflow:hidden;padding:0;text-indent:200%;white-space:nowrap}
#boxer .boxer-close:before{position:absolute;top:0;right:0;bottom:0;left:0;color:#333;content:"\00d7";display:block;font-size:22px;font-weight:700;line-height:30px;margin:auto;text-align:center;text-indent:0;-webkit-transition:color .15s linear;transition:color .15s linear}
.no-opacity #boxer .boxer-close{text-indent:-999px}
#boxer .boxer-loading{width:50px;height:50px;position:absolute;top:0;right:0;bottom:0;left:0;z-index:105;display:block;margin:auto;opacity:0;-webkit-transition:opacity .25s linear;transition:opacity .25s linear}
#boxer .boxer-loading:before,#boxer .boxer-loading:after{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:110%;content:'';display:block}
#boxer .boxer-loading:before{border:5px solid rgba(51,51,51,.25)}
#boxer .boxer-loading:after{-webkit-animation:boxer-loading-spin .75s linear infinite;animation:boxer-loading-spin .75s linear infinite;border:5px solid transparent;border-top-color:#333}
#boxer.loading .boxer-loading{opacity:1}
@-webkit-keyframes boxer-loading-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)} }
@keyframes boxer-loading-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)} }
#boxer .boxer-container{width:100%;height:100%;position:relative;z-index:103;background:#fff;overflow:hidden}
#boxer .boxer-content{width:100%;background:#121212;opacity:1;overflow:hidden;padding:0}
#boxer.inline .boxer-content,#boxer.iframe .boxer-content{width:auto}
#boxer .boxer-image{float:left; z-index: 100;}
#boxer .boxer-video{width:100%;height:100%}
#boxer .boxer-iframe{width:100%;height:100%;border:none;float:left;overflow:auto}
#boxer .boxer-meta{clear:both}
#boxer .boxer-control{width:40px;height:40px;position:absolute;top:0;background:#fff;border-radius:100%;box-shadow:0 0 5px rgba(0,0,0,.25);cursor:pointer;display:block;margin-right:auto;margin-left:auto;opacity:1;overflow:hidden;text-indent:200%;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;white-space:nowrap}
#boxer .boxer-control:before{width:0;height:0;position:absolute;top:0;right:0;bottom:0;left:0;content:'';margin:auto}
#boxer .boxer-control.previous{left:20px}
#boxer .boxer-control.previous:before{border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10.4px solid #333;margin-left:14px}
#boxer .boxer-control.next{right:20px}
#boxer .boxer-control.next:before{border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10.4px solid #333;margin-right:14px}
#boxer .boxer-control.disabled{opacity:0}
.no-opacity #boxer .boxer-control{text-indent:-999px}
.no-touch #boxer .boxer-control{opacity:0}
.no-touch #boxer:hover .boxer-control{opacity:1}
.no-touch #boxer:hover .boxer-control.disabled{opacity:0;cursor:default!important}
#boxer .boxer-meta{padding:10px 0 0 0}
#boxer .boxer-position{color:#999;font-size:12px;margin:0;padding:15px 15px 0 15px}
#boxer .boxer-caption p{color:#ddd;font-size:14px;margin:0;padding:15px}
#boxer .boxer-caption.gallery p{padding-top:0}
#boxer .boxer-error{width:250px}
#boxer .boxer-error p{color:#900;font-size:14px;margin:0;padding:25px;text-align:center;text-transform:uppercase}
#boxer.mobile{width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background:#111;border-radius:0;padding:40px 0 0}
#boxer.mobile .boxer-close,#boxer.mobile .boxer-close:hover{height:40px;width:40px;top:0;right:0;background:#111;border-radius:0}
#boxer.mobile .boxer-close:before,#boxer.mobile .boxer-close:hover:before{color:#ccc;font-size:28px;font-weight:700;line-height:40px}
#boxer.mobile .boxer-loading:before{border-color:rgba(153,153,153,.25)}
#boxer.mobile .boxer-loading:after{border-top-color:#999}
#boxer.mobile .boxer-container{background:#111}
#boxer.mobile .boxer-content{background-color:#111}
#boxer.mobile .boxer-control{width:50px;height:100%;background:#111;border-radius:0;box-shadow:none;opacity:1}
#boxer.mobile .boxer-control.previous{left:0}
#boxer.mobile .boxer-control.previous:before{border-right-color:#eee;margin-left:19px}
#boxer.mobile .boxer-control.next{right:0}
#boxer.mobile .boxer-control.next:before{border-left-color:#eee;margin-right:19px}
.no-touch #boxer.mobile .boxer-control,.no-touch #boxer.mobile:hover .boxer-control{opacity:1}
.no-touch #boxer.mobile .boxer-control.disabled,.no-touch #boxer.mobile:hover .boxer-control.disabled{opacity:0;cursor:default!important}
#boxer.mobile .boxer-meta{width:100%;position:absolute;right:0;bottom:0;left:0;background-color:#111;padding:15px 65px}
#boxer.mobile .boxer-position{color:#999;font-size:12px;margin:0;padding:0 15px 0 0}
#boxer.mobile .boxer-caption p{color:#eee;font-size:14px;margin:0;padding:0}
#boxer.mobile .boxer-image{-webkit-transition:none!important;transition:none!important;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
#boxer.mobile.animated .boxer-image{-webkit-transition:-webkit-transform .25s ease-out!important;transition:transform .25s ease-out!important}
#boxer.mobile.inline .boxer-content,#boxer.mobile.iframe .boxer-content{overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}

/**
* Site Specific Definitions and styles
*/
html,body { width:100%; height:100%; text-align:center; text-rendering: optimizeLegibility; padding:0;margin:0; }

/**
* FONTS
*/
@font-face { font-family: 'futurapt-book'; src: url('fonts/futurapt/futurapt-book-webfont.eot'); src: url('fonts/futurapt/futurapt-book-webfont.eot') format('embedded-opentype'),
 url('fonts/futurapt/futurapt-book-webfont.woff') format('woff'),
 url('fonts/futurapt/futurapt-book-webfont.ttf') format('truetype'),
 url('fonts/futurapt/futurapt-book-webfont.svg#futureapt-book') format('svg'); }
@font-face { font-family: 'futurapt-bold'; src: url('fonts/futurapt/futurapt-bold-webfont.eot'); src: url('fonts/futurapt/futurapt-bold-webfont.eot') format('embedded-opentype'),
 url('fonts/futurapt/futurapt-bold-webfont.woff') format('woff'),
 url('fonts/futurapt/futurapt-bold-webfont.ttf') format('truetype'),
 url('fonts/futurapt/futurapt-bold-webfont.svg#futureapt-bold') format('svg'); }
 @font-face { font-family: 'futurapt-heavy'; src: url('fonts/futurapt/futurapt-heavy-webfont.eot'); src: url('fonts/futurapt/futurapt-heavy-webfont.eot') format('embedded-opentype'),
  url('fonts/futurapt/futurapt-heavy-webfont.woff') format('woff'),
  url('fonts/futurapt/futurapt-heavy-webfont.ttf') format('truetype'),
  url('fonts/futurapt/futurapt-heavy-webfont.svg#futureapt-heavy') format('svg'); }

@font-face { font-family: 'gotham-book'; src: url('fonts/gotham/gotham-book.eot'); src: url('fonts/gotham/gotham-book.eot') format('embedded-opentype'),
 url('fonts/gotham/gotham-book.woff2') format('woff2'),
 url('fonts/gotham/gotham-book.woff') format('woff'),
 url('fonts/gotham/gotham-book.ttf') format('truetype'),
 url('fonts/gotham/gotham-book.svg#gotham-book') format('svg'); }
@font-face { font-family: 'gotham-medium'; src: url('fonts/gotham/gotham-medium.eot'); src: url('fonts/gotham/gotham-medium.eot') format('embedded-opentype'),
 url('fonts/gotham/gotham-medium.woff2') format('woff2'),
 url('fonts/gotham/gotham-medium.woff') format('woff'),
 url('fonts/gotham/gotham-medium.ttf') format('truetype'),
 url('fonts/gotham/gotham-medium.svg#gotham-medium') format('svg'); }
 @font-face { font-family: 'gotham-black'; src: url('fonts/gotham/gotham-black.eot'); src: url('fonts/gotham/gotham-black.eot') format('embedded-opentype'),
  url('fonts/gotham/gotham-black.woff2') format('woff2'),
  url('fonts/gotham/gotham-black.woff') format('woff'),
  url('fonts/gotham/gotham-black.ttf') format('truetype'),
  url('fonts/gotham/gotham-black.svg#gotham-black') format('svg'); }

@font-face {
  font-family: 'ClanPro-Book';
  src: url('fonts/clanpro/ClanPro-Book.eot');
  src: url('fonts/clanpro/ClanPro-Book.eot?#iefix') format('embedded-opentype'),
      url('fonts/clanpro/ClanPro-Book.woff2') format('woff2'),
      url('fonts/clanpro/ClanPro-Book.woff') format('woff'),
      url('fonts/clanpro/ClanPro-Book.ttf') format('truetype'),
      url('fonts/clanpro/ClanPro-Book.svg#ClanPro-Book') format('svg');
  font-weight: 500;font-style: normal;font-display: swap;}
@font-face {
  font-family: 'ClanPro-News';
  src: url('fonts/clanpro/ClanPro-News.eot');
  src: url('fonts/clanpro/ClanPro-News.eot?#iefix') format('embedded-opentype'),
      url('fonts/clanpro/ClanPro-News.woff2') format('woff2'),
      url('fonts/clanpro/ClanPro-News.woff') format('woff'),
      url('fonts/clanpro/ClanPro-News.ttf') format('truetype'),
      url('fonts/clanpro/ClanPro-News.svg#ClanPro-News') format('svg');
  font-weight: 500;font-style: normal; font-display: swap;}
@font-face {
  font-family: 'ClanPro';
  src: url('fonts/clanpro/ClanPro-Thin.eot');
  src: url('fonts/clanpro/ClanPro-Thin.eot?#iefix') format('embedded-opentype'),
      url('fonts/clanpro/ClanPro-Thin.woff2') format('woff2'),
      url('fonts/clanpro/ClanPro-Thin.woff') format('woff'),
      url('fonts/clanpro/ClanPro-Thin.ttf') format('truetype'),
      url('fonts/clanpro/ClanPro-Thin.svg#ClanPro-Thin') format('svg');
  font-weight: 100;font-style: normal; font-display: swap;}
@font-face {
  font-family: 'ClanPro';
  src: url('fonts/clanpro/ClanPro-Medium.eot');
  src: url('fonts/clanpro/ClanPro-Medium.eot?#iefix') format('embedded-opentype'),
      url('fonts/clanpro/ClanPro-Medium.woff2') format('woff2'),
      url('fonts/clanpro/ClanPro-Medium.woff') format('woff'),
      url('fonts/clanpro/ClanPro-Medium.ttf') format('truetype'),
      url('fonts/clanpro/ClanPro-Medium.svg#ClanPro-Medium') format('svg');
  font-weight: 500;font-style: normal; font-display: swap;}


@font-face { font-family: 'AnimalsNormal'; src: url('fonts/animals/animals-webfont.eot'); src: url('fonts/animals/animals-webfont.eot?#iefix') format('embedded-opentype'),
 url('fonts/animals/animals-webfont.woff') format('woff'),
 url('fonts/animals/animals-webfont.ttf') format('truetype'),
 url('fonts/animals/animals-webfont.svg#AnimalsNormal') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome/fontawesome-webfont.eot'); src: url('fonts/fontawesome/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/fontawesome/fontawesome-webfont.woff') format('woff'),
  url('fonts/fontawesome/fontawesome-webfont.ttf') format('truetype'),
  url('fonts/fontawesome/fontawesome-webfont.svg#AnimalsNormal') format('svg'); font-weight: normal; font-style: normal; }



/**
*
* ///// ABOVE THIS LINE /////
*
*
* ONLY MODULES
* or common elements
* Defined
*
* reusable elements
*
*/

/**
* Error 404
*/
body.error { }
body.error .welcome_section { max-width:600px;margin: 0 auto 20px auto; padding: 70px 0 0;text-align:left; }
body.error .welcome_section h3 {color:#eee; font-size: 16px; line-height: 30px; padding: 20px 0px 20px 0px;}
body.error .welcome_section h3 span {color:#aaa; font-style:normal}
body.error .welcome_section .message {font-size: 16px;line-height: 25px;padding: 0 0 200px;color: #eee;}
body.error .welcome_section .message span {color:#aaa;font-style:normal;}

.line-gray-horz {width: 100%; border-top: 1px solid #ccc}

/* social */
#social { display: block; height: auto; width: auto; }
#social a.social-btn { margin-left: 3px; position: relative; z-index: 99; display:inline-block; [/* IE 7 SUX */]display:inline;/*IE 7 Fix*/zoom:1; width: 64px; height:64px; filter:alpha(opacity=100); opacity:1; }
#social a.social-btn:hover { filter:/*IESUX*/alpha(opacity=60); opacity:0.6;}
#social a.social-btn#facebook { background: transparent url('../slfx_images/social/128-facebook.png') no-repeat center center; background-position: 0px 0px; background-size: 100%;}
#social a.social-btn#twitter { background: transparent url('../slfx_images/social/128-twitter.png') no-repeat center center; background-position: 0px 0px; background-size: 100%;}
#social a.social-btn#googleplus { background: transparent url('../slfx_images/social/128-googleplus.png') no-repeat center center; background-position: 0px 0px; background-size: 100%;}
#social a.social-btn#tumblr { background: transparent url('../slfx_images/social/128-tumblr.png') no-repeat center center; background-position: 0px 0px; background-size: 100%;}
#social a.social-btn#youtube { background: transparent url('../slfx_images/social/128-youtube.png') no-repeat center center; background-position: 0px 0px; background-size: 100%;}
#social a.social-btn#vimeo { background: transparent url('../slfx_images/social/128-vimeo.png') no-repeat center center; background-position: 0px 0px; background-size: 100%;}

/* Global */
html,body { margin-top:0; }
#header { position: absolute; z-index: 100; width: 100%; height: 78px; margin-top: 0px; }

/*a.logo { margin: 15px 10px; width:222px; height: 55px; display:block; background: transparent url('/slfx_images/global/nkdv-logo.png') no-repeat center center; background-size: 100%;}
@media only screen and (max-width: 700px) {
 a.logo { margin: 10px auto; } }*/

#atom {background-image: url("/slfx_framework/slfx_images/slfx_error_img.png"); background-position: center left; background-repeat: no-repeat; display:inline-block; width: 50px; height: 80px; background-size: 117%; position: relative; left: -10px;  z-index: 100; filter:alpha(opacity=95); opacity:0.95;}
#atom:hover { filter:alpha(opacity=70); opacity:0.7;}

/* Table style */
table.data_table {width:100%; color: #353535; }
table.data_table td,.data_table th {width:auto; padding:10px 10px; font-size:16px; border-right: #ccc solid 1px;}
table.data_table td:last-child,.data_table th:last-child {border-right: none;}
table.data_table td.head {background: #fff; color: #262626; font-weight: bold; border-right: none;}
table.data_table tr {background:rgba(188,188,188,0.7); }
table.data_table tr.over {background:rgba(122,122,122,0.9); color: #111 }
table.data_table tr.alt {background:rgba(155,155,155,0.8); }
table.data_table tr.alt.over {background:rgba(122,122,122,1.0); }

@media screen and (max-width: 600px) { table.data_table {   border: 0; }
  table.data_table th {   display: none; }
  table.data_table tr {   border-bottom: 3px solid #ddd;   display: block;   margin-bottom: .625em; }
  table.data_table tr:first-child {   border-bottom: 0; }
  table.data_table td {   border-bottom: 1px solid #ddd;   display: block;   font-size: .8em;   text-align: right; }
  table.data_table td:before {   content: attr(data-label);   float: left;   font-weight: bold;   text-transform: uppercase; }
  table.data_table td:last-child {   border-bottom: 0; } }

/**
* Footer
*/
#footer { padding-top: 20px; padding-bottom: 20px;  }
#footer, #footer ul, #footer ul li { font-family: "ClanPro", Arial, Helvetica, sans-serif; position:relative; bottom:0px; left:0px; height:auto; margin:0 auto;  text-align: left; font-size: 14px; line-height: 22px; }
#footer p { font-family: "futurapt-bold", Arial, Helvetica, sans-serif; position:relative; bottom:0px; left:0px; height:auto; margin:0 auto; font-size: 14px; line-height: 32px; }
#footer strong { font-family: "futurapt-black", Arial, Helvetica, sans-serif; position:relative; bottom:0px; left:0px; height:auto; margin:0 auto;  text-align: left; font-size: 14px; line-height: 22px; }
#footer a {  font-weight: normal;}

/* Typefaces */
body {  -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-font-smoothing: antialiased;  line-height: 1.5em;  text-rendering: optimizeLegibility; }
h1 { font-size: 42px;  font-weight: normal;  margin-top: 5px; margin-bottom: 5px; padding: 5px 0px; line-height:1em }
h2 { font-weight: normal; -webkit-font-smoothing: antialiased; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; text-shadow: rgba(0,0,0,.01) 0 0 1px; line-height: 1.5em; letter-spacing: 3px; text-rendering: optimizeLegibility; margin-top:55px; padding: 0; }
h3 {  font-weight: bold; -webkit-font-smoothing: antialiased; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;  text-shadow: rgba(0,0,0,.01) 0 0 1px; font-size: 17px; line-height: 1.5em; letter-spacing: 3px; text-rendering: optimizeLegibility; padding: 0; }
h4 { font-size:25px; font-weight:normal; letter-spacing: 2px; line-height:1.6em; padding: 4px 0 5px;   }
h5 {  font-size:18px; font-weight:normal; line-height:1.1em; padding: 1px 0 20px; }
p {  width: auto; margin:5px auto 10px auto; padding:0; font-size:2vw; line-height:1.7em; background: transparent}
/*ul {width: auto; margin:10px auto 10px 20px;padding:0;font-size:17px; line-height:1.3em; list-style-type: disc; text-align: left;}
li {margin:6px auto 10px auto;}*/
.text-shadow { text-shadow: 0.1em 0.1em 0.3em #111;}
hr { padding-top: 40px; margin-bottom: 70px;}
div.invoice_blob h1 { font-size: 42px;  font-weight: normal;  margin-top: 5px !important; margin-bottom: 5px !important; padding: 5px 0px; line-height:1em }
img.percent100, .wordage .percent100 img {width: 100%; position: relative; z-index: 10;}
.small { font-size: 0.85rem !important; }

.clickable { text-decoration:none; cursor: pointer }

/* Nav Dropdown Function */
ul.nav {font-family: 'Quattrocento Sans', Arial, Helvetica, sans-serif; font-weight: 400; letter-spacing: 1.5px; }
ul.nav li { position: relative; display: inline-block; vertical-align: top;  }
ul.nav li:hover { text-decoration: none; }
ul.nav a,
ul.nav span { min-width: 130px; height: 45px; padding: 14px 10px 0 10px; display:block; font-size: 1.4vw; }
ul.nav a:hover { }

/* Nav Sublist Dropdown Function*/
ul.nav li ul.drop_menu li a.drop_button.active:after { margin-left: 7px; font-family: FontAwesome; content:"\f107" }
ul.nav li ul.drop_menu li a.drop_button:after { margin-left: 12px; font-family: FontAwesome; content:"\f105" }
ul.nav li ul.drop_menu li.open ul.sublist { height: auto; }
ul.nav li ul.drop_menu li.open ul.sublist li { display:block; }
ul.nav li ul.drop_menu li.open ul.sublist a,
ul.nav li ul.drop_menu li.open ul.sublist span { text-align: left; }
ul.nav li ul.drop_menu li.open ul.sublist a:hover,
ul.nav li ul.drop_menu li.open ul.sublist span:hover { }
ul.nav li ul.drop_menu li.open ul.sublist a.is_active,
ul.nav li ul.drop_menu li.open ul.sublist span.is_active { }
ul.nav li ul.drop_menu li.open ul.sublist li hr {height: 1px; margin: 10px 0; padding: 0; }

ul.nav#nav-settings { position: relative; z-index: 6; }


/**
red and gray
box-shadow: inset 1px -1px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 1px -1px 10px rgba(0, 0, 0, 0.3); color: #dd4B39; background: #a8a8a8; */

/* Nav Main Styling */
ul.nav#nav-main { margin: 15px; height: auto; display: block; vertical-align: top; font-size:0; float:right; }
ul.nav#nav-main a, ul.nav#nav-main span { width: 130px; }
ul.nav#nav-main a:hover, ul.nav#nav-main span:hover { text-decoration: none; }

/* active styling*/
a.is_active,
ul.nav#nav-main a.is_active { }

ul.nav#nav-main a.is_active:hover { }
ul.nav#nav-main li ul.drop_menu li a.drop_button.active {  }
ul.nav#nav-main li ul.drop_menu li.open ul.sublist a,
ul.nav#nav-main li ul.drop_menu li.open ul.sublist span { text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
ul.nav#nav-main li ul.drop_menu li.open ul.sublist a:hover,
ul.nav#nav-main li ul.drop_menu li.open ul.sublist span:hover { }
ul.nav#nav-main li ul.drop_menu li.open ul.sublist a.is_active,
ul.nav#nav-main li ul.drop_menu li.open ul.sublist span.is_active { }

/* SubNav Styling */
ul.nav#nav-sub { margin: 20px 10px; height: auto; display: block; vertical-align: top; font-size:0; text-align: right; position: relative;}
ul.nav#nav-sub a,
ul.nav#nav-sub span { display:block; font-size: 1.4vw  }
ul.nav#nav-sub a {  min-width: 155px; text-align: center; }
ul.nav#nav-sub span {}
ul.nav#nav-sub a:hover { }

ul.nav#nav-sub a.is_active:hover {}
ul.nav#nav-sub > li { border-right-width: 1px; border-right-style: solid; }
ul.nav#nav-sub > li:last-child {}

ul.nav#nav-sub a.is_active {}
ul.nav#nav-sub li ul.drop_menu { z-index: 11; position: relative;}
ul.nav#nav-sub li ul.drop_menu li a.drop_button.active { }
ul.nav#nav-sub li ul.drop_menu li.open ul.sublist { font-size: 0.7em; right: auto; left: 0; /* right: -1px; left: auto; */ border-right-style: solid; border-right-width: 1px }
ul.nav#nav-sub li:last-child ul.drop_menu li.open ul.sublist { right: -1px; left: auto; }
ul.nav#nav-sub li ul.drop_menu li.open ul.sublist a,
ul.nav#nav-sub li ul.drop_menu li.open ul.sublist span { text-align: left; }
ul.nav#nav-sub li ul.drop_menu li.open ul.sublist a:hover {}
ul.nav#nav-sub li ul.drop_menu li.open ul.sublist span:hover {}
ul.nav#nav-sub li ul.drop_menu li.open ul.sublist a.is_active {}

ul.nav#nav-sub li ul.drop_menu li.open ul.sublist span {}
ul.nav#nav-sub li ul.drop_menu li.open ul.sublist span:after { margin-left: 7px; font-family: FontAwesome; content:"\f107" }

ul.nav#nav-settings { position: absolute; top: 0; right: 0; z-index: 45; }
ul.nav#nav-settings li ul.drop_menu li.open ul.sublist { font-size: 0.7em; right: 0; left: auto; }
ul.nav#nav-settings a, ul.nav#nav-settings span { min-width: 0; height: 55px; padding: 14px 10px 14px 10px; display:block;font-size: 1.4vw; z-index: 100; }
ul.nav#nav-settings li.open a.drop_button { -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
ul.nav#nav-settings li.open a.drop_button.active { -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }



/* global parallax head first main */
.top-margin {margin-top: 78px;}

.parallax { background-position: bottom center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover }
.parallax-1 { /* margin-top: 78px; */  min-height: 200px; background-position: bottom center; /* background-repeat: no-repeat; background-attachment: fixed; */ }
.parallax-2-backdrop {  background-attachment: fixed; background-position: bottom center; background-repeat: no-repeat; background-size: cover; /* opacity: 0.8; transform: translate3d(0.0,0.0,0.0); */ }
.parallax-2 { /* background-size: cover; */ height: 100px; opacity: 1; -webkit-filter: blur(17px); -moz-filter: blur(17px);-o-filter: blur(17px); -ms-filter: blur(17px); filter: blur(17px); /* transform: translate3d(0.0,0.0,0.0); */}

h1.top { margin: 120px 0 70px; font-size: 8vw; font-weight:bold; letter-spacing: 1vw; color: #dd4B39; height: 80px; text-shadow: 2px 2px 5px rgba(0,0,0,0.7); }
body.main p.top { font-family: "gotham-medium", Arial, Helvetica, sans-serif !important; }    
body.home .parallax-1 { height: 400px; /*background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; */ }
body.contact .parallax-1 { background-position: 50% 90%; background-repeat: no-repeat; background-attachment: inherit; }

.home .parallax-2-backdrop { /*background-color: #fff; */ background-position: top center; background-repeat: no-repeat; background-attachment: fixed;  background-size: cover; padding-bottom: 75px; /* opacity: 0.9; */}
.home .parallax-2 { height: 340px; opacity: 1; -webkit-filter: blur(17px); -moz-filter: blur(17px);-o-filter: blur(17px);-ms-filter: blur(17px);filter: blur(17px); }
.parallax p { color: rgba(255, 255, 255, 0.8); text-align: center; letter-spacing: 0.1vw; margin-top: 20px; z-index: 1; position: absolute; left: 50%; width: 100%; max-width: 1440px; display: block; margin-left: -50%; padding: 0 25px; margin-left: auto; margin-right: auto; left: 0; right: 0; }
    
    
div.special > div[class*="col-"] { padding-left: 0;padding-right: 0;  }
/* */

.contain { position: relative; width: 100%; height: 0; padding-bottom: 56.25%;  }
.video { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }


.holder {font-size: 0; padding: 1vw 0; }

/**
 * About
 */
#team {margin: 0 0 20px 0;}
#team.item {width: auto; height:auto; margin: 0; background: #efefef; padding: 20px ; }
.drop-shadow.lifted img {position: relative; z-index: 3;}
.drop-shadow { padding: 0 0 0px; margin:  0 0; display: inline-block }
#team.item .txt { margin-left: 20px; display: inline-block; vertical-align: top; }
#team h3 { font-size: 20px;}
#team h4 { font-size: 18px;}

/**
 * recent Gallery
 */
body.recent .item_gallery { padding: 20px 10px ; }


/**
 * Help in Accounting
 */

#help_replaceable { position: absolute; top: 0; left: 0; right: 0; z-index: 20; background: rgba(50,50,50,0.90); min-height: 315px;  }

#help_replaceable .help_close.help_clickable.btn { position: absolute; top: 0; left: 0; z-index: 4; padding: 15px 20px; background: rgba(0,0,0,0.95); display: block; font-size: 20px; font-weight: bold; text-transform: none;  float: left; clear: both; -moz-border-radius-bottomright: 7px; border-bottom-right-radius: 7px; border-bottom-right-radius: 7px; }



#help_replaceable .help_close.clickable.btn:hover { background: rgba(060,20,20,0.75); color: rgba(179,30,30,1); }

#first { }

.code_comment:before { }

.code_comment:after {  }


/**
* hosting CM
* client mod
*
*/
#choose_user_single {}
#choose_user_single.criteria { margin-top: 15px; }
#choose_user_single.criteria h4.crit_lbl { padding-top: 14px; padding-bottom: 14px; }
#choose_user_single.criteria .item > span.control_btn { padding-top: 17px;  padding-bottom: 17px; }

#choose_domain_single {}
#choose_domain_single.criteria { margin-top: 15px; }
#choose_domain_single.criteria h4.crit_lbl { padding-top: 14px; padding-bottom: 14px; }
#choose_domain_single.criteria .item > span.control_btn { padding-top: 17px;  padding-bottom: 17px; }

#choose_service_single {}
#choose_service_single.criteria { margin-top: 15px; }
#choose_service_single.criteria h4.crit_lbl { padding-top: 14px; padding-bottom: 14px; }
#choose_service_single.criteria .item > span.control_btn { padding-top: 17px;  padding-bottom: 17px; }

div.paid { font-size: 12vw; font-weight: bold; letter-spacing: 2vw; color: #9cf; text-transform: uppercase; -ms-transform: rotate(-12deg); /* IE 9 */ -webkit-transform: rotate(-12deg); /* Chrome, Safari, Opera */ transform: rotate(-12deg); filter: alpha(opacity=60); opacity:0.6; border: solid 1.7vw #9cf; /*top: 300px;*/ padding: 7vw 3.5vw 7vw 7vw; width: auto; left: 0; right: 0; position: absolute; display: inline-block; -webkit-border-radius:1vw; -moz-border-radius:1vw; border-radius:1vw; text-align: center; }

/** donate specific!! */
body.main.payment #pos { -moz-border-radius-:4px; border-radius: 4px; min-height: 450px; }
body.main.payment #pos .search_popup_control { float: none; }
body.main.payment #pos #pos-head { -moz-border-radius-topright: 2px; border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px;  padding-top: 30px; padding-bottom: 30px; }
body.main.payment #pos #pos-head h3 { position: relative; z-index: 3; font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif; font-size: 24px; text-transform: uppercase; text-align: center; padding-top: 0; font-weight: bold }
body.main.payment .slide {padding: 32px; }
body.main.payment #pos h4 { position: relative; z-index: 3; font-family: 'Sentinel 7r', 'Sentinel A', 'Sentinel B', "jubilat", Georgia, serif; font-size: 24px; text-align: left; padding-top: 0; font-weight: bold; margin-left: 5px;margin-bottom: 20px;}

/* Donate Buttons */
body.main.payment #breadcrumbs { display: block; width: 380px; height: 85px; /*border-bottom: 1px solid #fff;*/  }
body.main.payment #breadcrumbs li { display: block; position: relative; float: left;  list-style-type: none; text-align: center; font-size: 14px; font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif; font-weight: normal; padding: 18px 0 20px 29px; -webkit-transition: color 0.25s linear, background-color 0.25s linear; -moz-transition: color 0.25s linear, background-color 0.25s linear; transition: color 0.25s linear, background-color 0.25s linear; }
body.main.payment #breadcrumbs li hr { position: absolute; left: -10px;  padding-top: 0; width: 50px; border-bottom: 0;  }
body.main.payment #breadcrumbs li span { display: block; background: #b8b8b8; width: 18px; margin: 5px auto 0; color: #fff; padding: 4px; border-radius: 5em; text-align: center; font-weight: bold; -webkit-transition: color 0.25s linear, background-color 0.25s linear; -moz-transition: color 0.25s linear, background-color 0.25s linear; transition: color 0.25s linear, background-color 0.25s linear; }
body.main.payment #breadcrumbs li b { display: block; width: 100%; height: 2px; opacity: 0; margin: 10px auto 0; }
body.main.payment #breadcrumbs li:first-child { margin-left: 40px; padding-left: 0; }
body.main.payment #breadcrumbs li.saved-payment:first-child { margin-left: 142px; }
body.main.payment #breadcrumbs li.completed,
body.main.payment #breadcrumbs li.current { color: #555555; font-weight: bold; cursor: pointer; }
body.main.payment #breadcrumbs li.completed hr,
body.main.payment #breadcrumbs li.current hr { background: #b9d982; }
body.main.payment #breadcrumbs li.completed span,
body.main.payment #breadcrumbs li.current span { background: #81c341; text-shadow: 1px 1px 0 #dbdbdb; -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2); }
body.main.payment #breadcrumbs li.completed:hover,
body.main.payment #breadcrumbs li.current:hover { color: #000; text-shadow: 0 0 10px #fff; }
body.main.payment #breadcrumbs li.completed:hover span,
body.main.payment #breadcrumbs li.current:hover span { background: #5b8b2c; text-shadow: 1px 1px 0 #d3d3d3; }
body.main.payment #breadcrumbs li.completed:hover b,
body.main.payment #breadcrumbs li.current:hover b { opacity: 1; -webkit-animation: 0.15s ease; -moz-animation: 0.15s ease; animation: 0.15s ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; transition: opacity 0.25s linear; }

body.main.payment .bool_btn { min-width: 80px; padding: 8px 5px; font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif; font-size: 19px; font-weight: bold; text-align: center; color: #fff; margin: 1px 0 0 3px; cursor: pointer; outline: none; -webkit-transition: background-color 0.15s linear, box-shadow 0.15s linear; -moz-transition: background-color 0.15s linear, box-shadow 0.15s linear; transition: background-color 0.15s linear, box-shadow 0.15s linear; margin-bottom:15px; }
body.main.payment .bool_btn.abled { background: #008fc5; background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.3) 100%); background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(255, 255, 255, 0.2))); border: 1px solid #0088bb; border-radius: 3px; box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.4), 0px 1px 1px 1px #003246; }

/* 3d Arrow Button Styles */
.button.bordered {margin: 20px 0 0 0;top: 10px; font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif; font-weight: bold;-webkit-box-shadow: 0 1px 1px #679c49, 0 -1px 1px #679c49; border: solid 1px #679c49;display: inline-block;cursor: pointer;padding: 10px 20px;font-size: 17px;line-height: 28px;height: 49px;width: 110px;margin-top: 1px;-webkit-box-sizing: border-box;-webkit-border-radius: 5px;background-image: -webkit-gradient(linear, left top, left bottom, from(#8eb666), to(#5ea636)); color: #fff;-webkit-tap-highlight-color: transparent;-webkit-user-select: none;}
.button.bordered:hover, .button.bordered.touched {background-image: -webkit-gradient(linear, left bottom, left top, from(#5e9636), to(#3e5616)); -webkit-tap-highlight-color: transparent;}
/* End Bordered Button Styles *//* Next Bordered Button Styles */
.button.bordered.next {padding: 0px 3px 0px 7px;margin-right: 10px;position: relative;width: 100%;}
.button.bordered.next > span {position: relative;z-index: 1;}
.button.bordered .label {top: 8px;margin: 20px; font-size: 25px;}
.button.bordered.next > span.pointer {z-index: 0;background-image: -webkit-gradient(linear, left top, right bottom, from(#8eb666), to(#5ea636)); border-right: solid 1px #477c29;border-top: solid 1px #477c29;-webkit-border-top-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-top-right-radius: 4px; height: 38px;width: 38px;display: inline-block;-webkit-transform: rotate(45deg);-webkit-mask-image: -webkit-gradient(linear, right top, left bottom, from(#000000), color-stop(0.5,#000000), color-stop(0.5, transparent), to(transparent));position: absolute;right: -17px;top: 4px;-webkit-background-clip: content;}.button.bordered.next:hover > span.pointer, .button.bordered.next.touched > span.pointer {background-image: -webkit-gradient(linear, right top, left top, from(#5e9636), to(#3e5616)); }

/* Client plan map */
tr.hide_details td {  }
/* 
tr.hide_details div.criteria { width: 49%; display: inline-block; transition: width 0.3s;-webkit-transition-delay: .5s;transition-delay:.5s;}
tr.hide_details div.criteria .control_btn{ -moz-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border-radius: 3px; }

tr.hide_details div.criteria h4 { visibility: hidden; transition: visibility 0.35s;-webkit-transition-delay: .5s;transition-delay:.5s;  }
tr.hide_details div.criteria .item { margin-left: 0; transition: margin-left 0.35s;-webkit-transition-delay: .5s;transition-delay:.5s;   }
tr.hide_details .btn_container { visibility: hidden;  }
*/
tr.hide_details:hover .dontshow {  }
tr.hide_details:hover div.criteria { width: 100%; /* display: inline-block; */ }
tr.hide_details:hover div.criteria h4 { visibility: visible;  }
tr.hide_details:hover div.criteria .item { /*margin-left: 145px;*/   }
tr.hide_details:hover .btn_container { visibility: visible;  }

tr.show_details .show { display:inline !important;  }


body.admin.payment #pos { display: none; }

/**
 * Breadcrumb Nav
 */
ul.breadcrumb { z-index: 30; width:auto; margin: 0; padding: 0 0 0 1vw; background: #f1f1f1; list-style: none; text-align: left;font: 12px/18px Arial, Helvetica, sans-serif; }
ul.breadcrumb li { position:relative;display:inline-block; [/* IE 7 SUX */]display:inline;/*IE 7 Fix*/zoom:1; color: #ccc}
ul.breadcrumb a { font-size: 15px;padding:10px;color:#222;text-align:center;vertical-align:middle;display:inline-block; [/* IE 7 SUX */]display:inline;/*IE 7 Fix*/zoom:1; }
ul.breadcrumb li:after { content: "> "; position: relative; top: 2px; }
ul.breadcrumb a:hover { filter: alpha(opacity=70); opacity:0.7; }
ul.breadcrumb a.active { background: #424242;background: }
ul.breadcrumb li.root a { color: #121212; }

/* grid Solver */
.slfx-grid_solve {  margin: 0 0 20px; padding:0px;overflow:hidden; }
.slfx-grid_solve .photo { outline: none; border: none; float:left;position:relative;background-position:center;vertical-align:bottom; background-size:100% 100%;background-color:#721a0f;margin: 10px; }




/**
*
* Mobile
*/
@media (max-width: 770px) {
  .logo { display: none; }
  ul.nav a, ul.nav span {height: auto; }
  ul.nav#nav-main { float: none; margin: 12px; }
  ul.nav#nav-main a, ul.nav#nav-main span { padding: 7px 4vw 7px 4vw; min-width: 0; width: auto; font-size: 2.5vw; }
  ul.nav#nav-sub {  margin: 7px 0; float: none; text-align: center; }
  ul.nav#nav-sub a, ul.nav#nav-sub span { padding: 7px 3vw 7px 3vw; min-width: 0; width: auto; text-align: center; font-size: 2.5vw; }
  /* ul.nav#nav-sub li ul.drop_menu li.open ul.sublist { right: auto; left: 0; } */
  h1.sherconn.top { margin: 146px 0 40px; }
  h1.top { margin: 40px 0 20px; font-size: 8vw; }
  .wordage h2, h2 {font-size: 28px;}
  .parallax { background-position: 50% 50%; background-repeat: no-repeat; background-attachment:scroll; background-size: cover;  }
  .parallax-1 { min-height: 250px; }
  .parallax-2-backdrop { opacity: 0.0; }
  .parallax-2 { display: none;  }
  .parallax p { color: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px 10px rgba(0,0,0,0.9);  text-align: center; letter-spacing: 0.1vw; margin-top: 1.5vw;  z-index: 25; position: absolute; width: 100%; display: block; margin-left: -25px; padding: 0 0 0 25px;  }
  .parallax p.top { display: block; background: rgba(255, 255, 255, 0.094); margin-top: 0x; padding: 2vw 20px 2vw 20px; margin-left: 15vw; margin-right: 15vw; margin-bottom: 40px; width: auto; height: auto; position: static }
  
  p { font-size: 18px; }
  h1 { font-size: 32px; }
  h2 { font-size: 26px; }
  h3 { font-size: 22px; margin-top: 10px; }
  h4 { font-size: 22px; }
}

/**
*
* Medium
*/
@media (min-width: 770px) and (max-width:1199px) {
  #home_btn { display: none }
  h1.top { font-size: 7vw; }
  .parallax p.top { margin-top: 30px; text-shadow: 1px 1px 15px rgba(0,0,0,0.9); }
  .home .parallax p.top { margin-top: 160px; }
  .parallax-2-backdrop { padding-bottom: 100px; }
  #header.hide .parallax-2-backdrop { padding-bottom: 0px; }
  ul.nav#nav-main a, ul.nav#nav-main span { padding: 8px 3vw 14px 3vw; min-width: 0; width: auto; font-size: 1.1vw; }
  ul.nav#nav-sub a, ul.nav#nav-sub span { height: auto; padding: 10px 3vw 10px 3vw; min-width: 0; width: auto; text-align: center; font-size: 1vw; } 
}


/**
*
* Large
*/
@media (min-width: 1200px) {
  #home_btn { display: none }
  h1.top { margin: 80px 0 30px; font-size: 80px; }
  h1.sherconn.top { margin: 150px 0 215px; }
  .parallax-2-backdrop { padding-bottom: 70px; }
  .parallax p.top { margin-top: 50px; text-shadow: 1px 1px 15px rgba(0,0,0,0.9); }
  ul.nav#nav-main a, ul.nav#nav-main span { padding: 10px 3vw 14px 3vw; min-width: 0; width: auto; font-size: 1.1vw; }
  ul.nav#nav-sub a,ul.nav#nav-sub span { height: auto; padding: 10px 3vw 10px 3vw; min-width: 0; width: auto; text-align: center; font-size: 1vw; } 
 
}


.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after { display: table; content: " "; }
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after { clear: both; }