/* DO NOT CHANGE THIS FILE -------------------------------------------------- */
/* TO OVER-RIDE ANY ASPECT OF THIS CSS, AMEND THE user.css FILE ------------- */
.piGal {width: 250px !important;}.piGal img {max-width: 250px;height: auto;}li.newItemInCart, li.newItemInCart A {color: #a94442;}.form-control {margin-bottom: 5px;display: inline;}.page-header h1 del {font-size: 0.5em;}.productHolder {border: 1px solid #eee;padding: 10px;border-radius: 4px;-webkit-transition: border .5s ease-in-out;-o-transition: border .5s ease-in-out;transition: border .5s ease-in-out;}.productHolder:hover {border: 1px solid #428bca;}.productHolder h2 {font-size: 1.3em;}.item.list-group-item {float: none;width: 100%;background-color: #fff;border: none;}.item.list-group-item img {float: left !important;margin-right: 10px !important;}.grid-group-item {margin-bottom: 20px;}.grid-group-item .list-group-item-text {display: none;}p.lead del {font-size: 0.5em;}#bodyContent .img-responsive, #columnLeft .img-responsive, #columnRight .img-responsive {margin-left: auto;margin-right: auto;}.stepwizard {margin-top: 20px;}.stepwizard-step p {margin-top: 10px;}.stepwizard-row {display: table-row;}.stepwizard {display: table;width: 100%;position: relative;}.stepwizard-step button[disabled] {opacity: 1 !important;filter: alpha(opacity=100) !important;}.stepwizard-row:before {top: 14px;bottom: 0;position: absolute;content: " ";width: 100%;height: 1px;background-color: #ccc;z-index: 0;}.stepwizard-step {display: table-cell;text-align: center;position: relative;width: 33%;}.btn-circle {width: 30px;height: 30px;text-align: center;padding: 6px 0;font-size: 12px;line-height: 1.428571429;border-radius: 15px;}.pagenav {position: relative;top:-25px;left:3px;height: 40px !important;}.pagenumber {margin-bottom:7px;}.reviews blockquote p {font-size: 0.8em;}.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;}@media (max-width: 767px) {.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) and (max-width: 991px) {.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) and (max-width: 1199px) {.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;}}.footer {background: #eee;border-top: 2px solid #ddd;}.footer .footerbox {padding: 10px 10px 0px 10px;}.footer-extra {background: #111;color: silver;line-height: 3;}.footer-extra A {color: silver;}.footer h2 {padding: 0;margin: 0;font-size: 1em;letter-spacing: 0.1em;color: rgb(142,11,0);text-shadow: 1px 1px 1px rgba(255,255,255,0.6);border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 10px;text-transform: uppercase;}.contact {border-left: 1px solid #ddd;}.timeline {list-style: none;padding: 20px 0 20px;position: relative;}.timeline:before {top: 0;bottom: 0;position: absolute;content: " ";width: 3px;background-color: #eeeeee;right: 25px;margin-left: -1.5px;}.timeline > li {margin-bottom: 20px;position: relative;}.timeline > li:before,.timeline > li:after {content: " ";display: table;}.timeline > li:after {clear: both;}.timeline > li:before,.timeline > li:after {content: " ";display: table;}.timeline > li:after {clear: both;}.timeline > li > .timeline-panel {width: calc( 100% - 75px );float: left;border: 1px solid #d4d4d4;border-radius: 2px;padding: 20px;position: relative;-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);}.timeline > li > .timeline-panel:before {position: absolute;top: 26px;right: -15px;display: inline-block;border-top: 15px solid transparent;border-left: 15px solid #ccc;border-right: 0 solid #ccc;border-bottom: 15px solid transparent;content: " ";}.timeline > li > .timeline-panel:after {position: absolute;top: 27px;right: -14px;display: inline-block;border-top: 14px solid transparent;border-left: 14px solid #fff;border-right: 0 solid #fff;border-bottom: 14px solid transparent;content: " ";}.timeline > li > .timeline-badge {color: #fff;width: 50px;height: 50px;line-height: 50px;font-size: 1.4em;text-align: center;position: absolute;top: 16px;right: 0px;margin-left: -25px;background-color: #999999;z-index: 100;border-top-right-radius: 50%;border-top-left-radius: 50%;border-bottom-right-radius: 50%;border-bottom-left-radius: 50%;}.timeline > li.timeline-inverted > .timeline-panel {float: right;}.timeline > li.timeline-inverted > .timeline-panel:before {border-left-width: 0;border-right-width: 15px;left: -15px;right: auto;}.timeline > li.timeline-inverted > .timeline-panel:after {border-left-width: 0;border-right-width: 14px;left: -14px;right: auto;}.timeline-badge.primary {background-color: #2e6da4 !important;}.timeline-badge.success {background-color: #3f903f !important;}.timeline-badge.warning {background-color: #f0ad4e !important;}.timeline-badge.danger {background-color: #d9534f !important;}.timeline-badge.info {background-color: #5bc0de !important;}.timeline-title {margin-top: 0;color: inherit;}.timeline-body > p .timeline-body > ul {margin-bottom: 0;}.timeline-body > p + p {margin-top: 5px;}.timeline-body blockquote {font-size: 1em;}.navbar-no-corners {border-radius: 0 !important;-moz-border-radius: 0 !important;border-left: none;border-right: none;}.navbar-no-margin {margin-bottom: 0 !important;}.searchbox-margin {margin-top: 10px;margin-bottom: 10px;}.form-control-feedback{padding-right:2%;} @media (max-width: 767px) {.navbar-text {padding-left: 15px!important;}} .row.list-group {display: flex; flex-flow: row wrap;} .row.list-group.container:after, .row.list-group.container:before, .row.list-group.row:after, .row.list-group.row:before{content:normal} .row.list-group {display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-flow: row wrap; } @media only screen and (max-width : 768px) {.row.list-group {-webkit-flex-direction: column; flex-direction: column; }}
/* user.css ----------------------------------------------------------------- */

/* set a max-width for horizontal fluid layout and make it centered */
.container-fluid {
    max-width: 1200px; /* or 950px */
}
.contentContainer {
	margin-bottom: 30px;
}
@media (min-width: 992px) {
  .contentContainer {
	margin-bottom: inherit;
  }
}

body {
    font-family: 'Open Sans', sans-serif, Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    background: #fbfbff;
    color: #333333;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Merriweather', serif, Arial;
    font-weight: 700;
    line-height: 1.25em;
    color: #02628b;
}
.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 20px;
    margin-bottom: 10px;
}
h5, h6 {
    font-size: 16px;
}
#privacy-policy h2 {
	margin-top: 40px;
}
.grayed {
	color: #999;
}
.mobile-centered {
    text-align: center;  
}
.page-styled-highlight {
	font-size:16px;
	text-align:center;
}
@media (min-width: 768px) {
  .page-styled-highlight {
    font-size:18px;
	text-align:center;
  }
  .mobile-centered {
    text-align: left;  
  }
}

