/* global styles ===========================*/
body {
background:#F7F7F7;
font-family: Verdana,Geneva,sans-serif;
font-size:16px;
 -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

blockquote {
margin: 1.5em 0 1.5em;
padding: 0 1em 0 1.8em;
position:relative;
}

blockquote:before {
color: #222222;
content: "\201C";
font-size: 4em;
position:absolute;
left:0px;
top: 0.3em;
line-height: 0.1em;
}

blockquote:after {
color: #222222;
content: "\201D";
font-size: 4em;
position:absolute;
right:0px;
bottom: 0em;
line-height: 0.1em;
}

cite {
  font-style: normal;
}

header {
padding-top:50px;
}

a:active,
a:hover {
outline: 0;
text-decoration:underline;
}

.page-header {
padding-top:25px;
}

a:focus {
outline: 0px;
}

.img-thumbnailgarment {
display: inline-block;
height: auto;
max-width: 100%;
cursor: pointer;
}


.img-thumbnailthumb {
display: inline-block;
width: 220px;
height: 165px;
padding: 4px;
line-height: 1.428571429;
background-color: #ffffff;
border: 1px solid #dddddd;
cursor: pointer;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

li red {
color:#cc0605;
}

li span {
color:#222222;
}

.menu {
color:#f7f7f7;
font-size:12px;
}

.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}

.shipping {
color: #ff8000;
text-align:right;
}

.portfolio-item {
padding-top:10px;
padding-bottom:10px;
}

.td1 {
padding:10px;
}

.panel-default > .panel-headingf7f7f7 {
color: #222222;
background-color: #f7f7f7;
border-color: #f7f7f7;
}

.panel {
margin-bottom: 20px;
background-color: #f7f7f7;
border-radius: 4px; 
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
       cursor: pointer;
}

.cursor {
cursor:pointer;
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  text-align: center;
  background-color: #99CCFF;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
          transition: width 0.6s ease;
}

.progress-value {
 position:absolute;
    right:0;
    left:0;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9 {
  padding-bottom: 42.857143%;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.embed-responsive-1by1 {
  padding-bottom: 100%;
}


/* /global styles ===========================*/

@media print {
#noprint {
  display: none;
}  
}

/* Hero ===========================*/
.hero {
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0px;
text-align: justify;
}

.h2hero {
font-size: 30px;   
}
/* /Hero ===========================*/

/* Forms ===========================*/
.formtable {
width:100%;
cellpadding:10px;
text-align:center;
margin:0 auto;
}

.input-md {
width:95%;
height: 40px;
padding: 6px 16px;
font-size: 14px;  
line-height: 1.33;
border-radius: 6px;
margin-left:15px;
margin-right:15px;
}

.input-lg {
height: 45px;
padding: 10px 16px;
font-size: 16px;  
line-height: 1.33;
border-radius: 6px;
}

select.input-lg {
height: 40px;
padding: 6px 16px;
font-size: 18px;  
line-height: 1.33;
border-radius: 6px;
margin-left:15px;
margin-right:15px;
}

.input-xlg {
height: 40px;
padding: 6px 16px;
font-size: 18px;  
line-height: 1.33;
border-radius: 6px;
margin-left:15px;
margin-right:15px;
}

.form-small .control-label {
width: 100px;
}

.form-small .controls {
margin-left: 120px;
}

.form-medium .control-label {
width: 180px;
}

.form-medium .controls {
margin-left: 200px;
}

.form-xlarge .control-label {
width: 240px;
}

.form-xlarge .controls {
margin-left: 260px;
}

label {
display: inline-block;
margin-bottom: 5px;
font-weight: normal;
margin-left: 10px;
}

label.valid {
width: 24px;
height: 24px;	
background:url(../../images/site-elements/valid.png) center center no-repeat;
display: inline-block;
text-indent: -9999px;
}

label.error {
font-size:16px;
color: red;
padding: 2px 2px;
margin-top: 2px;
}

.well-legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 22px;
text-align:left;
line-height: inherit;
color: #f7f7f7;
border: 0;
border-bottom: 1px solid #ff8000;
}

.well-form {
min-height: 20px;
padding: 6px;
margin-bottom: 20px;
background-color: #E0E0E0;
border: 2px solid #222222;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well-submit {
background: #222222;
color:#f7f7f7;
height:100%;
width: 100%;
font-size:22px;
text-align:center;
overflow:hidden;
margin-top:10px;
margin-bottom:0px;
padding-top:15px;
padding-bottom:15px;
}

.form-inline .form-group input {
width:225px;
}
/* /Forms ===========================*/

/* Typography ===========================*/
h1 {
font-family: Verdana,Geneva,sans-serif;
font-size: 36px;
font-weight: 900;
line-height:1.2; 
text-transform:none;
}

h2 {
font-family: Verdana,Geneva,sans-serif;
font-size: 28px;
font-weight: 700;
line-height:1.1;
color: #222222;
margin-bottom: 2px;
}

h3 {
font-family: Verdana,Geneva,sans-serif;
font-size: 22px;
font-weight: 700;
color: #222222;
margin-bottom: 10px;
margin-top: 10px;
}

h4 {
font-family: Verdana,Geneva,sans-serif;
font-size: 16px;
font-weight: 500;
margin-top: 4px; }

h5 {
font-family: Verdana,Geneva,sans-serif;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
}

h6 {
font-family: Verdana,Geneva,sans-serif;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
text-align:center;
}

.fineprint {
font-family: Verdana,Geneva,sans-serif;
font-size: 10px;
}

.xlheading {
font-family: Verdana,Geneva,sans-serif;
font-size: 64px;
font-weight: 100; 
text-transform:none;
}

price {
font-size:xx-small;
vertical-align:text-top;
}

price-md {
font-size:medium;
vertical-align:text-top;
}

/* /Typography ===========================*/

/* Alignment ===========================*/
.left {
float: left;    
}

.pull-right {
float: right !important;
} 

.center {
text-align:center;
margin-left: auto;
margin-right: auto;
}

.justify {
text-align:justify;
}

.centering {
margin:0 auto;
}
/* /Alignment ===========================*/

/* Website Specific Colors ===========================*/
.orange {
color: #ff8000;
}

.dark {
color:#222222;
}

.red {
color:#cc0605;
}

.white {
color: #FFFFFF;
}

.blue {
color: #99CCFF;
}

.leadwhite {
color: #FF8000;
}

.grayedout {
color: #989898;
font-weight: bold;
}

.graybg {
background-color:#f0f0f0;
padding-top:7px;
padding-bottom:7px;
padding-left:7px;
padding-right:7px;
}

.greenarrow {
color: #b8d433;
font-weight: bold;
}

.green {
color: #33a532;
}
/* /Website Specific Colors ===========================*/

/* Breadcrumb ===========================*/
.breadcrumb {
margin-bottom: 20px;
list-style: none;
background-color: #222222;
border-radius: 4px;
width: 100%;
color: #f7f7f7;
padding: 8px;
overflow:hidden;
}

.breadcrumb > li {
display: inline;
}

.breadcrumb > li + li:before {
padding: 0 5px;
color: #ff8000;
content: "/\00a0";
}

.breadcrumb > .active {
color: #999999;
}
/* /Breadcrumb ===========================*/

/* Modals ===========================*/
.modal-open {
overflow: hidden;
}

.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}

.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition:      -o-transform .3s ease-out;
transition:         transform .3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
}

.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}

.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}

.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}

.modal-content {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-backdrop {
position:absolute;
opacity:0.7 !important;
top: 0;
right: 0;
left: 0;
background-color: #000;
}

.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}

.modal-backdrop.in {
filter: alpha(opacity=0);
opacity: 0;
}

.modal-header {
min-height: 16.42857143px;
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
margin-top: -2px;
}

.modal-title {
margin: 0;
line-height: 1.42857143;
}

.modal-body {
position: relative;
padding: 15px;
}

.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
margin-left: 0;
}

.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}

@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}

.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

.modal-sm {
width: 300px;
}
}

@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
/* /Modals ===========================*/

