@charset "UTF-8";
/*Reset Styles
------------------------------------*/
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,700';
* {
  border-radius: 0 !important; }

a,
a:focus,
a:hover,
a:active,
button,
button:hover {
  outline: 0 !important; }

a:focus {
  text-decoration: none; }

hr {
  margin: 30px 0; }

hr.hr-md {
  margin: 20px 0; }

/*Headings*/
h1 {
  font-size: 28px;
  line-height: 35px; }

h2 {
  font-size: 24px;
  line-height: 33px; }

h3 {
  font-size: 20px;
  line-height: 27px; }

h4 {
  line-height: 25px; }

h5 {
  line-height: 20px; }

h6 {
  line-height: 18px; }

h1, h2, h3, h4, h5, h6 {
  color: #585f69;
  margin-top: 5px;
  text-shadow: none;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif; }

h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
  margin-right: 5px; }

/*Block Headline*/
.headline {
  display: block;
  margin: 10px 0 25px 0;
  border-bottom: 1px dotted #e4e9f0; }

.headline h2 {
  font-size: 22px; }

.headline h2,
.headline h3,
.headline h4 {
  margin: 0 0 -2px 0;
  padding-bottom: 5px;
  display: inline-block;
  border-bottom: 2px solid #72c02c; }

.headline-md {
  margin-bottom: 15px; }

.headline-md h2 {
  font-size: 21px; }

/*Heading Options*/
.heading {
  text-align: center; }

.heading h2 {
  padding: 0 12px;
  position: relative;
  display: inline-block;
  line-height: 34px !important;
  /*For Tagline Boxes*/ }

.heading h2:before,
.heading h2:after {
  content: ' ';
  width: 70%;
  position: absolute;
  border-width: 1px;
  border-color: #bbb; }

.heading h2:before {
  right: 100%; }

.heading h2:after {
  left: 100%; }

@media (max-width: 768px) {
  .heading h2:before,
  .heading h2:after {
    width: 20%; } }

/*Headline v1*/
.heading-v1 h2:before,
.heading-v1 h2:after {
  top: 15px;
  height: 6px;
  border-top-style: solid;
  border-bottom-style: solid; }

/*Headline v2*/
.heading-v2 h2:before,
.heading-v2 h2:after {
  top: 15px;
  height: 6px;
  border-top-style: dashed;
  border-bottom-style: dashed; }

/*Headline v3*/
.heading-v3 h2:before,
.heading-v3 h2:after {
  top: 15px;
  height: 6px;
  border-top-style: dotted;
  border-bottom-style: dotted; }

/*Headline v4*/
.heading-v4 h2:before,
.heading-v4 h2:after {
  top: 17px;
  border-bottom-style: solid; }

/*Headline v5*/
.heading-v5 h2:before,
.heading-v5 h2:after {
  top: 17px;
  border-bottom-style: dashed; }

/*Headline v6*/
.heading-v6 h2:before,
.heading-v6 h2:after {
  top: 17px;
  border-bottom-style: dotted; }

/*Heading Sizes*/
h2.heading-md {
  font-size: 20px;
  line-height: 24px; }

h2.heading-sm,
h3.heading-md {
  font-size: 18px;
  line-height: 24px; }

h3.heading-md {
  line-height: 22px; }

h3.heading-sm {
  font-size: 16px;
  line-height: 20px; }

h2.heading-xs {
  font-size: 16px;
  line-height: 22px; }

h3.heading-xs {
  font-size: 14px;
  margin-bottom: 0; }

/*Heading Titles v1*/
.title-v1 {
  z-index: 1;
  position: relative;
  text-align: center;
  margin-bottom: 60px; }

.title-v1 h1,
.title-v1 h2 {
  color: #444;
  font-size: 28px;
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif; }

.title-v1 h1:after,
.title-v1 h2:after {
  bottom: 0;
  left: 50%;
  height: 1px;
  width: 70px;
  content: " ";
  margin-left: -35px;
  position: absolute;
  background: #72c02c; }

.title-v1 p {
  font-size: 17px;
  font-weight: 200; }

/*Heading Titles v2*/
h2.title-v2 {
  color: #555;
  position: relative;
  margin-bottom: 30px; }

h2.title-v2:after {
  left: 0;
  width: 70px;
  height: 2px;
  content: " ";
  bottom: -10px;
  background: #555;
  position: absolute; }

h1.title-v2.title-center,
h2.title-v2.title-center,
h3.title-v2.title-center {
  text-align: center; }

h1.title-v2.title-center:after,
h2.title-v2.title-center:after,
h3.title-v2.title-center:after {
  left: 50%;
  width: 70px;
  margin-left: -35px; }

h1.title-light,
h2.title-light,
h3.title-light {
  color: #fff; }

h2.title-light:after {
  background: #fff; }

/*Heading Title v3*/
h1[class^="title-v3-"],
h2[class^="title-v3-"],
h3[class^="title-v3-"] {
  color: #555; }

h2.title-v3-xlg {
  font-size: 28px;
  line-height: 32px; }

h1.title-v3-lg,
h2.title-v3-lg {
  font-size: 24px;
  line-height: 28px; }

h1.title-v3-md,
h2.title-v3-md {
  font-size: 20px;
  line-height: 24px; }

h2.title-v3-sm,
h3.title-v3-md {
  font-size: 18px;
  line-height: 24px; }

h3.title-v3-md {
  line-height: 22px; }

h3.title-v3-sm {
  font-size: 16px;
  line-height: 20px; }

h2.title-v3-xs {
  font-size: 16px;
  line-height: 22px; }

h3.title-v3-xs {
  font-size: 14px;
  margin-bottom: 0; }

/*Headline Center*/
.headline-center {
  text-align: center;
  position: relative; }

.headline-center h2 {
  color: #555;
  font-size: 24px;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 15px; }

.headline-center h2:after {
  left: 50%;
  z-index: 1;
  width: 30px;
  height: 2px;
  content: " ";
  bottom: -5px;
  margin-left: -15px;
  text-align: center;
  position: absolute;
  background: #72c02c; }

.headline-center p {
  color: #999;
  font-size: 14px;
  padding: 0 150px; }

@media (max-width: 991px) {
  .headline-center p {
    padding: 0 50px; } }

.headline-center.headline-light h2 {
  color: #fff; }

.headline-center.headline-light p {
  color: #eee; }

/*Headline Center v2*/
.headline-center-v2 {
  z-index: 0;
  text-align: center;
  position: relative; }

.headline-center-v2 h2 {
  color: #555;
  font-size: 24px;
  margin-bottom: 20px;
  text-transform: uppercase; }

.headline-center-v2 span.bordered-icon {
  color: #888;
  padding: 0 10px;
  font-size: 15px;
  line-height: 18px;
  position: relative;
  margin-bottom: 25px;
  display: inline-block; }

.headline-center-v2 span.bordered-icon:before,
.headline-center-v2 span.bordered-icon:after {
  top: 8px;
  height: 1px;
  content: " ";
  width: 100px;
  background: #888;
  position: absolute; }

.headline-center-v2 span.bordered-icon:before {
  left: 100%; }

.headline-center-v2 span.bordered-icon:after {
  right: 100%; }

.headline-center-v2 p {
  color: #999;
  font-size: 14px;
  padding: 0 70px; }

.headline-center-v2.headline-center-v2-dark p {
  color: #666; }

.headline-center-v2.headline-center-v2-dark span.bordered-icon {
  color: #666; }

.headline-center-v2.headline-center-v2-dark span.bordered-icon:before,
.headline-center-v2.headline-center-v2-dark span.bordered-icon:after {
  background: #666; }

/*Headline Left*/
.headline-left {
  position: relative; }

.headline-left .headline-brd {
  color: #555;
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 10px; }

.headline-left .headline-brd:after {
  left: 1px;
  z-index: 1;
  width: 30px;
  height: 2px;
  content: " ";
  bottom: -5px;
  position: absolute;
  background: #72c02c; }

/*Devider
------------------------------------*/
.devider.devider-dotted {
  border-top: 2px dotted #eee; }

.devider.devider-dashed {
  border-top: 2px dashed #eee; }

.devider.devider-db {
  height: 5px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee; }

.devider.devider-db-dashed {
  height: 5px;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd; }

.devider.devider-db-dotted {
  height: 5px;
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd; }

/*Tables
------------------------------------*/
/*Basic Tables*/
.table thead > tr > th {
  border-bottom: none; }

@media (max-width: 768px) {
  .table th.hidden-sm,
  .table td.hidden-sm {
    display: none !important; } }

/*Forms
------------------------------------*/
.form-control {
  box-shadow: none; }

.form-control:focus {
  border-color: #bbb;
  box-shadow: 0 0 2px #c9c9c9; }

/*Form Spacing*/
.form-spacing .form-control {
  margin-bottom: 15px; }

/*Form Icons*/
.input-group-addon {
  color: #b3b3b3;
  font-size: 14px;
  background: #fff; }

/*Carousel v1
------------------------------------*/
.carousel-v1 .carousel-caption {
  left: 0;
  right: 0;
  bottom: 0;
  padding: 7px 15px;
  background: rgba(0, 0, 0, 0.7); }

.carousel-v1 .carousel-caption p {
  color: #fff;
  margin-bottom: 0; }

.carousel-v1 .carousel-arrow a.carousel-control {
  opacity: 1;
  font-size: 30px;
  height: inherit;
  width: inherit;
  background: none;
  text-shadow: none;
  position: inherit; }

.carousel-v1 .carousel-arrow a i {
  top: 50%;
  opacity: 0.6;
  background: #000;
  margin-top: -18px;
  padding: 2px 12px;
  position: absolute; }

.carousel-v1 .carousel-arrow a i:hover {
  opacity: 0.8; }

.carousel-v1 .carousel-arrow a.left i {
  left: 0; }

.carousel-v1 .carousel-arrow a.right i {
  right: 0; }

/*Carousel v2
------------------------------------*/
.carousel-v2 .carousel-control,
.carousel-v2 .carousel-control:hover {
  opacity: 1;
  text-shadow: none; }

.carousel-v2 .carousel-control.left,
.carousel-v2 .carousel-control.right {
  top: 50%;
  z-index: 5;
  color: #eee;
  width: 45px;
  height: 45px;
  font-size: 30px;
  margin-top: -22px;
  position: absolute;
  text-align: center;
  display: inline-block;
  border: 2px solid #eee;
  background: rgba(0, 0, 0, 0.1); }

.carousel-v2 .carousel-control:hover {
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.carousel-v2 .carousel-control.left {
  left: 20px; }

.carousel-v2 .carousel-control.right {
  right: 20px; }

.carousel-v2 .carousel-control .arrow-prev,
.carousel-v2 .carousel-control .arrow-next {
  top: -5px;
  position: relative; }

.carousel-v2 .carousel-control .arrow-next {
  right: -2px; }

@media (min-width: 768px) {
  .carousel-indicators {
    bottom: 10px; } }

/*Tabs
------------------------------------*/
/*Tabs v1*/
.tab-v1 .nav-tabs {
  border: none;
  background: none;
  border-bottom: solid 2px #72c02c; }

.tab-v1 .nav-tabs a {
  font-size: 14px;
  padding: 5px 15px; }

.tab-v1 .nav-tabs > .active > a,
.tab-v1 .nav-tabs > .active > a:hover,
.tab-v1 .nav-tabs > .active > a:focus {
  color: #fff;
  border: none;
  background: #72c02c; }

.tab-v1 .nav-tabs > li > a {
  border: none; }

.tab-v1 .nav-tabs > li > a:hover {
  color: #fff;
  background: #72c02c; }

.tab-v1 .tab-content {
  padding: 10px 0; }

.tab-v1 .tab-content img {
  margin-top: 4px;
  margin-bottom: 15px; }

.tab-v1 .tab-content img.img-tab-space {
  margin-top: 7px; }

/*Tabs v2*/
.tab-v2 .nav-tabs {
  border-bottom: none; }

.tab-v2 .nav-tabs li a {
  padding: 9px 16px;
  background: none;
  border: none; }

.tab-v2 .nav-tabs li.active a {
  background: #fff;
  padding: 7px 15px 9px;
  border: solid 1px #eee;
  border-top: solid 2px #72c02c;
  border-bottom: none !important; }

.tab-v2 .tab-content {
  padding: 10px 16px;
  border: solid 1px #eee; }

/*Tabs v3*/
.tab-v3 .nav-pills li a {
  color: #777;
  font-size: 17px;
  padding: 4px 8px;
  margin-bottom: 3px;
  background: #fafafa;
  border: solid 1px #eee; }

.tab-v3 .nav-pills li a:hover,
.tab-v3 .nav-pills li.active a {
  color: #fff;
  background: #72c02c;
  border: solid 1px #68af28; }

.tab-v3 .nav-pills li i {
  width: 1.25em;
  margin-right: 5px;
  text-align: center;
  display: inline-block; }

.tab-v3 .tab-content {
  padding: 15px;
  background: #fafafa;
  border: solid 1px #eee; }

/*Accordions
------------------------------------*/
/*Accordion v1*/
.acc-v1 .panel-heading {
  padding: 0;
  box-shadow: none; }

.acc-v1 .panel-heading a {
  display: block;
  font-size: 14px;
  padding: 5px 15px;
  background: #fefefe; }

.acc-icon a.accordion-toggle i {
  color: #585f69;
  margin-right: 8px; }

.acc-icon a.accordion-toggle:hover i {
  color: #39414c; }

/*Navigation
------------------------------------*/
/*Pegination*/
.pagination li a {
  color: #777;
  padding: 5px 15px; }

.pagination li a:hover {
  color: #fff;
  background: #5fb611;
  border-color: #5fb611; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  border-color: #72c02c;
  background-color: #72c02c; }

/*Pagination Without Space*/
.pagination-no-space .pagination {
  margin: 0; }

/*Pager*/
.pager li > a:hover,
.pager li > a:focus {
  color: #fff;
  background: #5fb611;
  border-color: #5fb611; }

/*Sidebar Menu
------------------------------------*/
/*Sidebar Menu v1*/
.sidebar-nav-v1 li {
  padding: 0; }

.sidebar-nav-v1 li a {
  display: block;
  padding: 8px 30px 8px 10px; }

.sidebar-nav-v1 li a:hover {
  text-decoration: none; }

.sidebar-nav-v1 > li.active,
.sidebar-nav-v1 > li.active:hover {
  background: #717984; }

.sidebar-nav-v1 > li.active,
.sidebar-nav-v1 > li.active:hover,
.sidebar-nav-v1 > li.active:focus {
  border-color: #ddd; }

.sidebar-nav-v1 > li.active > a {
  color: #fff; }

/*Sidebar Sub Navigation*/
.sidebar-nav-v1 li ul {
  padding: 0;
  list-style: none; }

.sidebar-nav-v1 li ul,
.sidebar-nav-v1 li.active ul a {
  background: #f8f8f8; }

.sidebar-nav-v1 li ul a {
  color: #585f69;
  font-size: 12px;
  border-top: solid 1px #ddd;
  padding: 6px 30px 6px 17px; }

.sidebar-nav-v1 ul li:hover a,
.sidebar-nav-v1 ul li.active a {
  color: #72c02c; }

/*Sidebar Badges*/
.list-group-item li > .badge {
  float: right; }

.sidebar-nav-v1 span.badge {
  margin-top: 8px;
  margin-right: 10px; }

.sidebar-nav-v1 .list-toggle > span.badge {
  margin-right: 25px; }

.sidebar-nav-v1 ul li span.badge {
  margin-top: 8px;
  font-size: 11px;
  padding: 3px 5px;
  margin-right: 10px; }

/*Sidebar List Toggle*/
.list-toggle:after {
  top: 7px;
  right: 10px;
  color: #777;
  font-size: 14px;
  content: "\f105";
  position: absolute;
  font-weight: normal;
  display: inline-block;
  font-family: FontAwesome; }

.list-toggle.active:after {
  color: #fff;
  content: "\f107"; }

/*Button Styles
------------------------------------*/
.btn {
  box-shadow: none; }

.btn-u {
  border: 0;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  font-weight: 400;
  padding: 6px 13px;
  position: relative;
  background: #72c02c;
  white-space: nowrap;
  display: inline-block;
  text-decoration: none; }

.btn-u:hover {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.btn-u.btn-block {
  text-align: center; }

a.btn-u {
  /*padding: 4px 13px;*/
  /*vertical-align: middle;*/ }

.btn-u-sm,
a.btn-u-sm {
  padding: 3px 12px; }

.btn-u-lg,
a.btn-u-lg {
  font-size: 18px;
  padding: 10px 25px; }

.btn-u-xs,
a.btn-u-xs {
  font-size: 12px;
  padding: 2px 12px;
  line-height: 18px; }

/*Button Groups*/
.btn-group .dropdown-menu > li > a {
  padding: 3px 13px; }

.btn-group > .btn-u,
.btn-group-vertical > .btn-u {
  float: left;
  position: relative; }

.btn-group > .btn-u:first-child {
  margin-left: 0; }

/*For FF Only*/
@-moz-document url-prefix() {
  .footer-subsribe .btn-u {
    padding-bottom: 4px; } }

@media (max-width: 768px) {
  @-moz-document url-prefix() {
    .btn-u {
      padding-bottom: 6px; } } }

/*Bordered Buttons*/
.btn-u.btn-brd {
  color: #555;
  /*font-weight: 200;*/
  background: none;
  padding: 5px 13px;
  border: solid 1px transparent;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

.btn-u.btn-brd:hover {
  background: none;
  border: solid 1px #eee; }

.btn-u.btn-brd:focus {
  background: none; }

.btn-u.btn-brd.btn-brd-hover:hover {
  color: #fff !important; }

.btn-u.btn-brd {
  border-color: #72c02c; }

.btn-u.btn-brd:hover {
  color: #5fb611;
  border-color: #5fb611; }

.btn-u.btn-brd.btn-brd-hover:hover {
  background: #5fb611; }

.btn-u.btn-brd.btn-u-blue {
  border-color: #3498db; }

.btn-u.btn-brd.btn-u-blue:hover {
  color: #2980b9;
  border-color: #2980b9; }

.btn-u.btn-brd.btn-u-blue.btn-brd-hover:hover {
  background: #2980b9; }

.btn-u.btn-brd.btn-u-red {
  border-color: #e74c3c; }

.btn-u.btn-brd.btn-u-red:hover {
  color: #c0392b;
  border-color: #c0392b; }

.btn-u.btn-brd.btn-u-red.btn-brd-hover:hover {
  background: #c0392b; }

.btn-u.btn-brd.btn-u-orange {
  border-color: #e67e22; }

.btn-u.btn-brd.btn-u-orange:hover {
  color: #d35400;
  border-color: #d35400; }

.btn-u.btn-brd.btn-u-orange.btn-brd-hover:hover {
  background: #d35400; }

.btn-u.btn-brd.btn-u-sea {
  border-color: #1abc9c; }

.btn-u.btn-brd.btn-u-sea:hover {
  color: #16a085;
  border-color: #16a085; }

.btn-u.btn-brd.btn-u-sea.btn-brd-hover:hover {
  background: #16a085; }

.btn-u.btn-brd.btn-u-green {
  border-color: #2ecc71; }

.btn-u.btn-brd.btn-u-green:hover {
  color: #27ae60;
  border-color: #27ae60; }

.btn-u.btn-brd.btn-u-green.btn-brd-hover:hover {
  background: #27ae60; }

.btn-u.btn-brd.btn-u-yellow {
  border-color: #f1c40f; }

.btn-u.btn-brd.btn-u-yellow:hover {
  color: #f39c12;
  border-color: #f39c12; }

.btn-u.btn-brd.btn-u-yellow.btn-brd-hover:hover {
  background: #f39c12; }

.btn-u.btn-brd.btn-u-default {
  border-color: #95a5a6; }

.btn-u.btn-brd.btn-u-default:hover {
  color: #7f8c8d;
  border-color: #7f8c8d; }

.btn-u.btn-brd.btn-u-default.btn-brd-hover:hover {
  background: #7f8c8d; }

.btn-u.btn-brd.btn-u-dark {
  border-color: #555; }

.btn-u.btn-brd.btn-u-dark:hover {
  color: #333;
  border-color: #333; }

.btn-u.btn-brd.btn-u-dark.btn-brd-hover:hover {
  background: #333; }

.btn-u.btn-brd.btn-u-light-grey {
  border-color: #585f69; }

.btn-u.btn-brd.btn-u-light-grey:hover {
  color: #484f58;
  border-color: #484f58; }

.btn-u.btn-brd.btn-u-light-grey.btn-brd-hover:hover {
  background: #484f58; }

.btn-u.btn-brd.btn-u-purple {
  border-color: #9b6bcc; }

.btn-u.btn-brd.btn-u-purple:hover {
  color: #814fb5;
  border-color: #814fb5; }

.btn-u.btn-brd.btn-u-purple.btn-brd-hover:hover {
  background: #814fb5; }

.btn-u.btn-brd.btn-u-aqua {
  border-color: #27d7e7; }

.btn-u.btn-brd.btn-u-aqua:hover {
  color: #26bac8;
  border-color: #26bac8; }

.btn-u.btn-brd.btn-u-aqua.btn-brd-hover:hover {
  background: #26bac8; }

.btn-u.btn-brd.btn-u-brown {
  border-color: #9c8061; }

.btn-u.btn-brd.btn-u-brown:hover {
  color: #81674b;
  border-color: #81674b; }

.btn-u.btn-brd.btn-u-brown.btn-brd-hover:hover {
  background: #81674b; }

.btn-u.btn-brd.btn-u-dark-blue {
  border-color: #4765a0; }

.btn-u.btn-brd.btn-u-dark-blue:hover {
  color: #324c80;
  border-color: #324c80; }

.btn-u.btn-brd.btn-u-dark-blue.btn-brd-hover:hover {
  background: #324c80; }

.btn-u.btn-brd.btn-u-light-green {
  border-color: #79d5b3; }

.btn-u.btn-brd.btn-u-light-green:hover {
  color: #59b795;
  border-color: #59b795; }

.btn-u.btn-brd.btn-u-light-green.btn-brd-hover:hover {
  background: #59b795; }

.btn-u.btn-brd.btn-u-light {
  color: #fff;
  border-color: #fff; }

.btn-u.btn-brd.btn-u-light:hover {
  border-color: #fff; }

.btn-u.btn-brd.btn-u-light.btn-brd-hover:hover {
  background: #fff;
  color: #555 !important; }

/*Badges and Labels
------------------------------------*/
/*Labels*/
span.label {
  font-size: 11px;
  font-weight: 400;
  padding: 4px 7px; }

/*Badges*/
span.badge {
  font-weight: 400;
  padding: 4px 7px; }

span.label-u,
span.badge-u {
  background: #72c02c; }

span.label-blue,
span.badge-blue {
  background: #3498db; }

span.label-red,
span.badge-red {
  background: #e74c3c; }

span.label-green,
span.badge-green {
  background: #2ecc71; }

span.label-sea,
span.badge-sea {
  background: #1abc9c; }

span.label-orange,
span.badge-orange {
  background: #e67e22; }

span.label-yellow,
span.badge-yellow {
  background: #f1c40f; }

span.label-purple,
span.badge-purple {
  background: #9b6bcc; }

span.label-aqua,
span.badge-aqua {
  background: #27d7e7; }

span.label-brown,
span.badge-brown {
  background: #9c8061; }

span.label-dark-blue,
span.badge-dark-blue {
  background: #4765a0; }

span.label-light-green,
span.badge-light-green {
  background: #79d5b3; }

span.label-light,
span.badge-light {
  color: #777;
  background: #ecf0f1; }

span.label-dark,
span.badge-dark {
  background: #555; }

/*Badge Lists*/
.badge-lists li {
  position: relative; }

.badge-lists span.badge {
  top: -10px;
  right: -6px;
  position: absolute; }

/*Badge Icons*/
.badge-lists.badge-icons span.badge {
  min-width: 12px;
  padding: 3px 6px; }

.badge-lists.badge-icons i {
  font-size: 18px;
  min-width: 25px; }

/*Badge Box v1*/
.badge-box-v1 a {
  color: #777;
  min-width: 40px;
  font-size: 18px;
  padding: 8px 9px;
  display: inline-block;
  border: solid 1px #eee; }

/*Badge Box v2*/
.badge-box-v2 a {
  color: #777;
  font-size: 12px;
  padding: 10px;
  min-width: 70px;
  text-align: center;
  display: inline-block;
  border: solid 1px #eee; }

.badge-box-v2 a i {
  font-size: 20px; }

/*General Badge Box*/
.badge-box-v1 a i,
.badge-box-v2 a i {
  display: block;
  margin: 1px auto 2px; }

.badge-box-v1 a:hover,
.badge-box-v2 a:hover {
  color: #555;
  border-color: #555;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

/*Icons
------------------------------------*/
/*Social Icons*/
.social-icons {
  margin: 0;
  padding: 0; }

.social-icons li {
  list-style: none;
  margin-right: 3px;
  margin-bottom: 5px;
  text-indent: -9999px;
  display: inline-block; }

.social-icons li a, a.social-icon {
  width: 28px;
  height: 28px;
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out; }

.social-icons li:hover a {
  background-position: 0 -38px; }

.social-icons-color li a {
  opacity: 0.7;
  background-position: 0 -38px !important;
  -webkit-backface-visibility: hidden;
  /*For Chrome*/ }

.social-icons-color li a:hover {
  opacity: 1; }

.social_amazon {
  background: url(../img/icons/social/amazon.html) no-repeat; }

.social_behance {
  background: url(../img/icons/social/behance.html) no-repeat; }

.social_blogger {
  background: url(../img/icons/social/blogger.html) no-repeat; }

.social_deviantart {
  background: url(../img/icons/social/deviantart.html) no-repeat; }

.social_dribbble {
  background: url(../img/icons/social/dribbble.html) no-repeat; }

.social_dropbox {
  background: url(../img/icons/social/dropbox.html) no-repeat; }

.social_evernote {
  background: url(../img/icons/social/evernote.html) no-repeat; }

.social_facebook {
  background: url(../img/icons/social/facebook.html) no-repeat; }

.social_forrst {
  background: url(../img/icons/social/forrst.html) no-repeat; }

.social_github {
  background: url(../img/icons/social/github.html) no-repeat; }

.social_googleplus {
  background: url(../img/icons/social/googleplus.html) no-repeat; }

.social_jolicloud {
  background: url(../img/icons/social/jolicloud.html) no-repeat; }

.social_last-fm {
  background: url(../img/icons/social/last-fm.html) no-repeat; }

.social_linkedin {
  background: url(../img/icons/social/linkedin.html) no-repeat; }

.social_picasa {
  background: url(../img/icons/social/picasa.html) no-repeat; }

.social_pintrest {
  background: url(../img/icons/social/pintrest.html) no-repeat; }

.social_rss {
  background: url(../img/icons/social/rss.html) no-repeat; }

.social_skype {
  background: url(../img/icons/social/skype.html) no-repeat; }

.social_spotify {
  background: url(../img/icons/social/spotify.html) no-repeat; }

.social_stumbleupon {
  background: url(../img/icons/social/stumbleupon.html) no-repeat; }

.social_tumblr {
  background: url(../img/icons/social/tumblr.html) no-repeat; }

.social_twitter {
  background: url(../img/icons/social/twitter.html) no-repeat; }

.social_vimeo {
  background: url(../img/icons/social/vimeo.html) no-repeat; }

.social_wordpress {
  background: url(../img/icons/social/wordpress.html) no-repeat; }

.social_xing {
  background: url(../img/icons/social/xing.html) no-repeat; }

.social_yahoo {
  background: url(../img/icons/social/yahoo.html) no-repeat; }

.social_youtube {
  background: url(../img/icons/social/youtube.html) no-repeat; }

.social_vk {
  background: url(../img/icons/social/vk.html) no-repeat; }

.social_instagram {
  background: url(../img/icons/social/instagram.html) no-repeat; }

/*Font Awesome Icon Styles*/
i.icon-custom {
  color: #555;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  margin-bottom: 5px;
  text-align: center;
  display: inline-block;
  border: solid 1px #555; }

i.icon-sm {
  width: 35px;
  height: 35px;
  font-size: 16px;
  line-height: 35px; }

i.icon-md {
  width: 55px;
  height: 55px;
  font-size: 22px;
  line-height: 55px; }

i.icon-lg {
  width: 60px;
  height: 60px;
  font-size: 31px;
  line-height: 60px;
  margin-bottom: 10px; }

i.icon-2x {
  font-size: 30px; }

i.icon-3x {
  font-size: 40px; }

i.icon-4x {
  font-size: 50px; }

/*Line Icons*/
i.icon-line {
  font-size: 17px; }

i.icon-sm.icon-line {
  font-size: 14px; }

i.icon-md.icon-line {
  font-size: 22px; }

i.icon-lg.icon-line {
  font-size: 28px; }

i.icon-2x.icon-line {
  font-size: 27px; }

i.icon-3x.icon-line {
  font-size: 36px; }

i.icon-4x.icon-line {
  font-size: 47px; }

/*Icon Styles For Links*/
.link-icon,
.link-bg-icon {
  color: #555; }

.link-icon:hover,
.link-bg-icon:hover {
  border: none;
  text-decoration: none; }

.link-icon:hover i {
  color: #72c02c;
  background: none;
  border: solid 1px #72c02c; }

.link-bg-icon:hover i {
  color: #72c02c;
  background: #72c02c;
  border-color: #72c02c;
  color: #fff !important; }

/*Icons Color*/
i.icon-color-u,
i.icon-color-red,
i.icon-color-sea,
i.icon-color-dark,
i.icon-color-grey,
i.icon-color-blue,
i.icon-color-green,
i.icon-color-yellow,
i.icon-color-orange,
i.icon-color-purple,
i.icon-color-aqua,
i.icon-color-brown,
i.icon-color-dark-blue,
i.icon-color-light-grey,
i.icon-color-light-green {
  background: none; }

i.icon-color-u {
  color: #72c02c;
  border: solid 1px #72c02c; }

i.icon-color-blue {
  color: #3498db;
  border: solid 1px #3498db; }

i.icon-color-red {
  color: #e74c3c;
  border: solid 1px #e74c3c; }

i.icon-color-sea {
  color: #1abc9c;
  border: solid 1px #1abc9c; }

i.icon-color-green {
  color: #2ecc71;
  border: solid 1px #2ecc71; }

i.icon-color-yellow {
  color: #f1c40f;
  border: solid 1px #f1c40f; }

i.icon-color-orange {
  color: #e67e22;
  border: solid 1px #e67e22; }

i.icon-color-grey {
  color: #95a5a6;
  border: solid 1px #95a5a6; }

i.icon-color-purple {
  color: #9b6bcc;
  border: solid 1px #9b6bcc; }

i.icon-color-aqua {
  color: #27d7e7;
  border: solid 1px #27d7e7; }

i.icon-color-brown {
  color: #9c8061;
  border: solid 1px #9c8061; }

i.icon-color-dark-blue {
  color: #4765a0;
  border: solid 1px #4765a0; }

i.icon-color-light-green {
  color: #79d5b3;
  border: solid 1px #79d5b3; }

i.icon-color-light {
  color: #fff;
  border: solid 1px #fff; }

i.icon-color-light-grey {
  color: #585f69;
  border: solid 1px #585f69; }

/*Icons Backgroun Color*/
i.icon-bg-u,
i.icon-bg-red,
i.icon-bg-sea,
i.icon-bg-dark,
i.icon-bg-darker,
i.icon-bg-grey,
i.icon-bg-blue,
i.icon-bg-green,
i.icon-bg-yellow,
i.icon-bg-orange,
i.icon-bg-purple,
i.icon-bg-aqua,
i.icon-bg-brown,
i.icon-bg-dark-blue,
i.icon-bg-light-grey,
i.icon-bg-light-green {
  color: #fff;
  border-color: transparent; }

i.icon-bg-u {
  background: #72c02c; }

i.icon-bg-blue {
  background: #3498db; }

i.icon-bg-red {
  background: #e74c3c; }

i.icon-bg-sea {
  background: #1abc9c; }

i.icon-bg-green {
  background: #2ecc71; }

i.icon-bg-yellow {
  background: #f1c40f; }

i.icon-bg-orange {
  background: #e67e22; }

i.icon-bg-grey {
  background: #95a5a6; }

i.icon-bg-dark {
  background: #555; }

i.icon-bg-darker {
  background: #333; }

i.icon-bg-purple {
  background: #9b6bcc; }

i.icon-bg-aqua {
  background: #27d7e7; }

i.icon-bg-brown {
  background: #9c8061; }

i.icon-bg-dark-blue {
  background: #4765a0; }

i.icon-bg-light-green {
  background: #79d5b3; }

i.icon-bg-light {
  background: #fff;
  border-color: transparent; }

i.icon-bg-light-grey {
  background: #585f69;
  border-color: transparent; }

/* Make Font Awesome icons fixed width */
.fa-fixed [class^="fa"],
.fa-fixed [class*=" fa"] {
  width: 1.25em;
  text-align: center;
  display: inline-block; }

.fa-fixed [class^="fa"].fa-lg,
.fa-fixed [class*=" fa"].fa-lg {
  /* increased font size for fa-lg */
  width: 1.5625em; }

/*Content Boxes
------------------------------------*/
/*Content Boxes v1*/
.content-boxes-v1 {
  text-align: center; }

.content-boxes-v1 span {
  display: block;
  margin-top: 5px; }

/*Content Boxes v2*/
@media (max-width: 992px) {
  .content-boxes-v2,
  .content-boxes-v2 .text-justify {
    text-align: center; }
  .content-boxes-v2 span {
    display: block;
    margin-top: 5px; } }

/*Content Boxes v3*/
.content-boxes-v3 i.icon-custom {
  top: 8px;
  float: left;
  position: relative; }

.content-boxes-v3 .content-boxes-in-v3 {
  padding: 0 10px;
  overflow: hidden; }

.content-boxes-v3 .content-boxes-in-v3 h3 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 3px;
  text-transform: capitalize; }

.content-boxes-v3 .content-boxes-in-v3 h3 a {
  color: #555; }

/*Content Boxes Right v3*/
.content-boxes-v3.content-boxes-v3-right {
  text-align: right; }

.content-boxes-v3.content-boxes-v3-right i.icon-custom {
  float: right;
  margin-left: 10px; }

@media (max-width: 768px) {
  .content-boxes-v3.content-boxes-v3-right {
    text-align: inherit; }
  .content-boxes-v3.content-boxes-v3-right i.icon-custom {
    float: left;
    margin-left: 0; } }

/*Content Boxes v4*/
.content-boxes-v4 h2 {
  color: #555;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase; }

.content-boxes-v4 a {
  color: #777;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase; }

.content-boxes-v4 i {
  width: 25px;
  color: #72c02c;
  font-size: 35px;
  margin-top: 10px; }

.content-boxes-in-v4 {
  padding: 0 10px;
  overflow: hidden; }

/*Content Boxes v5*/
.content-boxes-v5 i {
  float: left;
  color: #999;
  width: 50px;
  height: 50px;
  padding: 11px;
  font-size: 22px;
  background: #eee;
  line-height: 28px;
  text-align: center;
  margin-right: 15px;
  display: inline-block; }

.content-boxes-v5:hover i {
  color: #fff;
  background: #72c02c; }

/*Content Boxes v6*/
.content-boxes-v6 {
  padding-top: 25px;
  text-align: center; }

.content-boxes-v6 i {
  color: #fff;
  width: 90px;
  height: 90px;
  padding: 30px;
  font-size: 30px;
  line-height: 30px;
  position: relative;
  text-align: center;
  background: #dedede;
  margin-bottom: 25px;
  display: inline-block; }

.content-boxes-v6 i:after {
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  content: " ";
  position: absolute;
  border: 1px solid #dedede;
  border-radius: 50% !important; }

.content-boxes-v6:hover i,
.content-boxes-v6:hover i:after {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.content-boxes-v6:hover i {
  background: #72c02c; }

.content-boxes-v6:hover i:after {
  border-color: #72c02c; }

/*Colored Content Boxes
------------------------------------*/
.service-block {
  padding: 20px 30px;
  text-align: center;
  margin-bottom: 20px; }

.service-block p,
.service-block h2 {
  color: #fff; }

.service-block h2 a:hover {
  text-decoration: none; }

.service-block-light,
.service-block-default {
  background: #fafafa;
  border: solid 1px #eee; }

.service-block-default:hover {
  box-shadow: 0 0 8px #eee; }

.service-block-light p,
.service-block-light h2,
.service-block-default p,
.service-block-default h2 {
  color: #555; }

.service-block-u {
  background: #72c02c; }

.service-block-blue {
  background: #3498db; }

.service-block-red {
  background: #e74c3c; }

.service-block-sea {
  background: #1abc9c; }

.service-block-grey {
  background: #95a5a6; }

.service-block-yellow {
  background: #f1c40f; }

.service-block-orange {
  background: #e67e22; }

.service-block-green {
  background: #2ecc71; }

.service-block-purple {
  background: #9b6bcc; }

.service-block-aqua {
  background: #27d7e7; }

.service-block-brown {
  background: #9c8061; }

.service-block-dark-blue {
  background: #4765a0; }

.service-block-light-green {
  background: #79d5b3; }

.service-block-dark {
  background: #555; }

.service-block-light {
  background: #ecf0f1; }

/*Funny Boxes
------------------------------------*/
.funny-boxes {
  overflow: hidden;
  padding: 15px 20px;
  margin-bottom: 25px;
  background: #f7f7f7;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.funny-boxes h2 a {
  color: #555; }

.funny-boxes p a {
  color: #72c02c; }

.funny-boxes .funny-boxes-img li i {
  color: #72c02c;
  font-size: 12px;
  margin-right: 5px; }

.funny-boxes .funny-boxes-img img {
  display: block;
  margin: 5px 10px 10px 0; }

.funny-boxes h2 {
  margin-top: 0;
  font-size: 20px;
  line-height: 20px; }

.funny-boxes ul.funny-boxes-rating li {
  display: inline; }

.funny-boxes ul.funny-boxes-rating li i {
  color: #f8be2c;
  cursor: pointer;
  font-size: 16px; }

.funny-boxes ul.funny-boxes-rating li i:hover {
  color: #f8be2c; }

/*Funny Colored Boxes*/
.funny-boxes-colored p,
.funny-boxes-colored h2 a,
.funny-boxes-colored .funny-boxes-img li,
.funny-boxes-colored .funny-boxes-img li i {
  color: #fff; }

/*Red Funny Box*/
.funny-boxes-red {
  background: #e74c3c; }

/*Blue Funny Box*/
.funny-boxes-blue {
  background: #3498db; }

/*Grey Funny Box*/
.funny-boxes-grey {
  background: #95a5a6; }

/*Turquoise Funny Box*/
.funny-boxes-sea {
  background: #1abc9c; }

/*Turquoise Top Bordered Funny Box*/
.funny-boxes-top-sea {
  border-top: solid 2px #1abc9c; }

.funny-boxes-top-sea:hover {
  border-top-color: #16a085; }

/*Yellow Top Bordered Funny Box**/
.funny-boxes-top-yellow {
  border-top: solid 2px #f1c40f; }

.funny-boxes-top-yellow:hover {
  border-top-color: #f39c12; }

/*Orange Left Bordered Funny Box**/
.funny-boxes-left-orange {
  border-left: solid 2px #e67e22; }

.funny-boxes-left-orange:hover {
  border-left-color: #d35400; }

/*Green Left Bordered Funny Box**/
.funny-boxes-left-green {
  border-left: solid 2px #72c02c; }

.funny-boxes-left-green:hover {
  border-left-color: #5fb611; }

/*Green Right Bordered Funny Box**/
.funny-boxes-right-u {
  border-right: solid 2px #72c02c; }

.funny-boxes-right-u:hover {
  border-right-color: #5fb611; }

/*Typography
------------------------------------*/
/*Text Dropcap*/
.dropcap {
  float: left;
  color: #72c02c;
  padding: 5px 0;
  font-size: 45px;
  font-weight: 200;
  line-height: 30px;
  margin: 0px 5px 0 0; }

.dropcap-bg {
  float: left;
  color: #fff;
  padding: 7px 0;
  min-width: 50px;
  font-size: 35px;
  font-weight: 200;
  line-height: 35px;
  text-align: center;
  background: #72c02c;
  margin: 4px 10px 0 0; }

/*Text Highlights*/
.text-highlights {
  color: #fff;
  font-weight: 200;
  padding: 0px 5px;
  background: #555; }

.text-highlights-green {
  background: #72c02c; }

.text-highlights-blue {
  background: #3498db; }

.text-highlights-red {
  background: #e74c3c; }

.text-highlights-sea {
  background: #1abc9c; }

.text-highlights-orange {
  background: #e67e22; }

.text-highlights-yellow {
  background: #f1c40f; }

.text-highlights-purple {
  background: #9b6bcc; }

.text-highlights-aqua {
  background: #27d7e7; }

.text-highlights-brown {
  background: #9c8061; }

.text-highlights-dark-blue {
  background: #4765a0; }

.text-highlights-light-green {
  background: #79d5b3; }

/*Text Borders*/
.text-border {
  border-bottom: dashed 1px #555; }

.text-border-default {
  border-color: #95a5a6; }

.text-border-green {
  border-color: #72c02c; }

.text-border-blue {
  border-color: #3498db; }

.text-border-red {
  border-color: #e74c3c; }

.text-border-yellow {
  border-color: #f1c40f; }

.text-border-purple {
  border-color: #9b6bcc; }

/*List Styles*/
.list-styles li {
  margin-bottom: 8px; }

/*Contextual Backgrounds*/
.contex-bg p {
  opacity: 0.8;
  padding: 8px 10px; }

.contex-bg p:hover {
  opacity: 1; }

/*Pullquote*/
.pquote {
  color: gray;
  font-size: 1.5em;
  line-height: 1.25em;
  font-style: italic;
  font-family: Georgia, 'Times New Roman', Times, serif;
  margin-bottom: 1em;
}

/*Frontline Stories Header*/
.pfrontline {
  font-size: 2.5em; 
	font-weight: bold; 
	color: darkgray; 
  line-height: normal;
  padding-top: .8em;
}

/*Blockquote*/
blockquote {
  padding: 5px 15px;
  border-left-width: 2px; }

blockquote p {
  font-size: 14px;
  font-weight: 400; }

blockquote h1,
blockquote h2,
blockquote span {
  font-size: 18px;
  margin: 0 0 8px;
  line-height: 24px; }

/*Blockquote Styles*/
blockquote.bq-text-lg p,
blockquote.bq-text-lg small {
  text-transform: uppercase; }

blockquote.bq-text-lg p {
  font-size: 22px;
  font-weight: 300;
  line-height: 32px; }

blockquote.text-right,
blockquote.hero.text-right {
  border-left: none;
  border-right: 2px solid #eee; }

blockquote.hero.text-right,
blockquote.hero.text-right:hover {
  border-color: #555; }

blockquote:hover,
blockquote.text-right:hover {
  border-color: #72c02c;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

blockquote.bq-dark,
blockquote.bq-dark:hover {
  border-color: #585f69; }

blockquote.bq-green {
  border-color: #72c02c; }

/*Blockquote Hero Styles*/
blockquote.hero {
  border: none;
  padding: 18px;
  font-size: 16px;
  background: #f3f3f3;
  border-left: solid 2px #666; }

blockquote.hero:hover {
  background: #eee;
  border-left-color: #666; }

blockquote.hero.hero-dark,
blockquote.hero.hero-default {
  border: none; }

blockquote.hero.hero-dark {
  background: #444; }

blockquote.hero.hero-dark:hover {
  background: #555; }

blockquote.hero.hero-default {
  background: #72c02c; }

blockquote.hero.hero-default:hover {
  background: #5fb611; }

blockquote.hero.hero-dark p,
blockquote.hero.hero-dark h2,
blockquote.hero.hero-dark small,
blockquote.hero.hero-default p,
blockquote.hero.hero-default h2,
blockquote.hero.hero-default small {
  color: #fff;
  font-weight: 200; }

/*Tag Boxes
------------------------------------*/
.tag-box {
  padding: 20px;
  background: #fff;
  margin-bottom: 30px; }

.tag-box h2 {
  font-size: 20px;
  line-height: 25px; }

.tag-box p {
  margin-bottom: 0; }

.tag-box.tag-text-space p {
  margin-bottom: 10px; }

/*Tag Boxes v1*/
.tag-box-v1 {
  border: solid 1px #eee;
  border-top: solid 2px #72c02c; }

/*Tag Boxes v2*/
.tag-box-v2 {
  background: #fafafa;
  border: solid 1px #eee;
  border-left: solid 2px #72c02c; }

/*Tag Boxes v3*/
.tag-box-v3 {
  border: solid 2px #eee; }

/*Tag Boxes v4*/
.tag-box-v4 {
  border: dashed 1px #bbb; }

/*Tag Boxes v5*/
.tag-box-v5 {
  margin: 20px 0;
  text-align: center;
  border: dashed 1px #ccc; }

.tag-box-v5 span {
  color: #555;
  font-size: 28px;
  margin-bottom: 0; }

/*Tag Boxes v6*/
.tag-box-v6 {
  background: #fafafa;
  border: solid 1px #eee; }

/*Tag Boxes v7*/
.tag-box-v7 {
  border: solid 1px #eee;
  border-bottom: solid 2px #72c02c; }

/*Testimonials
------------------------------------*/
/*Testimonials*/
.testimonials {
  margin-bottom: 10px; }

.testimonials .testimonial-info {
  color: #72c02c;
  font-size: 16px;
  padding: 0 15px;
  margin-top: 18px; }

.testimonials .testimonial-info span {
  top: 3px;
  position: relative; }

.testimonials .testimonial-info em {
  color: #777;
  display: block;
  font-size: 13px; }

.testimonials .testimonial-info img {
  width: 60px;
  float: left;
  height: 60px;
  padding: 2px;
  margin-right: 15px;
  border: solid 1px #ccc; }

.testimonials .testimonial-author {
  overflow: hidden; }

.testimonials .carousel-arrow {
  top: -65px;
  position: relative; }

.testimonials .carousel-arrow i {
  color: #777;
  padding: 2px;
  min-width: 25px;
  font-size: 20px;
  text-align: center;
  background: #f5f5f5; }

.testimonials .carousel-arrow i:hover {
  color: #fff;
  background: #72c02c; }

.testimonials .carousel-control {
  opacity: 1;
  width: 100%;
  text-align: right;
  text-shadow: none;
  position: absolute;
  filter: Alpha(opacity=100);
  /*For IE*/ }

.testimonials .carousel-control.left {
  right: 27px;
  left: auto; }

.testimonials .carousel-control.right {
  right: 0px; }

/*Testimonials v1*/
.testimonials.testimonials-v1 .item p {
  position: relative; }

.testimonials.testimonials-v1 .item p:after,
.testimonials.testimonials-v1 .item p:before {
  left: 80px;
  bottom: -20px; }

.testimonials.testimonials-v1 .item p:after {
  border-top: 22px solid;
  border-left: 0 solid transparent;
  border-right: 22px solid transparent; }

/*Testimonials v2*/
.testimonials.testimonials-v2 .testimonial-info {
  padding: 0 20px; }

.testimonials.testimonials-v2 p {
  padding-bottom: 15px; }

.testimonials.testimonials-v2 .carousel-arrow {
  top: -55px; }

.testimonials.testimonials-v2 .item p:after,
.testimonials.testimonials-v2 .item p:before {
  left: 8%;
  bottom: 45px; }

.testimonials.testimonials-v2 .item p:after {
  border-top: 20px solid;
  border-left: 25px solid transparent;
  border-right: 0px solid transparent; }

/*General Testimonials v1/v2*/
.testimonials.testimonials-v1 p,
.testimonials.testimonials-v2 p {
  padding: 15px;
  font-size: 14px;
  font-style: italic;
  background: #f5f5f5; }

.testimonials.testimonials-v1 .item p:after,
.testimonials.testimonials-v2 .item p:after {
  width: 0;
  height: 0;
  content: " ";
  display: block;
  position: absolute;
  border-top-color: #f5f5f5;
  border-left-style: inset;
  /*FF fixes*/
  border-right-style: inset;
  /*FF fixes*/ }

/*Testimonials Backgrounds*/
.testimonials-bg-dark .item p,
.testimonials-bg-default .item p {
  color: #fff;
  font-weight: 200; }

.testimonials-bg-dark .carousel-arrow i,
.testimonials-bg-default .carousel-arrow i {
  color: #fff; }

/*Testimonials Default*/
.testimonials-bg-default .item p {
  background: #72c02c; }

.testimonials.testimonials-bg-default .item p:after,
.testimonials.testimonials-bg-default .item p:after {
  border-top-color: #72c02c; }

.testimonials-bg-default .carousel-arrow i {
  background: #72c02c; }

.testimonials.testimonials-bg-default .carousel-arrow i:hover {
  background: #5fb611; }

/*Testimonials Dark*/
.testimonials-bg-dark .item p {
  background: #555; }

.testimonials.testimonials-bg-dark .item p:after,
.testimonials.testimonials-bg-dark .item p:after {
  border-top-color: #555; }

.testimonials-bg-dark .carousel-arrow i {
  color: #fff;
  background: #555; }

.testimonials.testimonials-bg-dark .carousel-arrow i:hover {
  background: #333; }

.testimonials.testimonials-bg-dark .testimonial-info {
  color: #555; }

/*Panels (Portlets)
------------------------------------*/
.panel-heading {
  color: #fff;
  padding: 5px 15px; }

/*Panel Table*/
.panel .table {
  margin-bottom: 0; }

/*Panel Unify*/
.panel-u {
  border-color: #72c02c; }

.panel-u > .panel-heading {
  background: #72c02c; }

/*Panel Blue*/
.panel-blue {
  border-color: #3498db; }

.panel-blue > .panel-heading {
  background: #3498db; }

/*Panel Red*/
.panel-red {
  border-color: #e74c3c; }

.panel-red > .panel-heading {
  background: #e74c3c; }

/*Panel Green*/
.panel-green {
  border-color: #2ecc71; }

.panel-green > .panel-heading {
  background: #2ecc71; }

/*Panel Sea*/
.panel-sea {
  border-color: #1abc9c; }

.panel-sea > .panel-heading {
  background: #1abc9c; }

/*Panel Orange*/
.panel-orange {
  border-color: #e67e22; }

.panel-orange > .panel-heading {
  background: #e67e22; }

/*Panel Yellow*/
.panel-yellow {
  border-color: #f1c40f; }

.panel-yellow > .panel-heading {
  background: #f1c40f; }

/*Panel Grey*/
.panel-grey {
  border-color: #95a5a6; }

.panel-grey > .panel-heading {
  background: #95a5a6; }

/*Panel Dark*/
.panel-dark {
  border-color: #555; }

.panel-dark > .panel-heading {
  background: #555; }

/*Panel Purple*/
.panel-purple {
  border-color: #9b6bcc; }

.panel-purple > .panel-heading {
  background: #9b6bcc; }

/*Panel Aqua*/
.panel-aqua {
  border-color: #27d7e7; }

.panel-aqua > .panel-heading {
  background: #27d7e7; }

/*Panel Brown*/
.panel-brown {
  border-color: #9c8061; }

.panel-brown > .panel-heading {
  background: #9c8061; }

/*Panel Dark Blue*/
.panel-dark-blue {
  border-color: #4765a0; }

.panel-dark-blue > .panel-heading {
  background: #4765a0; }

/*Panel Light Green*/
.panel-light-green {
  border-color: #79d5b3; }

.panel-light-green > .panel-heading {
  background: #79d5b3; }

/*Panel Default Dark*/
.panel-default-dark {
  border-color: #585f69; }

.panel-default-dark > .panel-heading {
  background: #585f69; }

/*Progress Bar
------------------------------------*/
.progress-u {
  box-shadow: none; }

.progress-u .progress-bar {
  box-shadow: none; }

/*progress-bar (sizes)*/
.progress-lg {
  height: 25px; }

.progress-lg p {
  padding-top: 3px; }

.progress-sm {
  height: 12px; }

.progress-xs {
  height: 7px; }

.progress-xxs {
  height: 3px; }

/*progress-bar (colors)*/
.progress {
  background: #e5e5e5; }

.progress-bar-u {
  background: #72c02c; }

.progress-bar-blue {
  background: #3498db; }

.progress-bar-orange {
  background: #e67e22; }

.progress-bar-red {
  background: #e74c3c; }

.progress-bar-purple {
  background: #9b6bcc; }

.progress-bar-aqua {
  background: #27d7e7; }

.progress-bar-brown {
  background: #9c8061; }

.progress-bar-dark-blue {
  background: #4765a0; }

.progress-bar-light-green {
  background: #79d5b3; }

.progress-bar-dark {
  background: #555; }

/*Count Stars
------------------------------------*/
.stars-existing {
  color: #72c02c;
  cursor: pointer; }

.star-lg {
  font-size: 30px; }

.star-sm {
  font-size: 25px; }

.star-xs {
  font-size: 20px; }

.star-default {
  font-size: 16px; }

/*Media (Audio/Videos and Images)
------------------------------------*/
/*Images*/
img.img-bordered {
  padding: 3px;
  border: solid 1px #eee; }

img.img-circle {
  border-radius: 50% !important; }

img.image-sm {
  width: 50px;
  height: 50px; }

img.image-md {
  width: 100px;
  height: 100px; }

/*Responsive Video*/
.responsive-video {
  height: 0;
  padding-top: 1px;
  position: relative;
  padding-bottom: 56.25%;
  /*16:9*/ }

.responsive-video iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute; }

/*Tags
------------------------------------*/
/*Tags v1*/
.tags-v1 li {
  margin: 0;
  padding: 0; }

.tags-v1 li a {
  font-size: 13px;
  padding: 4px 8px;
  line-height: 32px;
  border: solid 2px #eee;
  border-radius: 20px !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.tags-v1 li a:hover {
  text-decoration: none;
  border-color: #e0e0e0; }

/*Lists
------------------------------------*/
.list-row {
  padding: 0;
  margin-bottom: 0;
  list-style: none; }

/*Heights
------------------------------------*/
.height-100 {
  min-height: 100px; }

.height-150 {
  min-height: 150px; }

.height-200 {
  min-height: 200px; }

.height-250 {
  min-height: 250px; }

.height-300 {
  min-height: 300px; }

.height-350 {
  min-height: 350px; }

.height-400 {
  min-height: 400px; }

.height-450 {
  min-height: 450px; }

.height-500 {
  min-height: 500px !important; }

/*Spaces
------------------------------------*/
.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.no-top-space {
  margin-top: 0 !important;
  padding-top: 0 !important; }

.no-bottom-space {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important; }

.content {
  padding-top: 40px;
  padding-bottom: 40px; }

.content-sm {
  padding-top: 60px;
  padding-bottom: 60px; }

.content-md {
  padding-top: 80px;
  padding-bottom: 80px; }

.content-lg {
  padding-top: 100px;
  padding-bottom: 100px; }

.space-lg-hor {
  padding-left: 60px;
  padding-right: 60px; }

.space-xlg-hor {
  padding-left: 100px;
  padding-right: 100px; }

.margin-bottom-5,
.margin-bottom-10,
.margin-bottom-15,
.margin-bottom-20,
.margin-bottom-25,
.margin-bottom-30,
.margin-bottom-35,
.margin-bottom-40,
.margin-bottom-45,
.margin-bottom-50,
.margin-bottom-55,
.margin-bottom-60 {
  clear: both; }

.margin-bottom-5 {
  margin-bottom: 5px; }

.margin-bottom-10 {
  margin-bottom: 10px; }

.margin-bottom-15 {
  margin-bottom: 15px; }

.margin-bottom-20 {
  margin-bottom: 20px; }

.margin-bottom-25 {
  margin-bottom: 25px; }

.margin-bottom-30 {
  margin-bottom: 30px; }

.margin-bottom-35 {
  margin-bottom: 35px; }

.margin-bottom-40 {
  margin-bottom: 40px; }

.margin-bottom-45 {
  margin-bottom: 45px; }

.margin-bottom-50 {
  margin-bottom: 50px; }

.margin-bottom-55 {
  margin-bottom: 55px; }

.margin-bottom-60 {
  margin-bottom: 60px; }

@media (max-width: 768px) {
  .sm-margin-bottom-10 {
    margin-bottom: 10px; }
  .sm-margin-bottom-20 {
    margin-bottom: 20px; }
  .sm-margin-bottom-30 {
    margin-bottom: 30px; }
  .sm-margin-bottom-40 {
    margin-bottom: 40px; }
  .sm-margin-bottom-50 {
    margin-bottom: 50px; }
  .sm-margin-bottom-60 {
    margin-bottom: 60px; } }

@media (max-width: 992px) {
  .md-margin-bottom-10 {
    margin-bottom: 10px; }
  .md-margin-bottom-20 {
    margin-bottom: 20px; }
  .md-margin-bottom-30 {
    margin-bottom: 30px; }
  .md-margin-bottom-40 {
    margin-bottom: 40px; }
  .md-margin-bottom-50 {
    margin-bottom: 50px; }
  .md-margin-bottom-60 {
    margin-bottom: 60px; } }

/*Other Spaces*/
.margin-top-20 {
  margin-top: 20px; }

.margin-left-5 {
  margin-left: 5px; }

.margin-left-10 {
  margin-left: 10px; }

.margin-right-5 {
  margin-right: 5px; }

.margin-right-10 {
  margin-right: 10px; }

.padding-left-5 {
  padding-left: 5px; }

/*Text Colors
------------------------------------*/
.color-sea {
  color: #1abc9c; }

.color-red {
  color: #e74c3c; }

.color-aqua {
  color: #27d7e7; }

.color-blue {
  color: #3498db; }

.color-grey {
  color: #95a5a6; }

.color-dark {
  color: #555555; }

.color-green {
  color: #72c02c; }

.color-brown {
  color: #9c8061; }

.color-light {
  color: #ffffff; }

.color-orange {
  color: #e67e22; }

.color-yellow {
  color: #f1c40f; }

.color-green1 {
  color: #2ecc71; }

.color-purple {
  color: #9b6bcc; }

.color-dark-blue {
  color: #4765a0; }

.color-light-grey {
  color: #585f69; }

.color-light-green {
  color: #79d5b3; }

/*Background Colors
------------------------------------*/
.bg-color-dark,
.bg-color-sea,
.bg-color-red,
.bg-color-aqua,
.bg-color-blue,
.bg-color-grey,
.bg-color-light,
.bg-color-green,
.bg-color-brown,
.bg-color-orange,
.bg-color-green1,
.bg-color-purple,
.bg-color-dark-blue,
.bg-color-light-grey,
.bg-color-light-green {
  color: #fff; }

.bg-color-white {
  color: #555; }

.bg-color-dark {
  background-color: #555 !important; }

.bg-color-white {
  background-color: #fff !important; }

.bg-color-sea {
  background-color: #1abc9c !important; }

.bg-color-red {
  background-color: #e74c3c !important; }

.bg-color-aqua {
  background-color: #27d7e7 !important; }

.bg-color-blue {
  background-color: #3498db !important; }

.bg-color-grey {
  background-color: #95a5a6 !important; }

.bg-color-light {
  background-color: #f7f7f7 !important; }

.bg-color-green {
  background-color: #72c02c !important; }

.bg-color-brown {
  background-color: #9c8061 !important; }

.bg-color-orange {
  background-color: #e67e22 !important; }

.bg-color-green1 {
  background-color: #2ecc71 !important; }

.bg-color-purple {
  background-color: #9b6bcc !important; }

.bg-color-dark-blue {
  background-color: #4765a0 !important; }

.bg-color-light-grey {
  background-color: #585f69 !important; }

.bg-color-light-green {
  background-color: #79d5b3 !important; }

.rgba-red {
  background-color: rgba(231, 76, 60, 0.8); }

.rgba-blue {
  background-color: rgba(52, 152, 219, 0.8); }

.rgba-aqua {
  background-color: rgba(39, 215, 231, 0.8); }

.rgba-yellow {
  background-color: rgba(241, 196, 15, 0.8); }

.rgba-default {
  background-color: rgba(114, 192, 44, 0.8); }

.rgba-purple {
  background-color: rgba(155, 107, 204, 0.8); }

/*Grey Backroud*/
.bg-grey {
  background: #f7f7f7;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee; }

/*Rounded and Circle Classes
------------------------------------*/
.no-rounded {
  border-radius: 0 !important; }

.rounded {
  border-radius: 4px !important; }

.rounded-x {
  border-radius: 50% !important; }

.rounded-2x {
  border-radius: 10px !important; }

.rounded-3x {
  border-radius: 15px !important; }

.rounded-4x {
  border-radius: 20px !important; }

.rounded-sm {
  border-radius: 2px !important; }

.rounded-md {
  border-radius: 3px !important; }

.rounded-top {
  border-radius: 4px 4px 0 0 !important; }

.rounded-left {
  border-radius: 4px 0 0 4px !important; }

.rounded-right {
  border-radius: 0 4px 4px 0 !important; }

.rounded-bottom {
  border-radius: 0 0 4px 4px !important; }

/*Others
------------------------------------*/
.overflow-h {
  overflow: hidden; }

.overflow-a {
  overflow: auto; }

.overflow-hidden {
  overflow: hidden; }

.clear-both {
  clear: both; }

.text-justify p {
  text-align: justify; }

/*Full Width*/
.full-width {
  width: 100%; }

/*Image Classes*/
.img-width-200 {
  width: 200px; }

.img-center img {
  margin: 0 auto; }

.lft-img-margin {
  margin: 0 20px 5px 0; }

.rgt-img-margin {
  margin: 0 0 5px 10px; }

/*Background Light*/
.bg-light {
  padding: 10px 15px;
  margin-bottom: 10px;
  background: #fcfcfc;
  border: solid 1px #e5e5e5; }

.bg-light:hover {
  border: solid 1px #bbb; }

/*CSS3 Hover Effects*/
.hover-effect {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.hover-effect-kenburn {
  left: 10px;
  margin-left: -10px;
  position: relative;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out; }

.hover-effect-kenburn:hover {
  -webkit-transform: scale(2) rotate(5deg);
  -moz-transform: scale(2) rotate(5deg);
  -o-transform: scale(2) rotate(5deg);
  -ms-transform: scale(2) rotate(5deg);
  transform: scale(2) rotate(5deg); }

/* John 2015-07-27 reduce padding-top for .content from 40px to 25px*/
.content {
  padding-top: 20px; }

/*
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
 * Version: 1.6
 * Author: @htmlstream
 * Website: http://htmlstream.com
*/
/*Header Fixed
------------------------------------*/
.ie8 .header-fixed .header.header-fixed-shrink {
  background: #fff; }

/*Blog Latest Tweets
------------------------------------*/
.ie8 .blog-twitter .blog-twitter-inner:after,
.ie8 .blog-twitter .blog-twitter-inner:before {
  border: none; }

.ie8 .our-clients img {
  width: 100%;
  height: 100px;
  vertical-align: inherit; }

.ie8 .our-clients .img-hover {
  display: none; }

/*Pricing Stickers*/
.ie8 .sticker-left {
  width: 90px;
  text-align: right;
  background: #72c02c; }

.ie8 .sticker-right {
  width: 100px;
  text-align: left;
  background: #e74c3c; }

/*Easy Block*/
.ie8 .easy-bg-v2 {
  width: 75px;
  text-align: left; }

.ie8 .rgba-red {
  background: #e74c3c; }

.ie8 .rgba-blue {
  background: #3498db; }

.ie8 .rgba-default {
  background: #72c02c; }

.ie8 .rgba-purple {
  background: #9b6bcc; }

.ie8 .rgba-aqua {
  background: #27d7e7; }

.ie8 .rgba-yellow {
  background: #f1c40f; }

/*Sky-Forms*/
.ie8 .sky-form .icon-append {
  right: 5px !important;
  padding-left: 0; }

/*Background Opacity*/
.ie8 .service-block-v2 .service-block-in {
  background: url(../img/transparent/white.html) repeat; }

.ie8 .job-img .job-banner,
.ie8 .job-img .job-img-inputs,
.ie8 .parallax-team:before,
.ie8 .image-block .company-description,
.ie8 .search-block:before,
.ie8 .parallax-counter .counters,
.ie8 .carousel-v1 .carousel-caption {
  background: url(../img/transparent/black.html) repeat; }

/*
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
 * Version: 1.6
 * Author: @htmlstream
 * Website: http://htmlstream.com
*/
/*Block Grid v1
------------------------------------*/
.block-grid-v1 {
  background: #fff;
  padding: 15px 15px 5px;
  border-bottom: solid 2px #eee;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.block-grid-v1:hover {
  border-color: #72c02c; }

.block-grid-v1 img {
  margin-bottom: 10px; }

.block-grid-v1 img.block-grid-v1-img {
  width: 35px;
  height: 35px;
  margin-top: 8px; }

.block-grid-v1.content-boxes-v1 img.pull-left {
  float: inherit !important; }

.block-grid-v1 h3 a {
  font-size: 22px;
  font-weight: 200;
  margin-right: 10px; }

.block-grid-v1.content-boxes-v1 h3 {
  margin-bottom: 0; }

.block-grid-v1.content-boxes-v1 h3 a {
  color: #555; }

/*Star Vote*/
.block-grid-v1 .star-vote {
  padding: 0;
  margin-bottom: 10px;
  vertical-align: middle; }

.block-grid-v1 .star-vote li {
  padding: 0;
  font-size: 11px;
  display: inline-block; }

/*Additional Info*/
.block-grid-v1-add-info {
  margin: 0;
  padding-top: 15px;
  border-top: solid 1px #eee; }

.block-grid-v1-add-info li {
  padding: 0;
  margin-right: 3px;
  margin-bottom: 10px; }

.block-grid-v1-add-info li a {
  font-size: 11px;
  padding: 4px 7px;
  text-decoration: none;
  border: solid 2px #eee;
  border-radius: 3px !important; }

/*Block Grid v2
------------------------------------*/
.grid-block-v2 {
  padding: 0; }

.grid-block-v2 li {
  list-style: none;
  position: relative;
  -webkit-backface-visibility: hidden;
  /*For Chrome*/ }

.grid-block-v2-info {
  padding: 15px;
  text-align: center;
  background: #f9f9f9;
  border-bottom: solid 3px #eee;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.grid-block-v2 li:hover .grid-block-v2-info {
  border-color: #72c02c; }

.grid-block-v2-info h3 {
  font-size: 22px;
  font-weight: 200;
  margin-bottom: 10px; }

.grid-block-v2-info .star-vote li {
  padding: 2px;
  font-size: 16px; }

/*News Section
------------------------------------*/
.news-section {
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee; }

.news-v1 .news-v1-in {
  background: #fafafa; }

.news-v1 h3 {
  margin-bottom: 0;
  font-weight: 200;
  line-height: 28px;
  padding: 10px 15px 15px; }

.news-v1 h3 a {
  color: #555; }

.news-v1 h3 a:hover {
  color: #72c02c; }

.news-v1 p {
  color: #555;
  padding: 0 15px;
  margin-bottom: 20px; }

.news-v1 .news-v1-info {
  overflow: hidden;
  margin-top: 30px;
  padding: 8px 15px;
  border-top: solid 1px #eee; }

.news-v1 .news-v1-info li {
  font-size: 12px; }

.news-v1 .news-v1-info li a:hover {
  color: #72c02c;
  text-decoration: none; }

/*Services Box v1
------------------------------------*/
.service-box-v1 .service-block {
  background: #fff;
  padding-top: 30px;
  padding-bottom: 20px; }

.service-box-v1 p {
  position: relative;
  margin-bottom: 50px; }

.service-box-v1 p:after {
  content: " ";
  left: 50%;
  height: 1px;
  width: 50px;
  bottom: -15px;
  position: absolute;
  margin-left: -25px;
  background: #72c02c; }

.service-box-v1 ul {
  padding: 0 40px; }

.service-box-v1 li {
  margin: 8px 0;
  font-size: 15px;
  padding-top: 8px;
  border-top: dotted 1px #72c02c; }

.service-box-v1 li:hover {
  color: #72c02c; }

.service-box-v1 li:first-child {
  padding-top: 0;
  border-top: none; }

/*Service Block v1
------------------------------------*/
.service-block-v1 {
  margin-top: 20px;
  text-align: center;
  position: relative;
  padding: 45px 20px 20px;
  border: 1px solid #f2f2f2; }

.service-block-v1 i {
  left: 50%;
  top: -30px;
  color: #fff;
  width: 60px;
  height: 60px;
  padding: 16px;
  font-size: 30px;
  margin-left: -30px;
  text-align: center;
  position: absolute;
  background: #72c02c;
  display: inline-block; }

.service-block-v1 h3,
.service-block-v1 p {
  margin-bottom: 20px; }

/*Team v1 Section
------------------------------------*/
.team-v1 ul {
  position: relative; }

/*Team Image*/
.team-v1 li > .team-img {
  position: relative; }

.team-v1 li > .team-img:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: transparent;
  transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out; }

.team-v1 li:hover > .team-img:after {
  background: rgba(0, 0, 0, 0.5); }

/*Team Socials*/
.team-v1 li > .team-img ul {
  left: 0;
  top: 45%;
  z-index: 1;
  padding: 0;
  width: 100%;
  height: 36px;
  list-style: none;
  margin-top: -18px;
  text-align: center;
  visibility: hidden;
  position: absolute;
  transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out; }

.team-v1 li:hover > .team-img ul {
  top: 50%;
  visibility: visible; }

.team-v1 li > .team-img ul li {
  margin: 0 5px;
  text-align: center;
  display: inline-block; }

.team-v1 li > .team-img li i {
  color: #eee;
  border-width: 2px;
  border-color: #eee;
  transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out; }

.team-v1 li > .team-img li i.fa-twitter:hover {
  color: #fff;
  background: #3498db;
  border-color: #3498db; }

.team-v1 li > .team-img li i.fa-facebook:hover {
  color: #fff;
  background: #4765a0;
  border-color: #4765a0; }

.team-v1 li > .team-img li i.fa-google-plus:hover {
  color: #fff;
  background: #e74c3c;
  border-color: #e74c3c; }

/*Team Discription*/
.team-v1 li > h3 {
  color: #000;
  font-size: 18px;
  line-height: 20px;
  margin: 15px 0 7px;
  text-transform: uppercase; }

.team-v1 li > h4 {
  color: #999;
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase; }

.team-v1 li > p {
  margin: 20px 0;
  position: relative; }

.team-v1 li > p:before {
  left: 0;
  top: -10px;
  height: 1px;
  width: 40px;
  content: " ";
  position: absolute;
  background: #bbb;
  transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out; }

.team-v1 li:hover > p:before {
  width: 100%;
  background: #72c02c; }

/*Call To Action v1
------------------------------------*/
.call-action-v1 p {
  margin-top: 5px;
  font-size: 18px;
  font-weight: 200;
  margin-bottom: 0; }

.call-action-v1 .call-action-v1-box {
  width: 100%;
  display: table;
  padding: 30px 0;
  vertical-align: middle; }

.call-action-v1 .call-action-v1-in {
  display: table-cell;
  vertical-align: middle; }

.call-action-v1 .call-action-v1-in.inner-btn {
  min-width: 250px;
  text-align: right; }

@media (max-width: 992px) {
  .call-action-v1 .call-action-v1-in,
  .call-action-v1 .call-action-v1-in.inner-btn {
    display: block;
    text-align: center; }
  .call-action-v1 .call-action-v1-in p {
    margin-bottom: 20px; } }

/*Portfolio Box
------------------------------------*/
/*Portfolio Box*/
.portfolio-box {
  margin-bottom: 100px; }

@media (min-width: 991px) and (max-width: 1199px) {
  .portfolio-box {
    margin-bottom: 60px; } }

@media (min-width: 768px) and (max-width: 992px) {
  .portfolio-box {
    margin-bottom: 0; } }

@media (max-width: 768px) {
  .portfolio-box {
    margin-bottom: 60px; } }

.portfolio-box a.zoomer {
  background: #fff;
  overflow: hidden;
  position: relative;
  -webkit-backface-visibility: hidden;
  /*For Chrome*/ }

.portfolio-box a.zoomer:after {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute; }

.portfolio-box a.zoomer:hover:after {
  background: rgba(0, 0, 0, 0.5); }

.portfolio-box a.zoomer img {
  width: 100%;
  overflow: hidden;
  transition: all 500ms ease 0s; }

.portfolio-box a.zoomer:hover img {
  transform: scale(1.1) rotate(0.1deg); }

.portfolio-box .portfolio-box-in {
  left: 0;
  top: 50%;
  z-index: 1;
  width: 100%;
  min-height: 50px;
  margin-top: -25px;
  visibility: hidden;
  text-align: center;
  position: absolute; }

.portfolio-box a.zoomer:hover .portfolio-box-in {
  visibility: visible; }

.portfolio-box a.zoomer:after,
.portfolio-box a.zoomer:hover:after,
.portfolio-box a.zoomer:hover .portfolio-box-in i {
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out; }

.portfolio-box .portfolio-box-in i {
  color: #fff;
  width: 50px;
  height: 50px;
  padding: 16px;
  font-size: 20px;
  text-align: center;
  background: #72c02c;
  display: inline-block; }

/*Project Tag*/
.portfolio-box small.project-tag {
  display: block;
  font-size: 12px;
  margin-bottom: 5px; }

.portfolio-box small.project-tag,
.portfolio-box small.project-tag a {
  color: #999; }

.portfolio-box small.project-tag i {
  margin-right: 5px; }

.portfolio-box small.project-tag a:hover {
  color: #72c02c; }

/*Portfolio Box v1
------------------------------------*/
.portfolio-box-v1 {
  margin: 0; }

.portfolio-box-v1 [class^="col-"] {
  padding: 0;
  overflow: hidden; }

.portfolio-box-v1 li {
  background: #333;
  position: relative;
  -webkit-backface-visibility: hidden;
  /*For Chrome*/ }

.portfolio-box-v1 li:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute; }

.portfolio-box-v1 li:hover:after {
  background: rgba(0, 0, 0, 0.7); }

.portfolio-box-v1 li:after,
.portfolio-box-v1 li:hover:after {
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out; }

.portfolio-box-v1 li img {
  width: 100%;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out; }

.portfolio-box-v1 li:hover img {
  -transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1); }

.portfolio-box-v1 .portfolio-box-v1-in {
  left: 0;
  top: 50%;
  z-index: 1;
  width: 100%;
  visibility: hidden;
  min-height: 150px;
  margin-top: -75px;
  text-align: center;
  position: absolute;
  font-family: "Open Sans"; }

.portfolio-box-v1 li:hover .portfolio-box-v1-in {
  visibility: visible; }

.portfolio-box-v1 .portfolio-box-v1-in h3 {
  font-size: 22px;
  margin-top: 20px;
  position: relative;
  margin-bottom: 20px;
  text-transform: uppercase; }

.portfolio-box-v1 .portfolio-box-v1-in h3:after {
  left: 50%;
  height: 1px;
  width: 40px;
  content: " ";
  bottom: -10px;
  background: #fff;
  margin-left: -20px;
  position: absolute; }

.portfolio-box-v1 .portfolio-box-v1-in p,
.portfolio-box-v1 .portfolio-box-v1-in h3 {
  color: #fff; }

.portfolio-box-v1 .portfolio-box-v1-in p {
  font-size: 16px;
  margin-bottom: 20px; }

.portfolio-box-v1 .portfolio-box-v1-in a.btn-u {
  font-weight: normal;
  -webkit-backface-visibility: hidden;
  /*For Chrome*/ }

/*Portfolio Feature v2
------------------------------------*/
.portfolio-box-v2 {
  margin: 0 0 60px; }

.portfolio-box-v2 [class^="col-"] {
  padding: 0;
  overflow: hidden; }

.portfolio-box-v2 li {
  background: #333;
  overflow: hidden;
  position: relative;
  -webkit-backface-visibility: hidden;
  /*For Chrome*/ }

.portfolio-box-v2 li:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute; }

.portfolio-box-v2 li:hover:after {
  background: rgba(255, 255, 255, 0.6); }

.portfolio-box-v2 li:after,
.portfolio-box-v2 li:hover:after {
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out; }

.portfolio-box-v2 li img {
  width: 100%;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out; }

.portfolio-box-v2 li:hover img {
  -transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1); }

.portfolio-box-v2 .portfolio-box-v2-in {
  left: 0;
  top: 50%;
  z-index: 1;
  width: 100%;
  visibility: hidden;
  min-height: 60px;
  margin-top: -30px;
  text-align: center;
  position: absolute;
  font-family: "Open Sans"; }

.portfolio-box-v2 li:hover .portfolio-box-v2-in {
  visibility: visible; }

.portfolio-box-v2 .portfolio-box-v2-in i {
  color: #fff;
  width: 60px;
  height: 60px;
  padding: 20px;
  font-size: 22px;
  cursor: pointer;
  margin-right: 5px;
  text-align: center;
  display: inline-block;
  background: rgba(114, 192, 44, 0.8); }

.portfolio-box-v2 .portfolio-box-v2-in i:hover {
  background: #72c02c; }

/*Thumbnail v1
------------------------------------*/
.thumbnails-v1 .thumbnail-img {
  margin-bottom: 12px; }

.thumbnails-v1 h3 {
  margin-bottom: 5px; }

.thumbnails-v1 h3 a {
  color: #555;
  font-size: 15px;
  text-transform: uppercase; }

.thumbnails-v1 .read-more {
  color: #72c02c;
  font-size: 12px;
  text-transform: uppercase; }

/*Image Backgrounds v1
------------------------------------*/
.bg-image-v1 {
  width: 100%;
  height: auto;
  padding: 50px 0;
  position: relative;
  background: url(../img/bg/11.html) repeat fixed; }

.bg-image-v1:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(0, 0, 0, 0.5); }

/*Image Backgrounds v2
------------------------------------*/
.bg-image-v2 {
  width: 100%;
  height: auto;
  padding: 50px 0;
  position: relative;
  background: url(../img/bg/15.html) repeat fixed; }

.bg-image-v2:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(255, 255, 255, 0.6); }

/*Parallax Backgrounds
------------------------------------*/
/*Parallax Counter Block*/
.parallax-counter {
  padding: 30px 0;
  background: url(../img/patterns/5.html) repeat fixed; }

.parallax-counter .counters {
  color: #fff;
  padding: 15px 0; }

.parallax-counter h4 {
  color: #999;
  font-size: 16px;
  text-transform: uppercase; }

.parallax-counter span.counter {
  font-size: 48px; }

/*Parallax Team*/
.parallax-team {
  background: url(../img/team/faces.html) 50% 0 repeat fixed; }

.parallax-team,
.parallax-team .title-box-v2 {
  position: relative; }

.parallax-team:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(255, 255, 255, 0.9); }

/*Parallax Quote*/
.parallax-quote {
  color: #fff;
  padding: 100px 0;
  position: relative;
  text-align: center;
  background: url(../img/contents/faces.html) 50% 0 repeat fixed; }

.parallax-quote:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(0, 0, 0, 0.8); }

.parallax-quote:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: url(../img/patterns/gridtile.html) repeat; }

.parallax-quote-in {
  z-index: 1;
  padding: 0 80px;
  position: relative; }

.parallax-quote-in p {
  color: #fff;
  font-size: 28px;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif; }

.parallax-quote-in p:after,
.parallax-quote-in p:before {
  content: ' " ';
  position: absolute;
  font-family: Tahoma; }

.parallax-quote-in p:after {
  margin-left: 3px; }

.parallax-quote-in p:before {
  margin-left: -15px; }

.parallax-quote-in small {
  color: #bbb;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .parallax-quote-in {
    padding: 0 40px; }
  .parallax-quote-in p {
    font-size: 20px; } }

/*Flat Background Block
------------------------------------*/
.flat-bg-block-v1 {
  padding: 40px 0;
  background: url(../img/patterns/16.html) repeat; }

.flat-bg-block-v1 .checked-list.first-child {
  float: left;
  margin-right: 100px; }

.flat-bg-block-v1 .checked-list li {
  color: #888;
  margin-bottom: 5px; }

.flat-bg-block-v1 .checked-list i {
  color: #72c02c;
  margin-right: 5px; }

/*Image Over*/
.flat-bg-block-v1 img.img-over {
  top: -70px;
  right: 10px;
  position: absolute; }

@media (min-width: 991px) and (max-width: 1199px) {
  .flat-bg-block-v1 img.img-over {
    top: -18px; } }

@media (max-width: 991px) {
  .flat-bg-block-v1 img.img-over {
    position: static; } }

/*Flat Testimonials
------------------------------------*/
.flat-testimonials {
  padding: 50px 0;
  background-color: #333; }

.flat-testimonials .flat-testimonials-in {
  padding: 30px;
  text-align: center;
  background: rgba(255, 255, 255, 0.2); }

.flat-testimonials .flat-testimonials-in img {
  width: 135px;
  height: 135px;
  margin: 0 auto 25px; }

.flat-testimonials .flat-testimonials-in h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 200; }

.flat-testimonials .flat-testimonials-in span {
  display: block;
  margin-bottom: 5px; }

.flat-testimonials .flat-testimonials-in p {
  color: #fff;
  font-weight: 200;
  position: relative; }

.flat-testimonials .flat-testimonials-in p:before,
.flat-testimonials .flat-testimonials-in p:after {
  top: 5px;
  font-size: 22px;
  line-height: 10px;
  position: relative; }

.flat-testimonials .flat-testimonials-in p:before {
  content: "“";
  padding-right: 5px; }

.flat-testimonials .flat-testimonials-in p:after {
  content: "”";
  padding-left: 5px; }

/*
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
 * Version: 1.6
 * Author: @htmlstream
 * Website: http://htmlstream.com
*/
/*Parallax Slider (Main)
------------------------------------*/
.slider-inner .da-slider {
  box-shadow: none;
  border-bottom: 2px solid #ddd; }

.slider-inner .da-dots {
  z-index: 10; }

@media (max-width: 450px) {
  .da-slide p {
    display: none; } }

@media (max-width: 900px) {
  /*Slider Parallax*/
  .da-slide .da-img {
    display: none; } }

/*Revolution Slider
------------------------------------*/
.tp-dottedoverlay {
  z-index: 1 !important; }

.tp-bullets.preview4 .bullet {
  border-radius: 10px !important; }

.tp-banner-container a.btn-u,
.tp-banner-container a.btn-u:hover {
  color: #fff;
  border: solid 1px transparent; }

.tp-banner-container a.re-btn-brd {
  background: none;
  border: solid 1px #fff; }

.tp-banner-container a.re-btn-brd:hover {
  color: #555;
  background: #fff; }

/*Fullwidth*/
.tp-banner-container .btn-u.btn-brd {
  font-weight: 400; }

.tp-banner-container {
  position: relative; }

/*Fullscreen*/
.fullscreen-container {
  padding: 0;
  width: 100%;
  position: relative; }

/*Slider Contents v1*/
.revolution-mch-1:after {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: ' ';
  position: absolute;
  background: rgba(0, 0, 0, 0.3); }

.revolution-ch1 {
  color: #fff;
  font-size: 40px;
  font-weight: 400;
  line-height: 60px;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif; }

.revolution-ch2 {
  color: #fff;
  font-size: 20px;
  max-width: 470px;
  line-height: 32px;
  position: relative;
  text-align: center;
  font-weight: normal;
  font-family: "Open Sans", sans-serif; }

.revolution-ch2:after {
  left: 50%;
  width: 70px;
  height: 2px;
  content: ' ';
  bottom: -20px;
  background: #fff;
  margin-left: -35px;
  position: absolute; }

/*Slider Contents v2*/
.re-title-v1 {
  color: #fff;
  font-size: 75px;
  font-weight: 600;
  line-height: 60px;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif; }

.re-title-v2 {
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  line-height: 45px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif; }

.re-text-v1 {
  color: #fff;
  font-size: 24px;
  text-align: center;
  font-family: "Open Sans", sans-serif; }

.re-text-v2 {
  color: #fff;
  font-size: 24px;
  font-family: "Open Sans", sans-serif; }

/*Slides*/
.rs-caption-1 {
  color: #fff;
  font-size: 32px;
  font-weight: 200;
  padding: 6px 75px;
  position: relative;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff; }

.rs-caption-1:after,
.rs-caption-1:before {
  font-size: 16px;
  content: "\f005";
  position: absolute;
  font-family: FontAwesome; }

@media (max-width: 768px) {
  .rs-caption-1:after,
  .rs-caption-1:before {
    content: ""; } }

.rs-caption-1:after {
  right: 4%; }

.rs-caption-1:before {
  left: 4%; }

.rs-caption-2 {
  color: #fff;
  position: relative;
  font-size: 26px;
  font-weight: 200;
  line-height: 40px;
  padding: 10px 50px;
  text-align: center; }

.rs-caption-2:after {
  left: 50%;
  content: "";
  height: 1px;
  width: 100px;
  bottom: -10px;
  background: #fff;
  margin-left: -50px;
  position: absolute; }

.rs-caption-3 a {
  margin: 0 5px;
  padding: 7px 20px;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .rs-caption-1,
  .rs-caption-2,
  .rs-caption-3 {
    font-weight: normal; } }

/*Layer Slider
------------------------------------*/
.layer_slider {
  overflow: hidden; }

.ls-ct-half, .ls-ct-center {
  border-radius: 100px !important; }

/*Sequence Slider (Home Page)
------------------------------------*/
@media (max-width: 900px) {
  #sequence-theme .info {
    top: 80px !important;
    width: 60% !important;
    margin-right: 50px; } }

@media (max-width: 450px) {
  #sequence-theme .info {
    top: 70px !important;
    width: 70% !important;
    margin-right: 25px; }
  #sequence-theme h2 {
    font-size: 30px !important; }
  #sequence-theme .info p {
    font-size: 18px !important; } }

/*Clients Carousel (Flexslider)
------------------------------------*/
.clients {
  box-shadow: none !important;
  margin-bottom: 0 !important; }

.clients li {
  overflow: hidden;
  margin-left: 1px;
  position: relative;
  background: #fafafa; }

.clients li:hover {
  background: #f6f6f6; }

.clients li img.color-img {
  top: 0;
  left: 0;
  display: none;
  position: absolute; }

.clients li:hover img.color-img {
  display: block; }

.clients li img {
  filter: gray;
  /* IE6-9 */
  float: none !important;
  margin: 0 auto !important; }

.clients li img:hover {
  filter: none; }

.clients,
.flexslider.home {
  border: 0;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 30px; }

.flexslider {
  margin-top: 10px !important;
  background: none !important; }

.flexslider .flex-direction-nav a {
  margin-top: -10px !important; }

/*Fancybox
------------------------------------*/
/*For Topbar*/
.fancybox-overlay.fancybox-overlay-fixed {
  z-index: 9999; }

/*FancyBox Hover Effect*/
.zoomer:hover .overlay-zoom .zoom-icon {
  opacity: 0.4;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  filter: alpha(opacity=50); }

.overlay-zoom {
  z-index: 90;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

.overlay-zoom .zoom-icon {
  top: 0;
  opacity: 0;
  z-index: 100;
  width: inherit;
  height: inherit;
  position: absolute;
  background-color: #000;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url("../img/overlay-icon.html");
  filter: alpha(opacity=0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0); }

@media (max-width: 768px) {
  .fancybox-overlay {
    background: none !important; } }

.fancybox-inner {
  overflow: hidden;
  zoom: 1; }

.fancybox-inner iframe {
  position: relative !important;
  z-index: 99999 !important; }

/*Pie Chart
------------------------------------*/
.pie-progress-charts .inner-pchart {
  text-align: center; }

.pie-progress-charts .circle {
  color: #555;
  font-weight: 200;
  margin-bottom: 20px; }

.pie-progress-charts .circle-title {
  font-size: 22px; }

@media (max-width: 767px) {
  .pie-progress-charts .inner-pchart {
    margin-bottom: 40px; } }

/*Counter
------------------------------------*/
.counters {
  color: #555;
  text-align: center; }

@media (max-width: 767px) {
  .counters {
    margin-bottom: 30px; }
  .counters:last-child {
    margin-bottom: inherit; } }

.counters span {
  font-size: 35px; }

.counters span.counter-icon {
  display: block;
  margin-bottom: 10px; }

.counters span.counter-icon i {
  color: #fff;
  padding: 16px;
  min-width: 65px;
  font-size: 30px;
  position: relative;
  background: #72c02c; }

.counters span.counter-icon i:after {
  width: 0;
  height: 0;
  left: 38%;
  content: " ";
  bottom: -7px;
  display: block;
  position: absolute;
  border-top: 7px solid #72c02c;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-left-style: inset;
  /*FF fixes*/
  border-right-style: inset;
  /*FF fixes*/ }

.counters:hover span.counter-icon i {
  border-color: #000; }

/*Back To Top
------------------------------------*/
#topcontrol {
  color: #fff;
  z-index: 99;
  width: 30px;
  height: 30px;
  font-size: 20px;
  background: #222;
  position: relative;
  right: 14px !important;
  bottom: 11px !important;
  border-radius: 3px !important; }

#topcontrol:after {
  top: -2px;
  left: 8.5px;
  content: "\f106";
  position: absolute;
  text-align: center;
  font-family: FontAwesome; }

#topcontrol:hover {
  color: #fff;
  background: #72c02c;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

/*Owl Carousel
------------------------------------*/
.owl-btn {
  color: #777;
  cursor: pointer;
  font-size: 18px;
  padding: 2px 9px;
  text-align: center;
  background: #f5f5f5; }

.owl-btn:hover {
  color: #fff;
  background: #72c02c; }

/*Owl Carousel v1*/
.owl-carousel-v1 .owl-navigation {
  text-align: right;
  margin-bottom: 20px; }

.owl-carousel-v1 .item {
  margin: 0 5px; }

.owl-carousel-v1 .item img {
  text-align: center; }

.owl-carousel-v1 .owl-pagination {
  display: none; }

/*Owl Carousel v2*/
.owl-carousel-v2 .owl-slider-v2 {
  margin-bottom: 20px; }

.owl-carousel-v2 .item {
  margin: 0 15px; }

.owl-carousel-v2 .item img {
  text-align: center; }

.owl-carousel-v2 .owl-navigation {
  text-align: center; }

.owl-carousel-v2 .owl-pagination {
  display: none; }

/*Owl Carousel v3*/
.owl-carousel-v3 .item {
  margin: 0 15px; }

.owl-carousel-v3 .item img {
  text-align: center; }

.owl-carousel-v3 .owl-pagination {
  display: none; }

/*Owl Carousel v4*/
.owl-carousel-v4 .owl-wrapper-outer {
  margin-bottom: 20px; }

.owl-carousel-v4 .item {
  margin: 0 3px; }

.owl-carousel-v4 .item img {
  width: 100%; }

/*Owl Carousel v5*/
.owl-carousel-v5 .owl-wrapper-outer {
  margin-bottom: 20px; }

.owl-carousel-v5 .owl-controls .owl-page.active span,
.owl-carousel-v5 .owl-controls.clickable .owl-page:hover span {
  background: #72c02c; }

.owl-carousel-v5 .owl-controls .owl-page span {
  margin: 5px 3px !important; }

/*Owl Slider v6*/
.owl-carousel-v6 .owl-carousel-item {
  margin: 0 10px;
  padding: 7px 0;
  text-align: center;
  position: relative;
  border: 1px solid #e4e2e2; }

.owl-carousel-v6 .owl-carousel-item img {
  width: 150px;
  height: auto; }

.owl-carousel-v6 .owl-wrapper-outer {
  margin-bottom: 20px; }

.owl-carousel-v6 .owl-controls .owl-page span {
  margin: 5px 3px !important; }

/*Owl Pagination*/
.owl-pagination {
  text-align: center !important; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  opacity: 1;
  filter: Alpha(Opacity=100);
  /*IE7 fix*/ }

.owl-theme .owl-controls .owl-page {
  zoom: 1;
  display: inline-block;
  *display: inline;
  /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span {
  width: 12px;
  height: 12px;
  opacity: 0.3;
  display: block;
  margin: 5px 7px;
  background: #bbb;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important; }

/*Owl Carousel Style v1*/
.owl-carousel-style-v1 img {
  width: 120px;
  height: auto; }

/*Owl Carousel Style v2*/
.owl-carousel-style-v2 .item {
  margin: 0 3px;
  background: #fafafa;
  text-align: center;
  border: solid 1px #eee; }

.owl-carousel-style-v2 .item img {
  padding: 0 3px;
  display: inline-block; }

.owl-carousel-style-v2 .item:hover {
  background: #f7f7f7;
  border-color: #e5e5e5;
  transition: all 0.4s ease-in-out; }

.owl-carousel-style-v2 .owl-pagination {
  display: none; }

/*Owl Carousel - Testimonials v3
------------------------------------*/
/*Testimonials Section*/
.testimonials-v3 {
  padding: 100px 0;
  font-family: "Open Sans"; }

.testimonials-v3 ul {
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative; }

.testimonials-v3 li img {
  width: 150px;
  height: 150px;
  margin-bottom: 10px; }

.testimonials-v3 li > p {
  font-size: 14px; }

.testimonials-v3 .testimonials-v3-title {
  font-size: 22px;
  font-weight: 200;
  margin-bottom: 20px; }

.testimonials-v3 .testimonials-v3-title p {
  color: #72c02c;
  margin-bottom: 0; }

.testimonials-v3 .testimonials-v3-title span {
  color: #777;
  display: block;
  font-size: 14px; }

/*Testimonials Owl Navigation*/
.testimonials-v3 .owl-pagination {
  display: none; }

.testimonials-v3 .owl-buttons .owl-prev,
.testimonials-v3 .owl-buttons .owl-next {
  padding: 13px;
  position: relative;
  margin: 15px 2px 0;
  background: #f5f5f5;
  display: inline-block; }

.testimonials-v3 .owl-buttons .owl-prev:after,
.testimonials-v3 .owl-buttons .owl-next:after {
  top: 0;
  color: #bbb;
  font-size: 16px;
  position: absolute;
  font-weight: normal;
  display: inline-block;
  font-family: FontAwesome; }

.testimonials-v3 .owl-buttons .owl-prev:after {
  left: 10px;
  content: "\f104"; }

.testimonials-v3 .owl-buttons .owl-next:after {
  right: 10px;
  content: "\f105"; }

.testimonials-v3 .owl-buttons .owl-prev:hover:after,
.testimonials-v3 .owl-buttons .owl-next:hover:after {
  color: #fff; }

.testimonials-v3 .owl-buttons .owl-prev:hover,
.testimonials-v3 .owl-buttons .owl-next:hover {
  background: #72c02c;
  -webkit-transition: background 0.4s ease-in-out;
  -moz-transition: background 0.4s ease-in-out;
  -o-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out; }

/*Recent Works (Owl Carousel)
------------------------------------*/
.owl-work-v1 .owl-navigation {
  top: 3px;
  position: relative; }

.owl-work-v1 .owl-navigation {
  margin-bottom: 10px; }

.owl-work-v1 .item a {
  text-align: center; }

.owl-work-v1 .item a:hover {
  text-decoration: none; }

.owl-work-v1 .item a:hover strong {
  color: #555; }

.owl-work-v1 .item em.overflow-hidden {
  display: block; }

.owl-work-v1 .item a span {
  display: block;
  padding: 10px;
  border-bottom: solid 2px #eee; }

.owl-work-v1 .item a strong {
  color: #555;
  display: block; }

.owl-work-v1 .item a i {
  color: #777; }

.owl-work-v1 .item a img {
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out; }

/* JMG 2015-08-11: no more animation on spotlight display
.owl-work-v1 .item a:hover img {
  opacity: 0.8;
   -webkit-transform: scale(1.2) rotate(3deg);
   -moz-transform: scale(1.2) rotate(3deg);
   -o-transform: scale(1.0) rotate(3deg);
   -ms-transform: scale(1.2) rotate(3deg);
   transform: scale(1.2) rotate(3deg);
}
*/
.owl-work-v1 .item a:hover span {
  border-bottom: solid 2px #72c02c;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.3s ease-in-out; }

/*Parallax Twitter (Owl Carousel)
------------------------------------*/
.parallax-twitter {
  color: #fff;
  padding: 100px 0;
  position: relative;
  text-align: center;
  background: #333 url(../img/bg/bg2.html) 50% 0 fixed; }

.parallax-twitter:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(0, 0, 0, 0.5); }

.parallax-twitter:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: url(../img/patterns/gridtile.html) repeat; }

.parallax-twitter-in {
  z-index: 1;
  position: relative; }

/*Twitter Block (owl-controls)*/
.parallax-twitter-in ul {
  margin: 0; }

.parallax-twitter-in li {
  color: #fff; }

.parallax-twitter-in li p {
  color: #fff;
  font-size: 18px;
  font-weight: 200; }

.parallax-twitter-in li a {
  color: #eee;
  text-decoration: underline; }

.parallax-twitter-in li a:hover {
  text-decoration: none; }

.parallax-twitter-in li span {
  color: #ddd;
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px; }

.parallax-twitter-in .owl-page {
  width: 18px; }

/*Clients Section (Owl Carousel)
------------------------------------*/
.clients-section {
  padding: 60px 0;
  position: relative;
  background: #333 url(../img/bg/bg1.html) 50% fixed; }

.clients-section:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(0, 0, 0, 0.8); }

.clients-section:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: url(../img/patterns/gridtile.html) repeat; }

.clients-section .title-v1 p,
.clients-section .title-v1 h2 {
  color: #fff; }

.clients-section ul {
  padding: 0;
  z-index: 1;
  list-style: none; }

.clients-section li {
  margin: 0 3px;
  background: #fff; }

.clients-section li a {
  padding: 10px;
  display: block;
  overflow: hidden;
  text-align: center;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out; }

.clients-section li a:hover {
  -transform: scale(1.2);
  -o-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2); }

.clients-section img {
  width: 100px;
  height: 100px; }

.clients-section .owl-pagination {
  display: none; }

/*Cube Portfolio
------------------------------------*/
.wrapper-portfolio {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto 50px; }

.wrapper-portfolio-fullwidth {
  width: 100%;
  padding: 10px;
  margin: 0 auto 50px; }

.wrapper-portfolio-fullwidth-text {
  width: 100%;
  padding: 10px;
  margin: 0 auto 50px; }

.wrapper-portfolio-no-space {
  width: 100%;
  margin: 0 auto 50px; }

.wrapper-portfolio-grid-no-space {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 50px; }

.wrapper-portfolio-grid {
  margin-bottom: 50px; }

/*Filter Item*/
.fusion-portfolio #filters-container .cbp-filter-item {
  color: #555;
  padding: 7px 15px;
  margin: 10px 0 0 5px;
  border: 1px solid #eee; }

.fusion-portfolio #filters-container .cbp-filter-item-active {
  background: #72c02c;
  border-color: #72c02c;
  color: #fff !important; }

.fusion-portfolio #filters-container .cbp-filter-item:hover {
  color: #72c02c; }

/*Blog Caption*/
.fusion-portfolio .cbp-l-grid-blog .cbp-caption {
  margin-bottom: 15px; }

/*Caption Body*/
.fusion-portfolio .product-description {
  text-align: center; }

.fusion-portfolio .cbp-caption-activeWrap {
  background: rgba(255, 255, 255, 0.9) !important; }

.fusion-portfolio .cbp-l-caption-text {
  letter-spacing: inherit; }

.fusion-portfolio .cbp-l-caption-text,
.fusion-portfolio .product-description h3 {
  color: #555;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
  text-transform: uppercase; }

.fusion-portfolio .cbp-l-caption-desc,
.fusion-portfolio .product-description span {
  color: #555;
  font-size: 13px;
  margin-top: 15px;
  font-weight: 200;
  line-height: 20px; }

.fusion-portfolio .cbp-l-caption-icon i {
  color: #555;
  font-size: 22px; }

/*Grid Columns*/
.fusion-portfolio.wrapper-portfolio-grid.cbp-2-col .cbp-item {
  width: 450px;
  height: 270px; }

.fusion-portfolio.wrapper-portfolio-grid.cbp-3-col .cbp-item {
  width: 320px;
  height: 200px; }

.fusion-portfolio.wrapper-portfolio-grid.cbp-4-col .cbp-item {
  width: 280px;
  height: 170px; }

/*Grid No Space Columns*/
.fusion-portfolio.wrapper-portfolio-grid-no-space.cbp-2-col .cbp-item {
  width: 460px;
  height: 285px; }

.fusion-portfolio.wrapper-portfolio-grid-no-space.cbp-3-col .cbp-item {
  width: 450px;
  height: 280px; }

.fusion-portfolio.wrapper-portfolio-grid-no-space.cbp-4-col .cbp-item {
  width: 320px;
  height: 200px; }

/*Fullwidth Columns*/
.fusion-portfolio.wrapper-portfolio-fullwidth.cbp-4-col .cbp-item {
  width: 380px;
  height: 230px; }

.fusion-portfolio.wrapper-portfolio-fullwidth.cbp-5-col .cbp-item {
  width: 290px;
  height: 180px; }

.fusion-portfolio.wrapper-portfolio-fullwidth.cbp-6-col .cbp-item {
  width: 230px;
  height: 140px; }

/*Fullwidth No Space Columns*/
.fusion-portfolio.wrapper-portfolio-no-space.cbp-4-col .cbp-item {
  width: 400px;
  height: 250px; }

.fusion-portfolio.wrapper-portfolio-no-space.cbp-5-col .cbp-item {
  width: 310px;
  height: 185px; }

.fusion-portfolio.wrapper-portfolio-no-space.cbp-6-col .cbp-item {
  width: 250px;
  height: 150px; }

/*Grid Blog Columns*/
.fusion-portfolio.wrapper-portfolio.cbp-2-col .cbp-l-grid-blog .cbp-item {
  width: 460px;
  height: 360px; }

.fusion-portfolio.wrapper-portfolio.cbp-3-col .cbp-l-grid-blog .cbp-item {
  width: 320px;
  height: 265px; }

.fusion-portfolio.wrapper-portfolio.cbp-4-col .cbp-l-grid-blog .cbp-item {
  width: 280px;
  height: 250px; }

/*Fullwidth Blog Columns*/
.fusion-portfolio.wrapper-portfolio-fullwidth-text.cbp-caption-4-col .cbp-item {
  width: 390px;
  height: 350px; }

.fusion-portfolio.wrapper-portfolio-fullwidth-text.cbp-caption-5-col .cbp-item {
  width: 300px;
  height: 300px; }

.fusion-portfolio.wrapper-portfolio-fullwidth-text.cbp-caption-6-col .cbp-item {
  width: 245px;
  height: 240px; }

/*Caption Columns*/
.fusion-portfolio.cbp-caption-2-col .cbp-l-grid-blog .cbp-caption {
  height: 74%; }

.fusion-portfolio.cbp-caption-3-col .cbp-l-grid-blog .cbp-caption {
  height: 65%; }

.fusion-portfolio.cbp-caption-4-col .cbp-l-grid-blog .cbp-caption {
  height: 63%; }

.fusion-portfolio.cbp-caption-5-col .cbp-l-grid-blog .cbp-caption {
  height: 60%; }

.fusion-portfolio.cbp-caption-6-col .cbp-l-grid-blog .cbp-caption {
  height: 60%; }

.leftnavbar-toggle {
  display: none; }
  .leftnavbar-toggle a {
    background: #00A9CE;
    color: #ffffff;
    border: 1px solid #ddd;
    margin-bottom: -1px;
    font-weight: bold;
    padding-left: 10px;
    font-weight: normal; }
    .leftnavbar-toggle a:hover {
      text-decoration: none;
      color: #ffffff !important; }
    .leftnavbar-toggle a .fa-angle-right {
      float: right;
      padding: 5px 10px 7px 11px;
      transform-origin: 11px 10px; }

#sideNavigation ul li a {
  font-size: 13px;
  color: #555; }

#sideNavigation ul.goo-collapsible {
  padding-left: 0;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd; }

#sideNavigation ul {
  list-style: none;
  padding: 0;
  border-left: 5px solid #ddd; }
  #sideNavigation ul ul:not(.active) {
    display: none; }
    #sideNavigation ul ul:not(.active) ul:not(.active) {
      display: none; }
  #sideNavigation ul ul {
    border-left: 5px solid #e0e0e0; }
    #sideNavigation ul ul li a {
      padding-left: 20px;
      color: #555; }
    #sideNavigation ul ul ul {
      border-left: 5px solid #e3e3e3; }
      #sideNavigation ul ul ul li a {
        padding-left: 30px;
        color: #555; }
      #sideNavigation ul ul ul ul {
        border-left: 5px solid #e6e6e6; }
        #sideNavigation ul ul ul ul li a {
          padding-left: 40px;
          color: #555; }
  #sideNavigation ul li {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: -1px;
    background: white;
    font-weight: normal; }
    #sideNavigation ul li.activePath {
      background: rgba(0, 167, 204, 0.23) !important;
      font-weight: bold !important;
      color: #555 !important; }
      #sideNavigation ul li.activePath a {
        color: #555; }
    #sideNavigation ul li.active {
      background: #d8dbde; }
      #sideNavigation ul li.active li {
        background: #fdfdfd; }
        #sideNavigation ul li.active li a {
          color: #555; }
        #sideNavigation ul li.active li li {
          background: #f8f8f8; }
          #sideNavigation ul li.active li li a {
            color: #555; }
          #sideNavigation ul li.active li li li {
            background: #efefef; }
            #sideNavigation ul li.active li li li a {
              color: #555; }
      #sideNavigation ul li.active a {
        color: #78808c; }
    #sideNavigation ul li a {
      display: block;
      padding: 7px 10px;
      max-width: 90%; }
      #sideNavigation ul li a:hover {
        text-decoration: none;
        color: #00A9CE !important; }
      #sideNavigation ul li a.expand {
        padding: 7px 10px; }
      #sideNavigation ul li a.expandE {
        max-width: 100%; }
        #sideNavigation ul li a.expandE .fa-angle-right {
          float: right;
          padding: 3px 0 7px 10px;
          transform-origin: 11px 10px; }
      #sideNavigation ul li a .fa-angle-right {
        transition: transform .25s; }
      #sideNavigation ul li a.activePath {
        color: #555 !important; }
        #sideNavigation ul li a.activePath:hover {
          color: #00A9CE !important; }
      #sideNavigation ul li a.active .fa-angle-right {
        transform: rotate(90deg); }
      #sideNavigation ul li a.current {
        color: #555 !important; }

@media (max-width: 991px) {
  .leftnavbar-toggle {
    display: block !important;
    width: 100%; }
    .leftnavbar-toggle a {
      width: 100%;
      display: block;
      font-size: 13px;
      padding-top: 10px;
      padding-bottom: 10px;
      border-color: #00A9CE;
      font-weight: bold; }
      .leftnavbar-toggle a .fa-angle-right {
        transform: rotate(90deg);
        transition: transform .25s;
        transform-origin: 12px 12px; }
      .leftnavbar-toggle a.collapsed .fa-angle-right {
        transform: rotate(0); }
  .sidebar-menu {
    display: none; } }

@media (min-width: 991px) {
  .sidebar-menu {
    display: block !important;
    height: auto !important; } }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); } }

.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); } }

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); } }

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); } }

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

/*
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
 * Version: 1.6
 * Author: @htmlstream
 * Website: http://htmlstream.com
*/
.shadow-wrapper {
  z-index: 1;
  position: relative; }

/*Common Style*/
.box-shadow {
  background: #fff;
  position: relative; }

.box-shadow:after,
.box-shadow:before {
  top: 80%;
  left: 5px;
  width: 50%;
  z-index: -1;
  content: "";
  bottom: 15px;
  max-width: 300px;
  background: #999;
  position: absolute; }

/*Effect 1*/
.shadow-effect-1 {
  box-shadow: 0 10px 6px -6px #bbb;
  -moz-box-shadow: 0 10px 6px -6px #bbb;
  -webkit-box-shadow: 0 10px 6px -6px #bbb; }

/*Effect 2,3,4*/
.shadow-effect-2 {
  position: relative; }

.shadow-effect-2:after,
.shadow-effect-2:before,
.shadow-effect-3:before,
.shadow-effect-4:after {
  transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  box-shadow: 0 15px 10px #999;
  -moz-box-shadow: 0 15px 10px #999;
  -webkit-box-shadow: 0 15px 10px #999; }

.shadow-effect-2:after,
.shadow-effect-4:after {
  left: auto;
  right: 5px;
  transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -webkit-transform: rotate(3deg); }

/*
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
 * Version: 1.6
 * Author: @htmlstream
 * Website: http://htmlstream.com
*/
/*Style Switcher
------------------------------------*/
/*General*/
i.style-switcher-btn {
  right: 0;
  top: 37px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  z-index: 555555;
  position: fixed;
  padding: 9px 10px;
  background: #222;
  border-radius: 3px 0 0 3px !important; }

i.style-switcher-btn:hover {
  background: #000; }

i.style-switcher-btn-option {
  top: 38px;
  background: #9097a0; }

i.style-switcher-btn-option:hover {
  background: #707985; }

.style-switcher {
  right: 0;
  top: 37px;
  color: #fff;
  width: 235px;
  display: none;
  z-index: 555555;
  position: fixed;
  background: #333;
  border-radius: 3px 0 0 3px !important; }

/*Others*/
.style-switcher .style-switcher-heading {
  color: #fff;
  font-size: 15px;
  font-weight: 200;
  margin-bottom: 10px; }

.style-switcher-logo {
  margin-top: 10px;
  padding-top: 15px;
  border-top: solid 1px #4c5159; }

.style-switcher-logo a {
  display: block;
  text-align: center; }

.style-switcher .btn-u {
  font-weight: 200;
  border: solid 1px #555;
  border-radius: 2px !important; }

.style-switcher .btn-u.active-switcher-btn,
.style-switcher .btn-u.active-switcher-btn {
  border: solid 1px #bbb; }

/*Style Swticher Header*/
.style-swticher-header {
  background: #252525;
  padding: 9px 10px 5px 15px;
  border-bottom: solid 1px #222;
  border-radius: 3px 0 0 0 !important; }

.style-swticher-header .style-switcher-heading {
  margin: 0;
  font-size: 16px;
  text-transform: uppercase; }

.style-swticher-header .theme-close {
  top: 9px;
  right: 6px;
  position: absolute; }

.style-swticher-header .theme-close i {
  color: #999;
  padding: 5px;
  cursor: pointer;
  font-size: 22px; }

.style-swticher-header .theme-close i:hover {
  color: #fff; }

/*Style Swticher Body*/
.style-swticher-body .no-col-space {
  padding: 0 10px;
  text-align: center; }

.style-swticher-body hr {
  margin: 11px 0;
  border-color: #454545; }

.style-swticher-body .no-col-space .col-xs-6 {
  padding-left: 5px;
  padding-right: 5px; }

.style-swticher-body {
  padding: 15px 10px 15px 15px; }

/*Theme Colors*/
.style-switcher li {
  width: 26px;
  height: 26px;
  cursor: pointer;
  background: #c00;
  margin: 0 6px 6px 0;
  display: inline-block;
  border-radius: 10% !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.style-switcher li.last {
  margin-right: 0; }

.style-switcher li:hover,
.style-switcher li.theme-active {
  border: solid 2px #fff;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }

.style-switcher li.theme-default {
  background: #72c02c; }

.style-switcher li.theme-blue {
  background: #3498db; }

.style-switcher li.theme-orange {
  background: #e67e22; }

.style-switcher li.theme-red {
  background: #e74c3c; }

.style-switcher li.theme-light {
  background: #ecf0f1; }

.style-switcher li.theme-purple {
  background: #9b6bcc; }

.style-switcher li.theme-aqua {
  background: #27d7e7; }

.style-switcher li.theme-brown {
  background: #9c8061; }

.style-switcher li.theme-dark-blue {
  background: #4765a0; }

.style-switcher li.theme-light-green {
  background: #79d5b3; }

.style-switcher li.theme-dark-red {
  background: #a10f2b; }

.style-switcher li.theme-teal {
  background: #18ba9b; }

/*Top Bar (login, search etc.)
------------------------------------*/
.header .topbar {
  z-index: 12;
  padding: 8px 0;
  position: relative; }

.header .topbar ul.loginbar {
  margin: 0; }

.header .topbar ul.loginbar > li {
  display: inline;
  list-style: none;
  position: relative;
  padding-bottom: 15px; }

.header .topbar ul.loginbar > li > a,
.header .topbar ul.loginbar > li > a:hover {
  color: #00A9CE;
  font-size: 11px;
  text-transform: uppercase; }

.header .topbar ul.loginbar > li > span {
  color: #7c8082;
  font-size: 11px;
  text-transform: uppercase; }

.header .topbar ul.loginbar li i.fa {
  /*color: #bbb; */
  color: #00A9CE; }

.header .topbar ul.loginbar li.topbar-devider {
  top: -1px;
  padding: 0;
  font-size: 8px;
  position: relative;
  margin: 0 9px 0 5px;
  font-family: Tahoma;
  border-right: solid 1px #bbb; }

/*languages*/
.header .topbar ul.languages {
  top: 25px;
  left: -5px;
  display: none;
  padding: 4px 0;
  padding-left: 0;
  list-style: none;
  min-width: 110px;
  position: absolute;
  background: #f0f0f0; }

.header .topbar li:hover ul.languages {
  display: block; }

.header .topbar ul.languages:after {
  top: -4px;
  width: 0;
  height: 0;
  left: 8px;
  content: " ";
  display: block;
  position: absolute;
  border-bottom: 6px solid #f0f0f0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-left-style: inset;
  /*FF fixes*/
  border-right-style: inset;
  /*FF fixes*/ }

.header .topbar ul.languages li a {
  color: #555;
  display: block;
  font-size: 10px;
  padding: 2px 12px;
  margin-bottom: 1px;
  text-transform: uppercase; }

.header .topbar ul.languages li.active a i {
  color: #999;
  float: right;
  margin-top: 2px; }

.header .topbar ul.languages li a:hover,
.header .topbar ul.languages li.active a {
  background: #fafafa; }

.header .topbar ul.languages li a:hover {
  text-decoration: none; }

/*Header Default
------------------------------------*/
.header {
  z-index: 99;
  position: relative;
  border-bottom: solid 2px #eee; }

.header .navbar {
  margin: 0; }

.header .navbar-default {
  border: none;
  background: none; }

/*Navbar Brand*/
.header .navbar-brand {
  z-index: 1;
  top: -10px;
  height: 100%;
  position: relative;
  padding: 0 10px 0px; }

@media (min-width: 768px) and (max-width: 998px) {
  .header .navbar-brand {
    margin-top: 0; } }

/*Navbar Toggle*/
.header .navbar-default .navbar-toggle {
  border-color: #5fb611; }

.header .navbar-default .navbar-toggle .fa {
  color: #fff;
  font-size: 19px; }

.header .navbar-toggle,
.header .navbar-default .navbar-toggle:hover,
.header .navbar-default .navbar-toggle:focus {
  background: #3498DB;
  padding: 6px 10px 2px; }

.header .navbar-toggle:hover {
  background: #5fb611 !important; }

/*Navbar Collapse*/
.header .navbar-collapse {
  position: relative; }

/*Navbar Menu*/
.header .navbar-default .navbar-nav > li > a {
  color: #687074;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase; }

.header .navbar-default .navbar-nav > .active > a {
  color: #3498DB; }

@media (min-width: 992px) {
  .header .navbar-nav {
    float: right; } }

/*No Topbar*/
.header.no-topbar .navbar-brand {
  margin-top: 30px; }

.header.no-topbar .navbar-toggle {
  margin-top: 25px; }

@media (min-width: 992px) {
  .header.no-topbar .navbar-nav {
    padding-top: 36px; } }

/*Responsive Navbar*/
@media (max-width: 991px) {
  /*Responsive code for max-width: 991px*/
  .header .navbar-header {
    float: none; }
  .header .navbar-toggle {
    display: block; }
  .header .navbar-collapse.collapse {
    display: none !important; }
  .header .navbar-collapse.collapse.in {
    display: block !important;
    overflow-y: auto !important; }
  .header .navbar-nav {
    margin: 0 0 5px;
    float: none !important; }
  .header .navbar-nav > li {
    float: none; }
  .header .navbar-nav > li > a {
    padding-top: 30px;
    padding-bottom: 40px; }
  /*Dropdown Menu Slide Down Effect*/
  .header .navbar-nav .open .dropdown-menu {
    border: 0;
    float: none;
    width: auto;
    margin-top: 0;
    position: static;
    box-shadow: none;
    background-color: transparent; }
  .header .navbar-nav .open .dropdown-menu > li > a,
  .header .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px; }
  .header .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px; }
  .header .navbar-nav .open .dropdown-menu > li > a:hover,
  .header .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none; }
  .header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777; }
  .header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent; }
  .header .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .header .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .header .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .header .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .header .navbar-default .dropdown-menu.no-bottom-space {
    padding-bottom: 0; }
  /*Design for max-width: 991px*/
  .header .navbar-collapse,
  .header .navbar-collapse .container {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .header .navbar-default .navbar-nav > li > a {
    font-size: 14px;
    padding: 9px 10px; }
  .header .navbar-default .navbar-nav > li a {
    border-bottom: solid 1px #eee; }
  .header .navbar-default .navbar-nav > li > a:focus {
    background: none; }
  .header .navbar-default .navbar-nav > li > a:hover {
    color: #3498DB; }
  .header .navbar-default .navbar-nav > .active > a,
  .header .navbar-default .navbar-nav > .active > a:hover,
  .header .navbar-default .navbar-nav > .active > a:focus {
    background: #3498DB;
    color: #fff !important; }
  .header .dropdown .dropdown-submenu > a {
    font-size: 13px;
    color: #555 !important;
    text-transform: uppercase; } }

@media (max-width: 600px){
  .header .navbar-header span.navbar-brand {
    margin-left: 12px !important; }}

@media (min-width: 992px) {
  /*Navbar Collapse*/
  .header .navbar-collapse {
    padding: 0; }
  /*Navbar*/
  .header .navbar {
    min-height: 40px !important; }
  .header .container > .navbar-header,
  .header .container-fluid > .navbar-header,
  .header .container > .navbar-collapse,
  .header .container-fluid > .navbar-collapse {
    margin-bottom: -10px; }
  .header .navbar-nav {
    position: relative; }
  .header .navbar-default .navbar-nav > li > a {
    bottom: -2px;
    position: relative;
    padding: 9px 20px; }
  .header .navbar-default .navbar-nav > li > a,
  .header .navbar-default .navbar-nav > li > a:focus {
    border-bottom: solid 2px transparent; }
  .header .navbar-default .navbar-nav > li > a:hover,
  .header .navbar-default .navbar-nav > .active > a {
    bottom: -2px;
    position: relative;
    border-bottom: solid 2px #3498DB; }
  .header .navbar-default .navbar-nav > li > a,
  .header .navbar-default .navbar-nav > li > a:hover,
  .header .navbar-default .navbar-nav > li > a:focus,
  .header .navbar-default .navbar-nav > .active > a,
  .header .navbar-default .navbar-nav > .active > a:hover,
  .header .navbar-default .navbar-nav > .active > a:focus {
    background: none; }
  .header .navbar-default .navbar-nav > .open > a,
  .header .navbar-default .navbar-nav > .open > a:hover,
  .header .navbar-default .navbar-nav > .open > a:focus {
    color: #3498DB; }
  .header .navbar-default .navbar-nav > li:hover > a {
    color: #3498DB; }
  /*Dropdown Menu*/
  .header .dropdown-menu {
    padding: 0;
    border: none;
    min-width: 200px;
    border-radius: 0;
    z-index: 9999 !important;
    border-top: solid 2px #3498DB;
    border-bottom: solid 2px #687074; }
  .header .dropdown-menu li a {
    color: #687074;
    font-size: 13px;
    font-weight: 400;
    padding: 6px 15px;
    border-bottom: solid 1px #eee; }
  .header .dropdown-menu .active > a,
  .header .dropdown-menu li > a:hover {
    color: #fff;
    filter: none !important;
    background: #687074 !important;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }
  .header .dropdown-menu li > a:focus {
    background: none;
    filter: none !important; }
  .header .navbar-nav > li.dropdown:hover > .dropdown-menu {
    display: block; }
  .header .open > .dropdown-menu {
    display: none; }
  /*Search*/
  .header .navbar .search-open {
    width: 330px; } }

/*Dropdown Submenu for BS3
------------------------------------*/
.header .dropdown-submenu {
  position: relative; }

.header .dropdown > a:after,
.header .dropdown-submenu > a:after {
  top: 8px;
  right: 9px;
  font-size: 11px;
  content: "\f105";
  position: absolute;
  font-weight: normal;
  display: inline-block;
  font-family: FontAwesome; }

@media (max-width: 991px) {
  .header .dropdown-submenu > a:after {
    content: " "; } }

.header .dropdown > a:after {
  top: 9px;
  right: 5px;
  content: "\f107"; }

.header .dropdown-submenu > .dropdown-menu {
  top: 3px;
  left: 100%;
  margin-top: -5px;
  margin-left: 0px; }

/*Submenu comes from LEFT side*/
.header .dropdown-submenu > .dropdown-menu.submenu-left {
  left: -100%; }

.header .dropdown-submenu:hover > .dropdown-menu {
  display: block; }

@media (max-width: 991px) {
  .header .dropdown-submenu > .dropdown-menu {
    display: block;
    margin-left: 15px; } }

.header .dropdown-submenu.pull-left {
  float: none; }

.header .dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px; }

.header .dropdown-menu li [class^="fa-"],
.header .dropdown-menu li [class*=" fa-"] {
  left: -3px;
  width: 1.25em;
  margin-right: 1px;
  position: relative;
  text-align: center;
  display: inline-block; }

.header .dropdown-menu li [class^="fa-"].fa-lg,
.header .dropdown-menu li [class*=" fa-"].fa-lg {
  /* increased font size for fa-lg */
  width: 1.5625em; }

/*Search Box
------------------------------------*/
.header .navbar .nav > li > .search {
  color: #aaa;
  cursor: pointer;
  min-width: 35px;
  font-size: 15px;
  text-align: center;
  background: #f7f7f7;
  padding: 11px 0 12px;
  display: inline-block;
  border-bottom: solid 2px #aaa; }

@media (min-width: 992px) {
  .header .navbar .nav > li > .search {
    bottom: -2px;
    position: relative; } }

.header .navbar .nav > li > .search:hover {
  color: #3498DB;
  background: #f7f7f7;
  border-bottom-color: #3498DB; }

.header .navbar .search-open {
  right: 0;
  top: 40px;
  display: none;
  padding: 14px;
  position: absolute;
  background: #fcfcfc;
  border-top: solid 2px #eee;
  box-shadow: 0 1px 3px #ddd; }

.header .navbar .search-open form {
  margin: 0; }

@media (min-width: 767px) and (max-width: 991px) {
  .header .navbar > .container .navbar-brand,
  .header .navbar > .container-fluid .navbar-brand {
    margin-left: -10px; }
  .header .navbar-toggle {
    margin-right: 0; }
  .header .navbar .search-open {
    width: 93%; } }

@media (max-width: 991px) {
  .header .navbar .nav > li > .search {
    color: #999;
    width: 35px;
    height: 34px;
    text-align: left;
    background: #eee;
    line-height: 12px;
    text-align: center;
    margin: 5px 10px 0;
    border-bottom: none; }
  .header .navbar .nav > li > .search:hover {
    background: #5fb611;
    color: #fff !important; }
  .header .navbar .search-open {
    top: 5px;
    padding: 0;
    left: 48px;
    border-top: none;
    box-shadow: none;
    background: none;
    margin-right: 10px; } }

/*Header Fixed
------------------------------------*/
/*Header*/
.header-fixed .header {
  height: 78px; }

.header-fixed .header.header-fixed-shrink {
  top: 0;
  left: 0;
  width: 100%;
  height: 95px;
  z-index: 9999;
  position: fixed;
  margin-top: -35px;
  border-bottom: none;
  box-shadow: 0 0 3px #bbb;
  background: rgba(255, 255, 255, 0.96);
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s; }

/*Topbar*/
.header-fixed .header.header-fixed-shrink .topbar {
  display: none; }

/*No Topbar*/
.header-fixed .header.no-topbar.header-fixed-shrink .navbar-brand {
  margin-top: 0; }

.header-fixed .header.no-topbar.header-fixed-shrink .navbar-nav {
  padding-top: 0; }

/*Brand*/
.header-fixed .header.header-fixed-shrink .navbar-brand {
  top: 47px;
  z-index: 1;
  position: relative;
  padding: 0 10px 10px; }

.header-fixed .header.header-fixed-shrink .navbar-brand img {
  width: 90%; }

.header-fixed .header.header-fixed-shrink .search,
.header-fixed .header.header-fixed-shrink .active a {
  border-bottom: none !important; }

.header-fixed .header.header-fixed-shrink .navbar-nav > li > .dropdown-menu {
  margin-top: 1px; }

@media (max-width: 991px) {
  /*Header*/
  .header-fixed .header,
  .header-fixed .header.header-fixed-shrink {
    height: inherit;
    position: relative; } }

@media (min-width: 992px) {
  .header-fixed .header.header-fixed-shrink .navbar-nav > li > a {
    padding: 55px 30px 18px 20px;
    border-bottom: solid 1px transparent !important; }
  .header-fixed .header.header-fixed-shrink .dropdown > a:after {
    top: 56px; }
  /*Search Bar*/
  .header-fixed .header.header-fixed-shrink .search {
    margin-top: 47px;
    padding: 8px !important;
    color: #585f69 !important;
    background: none !important; }
  .header-fixed .header.header-fixed-shrink .search-open {
    top: 95px;
    border-top: none;
    background: rgba(255, 255, 255, 0.9); } }

/*Mega Menu
------------------------------------*/
.header .mega-menu .nav,
.header .mega-menu .dropup,
.header .mega-menu .dropdown,
.header .mega-menu .collapse {
  position: static; }

.header .mega-menu .navbar-inner,
.header .mega-menu .container {
  position: relative; }

.header .mega-menu .dropdown-menu {
  left: auto; }

.header .mega-menu .dropdown-menu > li {
  display: block; }

.header .mega-menu .dropdown-submenu .dropdown-menu {
  left: 100%; }

.header .mega-menu .nav.pull-right .dropdown-menu {
  right: 0; }

.header .mega-menu .mega-menu-content {
  *zoom: 1;
  padding: 0; }

.header .mega-menu .mega-menu-content:before,
.header .mega-menu .mega-menu-content:after {
  content: "";
  display: table;
  line-height: 0; }

.header .mega-menu .mega-menu-content:after {
  clear: both; }

.header .mega-menu.navbar .nav > li > .dropdown-menu:after,
.header .mega-menu.navbar .nav > li > .dropdown-menu:before {
  display: none; }

.header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
  left: 0;
  right: 0;
  overflow: hidden; }

@media (min-width: 992px) {
  .header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
    margin-left: 10px;
    margin-right: 15px; } }

/*Equal Height Lists*/
@media (min-width: 992px) {
  .header .mega-menu .equal-height {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .header .mega-menu .equal-height-in {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

/*Mega Menu Style Effect*/
.header .mega-menu .equal-height-list h3 {
  font-size: 15px;
  font-weight: 400;
  padding: 0 10px 0 13px;
  text-transform: uppercase; }

/*Space for only Big Resolution*/
@media (min-width: 992px) {
  .header .mega-menu .big-screen-space {
    margin-bottom: 20px; } }

/*Mega Menu Content*/
@media (min-width: 992px) {
  .header .mega-menu .equal-height-in {
    padding: 20px 0;
    border-left: 1px solid #eee; }
  .header .mega-menu .equal-height-in:first-child {
    border-left: none;
    margin-left: -1px; }
  .header .mega-menu .equal-height-list {
    width: 100%; }
  .header .mega-menu .equal-height-list li a {
    display: block;
    margin-bottom: 1px;
    position: relative;
    border-bottom: none;
    padding: 5px 10px 5px 15px; }
  .header .mega-menu .equal-height-list a:hover {
    text-decoration: none; }
  /*Dropdown Arrow Icons*/
  .header .mega-menu .mega-menu-fullwidth li a {
    padding: 5px 10px 5px 30px; }
  .header .mega-menu .mega-menu-fullwidth li a:after {
    top: 7px;
    left: 15px;
    font-size: 11px;
    content: "\f105";
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome; }
  /*Dropdown Arrow Icons Disable class*/
  .header .mega-menu .mega-menu-fullwidth .disable-icons li a {
    padding: 5px 10px 5px 15px; }
  .header .mega-menu .mega-menu-fullwidth .disable-icons li a:after {
    display: none; } }

/*Space Effect inside the container to avoid scroll bar*/
@media (min-width: 737px) and (max-width: 991px) {
  .header .mega-menu .mega-menu-content .container {
    width: 690px !important; }
  .header .mega-menu .equal-height {
    margin-right: 0; }
  .header .mega-menu .equal-height-in {
    padding-right: 0;
    margin-right: -15px; } }

@media (max-width: 991px) {
  .header .mega-menu .equal-height {
    margin-right: 0; }
  .header .mega-menu .equal-height-in {
    padding-right: 0; } }

/*Equal Hight List Style*/
@media (max-width: 991px) {
  .header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
    width: auto; }
  .header .mega-menu .equal-height-in,
  .header .mega-menu .equal-height-list {
    display: block; }
  .header .mega-menu .mega-menu-fullwidth .dropdown-menu > li > ul {
    display: block; }
  /*Equal Height List Style*/
  .header .mega-menu .equal-height-list h3 {
    color: #555;
    margin: 0 0 5px;
    font-size: 13px;
    font-weight: 400;
    padding: 6px 25px 5px;
    border-bottom: solid 1px #eee; }
  .header .mega-menu .equal-height-list li a {
    color: #687074;
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-left: 15px;
    padding: 6px 25px;
    border-bottom: solid 1px #eee; }
  .header .mega-menu .equal-height-list > h3.active,
  .header .mega-menu .equal-height-list > .active > a,
  .header .mega-menu .equal-height-list > .active > a:hover,
  .header .mega-menu .equal-height-list > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .header .mega-menu .equal-height-list li a:hover {
    color: #333;
    text-decoration: none; } }

/*Footer-v3
------------------------------------*/
.footer-v3 .footer {
  padding: 40px 0;
  background: #878C93; }
  .footer-v3 .footer p, .footer-v3 .footer .simple-list a {
    color: #fff; }

.footer-v3 .thumb-headline h2 {
  color: #fff;
  line-height: 22px;
  margin-bottom: 10px; }

.footer-v3 .copyright {
  padding: 10px 0;
  background: #3E4753;
  border-top-color: #292929; }
  .footer-v3 .copyright p {
    color: #bbb;
    margin-top: 14px; }
  .footer-v3 .copyright .social-icons {
    margin-top: 10px; }

.footer-v3 .logo {
  /*padding-top:2em*/
  padding-top: .8em; }

.footer-v3 p a {
  color: #FFF; }
  
.footnote {
 	padding-top: 3em;
 	background: #878C93;
 	font-size: .9em;
 	color: #fff;
 	 }	   

/*Copyright*/
@media (max-width: 992px) {
  .footer-v3 .copyright {
    text-align: left; }
    .footer-v3 .copyright p, .footer-v3 .copyright ul {
      text-align: left; }
    .footer-v3 .copyright .social-icons.pull-right {
      float: inherit !important; } }

.footer h2 a {
  color: #FFF; }

.footer li a {
  font-size: 14px; }

/******* CODE From our current site*/
.text-lead {
  font-size: 1.2em;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.5;
  padding-bottom: 1em; }

.text-lead-no-padding {
  font-size: 1.2em;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.5; }  

.table {
  font-size: 13px; }

.table th {
  font-size: 12px;
  border-bottom: 2px solid #CECFD1;
  text-transform: uppercase;
  padding: .5em;
  background-color: #EBEBEC;
  border-left: hidden;
  border-right: hidden; }

.table caption {
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 2px solid #CECFD1;
  text-transform: uppercase;
  padding-bottom: 5px; }

.table th {
  white-space: nowrap; }

.table .tblFirstCol, .table td:first-child {
  border-left: hidden;
  width: auto; }

.table td {
  width: auto !important; }

/*Request Urology Sample Image */
.urology-sample-link {
  float: right;
  padding-bottom: 3em; }

/*Reference Title under the images */
p.img-ref {
  text-align: center;
  font-size: 90%; }

table td:first-child {
  border-left: none; }

table td:last-child {
  border-right: none; }

table td.subhead {
  text-align: center;
  font-size: 110%; }

/*img {
	padding-bottom: 1.5em;
}*/
/**Padding and Margins**/
.margin-top-10px {
  margin-top: 10px !important; }

.margin-left-5em {
  margin-left: 5em; }

.sls-endfitting .col-md-4 {
  /* ew */
  font-size: .8em;
  text-align: center; }

.sls-endfitting img {
  max-width: 100%;
  margin-top: 20px; }

div.reference p, p.reference {
  font-size: 80%; }

.hr-section {
  border-bottom: 1px solid #eee;
  margin-bottom: 1.5em;
  padding-bottom: .5em;
  padding-top: 1em; }

p.hr-section {
  padding-top: 0; }

.tfx-title-bar {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 15px; }

.tfx-title-bar .title-bar-title {
  padding-left: 0;
  display: inline;
  vertical-align: middle; }

.tfx-title-bar .title-bar-title h1 {
  display: inline;
  vertical-align: middle;
  font-size: 1.8em;
  line-height: 60px;
  margin: 0; }

.tfx-title-bar.usebg .title-bar-title h1 {
  margin-left: 15px; }

.tfx-title-bar .title-bar-search {
  text-align: right;
  line-height: 60px; }

.tfx-title-bar:not(.usebg) .title-bar-search {
  padding-right: 0; }

.tfx-title-bar .title-bar-icon {
  padding-left: 0;
  vertical-align: middle;
  height: 60px; }

.tfx-title-bar .title-bar-search .search-form-operation,
.tfx-title-bar .title-bar-search .bootstrap-select.search-form-operation {
  width: 30%; }

.tfx-title-bar .title-bar-search .search-form-query {
  width: 70%; }

.tfx-title-bar .title-bar-search .hascatalog .search-form-query {
  width: 50%; }

.tbp-submit-button > .glyphicon {
  font-size: 1.1em; }

@media screen and (max-width: 1199px) {
  .tfx-title-bar h1 {
    font-size: 1.6em;
    line-height: 55px; }
  .tfx-title-bar .title-bar-search {
    line-height: 55px; }
  .tfx-title-bar .title-bar-icon {
    height: 55px; }
  .tfx-title-bar .tbp-submit-button .glyphicon {
    font-size: 1.1em; } }

@media screen and (min-width: 769px) {
  .tfx-title-bar .title-bar-title {
    white-space: nowrap;
    overflow: hidden; }
  .tfx-title-bar .title-bar-icon {
    margin-right: 7px; } }

@media screen and (max-width: 768px) {
  .tfx-title-bar {
    background: none !important; }
  .tfx-title-bar h1 {
    font-size: 1.6em;
    color: #585f69 !important; }
  .tfx-title-bar .title-bar-icon {
    display: none; }
  .tfx-title-bar .title-bar-search {
    display: none; } }

.tfx-title-bar form > input,
.tfx-title-bar form > button {
  vertical-align: middle; }

.tfx-title-bar .title-bar-search .catalog {
  font-size: .8em; }

.tab-v1 .nav-tabs {
  padding-bottom: 1px; }

.image-container > img {
  max-width: 100%; }

img.full-width {
  width: 100%; }

ul.nav.nav-tabs > li > a {
  color: #555; }

li.chevron {
  list-style-type: none; }

li.chevron > a {
  /*color: #555;*/
  text-decoration: none; }

li.chevron > a:hover {
  text-decoration: underline; }

ul.chevron > li,
ol.chevron > li {
  list-style-type: none;
  padding-bottom: .75em; }

ul.chevron > li > a,
ol.chevron > li > a {
  /*color: #555;*/
  text-decoration: none; }

ul.chevron > li > a:hover,
ol.chevron > li > a:hover {
  text-decoration: underline; }

.table td.checklist {
  text-align: center; }

span.hover-details {
  display: none;
  font-weight: normal; }

.hover-abbr:hover span.hover-details {
  display: inline; }

ul.caption-list {
  font-weight: normal;
  text-transform: none; }

.compliance-notify.modal .btn {
  white-space: normal;
  margin: 3px; }

.compliance-notify.modal .modal-footer {
  text-align: center; }

.modal.video-modal .modal-dialog {
  width: 520px; }

.modal.video-modal .modal-body {
  text-align: center;
  padding: 0; }

.modal.video-modal .modal-header {
  border: none; }

/* MEGR form honeypot */
#mededugra-request #user_email {
  display: none; }

/* Vascular Performance form honeypot */
.vasc-performance-form #user_email {
  display: none;
}

/* All forms honeypot */
#user_email {
  display: none;
}

/*FORMS*/
.incorrect {
  border: 1px solid red; }

form select {
  margin-bottom: 15px; }

/*Request Urology Sample Image */
.urology-sample-link {
  float: right;
  padding-bottom: 3em; }

ol li, ul li {
  /*	padding-bottom:.5em;*/
  line-height: 1.5; }

ul.dropdown-menu li {
  padding-bottom: 0; }

body {
  line-height: 1.5; }

/*Tabs */
ul.nav-tabs li {
  padding-bottom: 0 !important; }

ul.nav.nav-tabs {
  padding-top: 2em; }

.vertical-align-middle > tbody > tr > td, .vertical-align-middle > thead > tr > th {
  vertical-align: middle; }

/*Table empty box icon*/
.table {
  border-bottom: 1px solid #DDD; }

td > span.fa.fa-circle {
  font-size: 50%; }

.margin-link-right {
  margin-right: 10px; }

/***Trademark Padding***/
.row.trademark-widget {
  padding-top: 2em; }

.incorrect {
  border: 1px solid #FF0000 !important; }

.col-md-12 .row .headline {
  margin: 0;
  margin-bottom: 15px; }

.icon-pdf {
  background: url("../img/iconAcrobat.gif");
  padding: 0 16px 0 0;
  white-space: nowrap;
  width: 18px;
  height: 18px;
  margin-left: 5px;
  margin-right: 5px;
  background-repeat: no-repeat; }

.chevron ~ a {
  /*  color: #555; */ }

.chevron {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; }

.chevron-padding {
  padding-right: .5em; }

#highlight-wrap {
  display: inline-block; }

a:focus, a:hover, a:active {
  cursor: pointer; }

/*
@media only screen and (max-width: 980px) {
    .jacc-comp ul {
        padding-top:1em !Important;
    }
    .jacc-comp img {margin-left:2px !Important; }

  #highlight-wrap, #highlight-content {

    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    transform: scale(.75);

    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    transform-origin: top left;
  }
}

*/
#highlight-nav {
  z-index: 300; }

#highlight-content {
  z-index: 200; }

#highlight-content img {
  display: inline-block;
  padding-right: .5em; }

#highlight-content ul {
  padding-left: 1em; }

#highlight-content span {
  display: inline-block;
  vertical-align: middle; }

#highlight-content span p, #highlight-content span ul {
  max-width: 600px; }

@media only screen and (max-width: 768px) {
  #highlight-content span p, #highlight-content span ul {
    max-width: 455px; } }

@media only screen and (max-width: 360px) {
  #highlight-content img {
    display: block; }
  #highlight-content span {
    line-height: 1.5;
    display: block;
    vertical-align: middle;
    width: 100%;
    padding-top: 1em;
    padding-left: 0; }
  #highlight-content div span ul {
    padding-left: 1em; } }

.nav-tabs > li {
  float: left;
  background-color: #eaeae9;
  margin-right: 2px;
  margin-top: 3px; }

.tab-v1 .tab-content {
  padding: 10px 16px;
  border: 1px solid #eee; }

/* Style Standards */
/*
  Body second-level title
  ! must be wrapped inside a div.headline
*/
h2.body-title {
  padding-top: 1em; }

/*
  Body third-level title
*/
h3.body-title {
  padding-top: 1em; }

/*
  Tab first-level title
*/
h1.tab-title {
  font-size: 22px;
  line-height: 27px; }

/*
  Tab second-level title
*/
h2.tab-title {
  font-size: 18px;
  line-height: 24px;
  padding-top: 5px; }

/*
  Tab third-level title
*/
h3.tab-title {
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  /*text-transform:uppercase;*/
  color: #333;
  padding-bottom: 5px; }

/* Corey CSS! */
.yellow-triangle-text-color {
  color: #fff300;
  background: #000; }

.blue-bullseye-text-color {
  color: #0170c0; }

.green-arrow-text-color {
  color: #00b166; }

.js-hide {
  display: none; }

.kit-row h3, .kit-row p, .kit-row ul, .kit-row img {
  margin-left: 10px; }

.kit-row .first h3, .kit-row .first p, .kit-row .first ul, .kit-row .first img {
  margin-left: 0;
  margin-right: 10px; }

.kit ul {
  padding-left: 1em; }

.kit {
  padding: .5em;
  background-color: #ECECEC; }

.kit hr {
  border: none;
  border-top: 2px solid #FFF;
  margin: 0;
  padding-bottom: 5px; }

.vascular-g4-how-it-works-body {
  position: relative;
  z-index: 0;
  width: 575px;
  height: 582px;
  margin: 0 0 40px; }

.vascular-g4-how-it-works--invisi-body {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 818px;
  height: 582px; }

#us-flex-tip #flex-tip-image {
  background: url("../../../../../usa/product-areas/anesthesia/pain-management/epidurals/arrow-flexTip-plus-epidural-catheter/product-detail/catheter-full.png") no-repeat top left;
  width: 100%;
  min-height: 350px;
  border-style: groove;
  border-width: medium;
  overflow: hidden; }

#us-flex-tip #flex-tip-image > div {
  position: absolute; }

#us-flex-tip .plus-image {
  display: block;
  cursor: pointer;
  width: 24px;
  height: 24px; }

#us-flex-tip .plus-image-blue {
  background: url("../../../../../usa/product-areas/anesthesia/pain-management/epidurals/arrow-flexTip-plus-epidural-catheter/product-detail/flextip-sprite.png") no-repeat transparent scroll -232px -181px; }

#us-flex-tip .plus-image-orange {
  background: url("../../../../../usa/product-areas/anesthesia/pain-management/epidurals/arrow-flexTip-plus-epidural-catheter/product-detail/flextip-sprite.png") no-repeat transparent scroll -198px -181px; }

#us-flex-tip .snaplock-callout {
  top: 185px;
  background: url("../../../../../usa/product-areas/anesthesia/pain-management/epidurals/arrow-flexTip-plus-epidural-catheter/product-detail/callouts.png") no-repeat transparent scroll 0px 0px;
  width: 120px;
  height: 115px;
  visibility: visible; }

#us-flex-tip .proximal-callout {
  top: 40px;
  background: url("../../../../../usa/product-areas/anesthesia/pain-management/epidurals/arrow-flexTip-plus-epidural-catheter/product-detail/callouts.png") no-repeat transparent scroll 0px -115px;
  width: 120px;
  height: 115px;
  visibility: visible; }

#us-flex-tip .thread-callout {
  top: 100px;
  background: url("../../../../../usa/product-areas/anesthesia/pain-management/epidurals/arrow-flexTip-plus-epidural-catheter/product-detail/callouts.png") no-repeat transparent scroll 0px -227px;
  width: 120px;
  height: 115px;
  visibility: visible; }

#us-flex-tip .distal-callout {
  top: 15px;
  background: url("../../../../../usa/product-areas/anesthesia/pain-management/epidurals/arrow-flexTip-plus-epidural-catheter/product-detail/callouts.png") no-repeat transparent scroll 0px -340px;
  width: 120px;
  height: 115px;
  visibility: visible; }

#us-flex-tip .centimeter-callout {
  top: 65px;
  background: url("../../../../../usa/product-areas/anesthesia/pain-management/epidurals/arrow-flexTip-plus-epidural-catheter/product-detail/callouts.png") no-repeat transparent scroll 0px -454px;
  width: 120px;
  height: 119px;
  visibility: visible; }

#us-flex-tip .tip-callout {
  top: 65px;
  background: url("../../../../../usa/product-areas/anesthesia/pain-management/epidurals/arrow-flexTip-plus-epidural-catheter/product-detail/callouts.png") no-repeat transparent scroll 0px -573px;
  width: 120px;
  height: 119px;
  visibility: visible; }

#us-flex-tip .hide-callout {
  visibility: hidden;
  width: 0px;
  height: 0px; }

#us-flex-tip .scroll-image-arrow {
  position: absolute;
  width: 27px;
  height: 47px;
  cursor: pointer; }

#us-flex-tip .scroll-image-arrow-right-clickable {
  background: url("../../../../../usa/product-areas/anesthesia/pain-management/epidurals/arrow-flexTip-plus-epidural-catheter/product-detail/flextip-sprite.png") no-repeat transparent scroll -230px -126px; }

#us-flex-tip .scroll-image-arrow-right-unclickable {
  background: url("../../../../../usa/product-areas/anesthesia/pain-management/epidurals/arrow-flexTip-plus-epidural-catheter/product-detail/flextip-sprite.png") no-repeat transparent scroll -202px -126px; }

#us-flex-tip .scroll-image-arrow-left-clickable {
  background: url("../../../../../usa/product-areas/anesthesia/pain-management/epidurals/arrow-flexTip-plus-epidural-catheter/product-detail/flextip-sprite.png") no-repeat transparent scroll -223px -77px; }

#us-flex-tip .scroll-image-arrow-left-unclickable {
  background: url("../../../../../usa/product-areas/anesthesia/pain-management/epidurals/arrow-flexTip-plus-epidural-catheter/product-detail/flextip-sprite.png") no-repeat transparent scroll -198px -77px; }

#la-flex-tip #flex-tip-image {
  background: url("../../../../../la/product-areas/anesthesia/pain-management/epidurals/catheter-full.png") no-repeat top left;
  width: 100%;
  min-height: 350px;
  border-style: groove;
  border-width: medium;
  overflow: hidden; }

#la-flex-tip #flex-tip-image > div {
  position: absolute; }

#la-flex-tip .plus-image {
  display: block;
  cursor: pointer;
  width: 24px;
  height: 24px; }

#la-flex-tip .plus-image-blue {
  background: url("../../../../../la/product-areas/anesthesia/pain-management/epidurals/flextip-sprite.png") no-repeat transparent scroll -232px -181px; }

#la-flex-tip .plus-image-orange {
  background: url("../../../../../la/product-areas/anesthesia/pain-management/epidurals/flextip-sprite.png") no-repeat transparent scroll -198px -181px; }

#la-flex-tip .snaplock-callout {
  top: 185px;
  background: url("../../../../../la/product-areas/anesthesia/pain-management/epidurals/callouts.png") no-repeat transparent scroll 0px 0px;
  width: 120px;
  height: 115px;
  visibility: visible; }

#la-flex-tip .proximal-callout {
  top: 40px;
  background: url("../../../../../la/product-areas/anesthesia/pain-management/epidurals/callouts.png") no-repeat transparent scroll 0px -115px;
  width: 120px;
  height: 115px;
  visibility: visible; }

#la-flex-tip .thread-callout {
  top: 100px;
  background: url("../../../../../la/product-areas/anesthesia/pain-management/epidurals/callouts.png") no-repeat transparent scroll 0px -227px;
  width: 120px;
  height: 115px;
  visibility: visible; }

#la-flex-tip .distal-callout {
  top: 15px;
  background: url("../../../../../la/product-areas/anesthesia/pain-management/epidurals/callouts.png") no-repeat transparent scroll 0px -340px;
  width: 120px;
  height: 115px;
  visibility: visible; }

#la-flex-tip .centimeter-callout {
  top: 65px;
  background: url("../../../../../la/product-areas/anesthesia/pain-management/epidurals/callouts.png") no-repeat transparent scroll 0px -454px;
  width: 120px;
  height: 119px;
  visibility: visible; }

#la-flex-tip .tip-callout {
  top: 65px;
  background: url("../../../../../la/product-areas/anesthesia/pain-management/epidurals/callouts.png") no-repeat transparent scroll 0px -573px;
  width: 120px;
  height: 119px;
  visibility: visible; }

#la-flex-tip .hide-callout {
  visibility: hidden;
  width: 0px;
  height: 0px; }

#la-flex-tip .scroll-image-arrow {
  position: absolute;
  width: 27px;
  height: 47px;
  cursor: pointer; }

#la-flex-tip .scroll-image-arrow-right-clickable {
  background: url("../../../../../la/product-areas/anesthesia/pain-management/epidurals/flextip-sprite.png") no-repeat transparent scroll -230px -126px; }

#la-flex-tip .scroll-image-arrow-right-unclickable {
  background: url("../../../../../la/product-areas/anesthesia/pain-management/epidurals/flextip-sprite.png") no-repeat transparent scroll -202px -126px; }

#la-flex-tip .scroll-image-arrow-left-clickable {
  background: url("../../../../../la/product-areas/anesthesia/pain-management/epidurals/flextip-sprite.png") no-repeat transparent scroll -223px -77px; }

#la-flex-tip .scroll-image-arrow-left-unclickable {
  background: url("../../../../../la/product-areas/anesthesia/pain-management/epidurals/flextip-sprite.png") no-repeat transparent scroll -198px -77px; }

#active-humidfier div.fix-height-row1 {
  height: 400px;
  border-width: 1px;
  border-style: ridge; }

.active-humidfier-wrapper-row {
  padding-right: 15px;
  padding-left: 15px; }

#active-humidfier img {
  position: absolute;
  bottom: 3px;
  max-width: 360px;
  left: 50%;
  transform: translateX(-50%); }

#active-humidfier div.row1-header {
  margin-bottom: 15px; }

#active-humidfier .inner-header-row {
  height: inherit; }

#active-humidifer-bottom .quarter-columns {
  border-width: 1px;
  border-style: ridge;
  height: 550px; }

#active-humidifer-bottom img.img-header {
  position: absolute;
  top: 0;
  max-width: 230px;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px 5px 5px 5px; }

#active-humidifer-bottom div.img-contain {
  height: 200px; }

#concha-smart div.center-row {
  text-align: center; }

.concha-smart-wrapper-row {
  padding-right: 15px;
  padding-left: 15px; }

#concha-smart-bottom img.img-contain-border {
  border: 1px solid #e0e0e0; }

#feature-fastfacts hr {
  margin-top: 10px;
  margin-bottom: 10px; }

#feature-fastfacts i {
  float: left; }

#feature-fastfacts .inner-row {
  padding-bottom: 10px; }

#feature-fastfacts i {
  padding-right: 5px; }

#feature-fastfacts .inner-row p {
  padding-left: 40px; }

#feature-fastfacts .inner-row img {
  float: left;
  width: 100px;
  margin-right: 10px; }

#feature-fastfacts .inner-row h2 {
  margin-bottom: 5px; }

#neptune-features .tech-background {
  background: url(../../../../../usa/product-areas/respiratory/active-humidification-and-breathing-circuits/neptune-heated-humidifier/features-and-advantages/ian-product-bg-with-hotspots.JPG) no-repeat;
  width: 775px;
  height: 580px;
  margin-left: 15px;
  margin-right: 15px;
  z-index: 1; }

#neptune-features .tech-background--invisi-body {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 775px;
  height: 580px;
  margin-left: 15px;
  margin-right: 15px;
  z-index: 100; }

#neptune-features .info-div {
  position: absolute;
  width: 310px;
  left: 30px;
  top: 0;
  z-index: 101;
  left: 30px;
  text-align: center;
  color: white; }

#neptune-features #ian-auto {
  background: url(../../../../../usa/product-areas/respiratory/active-humidification-and-breathing-circuits/neptune-heated-humidifier/features-and-advantages/ian-auto.png) no-repeat;
  width: 775px;
  height: 580px;
  left: 0;
  top: 0;
  z-index: 1; }

#neptune-features #ian-airway {
  background: url(../../../../../usa/product-areas/respiratory/active-humidification-and-breathing-circuits/neptune-heated-humidifier/features-and-advantages/ian-airway-temp.png) no-repeat;
  width: 775px;
  height: 580px;
  left: 0;
  top: 0;
  z-index: 1; }

#neptune-features #ian-adjust {
  background: url(../../../../../usa/product-areas/respiratory/active-humidification-and-breathing-circuits/neptune-heated-humidifier/features-and-advantages/ian-adjust.png) no-repeat;
  width: 775px;
  height: 580px;
  left: 0;
  top: 0;
  z-index: 1; }

#neptune-features #ian-intuitive {
  background: url(../../../../../usa/product-areas/respiratory/active-humidification-and-breathing-circuits/neptune-heated-humidifier/features-and-advantages/ian-intuitive.png) no-repeat;
  width: 775px;
  height: 580px;
  left: 0;
  top: 0;
  z-index: 1; }

#neptune-features #ian-evasive {
  background: url(../../../../../usa/product-areas/respiratory/active-humidification-and-breathing-circuits/neptune-heated-humidifier/features-and-advantages/ian-evasive-nonevasive.png) no-repeat;
  width: 775px;
  height: 580px;
  left: 0;
  top: 0;
  z-index: 1; }

#neptune-features #ian-low {
  background: url(../../../../../usa/product-areas/respiratory/active-humidification-and-breathing-circuits/neptune-heated-humidifier/features-and-advantages/ian-low-water.png) no-repeat;
  width: 775px;
  height: 580px;
  left: 0;
  top: 0;
  z-index: 1; }

#neptune-features #ian-press {
  background: url(../../../../../usa/product-areas/respiratory/active-humidification-and-breathing-circuits/neptune-heated-humidifier/features-and-advantages/ian-press.png) no-repeat;
  width: 775px;
  height: 580px;
  left: 0;
  top: 0;
  z-index: 1; }

#neptune-features .ian-text {
  text-align: center; }

#neptune-features .ian-text > .neptune-h3 {
  color: white; }

#neptune-features .button-features {
  background: #aed4e9;
  color: #1c668b !important;
  text-decoration: none !important;
  cursor: pointer;
  padding: .5em;
  font-style: normal;
  text-decoration: none !important;
  border: 1px solid #aed4e9;
  border-radius: 20px !important;
  width: 250px;
  margin-left: 25px;
  margin-right: 25px; }

#neptune-features .auto-top-text {
  margin-top: 195px;
  width: 310px;
  margin-left: 40px; }

#neptune-features .auto-bottom-text {
  width: 265px;
  margin-top: 25px;
  margin-left: 55px; }

#neptune-features .airway-single-text {
  width: 265px;
  margin-top: 270px;
  margin-left: 55px; }

#neptune-features .intuitive-single-text {
  width: 265px;
  margin-top: 235px;
  margin-left: 55px; }

#la-neptune-features .tech-background {
  background: url(../../../../../la/product-areas/respiratory/active-humidification-and-breathing-circuits/neptune-heated-humidifier/features-and-advantages/ian-product-bg-with-hotspots.JPG) no-repeat;
  width: 775px;
  height: 580px;
  margin-left: 15px;
  margin-right: 15px;
  z-index: 1; }

#la-neptune-features .tech-background--invisi-body {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 775px;
  height: 580px;
  margin-left: 15px;
  margin-right: 15px;
  z-index: 100; }

#la-neptune-features .info-div {
  position: absolute;
  width: 310px;
  left: 30px;
  top: 0;
  z-index: 101;
  left: 30px;
  text-align: center;
  color: white; }

#la-neptune-features #ian-auto {
  background: url(../../../../../la/product-areas/respiratory/active-humidification-and-breathing-circuits/neptune-heated-humidifier/features-and-advantages/ian-auto.png) no-repeat;
  width: 775px;
  height: 580px;
  left: 0;
  top: 0;
  z-index: 1; }

#la-neptune-features #ian-airway {
  background: url(../../../../../la/product-areas/respiratory/active-humidification-and-breathing-circuits/neptune-heated-humidifier/features-and-advantages/ian-airway-temp.png) no-repeat;
  width: 775px;
  height: 580px;
  left: 0;
  top: 0;
  z-index: 1; }

#la-neptune-features #ian-adjust {
  background: url(../../../../../la/product-areas/respiratory/active-humidification-and-breathing-circuits/neptune-heated-humidifier/features-and-advantages/ian-adjust.png) no-repeat;
  width: 775px;
  height: 580px;
  left: 0;
  top: 0;
  z-index: 1; }

#la-neptune-features #ian-intuitive {
  background: url(../../../../../la/product-areas/respiratory/active-humidification-and-breathing-circuits/neptune-heated-humidifier/features-and-advantages/ian-intuitive.png) no-repeat;
  width: 775px;
  height: 580px;
  left: 0;
  top: 0;
  z-index: 1; }

#la-neptune-features #ian-evasive {
  background: url(../../../../../la/product-areas/respiratory/active-humidification-and-breathing-circuits/neptune-heated-humidifier/features-and-advantages/ian-evasive-nonevasive.png) no-repeat;
  width: 775px;
  height: 580px;
  left: 0;
  top: 0;
  z-index: 1; }

#la-neptune-features #ian-low {
  background: url(../../../../../la/product-areas/respiratory/active-humidification-and-breathing-circuits/neptune-heated-humidifier/features-and-advantages/ian-low-water.png) no-repeat;
  width: 775px;
  height: 580px;
  left: 0;
  top: 0;
  z-index: 1; }

#la-neptune-features #ian-press {
  background: url(../../../../../la/product-areas/respiratory/active-humidification-and-breathing-circuits/neptune-heated-humidifier/features-and-advantages/ian-press.png) no-repeat;
  width: 775px;
  height: 580px;
  left: 0;
  top: 0;
  z-index: 1; }

#la-neptune-features .ian-text {
  text-align: center; }

#la-neptune-features .ian-text > .neptune-h3 {
  color: white; }

#la-neptune-features .button-features {
  background: #aed4e9;
  color: #1c668b !important;
  text-decoration: none !important;
  cursor: pointer;
  padding: .5em;
  font-style: normal;
  text-decoration: none !important;
  border: 1px solid #aed4e9;
  border-radius: 20px !important;
  width: 250px;
  margin-left: 25px;
  margin-right: 25px; }

#la-neptune-features .auto-top-text {
  margin-top: 195px;
  width: 310px;
  margin-left: 40px; }

#la-neptune-features .auto-bottom-text {
  width: 265px;
  margin-top: 25px;
  margin-left: 55px; }

#la-neptune-features .airway-single-text {
  width: 265px;
  margin-top: 270px;
  margin-left: 55px; }

#la-neptune-features .intuitive-single-text {
  width: 265px;
  margin-top: 235px;
  margin-left: 55px; }

#feature-more-info .getmore {
  background: url(../../../../../usa/product-areas/respiratory/active-humidification-and-breathing-circuits/neptune-heated-humidifier/features-and-advantages/img-2col-more-info.jpg) no-repeat;
  height: 377px;
  width: 384px; }

#feature-more-info .neptune {
  background: url(../../../../../usa/product-areas/respiratory/active-humidification-and-breathing-circuits/neptune-heated-humidifier/features-and-advantages/img-2col-3D-video.jpg) no-repeat;
  height: 377px;
  width: 384px; }

#feature-more-info {
  padding-left: 15px; }

#feature-more-info .neptune h2 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 2px;
  font-weight: bold; }

#feature-more-info .getmore h2 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 10px;
  font-weight: bold; }

#feature-more-info p {
  font-size: 16px;
  margin-bottom: 2px; }

#feature-more-info a {
  font-size: 16px;
  margin-bottom: 10px; }

#la-feature-more-info .getmore {
  background: url(../../../../../la/product-areas/respiratory/active-humidification-and-breathing-circuits/neptune-heated-humidifier/features-and-advantages/img-2col-more-info.jpg) no-repeat;
  height: 377px;
  width: 384px; }

#la-feature-more-info .conchaTech {
  background: url(../../../../../la/product-areas/respiratory/active-humidification-and-breathing-circuits/neptune-heated-humidifier/features-and-advantages/img-2col-conchasmart-large.png) no-repeat;
  height: 377px;
  width: 384px; }

#la-feature-more-info {
  padding-left: 15px; }

#la-feature-more-info .neptune h2 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 2px;
  font-weight: bold; }

#la-feature-more-info .getmore h2 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 10px;
  font-weight: bold; }

#la-feature-more-info p {
  font-size: 16px;
  margin-bottom: 2px; }

#la-feature-more-info a {
  font-size: 16px;
  margin-bottom: 10px; }

#next-antegrade .rhg-interactive-antegrade {
  background: url(../../../../../usa/product-areas/interventional-access/chronic-hemodialysis/nextstep-chronic-hemodialysis-catheter/about-nextstep-chronic-hemodialysis-cathe/interactive-antegrade.png) no-repeat;
  width: 550px;
  height: 248px;
  margin-left: 15px;
  margin-right: 15px; }

#next-antegrade .rhg-hover-active {
  background: url(../../../../../usa/product-areas/interventional-access/chronic-hemodialysis/nextstep-chronic-hemodialysis-catheter/about-nextstep-chronic-hemodialysis-cathe/rhg-hover-bg.png) no-repeat; }

#next-antegrade .rhg-hover1 {
  width: 30px;
  height: 30px;
  position: relative;
  top: 101px;
  left: -15px; }

#next-antegrade .rhg-hover2 {
  width: 31px;
  height: 31px;
  position: relative;
  top: 125px;
  left: 92px; }

#next-antegrade .rhg-hover3 {
  width: 30px;
  height: 30px;
  position: relative;
  top: 133px;
  left: 203px; }

#next-antegrade .rhg-hover4 {
  width: 30px;
  height: 30px;
  position: relative;
  top: 94px;
  left: 317px; }

#next-antegrade .rhg-hover-next {
  text-decoration: none;
  cursor: pointer; }

#next-retrograde .rhg-interactive-retrograde {
  background: url(../../../../../usa/product-areas/interventional-access/chronic-hemodialysis/nextstep-chronic-hemodialysis-catheter/about-nextstep-chronic-hemodialysis-cathe/interactive-retrograde.png) no-repeat;
  width: 550px;
  height: 248px;
  margin-left: 15px;
  margin-right: 15px; }

#next-retrograde .rhg-hover-active {
  background: url(../../../../../usa/product-areas/interventional-access/chronic-hemodialysis/nextstep-chronic-hemodialysis-catheter/about-nextstep-chronic-hemodialysis-cathe/rhg-hover-bg.png) no-repeat; }

#next-retrograde .rhg-hover1-retro {
  width: 30px;
  height: 30px;
  position: relative;
  top: 44px;
  left: -15px; }

#next-retrograde .rhg-hover2-retro {
  width: 31px;
  height: 31px;
  position: relative;
  top: 110px;
  left: 104px; }

#next-retrograde .rhg-hover3-retro {
  width: 30px;
  height: 30px;
  position: relative;
  top: 125px;
  left: 179px; }

#next-retrograde .rhg-hover4-retro {
  width: 30px;
  height: 30px;
  position: relative;
  top: 80px;
  left: 295px; }

#next-retrograde .rhg-hover5-retro {
  width: 30px;
  height: 30px;
  position: relative;
  top: 14px;
  left: 348px; }

#next-retrograde .rhg-hover-next {
  text-decoration: none;
  cursor: pointer; }

#order-info-antegrade-tab .color-code-19 {
  background: #AED78B; }

#order-info-antegrade-tab .color-code-23 {
  background: #EA6EAC; }

#order-info-antegrade-tab .color-code-27 {
  background: #52BCE7; }

#order-info-antegrade-tab .color-code-31 {
  background: #FBF873; }

#ia-arrow-vector .rhg-arrow-vector {
  background: url(../../../../../usa/product-areas/interventional/hemodialysis/arrow-clark-vectorflow-chronic-hemodialysis-catheter/vectorflow.jpg) no-repeat;
  width: 683;
  height: 524px;
  margin-left: 15px;
  margin-right: 15px; }

#ia-arrow-vector .rhg-hover-active {
  background: url(../../../../../usa/product-areas/interventional-access/chronic-hemodialysis/arrow-clark-vectorflow-hemodialysis-catheter/catherter_over.png) no-repeat; }

#ia-arrow-vector .rhg-hover1 {
  width: 57px;
  height: 57px;
  position: relative;
  top: 225px;
  left: -11px; }

#ia-arrow-vector .rhg-hover2 {
  width: 57px;
  height: 57px;
  position: relative;
  top: 154px;
  left: 275px; }

#ia-arrow-vector .rhg-hover3 {
  width: 57px;
  height: 57px;
  position: relative;
  top: 97px;
  left: 334px; }

#ia-arrow-vector .rhg-hover4 {
  width: 57px;
  height: 57px;
  position: relative;
  top: -2px;
  left: 481px; }

#ia-arrow-vector .rhg-hover5 {
  width: 57px;
  height: 57px;
  position: relative;
  top: 209px;
  left: 519px; }

#ia-arrow-vector .rhg-hover-next {
  text-decoration: none;
  cursor: pointer; }

#iso-gard-mask-learn .rhg-iso-gard-learn {
  background: url(../../../../../usa/product-areas/anesthesia/caregiver-safety/iso-gard-mask/learn-more-iso-gard-mask-with-clearair-technology/keyfeatures.png) no-repeat;
  width: 4730px;
  height: 351px;
  margin-left: 15px;
  margin-right: 15px; }

#iso-gard-mask-learn .rhg-hover-active {
  background: url(../../../../../usa/product-areas/anesthesia/caregiver-safety/iso-gard-mask/learn-more-iso-gard-mask-with-clearair-technology/hotspot2.png) no-repeat; }

#iso-gard-mask-learn .rhg-hover1 {
  width: 20px;
  height: 20px;
  position: relative;
  top: 249px;
  left: 378px; }

#iso-gard-mask-learn .rhg-hover2 {
  width: 20px;
  height: 20px;
  position: relative;
  top: 200px;
  left: 206px; }

#iso-gard-mask-learn .rhg-hover3 {
  width: 20px;
  height: 20px;
  position: relative;
  top: 82px;
  left: 268px; }

#iso-gard-mask-learn .rhg-hover4 {
  width: 20px;
  height: 20px;
  position: relative;
  top: 265px;
  left: 167px; }

#iso-gard-mask-learn .rhg-hover5 {
  width: 20px;
  height: 20px;
  position: relative;
  top: 168px;
  left: 129px; }

#iso-gard-mask-learn .rhg-hover6 {
  width: 20px;
  height: 20px;
  position: relative;
  top: 85px;
  left: 161px; }

#iso-gard-mask-learn .rhg-hover7 {
  width: 30px;
  height: 30px;
  position: relative;
  top: 11px;
  left: 169px; }

#iso-gard-mask-learn .rhg-hover-next {
  text-decoration: none;
  cursor: pointer; }

#polysite .rhg-polysite {
  background: url(../../../../../usa/product-areas/interventional-access/arrow-polysite-low-profile-hybrid-ports/polysite.jpg) no-repeat;
  width: 575px;
  height: 645px;
  margin-left: 15px;
  margin-right: 15px; }

#polysite .rhg-hover-active {
  background: url(../../../../../usa/product-areas/interventional-access/arrow-polysite-low-profile-hybrid-ports/catherter_over.png) no-repeat; }

#polysite .rhg-hover1 {
  width: 46px;
  height: 46px;
  position: relative;
  top: 197px;
  left: 278px; }

#polysite .rhg-hover2 {
  width: 46px;
  height: 46px;
  position: relative;
  top: 307px;
  left: 12px; }

#polysite .rhg-hover3 {
  width: 46px;
  height: 46px;
  position: relative;
  top: 344px;
  left: -17px; }

#polysite .rhg-hover4 {
  width: 46px;
  height: 46px;
  position: relative;
  top: 382px;
  left: 24px; }

#polysite .rhg-hover5 {
  width: 46px;
  height: 46px;
  position: relative;
  top: 273px;
  left: 93px; }

#polysite .rhg-hover6 {
  width: 46px;
  height: 46px;
  position: relative;
  top: 153px;
  left: 94px; }

#polysite .rhg-hover-next {
  text-decoration: none;
  cursor: pointer; }

#polysite img {
  width: 100%;
  max-width: 266px;
  max-height: 277px; }

#usa-brands .brand-image-button {
  padding: 0px 0px 0px 0px;
  height: 70px; }

#usa-brands img {
  padding-left: 8px; }

#usa-brands .brand-image-toggle {
  height: 70px; }

#atomization .ul-left-20 {
  padding-left: 20px; }

.incorrect-checkbox {
  outline: 1px solid red !important; }

.form-control-checkbox {
  display: initial;
  height: initial;
  width: 19px; }

/*-------------------------------------------------
  Image Map Hover Graphics Used in Anesthesia
-------------------------------------------------*/
@media screen and (max-width: 480px) {
  .toggle {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5); } }

/* Map/Mouse Over */
.kit {
  padding: .5em;
  background-color: #ECECEC; }

.kit hr {
  border: none;
  border-top: 2px solid #FFF;
  margin: 0;
  padding-bottom: 5px; }

/*------ Image Map ------*/
.toggle {
  width: 574px;
  padding-bottom: 10px;
  position: relative; }

.kit-row h3,
.kit-row p,
.kit-row ul,
.kit-row img {
  margin-left: 10px; }

.kit-row .first h3,
.kit-row .first p,
.kit-row .first ul,
.kit-row .first img {
  margin-left: 0;
  margin-right: 10px; }

.kit ul {
  padding-left: 1em; }

#contents {
  margin-top: 15px; }

#contents .num {
  padding: 0;
  vertical-align: top;
  text-align: right; }

.js-hide {
  display: none; }

.map-hovers {
  background: url(../../../../../usa/product-areas/anesthesia/pain-management/peripheral-nerve-blocks/arrow-stimuquik-echo-echogenic-stimulating-cpnb-needle/highlight-gray.html) no-repeat center !important;
  position: absolute;
  display: block;
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  cursor: pointer;
  z-index: 1; }

/*------ Autofuser Site Specific Accordion ------*/
.autofuser-max-image-width {
  display: flex;
  justify-content: center;
  margin: 20px auto 35px auto;
  max-width: 560px;
  width: 100%; }

/*------ Generic Photo w/ Caption Styling ------*/
.photo-and-caption {
  font-size: 13px;
  padding-bottom: 20px; }

.photo-and-caption img {
  margin: 15px 0;
  width: 100%; }

@media screen and (min-width: 480px) {
  .photo-and-caption {
    float: right;
    margin: 0 0 30px 30px;
    width: 30%; }
  .photo-and-caption.left {
    float: left;
    margin: 0 30px 30px 0; } }

.img-space {
  margin: 20px 0 30px 0; }

/*------ Striped Table Styling ------*/
.caption-accordion-item {
  background: #00A9CE;
  color: white;
  padding: 5px 10px; }

table.striped {
  width: 100%; }

.emphasized-text.bold {
  color: white;
  font-size: 14px;
  font-style: italic;
  margin-bottom: 0; }

/*------ Tabs with Alternating Banners ------*/
#banner-image {
  background: url(../../../../../usa/product-areas/respiratory/oxygen-therapy/softech-plus-nasal-cannulas/banner-1-softech-etco.html) no-repeat;
  box-sizing: border-box;
  display: block;
  height: 235px;
  max-width: 776px;
  width: 100%; }

/*------ Vectormap Styling - EMEA - Interventional Access - Spotlight - ARROW-Clark VectorFlow Hemodialysis Catheter ------*/
div#vectorMap {
  background: url(../../../../../emea/product-areas/interventional-access/spotlight-arrow-clark-vectorflow/vectorflow.jpg) no-repeat scroll left top transparent;
  color: white;
  clear: left;
  height: 524px;
  margin: 0px;
  padding: 0px;
  padding-top: 1em;
  position: relative;
  width: 683px;
  z-index: 1; }

div#vectorMap div a span {
  display: none; }

a:hover {
  cursor: pointer; }

div#vectorMap div.selected a {
  background: url(../../../../../emea/product-areas/interventional-access/spotlight-arrow-clark-vectorflow/catherter_over.html) no-repeat;
  z-index: 100; }

div#vectorMap div.selected a span {
  display: inline-block !important; }

.mouseover-img {
  background: url(../../../../../emea/product-areas/interventional-access/spotlight-arrow-clark-vectorflow/catherter_over.html) repeat; }

#sideHoleDesign {
  left: 293px;
  top: 555px; }

#sideHoleDesign a,
#easyRead a,
#symTip a,
#minRecirculation a,
#catMaterial a,
#septDef a {
  border: none;
  position: absolute;
  text-decoration: none; }

#sideHoleDesign a {
  height: 58px;
  left: 291px;
  top: 211px;
  width: 56px; }

#sidehole-tab {
  background-image: url(../../../../../emea/product-areas/interventional-access/spotlight-arrow-clark-vectorflow/popup1_back.html);
  background-repeat: no-repeat; }

#cath-material-tab {
  background-image: url(../../../../../emea/product-areas/interventional-access/spotlight-arrow-clark-vectorflow/popup3_back.html);
  background-repeat: no-repeat; }

#easyRead {
  left: 293px;
  top: 555px; }

#easyRead a {
  display: inline-block;
  height: 55px;
  left: 532px;
  top: 439px;
  width: 59px; }

#symTip {
  top: 555px;
  left: 293px; }

#symTip a {
  height: 56px;
  left: 496px;
  top: 169px;
  width: 57px; }

#min-recirc-tab {
  background: url(../../../../../emea/product-areas/interventional-access/spotlight-arrow-clark-vectorflow/popup_back.html) no-repeat bottom right; }

#minRecirculation {
  left: 293px;
  top: 555px; }

#minRecirculation a {
  height: 59px;
  left: 349px;
  top: 210px;
  width: 59px; }

#easy-read-tab {
  background-image: url(../../../../../emea/product-areas/interventional-access/spotlight-arrow-clark-vectorflow/popup2_back.html);
  background-repeat: no-repeat; }

#catMaterial {
  left: 293px;
  top: 555px; }

#catMaterial a {
  height: 57px;
  left: 6px;
  top: 225px;
  width: 57px; }

#sym-tip-tab {
  background-image: url(../../../../../emea/product-areas/interventional-access/spotlight-arrow-clark-vectorflow/popup1_back.html);
  background-repeat: no-repeat; }

#septDef {
  left: 293px;
  top: 555px; }

#septDef a {
  height: 46px;
  left: 76px;
  top: 404px;
  width: 46px; }

div.selected {
  display: inline-block !important; }

.switcher-item {
  display: none; }

#swtcher-wrapper {
  display: inline-block;
  height: 277px;
  margin-bottom: 1em;
  position: relative;
  width: 636; }

#swtcher-wrapper ul li {
  color: #78787a;
  font-size: 14px;
  line-height: 22px; }

#swtcher-wrapper div {
  height: 277px;
  width: 636px; }

#swtcher-wrapper p {
  font-size: 16px; }

.switcher-item {
  display: none; }

#swtcher-wrapper h2 {
  color: #81BC40;
  font-size: 20px;
  line-height: 25px;
  text-align: left; }

#switcher-button-wrapper {
  clear: both;
  height: 46px;
  margin: 0;
  padding: 0;
  width: 635px; }

ul#switcher-button-wrapper li {
  background: #666;
  border-left: #FFF 1px solid;
  font-size: 12px;
  float: left;
  height: 45px;
  line-height: 1.21;
  list-style: none;
  margin: 0;
  text-align: center;
  width: 126px; }

ul#switcher-button-wrapper li a {
  color: #FFF;
  display: block;
  height: 44px;
  text-decoration: none;
  z-index: 300; }

.linkTextOne {
  display: block;
  padding: 1.25em 0; }

.linkTextTwo {
  display: block;
  padding: .75em 0; }

#switcher-button-wrapper li.selected {
  background: #7ABA34 !important;
  display: block; }

#switcher-button-wrapper li.selected a {
  color: #FFF !important; }

.vertical-line {
  border-right: dotted #7ABA34 2px;
  display: inline-block;
  height: 100%;
  position: absolute;
  width: 1px; }

.hr-line {
  border-top: dotted #7ABA34 2px;
  display: inline-block;
  height: 3px;
  position: absolute;
  width: 100%; }

.hr-divider {
  border-top: dotted #999 1px;
  display: inline-block;
  margin-bottom: 1em;
  width: 100%; }

.show {
  display: inline-block !important; }

.required-field {
  border: #F00 1px solid !important; }

.error-v1 {
  padding-bottom: 30px;
  text-align: center; }

.error-v1 p {
  color: #555;
  font-size: 16px; }

.error-v1 span {
  color: #555;
  display: block;
  font-size: 35px;
  font-weight: 200; }

.error-v1 span.error-v1-title {
  color: #777;
  font-size: 180px;
  line-height: 200px;
  padding-bottom: 20px; }

/*For Mobile Devices*/
@media (max-width: 500px) {
  .error-v1 p {
    font-size: 12px; }
  .error-v1 span {
    font-size: 25px; }
  .error-v1 span.error-v1-title {
    font-size: 140px; } }

.job-details-column hr {
  margin: 10px 0; }

.czech-careers-list {
  margin-top: -30px;
  margin-bottom: 10px; }

.czech-careers-list h3 {
  display: inline-block; }

.czech-careers-list span {
  padding: 0 10px;
  font-weight: bold; }

/* Percuvance */
@media (min-width: 990px) {
  .image-container.percuvance-prod-img {
    margin-bottom: -110px; } }

@media (min-width: 1200px) {
  .image-container.percuvance-prod-img {
    margin-bottom: -150px; } }

.gray-blue-box {
  display: table;
  width: 100%; }

.gray-blue-box div {
  display: table-row; }

.gray-blue-box strong {
  background: #eaeae9;
  display: block;
  padding: 3px; }

.gray-blue-box p {
  background: #00a9ce;
  color: white;
  display: table-cell;
  vertical-align: middle;
  padding: 10px 30px; }

.fancybox-wrap {
  z-index: 99999 !important; }

/* Banner Images */
body {
  font-size: 16px; }

.englishOnlyLink:after {
  content: url(../../../../../global/en-link.gif);
  padding-left: 5px; }

h1.bannerText {
  position: absolute;
  display: block;
  text-transform: uppercase;
  /*color:#585951; */
  max-width: 80%;
  background-color: #00a9ce;
  background-color: rgba(0, 169, 206, 0.71);
  color: #fff;
  padding: 5px;
  font-family: 'Open Sans', sans-serif; }

@media (min-width: 1200px) {
  h1.bannerText {
    font-size: 3em;
    /* width:80%; */
    bottom: 40px;
    /* padding-left:5%; */
    padding: 5px 5%;
    line-height: 1;
    font-family: 'Open Sans', sans-serif; } }

@media (min-width: 1024px) and (max-width: 1199px) {
  h1.bannerText {
    font-size: 2.5em;
    /* width:80%; */
    bottom: 35px;
    /* padding-left:5%; */
    padding: 5px 5%;
    line-height: 1; } }

@media (min-width: 768px) and (max-width: 1023px) {
  h1.bannerText {
    font-size: 2em;
    /* width:80%; */
    bottom: 30px;
    /* padding-left:5%; */
    padding: 5px 5%;
    line-height: 1; } }

@media (min-width: 600px) and (max-width: 767px) {
  h1.bannerText {
    font-size: 1.6em;
    /* width:80%; */
    bottom: 30px;
    /* padding-left:5%; */
    padding: 5px 5%;
    line-height: 1; } }

@media (min-width: 480px) and (max-width: 599px) {
  h1.bannerText {
    font-size: 1.4em;
    /* width:90%; */
    /* padding-left:5%; */
    padding: 5px 5%;
    bottom: 25px;
    line-height: 1; } }

@media (min-width: 320px) and (max-width: 479px) {
  h1.bannerText {
    font-size: 1em;
    /* width:90%; */
    /* padding-left:5%; */
    padding: 5px 5%;
    bottom: 25px;
    line-height: 1; } }

/*Owl Carousel*/
.owl-pagination {
  display: none; }

/*Careers*/
.Our-Products li a {
  font-size: 16px; }

.testimonials .testimonial-info {
  color: #777; }

/*Misc*/
.margin-top-20 {
  margin-top: 20px; }

.padding-none {
  padding: 0; }

/*Side Navigation*/
.sidebar-nav-v1 li ul a.active {
  color: #3498DB; }

.sidebar-nav-v1 li ul a {
  font-size: 16px; }

/*Breadcrumbs*/
.breadcrumbs {
  font-size: 14px; }

/*Side Navigation */
#sideNavigation ul li a {
  font-size: 13px;
  color: #555; }

/*#sideNavigation ul li.active > a {
  color: #ffffff; }*/

body {
  font-family: arial; }

@media screen and (max-width: 480px) {
  .header a.navbar-brand {
    top: 5px; } }

/* 20150922 john.css */
/* General */
hr.thick {
  border-top-width: 3px;
  margin: 20px 0; }

hr.clear {
  clear: both;
  border-width: 0; }

.select-custom-icon {
  position: relative; }

.select-custom-icon select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none; }

.select-custom-icon select::-ms-expand {
  display: none; }

.select-custom-icon .custom-icon {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 34px;
  padding-right: 1.3em; }

/* Image display for spotlight details */
#spotlightDetails img {
  float: left;
  max-width: 50%;
  margin: 0 15px 15px 0; }

/* Fix for pesky left-nav arrows */
.list-toggle:after {
  pointer-events: none; }

a.dropdown-toggle {
  cursor: default; }

.search-the-catalog label {
  font-weight: normal;
  padding-left: 10px; }

.owl-slider.nojs {
  text-align: center; }

.owl-slider.nojs .item {
  display: inline-block;
  width: 285px;
  vertical-align: top; }

.bu-nav-button .dropdown-menu li a {
  white-space: normal;
  color: #555; }

.row .headline {
  margin: 40px 0 15px 0; }

h4.event-date {
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: bold;
  margin: 5px 0;
  color: #a6a6a6; }

@media screen and (max-width: 359px) {
  .hide-below-360px {
    display: none; } }

.tfx-info-box-left-bar .left-bar img {
  max-width: 100%; }

.tfx-info-box-default .left-bar img {
  max-width: 100%; }

.tfx-info-box-left-bar .left-bar img {
  max-width: 100%; }

.tfx-info-box-default .image-container img {
  max-width: 100%; }

/* 20150922 maureen.css */
.about p img {
  border: 1px solid gray;
  width: 350px; }

/* 20150922 wendy.css */
/* Crumbtrail */
#breadcrumbs {
  font-size: 13px; }

.breadcrumb li a {
  color: #3498DB;
  font-size: 13px; }

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

/*//.header .dropdown-submenu > .dropdown-menu {
 // top: inherit;
  //left: inherit;
  //margin-top: 0;
  //margin-left: 0px;

//}*/
.footer a:hover {
  color: #333;
  text-decoration: none; }

.padding-left {
  padding-left: 1em; }

.padding-right {
  padding-right: 1em; }

.padding-top {
  padding-top: 1em; }

p.padding-bottom {
  padding-bottom: 1.25em; }

.padding-bottom {
  padding-bottom: 1em; }

/*Left side bar for Resource Buttons*/
#resource a {
  width: 100%;
  font-size: 80%;
  margin-bottom: .5em; }

/*Custom Form
label {
    max-width: 100%;
    font-size: 100%;
    text-align: left;
    white-space: normal;
    color: inherit;
    display: block;
    margin-bottom: 6px;
    line-height: 19px;
    font-weight: 400;
    padding: 0.2em 0 0.3em;

}
.submitContent dt.formFieldLabel label  {
  float: left;
  margin-bottom:6px;
  display: block;
  line-height: 19px;
  font-weight: 400;
  white-space: normal;
  text-align: left;
}
input[type="text"]{
    font-size: 14px;
    color: #404040;
    height: 34px;
    padding: 6px 12px;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    outline: none;
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    background: #FFF;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.dijitReset .dijitInputField .dijitInputContainer{
  height:30px;
}
.formFieldInput{
  float:none;
}
.dijitReset .dijitInputInner {
  height:auto;
}

.submitContent dd.formFieldInput {
    margin: 0;
    padding: 0;
    float: left;
    display: block;
    width: 100%;
}
.submitContent dt.formFieldLabel {
    margin: 0;
    padding: 0;
    float: left;
    display: block;
    width: 100%;
  }
  .dijitTextBox {
    width:100%;
  }

  div.dijitReset.dijitInputField.dijitInputContainer {
    display: block;
    margin-bottom: 6px;
    line-height: 19px;
    font-weight: 400;
  }
  input.dijitReset.dijitInputField.dijitArrowButtonInner{
    border: none !important;
    padding:4px;
  }
  div.fileInputs {

  }
  div.browseFile {
    position: absolute;
    width:100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    cursor:pointer;

  }
  #attachedDocumentfileName {
    position: relative;
     border: 1px solid #b3b3b3;
     width:100% !important;
  }

  .dmundra .dijitInputField INPUT, .dmundra .dijitTextBox, .dmundra .dijitSpinner {
    padding:0;
  }
  select {
    width: 100%;
  }

  button.removeFile, button.browse {
    width: 100px !important;
    margin:0;
    height:100%;
    right: 1px;
    position: absolute;
    top: 0;
    margin-left:3px;
  }
  button{
     background: #00A9CE !important;
    opacity: 0.8;
    -ms-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    color:#fff;
    cursor: pointer;
    text-decoration: none;
    border:0;

}
.errorMessages {
  color: red;
  font-size: 80%;

}
select {
  border:1px solid #b3b3b3;
}
*/
.submitContent dd.formFieldInput {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%; }

.submitContent dt.formFieldLabel label {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%; }

/* default styles for Forms */
/* General Layout
------------------------------------------------- */
.submitContent {
  margin: 0;
  padding: 0;
  position: relative; }

.submitContent .group:after {
  margin: 0 0 1.75em 0;
  padding: 0;
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.submitContent dt.formFieldLabel {
  margin: 0;
  padding: 0;
  float: left;
  display: block;
  width: 37%; }

.submitContent dt.formFieldLabel label {
  margin: 0;
  padding: 0;
  float: right; }

.submitContent dd.formFieldInput {
  margin: 0;
  padding: 0;
  float: right;
  display: block;
  width: 60%; }

.submitContent dd.formFieldInput label {
  margin: 0;
  padding: 0;
  float: none;
  display: inline; }

.submitButton {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  clear: both; }

.submitContent .formDivider {
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  padding: 3px;
  margin-bottom: 15px; }

/* Tab Styles
------------------------------------------------- */
.submitContent .tabSet {
  margin: 0 0 15px 0;
  padding: 0;
  border-bottom: 1px solid #ddd;
  float: left;
  width: 100%; }

.submitContent .tabSet ul {
  margin: 0;
  padding: 0.75em 0; }

.submitContent .tabSet ul li.alpha,
.submitContent .tabSet ul li.beta {
  margin: 0 0 0 0;
  padding: 0 1.5em 0 0;
  display: inline;
  list-style-type: none;
  background: url(../../images/icons/arrow-000-medium.html) right no-repeat; }

.submitContent .tabSet ul li.alpha {
  color: #333; }

.submitContent .tabSet ul li.beta {
  color: #ccc; }

.submitContent .tabSet ul li.beta.last,
.submitContent .tabSet ul li.alpha.last {
  background-image: none; }

#categoriesbox {
  border: none;
  border-bottom: 1px solid #efefef;
  padding-bottom: 1.0em; }

/* Patch IE Browsers
------------------------------------------------- */
* html .group {
  /* IE6 */
  height: 1%;
  padding-bottom: 1.75em; }

*:first-child + html .group {
  /* IE7 */
  min-height: 1px;
  padding-bottom: 1.75em; }

/* Marked for deletion
-------------------------------------------------
.submitContent dd.formFieldInput input {
	margin: 0;
	padding: 0;
}
.submitContent .tabSet a:link,
.submitContent .tabSet a:visited {
	margin: 0;
	padding: 0 1.25em 0.75em 1.25em;
	display: block;
	float:left;
	font-size: 105%;
	text-decoration: none;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	background: #82c7ea;
	color:#fff;
}
.submitContent .tabSet a:hover {
	background: #143d55;
	color: #fff;
	text-decoration: none;
}
*/
/* relationship dialog */
#relationshipsDialog .dojoDialog {
  background: #ffffff;
  border: 1px solid #999;
  -moz-border-radius: 5px;
  padding: 4px;
  margin-bottom: 0; }

/* group multiple buttons in a row */
#searchFields {
  display: block;
  text-align: center; }

#searchFields .dojoButton {
  float: left;
  margin-right: 10px; }

#relationshipsDialog #searchResults li {
  border-bottom: 1px solid #B3B3B3;
  list-style-type: none; }

#relationshipsDialog #searchResults li .addButton {
  float: right; }

#relationshipsDialog #pagination .previousButton {
  float: left; }

#relationshipsDialog #pagination .nextButton {
  float: right; }

button.removeFile, button.browse {
  padding: 4px !important;
  width: 100px !important;
  margin-left: 3px; }

.submitContent dt.formFieldLabel .contentHint {
  display: block;
  color: #999;
  font-size: 11px;
  font-weight: normal;
  line-height: 14px;
  white-space: normal;
  font-style: italic; }

.submitContent dt.formFieldLabel .hintIcon {
  background: url(../../../../../html/images/icons/dotcms-sprite.html) no-repeat -21px -900px;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: top;
  opacity: .4; }

.submitContent dt.formFieldLabel .hintIcon:hover {
  opacity: .9; }

.dmundra .dijitInputField INPUT, .dmundra .dijitTextBox, .dmundra .dijitSpinner {
  /* padding:0 0 3px; */ }

input.imageField, input.fileField {
  width: 300px;
  height: 32px;
  position: relative;
  text-align: right;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 2; }

div.imageInputs, div.fileInputs {
  position: relative; }

div.browseFile {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1; }

input.dijitArrowButtonInner {
  cursor: pointer; }

.error-v1 {
  padding-bottom: 30px;
  text-align: center; }

.error-v1 p {
  color: #555;
  font-size: 16px; }

.error-v1 span {
  color: #555;
  display: block;
  font-size: 35px;
  font-weight: 200; }

.error-v1 span.error-v1-title {
  color: #777;
  font-size: 180px;
  line-height: 200px;
  padding-bottom: 20px; }

/*For Mobile Devices*/
@media (max-width: 500px) {
  .error-v1 p {
    font-size: 12px; }
  .error-v1 span {
    font-size: 25px; }
  .error-v1 span.error-v1-title {
    font-size: 140px; } }

body {
  color: #333;
  font-size: 13px;
  line-height: 1.6;
  font-size: 16px; }

p,
li,
li > a.chevron {
  /*color: #555; */ }

a {
  color: #72c02c;
  text-decoration: none; }

a,
a:focus,
a:hover,
a:active {
  outline: 0 !important; }

a:focus {
  text-decoration: none; }

a:hover {
  color: #72c02c;
  text-decoration: underline; }

/*Boxed Layout
------------------------------------*/
.wrapper {
  background: #fff; }

.boxed-layout {
  padding: 0;
  box-shadow: 0 0 5px #ccc;
  margin-left: auto !important;
  margin-right: auto !important;
  background: url(../img/patterns/15.html) repeat; }

/*Parallax Counter
------------------------------------*/
.parallax-bg {
  background: url(../img/blur/img1.html) 50% 0 repeat fixed; }

/*Parallax Counter Block*/
.parallax-counter {
  padding: 60px 0;
  background: url(../img/bg/9.html) 50% 0 no-repeat fixed; }

.parallax-counter h4 {
  color: #fff;
  font-size: 18px; }

.parallax-counter .counters {
  color: #fff;
  padding: 20px 0;
  font-weight: 200;
  background: rgba(0, 0, 0, 0.6); }

/*Parallax Counter v1
------------------------------------*/
/*Parallax Counter Block*/
.parallax-counter-v1 {
  padding: 60px 0;
  background: url(../img/patterns/5.html) repeat fixed; }

.parallax-counter-v1 .counters {
  color: #fff;
  padding: 15px 0 10px;
  border: solid 1px #555; }

.parallax-counter-v1 h4 {
  color: #bbb;
  font-size: 16px;
  text-transform: uppercase; }

.parallax-counter-v1 span.counter {
  font-size: 42px;
  line-height: 48px; }

/*Parallax Counter v2
------------------------------------*/
.parallax-counter-v2 {
  position: relative;
  padding: 80px 0 60px;
  background: url(../img/patterns/16.html) repeat fixed; }

.parallax-counter-v2:after {
  top: 0;
  left: 50%;
  content: " ";
  margin-left: -25px;
  position: absolute;
  border-top: 25px solid #fff;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent; }

.parallax-counter-v2:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(0, 0, 0, 0.02); }

.parallax-counter-v2 .counters {
  padding: 20px 0;
  border-bottom: solid 2px #ddd;
  background: rgba(255, 255, 255, 0.9); }

.parallax-counter-v2 .counters h4,
.parallax-counter-v2 .counters span {
  color: #555;
  font-weight: 200;
  font-family: 'Open Sans', sans-serif; }

.parallax-counter-v2 .counters span {
  font-size: 36px; }

.parallax-counter-v2 .counters h4 {
  font-size: 22px;
  text-transform: uppercase; }

@media (max-width: 992px) {
  .parallax-counter-v2 .counters {
    margin-bottom: 0 !important; } }

/*Parallax Team
------------------------------------*/
.parallax-team {
  background: url(../img/team/faces.html) 50% 0 repeat fixed; }

.parallax-team,
.parallax-team .title-box-v2 {
  position: relative; }

.parallax-team:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(255, 255, 255, 0.9); }

/*Main Styles
------------------------------------*/
/*Purchase Block*/
.purchase {
  padding: 25px 0 30px;
  border-bottom: solid 1px #eee;
  background: url(../img/breadcrumbs.html) repeat; }

.purchase p {
  margin-bottom: 0; }

.purchase span {
  color: #666;
  display: block;
  font-size: 24px;
  line-height: 35px;
  font-weight: normal;
  margin-bottom: 12px;
  font-family: 'Open Sans', sans-serif; }

.purchase .btn-buy {
  text-align: center; }

.purchase .btn-buy a {
  margin-top: 27px; }

.purchase .btn-buy a i {
  margin-right: 5px; }

@media (max-width: 992px) {
  .purchase {
    text-align: center; }
  .purchase span {
    font-size: 22px;
    line-height: 29px; }
  .purchase .btn-buy a {
    margin-top: 25px;
    font-size: 16px; } }

/*Service*/
.service {
  overflow: hidden;
  margin-bottom: 10px;
  padding: 15px 15px 10px; }

.service:hover {
  background: #fcfcfc;
  box-shadow: 0 0 5px #ddd;
  -webkit-transition: box-shadow 0.2s ease-in-out;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out; }

.service:hover i {
  color: #656565; }

.service .desc {
  padding: 0 15px;
  overflow: hidden; }

.service .desc h4 {
  font-size: 22px;
  line-height: 25px; }

.service .service-icon {
  float: left;
  padding: 10px;
  color: #72c02c;
  font-size: 35px;
  text-align: center;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.service .service-icon.icon-cogs {
  font-size: 37px; }

.service .service-icon.icon-plane {
  font-size: 43px; }

/* Recent Work  */
.recent-work a {
  text-align: center;
  background: #fcfcfc;
  display: inline-block; }

.recent-work a:hover {
  text-decoration: none; }

.recent-work a:hover strong {
  color: #555; }

.recent-work em.overflow-hidden {
  display: block; }

.recent-work a span {
  display: block;
  padding: 10px;
  border-bottom: solid 2px #eee; }

.recent-work a strong {
  color: #555;
  display: block; }

.recent-work a i {
  color: #777; }

.recent-work a img {
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out; }

.recent-work a:hover img {
  opacity: 0.8;
  -webkit-transform: scale(1.2) rotate(3deg);
  -moz-transform: scale(1.2) rotate(3deg);
  -o-transform: scale(1) rotate(3deg);
  -ms-transform: scale(1.2) rotate(3deg);
  transform: scale(1.2) rotate(3deg); }

.recent-work a:hover span {
  border-bottom: solid 2px #72c02c;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.3s ease-in-out; }

/* Work */
.work {
  margin-top: 6px; }

.work .details {
  padding: 10px; }

.work .caption {
  display: block;
  padding-top: 5px;
  color: #585f69 !important;
  font-size: 18px !important; }

.work .caption:hover {
  cursor: pointer;
  color: #444 !important;
  text-decoration: underline; }

/*Other Footer Common Classes
------------------------------------*/
/*Thumb Headline*/
.thumb-headline h2 {
  color: #eee;
  font-size: 16px; }

/*Footer Logo*/
.footer-logo {
  margin: 17px 0 20px; }

/*Latest List*/
.latest-list li {
  padding: 8px 0;
  border-top: 1px solid #353535; }

.latest-list li:first-child {
  padding-top: 0;
  border-top: none; }

.latest-list li a {
  color: #eee; }

.latest-list small {
  color: #999;
  display: block; }

/*Link List*/
.link-list li {
  border-top: solid 1px #353535; }

.link-list li:first-child {
  border-top: none !important; }

.link-list a {
  color: #eee;
  font-size: 11px;
  padding: 6px 0px;
  display: inline-block;
  text-transform: uppercase; }

.link-list li i {
  color: #bbb;
  float: right;
  margin-top: 10px; }

/*Latest Tweets*/
.latest-tweets .latest-tweets-inner p {
  color: #555;
  font-size: 13px; }

.latest-tweets .latest-tweets-inner a {
  /*color: #3498db;*/
  text-decoration: none; }

.latest-tweets .latest-tweets-inner a:hover {
  text-decoration: underline; }

.latest-tweets .latest-tweets-inner i.fa {
  top: 2px;
  float: left;
  color: #bbb;
  color: #55acee;
  font-size: 18px;
  margin-right: 5px;
  position: relative; }

.latest-tweets .latest-tweets-inner small {
  color: #777;
  display: block; }

/*Social Icons*/
.social-icons {
  margin-top: 5px; }

.social-icons li {
  margin: 0; }

.social-icons li a {
  margin: 0 3px; }

/*Breadcrumbs
------------------------------------*/
/*Default Breadcrumbs*/
.breadcrumbs {
  overflow: hidden;
  padding: 10px 0 6px;
  border-bottom: solid 1px #eee;
  background: url(../img/breadcrumbs.html) repeat; }

.breadcrumbs h1 {
  color: #666;
  font-size: 22px;
  margin-top: 8px; }

.breadcrumb {
  top: 10px;
  padding-right: 0;
  background: none;
  position: relative; }

.breadcrumb a {
  color: #777; }

.breadcrumb li.active,
.breadcrumb li a:hover {
  color: #72c02c;
  text-decoration: none; }

@media (max-width: 550px) {
  .breadcrumbs h1.pull-left,
  .breadcrumbs ul.pull-right {
    width: 100%;
    text-align: center; }
  .breadcrumbs h1.pull-left {
    margin-bottom: 0; }
  .breadcrumbs .breadcrumb {
    top: 0;
    margin-bottom: 10px; } }

/*Thumbnails
------------------------------------*/
a.thumbnail {
  padding: 0;
  border: none;
  margin-bottom: 15px; }

.thumbnail-style {
  padding: 7px;
  margin-bottom: 20px; }

.thumbnail-style:hover {
  box-shadow: 0 0 8px #ddd;
  -webkit-transition: box-shadow 0.2s ease-in-out;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out; }

.thumbnail h3,
.thumbnail-style h3 {
  margin: 6px 0 8px 0; }

.thumbnail h3 a,
.thumbnail-style h3 a {
  color: #585f69;
  font-size: 18px; }

.thumbnail h3 a:hover,
.thumbnail-style h3 a:hover {
  color: #72c02c;
  text-decoration: none; }

.thumbnail-style .thumbnail-img {
  position: relative;
  margin-bottom: 11px; }

.thumbnail-style a.btn-more {
  right: -10px;
  bottom: 10px;
  color: #fff;
  padding: 1px 6px;
  position: absolute;
  background: #72c02c;
  display: inline-block; }

.thumbnail-style a.btn-more:hover {
  text-decoration: none;
  box-shadow: 0 0 0 2px #5fb611; }

.thumbnail-style:hover a.btn-more {
  right: 10px; }

.thumbnail-kenburn img {
  left: 10px;
  margin-left: -10px;
  position: relative;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out; }

.thumbnail-kenburn:hover img {
  -webkit-transform: scale(1.2) rotate(2deg);
  -moz-transform: scale(1.2) rotate(2deg);
  -o-transform: scale(1.2) rotate(2deg);
  -ms-transform: scale(1.2) rotate(2deg);
  transform: scale(1.2) rotate(2deg); }

/*Servive Blocks
------------------------------------*/
/*Service Alternative Block*/
.service-alternative .service:hover {
  background: #76ca2c;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.service-alternative .service:hover i,
.service-alternative .service:hover p,
.service-alternative .service:hover h4 {
  color: #fff; }

/*Servive Block Versions*/
.service-v1 h2 {
  margin: 15px 0 10px;
  font-size: 20px;
  line-height: 28px; }

.service-v1 p {
  text-align: justify; }

/*Blog Posts
------------------------------------*/
.posts .dl-horizontal a {
  color: #555; }

.posts .dl-horizontal {
  margin-bottom: 15px;
  overflow: hidden; }

.posts .dl-horizontal dt {
  width: 60px;
  float: left; }

.posts .dl-horizontal dt img {
  width: 60px;
  height: 60px;
  padding: 2px;
  margin-top: 2px;
  border: solid 1px #ddd; }

.posts .dl-horizontal dd {
  margin-left: 70px; }

.posts .dl-horizontal dd p {
  margin: 0; }

.posts .dl-horizontal dd a {
  font-size: 14px;
  line-height: 16px !important; }

.posts .dl-horizontal dd a:hover {
  color: #72c02c;
  text-decoration: none; }

.posts .dl-horizontal:hover dt img,
.posts .dl-horizontal:hover dd a {
  color: #72c02c;
  border-color: #72c02c !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

/*About Page
------------------------------------*/
.team ul.team-socail {
  text-align: right; }

.team ul.team-socail li {
  margin: 0 !important;
  padding: 0 !important; }

.team ul.team-socail li a,
.team ul.team-socail li a:hover {
  text-decoration: none; }

.team ul.team-socail li i {
  color: #aaa;
  padding: 6px 7px;
  min-width: 30px;
  font-size: 18px;
  text-align: center;
  background: #f7f7f7;
  display: inline-block; }

.team ul.team-socail li i:hover {
  color: #fff;
  background: #72c02c;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.team .thumbnail-style {
  padding: 12px; }

.team .thumbnail-style img {
  margin-bottom: 7px; }

.team .thumbnail-style h3 {
  margin-bottom: 5px; }

.team .thumbnail-style:hover h3 a {
  color: #72c02c !important; }

.team .thumbnail-style small {
  display: block;
  margin-top: 5px;
  font-size: 12px; }

/*About Me Page
------------------------------------*/
.about-me {
  overflow: hidden; }

.about-me h2 {
  margin: 0;
  font-size: 20px;
  text-transform: uppercase; }

.about-me span {
  color: #999;
  display: block;
  font-size: 14px;
  margin-bottom: 10px; }

.about-me .social-icons {
  margin-top: 7px; }

/*About My Goals*/
.about-my-goals h2 {
  text-transform: uppercase; }

/*About Skills*/
.about-skills {
  padding: 40px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background: url(../img/breadcrumbs.html) repeat; }

/*Gallery Page
------------------------------------*/
.gallery-page .thumbnail,
.gallery-page .thumbnail:hover {
  padding: 0;
  border: none;
  box-shadow: none; }

.gallery-page .thumbnails {
  margin-bottom: 6px; }

/*Privacy Page
------------------------------------*/
.privacy a {
  text-decoration: underline; }

.privacy a:hover {
  color: #72c02c;
  text-decoration: none; }

/*Portfolio Item Page v1
------------------------------------*/
.portfolio-item h2 {
  color: #555;
  font-size: 24px;
  margin: 0 0 15px; }

.portfolio-item li {
  padding: 3px 0; }

.portfolio-item p a {
  text-decoration: underline; }

.portfolio-item p a:hover {
  text-decoration: none; }

/*Portfolio Item v1*/
.portfolio-item1 ul {
  margin: 10px 0 20px; }

.portfolio-item1 li {
  font-size: 16px;
  margin-bottom: 3px; }

.portfolio-item1 li i {
  font-size: 18px;
  margin-right: 4px; }

/*Sidebar Features
------------------------------------*/
/*Blog Tags*/
ul.blog-tags li {
  display: inline-block; }

ul.blog-tags a {
  font-size: 13px;
  padding: 2px 7px;
  background: #f7f7f7;
  margin: 0 3px 6px 0;
  display: inline-block; }

ul.blog-tags a i {
  color: #666; }

ul.blog-tags a:hover {
  background: #72c02c; }

ul.blog-tags a:hover,
ul.blog-tags a:hover i {
  color: #fff !important;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

/*Blog Photo Stream*/
.blog-photos li {
  display: inline; }

.blog-photos li img {
  width: 58px;
  height: 58px;
  margin: 0 2px 8px; }

.blog-photos li img:hover {
  box-shadow: 0 0 0 2px #72c02c; }

/*Blog Latest Tweets*/
.blog-twitter .blog-twitter-inner {
  padding: 10px;
  position: relative;
  background: #f7f7f7;
  margin-bottom: 10px; }

.blog-twitter .blog-twitter-inner,
.blog-twitter .blog-twitter-inner:after,
.blog-twitter .blog-twitter-inner:before {
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out; }

.blog-twitter .blog-twitter-inner:after,
.blog-twitter .blog-twitter-inner:before {
  width: 0;
  height: 0;
  right: 0px;
  bottom: 0px;
  content: " ";
  display: block;
  position: absolute; }

.blog-twitter .blog-twitter-inner:after {
  border-top: 15px solid #eee;
  border-right: 15px solid transparent;
  border-left: 0px solid transparent;
  border-left-style: inset;
  /*FF fixes*/
  border-right-style: inset;
  /*FF fixes*/ }

.blog-twitter .blog-twitter-inner:before {
  border-bottom: 15px solid #fff;
  border-right: 0 solid transparent;
  border-left: 15px solid transparent;
  border-left-style: inset;
  /*FF fixes*/
  border-bottom-style: inset;
  /*FF fixes*/ }

.blog-twitter .blog-twitter-inner:hover {
  border-color: #72c02c;
  border-top-color: #72c02c; }

.blog-twitter .blog-twitter-inner:hover:after {
  border-top-color: #72c02c; }

.blog-twitter .blog-twitter-inner span.twitter-time {
  color: #777;
  display: block;
  font-size: 11px; }

.blog-twitter .blog-twitter-inner a {
  color: #72c02c;
  text-decoration: none; }

.blog-twitter .blog-twitter-inner a:hover {
  text-decoration: underline; }

.blog-twitter .blog-twitter-inner i.fa {
  top: 2px;
  color: #bbb;
  font-size: 18px;
  position: relative; }

/*Choose Block*/
.who li {
  margin-bottom: 6px; }

.who li i {
  color: #72c02c;
  font-size: 13px;
  min-width: 15px;
  margin-right: 8px;
  text-align: center;
  position: relative; }

.who li:hover i,
.who li:hover a {
  color: #777; }

.who li:hover a:hover {
  text-decoration: none; }

/*Promo Page
------------------------------------*/
/*Slider Part*/
.fullwidthbanner-container.slider-promo {
  max-height: 460px !important; }

.slider-promo-info-bg {
  padding: 25px 20px 20px;
  background: url(../img/bg-black.html) repeat; }

.slider-promo-info span.big-size {
  color: #fff;
  display: block;
  font-size: 30px;
  margin-bottom: 25px;
  text-shadow: none !important; }

.slider-promo-info p {
  color: #fff;
  font-size: 16px;
  margin-bottom: 0; }

/*Promo Box*/
.promo-box {
  padding: 20px;
  margin: 25px 0 20px;
  text-align: center; }

.promo-box i {
  display: block;
  font-size: 50px; }

.promo-box p {
  font-size: 14px;
  margin-bottom: 0; }

.promo-box strong,
.promo-box strong a {
  color: #555;
  display: block;
  font-size: 20px;
  font-weight: 200;
  margin: 20px 0 15px; }

.promo-box:hover strong,
.promo-box:hover strong a {
  color: #72c02c; }

/*Promo Service*/
.promo-service {
  margin-bottom: 20px; }

.promo-service li {
  margin-bottom: 5px; }

.promo-service a.btn-u {
  margin: 0 20px 10px 0; }

/*Promo Elements*/
.title-box {
  font-size: 16px;
  text-align: center;
  padding: 10px 0 30px;
  border-bottom: solid 1px #eee; }

.title-box .title-box-text {
  color: #555;
  display: block;
  font-size: 35px;
  font-weight: 200; }

@media (max-width: 768px) {
  .title-box .title-box-text {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 10px; }
  .title-box p {
    font-size: 15px; } }

.block-blockquote {
  margin: 20px 0;
  text-align: center;
  border: dashed 1px #ccc; }

.block-blockquote-inner {
  padding: 15px; }

.block-blockquote p {
  font-size: 26px;
  margin-bottom: 0; }

/*Info Blocks*/
.info-blocks {
  margin-bottom: 15px; }

.info-blocks:hover i.icon-info-blocks {
  color: #72c02c;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.info-blocks i.icon-info-blocks {
  float: left;
  color: #777;
  font-size: 30px;
  min-width: 50px;
  margin-top: 10px;
  text-align: center; }

.info-blocks .info-blocks-in {
  padding: 0 10px;
  overflow: hidden; }

.info-blocks .info-blocks-in h3 {
  color: #555;
  font-size: 20px;
  line-height: 28px; }

.info-blocks .info-blocks-in p {
  font-size: 12px; }

/*Brand Page
------------------------------------*/
.brand-page .btn {
  margin-bottom: 10px; }

/*Form Pages
------------------------------------*/
.form-page input,
.form-page select {
  margin-bottom: 10px; }

/*Labels and Badges Page
------------------------------------*/
ul.labels-demo {
  margin: 5px 0; }

ul.labels-demo li {
  list-style: none;
  display: inline-block;
  margin: 0 5px 2px 0; }

.badge-sidebar {
  border-left: solid 1px #eee; }

@media (max-width: 991px) {
  .badge-sidebar {
    border-left: none; } }

/*Line Icon Page
------------------------------------*/
.line-icon-page .item-box {
  width: 25%;
  float: left;
  height: 90px;
  text-align: center;
  padding: 20px 10px;
  margin: 0 -1px -1px 0;
  word-wrap: break-word;
  border: 1px solid #ddd; }

@media (max-width: 768px) {
  .line-icon-page .item-box {
    height: 115px; } }

@media (max-width: 450px) {
  .line-icon-page .item-box {
    height: 130px; } }

.line-icon-page .item-box:hover {
  background: #fafafa; }

.line-icon-page .item span {
  display: block;
  font-size: 28px;
  margin-bottom: 10px; }

.line-icon-page .item:hover {
  color: #72c02c; }

/*Line Icon Page
------------------------------------*/
.icon-page-fa {
  margin-bottom: 20px; }

.icon-page-fa .item-box {
  float: left;
  height: 100px;
  width: 16% !important; }

.icon-page-fa .item {
  font-size: 12px; }

.icon-page-fa .item i {
  color: #555;
  display: block;
  font-size: 24px;
  margin-bottom: 10px; }

@media (max-width: 767px) {
  .icon-page-fa .item-box {
    width: 20% !important; } }

@media (max-width: 600px) {
  .icon-page-fa .item-box {
    width: 30% !important; } }

@media (max-width: 400px) {
  .icon-page-fa .item-box {
    width: 50% !important; } }

/*GLYPHICONS Icons Page
------------------------------------*/
/*Special styles for displaying the icons and their classes*/
.bs-glyphicons {
  padding-left: 0;
  list-style: none;
  overflow: hidden;
  padding-bottom: 1px;
  margin-bottom: 20px; }

.bs-glyphicons li {
  width: 25%;
  float: left;
  height: 115px;
  padding: 10px;
  font-size: 11px;
  line-height: 1.4;
  text-align: center;
  margin: 0 -1px -1px 0;
  border: 1px solid #ddd; }

.bs-glyphicons .glyphicon {
  display: block;
  font-size: 18px;
  margin: 5px auto 10px; }

.bs-glyphicons li:hover {
  color: #72c02c;
  background-color: #fafafa; }

@media (min-width: 768px) {
  .bs-glyphicons li {
    width: 12.5%; } }

/*Glyphicons Pro*/
.demo-pro-glyphicons li {
  width: 170px;
  height: 100px;
  padding: 20px 10px 30px; }

.demo-pro-glyphicons span {
  height: 40px;
  display: block; }

.demo-pro-glyphicons span:before {
  color: #555;
  padding: 10px 62px; }

.demo-pro-glyphicons span.glyphicons:before {
  font-size: 22px; }

/*Glyphicons Pro Halflings*/
.demo-pro-glyphicons span.halflings {
  height: 30px; }

.demo-pro-glyphicons span.halflings:before {
  padding: 10px 70px; }

/*Contact Pages
------------------------------------*/
.map {
  width: 100%;
  height: 350px;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee; }

.map-box {
  height: 250px; }

.map-box-space {
  margin-top: 15px; }

.map-box-space1 {
  margin-top: 7px; }

/*Background Opacity
------------------------------------*/
.service-or {
  overflow: hidden;
  position: relative; }

.service-bg {
  width: 250px;
  padding: 60px;
  position: absolute;
  top: -10px;
  right: -100px;
  background-color: rgba(255, 255, 255, 0.1);
  transform: rotate(55deg);
  -o-transform: rotate(55deg);
  -ms-transform: rotate(55deg);
  -moz-transform: rotate(55deg);
  -webkit-transform: rotate(55deg); }

/*Service Block v2
------------------------------------*/
.service-block-v2 .service-block-in {
  padding: 20px 30px;
  text-align: center;
  margin-bottom: 15px;
  background: rgba(255, 255, 255, 0.2); }

.service-block-v2 .service-block-in img {
  width: 100%;
  margin-bottom: 15px; }

.service-block-v2 .service-block-in i {
  font-size: 40px; }

.service-block-v2 .service-block-in h4 {
  line-height: 25px; }

.service-block-v2 .service-block-in p {
  margin-bottom: 20px; }

.service-block-v2 .service-block-in i,
.service-block-v2 .service-block-in h4,
.service-block-v2 .service-block-in p {
  color: #fff; }

/*Easy Block
------------------------------------*/
.easy-block-v1 {
  position: relative; }

.easy-block-v1 img {
  width: 100%; }

.easy-block-v1 .overflow-h h3 {
  width: 60%;
  float: left;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 5px; }

.easy-block-v1 .easy-block-v1-badge {
  left: 0px;
  top: 10px;
  z-index: 1;
  color: #fff;
  padding: 4px 10px;
  position: absolute; }

/*Easy Block v2
------------------------------------*/
.easy-block-v2 {
  overflow: hidden;
  position: relative;
  margin-bottom: 20px; }

.easy-block-v2 img {
  width: 100%; }

.easy-bg-v2 {
  top: 5px;
  color: #fff;
  width: 100px;
  padding: 5px;
  right: -32px;
  font-size: 13px;
  position: absolute;
  text-align: center;
  letter-spacing: 2px;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

/*Easy Block v3
------------------------------------*/
.easy-block-v3 {
  text-align: left;
  background: #585f69;
  margin-bottom: 10px;
  padding: 30px 20px 20px; }

.easy-block-v3.first {
  background: #696f77; }

.easy-block-v3.second {
  background: #707780; }

.easy-block-v3.third {
  background: #787f88; }

.easy-block-v3 i {
  color: #fff;
  float: left;
  font-size: 30px;
  min-width: 45px;
  padding-top: 10px; }

.easy-block-v3 .inner-faq-b {
  overflow: hidden; }

.easy-block-v3 .inner-faq-b h2,
.easy-block-v3 .inner-faq-b h3 {
  font-size: 21px;
  margin-bottom: 8px; }

.easy-block-v3 .inner-faq-b h4 {
  color: #fff;
  font-size: 17px;
  margin-bottom: 2px; }

.easy-block-v3 .inner-faq-b h2,
.easy-block-v3 .inner-faq-b h3,
.easy-block-v3 .inner-faq-b p {
  color: #fff; }

/*Full Width Block
------------------------------------*/
.full-w-block {
  padding: 30px 0;
  background: #282828; }

.full-w-block .info-blocks i,
.full-w-block .info-blocks-in h3 {
  color: #fff; }

.full-w-block .info-blocks-in p {
  color: #ccc; }

.full-w-block .info-blocks:hover i.icon-info-blocks {
  color: #fff; }

/*Team v2
------------------------------------*/
.team-v2 {
  position: relative;
  margin-bottom: 20px; }

.team-v2 img {
  width: 100%; }

.team-v2 .inner-team {
  padding: 20px;
  background: #fff;
  text-align: center; }

.team-v2 .inner-team h3 {
  margin: 0; }

.team-v2 .inner-team small {
  display: block;
  font-size: 12px;
  margin-bottom: 7px; }

.team-v2 .inner-team p {
  font-size: 13px; }

.team-v2 .inner-team hr {
  margin: 10px 0 15px; }

/*Team-Social ---- Temporary*/
.team-social {
  margin-bottom: 0; }

.team-social li {
  padding: 0 2px; }

.team-social li a {
  font-size: 14px;
  padding: 6px 4px;
  text-align: center;
  border-radius: 50% !important; }

.team-social li i {
  min-width: 20px; }

.team-social li a.fb {
  color: #4862a3;
  border: 1px solid #4862a3; }

.team-social li a.tw {
  color: #159ceb;
  border: 1px solid #159ceb; }

.team-social li a.gp {
  color: #dc4a38;
  border: 1px solid #dc4a38; }

.team-social li a:hover {
  text-decoration: none; }

.team-social li a.fb:hover {
  color: #fff;
  background: #4862a3; }

.team-social li a.tw:hover {
  color: #fff;
  background: #159ceb; }

.team-social li a.gp:hover {
  color: #fff;
  background: #dc4a38; }

/*Simple Block
------------------------------------*/
.simple-block {
  margin-bottom: 20px; }

.simple-block img {
  width: 100%; }

.simple-block p {
  text-align: center; }

.simple-block .carousel-indicators {
  top: 10px;
  left: 65%;
  text-align: right; }

.simple-block .carousel-indicators .active {
  background: #555; }

.simple-block .carousel-indicators li {
  border-color: #555; }

.simple-block .carousel-inner > .item {
  margin: 0; }

.simple-block .responsive-video {
  margin-bottom: 3px; }

/*Two Blocks
------------------------------------*/
.two-blocks {
  text-align: center; }

.two-blocks-in {
  margin-bottom: 30px; }

.two-blocks-in i {
  color: #fff;
  padding: 11px;
  font-size: 30px;
  min-width: 50px;
  text-align: center;
  background: #585f69;
  margin-bottom: 10px;
  display: inline-block; }

/*Three Blocks
------------------------------------*/
.three-blocks {
  text-align: center; }

.three-blocks-in {
  margin-bottom: 30px; }

.three-blocks-in i {
  color: #777;
  padding: 9px 6px;
  font-size: 20px;
  min-width: 40px;
  margin-bottom: 10px;
  border: 1px solid #777; }

.three-blocks-in h3 {
  font-size: 20px;
  margin-bottom: 7px; }

/*Temperory Classes
------------------------------------*/
/*Banner-info*/
.banner-info {
  margin-bottom: 10px; }

.banner-info i {
  float: left;
  color: #fff;
  padding: 11px;
  /*min-width works with line-icon*/
  min-width: 40px;
  font-size: 22px;
  text-align: center;
  margin: 7px 20px 0 0; }

/*min-width works with FontAwesome*/
.banner-info i.fa {
  min-width: 46px; }

.banner-info.light i {
  border: 1px solid #fff; }

.banner-info.dark i {
  background: #585f69; }

.banner-info h3 {
  font-size: 21px;
  margin-bottom: 5px; }

.banner-info.light h3 {
  color: #fff; }

.banner-info.light p {
  color: #eee; }

/*Breadcrumb-V2*/
.breadcrumbs-v2 {
  text-align: center;
  position: relative;
  background: url(../img/bg/11.html) no-repeat center; }

.breadcrumbs-v2-in {
  padding: 60px 0;
  position: relative; }

.breadcrumbs-v2 h1 {
  color: #fff;
  text-transform: uppercase; }

.breadcrumb-v2 li a,
.breadcrumb-v2 li.active {
  color: #fff; }

.breadcrumb-v2 li i {
  color: #fff;
  min-width: 19px;
  padding: 3px 7px;
  margin-right: 5px;
  text-align: center;
  border: 1px solid #fff; }

/*Breadcrumbs-v3*/
.breadcrumbs-v3 {
  padding: 10px 0;
  background: #585f69;
  border-bottom: 1px solid #eee; }

.breadcrumbs-v3 h1 {
  color: #fff;
  margin: 3px 0;
  font-size: 22px;
  font-weight: 200; }

.breadcrumbs-v3 .breadcrumb {
  padding: 0;
  margin-top: 2px;
  margin-bottom: 0; }

.breadcrumbs-v3 .breadcrumb li a {
  color: #fff; }

/*Title-Box-V2*/
.title-box-v2 {
  text-align: center;
  margin-bottom: 40px; }

.title-box-v2 h2 {
  font-size: 25px;
  text-transform: uppercase; }

.title-box-v2 p {
  font-size: 13px; }

/*remove padding from "Col-"*/
.no-space {
  padding: 0; }

.no-space-left {
  padding-left: 0;
  padding-right: 15px !important; }

.no-space-right {
  padding-right: 0;
  padding-left: 15px !important; }

/*List Style v1*/
.list-style-v1 li {
  margin-bottom: 7px; }

.list-style-v1 i {
  margin-right: 5px; }

/*Social Contacts
------------------------------------*/
.social-contacts li {
  padding: 5px 0;
  border-top: 1px solid #ddd; }

.social-contacts li:first-child {
  border-top: none; }

.social-contacts li i {
  color: #777;
  font-size: 13px;
  min-width: 13px;
  margin-right: 12px;
  text-align: center; }

/*Service Block v3
------------------------------------*/
.service-block-v3 {
  padding: 20px; }

.service-block-v3 i {
  color: #fff;
  float: left;
  font-size: 50px;
  margin: 0 20px 20px 0; }

.service-block-v3 .service-heading,
.service-block-v3 .service-in small {
  color: #fff;
  opacity: 0.8;
  line-height: 1; }

.service-block-v3 .service-in h4,
.service-block-v3 .counter {
  color: #fff; }

.service-block-v3 .service-heading {
  font-size: 16px;
  text-transform: uppercase; }

.service-block-v3 .counter {
  display: block;
  line-height: 1;
  font-size: 30px; }

.service-block-v3 .progress {
  margin-bottom: 7px; }

/*Service Innner*/
.service-block-v3 .service-in small {
  font-size: 16px;
  text-transform: uppercase; }

.service-block-v3 .service-in h4 {
  font-size: 16px;
  line-height: 0.8;
  margin-bottom: 0; }

/*Statistics*/
.service-block-v3 .statistics .heading-xs {
  color: #fff;
  opacity: 0.8; }

.service-block-v3 .statistics small {
  color: #fff; }

.service-block-v3 .statistics .progress {
  background: #bbb; }

.service-block-v3 .statistics .progress-bar-light {
  background: #fff; }

/*Status Bar
------------------------------------*/
.status-bar li {
  padding-left: 9px;
  border-left: 1px solid #eee; }

.status-bar li:first-child {
  border-left: none; }

.status-bar li i {
  color: #72c02c;
  margin-right: 5px; }

.status-bar li a:hover {
  text-decoration: none; }

.status-bar-in {
  padding: 10px;
  position: relative;
  background: #f0f0f0; }

.status-bar-in:after {
  width: 0;
  height: 0;
  top: -10px;
  left: 50px;
  content: " ";
  display: block;
  position: absolute;
  border-bottom: 11px solid #f0f0f0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-left-style: inset;
  /*FF fixes*/
  border-right-style: inset;
  /*FF fixes*/ }

/*Share List*/
.share-list {
  margin-bottom: 0; }

.share-list li {
  padding-left: 20px; }

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

.share-list li i {
  color: #72c02c;
  margin-right: 5px; }

/*Table Search v1
------------------------------------*/
.table-search-v1 .btn-u.dropdown-toggle {
  border-left: none; }

.table-search-v1 .btn-group .btn-u {
  top: 4px;
  padding: 0 6px;
  position: relative; }

.table-search-v1 thead {
  border-bottom: solid 1px #ddd; }

.table-search-v1 td {
  vertical-align: middle !important; }

.table-search-v1 td a {
  color: #555; }

.table-search-v1 td span {
  display: block; }

.table-search-v1 .star-vote {
  margin: 5px 0 0px; }

.table-search-v1 .star-vote li {
  padding: 0; }

.table-search-v1 .progress {
  margin-bottom: 0; }

.table-search-v1 .m-marker a {
  font-size: 11px; }

.table-search-v1 .m-marker i {
  float: left;
  min-width: 20px;
  font-size: 26px; }

.table-search-v1 .m-marker .display-b {
  top: 3px;
  display: block;
  line-height: 10px;
  position: relative; }

.table-search-v1 .td-width {
  width: 40%; }

/*Table Search v2
------------------------------------*/
.table-search-v2 .btn-u.dropdown-toggle {
  border-left: none; }

.table-search-v2 .btn-group .btn-u {
  top: 4px;
  padding: 0 6px;
  position: relative; }

.table-search-v2 thead {
  border-bottom: solid 1px #ddd; }

.table-search-v2 td {
  vertical-align: middle !important; }

.table-search-v2 td img {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  display: block; }

.table-search-v2 .user-names span,
.table-search-v2 .user-names small {
  display: block;
  text-align: center; }

.table-search-v2 .user-names span {
  color: #555;
  font-size: 16px;
  position: relative; }

.table-search-v2 .user-names small {
  color: #999;
  font-size: 13px; }

.table-search-v2 td h3 {
  font-size: 16px;
  margin: 0 0 2px; }

.table-search-v2 td a {
  color: #555; }

.table-search-v2 td p {
  margin-bottom: 0; }

.table-search-v2 td span {
  display: block; }

.table-search-v2 td small {
  font-style: italic; }

.table-search-v2 .s-icons {
  margin-bottom: 0; }

.table-search-v2 .s-icons li {
  padding: 2px; }

.table-search-v2 .table-buttons {
  margin: 0; }

.table-search-v2 .table-buttons li {
  padding: 0; }

.table-search-v2 .table-buttons .btn-u-sm {
  padding: 3px 6px; }

.table-search-v2 .td-width {
  width: 55%; }

/*People Say
------------------------------------*/
.people-say img {
  float: left;
  width: 40px;
  height: auto;
  margin: 6px 10px 0 0; }

.people-say .overflow-h span {
  font-weight: 700; }

.people-say .overflow-h p {
  font-style: italic;
  line-height: 1.3; }

.people-say .overflow-h small {
  text-align: right;
  font-style: italic; }

/*Page Option v1
------------------------------------*/
.page-option-v1 p {
  color: #999;
  font-size: 14px; }

/*Inspire Page
------------------------------------*/
img.img-mouse {
  width: 150px;
  height: auto;
  margin: 0 auto 60px; }

/*Desire Page
------------------------------------*/
/*Service Info*/
.service-info {
  position: relative;
  padding: 40px 0 50px;
  background: url(../img/patterns/17.html) repeat; }

.service-info .info-description {
  overflow: hidden; }

.service-info i.service-info-icon {
  color: #777;
  float: left;
  width: 50px;
  height: 50px;
  padding: 15px;
  font-size: 20px;
  line-height: 17px;
  margin-right: 20px;
  text-align: center;
  display: inline-block;
  border: 1px solid #777; }

.service-info .info-description h3 {
  margin: 0 0 10px; }

.service-info .info-description p {
  color: #777; }

/*Portfolio Single Item Page
------------------------------------*/
/*Project Details*/
.project-details li {
  color: #555;
  font-weight: 200;
  margin-bottom: 5px; }

.project-details strong {
  min-width: 100px;
  display: inline-block; }

.project-details a {
  text-decoration: underline; }

/*Bootstrap Testimonials
------------------------------------*/
.testimonials-bs {
  padding: 50px 0;
  background: url(../img/bg/16.html) 50% 0 repeat fixed; }

.testimonials-bs .headline-center-v2 span.author {
  color: #777;
  font-size: 14px; }

/*Removes Bootstrap carousel background images*/
.testimonials-bs .item {
  margin-bottom: 30px; }

.testimonials-bs .carousel-arrow {
  text-align: center; }

.testimonials-bs .carousel-control-v2 i {
  color: #888;
  width: 30px;
  height: 30px;
  padding: 2px;
  font-size: 22px;
  display: inline-block;
  border: 2px solid #888; }

.testimonials-bs .carousel-control-v2 i:hover {
  color: #72c02c;
  border-color: #72c02c;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out; }

.testimonials-bs .carousel-control-v2.left,
.testimonials-bs .carousel-control-v2.right {
  text-decoration: none;
  background-image: none; }

/*Team v1*/
.team-v1 li > h3 {
  color: #555; }

/*
* Version: 1.6
* Blue Color 		: #00A9CE;
* Blue Hover Color  : #00A9CE;
* Additional color  : deeffc;
* rgba(52, 152, 219, 1);
*/
/* WM Did a search replace of 3498DB and 2980B9 and replaced it with 00A9CE*/
a {
  color: #00A9CE; }

a:focus,
a:hover,
a:active {
  color: #00A9CE; }

.color-green {
  color: #00A9CE; }

a.read-more:hover {
  color: #00A9CE; }

.linked:hover {
  color: #00A9CE; }

.btn-primary {
  background-color: #00A9CE;
  border-color: #00A9CE; }

.btn-primary:hover {
  background-color: #0089AE;
  border-color: #0089AE; }

/*Headers Default
------------------------------------*/
.header .navbar-default .navbar-nav > .active > a {
  color: #00A9CE; }

.header .navbar-default .navbar-nav > .active > a {
  border-color: #00A9CE; }

.header .dropdown-menu {
  border-top: solid 2px #00A9CE; }

.header .navbar-default .navbar-nav > li:hover > a {
  color: #00A9CE; }

.header .navbar .nav > li > .search:hover {
  border-bottom-color: #00A9CE;
  color: #00A9CE; }

.header .navbar-default .navbar-toggle {
  border-color: #00A9CE; }

.header .navbar-toggle,
.header .navbar-default .navbar-toggle:hover,
.header .navbar-default .navbar-toggle:focus {
  background: #00A9CE; }

.header .navbar-toggle:hover {
  background: #00A9CE !important; }

.header .navbar-default .navbar-nav > .open > a,
.header .navbar-default .navbar-nav > .open > a:hover,
.header .navbar-default .navbar-nav > .open > a:focus {
  color: #00A9CE; }

/*Design for max-width: 991px*/
@media (max-width: 991px) {
  .header .navbar-default .navbar-nav > .active > a,
  .header .navbar-default .navbar-nav > .active > a:hover,
  .header .navbar-default .navbar-nav > .active > a:focus {
    background: #00A9CE;
    color: #fff !important; }
  .header .navbar-default .navbar-nav > .active > a {
    border-color: #eee; }
  .header .navbar .nav > li > .search:hover {
    background: #00A9CE; } }

/*Headers v1
------------------------------------*/
.header-v1 .navbar-default .navbar-nav > .active > a,
.header-v1 .navbar-default .navbar-nav > li > a:hover,
.header-v1 .navbar-default .navbar-nav > li > a:focus {
  color: #00A9CE; }

.header-v1 .dropdown-menu {
  border-color: #00A9CE; }

.header-v1 .navbar-default .navbar-nav > li:hover > a {
  color: #00A9CE; }

.header-v1 .navbar .nav > li > .search:hover {
  color: #00A9CE; }

.header-v1 .navbar .nav > li > .search:hover {
  color: #00A9CE; }

.header-v1 .navbar-default .navbar-toggle {
  border-color: #00A9CE; }

.header-v1 .navbar-toggle,
.header-v1 .navbar-default .navbar-toggle:hover,
.header-v1 .navbar-default .navbar-toggle:focus {
  background: #00A9CE; }

.header-v1 .navbar-toggle:hover {
  background: #00A9CE !important; }

/*Design for max-width: 991px*/
@media (max-width: 991px) {
  .header-v1 .navbar-default .navbar-nav > li:hover > a {
    border-color: #eee; }
  .header-v1 .navbar-default .navbar-nav > .active > a,
  .header-v1 .navbar-default .navbar-nav > .active > a:hover,
  .header-v1 .navbar-default .navbar-nav > .active > a:focus {
    background-color: #00A9CE; }
  .header-v1 .navbar-default .navbar-nav > .active > a {
    border-color: #eee; }
  .header-v1 .navbar .nav > li > .search:hover {
    background-color: #00A9CE; } }

/*Headers v2
------------------------------------*/
.header-v2 .dropdown-menu {
  border-color: #00A9CE; }

.header-v2 .navbar-default .navbar-toggle {
  border-color: #00A9CE; }

.header-v2 .navbar-toggle,
.header-v2 .navbar-default .navbar-toggle:hover,
.header-v2 .navbar-default .navbar-toggle:focus {
  background: #00A9CE; }

.header-v2 .navbar-toggle:hover {
  background: #00A9CE !important; }

/*Design for max-width: 991px*/
@media (max-width: 991px) {
  .header-v2 .navbar-default .navbar-nav > .active > a,
  .header-v2 .navbar-default .navbar-nav > .active > a:hover,
  .header-v2 .navbar-default .navbar-nav > .active > a:focus {
    background: #00A9CE;
    color: #fff !important; }
  .header-v2 .navbar-default .navbar-nav > li > a:hover {
    color: #00A9CE; } }

/*Headers v3
------------------------------------*/
.header-v3 .navbar-default .navbar-nav > .active > a {
  color: #00A9CE; }

.header-v3 .navbar-default .navbar-nav > li:hover > a {
  color: #00A9CE; }

.header-v3 .dropdown-menu {
  border-color: #00A9CE; }

.header-v3 .navbar-default .navbar-toggle {
  border-color: #00A9CE; }

.header-v3 .navbar-toggle,
.header-v3 .navbar-default .navbar-toggle:hover,
.header-v3 .navbar-default .navbar-toggle:focus {
  background: #00A9CE; }

.header-v3 .navbar-toggle:hover {
  background: #00A9CE !important; }

.header-v3 .navbar .nav > li > .search:hover {
  background: inherit;
  color: #00A9CE; }

/*Design for max-width: 991px*/
@media (max-width: 991px) {
  .header-v3 .navbar-default .navbar-nav > .active > a,
  .header-v3 .navbar-default .navbar-nav > .active > a:hover,
  .header-v3 .navbar-default .navbar-nav > .active > a:focus {
    background: #00A9CE;
    color: #fff !important; }
  .header-v3 .navbar-default .navbar-nav > .active > a {
    border-color: #eee; }
  .header-v3 .navbar .nav > li > .search:hover {
    background: #00A9CE; } }

/*Headers v4
------------------------------------*/
.header-v4 .navbar-default .navbar-nav > li > a:hover,
.header-v4 .navbar-default .navbar-nav > .active > a {
  border-color: #00A9CE; }

.header-v4 .navbar-default .navbar-nav > .active > a {
  color: #00A9CE; }

.header-v4 .navbar-default .navbar-nav > li:hover > a {
  border-color: #00A9CE;
  color: #00A9CE; }

.header-v4 .navbar .nav > li > .search:hover {
  color: #00A9CE; }

.header-v4 .navbar-default .navbar-nav > .open > a,
.header-v4 .navbar-default .navbar-nav > .open > a:hover,
.header-v4 .navbar-default .navbar-nav > .open > a:focus {
  color: #00A9CE; }

/*Design for max-width: 991px*/
@media (max-width: 991px) {
  .header-v4 .navbar-default .navbar-nav > li:hover > a {
    border-color: #eee; }
  .header-v4 .navbar-default .navbar-nav > .active > a,
  .header-v4 .navbar-default .navbar-nav > .active > a:hover,
  .header-v4 .navbar-default .navbar-nav > .active > a:focus {
    color: #00A9CE !important; }
  .header-v4 .navbar-default .navbar-nav > .active > a {
    border-color: #eee; }
  .header-v4 .navbar .nav > li > .search:hover {
    background: #00A9CE; } }

/*Headers v5
------------------------------------*/
.header-v5 .navbar-default .navbar-nav > li > a:hover,
.header-v5 .navbar-default .navbar-nav > .active > a {
  border-top: 2px solid #00A9CE; }

.header-v5 .navbar-default .navbar-nav > .active > a {
  color: #00A9CE; }

.header-v5 .navbar-default .navbar-nav > li:hover > a {
  color: #00A9CE; }

.header-v5 .navbar-default .navbar-nav > .open > a,
.header-v5 .navbar-default .navbar-nav > .open > a:hover,
.header-v5 .navbar-default .navbar-nav > .open > a:focus {
  color: #00A9CE; }

.header-v5 .dropdown-menu li > a:hover {
  background: #00A9CE; }

.header-v5 .dropdown-menu .active > a,
.header-v5 .dropdown-menu li > a:hover {
  background: #00A9CE; }

.header-v5 .dropdown-menu {
  border-color: #00A9CE; }

.header-v5 .dropdown-menu li.dropdown-submenu:hover > a {
  background: #00A9CE; }

.header-v5 .dropdown-menu .style-list li > a:hover {
  background: none; }

.header-v5 .style-list li a:hover {
  color: #00A9CE; }

/* Shopping cart*/
.header-v5 .shop-badge.badge-icons i {
  color: #00A9CE; }

.header-v5 .shop-badge span.badge-sea {
  background: #00A9CE; }

.header-v5 .badge-open {
  border-top: 2px solid #00A9CE;
  box-shadow: 0 5px 5px 0 rgba(90, 90, 90, 0.075); }

/*Sliders
------------------------------------*/
/*Main Parallax Sldier*/
.da-slide h2 i {
  background: rgba(52, 152, 219, 0.8); }

/*Sequence Parallax Sldier*/
.sequence-inner {
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#deeffc));
  background: -webkit-linear-gradient(#fff, #deeffc);
  background: -moz-linear-gradient(#fff, #deeffc);
  background: -ms-linear-gradient(#fff, #deeffc);
  background: -o-linear-gradient(#fff, #deeffc);
  background: linear-gradient(#fff, #deeffc); }

#sequence-theme h2 {
  background: rgba(52, 152, 219, 0.8); }

#sequence-theme .info p {
  background: rgba(52, 152, 219, 0.8); }

/*Buttons
------------------------------------*/
.btn-u {
  background: #00A9CE; }

.btn-u:hover,
.btn-u:focus,
.btn-u:active,
.btn-u.active,
.open .dropdown-toggle.btn-u {
  background: #00A9CE; }

/*Buttons Color*/
.btn-u-split.dropdown-toggle {
  border-left: solid 1px #00A9CE; }

/*Bordered Buttons*/
.btn-u.btn-brd {
  border-color: #00A9CE; }

.btn-u.btn-brd:hover {
  color: #00A9CE;
  border-color: #00A9CE; }

.btn-u.btn-brd.btn-brd-hover:hover {
  background: #00A9CE; }

/*Service
------------------------------------*/
.service .service-icon {
  color: #00A9CE; }

/*Service Blocks*/
.service-alternative .service:hover {
  background: #00A9CE; }

/*Thumbnail (Recent Work)
------------------------------------*/
.thumbnail-style h3 a:hover {
  color: #00A9CE; }

.thumbnail-style a.btn-more {
  background: #00A9CE; }

.thumbnail-style a.btn-more:hover {
  box-shadow: 0 0 0 2px #00A9CE; }

/*Carousel (Recent Work)*/
.recent-work a:hover span {
  border-bottom: solid 2px #00A9CE; }

.bx-wrapper .bx-prev {
  background: rgba(52, 152, 219, 0.8); }

.bx-wrapper .bx-next {
  background: rgba(52, 152, 219, 0.8); }

/*Typography
------------------------------------*/
/*Heading*/
.headline h2,
.headline h3,
.headline h4 {
  border-bottom: 2px solid #00A9CE; }

/*Blockquote*/
blockquote:hover {
  border-left-color: #00A9CE; }

.hero {
  border-left-color: #00A9CE; }

/*Carousel
------------------------------------*/
.carousel-arrow a.carousel-control:hover {
  color: #00A9CE; }

/*Footer
------------------------------------*/
.footer a,
.copyright a,
.footer a:hover,
.copyright a:hover {
  color: #00A9CE; }

/*Footer Blog*/
.footer .dl-horizontal a:hover {
  color: #00A9CE !important; }

/*Blog Posts
------------------------------------*/
.posts .dl-horizontal a:hover {
  color: #00A9CE; }

.posts .dl-horizontal:hover dt img,
.posts .dl-horizontal:hover dd a {
  color: #00A9CE;
  border-color: #00A9CE !important; }

/*Post Comment*/
.post-comment h3,
.blog-item .media h3,
.blog-item .media h4.media-heading span a {
  color: #00A9CE; }

/*Tabs
------------------------------------*/
/*Tabs v1*/
.tab-v1 .nav-tabs {
  border-bottom: solid 2px #00A9CE; }

.tab-v1 .nav-tabs > .active > a,
.tab-v1 .nav-tabs > .active > a:hover,
.tab-v1 .nav-tabs > .active > a:focus {
  background: #00A9CE; }

.tab-v1 .nav-tabs > li > a:hover {
  background: #00A9CE; }

/*Tabs v2*/
.tab-v2 .nav-tabs li.active a {
  border-top: solid 2px #00A9CE; }

/*Tabs v3*/
.tab-v3 .nav-pills li a:hover,
.tab-v3 .nav-pills li.active a {
  background: #00A9CE;
  border: solid 1px #00A9CE; }

/*Accardion
------------------------------------*/
.acc-home a.active,
.acc-home a.accordion-toggle:hover {
  color: #00A9CE; }

.acc-home .collapse.in {
  border-bottom: solid 1px #00A9CE; }

/*Testimonials
------------------------------------*/
.testimonials .testimonial-info {
  color: #00A9CE; }

.testimonials .carousel-arrow i:hover {
  background: #00A9CE; }

/*Info Blocks
------------------------------------*/
.info-blocks:hover i.icon-info-blocks {
  color: #00A9CE; }

/*Breadcrumb
------------------------------------*/
.breadcrumb li.active,
.breadcrumb li a:hover {
  color: #00A9CE; }

/*About Page
------------------------------------*/
.team .thumbnail-style:hover h3 a {
  color: #00A9CE !important; }

/*Social Icons*/
.team ul.team-socail li i:hover {
  background: #00A9CE; }

/*Right Sidebar
------------------------------------*/
/*Right Sidebar*/
.who li i,
.who li:hover i,
.who li:hover a {
  color: #00A9CE; }

/*Privacy Page
------------------------------------*/
.privacy a:hover {
  color: #00A9CE; }

/*Portfolio Page
------------------------------------*/
/*Portfolio v1*/
.view a.info:hover {
  background: #00A9CE; }

/*Portfolio v2*/
.sorting-block .sorting-nav li.active {
  color: #00A9CE;
  border-bottom: solid 1px #00A9CE; }

.sorting-block .sorting-grid li a:hover span.sorting-cover {
  background: #00A9CE; }

/*Blog Page
------------------------------------*/
.blog h3 {
  color: #00A9CE; }

.blog li a:hover {
  color: #00A9CE; }

/*Blog Tags*/
ul.blog-tags a:hover {
  background: #00A9CE; }

.blog-post-tags ul.blog-tags a:hover {
  background: #00A9CE; }

/*Blog Photos*/
.blog-photos li img:hover {
  box-shadow: 0 0 0 2px #00A9CE; }

/*Blog Latest Tweets*/
.blog-twitter .blog-twitter-inner:hover {
  border-color: #00A9CE;
  border-top-color: #00A9CE; }

.blog-twitter .blog-twitter-inner:hover:after {
  border-top-color: #00A9CE; }

.blog-twitter .blog-twitter-inner a {
  color: #00A9CE; }

/*Blog Item Page
------------------------------------*/
.blog-item h4.media-heading span a {
  color: #00A9CE; }

/*Coming Soon Page
------------------------------------*/
.coming-soon-border {
  border-top: solid 3px #00A9CE; }

/*Search Page
------------------------------------*/
.booking-blocks p a {
  color: #00A9CE; }

/*Icons Page
------------------------------------*/
.icon-page li:hover {
  color: #00A9CE; }

/*Glyphicons*/
.glyphicons-demo a:hover {
  color: #00A9CE;
  text-decoration: none; }

/*Magazine Page
------------------------------------*/
/*Magazine News*/
.magazine-news .by-author strong {
  color: #00A9CE; }

.magazine-news a.read-more {
  color: #00A9CE; }

/*Magazine Mini News*/
.magazine-mini-news .post-author strong {
  color: #00A9CE; }

.news-read-more i {
  background: #00A9CE; }

/*Sidebar Features*/
.magazine-page h3 a:hover {
  color: #00A9CE; }

/*Page Features
------------------------------------*/
/*Tag Boxes v1*/
.tag-box-v1 {
  border-top: solid 2px #00A9CE; }

/*Tag Boxes v2*/
.tag-box-v2 {
  border-left: solid 2px #00A9CE; }

/*Tag Boxes v7*/
.tag-box-v7 {
  border-bottom: solid 2px #00A9CE; }

/*Font Awesome Icon Page Style*/
.fa-icons li:hover {
  color: #00A9CE; }

.fa-icons li:hover i {
  background: #00A9CE; }

/*GLYPHICONS Icons Page Style*/
.bs-glyphicons li:hover {
  color: #00A9CE; }

/*Navigation
------------------------------------*/
/*Pagination*/
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #00A9CE;
  border-color: #00A9CE; }

.pagination li a:hover {
  background: #00A9CE;
  border-color: #00A9CE; }

/*Pager*/
.pager li > a:hover,
.pager li > a:focus {
  background: #00A9CE;
  border-color: #00A9CE; }

/*Registration and Login Page v2
------------------------------------*/
.reg-block {
  border-top: solid 2px #00A9CE; }

/*Image Hover
------------------------------------*/
/*Image-hover*/
#effect-2 figure .img-hover {
  background: #00A9CE; }

/*Blog Large Page
------------------------------------*/
.blog h2 a:hover {
  color: #00A9CE; }

/*Timeline v1 Page
------------------------------------*/
.timeline-v1 > li > .timeline-badge i:hover {
  color: #00A9CE; }

.timeline-v1 .timeline-footer .likes:hover i {
  color: #00A9CE; }

/*Timeline v2 Page
------------------------------------*/
/* The icons */
.timeline-v2 > li .cbp_tmicon {
  background: #00A9CE; }

/*Progress Bar
------------------------------------*/
.progress-bar-u {
  background: #00A9CE; }

/*Job Inner Page
------------------------------------*/
.job-description .save-job a:hover,
.block-description .save-job a:hover {
  color: #00A9CE; }

.job-description .p-chart .overflow-h li i,
.job-description .p-chart .overflow-h li a,
.block-description .p-chart .overflow-h li i,
.block-description .p-chart .overflow-h li a {
  color: #00A9CE; }

/*Colorful-ul*/
.job-description .colorful-ul li a {
  color: #00A9CE; }

/*Search Inner Page
------------------------------------*/
.s-results .related-search a:hover {
  color: #00A9CE; }

.s-results .inner-results h3 a:hover {
  color: #00A9CE; }

.s-results .up-ul li a:hover {
  color: #00A9CE; }

.s-results .down-ul li a {
  color: #00A9CE; }

/*Funny Boxes
------------------------------------*/
.funny-boxes p a {
  color: #00A9CE; }

.funny-boxes .funny-boxes-img li i {
  color: #00A9CE; }

/*Sidebar Sub Navigation
------------------------------------*/
.sidebar-nav-v1 ul li:hover a,
.sidebar-nav-v1 ul li.active a {
  color: #00A9CE; }

/*Blockquote
------------------------------------*/
blockquote.bq-green {
  border-color: #00A9CE; }

blockquote:hover,
blockquote.text-right:hover {
  border-color: #00A9CE; }

/*Green Left Bordered Funny Box**/
.funny-boxes-left-green {
  border-left: solid 2px #00A9CE; }

.funny-boxes-left-green:hover {
  border-left-color: #00A9CE; }

/*Testimonials Default
------------------------------------*/
/*Testimonials*/
.testimonials .carousel-arrow i:hover {
  background: #00A9CE; }

/*Testimonials Default*/
.testimonials-bg-default .item p {
  background: #00A9CE; }

.testimonials.testimonials-bg-default .item p:after,
.testimonials.testimonials-bg-default .item p:after {
  border-top-color: #00A9CE; }

.testimonials-bg-default .carousel-arrow i {
  background: #00A9CE; }

.testimonials.testimonials-bg-default .carousel-arrow i:hover {
  background: #00A9CE; }

/*Promo Page
------------------------------------*/
/*Promo Box*/
.promo-box:hover strong,
.promo-box:hover strong a {
  color: #00A9CE; }

/*Typography
------------------------------------*/
.dropcap {
  color: #00A9CE; }

.dropcap-bg {
  color: #fff;
  background: #00A9CE; }

/*Breadcrumbs
------------------------------------*/
span.label-u,
span.badge-u {
  background: #00A9CE; }

/*Icons
------------------------------------*/
/*Icon Link*/
.link-icon:hover i {
  color: #00A9CE;
  border: solid 1px #00A9CE; }

.link-bg-icon:hover i {
  color: #00A9CE;
  background: #00A9CE !important;
  border-color: #00A9CE; }

/*Icons Backgroun Color
------------------------------------*/
i.icon-color-u {
  color: #00A9CE;
  border: solid 1px #00A9CE; }

i.icon-bg-u {
  background: #00A9CE; }

/*Line Icon Page
------------------------------------*/
.line-icon-page .item:hover {
  color: #00A9CE; }

/*Colored Content Boxes
------------------------------------*/
.service-block-u {
  background: #00A9CE; }

/*Panels (Portlets)
------------------------------------*/
.panel-u {
  border-color: #00A9CE; }

.panel-u > .panel-heading {
  background: #00A9CE; }

/*Owl Carousel
------------------------------------*/
.owl-btn:hover {
  background: #00A9CE; }

/*Counter
------------------------------------*/
.counters span.counter-icon i {
  background: #00A9CE; }

.counters span.counter-icon i:after {
  border-top: 7px solid #00A9CE; }

/*SKy-Forms
------------------------------------*/
/*Buttons*/
.sky-form .button {
  background: #00A9CE; }

/*Rating*/
.sky-form .rating input:checked ~ label {
  color: #00A9CE; }

/*Message*/
.sky-form .message {
  color: #00A9CE; }

.sky-form .message i {
  border-color: #00A9CE; }

/*Profile
------------------------------------*/
.profile .profile-post:hover span.profile-post-numb {
  color: #00A9CE; }

.profile .date-formats {
  background: #00A9CE; }

.profile .name-location span i,
.profile .name-location span a:hover {
  color: #00A9CE; }

.share-list li i {
  color: #00A9CE; }

.profile .comment-list-v2 li:hover i,
.profile .comment-list li:hover i {
  color: #00A9CE; }

.profile .profile-post.color-one {
  border-color: #00A9CE; }

/*Pricing Page
------------------------------------*/
/*Pricing Head*/
.pricing:hover h4 {
  color: #00A9CE; }

.pricing-head h3 {
  background: #00A9CE;
  text-shadow: 0 1px 0 #00A9CE; }

.pricing-head h4 {
  color: #999;
  background: #fcfcfc;
  border-bottom: solid 1px #deeffc; }

/*Pricing Content*/
.pricing-content li {
  border-bottom: solid 1px #deeffc; }

.pricing-content li i {
  color: #00A9CE; }

/*Pricing Extra*/
.sticker-left {
  background: #00A9CE; }

/*Pricing Footer*/
.pricing-footer a:hover,
.pricing-footer button:hover {
  background: #00A9CE; }

/*Pricing Active*/
.price-active h4 {
  color: #00A9CE; }

.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
  color: #00A9CE; }

/*Mega Pricing Tables
------------------------------------*/
.pricing-mega-v1 .pricing-head h3,
.pricing-mega-v2 .pricing-head h3,
.pricing-mega-v3 .pricing-head h3 {
  text-shadow: 0 1px 0 #00A9CE; }

/*Pricing Table Mega v1 Version
------------------------------------*/
.pricing-mega-v1 .pricing:hover h4 i {
  color: #00A9CE; }

.pricing-mega-v1 .pricing-content li i {
  color: #00A9CE; }

/*Pricing Table Colored Background Version
------------------------------------*/
.pricing-bg-colored .pricing:hover {
  background: #00A9CE; }

.pricing-bg-colored .pricing-head i {
  color: #00A9CE; }

.pricing-bg-colored .pricing-footer .btn-u {
  border: 1px solid #fff; }

.pricing-bg-colored .pricing-head p {
  border-bottom: 1px solid #deeffc; }

/*Pricing Table Mega v2
------------------------------------*/
.pricing-mega-v2 .block:hover .bg-color {
  background: #00A9CE; }

.pricing-mega-v2 .block:hover h3,
.pricing-mega-v2 .block:hover h4,
.pricing-mega-v2 .block:hover li,
.pricing-mega-v2 .block:hover li i,
.pricing-mega-v2 .block:hover h4 i {
  background: #00A9CE; }

/*Pricing Table Mega v3
------------------------------------*/
.pricing-mega-v1 .btn-group .dropdown-menu,
.pricing-mega-v3 .btn-group .dropdown-menu {
  background: #00A9CE !important; }

.pricing-mega-v1 .btn-group .dropdown-menu li a:hover,
.pricing-mega-v3 .btn-group .dropdown-menu li a:hover {
  background: #00A9CE; }

/*Grid Block v2
------------------------------------*/
.grid-block-v2 li:hover .grid-block-v2-info {
  border-color: #00A9CE; }

/*Testimonials v3 Title
------------------------------------*/
.testimonials-v3 .testimonials-v3-title p {
  color: #00A9CE; }

.testimonials-v3 .owl-buttons .owl-prev:hover,
.testimonials-v3 .owl-buttons .owl-next:hover {
  background: #00A9CE; }

/*Content Boxes v4
------------------------------------*/
.content-boxes-v4 i {
  color: #00A9CE; }

/*Thumbnails v1
------------------------------------*/
.thumbnails-v1 .read-more {
  color: #00A9CE; }

/*Team v1
------------------------------------*/
.team-v1 li:hover > p:before {
  background: #00A9CE; }

/*Headliner Center
------------------------------------*/
.headline-center h2:after {
  background: #00A9CE; }

/*Headliner Left
------------------------------------*/
.headline-left .headline-brd:after {
  background: #00A9CE; }

/*Portfolio Box
------------------------------------*/
.portfolio-box .portfolio-box-in i {
  background: #00A9CE; }

/*Flat Background Block v1
------------------------------------*/
.flat-bg-block-v1 .checked-list i {
  color: #00A9CE; }

/* Owl Carousel v5
------------------------------------*/
.owl-carousel-v5 .owl-controls .owl-page.active span,
.owl-carousel-v5 .owl-controls.clickable .owl-page:hover span {
  background: #00A9CE; }

/* Content Boxes v5
------------------------------------*/
.content-boxes-v5:hover i {
  background: #00A9CE; }

/* Block Grid v1
------------------------------------*/
.block-grid-v1:hover {
  border-color: #00A9CE; }

/* Content Boxes v6
------------------------------------*/
.content-boxes-v6:hover i:after {
  border-color: #00A9CE; }

.content-boxes-v6:hover i {
  background: #00A9CE; }

/* Portfolio Box-v2
------------------------------------*/
.portfolio-box-v2 .portfolio-box-v2-in i {
  background: rgba(52, 152, 219, 0.8); }

.portfolio-box-v2 .portfolio-box-v2-in i:hover {
  background: #00A9CE; }

/* Service Block v1
------------------------------------*/
.service-block-v1 i {
  background: #00A9CE; }

/* Testimonials bs
------------------------------------*/
.testimonials-bs .carousel-control-v2 i:hover {
  border-color: #00A9CE;
  color: #00A9CE; }

/* Fusion Portfolio
------------------------------------*/
.fusion-portfolio #filters-container .cbp-filter-item-active {
  background: #00A9CE;
  border-color: #00A9CE; }

.fusion-portfolio #filters-container .cbp-filter-item:hover {
  color: #00A9CE; }

/* Fusion Portfolio
------------------------------------*/
.blog_masonry_3col h3 a:hover {
  color: #00A9CE; }

/* Recent Works
------------------------------------*/
.owl-work-v1 .item a:hover span {
  border-bottom-color: #00A9CE; }

/* Footer Default
------------------------------------*/
.footer-default .footer .dl-horizontal a:hover {
  color: #00A9CE !important; }

.footer-default .footer a {
  color: #00A9CE; }

.footer-default .footer a:hover {
  color: #00A9CE; }

.footer-default .copyright a {
  color: #00A9CE; }

.footer-default .copyright a:hover {
  color: #00A9CE; }

/* Footer v4
------------------------------------*/
.footer-v4 .copyright a {
  color: #00A9CE; }

/* Title v1
------------------------------------*/
.title-v1 h1:after, .title-v1 h2:after {
  background-color: #00A9CE; }

/* Copyright Section
------------------------------------*/
.copyright-section i.back-to-top:hover {
  color: #00A9CE; }

/* Leadership Bio Section
	-------------------------------*/
	
  .bio-group {
    width: 180px;
    height: 180px;
  }
  
  .bio-top {
    order: 0;
    width: 100%;
  }
  
  .bio-section {
    max-width: 1200px;
    -ms-display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
  }
  
  .bio-tile {
    flex-basis: 25%;
    -ms-flex-basis: 25%;
    text-align: center;
    padding: 25px;
    order: 10;
  }
  
  @media screen and (max-width: 992px) {
    .bio-tile {
      flex: 50%;
    }
  }

/* Top Control
------------------------------------*/
#topcontrol:hover {
  background-color: #00A9CE; }

/* John added 5/29/2015 */
hr.color {
  border-color: #00A9CE; }

.color-inverse {
  background-color: #00A9CE;
  color: #fff; }

/* John added 6/25/2015 */
.footer-v3 .copyright {
  background-color: #00205b; }

.footer-v3 .copyright p {
  color: #fff; }

.footer-v3 .copyright p a:hover {
  color: #fff;
  text-decoration: underline; }