.fleft { float: left; }
.fright { float: right; }

.text-danger .fa {
    display: none;
}
.well.well-sm.product-list-sort {
	display: none;	
}

@media (max-width: 540px) {
  .hidden-xxs {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .img-float-balance-right,
  .img-float-balance-left {
	display: table-cell;
	margin-left: auto;
	margin-right: auto;
  }
}
@media (min-width: 768px) {
  .img-float-balance-right {
	float: right;
  }
  .img-float-balance-left {
	float: left;
  }
}


/* 
**  sticky header 
*/
nav.navbar {
    position: fixed;
    border: 1px solid transparent;
    z-index: 500;
    width: 100%;
    min-height: 70px;
}
nav.navbar.sticky {
    min-height: 50px;
}
.nav>li>a {
    padding: 10px 9px;
}
@media (min-width: 992px) { 
  .nav>li>a {
    padding: 10px 15px;
  }
}
.navbar-brand {
    height: 70px;
    padding: 13px 5px;
}
@media (min-width: 400px) { 
  .navbar-brand {
    padding: 13px 5px 13px 25px;
  }
}
@media (min-width: 992px) { 
  .navbar-brand {
    padding: 13px 25px;
  }
}
nav.navbar.sticky .navbar-brand {
    height: 50px;
    padding: 5px 25px;
}
@media (min-width: 922px) { 
  nav.navbar.sticky .navbar-brand {
    height: 50px;
    padding: 5px 48px;
  }
}
nav.navbar .navbar-brand img {
    height: 50px;
    width: 230px;
}
nav.navbar.sticky .navbar-brand img {
    height: 40px;
    width: 184px;
}
.navbar-toggle {
    padding: 9px 10px;
    margin-top: 18px;
    margin-right: 15px;
    margin-bottom: 18px;
}
nav.navbar.sticky .navbar-toggle {
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
}

#bodyWrapper {
    position: relative;
    padding-top: 90px;
}
#bodyWrapper.full-page-responsive {
    padding-top: 76px;
    background: #222222;
}

@media (min-width: 768px) {
  .navbar-text {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 16px;
  }
  nav.navbar.sticky .navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .navbar-nav>li>a {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
  }
  nav.navbar.sticky .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 10px;
  }
  #bodyWrapper.full-page-responsive {
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  .navbar-nav>li>a {
    font-size: 16px;
  }
}

/* sticky header styles */
.navbar-inverse {
    background-color: rgba(34,34,34,0.95); 
    border-color: rgba(8,8,8,0.95);
}
nav.navbar, .navbar-text, .navbar-brand, .navbar-toggle, .navbar-nav>li>a, .navbar-brand img {
    -webkit-transition: all 0.5s;
       -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
         -o-transition: all 0.5s;
            transition: all 0.5s;
}
nav.navbar.sticky {
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.45);
       -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.45);
            box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.45);
}
.navbar-inverse .navbar-nav>li>a {
    color: #D9D9D9;
}
.navbar-inverse .navbar-nav>li>a:focus span, 
.navbar-inverse .navbar-nav>li>a:hover span {
	border-bottom: 1px dotted #fff;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu.swing-right {
    right: inherit; 
  }
}

/* *******************************
** Navigation Tools Buttons Override
** ******************************/
.text-highlight {
    color: #0F0;
}
.cart-dot-nest {
    position:relative;
}
.non-caret {
    width: 8px;
}
@media (min-width: 768px) { 
  .cart-dot {
    position:absolute;
    left: -2px;
    bottom: -1px;
    padding: 1px 3px;
    line-height: 1em;
    font-size: 9px;
    font-weight: 700;
    color: #000;
    background-color: #0F0;
    border: 1px solid #090;
    border-radius: 9px;
    z-index: 10;
  }
  .nav>li>a.narrow {
    padding-left: 8px;
    padding-right: 8px;
  }
  .nav>li>a.narrow .caret {
    margin-left: 0; 
  }
}