/* HEADER ============================*/
#head-top {
position:relative;
background:#f7f7f7;
display:inline-block;	
width:100%;
overflow:hidden;
padding-top: 30px;
padding-bottom: 5px;
}

#head-top .hero-unit {
background:none;
min-height:300px;
color:#ffffff;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
padding-top:140px;
padding-bottom: 25px;
}

#head-top .hero-unit h1 {
text-transform:capitalize;
}

#yes {
padding-top:10px;
}
/* /HEADER ============================*/

/* SECTIONS ===========================*/
.well {
background: #222222;
color:#f7f7f7;
height:100%;
width: 100%;
font-size:22px;
text-align:center;
overflow:hidden;
margin-top:10px;
margin-bottom:10px;
padding-top:16px;
padding-bottom:10px;
border:thin solid #222222;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.well .lead {
text-align:center;
}

hr {
margin:40px 0px;
}

hr, 
.page-header {
border-color:rgba(250,250,250, 0.1);
text-align: left;
}

.page-header h2,
.page-header h3 {
font-weight:100;
font-size:46px;
line-height:46px;
}

.box {
margin-bottom:30px;
}
/* /SECTIONS ===========================*/

/* FOOTER ================================*/
footer {
display:inline-block;
height:50px;
width:100%;
padding-top:15px;
padding-bottom:15px;
background:#222222;
color:#cccccc;
font-size:16px;
}

.footerlink:hover,
.footerlink:focus {
text-decoration:underline;
cursor:pointer;
}
/* /FOOTER ================================*/


/* NAVIGATION =============================== */
.navbar-nav {
margin-right: 1px;	
margin-left: 1px;
}

.navbar .nav > li > a {	
color: #222222;
font-size:17px;
font-family: Verdana,Geneva,sans-serif;
background-color: transparent;	
padding-right: 14px;
padding-left: 14px;
padding-top: 28px;
padding-bottom: 28px;
border-left: 0px solid #f2f2f2;
border-right: 0px solid #f2f2f2;
border-top: 2px solid #222222;
border-bottom: 2px solid #222222;
box-shadow: inset 0 0 0 0 #222222;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
transition: all ease 0.5s;
}

.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus {
color: #222222;
text-decoration: none;
background-color: #f7f7f7;
-webkit-box-shadow:  none;
-moz-box-shadow:   none;
box-shadow:  none;
}

.navbar-brand {	
margin-left: 10px;
margin-right: 10px;
padding-top: 25px;	
padding-bottom:0px;
}

.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}

.nav .nav-divider {
height: 1px;
margin: 0px 0;
overflow: hidden;
background-color: #333333;
}

.divider-vertical {
height: 50px;
margin: 1px;
border-left: 1px solid #f7f7f7;
border-right: 1px solid #ffffff;
}

.navbar-fixed-top .navbar-inner, 
.navbar-static-top .navbar-inner {
-webkit-backface-visibility: hidden;
-webkit-box-shadow: 0 3px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 0px rgba(0, 0, 0, 0.1);
box-shadow:0 0px 3px rgba(0, 0, 0, 0.1);
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
background-color: #f7f7f7;
color: #ff8000;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #f7f7f7;
background-color: #222222;
}

.center.navbar .nav,
.center.navbar .nav > li {
float:none;
display:inline-block;
*display:inline; /* ie7 fix */
*zoom:1; /* hasLayout ie7 trigger */
vertical-align: top;
}

.center.navbar-inner {
text-align:center;
}

.center .dropdown-menu {
text-align: left;
}

.navbar-toggle {
position: relative;
float: right;
background-color: #f7f7f7;
border-radius: 4px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
color: #222222;
margin: 10px;
padding: 10px;
right: 15px;
}

.navbar-inverse {
  background-color: #222222;
  border-color: #080808;
}

.navbar-inverse .navbar-brand {
  color: #ff8000;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ff8000;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #999999;
}

.navbar-inverse .navbar-nav > li > a {
  color: #f7f7f7;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #222222;
  background-color: #f7f7f7;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #080808;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333333;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #f7f7f7;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #f7f7f7;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #f7f7f7;
  background-color: #080808;
}

.navbar-inverse .navbar-link {
  color: #999999;
}

.navbar-inverse .navbar-link:hover {
  color: #f7f7f7;
}
/* /NAVIGATION =============================== */

/* BUTTONS =============================*/
.button_sliding_bg {
color: #f7f7f7;
background: #222222;
padding: 8px 12px;
margin: 5px;
font-family: Verdana,Geneva,sans-serif;
border: 2px solid #222222;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
border-radius: 4px;
display: inline-block;
text-align: center;
cursor: pointer;
box-shadow: inset 0 0 0 0 #222222;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
transition: all ease 0.8s;
}
.button_sliding_bg:hover {
box-shadow: inset 0 100px 0 0 #f7f7f7;
color: #222222;
text-decoration:none;
}

.button_sliding_cta {
color: #99CCFF;
background: #222222;
padding: 16px 20px;
margin: 5px;
font-family: Verdana,Geneva,sans-serif;
border: 2px solid #222222;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
border-radius: 4px;
display: inline-block;
text-align: center;
cursor: pointer;
box-shadow: inset 0 0 0 0 #222222;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
transition: all ease 0.8s;
}
.button_sliding_cta:hover {
box-shadow: inset 0 100px 0 0 #f7f7f7;
color: #222222;
text-decoration:none;
}

.button_sliding_ctano {
color: #989898;
background: #222222;
padding: 16px 20px;
margin: 5px;
font-family: Verdana,Geneva,sans-serif;
border: 2px solid #222222;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
border-radius: 4px;
display: inline-block;
text-align: center;
cursor: pointer;
box-shadow: inset 0 0 0 0 #222222;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
transition: all ease 0.8s;
}
.button_sliding_ctano:hover {
box-shadow: inset 0 100px 0 0 #f7f7f7;
color: #989898;
text-decoration:none;
}

.buttonform_sliding_bg {
color: #f7f7f7;
background: #222222;
padding: 8px 12px;
margin: 2px;
font-family: Arial, Helvetica, sans-serif;
border: 2px solid #222222;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
border-radius: 4px;
display: inline-block;
text-align: center;
cursor: pointer;
box-shadow: inset 0 0 0 0 #222222;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
transition: all ease 0.8s;
}

.buttonform_sliding_bg:hover {
box-shadow: inset 0 100px 0 0 #f7f7f7;
color: #222222;
text-decoration:none;
}

.buttonoptin_sliding_bg {
color: #f7f7f7;
background: #222222;
padding: 6px 14px;
font-family: Verdana,Geneva,sans-serif;
border: 2px solid #222222;
font-size: 22px;
font-weight: bold;
letter-spacing: 1px;
border-radius: 4px;
display: inline-block;
text-align: center;
cursor: pointer;
box-shadow: inset 0 0 0 0 #222222;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
transition: all ease 0.8s;
}

.buttonoptin_sliding_bg:hover {
box-shadow: inset 0 100px 0 0 #f7f7f7;
color: #222222;
}

.modalclosebutton_sliding_bg {
color: #f7f7f7;
background: #222222;
padding: 1px 7px;
margin: 1px;
font-family: Verdana,Geneva,sans-serif;
border: 2px solid #222222;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
border-radius: 4px;
display: inline-block;
text-align: center;
cursor: pointer;
float:right;
box-shadow: inset 0 0 0 0 #222222;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
transition: all ease 0.8s;
}

.modalclosebutton_sliding_bg:hover {
box-shadow: inset 0 100px 0 0 #f7f7f7;
color: #222222;
}

.btn {
border: none;
background: #34495e;
color: #FFFFFF;
font-size: 16.5px;
max-width:95%;
white-space:normal;
word-break:normal;
text-decoration: none;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
-webkit-backface-visibility: hidden; 
}

.btn:hover, 
.btn:focus {
background-color: #4e6d8d;
color: #FFFFFF;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
-webkit-backface-visibility: hidden; 
}

.btn:active, .btn.active {
background-color: #2c3e50;
color: rgba(255, 255, 255, 0.75);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; 
}

