@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: 0.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);
}

/* Trauma Care Styling*/

.label-one,
.label-two,
.label-three,
.label-four,
.label-five,
.label-six,
.table-one,
.table-two,
.table-three,
.table-four,
.table-five,
.table-six :hover {
  cursor: pointer;
}

.table-data-2, .table-data-3, .table-data-4, .table-data-5, .table-data-6{
visibility: hidden;
vertical-align: top;
}

.icon-text{
  text-align: left;
}

.homepage-body{
  margin: auto;
  padding: 10px 0px 30px;
  color: #031f5b;
  font-size: 18px;
}

.req-demo-btn {
  background-color: #00205b;
  border-radius: 20px !important;
  font-family: CompatilFactLTPro-Bd;
  width: 300px;
  color: white;
  font-size: 0.8em;
}

.product-title {
  color: #00205b;
}
.request-demo-btn {
  border-radius: 8px !important;
  font-family: CompatilFactLTPro-Bd;
}

.nav-button{
  width: 30%;
}

.icon-link {
  font-family: Open sans;
  font-weight: bold;
  font-size: 0.9em;
  text-transform: uppercase;
}

.icon-link > a {
  text-decoration: none;
  color: #51534a;
}

.icon-link > a:hover {
  color: lightslategrey;
  text-decoration: none;
}

.icon-row{
  display:flex;
  justify-content: space-evenly;
}

.icon-link p{
  height: 70px;
  font-size: larger;
}

.trauma-icons img {
  max-width: 50%;
}

.trauma-icons p{
  font-size: 15px;
  margin-top: 1em;
}

@media all and (max-width: 700px) {
  .icon-row {
    display: block;
    justify-content: default;
    align-items: default;
  }

  .icon-link img {
    width: 300px;
  }
}

@media (max-width: 550px) {
  .container-sm p {
    font-size: smaller;
}
}

@media (max-width: 425px) {
  .nav-button{
    width: 50%;
   }

  tbody, table, th, tr{
    white-space: initial;
    }

  #social-links > div.col-md-4.col-sm-6.col-xs-8.text-center.center-block{
    padding-top:2.5em;
  }
}

@media (max-width: 375px) {
  .nav-button{
    width: 60%;
   }
}

@media (max-width: 333px) {
  .nav-button{
    width: 70%;
   }

   .container-sm p {
    font-size: x-small
   }
}
/*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;
}

.my-tfx {
  width: 138px;
  margin: auto;
  padding: 6px 0px;
}

/*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 0.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 0.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: 0.8em;
}

.footer-v3 p a {
  color: #fff;
}

.footnote {
  padding-top: 3em;
  background: #878c93;
  font-size: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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--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-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: 0.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--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-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: 0.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 {
  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 {
  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;
}

#ez-io-learn .rhg-ez-io {
  background: url(/usa/en/product-areas/emergency-medicine/intraosseous-access/arrow-ez-io-system/use-and-application/Skeletons.png)
    no-repeat;
  min-height: 586px;
  min-width: 585px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#ez-io-learn .rhg-hover-active {
  background: url(/usa/en/product-areas/emergency-medicine/intraosseous-access/arrow-ez-io-system/use-and-application/hotspot.png)
    no-repeat;
}

#ez-io-learn .rhg-hover1 {
  width: 57px;
  height: 57px;
  position: relative;
  top: 161px;
  left: 185px
}

#ez-io-learn .rhg-hover2 {
  width: 57px;
  height: 57px;
  position: relative;
  top: 320px;
  left: 189px;
}

#ez-io-learn .rhg-hover3 {
  width: 57px;
  height: 57px;
  position: relative;
  top: 347px;
  left: 190px;
}

#ez-io-learn .rhg-hover4 {
  width: 57px;
  height: 57px;
  position: relative;
  top: 112px;
  left: 423px;
}

#ez-io-learn .rhg-hover5 {
  width: 57px;
  height: 57px;
  position: relative;
  top: 177px;
  left: 422px;
}

#ez-io-learn .rhg-hover6 {
  width: 57px;
  height: 57px;
  position: relative;
  top: 139px;
  left: 423px;
}

#ez-io-learn .rhg-hover7 {
  width: 57px;
  height: 57px;
  position: relative;
  top: 121px;
  left: 415px;
}

#ez-io-learn .rhg-hover-next {
  text-decoration: none;
  cursor: pointer;
}

#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: 473px;
  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: 0.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: 0.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;
}

/*------ 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: 0.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;
}

.learn-more {
  background-color: #00a9ce;
  color: white;
  border-radius: 20px !important;
  padding: 20px 10px;
  font-size: 22px;
  margin-bottom: 10px;
}

.learn-more:hover {
  color: white;
  background-color: #00205b;
}

.top-btn-text {
  font-size: 25px;
}

@media (min-width: 991px) {
.img-icon {
    margin-right: 3px;
  }
}

@media (max-width: 991px) {
.join-img {
  width: 300px;
  margin: 0 auto;
}
}

/*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: 0.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: 1em;
}

/* 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: 0.4;
}

.submitContent dt.formFieldLabel .hintIcon:hover {
  opacity: 0.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%;
  }
}

/* Tracheostomy UK Support
	-------------------------------*/

.trach-tile {
  width: 228px;
  height: 272px;
}

.trach-doc {
  width: 174px;
  height: 224px;
}

.trach-section {
  max-width: 1200px;
  -ms-display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.trach-product {
  text-align: center;
  padding: 25px;
  order: 10;
}

.trach-thumb {
  flex-basis: 20%;
  -ms-flex-basis: 20%;
  text-align: center;
  padding: 20px;
  order: 10;
}

@media screen and (max-width: 992px) {
  .trach-product {
    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;
}

.photo-and-caption {
  width: 100%;
  float: none;
  margin: 0;
}

.large-caption {
  font-size: 16px;
}

.photo-and-caption-90-right {
  width: 90%;
  float: right;
  margin: 0;
}

/* Emea Cookie Notice */
.cookie-alert {
  background: #bfe9f3;
  padding: 22px 30px;
  font-size: 1.2em;
}

.cookie-alert a {
  display: inline-block;
  padding: 5px 0;
  background: #00a9c3;
  color: white;
  text-align: center;
  margin: 5px 0;
  border-radius: 10px !important;
  border: 4px solid #bfe9f3;
  transition: .25s;
}

.cookie-alert a:hover {
  text-decoration: none;
  background: #0087a1;
}

.cookie-alert .clear {
  clear: both;
}

@media (max-width: 1024px) {
  .cookie-alert .text {
    text-align: center;
    margin-bottom: 10px;
  }
  .label-one, .label-two, .label-three, .label-four, .label-five, .label-six{
    display: none;
}
}