/*
** Header styles
*/
.header-text {
    margin-top: 12px;
}
.header-text h1 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1em;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    color: #FFFFFF;
    text-align: center;
}
.header-text p {
    margin-top: -8px;
    line-height: 1.4em;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    color: #FFFFFF;
    text-align: center;
}
@media (min-width: 580px) { 
  .header-text {
    margin-top: 20px;
  }
  .header-text h1 {
    font-size: 36px;
  }
  .header-text p {
    padding: 0 0 0 5px;
  }
}
/* sm */
@media (min-width: 768px) { 
  .header-text {
    margin-top: 40px;
  }
  .header-text h1 {
    font-size: 54px;
    line-height: 0.9em;
    text-align: left;
  }
  .header-text p {
    margin-top: 15px;
    font-size: 16px;
    line-height: 0.8em;
    text-align: left;
  }
}
/* md */
@media (min-width: 992px) {
}
/* lg */
@media (min-width: 1200px) {
}


/* 
**  sticky footer 
*/
@media (min-width: 768px) {
  html {
    height: 100%;    
  }
  body {
    height: 100%;
  }
  #pageWrapper {
    vertical-align: top;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
  }
  #bodyWrapper {
    height: auto !important;
    position: relative;
    padding-bottom: 425px;
  }
  footer {
    width: 100%;
    position: absolute;
    bottom: 0;
  }
  footer.full-page-responsive {
    position: relative;
  }
}
@media (min-width: 810px) {
  #bodyWrapper {
    padding-bottom: 440px;
  }
}
@media (min-width: 960px) {
  #bodyWrapper {
    padding-bottom: 420px;
  }
}
@media (min-width: 1200px) {
  #bodyWrapper {
    padding-bottom: 325px;
  }
}
/*
** footer styles
*/
footer {
    margin-top: 25px;
}
footer.full-page-responsive {
    margin-top: 0;
}
.footer {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #222222;
    border: none;
}
.footer h2 {
    margin: 10px 0;
    padding: 0;
    font-size: 18px;
    letter-spacing: inherit;
    font-family: 'Open Sans', sans-serif, Arial;
    color: #EEEEEE;
    text-shadow: none;
    border: none;
}
.footer p,
.footer-extra p {
    font-size: 14px;
    color:#E9E9E9;
}
.footer-extra p {
    margin: 8px 0;
    line-height: 16px;
}
.footer p > a,
.footer-extra p > a {
    color:#D0D0D0;
    border-bottom: none;
    text-decoration: none;
}
.footer p > a:hover,
.footer-extra p > a:hover {
    color:#F9F9F9;
    border-bottom: 1px dotted #F9F9F9;
    text-decoration: none;
}

@media (max-width: 767px) {
  .footer div.row > div:nth-child(n+2) {
    margin-top: 20px;
    border-top: 1px solid #333333;
  }
}
@media (min-width: 768px) {
  .footer div.row {
    overflow: hidden;
  }
  .footer div.row div p {
    padding: 0;
  }
  .footer div.row > div {
    padding-bottom: 510px; 
    margin-bottom: -500px; 
    vertical-align: top;
  }
  .footer div.row > div:nth-child(n+2) {
    padding-left: 25px;
    border-left: 1px dotted #333333;
  }
  .footer-extra div.row > div:nth-child(n+2) p {
    text-align: right;
  }
  .footer-extra p,
  .footer-extra p a {
    margin: 8px 0;
    line-height: 2;
  }
  .footer-extra div.row > div:nth-child(n+2) p {
    text-align: center;
  }
  .footer-extra div.row > div:nth-child(n+3) p {
    text-align: right;
  }
}
@media (min-width: 768px) and (max-width: 991px) { 
  .footer-web-services {
    padding-left: 15px;
    padding-right: 160px;
  }
}
.footer-extra p,
.footer-extra p a {
    font-size: 12px;
    color: #7A7A7A;
}

.fb-footer {
	margin-top: 10px;
}
@media (min-width: 768px) { 
  .fb-footer {
	margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .fb-footer {
	margin-top: 20px;
  }
}
/* lg */
@media (min-width: 1200px) {
  .fb-footer {
	margin-top: 10px;
  }
}


/*
** Forms
*/
/* xs */
.padded-form {
    padding: 28px 18px;
}
.padded-form h2 {
    margin: 0 0 30px 0;
    color: #555;
}
.padded-form label {
    color: #777;
}
/* sm */
@media (min-width: 768px) { 
  .padded-form {
    padding: 35px 35px;
  }
}
/* md */
@media (min-width: 992px) {
  .padded-form {
    padding: 40px 55px;
  }
}
/* lg */
@media (min-width: 1200px) {
  .padded-form {
    padding: 65px 85px;
  }
}

/* *******************************
** Form Override
** ******************************/
.form-control {
    padding: 12px 10px;
    margin: 3px !important;
    display: inline-block;
    width: 100%;
    height: inherit !important;
    color: #555;
    background-color: #fff;
    background-image: none;
    
    border: 1px solid rgba(128,128,128,0.4);
    border-radius: 2px; 
    
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,1);
       -moz-box-shadow: 0 0 0 0 rgba(0,0,0,1);
            box-shadow: 0 0 0 0 rgba(0,0,0,1);
    
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
         -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/* #02628b  -  2, 98, 139  */
.form-control:focus {
    margin: 1px !important;
    border: solid 3px rgba(2,98,139,0.5);
    box-shadow: 0 0 0 0 rgba(2,98,139,1);
}

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}
.form-group {
    margin-bottom: 10px;
}