.btn.disabled, 
.btn[disabled] {
background-color: #f7f7f7;
color: #222222;
outline:solid;
outline-color: #222222; 
}

.btn.btn-large {
padding-bottom: 12px;
padding-top: 13px; 
}

.btn.btn-primary {
background-color: #1abc9c; 
}

.btn.btn-primary:hover, 
.btn.btn-primary:focus {
background-color: #2fe2bf; 
}

.btn.btn-primary:active, 
.btn.btn-primary.active {
background-color: #16a085;
}

.btn.btn-info {
background-color: #3498db; 
}

.btn.btn-info:hover, 
.btn.btn-info:focus {
background-color: #5dade2; 
}

.btn.btn-info:active, 
.btn.btn-info.active {
background-color: #2383c4; 
}

.btn.btn-danger {
background-color: #e74c3c; 
}

.btn.btn-danger:hover, 
.btn.btn-danger:focus {
background-color: #ec7063; 
}

.btn.btn-danger:active, 
.btn.btn-danger.active {
background-color: #dc2d1b; 
}

.btn.btn-success {
background-color: #2ecc71; 
}

.btn.btn-success:hover, 
.btn.btn-success:focus {
background-color: #55d98d; 
}

.btn.btn-success:active, 
.btn.btn-success.active {
background-color: #27ad60; 
}

.btn.btn-warning {
background-color: #FFAA49; 
}

.btn.btn-warning:hover, 
.btn.btn-warning:focus {
background-color: #f4d03f; 
}

.btn.btn-warning:active, 
.btn.btn-warning.active {
background-color: #cea70c; 
}

.btn-link {
font-weight: normal;
color: #999999;
cursor: pointer;
border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
color: #999999;
text-decoration: underline;
background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #999999;
text-decoration: none;
}

.btn-linkorange {
font-weight: normal;
color: #ff8000;
cursor: pointer;
border-radius: 0;
}

.btn-linkorange:hover,
.btn-linkorange:focus {
color: #ff8000;
text-decoration: underline;
background-color: transparent;
}

.btngo {
border: none;
background: #33a532;
color: #222222;
font-size: 20px;
text-decoration: none;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
-webkit-backface-visibility: hidden; 
}

.btngo:hover, 
.btngo:focus {
background-color: #46c645;
color: #222222;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
-webkit-backface-visibility: hidden; 
}

.btnstop {
border: none;
background: #cc0605;
color: #f7f7f7;
font-size: 20px;
text-decoration: none;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
-webkit-backface-visibility: hidden; 
}

.btnwell {
background: #ffffff;
color: #222222;
font-size: 16px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
-webkit-backface-visibility: hidden; 
}

.btnwell:hover, 
.btnwell:focus {
background: #dadada;
color: #222222;
font-size: 16px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
-webkit-backface-visibility: hidden; 
}

.btnstop:hover, 
.btnstop:focus {
background-color: #f90d0c;
color: #f7f7f7;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
-webkit-backface-visibility: hidden; 
}