.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #0B93CE;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #0B93CE !important; text-overflow: ellipsis;
   opacity:  1;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #0B93CE !important; text-overflow: ellipsis;
   opacity:  1;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #0B93CE !important; text-overflow: ellipsis;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
   color: #0B93CE !important; text-overflow: ellipsis;
}

.form-control-feedback {
    padding-top: 16px;
}



/* ******************************
** Ease banners
* ******************************/
.ease-this img {
    -webkit-transition: all ease-in-out 3500ms;
    -moz-transition: all ease-in-out 3500ms;
    transition: all ease-in-out 3500ms;
    transform: scale(1.25);
}
.ease-this.ease-now img {
    transform: scale(1);
}
.banner-text-container {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 100;
    background: rgba(0,0,0,0.6);
}


/* ******************************
** Banner container
* ******************************/
/* xs / base state */
#banner-container {
    width: 100%;
    height: 200px;
    overflow: hidden;
	position: relative;
}
#banner-container img {
    margin-top: -4%;
	max-width: 100%;
    height: auto;
	z-index: -100;
}
@media (min-width: 500px) { 
  #banner-container {
    height: 220px;
  }
  #banner-container img {
     margin-top: -8%;
  }
}
@media (min-width: 600px) { 
  #banner-container img {
     margin-top: -12%;
  }
}
@media (min-width: 700px) { 
  #banner-container img {
     margin-top: -16%;
  }
}
/* sm */
@media (min-width: 768px) { 
  #banner-container {
    height: 260px;
  }
  #banner-container img {
     margin-top: -16%;
  }
}
@media (min-width: 860px) {
  #banner-container {
    height: 280px;
  }
  #banner-container img {
     margin-top: -18%;
  }
}
/* md */
@media (min-width: 992px) {
  #banner-container {
    height: 300px;
  }
  #banner-container img {
     margin-top: -20%;
  }
}
/* lg */
@media (min-width: 1200px) {
  #banner-container img {
     margin-top: -24%;
  }
}

@media (min-width: 1400px) {
  #banner-container img {
     margin-top: -24%;
  }
}


/* ******************************
** Skinny Banner container
* ******************************/
#banner-container.skinny-banner {
    height: 130px;
}
#banner-container.skinny-banner img {
    margin-top: -5%;
}
@media (min-width: 500px) { 
  #banner-container.skinny-banner {
    height: 150px;
  }
  #banner-container.skinny-banner img {
    margin-top: -15%;
  }
}
@media (min-width: 768px) { 
  #banner-container.skinny-banner {
    height: 190px;
  }
  #banner-container.skinny-banner img {
    margin-top: -30%;
  }
  .portfolio-section {
    margin: 20px 0 40px 0;
  }
}

/* ******************************
** Banner/Footer timming container
* ******************************/
#banner-container.trimmed {
    border-bottom: 4px solid #444;
}
footer.trimmed {
    border-top: 4px solid #444;
}


/* ******************************
** Contact Page container
* ******************************/
/* xs / base state */
.contact-form-container {
    background: #fbfbff url(images/body-background.jpg);
}
.contact-form-container h2,
.contact-form-container label {
    -webkit-background-clip: text;
       -moz-background-clip: text;
            background-clip: text;
    text-shadow: rgba(255,255,255,0.5) 0px 3px 3px, 0 1px 0 #fff;    
}
.contact-highlight-text {
    padding-top: 15px;
    padding-bottom: 35px;
}
.contact-highlight-text h2,
.contact-highlight-text h3 {
    font-size: 26px;
    font-weight: 700;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    color: #FFFFFF;
    text-align: center;
}
.contact-highlight-text h3 {
    font-size: 24px;
}
.contact-highlight-text p {
    margin: 0 0 20px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    color: #FFFFFF;
    text-align: center;
}
@media (max-width: 767px) { 
  #contact-highlight-blocks .row div:first-child {
    background: none #2F2F2F;
  }
  #contact-highlight-blocks .row div:last-child {
    background: none #12729b;
  }
}
/* sm */
@media (min-width: 768px) { 
  #contact-highlight-blocks {
    background: #2F2F2F -webkit-linear-gradient(left, #2F2F2F, #2F2F2F 58.33333333%, #12729b 58.33333333%);
    background: #2F2F2F    -moz-linear-gradient(right, #2F2F2F, #2F2F2F 58.33333333%, #12729b 58.33333333%);
    background: #2F2F2F      -o-linear-gradient(right, #2F2F2F, #2F2F2F 58.33333333%, #12729b 58.33333333%);
    background: #2F2F2F         linear-gradient(to right, #2F2F2F, #2F2F2F 58.33333333%, #12729b 58.33333333%);
  }
  .contact-highlight-text.col-sm-5 p,
  .contact-highlight-text.col-sm-5 h2 {
    padding-left: 15px;
  }
  .contact-highlight-text h2 {
    text-align: left;
    font-size: 28px;
  }
  .contact-highlight-text h3 {
    text-align: left;
    font-size: 24px;
  }
  .contact-highlight-text p {
    text-align: left;
  }
}
/* md */
@media (min-width: 992px) {
  .contact-highlight-text.col-sm-5 p,
  .contact-highlight-text.col-sm-5 h2 {
    padding-left: 0;
  }
}
/* lg */
@media (min-width: 1200px) {

}