.navbar .btn-navbar {
padding: 20px 20px;
margin:0px;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #292425;
filter: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
/* /BUTTONS =============================*/

/* time circles ====================================*/
/*** This element is created inside your target element
It is used so that your own element will not need to be altered ***/ 
.time_circles {
position: relative;
width: 300px;
height: 125px;
margin: 0 auto;	
}

/*** This is all the elements used to house all text used in time circles ***/
.time_circles > div {
position: absolute;
text-align: center;
}

/*** Titles (Days, Hours, etc) **/
.time_circles > div > h4 {
margin: 0px;
padding: 0px;
text-align: center;
text-transform: uppercase;
font-family: Verdana,Geneva,sans-serif;	
}

/*** Time numbers, ie: 12 **/
.time_circles > div > span {
display: block;
width: 100%;
text-align: center;
font-family: Verdana,Geneva,sans-serif;
font-size: 300%;
margin-top: 0.4em;
font-weight: bold;
}
/* time circles ====================================*/

a.twitter-share-button,
a.twitter-mention-button,
a.twitter-hashtag-button {
display: inline-block;
padding: 1px 3px 0 19px;
border: #ccc solid 1px;
border-radius: 3px;
background: #f8f8f8 url(//platform.twitter.com/images/bird.png) 2px 3px no-repeat;
background: url(//platform.twitter.com/images/bird.png) 2px 3px no-repeat,
-webkit-linear-gradient(#fff, #dedede);
background: url(//platform.twitter.com/images/bird.png) 2px 3px no-repeat,
linear-gradient(#fff, #dedede);
background-size: 16px 13px, auto auto;

/* Text */
font: bold 11px/17px Verdana,Geneva,sans-serif;;
text-decoration: none;
color: #333;
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
white-space: nowrap;
}

/* Color Highlight for keyboard navigation */
a.twitter-share-button:focus,
a.twitter-mention-button:focus,
a.twitter-hashtag-button:focus {
outline: none;
border-color: #0089cb;
}

blockquote.twitter-tweet {
display: inline-block;
padding: 16px;
margin: 10px 0;
max-width: 468px;
border: #ddd 1px solid;
border-top-color: #eee;
border-bottom-color: #bbb;
border-radius: 5px;
box-shadow: 0 1px 3px rgba(0,0,0,0.15);
font: bold 14px/18px ;
color: #000;
}

blockquote.twitter-tweet p {
font: normal 18px/24px Verdana,Geneva,sans-serif;
margin: 0 5px 10px 0;
}

blockquote.twitter-tweet a[href^="https://twitter.com"] {
font-weight: normal;
color: #666;
font-size: 12px;
}

.img-thumbnail {
display: inline-block;
height: auto;
max-width: 100%;
padding: 4px;
line-height: 1.428571429;
background-color: #ffffff;
border: 1px solid #dddddd;  
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.img-examplethumbnail {
display: inline-block;  
width: 250px;
height: 188px;  
padding: 0px;
line-height: 1.428571429;
background-color: #ffffff;
border: 1px solid #dddddd;  
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.img-thexamplethumbnail {
display: inline-block;
width: 250px;
height: 310px; 
padding: 4px;
line-height: 1.428571429;
background-color: #ffffff;
border: 1px solid #dddddd;  
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.twitter-share-button {
vertical-align: text-top !important;
}

.list-group {
padding-left: 0;
margin-bottom: 20px;
}

.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #f7f7f7;
border:none;
}

.social li{
padding:5px;
vertical-align:top;
list-style:none;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
  margin:5px;
}

.list-inline > li:first-child {
  padding-left: 0;
}

/*********************** CSS FORM STYLES **********************/
.form-top {
overflow: hidden;
padding: 0px 25px 5px 25px;
background: #dadada;
-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
text-align: left;
}

.form-top-left {
float: left;
width: 90%;
padding-top: 15px;
}

.form-top-left h3 { 
margin-top: 0;
}

.form-top-right {
float: left;
width: 10%;
padding-top: 15px;
font-size: 66px;
color: #ddd;
line-height: 50px;
text-align: right;
}

.form-bottom {
padding: 0px 25px 5px 25px;
background: #dadada;
-moz-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px;
text-align: left;
}

.form-bottom form textarea {
height: 100px;
}

.form-bottom form .input-error {
border-color: #19b9e7;
}
/*********************** /CSS FORM STYLES **********************/

/*********************** PRICING TABLES STYLES **********************/
/*********************** PRICING TABLES GLOBAL STYLES **********************/
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/**************************** PRICE BOX BODY **************************/
.pricing-table {
text-align:center;
font-weight:400;
border:6px solid #1ABC9C;
margin-bottom:5px;
background:#dadada;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.pricing-table:hover{
-moz-box-shadow: 0 4px 10px 0 rgba(0,0,0,.5);
-webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.5);
box-shadow: 0 4px 10px 0 rgba(0,0,0,.5);
}
/******************************** ROUND CORNERS ************************/
.rounded{
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
/******************************** BODY *************************/
.pricing-table {
text-align:center;
font-weight:400;
border:6px solid #222222;
}
/********************************** BOX CONTENT ************************/
.pricing-table-sign-up {
padding:5px 20px;
text-align:center;
background:#dadada;	
}

.pricing-table-features p {
padding:5px 20px;
text-align:center;
}

.pricing-table-features, .pricing-table-space{
background:#dadada;
}

.pricing-table p{
padding:2px;
margin-top:2px;
font-size:105%;
font-weight:400;
background:#dadada;
}

.pricing-table p strong{
font-weight:600;
}
/********************************* BOX HEADER ********************************/
.pricing-table .pricing-table-header {
color:#dadada;
background: #1ABC9C;
padding:0px;
font-size:100%;
}

.pricing-table-header .heading{
display:inline-block;
width:100%;
padding:5px 0px;
text-transform: capitalize;
}
/**************************** BOX HEADER ***************************/

.pricing-table .heading{
background: #222222;
}

.pricing-table .pricing-table-header .price-value{
background: #222222;
}

.pricing-table-header .price-value {
display:inline-block;
width:100%;
padding:20px 0px;
}

.pricing-table-header .price-value span{
font-size:300%;
}

.pricing-table-header .price-value span.mo{
font-size:125%;
}
/*********************** PRICING TABLES STYLES **********************/

/*********************** SOCIAL BUTTON STYLES **********************/
.btn-facebook {
color: #f7f7f7;
font-weight:bold;
width:120px;
height:38px;
vertical-align:top;
background-color: #2b4b90;
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active {
color: #f7f7f7;
background-color: #2b4b90;
}

.btn-twitter {
color: #f7f7f7;
font-weight:bold;
width:120px;
height:38px;
vertical-align:top;
background-color: #0271bf;
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.disabled,
.btn-twitter[disabled] {
color: #f7f7f7;
background-color: #0271bf;
}

.btn-email {
color: #f7f7f7;
font-weight:bold;
width:120px;
height:38px;
vertical-align:top;
background-color: #222222;
}

.btn-email:hover,
.btn-email:focus,
.btn-email:active,
.btn-email.active,
.btn-email.disabled,
.btn-email[disabled] {
color: #f7f7f7;
background-color: #222222;
}

.btn-pinterest {
color: #ffffff;
margin:7px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #c51e25;
*background-color: #ab171e;
background-image: -moz-linear-gradient(top, #d62229, #ab171e);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d62229), to(#ab171e));
background-image: -webkit-linear-gradient(top, #d62229, #ab171e);
background-image: -o-linear-gradient(top, #d62229, #ab171e);
background-image: linear-gradient(to bottom, #d62229, #ab171e);
background-repeat: repeat-x;
border-color: #ab171e #ab171e #680e12;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd62229', endColorstr='#ffab171e', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active,
.btn-pinterest.active,
.btn-pinterest.disabled,
.btn-pinterest[disabled] {
color: #ffffff;
background-color: #ab171e;
*background-color: #95141a;
}

.btn-pinterest:active,
.btn-pinterest.active {
background-color: #7e1116 \9;
}

.btn-linkedin {
color: #ffffff;
margin:7px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #60a9ce;
*background-color: #4393bb;
background-image: -moz-linear-gradient(top, #73b8db, #4393bb);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#73b8db), to(#4393bb));
background-image: -webkit-linear-gradient(top, #73b8db, #4393bb);
background-image: -o-linear-gradient(top, #73b8db, #4393bb);
background-image: linear-gradient(to bottom, #73b8db, #4393bb);
background-repeat: repeat-x;
border-color: #4393bb #4393bb #2f6783;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff73b8db', endColorstr='#ff4393bb', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.btn-linkedin.disabled,
.btn-linkedin[disabled] {
color: #ffffff;
background-color: #4393bb;
*background-color: #3c84a8;
}

.btn-linkedin:active,
.btn-linkedin.active {
background-color: #367595 \9;
}

.btn-google-plus {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #d34332;
*background-color: #c53727;
background-image: -moz-linear-gradient(top, #dd4b39, #c53727);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#c53727));
background-image: -webkit-linear-gradient(top, #dd4b39, #c53727);
background-image: -o-linear-gradient(top, #dd4b39, #c53727);
background-image: linear-gradient(to bottom, #dd4b39, #c53727);
background-repeat: repeat-x;
border-color: #c53727 #c53727 #85251a;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd4b39', endColorstr='#ffc53727', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.btn-google-plus.disabled,
.btn-google-plus[disabled] {
color: #ffffff;
background-color: #c53727;
*background-color: #b03123;
}

.btn-google-plus:active,
.btn-google-plus.active {
background-color: #9a2b1f \9;
}

.btn-instagram {
color: #ffffff;
margin:7px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5c88ab;
*background-color: #3f729b;
background-image: -moz-linear-gradient(top, #6f97b6, #3f729b);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6f97b6), to(#3f729b));
background-image: -webkit-linear-gradient(top, #6f97b6, #3f729b);
background-image: -o-linear-gradient(top, #6f97b6, #3f729b);
background-image: linear-gradient(to bottom, #6f97b6, #3f729b);
background-repeat: repeat-x;
border-color: #3f729b #3f729b #294a65;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6f97b6', endColorstr='#ff3f729b', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active,
.btn-instagram.active,
.btn-instagram.disabled,
.btn-instagram[disabled] {
color: #ffffff;
background-color: #3f729b;
*background-color: #386589;
}

.btn-instagram:active,
.btn-instagram.active {
background-color: #305777 \9;
}

.btn-tumblr {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #34526e;
*background-color: #2a4763;
background-image: -moz-linear-gradient(top, #3a5976, #2a4763);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3a5976), to(#2a4763));
background-image: -webkit-linear-gradient(top, #3a5976, #2a4763);
background-image: -o-linear-gradient(top, #3a5976, #2a4763);
background-image: linear-gradient(to bottom, #3a5976, #2a4763);
background-repeat: repeat-x;
border-color: #2a4763 #2a4763 #13202d;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a5976', endColorstr='#ff2a4763', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-tumblr:hover,
.btn-tumblr:focus,
.btn-tumblr:active,
.btn-tumblr.active,
.btn-tumblr.disabled,
.btn-tumblr[disabled] {
color: #ffffff;
background-color: #2a4763;
*background-color: #223a51;
}

.btn-tumblr:active,
.btn-tumblr.active {
background-color: #1b2d3f \9;
}

.btn-youtube {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #a72121;
*background-color: #6e0610;
background-image: -moz-linear-gradient(top, #cd332d, #6e0610);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cd332d), to(#6e0610));
background-image: -webkit-linear-gradient(top, #cd332d, #6e0610);
background-image: -o-linear-gradient(top, #cd332d, #6e0610);
background-image: linear-gradient(to bottom, #cd332d, #6e0610);
background-repeat: repeat-x;
border-color: #6e0610 #6e0610 #250205;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd332d', endColorstr='#ff6e0610', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active,
.btn-youtube.active,
.btn-youtube.disabled,
.btn-youtube[disabled] {
color: #ffffff;
background-color: #6e0610;
*background-color: #56050c;
}

.btn-youtube:active,
.btn-youtube.active {
background-color: #3e0309 \9;
}
/*********************** SOCIAL BUTTON STYLES **********************/

/*********************** SHAKE STYLES ******************************/
.shake, .shake-little, .shake-slow, .shake-hard, .shake-horizontal, .shake-vertical, .shake-rotate, .shake-opacity, .shake-crazy, .shake-chunk {
  display: inline-block;
  transform-origin: center center; }

.shake-freeze,
.shake-constant.shake-constant--hover:hover,
.shake-trigger:hover .shake-constant.shake-constant--hover {
  animation-play-state: paused; }

.shake-freeze:hover,
.shake-trigger:hover .shake-freeze, .shake:hover,
.shake-trigger:hover .shake, .shake-little:hover,
.shake-trigger:hover .shake-little, .shake-slow:hover,
.shake-trigger:hover .shake-slow, .shake-hard:hover,
.shake-trigger:hover .shake-hard, .shake-horizontal:hover,
.shake-trigger:hover .shake-horizontal, .shake-vertical:hover,
.shake-trigger:hover .shake-vertical, .shake-rotate:hover,
.shake-trigger:hover .shake-rotate, .shake-opacity:hover,
.shake-trigger:hover .shake-opacity, .shake-crazy:hover,
.shake-trigger:hover .shake-crazy, .shake-chunk:hover,
.shake-trigger:hover .shake-chunk {
  animation-play-state: running; }

@keyframes shake {
  2% {
    transform: translate(-0.5px, -0.5px) rotate(0.5deg); }
  4% {
    transform: translate(2.5px, -1.5px) rotate(-0.5deg); }
  6% {
    transform: translate(2.5px, 0.5px) rotate(1.5deg); }
  8% {
    transform: translate(-0.5px, 2.5px) rotate(-0.5deg); }
  10% {
    transform: translate(1.5px, -0.5px) rotate(1.5deg); }
  12% {
    transform: translate(0.5px, -1.5px) rotate(-0.5deg); }
  14% {
    transform: translate(0.5px, -1.5px) rotate(0.5deg); }
  16% {
    transform: translate(-0.5px, 0.5px) rotate(0.5deg); }
  18% {
    transform: translate(-1.5px, 1.5px) rotate(0.5deg); }
  20% {
    transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }
  22% {
    transform: translate(1.5px, 1.5px) rotate(0.5deg); }
  24% {
    transform: translate(-1.5px, 2.5px) rotate(1.5deg); }
  26% {
    transform: translate(-0.5px, 0.5px) rotate(0.5deg); }
  28% {
    transform: translate(-1.5px, 1.5px) rotate(-0.5deg); }
  30% {
    transform: translate(1.5px, 0.5px) rotate(0.5deg); }
  32% {
    transform: translate(1.5px, -0.5px) rotate(0.5deg); }
  34% {
    transform: translate(2.5px, 1.5px) rotate(-0.5deg); }
  36% {
    transform: translate(-1.5px, -0.5px) rotate(-0.5deg); }
  38% {
    transform: translate(1.5px, 2.5px) rotate(-0.5deg); }
  40% {
    transform: translate(-0.5px, -1.5px) rotate(0.5deg); }
  42% {
    transform: translate(0.5px, 0.5px) rotate(0.5deg); }
  44% {
    transform: translate(1.5px, 1.5px) rotate(-0.5deg); }
  46% {
    transform: translate(-1.5px, 0.5px) rotate(-0.5deg); }
  48% {
    transform: translate(1.5px, 1.5px) rotate(1.5deg); }
  50% {
    transform: translate(0.5px, -0.5px) rotate(0.5deg); }
  52% {
    transform: translate(-0.5px, 0.5px) rotate(1.5deg); }
  54% {
    transform: translate(1.5px, -1.5px) rotate(0.5deg); }
  56% {
    transform: translate(-0.5px, -1.5px) rotate(1.5deg); }
  58% {
    transform: translate(2.5px, 1.5px) rotate(0.5deg); }
  60% {
    transform: translate(-0.5px, -0.5px) rotate(1.5deg); }
  62% {
    transform: translate(1.5px, 2.5px) rotate(-0.5deg); }
  64% {
    transform: translate(-1.5px, 0.5px) rotate(-0.5deg); }
  66% {
    transform: translate(2.5px, 1.5px) rotate(-0.5deg); }
  68% {
    transform: translate(2.5px, 0.5px) rotate(1.5deg); }
  70% {
    transform: translate(-1.5px, -1.5px) rotate(0.5deg); }
  72% {
    transform: translate(-1.5px, -0.5px) rotate(-0.5deg); }
  74% {
    transform: translate(-0.5px, -1.5px) rotate(1.5deg); }
  76% {
    transform: translate(1.5px, 1.5px) rotate(0.5deg); }
  78% {
    transform: translate(1.5px, -0.5px) rotate(1.5deg); }
  80% {
    transform: translate(-0.5px, 1.5px) rotate(1.5deg); }
  82% {
    transform: translate(2.5px, 2.5px) rotate(0.5deg); }
  84% {
    transform: translate(-0.5px, 0.5px) rotate(1.5deg); }
  86% {
    transform: translate(1.5px, -0.5px) rotate(1.5deg); }
  88% {
    transform: translate(2.5px, -1.5px) rotate(0.5deg); }
  90% {
    transform: translate(0.5px, -1.5px) rotate(-0.5deg); }
  92% {
    transform: translate(-0.5px, -1.5px) rotate(1.5deg); }
  94% {
    transform: translate(2.5px, 0.5px) rotate(1.5deg); }
  96% {
    transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }
  98% {
    transform: translate(-0.5px, -1.5px) rotate(0.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake:hover,
.shake-trigger:hover .shake, .shake.shake-freeze, .shake.shake-constant {
  animation-name: shake;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-little {
  2% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  4% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  6% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  8% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  10% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  12% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  14% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  16% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  18% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  20% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  22% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  24% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  26% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  28% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  30% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  32% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  34% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  36% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  38% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  40% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  42% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  44% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  46% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  48% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  50% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  52% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  54% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  56% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  58% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  60% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  62% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  64% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  66% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  68% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  70% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  72% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  74% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  76% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  78% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  80% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  82% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  84% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  86% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  88% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  90% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  92% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  94% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  96% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  98% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-little:hover,
.shake-trigger:hover .shake-little, .shake-little.shake-freeze, .shake-little.shake-constant {
  animation-name: shake-little;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-slow {
  2% {
    transform: translate(4px, 4px) rotate(1.5deg); }
  4% {
    transform: translate(-5px, 10px) rotate(-1.5deg); }
  6% {
    transform: translate(7px, 2px) rotate(0.5deg); }
  8% {
    transform: translate(5px, -7px) rotate(1.5deg); }
  10% {
    transform: translate(-2px, 10px) rotate(2.5deg); }
  12% {
    transform: translate(-1px, -9px) rotate(-1.5deg); }
  14% {
    transform: translate(-1px, 5px) rotate(2.5deg); }
  16% {
    transform: translate(3px, 1px) rotate(2.5deg); }
  18% {
    transform: translate(6px, 7px) rotate(-0.5deg); }
  20% {
    transform: translate(2px, -7px) rotate(-1.5deg); }
  22% {
    transform: translate(-8px, 9px) rotate(-1.5deg); }
  24% {
    transform: translate(8px, 3px) rotate(-0.5deg); }
  26% {
    transform: translate(6px, 0px) rotate(-1.5deg); }
  28% {
    transform: translate(-2px, -3px) rotate(1.5deg); }
  30% {
    transform: translate(-5px, -9px) rotate(-1.5deg); }
  32% {
    transform: translate(-9px, -8px) rotate(-2.5deg); }
  34% {
    transform: translate(7px, 1px) rotate(-0.5deg); }
  36% {
    transform: translate(-3px, 10px) rotate(3.5deg); }
  38% {
    transform: translate(-4px, 10px) rotate(2.5deg); }
  40% {
    transform: translate(5px, 10px) rotate(-0.5deg); }
  42% {
    transform: translate(10px, -5px) rotate(0.5deg); }
  44% {
    transform: translate(2px, 7px) rotate(-0.5deg); }
  46% {
    transform: translate(6px, -5px) rotate(3.5deg); }
  48% {
    transform: translate(3px, -1px) rotate(-2.5deg); }
  50% {
    transform: translate(0px, -1px) rotate(2.5deg); }
  52% {
    transform: translate(-7px, -7px) rotate(3.5deg); }
  54% {
    transform: translate(-3px, 10px) rotate(-2.5deg); }
  56% {
    transform: translate(1px, 5px) rotate(-0.5deg); }
  58% {
    transform: translate(1px, 0px) rotate(-0.5deg); }
  60% {
    transform: translate(-9px, -1px) rotate(-0.5deg); }
  62% {
    transform: translate(2px, -3px) rotate(0.5deg); }
  64% {
    transform: translate(-5px, 8px) rotate(-2.5deg); }
  66% {
    transform: translate(-3px, 4px) rotate(2.5deg); }
  68% {
    transform: translate(5px, 9px) rotate(-2.5deg); }
  70% {
    transform: translate(-6px, 8px) rotate(1.5deg); }
  72% {
    transform: translate(-1px, 1px) rotate(2.5deg); }
  74% {
    transform: translate(2px, 6px) rotate(3.5deg); }
  76% {
    transform: translate(-5px, -7px) rotate(-1.5deg); }
  78% {
    transform: translate(-1px, -4px) rotate(-1.5deg); }
  80% {
    transform: translate(0px, 3px) rotate(2.5deg); }
  82% {
    transform: translate(4px, 10px) rotate(-2.5deg); }
  84% {
    transform: translate(1px, 8px) rotate(2.5deg); }
  86% {
    transform: translate(-9px, 5px) rotate(3.5deg); }
  88% {
    transform: translate(3px, 9px) rotate(1.5deg); }
  90% {
    transform: translate(0px, -2px) rotate(-2.5deg); }
  92% {
    transform: translate(-5px, 5px) rotate(-0.5deg); }
  94% {
    transform: translate(-6px, 0px) rotate(-0.5deg); }
  96% {
    transform: translate(5px, -6px) rotate(3.5deg); }
  98% {
    transform: translate(5px, 4px) rotate(-0.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-slow:hover,
.shake-trigger:hover .shake-slow, .shake-slow.shake-freeze, .shake-slow.shake-constant {
  animation-name: shake-slow;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-hard {
  2% {
    transform: translate(-4px, 2px) rotate(-2.5deg); }
  4% {
    transform: translate(-7px, 9px) rotate(-1.5deg); }
  6% {
    transform: translate(0px, 4px) rotate(-2.5deg); }
  8% {
    transform: translate(9px, -4px) rotate(-1.5deg); }
  10% {
    transform: translate(6px, 4px) rotate(1.5deg); }
  12% {
    transform: translate(-6px, -9px) rotate(-0.5deg); }
  14% {
    transform: translate(9px, -9px) rotate(-0.5deg); }
  16% {
    transform: translate(-2px, 2px) rotate(-2.5deg); }
  18% {
    transform: translate(8px, -2px) rotate(-1.5deg); }
  20% {
    transform: translate(-2px, -8px) rotate(1.5deg); }
  22% {
    transform: translate(3px, 8px) rotate(-2.5deg); }
  24% {
    transform: translate(2px, 10px) rotate(0.5deg); }
  26% {
    transform: translate(-3px, 8px) rotate(-0.5deg); }
  28% {
    transform: translate(10px, 0px) rotate(-1.5deg); }
  30% {
    transform: translate(7px, 5px) rotate(2.5deg); }
  32% {
    transform: translate(7px, 6px) rotate(1.5deg); }
  34% {
    transform: translate(0px, 9px) rotate(0.5deg); }
  36% {
    transform: translate(10px, -8px) rotate(0.5deg); }
  38% {
    transform: translate(-1px, 9px) rotate(3.5deg); }
  40% {
    transform: translate(-6px, 2px) rotate(2.5deg); }
  42% {
    transform: translate(-1px, -8px) rotate(-1.5deg); }
  44% {
    transform: translate(-9px, 4px) rotate(1.5deg); }
  46% {
    transform: translate(-8px, -6px) rotate(1.5deg); }
  48% {
    transform: translate(-2px, 8px) rotate(-2.5deg); }
  50% {
    transform: translate(3px, 9px) rotate(-2.5deg); }
  52% {
    transform: translate(7px, -9px) rotate(3.5deg); }
  54% {
    transform: translate(-6px, 4px) rotate(-2.5deg); }
  56% {
    transform: translate(2px, -4px) rotate(-2.5deg); }
  58% {
    transform: translate(4px, -9px) rotate(2.5deg); }
  60% {
    transform: translate(-1px, 4px) rotate(-1.5deg); }
  62% {
    transform: translate(-8px, -5px) rotate(-1.5deg); }
  64% {
    transform: translate(-5px, -6px) rotate(-2.5deg); }
  66% {
    transform: translate(9px, -7px) rotate(2.5deg); }
  68% {
    transform: translate(-6px, -3px) rotate(-0.5deg); }
  70% {
    transform: translate(6px, -8px) rotate(1.5deg); }
  72% {
    transform: translate(9px, 8px) rotate(0.5deg); }
  74% {
    transform: translate(7px, 1px) rotate(2.5deg); }
  76% {
    transform: translate(-9px, -4px) rotate(1.5deg); }
  78% {
    transform: translate(-8px, 0px) rotate(-0.5deg); }
  80% {
    transform: translate(6px, -7px) rotate(1.5deg); }
  82% {
    transform: translate(8px, -2px) rotate(2.5deg); }
  84% {
    transform: translate(4px, -5px) rotate(1.5deg); }
  86% {
    transform: translate(6px, 5px) rotate(-1.5deg); }
  88% {
    transform: translate(-2px, -2px) rotate(-1.5deg); }
  90% {
    transform: translate(-3px, 4px) rotate(-0.5deg); }
  92% {
    transform: translate(-6px, -4px) rotate(-0.5deg); }
  94% {
    transform: translate(6px, -7px) rotate(2.5deg); }
  96% {
    transform: translate(-5px, -3px) rotate(3.5deg); }
  98% {
    transform: translate(5px, 9px) rotate(-2.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-hard:hover,
.shake-trigger:hover .shake-hard, .shake-hard.shake-freeze, .shake-hard.shake-constant {
  animation-name: shake-hard;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-horizontal {
  2% {
    transform: translate(0px, 0) rotate(0); }
  4% {
    transform: translate(4px, 0) rotate(0); }
  6% {
    transform: translate(-5px, 0) rotate(0); }
  8% {
    transform: translate(8px, 0) rotate(0); }
  10% {
    transform: translate(3px, 0) rotate(0); }
  12% {
    transform: translate(4px, 0) rotate(0); }
  14% {
    transform: translate(-6px, 0) rotate(0); }
  16% {
    transform: translate(9px, 0) rotate(0); }
  18% {
    transform: translate(-6px, 0) rotate(0); }
  20% {
    transform: translate(6px, 0) rotate(0); }
  22% {
    transform: translate(9px, 0) rotate(0); }
  24% {
    transform: translate(-1px, 0) rotate(0); }
  26% {
    transform: translate(-2px, 0) rotate(0); }
  28% {
    transform: translate(3px, 0) rotate(0); }
  30% {
    transform: translate(10px, 0) rotate(0); }
  32% {
    transform: translate(3px, 0) rotate(0); }
  34% {
    transform: translate(-9px, 0) rotate(0); }
  36% {
    transform: translate(8px, 0) rotate(0); }
  38% {
    transform: translate(-2px, 0) rotate(0); }
  40% {
    transform: translate(1px, 0) rotate(0); }
  42% {
    transform: translate(-5px, 0) rotate(0); }
  44% {
    transform: translate(-4px, 0) rotate(0); }
  46% {
    transform: translate(0px, 0) rotate(0); }
  48% {
    transform: translate(3px, 0) rotate(0); }
  50% {
    transform: translate(10px, 0) rotate(0); }
  52% {
    transform: translate(7px, 0) rotate(0); }
  54% {
    transform: translate(-8px, 0) rotate(0); }
  56% {
    transform: translate(-5px, 0) rotate(0); }
  58% {
    transform: translate(-4px, 0) rotate(0); }
  60% {
    transform: translate(7px, 0) rotate(0); }
  62% {
    transform: translate(-1px, 0) rotate(0); }
  64% {
    transform: translate(9px, 0) rotate(0); }
  66% {
    transform: translate(7px, 0) rotate(0); }
  68% {
    transform: translate(4px, 0) rotate(0); }
  70% {
    transform: translate(9px, 0) rotate(0); }
  72% {
    transform: translate(1px, 0) rotate(0); }
  74% {
    transform: translate(2px, 0) rotate(0); }
  76% {
    transform: translate(-9px, 0) rotate(0); }
  78% {
    transform: translate(0px, 0) rotate(0); }
  80% {
    transform: translate(0px, 0) rotate(0); }
  82% {
    transform: translate(6px, 0) rotate(0); }
  84% {
    transform: translate(-4px, 0) rotate(0); }
  86% {
    transform: translate(10px, 0) rotate(0); }
  88% {
    transform: translate(-5px, 0) rotate(0); }
  90% {
    transform: translate(-8px, 0) rotate(0); }
  92% {
    transform: translate(0px, 0) rotate(0); }
  94% {
    transform: translate(-5px, 0) rotate(0); }
  96% {
    transform: translate(-2px, 0) rotate(0); }
  98% {
    transform: translate(8px, 0) rotate(0); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-horizontal:hover,
.shake-trigger:hover .shake-horizontal, .shake-horizontal.shake-freeze, .shake-horizontal.shake-constant {
  animation-name: shake-horizontal;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-vertical {
  2% {
    transform: translate(0, -5px) rotate(0); }
  4% {
    transform: translate(0, 3px) rotate(0); }
  6% {
    transform: translate(0, 0px) rotate(0); }
  8% {
    transform: translate(0, 3px) rotate(0); }
  10% {
    transform: translate(0, -1px) rotate(0); }
  12% {
    transform: translate(0, -4px) rotate(0); }
  14% {
    transform: translate(0, -3px) rotate(0); }
  16% {
    transform: translate(0, 0px) rotate(0); }
  18% {
    transform: translate(0, 5px) rotate(0); }
  20% {
    transform: translate(0, 9px) rotate(0); }
  22% {
    transform: translate(0, 7px) rotate(0); }
  24% {
    transform: translate(0, -3px) rotate(0); }
  26% {
    transform: translate(0, 10px) rotate(0); }
  28% {
    transform: translate(0, 1px) rotate(0); }
  30% {
    transform: translate(0, 8px) rotate(0); }
  32% {
    transform: translate(0, -7px) rotate(0); }
  34% {
    transform: translate(0, 5px) rotate(0); }
  36% {
    transform: translate(0, 2px) rotate(0); }
  38% {
    transform: translate(0, -7px) rotate(0); }
  40% {
    transform: translate(0, -2px) rotate(0); }
  42% {
    transform: translate(0, 10px) rotate(0); }
  44% {
    transform: translate(0, 2px) rotate(0); }
  46% {
    transform: translate(0, 0px) rotate(0); }
  48% {
    transform: translate(0, -5px) rotate(0); }
  50% {
    transform: translate(0, 10px) rotate(0); }
  52% {
    transform: translate(0, 1px) rotate(0); }
  54% {
    transform: translate(0, -7px) rotate(0); }
  56% {
    transform: translate(0, -7px) rotate(0); }
  58% {
    transform: translate(0, -9px) rotate(0); }
  60% {
    transform: translate(0, 6px) rotate(0); }
  62% {
    transform: translate(0, 5px) rotate(0); }
  64% {
    transform: translate(0, -9px) rotate(0); }
  66% {
    transform: translate(0, 3px) rotate(0); }
  68% {
    transform: translate(0, 3px) rotate(0); }
  70% {
    transform: translate(0, -5px) rotate(0); }
  72% {
    transform: translate(0, 9px) rotate(0); }
  74% {
    transform: translate(0, 8px) rotate(0); }
  76% {
    transform: translate(0, 1px) rotate(0); }
  78% {
    transform: translate(0, 8px) rotate(0); }
  80% {
    transform: translate(0, -1px) rotate(0); }
  82% {
    transform: translate(0, -6px) rotate(0); }
  84% {
    transform: translate(0, -4px) rotate(0); }
  86% {
    transform: translate(0, 2px) rotate(0); }
  88% {
    transform: translate(0, -5px) rotate(0); }
  90% {
    transform: translate(0, 10px) rotate(0); }
  92% {
    transform: translate(0, -4px) rotate(0); }
  94% {
    transform: translate(0, -1px) rotate(0); }
  96% {
    transform: translate(0, 2px) rotate(0); }
  98% {
    transform: translate(0, 2px) rotate(0); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-vertical:hover,
.shake-trigger:hover .shake-vertical, .shake-vertical.shake-freeze, .shake-vertical.shake-constant {
  animation-name: shake-vertical;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-rotate {
  2% {
    transform: translate(0, 0) rotate(3.5deg); }
  4% {
    transform: translate(0, 0) rotate(-1.5deg); }
  6% {
    transform: translate(0, 0) rotate(-5.5deg); }
  8% {
    transform: translate(0, 0) rotate(0.5deg); }
  10% {
    transform: translate(0, 0) rotate(4.5deg); }
  12% {
    transform: translate(0, 0) rotate(-3.5deg); }
  14% {
    transform: translate(0, 0) rotate(5.5deg); }
  16% {
    transform: translate(0, 0) rotate(5.5deg); }
  18% {
    transform: translate(0, 0) rotate(0.5deg); }
  20% {
    transform: translate(0, 0) rotate(7.5deg); }
  22% {
    transform: translate(0, 0) rotate(-4.5deg); }
  24% {
    transform: translate(0, 0) rotate(-0.5deg); }
  26% {
    transform: translate(0, 0) rotate(4.5deg); }
  28% {
    transform: translate(0, 0) rotate(2.5deg); }
  30% {
    transform: translate(0, 0) rotate(-4.5deg); }
  32% {
    transform: translate(0, 0) rotate(4.5deg); }
  34% {
    transform: translate(0, 0) rotate(3.5deg); }
  36% {
    transform: translate(0, 0) rotate(-6.5deg); }
  38% {
    transform: translate(0, 0) rotate(5.5deg); }
  40% {
    transform: translate(0, 0) rotate(-4.5deg); }
  42% {
    transform: translate(0, 0) rotate(1.5deg); }
  44% {
    transform: translate(0, 0) rotate(1.5deg); }
  46% {
    transform: translate(0, 0) rotate(-4.5deg); }
  48% {
    transform: translate(0, 0) rotate(-1.5deg); }
  50% {
    transform: translate(0, 0) rotate(-4.5deg); }
  52% {
    transform: translate(0, 0) rotate(-3.5deg); }
  54% {
    transform: translate(0, 0) rotate(-6.5deg); }
  56% {
    transform: translate(0, 0) rotate(-3.5deg); }
  58% {
    transform: translate(0, 0) rotate(2.5deg); }
  60% {
    transform: translate(0, 0) rotate(3.5deg); }
  62% {
    transform: translate(0, 0) rotate(-0.5deg); }
  64% {
    transform: translate(0, 0) rotate(2.5deg); }
  66% {
    transform: translate(0, 0) rotate(0.5deg); }
  68% {
    transform: translate(0, 0) rotate(4.5deg); }
  70% {
    transform: translate(0, 0) rotate(-6.5deg); }
  72% {
    transform: translate(0, 0) rotate(-4.5deg); }
  74% {
    transform: translate(0, 0) rotate(4.5deg); }
  76% {
    transform: translate(0, 0) rotate(7.5deg); }
  78% {
    transform: translate(0, 0) rotate(-5.5deg); }
  80% {
    transform: translate(0, 0) rotate(1.5deg); }
  82% {
    transform: translate(0, 0) rotate(-5.5deg); }
  84% {
    transform: translate(0, 0) rotate(-1.5deg); }
  86% {
    transform: translate(0, 0) rotate(0.5deg); }
  88% {
    transform: translate(0, 0) rotate(-6.5deg); }
  90% {
    transform: translate(0, 0) rotate(4.5deg); }
  92% {
    transform: translate(0, 0) rotate(-4.5deg); }
  94% {
    transform: translate(0, 0) rotate(4.5deg); }
  96% {
    transform: translate(0, 0) rotate(-1.5deg); }
  98% {
    transform: translate(0, 0) rotate(7.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-rotate:hover,
.shake-trigger:hover .shake-rotate, .shake-rotate.shake-freeze, .shake-rotate.shake-constant {
  animation-name: shake-rotate;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-opacity {
  10% {
    transform: translate(-4px, 2px) rotate(-0.5deg);
    opacity: 0.87; }
  20% {
    transform: translate(-1px, -3px) rotate(0.5deg);
    opacity: 0.01; }
  30% {
    transform: translate(-4px, -2px) rotate(1.5deg);
    opacity: 0.76; }
  40% {
    transform: translate(-1px, 1px) rotate(0.5deg);
    opacity: 0.4; }
  50% {
    transform: translate(-1px, -1px) rotate(2.5deg);
    opacity: 0.1; }
  60% {
    transform: translate(-1px, -1px) rotate(-1.5deg);
    opacity: 0.09; }
  70% {
    transform: translate(-2px, -1px) rotate(-1.5deg);
    opacity: 0.3; }
  80% {
    transform: translate(-1px, -3px) rotate(-0.5deg);
    opacity: 0.91; }
  90% {
    transform: translate(2px, 5px) rotate(-0.5deg);
    opacity: 0.76; }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-opacity:hover,
.shake-trigger:hover .shake-opacity, .shake-opacity.shake-freeze, .shake-opacity.shake-constant {
  animation-name: shake-opacity;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-crazy {
  10% {
    transform: translate(16px, 11px) rotate(5deg);
    opacity: 0.14; }
  20% {
    transform: translate(17px, -8px) rotate(8deg);
    opacity: 0.46; }
  30% {
    transform: translate(9px, 8px) rotate(5deg);
    opacity: 0.22; }
  40% {
    transform: translate(16px, 14px) rotate(1deg);
    opacity: 0.92; }
  50% {
    transform: translate(1px, 11px) rotate(4deg);
    opacity: 0.2; }
  60% {
    transform: translate(13px, -10px) rotate(-4deg);
    opacity: 0.72; }
  70% {
    transform: translate(6px, -10px) rotate(-3deg);
    opacity: 0.2; }
  80% {
    transform: translate(11px, -18px) rotate(8deg);
    opacity: 0.7; }
  90% {
    transform: translate(-10px, -18px) rotate(9deg);
    opacity: 0.34; }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-crazy:hover,
.shake-trigger:hover .shake-crazy, .shake-crazy.shake-freeze, .shake-crazy.shake-constant {
  animation-name: shake-crazy;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-chunk {
  2% {
    transform: translate(-10px, -2px) rotate(8deg); }
  4% {
    transform: translate(5px, 12px) rotate(10deg); }
  6% {
    transform: translate(6px, 6px) rotate(0deg); }
  8% {
    transform: translate(-13px, -12px) rotate(-6deg); }
  10% {
    transform: translate(15px, 11px) rotate(15deg); }
  12% {
    transform: translate(-4px, -8px) rotate(2deg); }
  14% {
    transform: translate(0px, -11px) rotate(2deg); }
  16% {
    transform: translate(10px, 8px) rotate(9deg); }
  18% {
    transform: translate(3px, 12px) rotate(15deg); }
  20% {
    transform: translate(7px, 1px) rotate(10deg); }
  22% {
    transform: translate(10px, 15px) rotate(-13deg); }
  24% {
    transform: translate(3px, 5px) rotate(12deg); }
  26% {
    transform: translate(-5px, -11px) rotate(-11deg); }
  28% {
    transform: translate(11px, 11px) rotate(3deg); }
  30% {
    transform: translate(-3px, -1px) rotate(-6deg); }
  32% {
    transform: translate(11px, 5px) rotate(14deg); }
  34% {
    transform: translate(-11px, -7px) rotate(-2deg); }
  36% {
    transform: translate(3px, 6px) rotate(-14deg); }
  38% {
    transform: translate(10px, 11px) rotate(-5deg); }
  0%, 40%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-chunk:hover,
.shake-trigger:hover .shake-chunk, .shake-chunk.shake-freeze, .shake-chunk.shake-constant {
  animation-name: shake-chunk;
  animation-duration: 4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  }
/************************* /SHAKE STYLES ******************************/  
  
/******************************** (PDF) *******************************/
/* Add " (PDF)" text after links that go to PDFs */
a[href$=".pdf"]:after { content: " (PDF)"; }

/* If file size specified as data attribute, use that too */
a[href$=".pdf"][data-size]:after { content: " (PDF, " attr(data-size) ")"; }
/****************************** /(PDF) ********************************/


.stitched {
   padding: 20px;
   margin: 10px;
   background: #ff0030;
   color: #fff;
   font-size: 21px;
   font-weight: bold;
   line-height: 1.3em;
   border: 2px dashed #fff;
   border-radius: 10px;
   box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
   text-shadow: -1px -1px #aa3030;
   font-weight: normal;
}

/************************** Drop Cap ********************************/
.firstcharacter { 
   float: left;
   color: #903;
   font-size: 75px;
   line-height: 60px;
   padding-top: 4px;
   padding-right: 8px;
   padding-left: 3px;
   font-family: Georgia;
}
/************************** /Drop Cap ********************************/


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
padding-bottom: 10px;
padding-top: 10px;
}

.navbar-fixed-top, .navbar-fixed-bottom {
position: fixed !important;
}

body {
font-size:14px;
padding-right: 0px;
padding-left: 0px;
overflow-x: hidden;
}

.navbar-default .navbar-header {
min-height: 25px;
}

.navbar-brand {	
margin-left: 17px;
margin-right: 15px;
padding-top: 15px;	
padding-bottom:0px;	
}

.navbar .nav > li > a {
color: #f7f7f7;
text-decoration: none;
text-shadow: none;
font-size:16px;
margin-left:15px;
padding-top:10px;
padding-bottom:10px;
float: none;
border-left:none;
border-right:none;
transition:none;
border-radius:0px;
}

h1 {
font-family: Verdana,Geneva,sans-serif;
font-size: 26px;
font-weight: 900; 
text-transform:none;
}

h2 {
font-family: Verdana,Geneva,sans-serif;
font-size: 20px;
font-weight: 700;
margin-bottom: 2px;
}

h3 {
font-family: Verdana,Geneva,sans-serif;
font-size: 16px;
font-weight: 700;
}

footer{
display:inline-block;
height:105px;
width:100%;
padding-top:15px;
padding-bottom:10px;
background:#222222;
color:#cccccc;
font-size:100%;
}

.contact {
margin-left:40px;
cursor:pointer;
}

#head-top .hero-unit {
padding-right:40px;
padding-left:40px;
padding-top:100px;
padding-bottom:0px;					
}

#head-top {
position:relative;
background:#f7f7f7;
display:inline-block;	
width:100%;
overflow:hidden;
padding-top: 50px;
padding-bottom: 0px;
}

#head-top .hero-unit h1 {
font-size:24px;
text-align:center;
}

#head-top .hero-unit .lead {
font-size:16px;
text-align: left;
}

.page-header h3 {
font-weight: 100;
font-size: 32px;
line-height: 34px;
}

.page-header {
padding-bottom: 9px;
margin-top:15px;	
border-bottom: 1px solid #eeeeee;
background-color: #f7f7f7;
}

.navbar-header {
float: none;
}

.navbar-toggle {
display:block;
position: relative;
float: right;
background-color: #f7f7f7;
border-radius: 4px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
color: #222222;
margin: 10px;
margin-right:17px;
padding: 10px;
right: 15px;
}

.navbar-collapse {
max-height: 360px;
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}

.navbar-collapse.collapse {
display: none!important;
}

.navbar-nav {
float: none!important;
margin: 7.5px -15px;
}

.navbar-nav> li {
float: none;
}

.navbar-collapse.collapse.in { 
display: block!important;
}

.collapsing {
overflow: hidden!important;
}

.xlheading {
font-family: Verdana,Geneva,sans-serif;
font-size: 36px;
font-weight: 100; 
text-transform:none;
}

.form-responsive {
padding-right:25px;
}

.form-bottom form textarea {
height: 125px;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.form-responsive {
padding-right:25px;
padding-left:35px;
}

.social li{
display:inline;
}

.progress-value {
 position:absolute;
    right:0;
    left:0;
}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}