/* ******************************
** Home Page icon briefs
* ******************************/
#web-design-sprite {
    width: 110px;
    height: 110px;
    background: url(/images/service_icons/home-sprite.png) 0 0;
}
#ecommerce-development-sprite {
    width: 110px;
    height: 110px;
    background: url(/images/service_icons/home-sprite.png) -110px 0;
}
#seo-sprite {
    width: 110px;
    height: 110px;
    background: url(/images/service_icons/home-sprite.png) -220px 0;
}
#digital-marketing-sprite {
    width: 110px;
    height: 110px;
    background: url(/images/service_icons/home-sprite.png) -330px 0;
}
.icon-brief {
    margin-top: 20px;
    padding: 20px 5px 0 5px;
	cursor: pointer;
	border: 1px solid #fbfbff;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-transition: background-color ease-in-out .15s,border ease-in-out .15s;
         -o-transition: background-color ease-in-out .15s,border ease-in-out .15s;
            transition: background-color ease-in-out .15s,border ease-in-out .15s;
}
.icon-brief img {
    -webkit-transition: opacity ease-in-out .15s;
         -o-transition: opacity ease-in-out .15s;
            transition: opacity ease-in-out .15s;
}
.icon-brief a {
	font-weight: 700;
	color: #02628b;
}
.icon-brief a:hover {
	color: #038CC7;
	border-bottom: 1px dotted #038CC7;
	text-decoration: none;
}
.icon-brief:hover {
	background-color: #FFF;
	border: 1px solid #e8eefb;
}
.icon-brief:hover img {
	opacity: 0.8;
}

/* dark section */
.dark-section .icon-brief:hover {
	background: #01415C;
}
.dark-section .icon-brief a {
	color: #0b93ce;
}
.dark-section .icon-brief a:hover {
	color: #2CB8F3;
	border-bottom: 1px dotted #2CB8F3;
}





/* *******************************
** Generic Content Section Styles
** ******************************/
/* specific page sections */
.content-section {
    padding-top: 30px;
    padding-bottom: 50px;
    background: #fbfbff;
}
.tight-top {
    padding-top: 0 !important;
}
.tight-bottom {
    padding-bottom: 0 !important;
}
/* Generic Section Styles */
.detail-section-container {
    margin-top: 15px; 
    margin-bottom: 15px; 
    padding: 0 20px 15px 20px;
	background-color: #F2F6FD;
	border: 1px solid #E8EEFB;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}
.detail-section-container.detail-styled {
	background-color: #FFF;
	border: 1px solid #e8eefb;
}
.detail-section-container.highlight-box {
    padding-top:25px;
    text-align: left;
}
.highlight-section .detail-section-container.highlight-box p {
	width: inherit;
}

/* *******************************
** Detail Section Styles
** ******************************/
.detail-section-icon {
    display: none;
}
.detail-section-text {
    padding-bottom: 15px;
}
.detail-section-icon i {
    margin-top: 3px;
    color: #1F779C;
    font-size:30px;
    -webkit-background-clip: text;
       -moz-background-clip: text;
            background-clip: text;
    text-shadow: rgba(255,255,255,0.5) 0px 3px 3px, 0 1px 0 #fff;    
}
.detail-section-text h2 {
    color: #1F779C;
    font-size: 22px;
    font-weight: 700;
}
.detail-section-text p {
}
.detail-section-text .oscommerce-logo {
	margin: 30px 0;
}
.wordpress-logo {
	margin: 29px 0;
}

@media (min-width: 520px) {
  .detail-section-container {
    padding: 20px 20px 30px 20px;
  }
  .detail-section-icon {
    display: block;
    float: left;
    padding: 15px 20px 20px 5px;
    width: 55px;
    text-align: right;
  }
  .detail-section-text {
    width: 80%;
    float: left;
  }
}
/* sm */
@media (min-width: 768px) { 
  .detail-section-container.highlight-box {
    padding-top:35px;
    text-align:center;
  }
  .detail-section-icon {
  }
  .detail-section-text {
    width: 85%;
  }
}
/* md */
@media (min-width: 992px) {
  .detail-section-icon {
  }
  .detail-section-text {
  }
  .detail-section-text .oscommerce-logo {
	margin: 50px 0;
  }
  .wordpress-logo {
	margin: 29px 0;
  }
}
/* lg */
@media (min-width: 1200px) {
}

/* *******************************
** Brief Section Styles
** ******************************/
.brief-section-container {
    margin-top: 15px; 
    margin-bottom: 15px; 
}

.brief-section-icon {
/*    display: none;*/
	text-align: center;
}
.brief-section-text {
    padding-bottom: 15px;
}
.brief-section-icon i {
    color: #FFF;
    font-size:68px;
	padding: 20px;
	background-color: #02628b;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    -webkit-transition: background-color ease-in-out .15s,border ease-in-out .15s;
         -o-transition: background-color ease-in-out .15s,border ease-in-out .15s;
            transition: background-color ease-in-out .15s,border ease-in-out .15s;
}
.brief-section-text h2 {
    font-family: 'Open Sans', sans-serif, Arial;
    color: #1F779C;
    font-size: 22px;
    font-weight: 700;
	text-align: center;
}
.brief-section-text p {
	text-align: center;
}

@media (min-width: 520px) {
  .brief-section-icon {
    padding: 10px;
  }
  .brief-section-text {
    padding-bottom: 25px;
  }
}
/* sm */
@media (min-width: 768px) { 
  .brief-section-icon {
  }
  .brief-section-text {
  }
}
/* md */
@media (min-width: 992px) {
  .brief-section-icon {
  }
  .brief-section-text {
  }
}
/* lg */
@media (min-width: 1200px) {
}

.brief-section-container.dark-section .brief-section-icon i {
	color: #013a52;
	background-color: #0B93CE;
}
.brief-section-container.dark-section .brief-section-text h2 {
	color: #79BED9;
}
.brief-section-container.dark-section .brief-section-text p {
	color: #EEE;
}


/* dark sections page sections */
.content-section.dark-section.dark-blue-background {
    background: #013A52;
}
.content-section.green-background {
    background: #008034;
}
.content-section.adjust-padding {
	padding-top: 50px;
	padding-bottom: 20px;
}
.dark-section .detail-section-container {
    padding-top: 20px;
    padding-bottom: 20px;
    background: rgba(0,0,0,.1);
    border: 1px solid rgba(0,0,0,.15);
}
.dark-section .detail-section-icon i {
    color: #C7ECFC;
    -webkit-background-clip: text;
       -moz-background-clip: text;
            background-clip: text;
    text-shadow: rgba(0,0,0,0.5) 0px 2px 1px;
}
.dark-section .detail-section-text h1,
.dark-section .detail-section-text h2,
.dark-section .detail-section-text h3,
.dark-section .detail-section-text h4 {
    color: #C7ECFC;
}
.detail-section-text h4 {
    margin-top: 20px;
}
.dark-section .detail-section-text p,
.dark-section .detail-section-text li {
     color: #eee;
}
.detail-section-text.full-width {
	width: 100%;
}
.dark-section .middle {
	margin-left: auto;
	margin-right: auto;
}

/* md */
@media (min-width: 768px) { 
}

.detail-section-container.outer {
    margin-top: 15px; 
    margin-bottom: 15px; 
    padding:0;
}
@media (max-width: 991px) { 
  .detail-section-container.outer .col-sm-12 {
    padding-left:0;
    padding-right:0;
  }
}
@media (min-width: 992px) { 
  .detail-section-container.outer .col-sm-12:nth-child(odd) {
    padding-left:0;
  }
  .detail-section-container.outer .col-sm-12:nth-child(even) {
    padding-right:0;
  }
}
.detail-section-container.inner {
    margin: 0; 
    background: none;
    border: none;
	box-shadow: none;
}
.detail-section-container.no-background {
    margin-top: 15px; 
    margin-bottom: 15px; 
    padding: 10px;
    background: none;
    border: none;
}
.dark-section .brief-section-icon i {
    color: #1f779c;
    background-color: #333;
}


/* links on dark backoung sections */
.detail-section-container.dark a {
    color: #E9F8FE;
	text-decoration: none;
    box-shadow: inset 0 -4px 0 #0B93CE;
  -webkit-transition: background-color ease-in-out .15s;
       -o-transition: background-color ease-in-out .15s;
          transition: background-color ease-in-out .15s;
}
.detail-section-container.dark a:focus {
	color: #FFF;
	text-decoration: none;
    box-shadow: inset 0 -4px 0 #02628b;
}
.detail-section-container.dark a:hover {
	color: #FFF;
	text-decoration: none;
    box-shadow: none;
	background-color: #0B93CE;
}
.detail-section-container.dark a.img,
.detail-section-container.dark a.img:focus,
.detail-section-container.dark a.img:hover {
	background-color: transparent;
    box-shadow: none;
  -webkit-transition: opacity ease-in-out .15s;
       -o-transition: opacity ease-in-out .15s;
          transition: opacity ease-in-out .15s;
}
.detail-section-container.dark a.img {
	opacity: .85;
}
.detail-section-container.dark a.img:hover {
	opacity: 1;
}


/* *******************************
** message-section Styles
** ******************************/
#message-section {
    background: #013A52;
}
#message-section p {
    margin: 20px 0;
    font-size: 16px;
    color: #FFF;
    font-style: italic;
}

/* sm */
@media (min-width: 768px) { 
  #message-section p {
    margin: 25px 10px;
    font-size: 17px;
  }
}

/* md */
@media (min-width: 992px) {
  #message-section p {
    margin: 35px 10px;
    font-size: 18px;
  }
}

/* *******************************
** Highlight Section Styles
** ******************************/
.highlight-section {
    padding: 20px 0 20px 0;
    /*background: #fbfbff;*/
}
.highlight-section h2 {
	margin-top: 0;
    font-size: 26px;
    color: #013A52;
}
.highlight-section p {
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    color: #013A52;
}
.highlight-section p.section-lead {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
.highlight-section .btn {
    margin-top: 25px
}
/* sm */
@media (min-width: 490px) { 
  .highlight-section {
    padding: 25px 0 25px 0;
  }
  .highlight-section h2 {
    font-size: 38px;
  }
  .highlight-section p.section-lead {
    font-size: 18px;
  }
  .highlight-section .btn {
    margin-top: 30px
  }
}
/* sm */
@media (min-width: 768px) { 
  .highlight-section {
    padding: 40px 0 40px 0;
  }
  .highlight-section h2 {
    font-size: 42px;
  }
  .highlight-section p {
    width: 700px;
    font-size: 18px;
  }
  .highlight-section p.section-lead {
    font-size: 18px;
  }
  .highlight-section .btn {
    margin-top: 40px
  }
}
/* md */
@media (min-width: 992px) {
  .highlight-section {
    padding: 55px 0 55px 0;
  }
  .highlight-section h2 {
    font-size: 54px;
  }
  .highlight-section p {
    width: 880px;
    font-size: 19px;
  }
}
/* lg */
@media (min-width: 1200px) {
}

/* *******************************
** Dark Blue Highlight Section Styles
** ******************************/
.highlight-section.dark-blue-section {
    background: #013A52;
}
.highlight-section.dark-blue-section h2 {
    color: #FFF;
}
.highlight-section.dark-blue-section p {
    color: #FFF;
}

/* *******************************
** Light Blue Highlight Section Styles
** ******************************/
.highlight-section.light-blue-section {
    background: #0b93ce;
}
.highlight-section.light-blue-section h2 {
    color: #FFF;
}
.highlight-section.light-blue-section p {
    color: #FFF;
}


/* ******************************
** Brief Contact Container
* ******************************/
.brief-contact-container {
    padding: 0 20px 20px;
    background: rgba(0,0,0,.7);
    border: 1px solid rgba(0,0,0,.5);
}
.brief-contact-form-container {
    margin-top: 15px; 
    padding: 10px;
}
.brief-contact-container h2,
.brief-contact-container p {
    color: #FFF;
}
.brief-contact-container h2 {
    margin-bottom: 4px; 
}
.brief-contact-container p.quote {
    margin-top: 0; 
    margin-bottom: 15px; 
	font-style: italic;
	font-size: 18px;
}
.brief-contact-container p {

}
@media (min-width: 768px) { 
  .brief-contact-container {
    margin-left: 20px; 
    margin-right: 20px;
    padding: 20px 40px 30px 40px;
  }
  .brief-contact-form-container {
    margin-left: 20px; 
    margin-right: 20px; 
  }
}
@media (min-width: 992px) { 
  .brief-contact-container {
    margin-left: 20px; 
    margin-right: 0; 
  }
  .brief-contact-form-container {
  }
}

/* *******************************
** Contact Links Section Styles
** ******************************/
#contact-parallax-banner {
    padding: 25px 0;
}
.contact-links-highlight-container {
	padding: 10px 0;
    background: rgba(0,0,0,.7);
    border: 1px solid rgba(0,0,0,.5)
}
.contact-links-highlight-container h2 {
    font-size: 22px;
	color: #FFF;
}
.contact-links-highlight-container p.section-lead {
    text-transform: uppercase;
    font-size: 14px;
	color: #FFF;
}
.contact-links-highlight-container a.btn {
    margin-top: 20px;
}
@media (min-width: 460px) { 
  .contact-links-highlight-container h2 {
    font-size: 32px;
  }
}
@media (min-width: 768px) { 
  #contact-parallax-banner {
    padding: 45px 0;
  }
  .contact-links-highlight-container {
	padding: 20px;
  }
  .contact-links-highlight-container h2 {
    font-size: 42px;
  }
  .contact-links-highlight-container p.section-lead {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  #contact-parallax-banner {
    padding: 95px 0;
  }
  .contact-links-highlight-container {
	padding: 30px;
  }
  .contact-links-highlight-container h2 {
    font-size: 48px;
  }
  .contact-links-highlight-container p.section-lead {
    font-size: 22px;
  }
}


/* *******************************
** Side-image Section Styles
** ******************************/
.dark-section .side-image-section-text h2 {
    color: #C7ECFC;
}
.dark-section .side-image-section-text p {
     color: #EEEEEE;
}

.side-image-section-text {
    padding-bottom: 50px;
}
.side-image-section-parent {
    overflow: hidden;
}
.wordpress-side-image-back {
    margin-bottom: -1000px;  /* hack cause cell to be height: 100% */
    padding-bottom: 1000px;  /* cause cell to be height: 100% */
    background-image: url(images/code-monitor-wp.png);
    background-position: right 20px top;
    background-repeat: no-repeat;
}
.mobile-side-image-back {
    margin-bottom: -1000px;  /* hack cause cell to be height: 100% */
    padding-bottom: 1000px;  /* cause cell to be height: 100% */
    background-image: url(images/mobile-devices.png);
    background-position: 40px top;
    background-repeat: no-repeat;
}
@media (min-width: 768px) { 
  .mobile-side-image-min {
    min-height: 370px;
  }
}

ul.yellowcheck {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.yellowcheck li { 
	margin: 0;
	padding: 0;
	padding-left: 25px;
	background: no-repeat center left;
	background-image: url("../images/yellow-checked-mark.png");
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5QkY4MDIwNUY3ODlFNjExQjU1MkIyOTU2MTNERkRCMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQTBCNDczRjg5RjcxMUU2OTZCMkU2NDg5OTgzNDBDMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQTBCNDczRTg5RjcxMUU2OTZCMkU2NDg5OTgzNDBDMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlDRjgwMjA1Rjc4OUU2MTFCNTUyQjI5NTYxM0RGREIxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlCRjgwMjA1Rjc4OUU2MTFCNTUyQjI5NTYxM0RGREIxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QuJAngAAALNJREFUeNpi/P//PwMlgIVhmz45+niA+CsQ/2ciQ7MfEL8F4rlAzMRChubVQMwGxIlA/IeJTM0woMJEgeYjIHGYASDnHAWZSIJmTyD+wgTVDAoQKyDej2YIXs2QaGRgyAdiRqikDNQQRyDWIqQZBEAuiAXi10iKQIYcJkYzzIDLQOyMZogEMZphBjDgMISgZmQDcBmCVzO6AeiGENQMiwUGLIZoA/EnIP5JKIUxUpqdAQIMAGCcNiWgYPuhAAAAAElFTkSuQmCC");
}
ul.yellowcheck li.nobullet { 
	background-image: none;
}

@media (min-width: 768px) { 
  .my-account-padding {
	padding-left: 25px;
  }
}
@media (min-width: 992px) { 
  .my-account-padding {
	padding-left: 45px;
  }
}

/*****************
/ +Alt Checkout
/ +Country-State Selector
/****************/
#indicator, 
#bill_indicator,
#ship_indicator,
#shipping_methods_indicator {
  display: none;
  position:absolute;
  padding: 6px 26px 6px 26px;
  background-color: #FFF;
  border:  1px solid rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 6px 6px 6px 6px; /* top-left, top-right, bottom-right, bottom-left */
     -moz-border-radius: 6px 6px 6px 6px;
       -o-border-radius: 6px 6px 6px 6px;
          border-radius: 6px 6px 6px 6px;

}
/* -Country-State Selector */

/*****************
/ +Alt Checkout
/****************/
.messageOrderSuccess { 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 12px; 
}
#shipping_quotes {
    margin-bottom: 30px;
}
#continue-button {
    margin-bottom: 35px;
}
#ship_update_button {
    display:inline-block;
    position:relative; 
    top:-3px;
}
#ship_update_button a.btn {
    padding: 2px 6px; 
}
/* End Alt Checkout */


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

/* *******************************
** jQuery Button Override
** ******************************/
button[type="submit"].btn,
a[type="button"].btn,
.buttonSet a.btn,
a.btn {
  padding: 10px 16px;
  border-radius: 2px;

  -webkit-transition: background-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
       -o-transition: background-color ease-in-out .15s,box-shadow ease-in-out .15s;
          transition: background-color ease-in-out .15s,box-shadow ease-in-out .15s;
  text-shadow: none !important;
  -webkit-background-clip: none !important;
     -moz-background-clip: none !important;
          background-clip: none !important;
}

/* *******************************
** Section Button Override
** ******************************/
.btn.btn-blues {
  padding: 12px 18px;
}
.btn-blues {
  color: #fff;
  background-color: #0B93CE;  /* 5 */
  border: 2px solid #0B93CE;  /* 4 */
  font-weight: 700;
  padding: 12px 18px;
}
.btn-blues:focus,
.btn-blues.focus {
  color: #fff;
  background-color: #02628b;  /* 3 */
  border: 2px solid #02628b;  /* 1 */
}
.btn-blues:hover {
  color: #fff;
  background-color: #02628b;  /* 3 */
  border: 2px solid #02628b;  /* 2 */
}
.btn-blues:active,
.btn-blues.active,
.open > .dropdown-toggle.btn-blues {
  color: #fff;
  background-color: #02628b;  /* 3 */
  border: 2px solid #02628b;  /* 2*/
}
.btn-blues:active:hover,
.btn-blues.active:hover,
.open > .dropdown-toggle.btn-blues:hover,
.btn-blues:active:focus,
.btn-blues.active:focus,
.open > .dropdown-toggle.btn-blues:focus,
.btn-blues:active.focus,
.btn-blues.active.focus,
.open > .dropdown-toggle.btn-blues.focus {
  color: #fff;
  background-color: #014F70;  /* 2 */
  border: 2px solid #014F70;  /* 1 */
}
.btn-blues:active,
.btn-blues.active,
.open > .dropdown-toggle.btn-blues {
  background-image: none;
}
.btn-blues.disabled:hover,
.btn-blues[disabled]:hover,
fieldset[disabled] .btn-blues:hover,
.btn-blues.disabled:focus,
.btn-blues[disabled]:focus,
fieldset[disabled] .btn-blues:focus,
.btn-blues.disabled.focus,
.btn-blues[disabled].focus,
fieldset[disabled] .btn-blues.focus {
  background-color: #0B93CE;  /* 5 */
  border: 2px solid #0B93CE;  /* 4 */
}

.btn-blues.inverse {
  color: #037DB2;             /* 5 */
  background-color: transparent;
  border: 2px solid #0B93CE;  /* 4 */
}
.btn-blues.inverse.white {
  color: #FFF;             /* 5 */
  background-color: transparent;
  border: 2px solid #FFF;  /* 4 */
}
.btn-blues.inverse:hover {
  color: #ffffff;             /* 5 */
  background-color: #0B93CE;
  border: 2px solid #0B93CE;  /* 4 */
}


/*
** content section animation
*/
.animate {
  -moz-animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -moz-animation-duration: 1000ms;
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -moz-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -moz-animation-delay: 100ms;
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
}

.isHidden {
  visibility: hidden;
}

.isVisible {
  visibility: visible;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -moz-transform: translate3d(-10%, 0, 0);
    -ms-transform: translate3d(-10%, 0, 0);
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }
  to {
    opacity: 1;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -moz-transform: translate3d(-10%, 0, 0);
    -ms-transform: translate3d(-10%, 0, 0);
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }
  to {
    opacity: 1;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -moz-animation-name: fadeInLeft;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -moz-transform: translate3d(10%, 0, 0);
    -ms-transform: translate3d(10%, 0, 0);
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }
  to {
    opacity: 1;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -moz-animation-name: fadeInRight;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -moz-animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, 10%, 0);
    -ms-transform: translate3d(0, 10%, 0);
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, 10%, 0);
    -ms-transform: translate3d(0, 10%, 0);
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -moz-animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, -10%, 0);
    -ms-transform: translate3d(0, -10%, 0);
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, -10%, 0);
    -ms-transform: translate3d(0, -10%, 0);
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }
  to {
    opacity: 1;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -moz-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, -10%, 0);
    -ms-transform: translate3d(0, -10%, 0);
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }
  to {
    opacity: 1;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, -10%, 0);
    -ms-transform: translate3d(0, -10%, 0);
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }
  to {
    opacity: 1;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -moz-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}