@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
@import url(font-awesome.min.css);

@import url(font-awesome-animation.min.css);

@import url(pe-icon-7-stroke.css);

@import url(flaticon-set-medical.css);

@import url(flaticon-set-dental.css);

@import url(utility-classes.css);
@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800|Raleway:400,300,200,500,700,600,800|Playfair+Display:400,400italic,700,700italic|Montserrat:400,700);

a,

a:focus,

a:hover {

  text-decoration: none
}


.ab-banner {
  background-image: url('../images/demo-1.jpg');
}

a img,

iframe {

  border: none
}



body,

html,

img {

  max-width: 100%
}



.fullwidth,

iframe {

  width: 100%
}



.side-push-panel,

body {

  overflow-x: hidden;

  text-align: justify;



}



.fs-24 {

  font-size: 24px;

}



.mt-25 {

  margin-top: 25px !important;

}



.p5 {

  font-size: 14px;

  letter-spacing: 5px;

  color: #848181;

}



.justi {

  text-align: justify;

}



.mt40 {

  margin-top: -40px;

}



.fs-16 {

  font-size: 16px;

}



.bgi {

  /* background-image: url("images/bg/bg9.jpg"); */

  background-position: 50% 60px;

}



.mt-51 {

  margin-top: -40px;

  margin-bottom: 50px;

}



.fs-23 {

  font-size: 33px;
  font-weight: 600;
  /* text-transform: capitalize; */

}

.fs-253 {
  font-size: 25px;
  color: #00a3c8;
  font-weight: 600;
  text-align: left;
}

.asdfg {
  text-transform: capitalize;
}



.f {

  color: #FFF;

}

.huio {
  font-size: 26px;
  color: #00a3c8;
  text-transform: uppercase;
}


.fs-12 {

  font-size: 14px;

}



.fs-17 {

  color: #ffffff;

  font-size: 17px;

}



.br {

  border-radius: 15px;

  background-color: #FFF;

  padding: 10px;

}



.c9 {

  color: #00a3c8 !important;

}



.z1000 {

  z-index: 1000;

}



.fff {

  color: #ffffff;

  font-size: 34px;

}



.mh-400 {

  max-height: 400px;

}



.whi {

  background-color: #27b1d9;
  /* border: 1px solid; */
  border-radius: 10px;
}

.navfont>li>.whi {
  color: #ffffff;
  padding: 5px 10px 5px 10px;
}



.ff {

  font-family: Montserrat, sans-serif;

  font-style: italic;

  color: #020741;

}



.bst {

  /* background: url(../images/bg/best-cosmetic-surgeons-in-madurai.jpg) no-repeat; */

  background-size: cover;

  padding: 50px;

}



.s {

  color: #777b83;

  font-size: 35px;

  width: 290%;

}



::selection {

  background: #333;

  color: #fff;

  text-shadow: none
}



::-moz-selection {

  background: #333;

  color: #fff;

  text-shadow: none
}



::-webkit-selection {

  background: #333;

  color: #fff;

  text-shadow: none
}



:active,

:focus {

  outline: 0 !important
}



body {

  line-height: 1.7;
  color: #000;
  /* color: #666; */

  font-size: 16px;
  font-family: Montserrat, sans-serif;

  /* font-family: Futura, "Trebuchet MS", Arial, "Lora", serif; */

  background-color: #fff;

  background-attachment: fixed
}



.font-montserrat,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Spectral", serif;
}



a {

  /* color: #004861 */
  color: #fff;
}



a:focus,

a:hover {
  color: #111111;
  /* color: #27b1d9; */
}



.h1,

h1 {

  font-size: 46px
}



.h2,

h2 {

  font-size: 30px
}



.h3,

h3 {

  font-size: 30px
}



.h4,

h4 {

  font-size: 24px
}



.h5,

h5 {

  font-size: 20px
}



.h6,

h6 {

  font-size: 12px
}



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: 700;

  line-height: 1.42857143;

  /* color: #333 */
  color: #111;
}



.h1 .small,

.h1 small,

.h2 .small,

.h2 small,

.h3 .small,

.h3 small,

.h4 .small,

.h4 small,

.h5 .small,

.h5 small,

.h6 .small,

.h6 small,

h1 .small,

h1 small,

h2 .small,

h2 small,

h3 .small,

h3 small,

h4 .small,

h4 small,

h5 .small,

h5 small,

h6 .small,

h6 small {

  font-weight: 400;

  line-height: 1;

  color: #5b5b5b;

  font-size: 55%
}



.h1 a,

.h2 a,

.h3 a,

.h4 a,

.h5 a,

.h6 a,

h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

  color: #111;
}



.h1,

.h2,

.h3,

h1,

h2,

h3 {

  margin-bottom: 10px;

  margin-top: 15px
}



.h4,

.h5,

.h6,

h4,

h5,

h6 {

  font-weight: 500
}



address,

blockquote,

dd,

dl,

fieldset,

form,

ol,

p,

pre,

ul {

  margin-bottom: 11px
}



.font-raleway {

  font-family: Raleway, "Lora", serif
}



.font-opensans,

.menu-full-page #fullpage-nav li a {

  font-family: "Lora", serif
}



.font-playfair {

  font-family: 'Playfair Display', serif
}



.breadcrumb {

  background-color: transparent;

  padding-left: 0;

  text-align: center
}



.breadcrumb>li+li::before {

  content: "\f22d";

  font-family: fontawesome;

  font-size: 9px
}



.heading-line-bottom::after,

.line-bottom-centered:after,

.line-bottom:after {

  content: "";

  left: 0
}



.drop-caps p:first-child:first-letter,

.drop-caps.text-colored p:first-child:first-letter {

  display: block;

  float: left;

  font-size: 48px;

  line-height: 48px;

  margin: 6px 3px;

  padding: 10px 18px
}



.breadcrumb li.active {

  color: #111
}



.breadcrumb.white li.active {

  color: #fff
}



.breadcrumb.white li a {

  color: grey
}



@media only screen and (min-width:768px) {

  .breadcrumb.text-right {

    text-align: right
  }

}



.drop-caps p {

  text-align: justify
}



.drop-caps p:first-child:first-letter {

  color: #111
}



.drop-caps.border p:first-child:first-letter {

  border: 1px solid;

  margin: 8px 16px 0 0;

  padding: 15px 20px
}



.drop-caps.border-rounded p:first-child:first-letter {

  border: 1px solid;

  border-radius: 50%;

  margin: 8px 16px 0 0;

  padding: 15px 20px
}



.drop-caps.colored-rounded p:first-child:first-letter,

.drop-caps.dark-rounded p:first-child:first-letter {

  color: #fff;

  margin: 8px 16px 0 0;

  padding: 15px 20px;

  border-radius: 50%
}



.drop-caps.colored-square p:first-child:first-letter {

  color: #fff;

  margin: 8px 16px 0 0;

  padding: 15px 20px
}



.drop-caps.dark-square p:first-child:first-letter {

  background: #222;

  color: #fff;

  margin: 8px 16px 0 0;

  padding: 15px 20px
}



.drop-caps.dark-rounded p:first-child:first-letter {

  background: #222
}



html {

  font-size: 100%
}



@media only screen and (max-width:991px) {

  html {

    font-size: 90%
  }

}



@media only screen and (max-width:767px) {

  html {

    font-size: 85%
  }

}



@media only screen and (max-width:479px) {

  html {

    font-size: 80%
  }

}



html,

html a {

  -webkit-font-smoothing: antialiased
}



strong {

  color: #555
}



.fluid-video-wrapper {

  padding: 0;

  position: relative;

  width: 100%
}



.lead {

  font-size: 18px
}



.text-highlight {

  background: #111;

  border-radius: 4px;

  color: #fff;

  padding: 0 5px 3px
}



.text-highlight.light {

  background: grey
}



.inline-block {

  display: inline-block
}



.display-block {

  display: block
}



.bg-hover-theme-colored {

  -webkit-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease
}



.text-underline {

  text-decoration: underline
}



.heading-line-bottom {

  border-bottom: 1px dashed grey;

  display: inline-block;

  position: relative;

  margin: 20px 0
}



.heading-line-bottom::after {

  height: 2px;

  position: absolute;

  top: 4px;

  width: 20px
}



.heading-title {

  margin-top: 10px
}



.line-bottom {

  position: relative;

  margin-bottom: 30px;

  padding-bottom: 10px
}



.line-bottom:after {

  bottom: -1px;

  height: 2px;

  position: absolute;

  width: 50px
}



.line-bottom-centered {

  position: relative;

  margin: 10px 0 20px
}



.line-bottom-centered:after {

  background: #2b96cc;

  bottom: -8px;

  height: 1px;

  margin-left: auto;

  margin-right: auto;

  margin-top: 0;

  position: absolute;

  right: 0;

  width: 30px
}



.title-icon [class^=flaticon-]::after,

.title-icon [class^=flaticon-]::before {

  font-size: 48px;

  margin-left: 10px
}



.title-icon {

  margin: 0 auto;

  max-width: 160px;

  position: relative
}



.title-icon::after,

.title-icon::before {

  content: "";

  height: 2px;

  position: absolute;

  top: 10px;

  width: 30px
}



.title-icon::after {

  left: 24px
}



.title-icon::before {

  right: 20px
}



ol,

ul {

  list-style: none;

  margin: 0;

  padding: 0
}



ol ul,

ul ul {

  margin-left: 15px
}



ul.list {

  list-style: none;

  margin-top: 13px;

  padding-left: 0
}



ul.list li {

  margin: 5px 0;

  padding-left: 5px
}



ul.list li:before {

  border: none;

  color: #a9a9a9;

  content: "\f111";

  display: inline-block;

  font-family: fontawesome;

  font-size: 9px;

  margin-right: 10px;

  padding: 0
}



ul.list li:hover:before,

ul.list.list-white li:hover:before {

  background: 0 0;

  border-color: transparent
}



.list-icon li,

.list-icon li i {

  font-size: 14px
}



ul.list li a {

  text-decoration: none;

  -webkit-transition: all .3s ease-in;

  -o-transition: all .3s ease-in;

  transition: all .3s ease-in
}



ul.list.list-white li:before {

  color: #fff
}



ul.list.list-white li a {

  color: #fff;

  text-decoration: none;

  -webkit-transition: all .3s ease-in;

  -o-transition: all .3s ease-in;

  transition: all .3s ease-in
}



ul.list-border-bottom li {

  border-bottom: 1px solid #eee;

  padding-bottom: 10px
}



ul.list-border-bottom.no-padding li:last-child,

ul.list.list-border-bottom li:last-child {

  border-bottom: none
}



ul.list-border-bottom.no-padding li {

  padding-bottom: 0
}



.list-icon li {

  margin: 0
}



.list-icon li i,

.list-icon.rounded li i,

.list-icon.square li i {

  color: #555;

  height: 28px;

  line-height: 28px;

  margin: 5px 10px 5px 0;

  width: 28px;

  text-align: center
}



.list-icon.square li i {

  background: #F7F8FA;

  font-size: 12px
}



.list-icon.rounded li i {

  background: #F7F8FA;

  border-radius: 50%;

  font-size: 12px
}



.bg-video,

.bg-video .video,

.display-table,

.display-table-parent {

  height: 100%;

  width: 100%
}



.list-icon.theme-colored.rounded li i,

.list-icon.theme-colored.square li i {

  color: #fff
}



.list-info li {

  clear: both;

  position: relative
}



.list-info li label {

  display: inline-block;

  font-weight: 700;

  padding: 5px 0 0
}



.list-info li span {

  left: 110px;

  padding: 5px 0;

  position: absolute
}



.list-features {

  -moz-column-count: 3;

  column-count: 3
}



.list-dashed>article,

.list-dashed>div,

.list-dashed>li {

  border-bottom: 1px dashed #d3d3d3 !important;

  margin-bottom: 7px;

  padding-bottom: 7px
}



.list-dashed.dark-dash>article,

.list-dashed.dark-dash>div,

.list-dashed.dark-dash>li {

  border-bottom: 1px dashed #333 !important
}



ul.list.check li:before {

  content: "\f00c";

  font-family: fontawesome;

  font-size: 12px
}



ul.list.angle-double-right li:before {

  content: "\f101";

  font-family: fontawesome;

  font-size: 12px
}



ul.list.angle-right li:before {

  content: "\f105";

  font-family: fontawesome
}



ul.list.check-circle li:before {

  content: "\f058";

  font-family: fontawesome;

  font-size: 14px
}



.call-to-action {

  display: inline-block;

  width: 100%;

  padding-bottom: 20px;

  padding-top: 20px
}



section {

  position: relative
}



section>.container,

section>.container-fluid {

  padding-top: 50px;

  padding-bottom: 50px
}



.bg-video {

  position: absolute;

  text-align: center;

  z-index: -1
}



.bg-video .video {

  left: 0;

  margin: 0 !important;

  position: relative;

  top: 0
}



.bg-video .video .mbYTP_wrapper {

  z-index: -1 !important
}



.display-table-parent {

  left: 0;

  position: absolute;

  top: 0
}



.display-table {

  display: table;

  position: relative
}



.display-table-cell {

  display: table-cell;

  height: 100%;

  vertical-align: middle
}



.scrollToTop {

  background: rgba(0, 0, 0, .1);

  bottom: 15px;

  display: none;

  height: 50px;

  padding: 2px;

  position: fixed;

  right: 15px;

  text-align: center;

  text-decoration: none;

  width: 50px;

  z-index: 99999
}



.scrollToTop i {

  color: #fff;

  font-size: 42px
}



.scrollToTop:hover {

  background: rgba(0, 0, 0, .6);

  text-decoration: none
}



.heading-border {

  border-bottom: 1px solid #d3d3d3;

  margin: 30px 0;

  padding: 20px 0
}



.fc-day-number {

  color: #333
}



.fc-day-number.fc-other-month {

  opacity: .4
}



.scrolltofixed-container {

  position: static
}



.mfp-close-btn-in .mfp-close {

  color: #fff;

  font-size: 48px
}



.layer-overlay {

  position: relative
}



.layer-overlay::before {

  content: " ";

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  width: 100%;

  z-index: 0
}



.layer-overlay.overlay-light::before {

  background-color: rgba(255, 255, 255, .4)
}



.layer-overlay.overlay-lighter::before {

  background-color: rgba(255, 255, 255, .3)
}



.layer-overlay.overlay-deep::before {

  background-color: rgba(255, 255, 255, .9)
}



.layer-overlay.overlay-dark::before {

  background-color: rgba(17, 17, 17, .85)
}



.layer-overlay.overlay-dark-1::before {

  background-color: rgba(17, 17, 17, .1)
}



.layer-overlay.overlay-dark-2::before {

  background-color: rgba(17, 17, 17, .2)
}



.layer-overlay.overlay-dark-3::before {

  background-color: rgba(17, 17, 17, .3)
}



.layer-overlay.overlay-dark-4::before {

  background-color: rgba(17, 17, 17, .4)
}



.layer-overlay.overlay-dark-5::before {

  background-color: rgba(0, 164, 239, 0)
}



.layer-overlay.overlay-dark-6::before {

  background-color: rgba(17, 17, 17, .6)
}



.layer-overlay.overlay-dark-7::before {

  background-color: rgba(17, 17, 17, .7)
}



.layer-overlay.overlay-dark-8::before {

  background-color: rgba(17, 17, 17, .8)
}



.layer-overlay.overlay-dark-9::before {

  background-color: rgba(17, 17, 17, .9)
}



.layer-overlay.overlay-white::before {

  background-color: rgba(255, 255, 255, .4)
}



.layer-overlay.overlay-white-1::before {

  background-color: rgba(255, 255, 255, .1)
}



.layer-overlay.overlay-white-2::before {

  background-color: rgba(255, 255, 255, .2)
}



.layer-overlay.overlay-white-3::before {

  background-color: rgba(255, 255, 255, .3)
}



.layer-overlay.overlay-white-4::before {

  background-color: rgba(255, 255, 255, .4)
}



.layer-overlay.overlay-white-5::before {

  background-color: rgba(255, 255, 255, .5)
}



.layer-overlay.overlay-white-6::before {

  background-color: rgba(255, 255, 255, .6)
}



.layer-overlay.overlay-white-7::before {

  background-color: rgba(255, 255, 255, .7)
}



.layer-overlay.overlay-white-9::before {

  background-color: rgba(255, 255, 255, .9)
}



.layer-overlay.layer-pattern::before {

  background-image: url(../images/pattern1.png);

  background-color: rgba(0, 0, 0, .6)
}



.layer-overlay.layer-pattern2::before {

  background-image: url(../images/pattern2.png);

  background-color: rgba(0, 0, 0, .8)
}



.layer-overlay.layer-pattern3::before {

  background-image: url(../images/pattern3.png);

  background-color: rgba(0, 0, 0, .8)
}



.layer-overlay.maximage-layer-overlay::before {

  z-index: 1
}



.layer-overlay.overlay-blue::before {

  background-color: rgba(9, 148, 148, .87)
}



.layer-overlay.overlay-blue-light::before {

  background-color: rgba(1, 162, 208, .45)
}



.layer-overlay.overlay-pink::before {

  background-color: rgba(235, 110, 142, .9)
}



.layer-overlay.overlay-pink-light::before {

  background-color: rgba(235, 110, 142, .45)
}



.layer-overlay.overlay-brown::before {

  background-color: rgba(60, 171, 111, .9)
}



.layer-overlay.overlay-brown-light::before {

  background-color: rgba(60, 171, 111, .45)
}



.layer-overlay.overlay-yellow::before {

  background-color: rgba(255, 187, 34, .9)
}



.layer-overlay.overlay-yellow-light::before {

  background-color: rgba(255, 187, 34, .45)
}



.layer-overlay.overlay-green::before {

  background-color: rgba(16, 196, 92, .9)
}



.layer-overlay.overlay-green-light::before {

  background-color: rgba(16, 196, 92, .45)
}



.layer-overlay.overlay-theme-color-1::before {

  background-color: rgba(173, 216, 230, .9)
}



.layer-overlay.overlay-theme-color-2::before {

  background-color: rgba(230, 173, 188, .9)
}



.layer-overlay.overlay-theme-color-3::before {

  background-color: rgba(230, 216, 173, .9)
}



.half-divider .overlay-theme-color-1,

.half-divider .overlay-theme-color-2,

.half-divider .overlay-theme-color-3 {

  content: "";

  height: 100%;

  position: absolute;

  right: 0;

  top: 0;

  width: 50%
}



.header-top {

  padding: 5px 0
}



.header-top .header-widget .social-icons a i:hover {

  background: 0 0
}



.header-top .header-widget .list-border li {

  border-right: 1px solid rgba(0, 0, 0, .06);

  padding: 5px 15px
}



.header-top .header-widget .list-border li:last-child {

  border-right: 0
}



@media only screen and (max-width:767px) {

  .header-top .header-widget .contact-info {

    margin-bottom: 20px
  }

  .header-top .header-widget .contact-info li {

    display: block;

    text-align: center
  }

}



.nav-sidebar li {

  background: #f1f1f1;

  padding-bottom: 0
}



.nav-sidebar li a {

  border-radius: 0
}



.products .product,

.products .product:hover {

  border: 1px solid #eee
}



.nav-pills li a:hover,

.nav-pills li.active>a,

.nav-pills li.active>a:focus,

.nav-pills li.active>a:hover {

  background: #d3d3d3;

  color: #777
}



.header-nav {

  position: relative
}



.header-nav .header-nav-absolute-wrapper {

  width: 100%
}



.header-nav .header-nav-wrapper .menuzord {

  padding: 0
}



.menuzord-menu>li {

  padding: 12px 3px
}



.menuzord-menu ul.dropdown {

  top: 45px;

  border: 1px solid #eee
}



.menuzord-menu>li>a {

  font-size: 15px;

  color: #333
}



.menuzord .menuzord-menu ul.dropdown li:hover>a i,

.menuzord .menuzord-menu>li.active>a i,

.menuzord .menuzord-menu>li:hover>a i {

  color: #fff
}



.menuzord-menu ul.dropdown li {

  margin: 0
}



.menuzord-menu ul.dropdown li a {

  color: #5b5b5b;

  font-size: 12px;

  font-weight: 600;

  padding: 7px 25px 7px 22px
}



.menuzord-menu ul.dropdown li .indicator {

  top: 4px
}



.navfont>li>a {

  color: #111;
}



.menuzord-menu>li>.megamenu .megamenu-row li {

  border: 0;

  clear: both;

  font-size: 12px;

  margin: 0;

  padding: 2px;

  position: relative;

  width: 100%
}



.menuzord-menu>li>.megamenu .megamenu-row li a {

  display: block;

  padding: 8px 10px;

  -webkit-transition: padding .2s linear;

  -o-transition: padding .2s linear;

  transition: padding .2s linear
}



.menuzord-menu>li>.megamenu .megamenu-row li.active>a,

.menuzord-menu>li>.megamenu .megamenu-row li:hover>a {

  color: #111;

  padding-left: 15px
}



.menuzord-menu>li>.megamenu .megamenu-row li a i {

  color: #444
}



.header-nav.navbar-transparent.animated-active .menuzord-menu>li>a,

.menuzord-menu>li>.megamenu .megamenu-row li.active a i,

.menuzord-menu>li>.menuzord-menu>li>.megamenu .megamenu-row li:hover a i {

  color: #fff
}



@media only screen and (max-width:900px) {

  .menuzord-menu {

    /* background: #004861 */
  }

  .header-nav.navbar-transparent.animated-active .menuzord-menu>li>a {

    color: #888
  }

}



.header-nav .header-nav-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed {

  /* border-bottom: 1px solid #eee */
}



.header-nav .header-nav-absolute-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed .menuzord {

  border-right: 1px solid #eee;

  border-bottom: 1px solid #eee;

  border-left: 1px solid #eee
}



.header .inner-sticky-wrapper {

  height: 80px
}



@media only screen and (min-width:901px) {

  .header-nav .header-nav-absolute-wrapper {

    bottom: -36px;

    left: 0;

    margin: 0 auto;

    position: absolute;

    right: 0;

    z-index: 1111
  }

  .header-nav .header-nav-absolute-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed {

    bottom: auto
  }

}



.header-nav {

  -webkit-transition: all .4s ease-in-out 0s;

  -o-transition: all .4s ease-in-out 0s;

  transition: all .4s ease-in-out 0s
}



.header-nav.navbar-fixed-top {

  left: 0;

  position: fixed;

  right: 0;

  width: 100%;

  z-index: 1030
}



.navbar-sticky-animated .header-nav-wrapper .container {

  -webkit-transition: all .4s ease-in-out 0s;

  -o-transition: all .4s ease-in-out 0s;

  transition: all .4s ease-in-out 0s
}



.header-nav.navbar-white {

  background-color: rgba(255, 255, 255, .95);

  border: none
}



.header-nav.navbar-transparent .menuzord,

.header-nav.navbar-white .menuzord {

  background: 0 0
}



.header-nav.navbar-transparent .header-nav-wrapper {

  border-bottom: 1px solid #eee
}



.header-nav.navbar-transparent.animated-active {

  background-color: rgba(0, 0, 0, .1)
}



.header-nav.navbar-transparent.animated-active .header-nav-wrapper {

  border-bottom: none
}



.inner-header .title {

  font-size: 36px;

  text-transform: uppercase
}



.vertical-nav .header {

  width: 260px;

  position: fixed;

  top: 0;

  left: 0;

  height: 100%;

  background: #fff;

  z-index: 101;

  padding: 0;

  -webkit-transition: none;

  -o-transition: none;

  transition: none;

  background-size: cover
}



.vertical-nav .footer,

.vertical-nav .main-content {

  padding-left: 260px
}



.vertical-nav .container {

  max-width: 940px
}



.vertical-nav .menuzord {

  background: 0 0
}



.vertical-nav .menuzord .menuzord-menu ul.dropdown li:hover>a {

  background: #eee;

  color: #111
}



.vertical-nav .menuzord-menu li {

  padding: 5px 0;

  position: relative;

  width: 100%
}



.vertical-nav .menuzord-menu li .indicator {

  float: right
}



.vertical-nav .menuzord-menu li a {

  padding-left: 30px;

  width: 100%
}



.vertical-nav .menuzord-menu .megamenu,

.vertical-nav .menuzord-menu ul.dropdown {

  left: 100%;

  top: 4px
}



.vertical-nav .menuzord-brand img {

  max-height: none
}



.vertical-nav .vertical-nav-black {

  background: #111
}



.vertical-nav .vertical-nav-black .menuzord-menu ul.dropdown {

  background: #111;

  border-color: #222
}



.vertical-nav .vertical-nav-black .menuzord-menu ul.dropdown li a {

  background: #111
}



.vertical-nav .vertical-nav-black .menuzord-menu ul.dropdown li a .indicator i {

  color: #fff
}



.vertical-nav .vertical-nav-black .menuzord-menu ul.dropdown li:hover>a {

  background: #111;

  color: #fff
}



.vertical-nav .vertical-nav-black .menuzord-menu>li>a {

  color: grey
}



.vertical-nav.vertical-nav-right .header {

  left: auto;

  right: 0
}



.vertical-nav.vertical-nav-right .footer,

.vertical-nav.vertical-nav-right .main-content {

  margin-left: auto;

  margin-right: 260px;

  padding-top: 0
}



.vertical-nav.vertical-nav-right .menuzord-menu .megamenu,

.vertical-nav.vertical-nav-right .menuzord-menu ul.dropdown {

  left: auto;

  right: 100%;

  top: 0
}



@media only screen and (max-width:1199px) {

  .vertical-nav .container {

    width: 100%
  }

}



@media only screen and (max-width:900px) {

  .vertical-nav .header {

    border: 0;

    padding: 0;

    position: relative;

    width: 100%
  }

  .vertical-nav .vertical-nav-widget {

    display: none
  }

  .vertical-nav .menuzord {

    background: #fff
  }

  .vertical-nav .vertical-nav-black .menuzord {

    background: 0 0
  }

  .vertical-nav .menuzord-brand {

    margin: 0;

    padding: 0
  }

  .vertical-nav .menuzord-brand img {

    max-height: 65px;

    padding: 10px
  }

  .vertical-nav .header-nav-wrapper {

    background: #111;

    position: fixed;

    top: 0;

    width: 100%
  }

  .vertical-nav .vertical-nav-black .menuzord .menuzord-menu li .indicator,

  .vertical-nav .vertical-nav-black .menuzord .menuzord-menu li>a {

    border-color: #222
  }

  .vertical-nav .footer,

  .vertical-nav .main-content {

    margin-left: 0
  }

  .vertical-nav.vertical-nav-right .footer,

  .vertical-nav.vertical-nav-right .main-content {

    margin-right: 0
  }

}



.menu-full-page #fullpage-nav {

  background: rgba(255, 255, 255, .97);

  z-index: -1;

  position: fixed;

  left: 0;

  opacity: 0;

  width: 100%;

  -webkit-transition: all .5s ease-in-out;

  -moz-transition: all .5s ease-in-out;

  -ms-transition: all .5s ease-in-out;

  -o-transition: all .2s ease-in-out;

  transition: all .5s ease-in-out
}



.menu-full-page #fullpage-nav ul {

  margin-top: 50px;

  -webkit-transition: all .7s ease-in-out;

  -moz-transition: all .7s ease-in-out;

  -ms-transition: all .7s ease-in-out;

  -o-transition: all .7s ease-in-out;

  transition: all .7s ease-in-out
}



.menu-full-page #fullpage-nav li {

  text-align: center;

  transition: all .4s ease;

  padding: 10px 0;

  position: relative
}



.menu-full-page #fullpage-nav li a {

  color: #111;

  font-size: 18px;

  text-decoration: none;

  font-weight: 400;

  text-transform: uppercase;

  padding: 0;

  position: relative
}



.menu-full-page #fullpage-nav li a:hover {

  color: #888;

  -webkit-transition: color 2s time;

  -o-transition: color 2s time;

  transition: color 2s time
}



.menu-full-page #fullpage-nav li:hover:after a {

  position: absolute;

  content: '';

  color: #FFF
}



.menu-full-page #fullpage-nav ul ul {

  display: none
}



.menu-full-page #fullpage-nav ul ul li a {

  font-size: 13px
}



.menu-full-page #fullpage-nav ul ul li a:hover {

  color: #888
}



.menu-full-page .fullpage-nav-toggle.menu-open+#fullpage-nav {

  opacity: 1;

  z-index: 998
}



.menu-full-page .fullpage-nav-toggle.menu-open+#fullpage-nav>ul {

  margin-top: 70px
}



.menu-full-page .fullpage-nav-toggle {

  z-index: 999;

  display: block;

  position: fixed;

  top: 0;

  right: 0;

  overflow: hidden;

  margin: 0;

  padding: 0;

  width: 70px;

  height: 70px;

  font-size: 0;

  text-indent: -9999px;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  box-shadow: none;

  border-radius: none;

  border: none;

  cursor: pointer;

  -webkit-transition: background .3s;

  transition: background .3s;

  background-color: transparent
}



.menu-full-page .fullpage-nav-toggle i {

  text-decoration: none;

  font-size: 40px;

  color: #fff
}



.menu-full-page .fullpage-nav-toggle:focus {

  outline: 0
}



.menu-full-page .fullpage-nav-toggle span {

  display: block;

  position: absolute;

  top: 45px;

  left: 18px;

  right: 18px;

  height: 4px;

  border-radius: 2px;

  background: #888;

  -webkit-transition: background 0 .3s;

  transition: background 0 .3s
}



.menu-full-page .fullpage-nav-toggle span:after,

.menu-full-page .fullpage-nav-toggle span:before {

  position: absolute;

  display: block;

  left: 0;

  width: 100%;

  height: 4px;

  border-radius: 0;

  background-color: #888;

  content: "";

  -webkit-transition-duration: .3s, .3s;

  transition-duration: .3s, .3s;

  -webkit-transition-delay: .3s, 0;

  transition-delay: .3s, 0
}



.menu-full-page .fullpage-nav-toggle span:before {

  top: -12px;

  -webkit-transition-property: top, -webkit-transform;

  transition-property: top, transform
}



.menu-full-page .fullpage-nav-toggle span:after {

  bottom: -12px;

  -webkit-transition-property: bottom, -webkit-transform;

  transition-property: bottom, transform
}



.menu-full-page .fullpage-nav-toggle.menu-open {

  background-color: transparent
}



.menu-full-page .fullpage-nav-toggle.menu-open span {

  background: 0 0
}



.menu-full-page .fullpage-nav-toggle.menu-open span:after,

.menu-full-page .fullpage-nav-toggle.menu-open span:before {

  background-color: #111;

  -webkit-transition-delay: 0, .3s;

  transition-delay: 0, .3s
}



.menu-full-page .fullpage-nav-toggle.menu-open span:before {

  top: 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg)
}



.menu-full-page .fullpage-nav-toggle.menu-open span:after {

  bottom: 0;

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  transform: rotate(-45deg)
}



.menu-full-page .header #fullpage-nav li {

  padding: 5px 0
}



.menu-full-page .header #fullpage-nav li a {

  background: 0 0;

  display: inline;

  font-size: 18px;

  text-transform: none
}



.menu-full-page .header #fullpage-nav ul ul {

  margin-top: 0
}



.menu-full-page .header #fullpage-nav ul ul li {

  padding: 3px 0
}



.menu-full-page .header #fullpage-nav ul ul li a {

  font-size: 12px
}



.menu-full-page .header #fullpage-nav ul li .dropdown {

  background: 0 0;

  box-shadow: none;

  border: none;

  float: none;

  padding: 0;

  position: relative;

  max-height: 0;

  overflow: hidden;

  -webkit-transition: all .9s cubic-bezier(.55, 0, .175, 1);

  -moz-transition: all .9s cubic-bezier(.55, 0, .175, 1);

  -ms-transition: all .9s cubic-bezier(.55, 0, .175, 1);

  -o-transition: all .9s cubic-bezier(.55, 0, .175, 1);

  transition: all .9s cubic-bezier(.55, 0, .175, 1);

  display: block;

  visibility: visible
}



.menu-full-page .header #fullpage-nav ul li:hover .dropdown {

  max-height: 700px
}



.boxed-layout .container {

  max-width: 1100px;

  padding-left: 30px;

  padding-right: 30px
}



.boxed-layout .footer,

.boxed-layout .header,

.boxed-layout .main-content {

  margin: 0 auto;

  max-width: 1100px
}



.boxed-layout .footer,

.boxed-layout .header,

.boxed-layout section {

  background-color: #fff
}



.boxed-layout .header .navbar-default {

  background-color: #fff;

  border-color: #fff;

  padding: 0
}



.boxed-layout .header .navbar-default .navbar-nav>li>a {

  padding: 30px 5px
}



.boxed-layout .header .navbar-default .navbar-collapse {

  background-color: #fff;

  border-color: #fff;

  margin-right: 30px
}



.boxed-layout .header #header-logo {

  margin: 0;

  padding-top: 27px
}



@media only screen and (max-width:991px) {

  .boxed-layout {

    padding-top: 0
  }

  .boxed-layout .header .navbar-default .navbar-nav>li>a {

    padding: 10px
  }

  .boxed-layout .header .navbar-default .navbar-collapse {

    margin-right: 15px
  }

  .boxed-layout .navbar-header {

    padding: 15px 0
  }

  .boxed-layout .navbar-collapse .navbar-nav li a .caret {

    margin-right: 0
  }

}



.input-group-lg>.form-control,

.input-group-lg>.input-group-addon,

.input-group-lg>.input-group-btn>.btn {

  font-size: 14px
}



.form-control {

  border-radius: 0;

  box-shadow: none;

  height: 45px
}



label {

  font-weight: 400
}



.form-control:focus,

form input[type=text]:focus,

form input[type=email]:focus,

form input[type=number]:focus,

form input[type=url]:focus,

form input[type=search]:focus,

form input[type=tel]:focus,

form input[type=password]:focus,

form input[type=date]:focus,

form input[type=color]:focus,

form select:focus,

form textarea:focus {

  color: #404040;

  border-color: rgba(0, 0, 0, .3);

  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);

  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .1);

  box-shadow: 0 0 3px rgba(0, 0, 0, .1);

  outline: 0
}



.form-transparent .form-control {

  background: 0 0;

  color: #f7f7f7
}



.form-transparent .form-control:focus,

.form-transparent form input[type=text]:focus,

.form-transparent form input[type=email]:focus,

.form-transparent form input[type=number]:focus,

.form-transparent form input[type=url]:focus,

.form-transparent form input[type=search]:focus,

.form-transparent form input[type=tel]:focus,

.form-transparent form input[type=password]:focus,

.form-transparent form input[type=date]:focus,

.form-transparent form input[type=color]:focus,

.form-transparent form select:focus,

.form-transparent form textarea:focus {

  color: #f7f7f7
}



.form-transparent textarea.form-control,

.form-white textarea.form-control {

  height: 150px
}



.form-white .form-control {

  background: #fff
}



.form-transparent.form-line .form-control {

  border: none;

  border-bottom: 1px solid #F7F8FA;

  padding-left: 0
}



.form-transparent.form-line textarea.form-control {

  height: 70px
}



form label {

  font-weight: 700
}



form .form-control.error {

  border: 2px solid #ee163b
}



form .error {

  color: #ee163b
}



.donation-form .form-group label.radio-inline {

  color: grey
}



.form-text-white .form-group label {

  color: #fff
}



.side-push-panel.fullwidth-page #wrapper {

  right: 0;

  position: relative
}



.side-push-panel.fullwidth-page header .header-nav-wrapper.scroll-to-fixed-fixed .container {

  right: 0
}



.side-push-panel.fullwidth-page.side-panel-left #wrapper,

.side-push-panel.fullwidth-page.side-panel-left header .header-nav-wrapper.scroll-to-fixed-fixed .container {

  left: 0;

  right: auto
}



.side-push-panel.fullwidth-page.side-panel-open #wrapper,

.side-push-panel.fullwidth-page.side-panel-open header .header-nav-wrapper.scroll-to-fixed-fixed .container {

  right: 300px
}



.side-push-panel.fullwidth-page.side-panel-left.side-panel-open #wrapper,

.side-push-panel.fullwidth-page.side-panel-left.side-panel-open header .header-nav-wrapper.scroll-to-fixed-fixed .container {

  left: 300px;

  right: auto
}



.side-push-panel.has-side-panel .menuzord .showhide {

  float: left
}



.has-side-panel .body-overlay {

  -webkit-transition: opacity .3s ease;

  -o-transition: opacity .3s ease;

  transition: opacity .3s ease;

  background-color: rgba(0, 0, 0, .6);

  height: 100%;

  left: 0;

  opacity: 0;

  pointer-events: none;

  position: fixed;

  top: 0;

  width: 100%;

  z-index: -1
}



.has-side-panel.side-panel-open .body-overlay {

  opacity: 1;

  pointer-events: auto;

  z-index: 1111
}



.side-panel-open:not(.device-xxs):not(.device-xs):not(.device-sm) .body-overlay:hover {

  cursor: url(../images/close.png) 15 15, default
}



#side-panel {

  -webkit-backface-visibility: hidden;

  background-color: #f3f3f3;

  height: 100%;

  overflow: hidden;

  position: fixed;

  right: -300px;

  top: 0;

  width: 300px;

  z-index: 1112;

  -webkit-transition: all .4s ease;

  -o-transition: all .4s ease;

  transition: all .4s ease
}



#side-panel .side-panel-wrap {

  bottom: 0;

  height: 100%;

  left: 0;

  overflow: auto;

  padding: 50px 70px 50px 40px;

  position: absolute;

  top: 0;

  width: 330px
}



#side-panel .widget {

  border-top: 1px solid #eee;

  margin-top: 40px;

  padding-top: 40px;

  width: 220px
}



#side-panel .widget:first-child {

  border-top: 0;

  margin: 0;

  padding-top: 0
}



.side-panel-open #side-panel {

  right: 0
}



.side-panel-left #side-panel {

  left: -300px;

  right: auto
}



.side-panel-left.side-panel-open #side-panel {

  left: 0;

  right: auto
}



.device-touch #side-panel .side-panel-wrap {

  overflow-y: scroll
}



#side-panel .side-panel-nav .nav li a {

  padding: 5px 0
}



#side-panel .side-panel-nav .nav li a:hover {

  background-color: transparent;

  color: #a9a9a9
}



.box-hover-effect .overlay .entry-meta i,

.box-hover-effect:hover .overlay .icons i {

  color: #fff
}



#side-panel .side-panel-nav .nav ul.tree {

  display: none;

  margin-left: 15px
}



#side-panel-trigger {

  cursor: pointer;

  display: block;

  float: right;

  margin-left: 10px;

  margin-right: 5px;

  margin-top: 25px;

  z-index: 11
}



@media only screen and (max-width:767px) {

  #side-panel-trigger {

    margin-top: 15px
  }

}



#side-panel-trigger-close {

  left: 0;

  margin: 10px;

  position: absolute;

  top: 0
}



.side-push-panel.fullwidth-page #wrapper,

.side-push-panel.fullwidth-page header .header-nav-wrapper.scroll-to-fixed-fixed .container {

  -webkit-transition: all .4s ease;

  -o-transition: all .4s ease;

  transition: all .4s ease
}



.box-hover-effect .overlay,

.box-hover-effect img {

  -webkit-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s
}



.box-hover-effect {

  position: relative;

  overflow: hidden;

  margin: 0;

  width: 100%
}



.box-hover-effect img {

  position: relative;

  display: block;

  max-height: 100%;

  max-width: 100%;

  opacity: 1;

  transition: all .3s ease 0s
}



.box-hover-effect .overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden;

  transition: all .3s ease 0s
}



.box-hover-effect .overlay::after,

.box-hover-effect .overlay::before {

  pointer-events: none
}



.box-hover-effect .overlay .details,

.box-hover-effect .overlay .para,

.box-hover-effect .overlay .title {

  -webkit-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s
}



.box-hover-effect .overlay .entry-meta {

  bottom: 10px;

  font-size: 70%;

  opacity: 0;

  position: absolute;

  width: 89%;

  -webkit-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s
}



.box-hover-effect .overlay .icons,

.clients-logo .item {

  -webkit-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s
}



.box-hover-effect .overlay .entry-meta.top {

  top: 10px
}



.box-hover-effect .overlay .icons {

  left: 0;

  opacity: 0;

  position: absolute;

  text-align: center;

  top: 40%;

  width: 100%;

  transition: all .3s ease 0s
}



.box-hover-effect:hover .overlay {

  background: rgba(0, 0, 0, .85)
}



.box-hover-effect:hover .overlay.white {

  background: rgba(255, 255, 255, .75)
}



.box-hover-effect:hover .overlay.black {

  background: rgba(0, 0, 0, .85)
}



.box-hover-effect:hover .overlay .entry-meta,

.box-hover-effect:hover .overlay .icons {

  opacity: 1
}



.box-hover-effect:hover .overlay .icons.twin i {

  padding: 10px
}



.box-hover-effect:hover .overlay .icons.bordered i {

  border: 1px solid #fff
}



.box-hover-effect:hover .overlay .icons.bordered i.text-black {

  border-color: #000
}



.shadow-overlay {

  background-image: url(../images/shadow-overlay.png);

  background-position: center bottom;

  background-repeat: repeat-x;

  bottom: 0;

  color: #fff;

  height: 100%;

  left: 0;

  position: absolute;

  width: 100%
}



.box-hover-effect.effect1 .thumb {

  position: relative;

  overflow: hidden
}



.box-hover-effect.effect1 .thumb:before {

  background-color: rgba(255, 255, 255, .5);

  left: -40%;

  content: "";

  height: 150%;

  opacity: 0;

  position: absolute;

  top: -40%;

  transition: all .3s ease-out 0s;

  -webkit-transition: all .3s ease-in-out 0s;

  -ms-transition: all .3s ease-in-out 0s;

  -webkit-transform: rotate(-70deg);

  -moz-transform: rotate(-70deg);

  -ms-transform: rotate(-70deg);

  -o-transform: rotate(-70deg);

  transform: rotate(-70deg);

  width: 100%;

  z-index: 1
}



.box-hover-effect.effect1:hover .thumb:before {

  opacity: 1
}



.box-hover-effect.effect1:hover .thumb img {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

  -webkit-transition: all .5s ease;

  transition: all .5s ease
}



.box-hover-effect.effect2 .thumb {

  position: relative;

  overflow: hidden
}



.box-hover-effect.effect2 .overlay .overlay-details {

  opacity: 0;

  -webkit-transform: scale(.8, .8);

  -ms-transform: scale(.8, .8);

  -o-transform: scale(.8, .8);

  transform: scale(.8, .8);

  -webkit-transition: all .5s ease;

  -o-transition: all .5s ease;

  transition: all .5s ease
}



.box-hover-effect.effect2:hover img,

.funfact {

  -webkit-transition: all .5s ease;

  -o-transition: all .5s ease
}



.box-hover-effect.effect2:hover .overlay-details {

  opacity: 1;

  -webkit-transform: scale(1, 1);

  -ms-transform: scale(1, 1);

  -o-transform: scale(1, 1);

  transform: scale(1, 1)
}



.box-hover-effect.effect2:hover .details {

  opacity: 0
}



.box-hover-effect.effect2:hover img {

  -webkit-transform: scale(2);

  -ms-transform: scale(2);

  -o-transform: scale(2);

  transform: scale(2);

  transition: all .5s ease
}



.box-hover-effect.effect3 .overlay,

.box-hover-effect.effect3 .thumb {

  position: relative
}



.box-hover-effect.effect3 .thumb:after,

.box-hover-effect.effect3 .thumb:before {

  background-color: rgba(255, 255, 255, .15);

  content: "";

  height: 0;

  position: absolute;

  width: 0
}



.box-hover-effect.effect3 .thumb:after {

  bottom: 0;

  right: 0;

  -webkit-transition: all .3s ease-out 0s;

  -o-transition: all .3s ease-out 0s;

  transition: all .3s ease-out 0s
}



.box-hover-effect.effect3 .thumb:before {

  left: 0;

  top: 0;

  -webkit-transition: all .3s ease-out 0s;

  -o-transition: all .3s ease-out 0s;

  transition: all .3s ease-out 0s;

  z-index: 1
}



.box-hover-effect.effect3:hover .thumb:after,

.box-hover-effect.effect3:hover .thumb:before {

  height: 100%;

  width: 100%;

  -webkit-transition: all .4s ease-out 0s;

  -o-transition: all .4s ease-out 0s;

  transition: all .4s ease-out 0s
}



.box-hover-effect.effect2 .overlay.white .overlay-details p {

  color: #777
}



.portfolio-filter {

  margin-bottom: 30px
}



.portfolio-filter a {

  border-left: 3px solid transparent;

  background-color: #f8f8f8;

  display: inline-block;

  float: none;

  font-size: 16px;

  font-weight: 400;

  line-height: normal;

  margin-right: 5px;

  outline: 0;

  padding: 5px 15px;

  -webkit-transition: all .1s ease-in-out 0s;

  -o-transition: all .1s ease-in-out 0s;

  transition: all .1s ease-in-out 0s
}



.portfolio-filter a.active,

.portfolio-filter a:hover {

  color: #fff
}



.gallery-isotope.gutter .gallery-item {

  padding-right: 5px;

  padding-bottom: 5px
}



.gallery-isotope.gutter-small .gallery-item {

  padding-right: 2px;

  padding-bottom: 2px
}



.gallery-isotope.gutter-30 .gallery-item {

  padding-right: 30px;

  padding-bottom: 30px
}



.gallery-isotope.gutter-40 .gallery-item {

  padding-right: 40px;

  padding-bottom: 40px
}



.gallery-isotope.gutter-50 .gallery-item {

  padding-right: 50px;

  padding-bottom: 50px
}



.gallery-isotope.gutter-60 .gallery-item {

  padding-right: 60px;

  padding-bottom: 60px
}



.gallery-isotope .gallery-item {

  width: 25%;

  overflow: hidden
}



.gallery-isotope .gallery-item.wide {

  width: 50%
}



.gallery-isotope.grid-1 .gallery-item,

.gallery-isotope.grid-1 .gallery-item.wide {

  width: 100%
}



.gallery-isotope.grid-2 .gallery-item {

  width: 100%
}



.gallery-isotope.grid-2 .gallery-item.wide {

  width: 100%
}



.gallery-isotope.grid-3 .gallery-item {

  width: 33.333%
}



.gallery-isotope.grid-3 .gallery-item.wide {

  width: 66.6667%
}



.gallery-isotope.grid-4 .gallery-item {

  width: 25%
}



.gallery-isotope.grid-4 .gallery-item.wide {

  width: 50%
}



.gallery-isotope.grid-5 .gallery-item {

  width: 20%
}



.gallery-isotope.grid-5 .gallery-item.wide {

  width: 40%
}



.gallery-isotope.grid-6 .gallery-item {

  width: 16.666666667%
}



.gallery-isotope.grid-6 .gallery-item.wide {

  width: 33.333%
}



.gallery-isotope.grid-7 .gallery-item {

  width: 14.2857143%
}



.gallery-isotope.grid-7 .gallery-item.wide {

  width: 28.5714286%
}



.gallery-isotope.grid-8 .gallery-item {

  width: 12.5%
}



.gallery-isotope.grid-8 .gallery-item.wide {

  width: 25%
}



.gallery-isotope.grid-9 .gallery-item {

  width: 11.11%
}



.gallery-isotope.grid-9 .gallery-item.wide {

  width: 22.22%
}



.gallery-isotope.grid-10 .gallery-item {

  width: 10%
}



.gallery-isotope.grid-10 .gallery-item.wide {

  width: 20%
}



@media only screen and (max-width:991px) {

  .gallery-isotope .gallery-item {

    width: 33.333% !important
  }

  .gallery-isotope .gallery-item.wide {

    width: 66.6667% !important
  }

}



@media only screen and (max-width:767px) {

  .gallery-isotope .gallery-item {

    width: 50% !important
  }

  .gallery-isotope .gallery-item.wide {

    width: 100% !important
  }

}



@media only screen and (max-width:479px) {

  .portfolio-filter a {

    margin-bottom: 10px
  }

  .gallery-isotope .gallery-item,

  .gallery-isotope .gallery-item.wide {

    width: 100% !important
  }

}



.gallery-isotope .gallery-item .thumb {

  position: relative;

  overflow: hidden
}



.gallery-isotope .gallery-item .hover-link,

.gallery-isotope .gallery-item .icons-holder,

.gallery-isotope .gallery-item .overlay-shade {

  position: absolute;

  top: 0;

  display: inline-block;

  vertical-align: middle
}



.gallery-isotope .gallery-item .hover-link {

  left: 0;

  width: 100%;

  height: 100%;

  background: 0 0 !important;

  color: transparent !important;

  z-index: 11
}



.gallery-isotope .gallery-item .overlay-shade {

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 12;

  background-color: #333;

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transition: opacity .3s ease-in-out;

  -o-transition: opacity .3s ease-in-out;

  transition: opacity .3s ease-in-out
}



.gallery-isotope .gallery-item:hover .overlay-shade {

  opacity: .9;

  filter: alpha(opacity=90)
}



.gallery-isotope .gallery-item .icons-holder {

  left: 50%;

  width: auto;

  height: 36px;

  z-index: 13;

  -webkit-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out
}



.gallery-isotope .gallery-item .icons-holder .icons-holder-inner {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: -18px 0 0 -50%
}



.gallery-isotope .gallery-item .icons-holder .icons-holder-inner a {

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out
}



.gallery-isotope .gallery-item:hover .icons-holder {

  top: 50%
}



.gallery-isotope .gallery-item:hover .icons-holder .icons-holder-inner a {

  opacity: 1;

  filter: alpha(opacity=1)
}



.gallery-isotope .gallery-item .portfolio-description {

  padding: 10px 15px;

  background-color: #f8f8f8
}



.gallery-isotope .gallery-item .portfolio-description .title {

  margin: 0
}



.gallery-isotope .gallery-item .portfolio-description .title a {

  color: #333
}



.gallery-isotope .gallery-item .text-holder {

  box-sizing: border-box;

  display: block;

  height: 100%;

  left: 0;

  opacity: 0;

  overflow: hidden;

  padding: 25px 30px 60px;

  position: absolute;

  top: 0;

  -webkit-transition: opacity .3s ease-in-out 0s;

  -o-transition: opacity .3s ease-in-out 0s;

  transition: opacity .3s ease-in-out 0s;

  width: 100%;

  z-index: 13
}



.gallery-isotope .gallery-item .text-holder .title {

  color: #fff
}



.gallery-isotope .gallery-item:hover .text-holder {

  opacity: 1
}



.gallery-isotope .flex-control-nav {

  z-index: 111
}



#home .revslider-fullscreen {

  min-height: auto
}



.minimal-revslider-wrapper {

  left: 0;

  width: 100%
}



.minimal-revslider-wrapper .tp-leftarrow {

  left: 0
}



.minimal-revslider-wrapper .tp-rightarrow {

  right: 0
}



.tab-slider .tab-content {

  padding: 0;

  border: 0
}



.tab-slider .nav.nav-pills>div {

  background-color: #fff;

  float: left;

  margin-bottom: 15px;

  -webkit-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease
}



.tab-slider .nav.nav-pills i {

  color: #d3d3d3
}



.tab-slider .nav.nav-pills a {

  display: block;

  padding: 40px 30px;

  background: #f3f3f3
}



.tab-slider .nav.nav-pills a.active h6,

.tab-slider .nav.nav-pills a.active i,

.tab-slider .nav.nav-pills a:hover h6,

.tab-slider .nav.nav-pills a:hover i {

  color: #fff
}



.maximage-slider .fullscreen-controls .img-next,

.maximage-slider .fullscreen-controls .img-prev {

  background: rgba(0, 0, 0, .3)
}



.testimonial-carousel .quote,

.testimonial-carousel .thumb,

.testimonial-carousel-style2 .quote,

.testimonial-carousel-style2 .thumb {

  margin-bottom: 40px
}



.testimonial-carousel .quote i,

.testimonial-carousel-style2 .quote i {

  background: #555;

  border-radius: 50%;

  color: #fff;

  font-size: 25px;

  height: 60px;

  line-height: 1;

  padding: 20px 0 0;

  text-align: center;

  width: 60px
}



.testimonial-carousel .author,

.testimonial-carousel-style2 .author {

  margin-top: 30px;

  text-transform: uppercase
}



.testimonial-carousel-style2.owl-theme .owl-controls,

.testimonial-carousel.owl-theme .owl-controls {

  margin-top: 10px
}



.testimonial-carousel-style2.fullwidth .content p,

.testimonial-carousel.fullwidth .content p {

  font-size: 15px;

  font-style: italic;

  color: #fff
}



.testimonial-carousel-style2.fullwidth .content p::after,

.testimonial-carousel.fullwidth .content p::after {

  content: "\f10e";

  font-family: fontawesome;

  font-size: 100px;

  left: 42%;

  opacity: .1;

  position: absolute
}



.testimonial-carousel-style2.bullet-white .owl-dots span,

.testimonial-carousel.bullet-white .owl-dots span {

  background: #fff
}



.testimonial-carousel .owl-item img,

.testimonial-carousel-style2 .owl-item img {

  display: inline-block;

  width: auto;

  max-width: 90px
}



.testimonial-carousel-style2.boxed .quote,

.testimonial-carousel-style2.boxed .thumb,

.testimonial-carousel.boxed .quote,

.testimonial-carousel.boxed .thumb {

  margin-bottom: 20px
}



.testimonial-carousel-style2.boxed .owl-item img,

.testimonial-carousel.boxed .owl-item img {

  display: inline-block;

  width: auto;

  max-width: 65px
}



.testimonial-carousel-style2.boxed .content::after,

.testimonial-carousel.boxed .content::after {

  bottom: 12px;

  content: "\f10e";

  font-family: fontawesome;

  font-size: 55px;

  opacity: .2;

  position: absolute;

  right: 10px
}



.testimonial-carousel-style2.boxed .owl-controls,

.testimonial-carousel.boxed .owl-controls {

  margin-top: 0
}



.testimonial-carousel-style2.boxed.owl-theme .owl-dots .owl-dot.active span,

.testimonial-carousel-style2.boxed.owl-theme .owl-dots .owl-dot:hover span,

.testimonial-carousel.boxed.owl-theme .owl-dots .owl-dot.active span,

.testimonial-carousel.boxed.owl-theme .owl-dots .owl-dot:hover span {

  opacity: 1
}



.widget-testimonial-carousel .item img {

  max-width: 75px;

  float: right
}



.owl-controls {

  margin: 0
}



.owl-controls .owl-nav>div {

  background: #00a3c8;

  border-radius: 0;

  display: block;

  margin: 0;

  padding: 10px;

  position: absolute;

  top: 23%;

  -webkit-transition: all .4s ease 0s;

  -moz-transition: all .4s ease 0s;

  -ms-transition: all .4s ease 0s;

  -o-transition: all .4s ease 0s;

  transition: all .4s ease 0s;

  z-index: 6
}



.event,

.owl-theme .owl-dots .owl-dot span {

  -webkit-transition: all .4s ease 0s;

  -o-transition: all .4s ease 0s
}



.owl-controls .owl-next {

  right: 0
}



.owl-controls .owl-next i {

  color: #fff;

  font-size: 20px
}



.owl-controls .owl-prev i {

  color: #f7f7f7;

  font-size: 20px
}



.owl-theme .owl-dots {

  text-align: center;

  margin-top: 10px
}



.owl-theme .owl-dots .owl-dot {

  display: inline-block;

  zoom: 1
}



.owl-theme .owl-dots .owl-dot span {

  background: #fff;

  border: 2px solid #eee;

  border-radius: 50%;

  display: block;

  height: 12px;

  margin: 5px 3px;

  opacity: .8;

  transition: all .4s ease 0s;

  width: 12px
}



.owl-carousel.owl-nav-top.bullet-white .owl-dots span {

  background: #fff
}



.owl-carousel.owl-nav-top .owl-controls .owl-nav>div {

  background-color: transparent;

  top: -60px;

  right: 0
}



.owl-carousel.owl-nav-top .owl-controls .owl-nav>div:hover {

  background-color: #d3d3d3
}



.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev {

  right: 35px
}



.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next {

  right: 0
}



.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next,

.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev {

  background: #eee;

  border: none;

  line-height: 28px;

  padding: 0 12px;

  text-align: center
}



.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next i,

.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev i {

  color: #888;

  font-size: 14px
}



.owl-carousel.no-bullet .owl-nav {

  display: none
}



.recent-project .owl-controls .owl-nav>div {

  top: 38%
}



.recent-project .owl-controls .owl-nav .owl-next i,

.recent-project .owl-controls .owl-nav .owl-prev i {

  padding: 2px 16px
}



.featured-gallery.style2 {

  float: right;

  width: 92%
}



.featured-gallery.style2 .owl-controls {

  bottom: 58px;

  left: -80px;

  margin: 0;

  position: absolute
}



.featured-gallery.style2 .owl-controls .owl-nav>div {

  top: 95%
}



.featured-gallery.style2 .owl-controls .owl-nav .owl-prev {

  left: 0
}



.featured-gallery.style2 .owl-controls .owl-nav .owl-next {

  display: inline-table;

  left: 40px
}



.featured-gallery.style2 .owl-controls .owl-nav .owl-next i,

.featured-gallery.style2 .owl-controls .owl-nav .owl-prev i {

  color: #fff;

  font-size: 35px
}



@media only screen and (max-width:991px) {

  .featured-gallery.style2 {

    float: none;

    margin-top: 58px;

    width: 100%
  }

  .featured-gallery.style2 .owl-controls {

    bottom: auto;

    left: auto;

    top: -45px
  }

}



.image-carousel .owl-controls .owl-nav>div {

  opacity: 0
}



.image-carousel:hover .owl-controls .owl-nav>div {

  opacity: 1
}



.fullwidth-carousel .owl-controls .owl-nav>div {

  top: 45%
}



.fullwidth-carousel .carousel-item {

  min-height: 615px;

  width: 100%
}



.fullwidth-carousel.blog-fullwidth-carousel .carousel-item {

  height: 600px;

  min-height: auto;

  width: 100%
}



.fullwidth-carousel.blog-fullwidth-carousel .owl-controls .owl-nav>div {

  background: 0 0
}



.owl-dots-bottom-right .owl-dots {

  bottom: -10px;

  position: absolute;

  right: 0
}



.twitter-feed.twitter-carousel {

  color: #111;

  font-size: 16px
}



.twitter-feed.twitter-carousel a {

  color: #111
}



.twitter-feed .date {

  font-size: 12px
}



.twitter-feed.twitter-white,

.twitter-feed.twitter-white a {

  color: #fff
}



.bx-wrapper {

  margin: 0 auto 7px;

  padding: 0;

  position: relative
}



.bx-wrapper .bx-viewport {

  background: inherit;

  border: 0 solid #fff;

  box-shadow: 0 0 0 #ccc;

  left: 0;

  transform: translateZ(0)
}



.bx-controls .bx-controls-direction>a {

  background: #eee;

  border: none;

  height: auto;

  line-height: 28px;

  padding: 0 12px;

  width: auto;

  text-indent: 0;

  top: -30px;

  z-index: 0
}



.bx-controls .bx-controls-direction>a:hover {

  background: #ddd
}



.bx-controls .bx-controls-direction>a i {

  color: #888
}



.bx-controls .bx-controls-direction .bx-prev {

  right: 35px;

  left: auto
}



.bx-controls .bx-controls-direction .bx-next {

  right: 0
}



.typed-cursor {

  opacity: 1;

  -webkit-animation: blink .7s infinite;

  -moz-animation: blink .7s infinite;

  animation: blink .7s infinite
}



@keyframes blink {

  0%,

  100% {

    opacity: 1
  }

  50% {

    opacity: 0
  }

}



@-webkit-keyframes blink {

  0%,

  100% {

    opacity: 1
  }

  50% {

    opacity: 0
  }

}



@-moz-keyframes blink {

  0%,

  100% {

    opacity: 1
  }

  50% {

    opacity: 0
  }

}



.dots-left .owl-dots {

  margin-left: 10px;

  margin-top: 30px;

  text-align: left
}



.setion-bottom-absolute-div {

  background: rgba(255, 255, 255, .5);

  bottom: 0;

  left: 0;

  position: absolute;

  right: 0
}



.opening-hours ul li {

  border-bottom: 1px solid #eee;

  padding: 10px 0;

  margin-bottom: 0 !important
}



.opening-hours ul li span {

  float: left
}



.opening-hours ul li .value {

  float: right
}



.bg-img-box {

  position: relative
}



.bg-img-box .caption {

  padding-left: 30px;

  padding-right: 30px;

  padding-top: 20px;

  position: absolute;

  top: 0
}



.bg-img-box .caption .title {

  font-size: 30px;

  line-height: 39px
}



.bg-img-box .caption p {

  max-width: 280px
}



.causes .progress-item .progress-bar .percent {

  background-color: rgba(255, 255, 255, .9);

  border: 2px solid;

  border-radius: 50%;

  color: #333;

  font-size: 10px;

  line-height: 8px;

  padding: 12px 6px;

  position: absolute;

  right: -10px;

  text-align: center;

  top: -10px
}



.causes .progress-item .progress {

  background-color: #efefef;

  border-bottom: 1px solid #d3d3d3;

  box-shadow: none;

  height: 15px
}



.causes .thumb {

  position: relative
}



.causes .thumb .donate-btn {

  opacity: 0;

  position: absolute;

  right: -50px;

  top: 0;

  -webkit-transition: all .3s ease-in-out 0s;

  -o-transition: all .3s ease-in-out 0s;

  transition: all .3s ease-in-out 0s
}



.causes:hover .thumb .donate-btn {

  opacity: 1;

  right: -15px
}



.donate-piechart {

  margin: 0 auto
}



.donate-piechart.piechart-absolute {

  bottom: -40px;

  right: 15px;

  position: absolute
}



.donate-piechart .piechart-block {

  border-radius: 50%
}



.donate-piechart .piechart canvas {

  background-color: #eee;

  border-radius: 50%;

  max-height: 80px;

  max-width: 80px
}



.donate-piechart .piechart-block .piechart {

  min-height: 80px;

  min-width: 80px
}



.donate-piechart .piechart-block .percent::after {

  font-size: 12px
}



.donate-piechart .piechart-block .percent {

  font-size: 18px;

  line-height: 77px;

  position: relative
}



.piechart {

  position: relative;

  margin: 0 auto;

  text-align: center
}



.piechart .percent {

  font-size: 18px;

  z-index: 100;

  line-height: 60px
}



.piechart .percent:after {

  content: "%";

  font-size: 18px
}



.piechart canvas {

  position: absolute;

  left: 0;

  right: 0;

  margin: 0 auto
}



.project-conditions {

  background: #f9f9f9;

  padding: 8px
}



.project-conditions li {

  border-right: 1px solid #d3d3d3;

  color: grey;

  width: 32%
}



.project-conditions li:last-child {

  border-right: medium none
}



.project-conditions li strong {

  display: block;

  font-weight: 600;

  color: #222
}



.volunteer {

  position: relative
}



.volunteer .content,

.volunteer .overlay {

  opacity: 0;

  position: absolute;

  top: 0;

  left: 0;

  right: 0
}



.volunteer .overlay {

  height: 0;

  margin: 0 auto;

  -webkit-transition: all .3s ease-in-out 0s;

  -o-transition: all .3s ease-in-out 0s;

  transition: all .3s ease-in-out 0s
}



.volunteer .content {

  -webkit-transition: all .2s ease-in-out 0s;

  -o-transition: all .2s ease-in-out 0s;

  transition: all .2s ease-in-out 0s
}



.volunteer:hover .overlay {

  opacity: 1;

  height: 100%
}



.volunteer:hover .content {

  opacity: 1;

  top: 30%
}



.volunteer.border {

  border: 3px solid #fff
}



.volunteer .info {

  padding: 15px 0 0;

  text-align: center
}



.volunteer .info .name {

  font-weight: 700;

  margin: 0
}



.volunteer .info .name a {

  text-transform: uppercase
}



.volunteer .info .occupation {

  color: #999;

  margin-bottom: 10px;

  margin-top: 0;

  text-transform: uppercase
}



.vounteer-bg {

  box-shadow: 0 2px 4px #888
}



.vounteer-bg a {

  margin-bottom: 10px
}



.contact-wrapper {

  padding: 50px 50px 50px 100px
}



.contact-form .form-group {

  margin-bottom: 20px
}



.contact-form .form-control {

  background-image: none;

  border: 1px solid #F7F8FA;

  border-radius: 0;

  box-shadow: none;

  height: 48px
}



.contact-form .form-control:active,

.contact-form .form-control:focus {

  box-shadow: none;

  color: #333
}



.contact-form .form-control2 {

  background-color: rgba(0, 0, 0, .8);

  color: #F7F8FA
}



.contact-form .form-group button {

  margin-top: 0
}



.contact-form textarea.form-control {

  height: 110px;

  resize: none
}



textarea {

  resize: none
}



.event {

  background: #f6f6f6;

  border: 1px solid transparent;

  transition: all .4s ease 0s
}



.event:hover {

  background: #fafafa
}



.event .event-content .media-heading a {

  -webkit-transition: all .4s ease 0s;

  -o-transition: all .4s ease 0s;

  transition: all .4s ease 0s
}



.event .event-content ul li {

  font-size: 12px;

  line-height: 1;

  margin-top: 10px;

  margin-bottom: 10px
}



.event .event-date ul li {

  line-height: 1
}



.event .event-date ul li:first-child {

  margin-bottom: 10px
}



.schedule-box .thumb {

  position: relative;

  overflow-x: hidden
}



.schedule-box .thumb .overlay {

  background-color: rgba(255, 255, 255, .85);

  bottom: 0;

  left: 0;

  opacity: 0;

  position: absolute;

  right: 0;

  text-align: center;

  -webkit-transition: .3s ease-in-out 0s;

  -o-transition: .3s ease-in-out 0s;

  transition: .3s ease-in-out 0s;

  top: -100%
}



.schedule-box .thumb .overlay a i {

  background-color: #333;

  color: #fff;

  margin: 0 auto;

  padding: 13px 12px;

  position: absolute;

  text-align: center;

  -webkit-transition: all .45s ease-in-out 0s;

  -o-transition: all .45s ease-in-out 0s;

  transition: all .45s ease-in-out 0s;

  top: 0
}



.practice-area,

.rotated-service-box {

  position: relative
}



.schedule-box .schedule-details {

  border-bottom: 1px solid #bbb
}



.schedule-box .schedule-details ul li {

  margin: 0
}



.schedule-box .schedule-details .title a {

  -webkit-transition: all .3s ease-in-out 0s;

  -o-transition: all .3s ease-in-out 0s;

  transition: all .3s ease-in-out 0s
}



.schedule-box:hover .thumb .overlay {

  opacity: 1;

  top: 0
}



.schedule-box:hover .thumb .overlay a i {

  opacity: 1;

  top: 40%
}



.table-schedule thead tr th {

  color: #fff;

  font-size: 16px;

  padding: 15px 25px;

  text-transform: uppercase
}



.table-schedule>tbody>tr {

  background-color: #f3f3f3
}



.table-schedule>tbody>tr:nth-child(2n+1) {

  background-color: #f9f9f9
}



.table-schedule tbody tr td {

  border-top: 1px solid #f3f3f3;

  color: #666;

  font-weight: 400;

  padding: 15px 25px
}



.table-schedule tbody tr td .speaker-thumb {

  float: left;

  margin-right: 15px;

  margin-top: 5px;

  width: 55px
}



.table-schedule tbody tr td .title {

  font-size: 15px;

  margin-bottom: 0;

  margin-top: 3px
}



.table-schedule tbody tr td .name {

  font-size: 13px;

  margin: 0
}



.table-schedule tbody tr td strong {

  color: #666;

  font-weight: 700
}



.table-schedule .toggle-content {

  cursor: pointer
}



.table-schedule .session-details {

  display: none
}



.practice-area {

  overflow: hidden
}



.practice-area:hover .practice-name {

  opacity: 1;

  right: 0;

  -webkit-transition: all .2s ease-in-out;

  -o-transition: all .2s ease-in-out;

  transition: all .2s ease-in-out
}



.rotated-service-box .icon {

  background-color: #d3d3d3;

  display: inline-block;

  height: 90px;

  left: 0;

  margin: 0 auto;

  padding: 30px;

  position: absolute;

  right: 0;

  top: -45px;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  width: 90px
}



.rotated-service-box .icon i {

  color: #fff;

  font-size: 32px;

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg)
}



.rotated-service-box .heading {

  -webkit-transition: all .2s ease-in-out;

  -o-transition: all .2s ease-in-out;

  transition: all .2s ease-in-out
}



.job-overview {

  box-shadow: 0 0 0 2px #eee;

  padding: 20px 0 20px 20px
}



.job-overview .dl-horizontal dt {

  width: auto
}



.job-overview .dl-horizontal dd {

  margin-left: 40px
}



.product {

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 30px;

  padding-bottom: 15px;

  position: relative;

  overflow: hidden
}



.products .product {

  max-width: 400px
}



.products .product .product-details .product-title {

  font-size: 15px;

  margin-top: 20px;

  text-transform: uppercase
}



.btn-add-to-cart-wrapper,

.btn-product-view-details {

  opacity: 0;

  height: auto;

  margin: 0 0 15px;

  -webkit-transition: .4s;

  -o-transition: .4s;

  transition: .4s;

  position: absolute;

  bottom: 0;

  left: -60px
}



.product:hover .btn-add-to-cart-wrapper,

.product:hover .btn-product-view-details {

  left: 0;

  opacity: 1
}



.btn-product-view-details {

  left: auto;

  bottom: 0;

  right: -60px
}



.product:hover .btn-product-view-details {

  left: auto;

  opacity: 1;

  right: 0
}



.product .price {

  margin-top: 5px
}



.product .product-summary .cart-form-wrapper .btn,

.product .product-summary .product-title {

  margin-top: 0
}



.product .price .amount {

  font-size: 18px;

  font-weight: 600
}



.product .price del .amount {

  color: #999;

  font-size: 14px;

  font-weight: 500
}



.product .price ins {

  margin-left: 10px;

  text-decoration: none
}



.product .product-summary .short-description {

  margin-bottom: 15px
}



.product .product-summary .variations {

  width: 100%
}



.product .product-tab {

  margin-top: 30px
}



.product .commentlist .comment {

  margin-top: 30px;

  position: relative
}



.product .commentlist .comment .meta {

  font-size: 12px
}



.product .commentlist .comment .author {

  font-size: 14px;

  font-weight: 700
}



.product .product-thumb {

  position: relative
}



.product .product-thumb:hover .overlay {

  opacity: 1
}



.product .product-thumb .overlay .add-to-wishlist {

  color: #fff;

  right: 10px;

  top: 10px;

  position: absolute
}



.product .product-summary .cart-form-wrapper .quantity,

.tbl-shopping-cart .quantity {

  display: inline-block;

  margin-right: .8571em;

  position: relative;

  width: 4.1429em;

  vertical-align: top
}



.product .product-summary .cart-form-wrapper .quantity .minus,

.product .product-summary .cart-form-wrapper .quantity .plus,

.tbl-shopping-cart .quantity .minus,

.tbl-shopping-cart .quantity .plus {

  background: none;

  border: 1px solid #ccc;

  border-radius: 3px;

  font-family: Montserrat, sans-serif;

  height: 18px;

  left: 2.8571em;

  line-height: 1;

  outline: 0;

  padding: 0;

  position: absolute;

  width: 18px
}



.product .product-summary .cart-form-wrapper .quantity .minus,

.tbl-shopping-cart .quantity .minus {

  bottom: 0
}



.product .product-summary .cart-form-wrapper .quantity .plus,

.tbl-shopping-cart .quantity .plus {

  top: 0
}



.product .product-summary .cart-form-wrapper .quantity .qty,

.tbl-shopping-cart .quantity .qty {

  -moz-appearance: textfield;

  border: 1px solid #ccc;

  height: 41px;

  padding-left: 0;

  padding-right: 0;

  text-align: center;

  width: 40px
}



.star-rating {

  font-size: 14px;

  height: 16px;

  width: 75px;

  line-height: 1;

  margin: 0 auto;

  overflow: hidden;

  position: relative;

  top: 0
}



.star-rating span::before,

.star-rating::before {

  color: #a9a9a9;

  content: "\f005\f005\f005\f005\f005";

  float: left;

  font-family: fontawesome;

  left: 0;

  letter-spacing: 2px;

  position: absolute;

  top: 0
}



.star-rating span {

  float: left;

  left: 0;

  overflow: hidden;

  padding-top: 1.5em;

  position: absolute;

  top: 0
}



.product .tag-sale {

  margin: 0;

  top: 0;

  display: block;

  left: auto;

  right: 0;

  -webkit-transition: .4s;

  -o-transition: .4s;

  transition: .4s;

  color: #fff;

  font-size: 13px;

  font-weight: 600;

  line-height: 18px;

  padding: 4px 10px 4px 16px;

  position: absolute;

  text-align: right;

  text-transform: uppercase;

  z-index: 9
}



.product .tag-sale .tag-sale::before {

  border-color: transparent transparent transparent #dcdcdc;

  border-style: solid;

  border-width: 12px 13px 13px 8px;

  content: "";

  height: 0;

  left: 0;

  pointer-events: none;

  position: absolute;

  top: 1px;

  width: 0
}



.tbl-shopping-cart .product-thumbnail img {

  max-width: 72px;

  max-height: 72px
}



.tbl-shopping-cart .product-remove {

  text-align: center
}



.tbl-shopping-cart .variation .variation-size,

.tbl-shopping-cart .variation .variation-size span {

  font-size: 12px
}



.tbl-shopping-cart .coupon button,

.tbl-shopping-cart .coupon input,

.tbl-shopping-cart .coupon label,

.tbl-shopping-cart tr td,

.tbl-shopping-cart tr th {

  vertical-align: middle
}



.tbl-shopping-cart tr td {

  padding: 10px 12px
}



table.no-border td {

  border: none
}



.payment-method .radio {

  border: 1px solid #eee;

  padding: 10px
}



.payment-method .radio>label {

  color: #111;

  font-size: 17px
}



.payment-method .radio input {

  margin-top: 8px;

  vertical-align: initial
}



.payment-method .radio>p {

  margin-left: 20px
}



#checkout-shipping-address,

.top-nav-cart-box .indicator,

.top-nav-search-box .indicator {

  display: none
}



.dropdown-cart {

  padding: 10px
}



.dropdown-cart .cart-table-list,

.dropdown-cart .cart-table-list i {

  color: #222;

  border: none
}



.dropdown-cart .cart-table-list a {

  line-height: normal;

  color: #222
}



.dropdown-cart .cart-table-list td img {

  width: 50px;

  height: auto
}



.dropdown-cart .cart-table-list.table>tbody>tr>td {

  border: none;

  line-height: 20px;

  height: 20px;

  vertical-align: middle
}



.dropdown-cart .total-cart {

  display: inline-block;

  width: 100%;

  padding-top: 20px;

  color: #222;

  text-align: right
}



.dropdown-cart .total-cart ul {

  float: right;

  list-style: none;

  padding: 0;

  width: 100%
}



.dropdown-cart .total-cart ul li {

  display: block;

  overflow: hidden
}



.dropdown-cart .total-cart ul li span {

  width: 100px;

  display: inline-block;

  text-align: right;

  white-space: nowrap
}



.card,

.client-img,

.clients-logo.carousel,

.countdown-timer li,

.flex-control-nav,

.icon-box .icon,

.social-icons a {

  text-align: center
}



.dropdown-cart .total-cart .table>tbody>tr>td,

.dropdown-cart .total-cart .table>tbody>tr>th,

.dropdown-cart .total-cart .table>tfoot>tr>td,

.dropdown-cart .total-cart .table>tfoot>tr>th,

.dropdown-cart .total-cart .table>thead>tr>td,

.dropdown-cart .total-cart .table>thead>tr>th {

  border: 0
}



.dropdown-cart .cart-btn .btn {

  width: auto;

  float: none;

  padding: 5px 15px
}



.post .entry-title {
  font-size: 24px;
  font-weight: 700;
  /* margin-top: 0 */
}



.post .entry-content {

  background: #eaf9fa;

  padding: 15px;
  height: 290px;
  border-radius: 0px 0px 40px 40px;

}



.btn-border.active,

.btn-border:active,

.btn-dark.active,

.btn-dark:active,

.btn-default.active,

.btn-default:active,

.btn-gray.active,

.btn-gray:active,

.open>.dropdown-toggle.btn-border,

.open>.dropdown-toggle.btn-dark,

.open>.dropdown-toggle.btn-default,

.open>.dropdown-toggle.btn-gray {

  background-image: none
}



.post .entry-date {

  font-size: 13px
}



.post.media-post .post-thumb {

  float: left;

  margin: 0 10px 10px 0
}



.post .post-thumb {

  -webkit-transition: all .2s ease-in-out;

  -o-transition: all .2s ease-in-out;

  transition: all .2s ease-in-out
}



.post.style2,

.post.style3 {

  position: relative;

  overflow: hidden
}



.post.style2 .entry-content,

.post.style3 .entry-content {

  background-color: rgba(0, 0, 0, .8);

  bottom: -30px;

  left: 0;

  padding: 30px;

  position: absolute;

  right: 0;

  -webkit-transition: all .3s ease-in-out 0s;

  -o-transition: all .3s ease-in-out 0s;

  transition: all .3s ease-in-out 0s
}



.post.style2 .entry-content .entry-date,

.post.style3 .entry-content .entry-date {

  font-size: 11px;

  margin-bottom: 10px
}



.post.style2:hover .entry-content,

.post.style3:hover .entry-content {

  bottom: 0
}



.post.style2:hover .post-thumb,

.post.style3:hover .post-thumb {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1)
}



.post .entry-header .entry-date {

  position: absolute;

  bottom: 0;

  right: 0
}



.reply-box .form-group input {

  border-radius: 0;

  height: 45px;

  margin-bottom: 30px
}



.featured-blog {

  overflow: hidden;

  position: relative
}



.featured-blog-details {

  bottom: -18%;

  padding: 30px;

  position: absolute;

  transition: all .4s ease-in-out 0s;

  width: 100%
}



.featured-blog:hover .featured-blog-details {

  bottom: 0
}



.post .entry-header {

  overflow: hidden;

  position: relative
}



.post .entry-meta.meta-absolute {

  position: absolute;

  left: 0;

  top: 0
}



.post .entry-meta.meta-absolute i {

  display: block;

  font-size: 24px
}



.post .entry-meta .entry-date li,

.post .entry-meta.meta-absolute .display-table-cell ul li a {

  color: #fff;

  font-size: 16px;

  font-weight: 600
}



.btn-default {

  color: #fff;

  background-color: #0687f7;

  border-color: #ccc
}



.btn-default.focus,

.btn-default:focus {

  color: #333;

  background-color: #e6e6e6;

  border-color: #8c8c8c
}



.btn-default.active,

.btn-default:active,

.btn-default:hover,

.open>.dropdown-toggle.btn-default {

  color: #333;

  background-color: #e6e6e6;

  border-color: #adadad
}



.btn-default.active.focus,

.btn-default.active:focus,

.btn-default.active:hover,

.btn-default:active.focus,

.btn-default:active:focus,

.btn-default:active:hover,

.open>.dropdown-toggle.btn-default.focus,

.open>.dropdown-toggle.btn-default:focus,

.open>.dropdown-toggle.btn-default:hover {

  color: #333;

  background-color: #d4d4d4;

  border-color: #8c8c8c
}



.btn-default.disabled.focus,

.btn-default.disabled:focus,

.btn-default.disabled:hover,

.btn-default[disabled].focus,

.btn-default[disabled]:focus,

.btn-default[disabled]:hover,

fieldset[disabled] .btn-default.focus,

fieldset[disabled] .btn-default:focus,

fieldset[disabled] .btn-default:hover {

  background-color: #fff;

  border-color: #ccc
}



.btn-default .badge {

  color: #fff;

  background-color: #333
}



.btn-default:hover {

  background-color: #eee;

  border-color: #eee
}



.btn-border {

  color: #222;

  background-color: #fff;

  border-color: #222;

  border-width: 2px
}



.btn-border.focus,

.btn-border:focus {

  color: #222;

  background-color: #e6e6e6;

  border-color: #000
}



.btn-border.active,

.btn-border:active,

.btn-border:hover,

.open>.dropdown-toggle.btn-border {

  color: #222;

  background-color: #e6e6e6;

  border-color: #040404
}



.btn-border.active.focus,

.btn-border.active:focus,

.btn-border.active:hover,

.btn-border:active.focus,

.btn-border:active:focus,

.btn-border:active:hover,

.open>.dropdown-toggle.btn-border.focus,

.open>.dropdown-toggle.btn-border:focus,

.open>.dropdown-toggle.btn-border:hover {

  color: #222;

  background-color: #d4d4d4;

  border-color: #000
}



.btn-border.disabled.focus,

.btn-border.disabled:focus,

.btn-border.disabled:hover,

.btn-border[disabled].focus,

.btn-border[disabled]:focus,

.btn-border[disabled]:hover,

fieldset[disabled] .btn-border.focus,

fieldset[disabled] .btn-border:focus,

fieldset[disabled] .btn-border:hover {

  background-color: #fff;

  border-color: #222
}



.btn-border .badge,

.btn-dark {

  background-color: #222;

  color: #fff
}



.btn-border:active,

.btn-border:focus,

.btn-border:hover {

  background-color: #222;

  border-color: #222;

  color: #fff
}



.btn-dark {

  border-color: #222
}



.btn-dark.focus,

.btn-dark:focus {

  color: #fff;

  background-color: #090909;

  border-color: #000
}



.btn-dark.active,

.btn-dark:active,

.btn-dark:hover,

.open>.dropdown-toggle.btn-dark {

  color: #fff;

  background-color: #090909;

  border-color: #040404
}



.btn-dark.active.focus,

.btn-dark.active:focus,

.btn-dark.active:hover,

.btn-dark:active.focus,

.btn-dark:active:focus,

.btn-dark:active:hover,

.open>.dropdown-toggle.btn-dark.focus,

.open>.dropdown-toggle.btn-dark:focus,

.open>.dropdown-toggle.btn-dark:hover {

  color: #fff;

  background-color: #000;

  border-color: #000
}



.btn-dark.disabled.focus,

.btn-dark.disabled:focus,

.btn-dark.disabled:hover,

.btn-dark[disabled].focus,

.btn-dark[disabled]:focus,

.btn-dark[disabled]:hover,

fieldset[disabled] .btn-dark.focus,

fieldset[disabled] .btn-dark:focus,

fieldset[disabled] .btn-dark:hover {

  background-color: #222;

  border-color: #222
}



.btn-dark .badge {

  color: #222;

  background-color: #fff
}



.btn-gray {

  color: #333;

  background-color: #eee;

  border-color: #eee
}



.btn-gray.focus,

.btn-gray:focus {

  color: #333;

  background-color: #d5d5d5;

  border-color: #afafaf
}



.btn-gray.active,

.btn-gray:active,

.btn-gray:hover,

.open>.dropdown-toggle.btn-gray {

  color: #333;

  background-color: #d5d5d5;

  border-color: #d0d0d0
}



.btn-gray.active.focus,

.btn-gray.active:focus,

.btn-gray.active:hover,

.btn-gray:active.focus,

.btn-gray:active:focus,

.btn-gray:active:hover,

.open>.dropdown-toggle.btn-gray.focus,

.open>.dropdown-toggle.btn-gray:focus,

.open>.dropdown-toggle.btn-gray:hover {

  color: #333;

  background-color: #c3c3c3;

  border-color: #afafaf
}



.btn-gray.disabled.focus,

.btn-gray.disabled:focus,

.btn-gray.disabled:hover,

.btn-gray[disabled].focus,

.btn-gray[disabled]:focus,

.btn-gray[disabled]:hover,

fieldset[disabled] .btn-gray.focus,

fieldset[disabled] .btn-gray:focus,

fieldset[disabled] .btn-gray:hover {

  background-color: #eee;

  border-color: #eee
}



.btn-gray .badge {

  color: #eee;

  background-color: #333
}



.btn-circled {

  border-radius: 25px
}



.btn-flat {

  border-radius: 0
}



.btn {

  font-size: 13px;

  padding: 8px 22px
}



.btn-xs {

  font-size: 11px;

  padding: 3px 14px
}



.btn-sm {

  font-size: 12px;

  padding: 5px 17px
}



.btn-lg {

  font-size: 14px;

  padding: 10px 26px
}



.btn-xl {

  font-size: 16px;

  padding: 13px 32px
}



.btn-transparent {

  background-color: transparent;

  color: #fff
}



blockquote.gray,

blockquote.gray.bg-theme-colored {

  background-color: #eee
}



.btn-read-more {

  padding: 0
}



.btn-read-more::after {

  display: inline-block;

  content: "\f18e";

  font-family: fontawesome;

  font-size: 16px;

  font-variant: normal;

  font-weight: 400;

  line-height: 1;

  margin-left: 5px;

  position: relative;

  text-shadow: none;

  text-transform: none;

  top: 2px;

  -webkit-transition: all .4s ease 0s;

  -o-transition: all .4s ease 0s;

  transition: all .4s ease 0s
}



blockquote {

  border-left: 3px solid #eee;

  margin: 20px 0;

  padding: 30px
}



blockquote.gray {

  border-left: 3px solid #666;

  color: #333
}



blockquote.dark {

  border-left: 3px solid #3c3c3c;

  background-color: #555;

  color: #fff
}



blockquote.dark footer {

  color: #d3d3d3
}



blockquote p {

  font-family: "Playfair Display", serif;

  font-size: 16px;

  font-style: italic
}



.clients-logo .item {

  background: #eee;

  border-color: transparent;

  box-shadow: 0 0 0 10px #fff;

  margin-bottom: 30px;

  padding: 10px;

  transition: all .3s ease 0s
}



.clients-logo img {

  max-height: 90px;

  width: auto;

  display: inline;

  opacity: .6
}



.clients-logo img:hover {

  opacity: 1
}



.clients-logo.style2 .item {

  box-shadow: none
}



.clients-logo.style2 .item img {

  max-height: 120px
}



.client-img {

  opacity: .6;

  -webkit-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s
}



.client-img:hover {

  opacity: 1
}



.client-img img {

  max-height: 90px
}



.clients-logo.carousel .item {

  box-shadow: none;

  margin: 0 10px
}



.countdown-timer li {

  color: grey;

  display: inline-block;

  padding: 30px 20px;

  background-color: #f1f1f1;

  margin-right: 15px;

  font-size: 40px;

  min-width: 120px;

  min-height: 120px
}



.countdown-timer.timer-box li,

.countdown-timer.timer-deep-bg li {

  background-color: rgba(0, 0, 0, .05)
}



.countdown-timer li span {

  color: #F7F8FA;

  display: block;

  font-size: 15px;

  margin-top: 5px
}



.countdown-timer.timer-box {

  padding: 40px 20px 20px;

  text-align: center
}



.countdown-timer.timer-box li {

  color: #fff;

  margin-bottom: 15px
}



.countdown-timer.timer-box li span {

  color: #eee
}



@media only screen and (max-width:767px) {

  .timer-responsive li {

    margin-top: 30px;

    font-size: 20px;

    min-width: 60px;

    min-height: 60px;

    padding: 20px 10px
  }

  .countdown-timer li span {

    font-size: 12px
  }

}



.divider {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  display: block;

  position: relative;

  overflow: hidden;

  width: 100%
}



.parallax {

  width: 100%;

  height: 100%;

  margin: 0 auto;

  background-attachment: fixed;

  background-repeat: repeat-y;

  background-position: top center
}



.mobile-parallax {

  background-size: cover;

  background-attachment: scroll;

  background-position: center center
}



.divider .container {

  padding-top: 70px;

  padding-bottom: 70px
}



.divider .container.small-padding {

  padding-top: 30px;

  padding-bottom: 30px
}



.divider .container.extra-padding {

  padding-top: 180px;

  padding-bottom: 180px
}



.fb-comments,

.fb-comments>span,

.fb-comments>span>iframe,

.fb_iframe_widget,

.fb_iframe_widget>span,

.fb_iframe_widget>span>iframe {

  display: block;

  margin: 0;

  width: 100%
}



.flex-container a:active,

.flex-container a:focus,

.flexslider a:active,

.flexslider a:focus {

  outline: 0;

  border: none
}



.flex-direction-nav {

  display: none
}



.flexslider {

  position: relative;

  margin: 0;

  padding: 0;

  border: 0
}



.flex-viewport {

  max-height: 2000px;

  -webkit-transition: all 1s ease;

  -o-transition: all 1s ease;

  transition: all 1s ease
}



.flex-control-nav {

  margin: 0;

  padding: 0;

  list-style: none;

  border: none;

  width: auto;

  position: absolute;

  z-index: 10;

  bottom: 15px;

  right: 15px
}



.flex-control-nav li {

  float: left;

  display: block;

  margin: 0 3px;

  width: 10px;

  height: 10px
}



.flex-control-nav li a {

  display: block;

  cursor: pointer;

  text-indent: -9999px;

  width: 10px;

  height: 10px;

  border: 1px solid #fff;

  border-radius: 50%;

  -webkit-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out
}



.flex-control-nav li a.flex-active,

.flex-control-nav li:hover a {

  background-color: #fff
}



.card {

  float: left;

  min-height: 300px;

  padding-bottom: 25%;

  position: relative;

  width: 100%
}



.card:nth-child(1) {

  margin-left: -3px;

  margin-right: 1px
}



.card .card:nth-child(3),

.card:nth-child(1) {

  margin-right: 1px
}



.card .card__back,

.card .card__front {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transition: transform .3s;

  -o-transition: transform .3s;

  transition: transform .3s
}



.card .card__back {

  -webkit-transform: rotateY(-180deg);

  transform: rotateY(-180deg)
}



.card .card__text {

  display: inline-block;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  margin: auto;

  height: 300px;

  line-height: 20px
}



.funfact h2,

.icon-box .icon.icon-border-effect,

.icon-box .icon.icon-white.icon-border-effect {

  position: relative
}



.card.effect__hover:hover .card__front {

  -webkit-transform: rotateY(-180deg);

  transform: rotateY(-180deg)
}



.card.effect__hover:hover .card__back {

  -webkit-transform: rotateY(0);

  transform: rotateY(0)
}



.card.effect__click.flipped .card__front {

  -webkit-transform: rotateY(-180deg);

  transform: rotateY(-180deg)
}



.card.effect__click.flipped .card__back {

  -webkit-transform: rotateY(0);

  transform: rotateY(0)
}



.card.effect__random.flipped .card__front {

  -webkit-transform: rotateY(-180deg);

  transform: rotateY(-180deg)
}



.card.effect__random.flipped .card__back {

  -webkit-transform: rotateY(0);

  transform: rotateY(0)
}



.social-icons a {

  color: #333;

  font-size: 18px;

  height: 32px;

  line-height: 32px;

  width: 32px;

  float: left;

  margin: 5px 7px 5px 0;

  -webkit-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out
}



.social-icons.icon-dark a,

.social-icons.icon-gray a {

  display: block;

  font-size: 18px;

  height: 36px;

  line-height: 36px;

  width: 36px
}



.social-icons a:hover {

  color: #666
}



.social-icons.icon-gray a {

  background-color: #eee;

  color: #555
}



.social-icons.icon-gray a:hover {

  color: #bbb
}



.social-icons.icon-gray.icon-bordered a {

  background-color: transparent;

  border: 2px solid #eee
}



.social-icons.icon-gray.icon-bordered a:hover {

  border: 2px solid #d5d5d5
}



.social-icons.icon-dark a {

  background-color: #333;

  color: #eee
}



.social-icons.icon-dark a:hover {

  color: #5e5e5e
}



.social-icons.icon-dark.icon-bordered a {

  background-color: transparent;

  border: 2px solid #111;

  color: #111
}



.social-icons.icon-dark.icon-bordered a:hover {

  background-color: #111;

  border-color: #111;

  color: #fff
}



.social-icons.icon-bordered a {

  border: 1px solid #777
}



.social-icons.icon-bordered a:hover {

  background-color: #777;

  color: #fff
}



.social-icons.icon-rounded a {

  border-radius: 3px
}



.social-icons.icon-circled a {

  border-radius: 50%
}



.social-icons.icon-sm a {

  font-size: 13px;

  height: 30px;

  line-height: 30px;

  margin: 2px 7px 2px 0;

  width: 30px
}



.social-icons.icon-md a {

  font-size: 24px;

  height: 50px;

  line-height: 50px;

  width: 50px
}



.social-icons.icon-lg a {

  font-size: 32px;

  height: 60px;

  line-height: 60px;

  width: 60px
}



.social-icons.icon-xl a {

  font-size: 60px;

  height: 120px;

  line-height: 120px;

  width: 120px
}



.social-icons li {

  display: inline-block;

  margin-bottom: 0;

  margin-top: 0
}



.funfact {

  transition: all .5s ease
}



.funfact.no-border {

  border: 0
}



.funfact.border {

  border: 1px solid #d3d3d3
}



.funfact i {

  font-size: 45px
}



.funfact h2:after {

  bottom: 0
}



.funfact span {

  color: #eee;

  font-size: 18px
}



.funfact.style-1 .funfact-title,

.funfact.style-1 i {

  -webkit-transition: all .5s ease;

  -o-transition: all .5s ease;

  transition: all .5s ease
}



.funfact.style-1 .funfact-title {

  color: #999;

  font-size: 14px;

  text-transform: uppercase
}



.funfact.style-1:hover i {

  font-size: 40px;

  opacity: .3
}



.funfact.style-1:hover .funfact-title {

  color: #333
}



.icon-box {

  margin-bottom: 30px
}



.icon-box .icon {

  display: inline-block;

  height: 64px;

  margin-bottom: 20px;

  -webkit-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease;

  width: 64px
}



.icon-box .icon i {

  line-height: 64px
}



.icon-box .icon.icon-gray {

  background-color: #eee;

  color: #555
}



.icon-box .icon.icon-gray:hover {

  background-color: #d5d5d5;

  color: #bbb
}



.icon-box .icon.icon-gray.icon-bordered {

  background-color: transparent;

  border: 2px solid #eee
}



.icon-box .icon.icon-gray.icon-bordered:hover {

  background-color: #eee;

  color: #555
}



.icon-box .icon.icon-dark {

  background-color: #111;

  color: #fff
}



.icon-box .icon.icon-dark:hover {

  color: #5e5e5e
}



.icon-box .icon.icon-dark.icon-bordered {

  background-color: transparent;

  border: 2px solid #111;

  color: #111
}



.icon-box .icon.icon-dark.icon-bordered:hover {

  background-color: #111;

  border-color: #111;

  color: #fff
}



.icon-box .icon.icon-white {

  background-color: #fff;

  color: #111
}



.icon-box .icon.icon-white:hover {

  color: #5e5e5e
}



.icon-box .icon.icon-white.icon-bordered {

  background-color: transparent;

  border: 2px solid #111;

  color: #fff
}



.icon-box .icon.icon-white.icon-bordered:hover {

  background-color: #fff;

  border-color: #fff;

  color: #111
}



.icon-box .icon.icon-white.icon-border-effect::after {

  box-shadow: 0 0 0 3px #fff
}



.icon-box .icon.icon-bordered {

  border: 1px solid #777
}



.icon-box .icon.icon-bordered:hover {

  background-color: #777;

  color: #fff
}



.icon-box .icon.icon-rounded {

  border-radius: 3px
}



.icon-box .icon.icon-circled {

  border-radius: 50%
}



.icon-box .icon.icon-xs {

  height: 30px;

  width: 30px
}



.icon-box .icon.icon-xs i {

  font-size: 18px;

  line-height: 30px
}



.icon-box .icon.icon-sm {

  height: 50px;

  width: 50px
}



.icon-box .icon.icon-sm i {

  font-size: 22px;

  line-height: 50px
}



.icon-box .icon.icon-md {

  height: 75px;

  width: 75px
}



.icon-box .icon.icon-md i {

  font-size: 36px;

  line-height: 75px
}



.icon-box .icon.icon-lg {

  height: 90px;

  width: 90px
}



.icon-box .icon.icon-lg i {

  font-size: 48px;

  line-height: 90px
}



.icon-box .icon.icon-xl {

  height: 120px;

  width: 120px
}



.icon-box .icon.icon-xl i {

  font-size: 60px;

  line-height: 120px
}



.icon-box .icon.icon-border-effect::after {

  border-radius: 50%;

  box-shadow: 0 0 0 3px #eee;

  box-sizing: content-box;

  content: "";

  height: 100%;

  left: -4px;

  opacity: 0;

  padding: 4px;

  top: -4px;

  transform: scale(.8);

  transition: transform .2s ease 0s, opacity .2s ease 0s;

  pointer-events: none;

  position: absolute;

  width: 100%
}



.icon-box .icon.icon-border-effect.effect-flat::after {

  border-radius: 0
}



.icon-box .icon.icon-border-effect.effect-rounded::after {

  border-radius: 3px
}



.icon-box .icon.icon-border-effect.effect-circled::after {

  border-radius: 50%
}



.icon-box .icon.icon-border-effect.icon-gray::after {

  box-shadow: 0 0 0 3px #eee
}



.icon-box .icon.icon-top {

  left: 0;

  margin: 0 auto;

  position: absolute;

  right: 0;

  top: -32px
}



.icon-box .icon-hov i {

  color: #fff
}



.icon-box:hover .icon-hov {

  background: #fff
}



.icon-box i {

  display: inline-block;

  font-size: 60px;

  -webkit-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease
}



.icon-box i[class*=pe-7s-] {

  vertical-align: text-bottom
}



.icon-box.left {

  text-align: left
}



.icon-box.left a {

  margin-right: 30px;

  padding: 0
}



.icon-box.iconbox-border {

  border: 1px solid #dcdcdc
}



.icon-box.iconbox-bg {

  background-color: #fafafa
}



.icon-box.iconbox-bg.iconbox-bg-dark {

  background-color: #333
}



.icon-box .icon-box-title {

  margin-bottom: 15px
}



.icon-box .icon-border-effect:hover::after,

.icon-box:hover .icon-border-effect::after {

  opacity: 1;

  transform: scale(1)
}



.rotate {

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  -webkit-transition: all .7s ease-in-out 0s;

  -o-transition: all .7s ease-in-out 0s;

  transition: all .7s ease-in-out 0s
}



.no-rotate {

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

  -webkit-transition: all .7s ease-in-out 0s;

  -o-transition: all .7s ease-in-out 0s;

  transition: all .7s ease-in-out 0s
}



#infscr-loading {

  background-color: rgba(0, 0, 0, .7);

  border-radius: 3px;

  color: #fff;

  font-size: 24px;

  height: 50px;

  line-height: 50px;

  left: 48%;

  position: fixed;

  text-align: center;

  top: 50%;

  width: 50px;

  z-index: 100
}



#infscr-loading img {

  display: none
}



.instagram-feed figure,

.instagram-feed-carousel figure {

  position: relative
}



.instagram-feed figure .link-out,

.instagram-feed-carousel figure .link-out {

  position: absolute;

  right: 10px;

  bottom: 10px;

  background: rgba(0, 0, 0, .45);

  color: #f8f8f8;

  line-height: 1;

  padding: 10px;

  font-weight: 300;

  opacity: 0
}



.instagram-feed figure .link-out:hover,

.instagram-feed-carousel figure .link-out:hover {

  background: rgba(0, 0, 0, .7);

  color: #f8f8f8
}



.instagram-feed figure:hover .link-out,

.instagram-feed-carousel figure:hover .link-out {

  opacity: 1
}



.instagram-feed .item {

  width: 100px;

  float: left;

  margin-bottom: 2px;

  margin-right: 2px
}



.nivo-lightbox-theme-default .nivo-lightbox-nav {

  height: 100%;

  top: 0
}



.lightbox .lb-dataContainer {

  left: 0;

  position: absolute;

  right: 0;

  top: -45px
}



.toggle-map {

  background: rgba(0, 0, 0, .7);

  color: #fff;

  cursor: pointer;

  display: block;

  font-size: 16px;

  padding: 30px 0;

  position: relative;

  text-align: center;

  text-transform: uppercase;

  width: 100%;

  z-index: 200;

  -webkit-transition: all .2s linear;

  -o-transition: all .2s linear;

  transition: all .2s linear
}



.toggle-map:hover {

  color: #fff
}



.toggle-map span:after {

  content: "\f107";

  font-family: fontawesome;

  margin-left: 10px
}



.toggle-map.open span:after {

  content: "\f106"

}



.map-canvas {

  height: 400px;

  -webkit-transition: all .3s linear 0s;

  -o-transition: all .3s linear 0s;

  transition: all .3s linear 0s
}



.map-canvas.big {

  height: 720px
}



.map-canvas.map-hidden {

  height: 0
}



.btn-show-map {

  color: #111;

  font-size: 18px;

  left: 0;

  margin: 0 auto;

  position: absolute;

  right: 0;

  text-align: center;

  top: 45%
}



.btn-show-map i {

  font-size: 48px
}



.pagination.theme-colored li.active a {

  background: #BF9E58;

  color: #fff;

  border: 1px solid transparent
}



.pagination.dark li a {

  color: #333
}



.pager.dark li a,

.pager.theme-colored li.active a,

.pagination.dark li.active a {

  color: #fff;

  border: 1px solid transparent
}



.pagination.dark li.active a {

  background: #333
}



.pager.dark li a {

  background-color: #333
}



.pricing-table {

  position: relative
}



.pricing-table .table-price {

  color: #111;

  font-size: 45px
}



.pricing-table .table-price span {

  font-size: 13px;

  vertical-align: middle
}



.pricing-table.featured {

  border: 1px solid #111
}



.pricing-table .table-type {

  display: inline
}



.pricing-table .btn-signup {

  margin-right: 0;

  width: 100%
}



.pricing-table .table-list {

  list-style: none;

  padding: 10px 0 10px 20px;

  background: #f8f8f8
}



.pricing-table .table-list.list.check-circle li:before {

  content: "";

  font-family: fontawesome;

  font-size: 24px;

  vertical-align: middle
}



.pricing-table .table-list li {

  border-bottom: 1px solid #ededed;

  padding: 10px 0
}



.pricing-table .table-list li i {

  margin-right: 8px
}



.pricing-table .price-amount,

.pricing-table .price-amount-edit {

  width: 80px;

  height: 80px;

  margin-left: 20px;

  margin-right: 20px;

  line-height: 80px;

  font-size: 1.8rem
}



.pricing-table .price-amount {

  margin-top: -67px
}



.pricing-table .price-amount-new {

  margin-top: -50px
}



.pricing-table .price-amount-edit {

  margin-top: -107px
}



.pricing-table .price-num {

  font-family: Montserrat, sans-serif;

  font-size: 50px;

  font-weight: 500;

  color: #777
}



@media only screen and (max-width:980px) {

  .pricing-table .price-amount {

    font-size: 1rem;

    width: 50px;

    height: 50px;

    margin-top: -48px;

    line-height: 50px
  }

  .pricing-table .price-amount-edit {

    font-size: 1rem;

    width: 50px;

    height: 50px;

    margin-left: 10px;

    margin-top: -100px;

    line-height: 50px
  }

}



.progress-item {

  margin-top: 20px
}



.progress-item .progress {

  background-color: #f8f8f8;

  box-shadow: 0 0 1px rgba(0, 0, 0, .4) inset;

  border-radius: 0 7px 7px 0;

  height: 20px;

  margin-bottom: 15px;

  overflow: visible
}



.progress-item .progress-bar {

  font-size: 15px;

  padding-left: 10px;

  position: relative;

  text-align: left;

  width: 0;

  line-height: 20px;

  -webkit-transition: all 1s ease 0s;

  -o-transition: all 1s ease 0s;

  transition: all 1s ease 0s
}



.progress-item .progress-bar .percent {

  background-color: #FF5722;

  border-radius: 0 7px 7px 0;

  padding: 0 8px;

  position: absolute;

  right: -10px;

  top: 0
}



.progress-item.progress-white .progress {

  padding: 2px
}



.progress-item.style2 .progress {

  height: 25px
}



.progress-item.style2 .progress-bar .percent {

  background: 0 0;

  color: #555;

  font-size: 14px
}



.single-cause-piechart {

  position: relative
}



.single-cause-piechart .piechart-block {

  border-radius: 50%
}



.single-cause-piechart .piechart canvas {

  width: 190px;

  height: 190px
}



.single-cause-piechart .piechart-block .piechart {

  min-height: 190px;

  min-width: 190px
}



.single-cause-piechart .piechart-block .percent::after {

  font-size: 28px
}



.single-cause-piechart .piechart-block .percent {

  font-family: open sans;

  font-size: 36px;

  left: 10px;

  position: absolute;

  right: 0;

  top: 34%
}



.modal-promo-box {

  max-width: 700px;

  padding: 90px 60px;

  margin: 0 auto
}



.small-title {

  position: relative
}



.small-title i {

  font-size: 36px;

  margin-top: 7px;

  padding-top: 0
}



.small-title .title {

  margin-left: 15px
}



.small-title .title:after {

  bottom: -6px;

  content: "";

  height: 1px;

  left: 45px;

  position: absolute;

  width: 45px
}



.section-title .both-side-line::after,

.section-title .both-side-line::before {

  top: 10px;

  width: 30px;

  content: "";

  height: 2px;

  position: absolute
}



.section-title .both-side-line::after {

  right: -40px
}



.section-title .both-side-line::before {

  left: -40px
}



.section-title .top-side-line::after {

  content: "";

  height: 2px;

  left: 0;

  margin: 0 auto;

  position: absolute;

  right: 0;

  top: -8px;

  width: 40px
}



.section-title .left-side-line::before,

.section-title .right-side-line::before {

  height: 2px;

  position: absolute;

  top: -8px;

  width: 35px;

  content: ""

}



.section-title .left-side-line::before {

  left: 0
}



.section-title .right-side-line::before {

  right: 0
}



.section-title .sub-title {

  margin: 0;

  position: relative;

  display: inline-block
}



.section-title .title {

  margin-top: 0;

  position: relative
}



.section-title .icon i {

  font-size: 80px;

  position: absolute;

  top: -7px;

  opacity: .1
}



.section-title p {

  font-size: 14px
}



.section-title p.left-bordered {

  border-left: 2px solid #F7F8FA;

  padding-left: 10px
}



.section-title p.right-bordered {

  border-right: 2px solid #F7F8FA;

  padding-right: 10px
}



.section-title {

  margin-bottom: 30px
}



.section-title.title-border {

  padding-left: 30px
}



.section-title.title-border.title-right {

  border-left: 0;

  padding-left: 0;

  padding-right: 30px;

  text-align: right
}



.section-title.icon-bg p {

  font-size: 14px;

  font-style: italic;

  margin-bottom: 0
}



.section-title.icon-bg .page-title {

  font-size: 38px;

  line-height: 52px
}



.section-title.icon-bg .page-title i {

  font-size: 42px;

  line-height: 1.3;

  position: absolute;

  opacity: .15;

  left: 0;

  right: 0;

  margin: 0 auto
}



.title-dots {

  /* background: url(../images/title-dots.html); */

  height: 30px;

  margin-bottom: 20px
}



.title-dots span {

  color: #fff;

  font-size: 17px;

  line-height: 30px;

  padding: 5px 10px
}



.title-dots.small {

  height: 24px;

  margin-bottom: 15px
}



.title-dots.small span {

  font-size: 11px;

  line-height: 23px
}



.title-separator {

  border-top-style: solid;

  border-top-width: 1px;

  font-size: 16px;

  height: auto;

  line-height: 20px;

  margin: 10px 0;

  width: 70%
}



.title-separator span {

  background: #fff;

  border-radius: 2px;

  letter-spacing: .2em;

  padding: 2px 10px;

  position: relative;

  text-transform: uppercase;

  top: -12px
}



.separator {

  color: #ccc;

  line-height: 1.2em;

  margin: 30px auto;

  overflow: hidden;

  text-align: center;

  width: 100%
}



.separator::after,

.separator::before {

  border-bottom: 1px solid #eee;

  content: "";

  display: inline-block;

  height: .65em;

  margin: 0 -4px 0 -100%;

  vertical-align: top;

  width: 50%
}



.separator::after {

  margin: 0 -100% 0 0
}



.separator a,

.separator i,

.separator span {

  display: inline-block;

  margin: 0 20px 0 24px;

  font-size: 20px
}



.separator.left i,

.separator.separator-left {

  float: left;

  margin: 2px 50px 0 0
}



.separator.right i {

  float: right;

  margin: 0 0 2px 50px
}



.nav-tabs>li,

.styled-icons a {

  float: left;

  text-align: center
}



.separator.separator-medium-line {

  margin: 10px auto;

  width: 20%
}



.separator.separator-small-line {

  width: 10%
}



.separator.separator-border-rouned i,

.separator.separator-rouned i {

  background-color: #f5f5f5;

  border-radius: 50%;

  height: 40px;

  left: 0;

  line-height: 40px;

  margin: -12px auto auto;

  position: absolute;

  right: 0;

  width: 40px
}



.separator.separator-border-rouned i {

  background: 0 0;

  border: 1px solid #f5f5f5
}



.separator.separator-rouned.separator-rouned-left i {

  margin: -12px auto auto;

  right: auto;

  left: 0
}



.separator.separator-rouned.separator-rouned-right i {

  margin: -12px auto auto;

  right: 0;

  left: auto
}



.separator.dotted::after,

.separator.dotted::before {

  border-bottom: 2px dotted #ccc
}



.styled-icons a {

  color: #333;

  font-size: 18px;

  height: 32px;

  line-height: 32px;

  width: 32px;

  margin: 5px 7px 5px 0;

  -webkit-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out
}



.styled-icons.icon-dark a,

.styled-icons.icon-gray a {

  display: block;

  font-size: 18px;

  height: 36px;

  line-height: 36px;

  width: 36px
}



.styled-icons a:hover {

  color: #666
}



.styled-icons.icon-gray a {

  background-color: #eee;

  color: #555
}



.styled-icons.icon-gray a:hover {

  color: #bbb
}



.styled-icons.icon-gray.icon-bordered a {

  background-color: transparent;

  border: 2px solid #eee
}



.styled-icons.icon-gray.icon-bordered a:hover {

  border: 2px solid #d5d5d5
}



.styled-icons.icon-dark a {

  background-color: #00a3c8;

  color: rgba(8, 253, 253, .97)
}



.styled-icons.icon-dark a:hover {

  color: #5e5e5e
}



.styled-icons.icon-dark.icon-bordered a {

  background-color: transparent;

  border: 2px solid #111;

  color: #111
}



.styled-icons.icon-dark.icon-bordered a:hover {

  background-color: #111;

  border-color: #111;

  color: #fff
}



.styled-icons.icon-bordered a {

  border: 1px solid #777
}



.styled-icons.icon-bordered a:hover {

  background-color: #777;

  color: #fff
}



.styled-icons.icon-rounded a {

  border-radius: 3px
}



.styled-icons.icon-circled a {

  border-radius: 50%
}



.styled-icons.icon-sm a {

  font-size: 13px;

  height: 30px;

  line-height: 30px;

  margin: 2px 7px 2px 0;

  width: 30px
}



.styled-icons.icon-md a {

  font-size: 24px;

  height: 50px;

  line-height: 50px;

  width: 50px
}



.styled-icons.icon-lg a {

  font-size: 32px;

  height: 60px;

  line-height: 60px;

  width: 60px
}



.styled-icons.icon-xl a {

  font-size: 60px;

  height: 120px;

  line-height: 120px;

  width: 120px
}



.styled-icons li {

  display: inline-block;

  margin-bottom: 0;

  margin-top: 0
}



.tab-content {

  padding: 15px;

  border: 1px solid #eee
}



.nav-tabs {

  border: none
}



.nav-tabs>li {

  margin-bottom: -1px
}



.nav-tabs>li.active a,

.nav-tabs>li.active a:focus,

.nav-tabs>li.active a:hover {

  color: #111;

  background-color: #f8f8f8
}



.nav-tabs>li>a {

  border-radius: 0;

  font-family: Montserrat, sans-serif;

  font-size: 12px;

  color: #555;

  padding: 12px 20px;

  margin-right: 0
}



.nav-tabs>li>a .fa {

  margin-right: 10px
}



.nav-tabs>li>a:focus,

.nav-tabs>li>a:hover {

  color: #fff;

  background-color: transparent
}



.nav-tabs>li>a i {

  display: block;

  font-size: 22px;

  margin-right: 0;

  margin-bottom: 10px;

  vertical-align: middle
}



.horizontal-tab-centered .nav-pills {

  display: inline-block
}



.horizontal-tab-centered .nav-pills>li>a {

  background: #eee;

  color: #555;

  font-size: 20px;

  padding: 8px 10px;

  margin-right: 10px;

  margin-bottom: 10px;

  text-transform: capitalize
}



.horizontal-tab-centered .nav-pills>li>a:hover {

  color: #fff
}



.horizontal-tab-centered .nav-pills>li>a i {

  font-size: 22px;

  margin-right: 8px
}



.horizontal-tab-centered .nav-pills>li.active>a,

.horizontal-tab-centered .nav-pills>li.active>a>i,

.horizontal-tab-centered .nav-pills>li:hover>a,

.horizontal-tab-centered .nav-pills>li:hover>a>i {

  color: #fff
}



.horizontal-tab-centered .nav-new .nav-pills>li>a {

  margin-bottom: 0;

  margin-right: 10px;

  margin-top: 0;

  padding: 25px 41px
}



.horizontal-tab-centered .nav-new .nav-pills>.nav-child>a {

  margin-right: 0
}



@media only screen and (max-width:980px) {

  .horizontal-tab-centered .nav-new .nav-pills>li>a {

    margin-bottom: 0;

    margin-right: 5px;

    margin-top: 0;

    padding: 20px 6px
  }

}



@media only screen and (max-width:360px) {

  .horizontal-tab-centered .nav-new .nav-pills>li>a {

    font-size: 13px;

    margin-right: 0;

    padding: 10px 4px
  }

}



.horizontal-tab.fullwide .nav-tabs>li {

  width: 20%
}



@media only screen and (max-width:980px) {

  .horizontal-tab-centered .nav-pills>li>a {

    font-size: 18px;

    margin-bottom: 5px;

    margin-right: 5px;

    padding: 5px
  }

}



.vertical-tab .tab-content {

  padding: 5px 5px 20px 20px;

  border: none
}



.vertical-tab .nav-tabs>li {

  float: none;

  margin-bottom: 0
}



.vertical-tab .nav-tabs>li>a {

  background: 0 0;

  border-radius: 0;

  border-bottom: 1px solid #d3d3d3;

  border-right: 1px solid #d3d3d3;

  border-top: 1px solid transparent;

  border-left: 1px solid transparent;

  font-size: 16px;

  padding: 15px 0 15px 15px
}



.vertical-tab .nav-tabs>li:first-child>a {

  border-top: 1px solid #d3d3d3
}



.vertical-tab .nav-tabs>li.active>a,

.vertical-tab .nav-tabs>li:hover>a {

  background: 0 0;

  border-top: 1px solid transparent;

  border-left: 1px solid transparent;

  border-right: 1px solid transparent;

  border-bottom: 1px solid #d3d3d3;

  color: #fff
}



.vertical-tab .nav-tabs>li.active>a>i,

.vertical-tab .nav-tabs>li:hover>a>i {

  background: 0 0;

  color: #fff
}



.vertical-tab .small-padding .nav-tabs>li a {

  padding: 20px 0 20px 15px
}



.vertical-tab .small-padding .nav-tabs>li i {

  font-size: 24px
}



@media only screen and (max-width:980px) {

  .vertical-tab .nav-tabs>li>a {

    font-size: 12px;

    padding: 5px 0 5px 3px
  }

  .vertical-tab .nav-tabs>li>a>i {

    font-size: 16px
  }

  .tab-content .tab-pane p {

    font-size: 14px;

    margin-bottom: 5px
  }

  .tab-content .tab-pane ul>li {

    font-size: 13px;

    margin-bottom: 0 !important
  }

}



@media only screen and (max-width:767px) {

  .nav-tabs>li.active>a,

  .nav-tabs>li.active>a:focus,

  .nav-tabs>li.active>a:hover,

  .nav-tabs>li>a {

    border-bottom: none;

    border-left: 2px solid #d3d3d3
  }

  .vertical-tab .tab-content {

    padding: 20px 5px
  }

  .nav-tabs>li>a {

    border-radius: 0
  }

}



.custom-nav-tabs {

  -moz-border-bottom-colors: none;

  -moz-border-left-colors: none;

  -moz-border-right-colors: none;

  -moz-border-top-colors: none;

  border-color: -moz-use-text-color;

  border-image: none;

  border-style: none solid none none;

  border-width: medium 0 medium medium;

  margin-right: 53px
}



.custom-nav-tabs>li {

  float: none;

  margin: 0 0 1px
}



.custom-nav-tabs>li a {

  background: #eee;

  border: none;

  border-radius: 0;

  display: block;

  font-size: 17px;

  font-weight: 700;

  line-height: 59px;

  margin: 0;

  outline: 0;

  padding: 0;

  text-align: center;

  text-transform: uppercase
}



.custom-nav-tabs>li.active>a,

.custom-nav-tabs>li.active>a:focus,

.custom-nav-tabs>li.active>a:hover,

.custom-nav-tabs>li>a:focus,

.custom-nav-tabs>li>a:hover {

  border: none;

  color: #000;

  padding: 0
}



.team-member {

  overflow: hidden;

  position: relative;

  -webkit-transition: all .5s linear 0s;

  -o-transition: all .5s linear 0s;

  transition: all .5s linear 0s
}



.team-member:hover::before {

  background: 0 0;

  content: "";

  height: 100%;

  position: static;

  width: 90%
}



.team-member .member-info {

  bottom: 100%;

  display: block;

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  width: 90%;

  -webkit-transition: all .4s linear 0s;

  -o-transition: all .4s linear 0s;

  transition: all .4s linear 0s
}



.team-member .member-info .member-biography {

  opacity: 1;

  position: relative;

  right: auto;

  left: auto;

  top: auto;

  bottom: auto;

  text-align: center;

  z-index: 3
}



.team-member:hover .member-info {

  bottom: 0
}



.team-block {

  margin: 0 auto 30px
}



.team-block .team-thumb {

  overflow: hidden;

  position: relative;

  border: 2px solid #eee
}



.team-block .team-thumb .team-overlay {

  height: 100%;

  padding: 60px 20px 0 30px;

  position: absolute;

  top: 100%;

  -webkit-transition: all .3s ease-in-out 0s;

  -o-transition: all .3s ease-in-out 0s;

  transition: all .3s ease-in-out 0s;

  width: 100%
}



.team-block .team-bottom-part {

  background: #eee;

  margin-top: 6px;

  padding: 10px 16px 12px 30px
}



.team-block .title small {

  color: #ddd
}



.team-block:hover .team-overlay {

  top: 0
}



.team-block>.info-new {

  border: 2px solid #eee
}



.team-block>.info-new h4 {

  margin-top: 0;

  padding-top: 10px
}



.team-block:hover .info-new h4,

.team-block:hover .info-new p {

  color: #fff
}



.team-block:hover .info-new ul>li>a {

  background: #fff
}



.team-block:hover .info-new ul>li>a>i {

  color: #222
}



.testimonial .item {

  position: relative;

  overflow: hidden
}



.testimonial .item .thumb img {

  margin: auto;

  max-width: 75px
}



.testimonial.style1 .item {

  border: none
}



.testimonial.style1 .item::before {

  display: none
}



.testimonial.style1 .quote,

.testimonial.style1 .thumb {

  margin-bottom: 30px
}



.testimonial.style1 .author {

  color: #777;

  margin-bottom: 5px;

  text-transform: uppercase
}



.testimonial.style1 .title {

  color: #F7F8FA;

  margin-bottom: 20px
}



.testimonial.style1 .comment p {

  font-style: italic;

  font-weight: 500;

  margin-left: 30px
}



.testimonial.style1 .comment {

  padding: 35px 25px;

  background: #f8f8f8;

  color: #777;

  border: 3px solid #fff;

  border-radius: 10px;

  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);

  margin: 1px;

  position: relative
}



.testimonial.style1 .comment::before {

  color: #d3d3d3;

  content: "\f10d";

  font-family: fontawesome;

  font-size: 30px;

  left: 20px;

  position: absolute;

  top: 7px
}



.testimonial.style1 .comment::after {

  content: "";

  width: 14px;

  height: 14px;

  position: absolute;

  bottom: -12px;

  right: 30px;

  background: url(../images/testimonials/quote_arrow.png) no-repeat
}



.testimonial .item img,

.testimonials.attorney-details .thumb img {

  display: inline;

  width: auto
}



.testimonial .item img {

  margin: 0 auto
}



.testimonial.style2 {

  text-align: center
}



.testimonial.style2 .thumb img {

  display: inline-block;

  width: auto;

  width: 75px
}



.fc-timetable-wrapper .fc-event .fc-content div.fc-time,

.fc-timetable-wrapper .fc-toolbar .fc-button .fc-icon:after {

  display: none
}



.fc-timetable-wrapper .fc-scroller {

  height: auto;

  overflow: hidden
}



.fc-timetable-wrapper .fc-toolbar {

  display: none;

  height: 38px;

  margin-bottom: 20px
}



.fc-timetable-wrapper .fc-toolbar h2 {

  color: #7f7f7f;

  font-family: Lato, "Lora", serif;

  font-size: 18px;

  font-weight: 400;

  line-height: 38px;

  text-transform: uppercase
}



.fc-timetable-wrapper .fc-day-header,

.fc-timetable-wrapper .fc-event {

  font-weight: 300;

  font-family: Lato, "Lora", serif
}



.fc-timetable-wrapper .fc-toolbar .fc-button {

  -moz-box-sizing: border-box;

  -moz-transition: all .3s ease;

  -o-transition: all .3s ease;

  -webkit-box-sizing: border-box;

  -webkit-transition: all .3s ease;

  background: #fff;

  border: 1px solid #e5e5e5;

  box-shadow: none;

  box-sizing: border-box;

  height: 38px;

  line-height: 36px;

  transition: all .3s ease;

  width: 40px
}



.fc-timetable-wrapper .fc-toolbar .fc-button:hover {

  background: #5fc7ae;

  border-color: #5fc7ae
}



.fc-timetable-wrapper .fc-toolbar .fc-button:hover .fc-icon.fc-icon-left-single-arrow {

  background-position: -108px -50px
}



.fc-timetable-wrapper .fc-toolbar .fc-button:hover .fc-icon.fc-icon-right-single-arrow {

  background-position: -115px -50px
}



.fc-timetable-wrapper .fc-toolbar .fc-button .fc-icon {

  height: 11px;

  top: -1px;

  width: 6px
}



.fc-timetable-wrapper .fc-toolbar .fc-button .fc-icon.fc-icon-left-single-arrow {

  background-position: -100px -50px
}



.fc-timetable-wrapper .fc-toolbar .fc-button .fc-icon.fc-icon-right-single-arrow {

  background-position: -122px -50px
}



.fc-timetable-wrapper .fc-day-header {

  background: #fff;

  color: #7f7f7f;

  font-size: 14px;

  line-height: 52px
}



.fc-timetable-wrapper .fc-axis,

.fc-timetable-wrapper .fc-time-grid .fc-day.fc-widget-content {

  background: #fff
}



.fc-timetable-wrapper .filter-departments,

.fc-timetable-wrapper .filter-departments li {

  margin-bottom: 20px
}



.fc-timetable-wrapper .filter-departments a {

  background: #eee;

  border-color: #eee;

  border-radius: 5px;

  color: #333;

  padding: 7px 15px
}



.fc-timetable-wrapper .filter-departments .active {

  background: #888;

  border-color: #888;

  color: #fff
}



.fc-timetable-wrapper .filter-departments .fc-departments-orthopaedics {

  background: #72a230;

  border-color: #72a230
}



.fc-timetable-wrapper .filter-departments .fc-departments-cardiology {

  background: #ffab00;

  border-color: #ffab00
}



.fc-timetable-wrapper .filter-departments .fc-departments-neurology {

  background: #fd4084;

  border-color: #fd4084
}



.fc-timetable-wrapper .filter-departments .fc-departments-dental {

  background: #00a4ef;

  border-color: #00a4ef
}



.fc-timetable-wrapper .filter-departments .fc-departments-haematology {

  background: #80acdd;

  border-color: #80acdd
}



.fc-timetable-wrapper .fc-event {

  -moz-transition: all .3s ease;

  -o-transition: all .3s ease;

  -webkit-transition: all .3s ease;

  border-radius: 0;

  border: 0;

  border: 2px solid #5fc7ae;

  color: #fff;

  font-size: 16px;

  transition: all .3s ease
}



.fc-timetable-wrapper .fc-event .fc-bg {

  opacity: 0
}



.fc-timetable-wrapper .fc-event .fc-content {

  padding-left: 10px;

  padding-top: 10px
}



.fc-timetable-wrapper .fc-event.hide {

  opacity: 0;

  z-index: -2
}



.fc-timetable-wrapper .fc-event.fc-departments-orthopaedics {

  background: #72a230;

  border-color: #72a230
}



.fc-timetable-wrapper .fc-event.fc-departments-cardiology {

  background: #ffab00;

  border-color: #ffab00
}



.fc-timetable-wrapper .fc-event.fc-departments-neurology {

  background: #fd4084;

  border-color: #fd4084
}



.fc-timetable-wrapper .fc-event.fc-departments-dental {

  background: #00a4ef;

  border-color: #00a4ef
}



.fc-timetable-wrapper .fc-event.fc-departments-haematology {

  background: #80acdd;

  border-color: #80acdd
}



.fc-timetable-wrapper td.fc-time {

  color: #7f7f7f;

  font-family: Montserrat, sans-serif;

  font-size: 12px;

  font-weight: 400;

  line-height: 70px;

  text-align: center
}



.fc-timetable-wrapper .fc-time-grid-container {

  height: auto
}



.fc-timetable-wrapper .fc-content-skeleton .fc-event-container {

  margin: 0
}



@media only screen and (max-width:768px) {

  .fc-timetable-wrapper .fc-day-header {

    font-size: 10px
  }

  .fc-timetable-wrapper .fc-time-grid-event .fc-time,

  .fc-timetable-wrapper .fc-time-grid-event .fc-title {

    font-size: 12px
  }

  .fc-timetable-wrapper .fc-event .fc-content {

    padding-left: 0;

    padding-top: 0
  }

}



.panel-group .panel {

  box-shadow: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  border: none;

  position: relative
}



.panel-group .panel-title {

  font-size: 13px
}



.panel-group .panel-title a {

  background: rgba(238, 238, 238, .5);

  display: block;

  font-size: 14px;

  padding: 10px 15px 10px 48px;

  white-space: normal
}



.panel-group .panel-title a.active {

  background: #f1f1f1;

  border-bottom: 1px solid #d3d3d3;

  color: #111
}



.panel-group .panel-title a.active .open-sub:after {

  display: none
}



.panel-group .panel-title a.active::after {

  color: #fff;

  background: #e3e3e3;

  content: "\f068"

}



.panel-group .panel-title a::after {

  color: #777;

  content: "\f067";

  font-family: fontawesome;

  font-size: 14px;

  left: 0;

  padding: 10px 14px;

  position: absolute;

  top: 0
}



.panel-group .panel-title:focus a,

.panel-group .panel-title:hover a {

  color: #333
}



.panel-group .panel-title .open-sub {

  display: block;

  position: relative
}



.panel-group .panel-title .open-sub:after,

.panel-group .panel-title .open-sub:before {

  content: "";

  display: block;

  position: absolute;

  height: 1px;

  top: 50%;

  margin-top: -.5px;

  left: 50%
}



.panel-group .panel-content {

  background: #f1f1f1;

  padding: 10px 20px 20px
}



.panel-group .panel-content>:last-child {

  margin-bottom: 0
}



.panel-group.toggle .panel-heading {

  padding: 0;

  border-bottom: 0;

  border-top-left-radius: 0;

  border-top-right-radius: 0
}



.panel-group.toggle .panel-body {

  padding: 10px 0 5px 25px
}



.panel-group.accordion.transparent .panel-title a,

.panel-group.accordion.transparent .panel-title a.active,

.panel-group.toggle.transparent .panel-title a,

.panel-group.toggle.transparent .panel-title a.active {

  background: 0 0;

  border: none
}



.panel-group.accordion.transparent .panel-title a.active::after,

.panel-group.accordion.transparent .panel-title a::after,

.panel-group.toggle.transparent .panel-title a.active::after,

.panel-group.toggle.transparent .panel-title a::after {

  color: #333;

  background: 0 0
}



.panel-group.accordion.transparent .panel-content,

.panel-group.toggle.transparent .panel-content {

  background: 0 0
}



.panel-group.toggle .panel-heading+.panel-collapse>.list-group,

.panel-group.toggle .panel-heading+.panel-collapse>.panel-body {

  border-top: none
}



.cd-timeline-content {

  background: #f1f1f1
}



.cd-timeline-content::before {

  border-color: transparent transparent transparent #eee
}



.cd-timeline-block:nth-child(2n) .cd-timeline-content::before {

  border-color: transparent #eee transparent transparent
}



#cd-timeline.cd-timeline-simple::before {

  background: #ccc;

  height: 82%;

  top: 65px;

  width: 2px
}



#cd-timeline.cd-timeline-simple.time-line-media::before {

  height: 65%
}



.cd-timeline-simple .cd-timeline-block {

  margin: 38px 0 20px
}



.cd-timeline-simple .cd-timeline-block .cd-timeline-content::before {

  display: none
}



.cd-timeline-simple .cd-timeline-block .cd-timeline-content {

  padding-top: 0;

  background: 0 0;

  box-shadow: none
}



.cd-timeline-simple .cd-timeline-block .cd-timeline-content p {

  font-size: 14px
}



.cd-timeline-simple .cd-timeline-block .cd-timeline-img {

  background: #333;

  box-shadow: 0 0 0 4px #ccc, 0 3px 0 rgba(0, 0, 0, .06) inset, 0 0 0 3px rgba(0, 0, 0, .05)
}



@media only screen and (max-width:992px) {

  .cd-timeline-simple .cd-timeline-block .cd-timeline-content {

    text-align: left
  }

  .cd-timeline-simple .cd-timeline-block .cd-timeline-content h2 {

    font-size: 20px
  }

}



@media only screen and (max-width:768px) {

  .cd-timeline-simple .cd-timeline-block .cd-timeline-content {

    margin-bottom: 10px
  }

  .cd-timeline-simple .cd-timeline-block .cd-timeline-content h2 {

    font-size: 18px
  }

  .cd-timeline-simple .cd-timeline-block .cd-timeline-content .cd-date {

    font-size: 14px
  }

}



.vertical-masonry-timeline .each-masonry-item {

  position: relative;

  width: 50%;

  margin-bottom: 30px
}



.vertical-masonry-timeline .each-masonry-item:nth-child(2) {

  margin-top: 80px
}



.vertical-masonry-timeline .each-masonry-item:nth-child(2n) {

  padding-left: 50px
}



.vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) {

  padding-right: 50px
}



.vertical-masonry-timeline .each-masonry-item .timeline-block {

  background: #fff;

  border: 1px solid #d7e4ed;

  height: 100%;

  padding: 20px;

  position: relative;

  width: 100%
}



.vertical-masonry-timeline .each-masonry-item .timeline-block:after,

.vertical-masonry-timeline .each-masonry-item .timeline-block:before {

  border-style: solid;

  border-width: 8px;

  content: "";

  display: block;

  position: absolute;

  top: 20px
}



.vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-block:before {

  border-color: transparent transparent transparent #c6d2db;

  left: auto;

  right: -16px
}



.vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-block:after {

  border-color: transparent transparent transparent #fff;

  left: auto;

  right: -15px
}



.vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-block:before {

  border-color: transparent #c6d2db transparent transparent;

  left: -16px;

  right: auto
}



.vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-block:after {

  border-color: transparent #fff transparent transparent;

  left: -15px;

  right: auto
}



.vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-post-format {

  left: auto;

  right: -82px
}



.vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-post-format {

  left: -80px;

  right: auto
}



.timeline-post-format {

  border: 3px solid #bbb;

  border-radius: 100%;

  color: #bbb;

  height: 60px;

  overflow: hidden;

  position: absolute;

  top: -2px;

  width: 60px;

  z-index: 1
}



.timeline-post-format:after {

  background: #fff;

  color: #fff;

  content: "";

  display: block;

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  width: 100%
}



.timeline-post-format i {

  font-size: 18px;

  position: absolute;

  z-index: 1;

  left: 50%;

  top: 50%;

  transform: translateY(-50%) translateX(-50%)
}



.vertical-masonry-timeline-wrapper:before {

  background: #ddd;

  bottom: 0;

  content: "";

  height: 100%;

  left: 50%;

  margin-left: 0;

  position: absolute;

  width: 4px
}



.vertical-masonry-timeline-wrapper:after,

.vertical-masonry-timeline::after {

  content: "";

  height: 100px;

  left: 50%;

  position: absolute;

  width: 4px
}



.vertical-masonry-timeline-wrapper:after {

  background: linear-gradient(#ddd, transparent) rgba(0, 0, 0, 0);

  bottom: -100px;

  margin-left: 0
}



.vertical-masonry-timeline::after {

  background: linear-gradient(transparent, #ddd) rgba(0, 0, 0, 0);

  top: -65px
}



@media only screen and (min-width:768px) {

  .vertical-masonry-timeline .each-masonry-item.item-right {

    padding-right: 0;

    padding-left: 50px
  }

  .vertical-masonry-timeline .each-masonry-item.item-right .timeline-block:before {

    border-color: transparent #c6d2db transparent transparent;

    left: -16px;

    right: auto
  }

  .vertical-masonry-timeline .each-masonry-item.item-right .timeline-block:after {

    border-color: transparent #fff transparent transparent;

    left: -15px;

    right: auto
  }

  .vertical-masonry-timeline .each-masonry-item.item-right .timeline-post-format {

    left: -80px;

    right: auto
  }

  .vertical-masonry-timeline .each-masonry-item.item-left {

    padding-right: 50px;

    padding-left: 0
  }

  .vertical-masonry-timeline .each-masonry-item.item-left .timeline-block:before {

    border-color: transparent transparent transparent #c6d2db;

    right: -16px;

    left: auto
  }

  .vertical-masonry-timeline .each-masonry-item.item-left .timeline-block:after {

    border-color: transparent transparent transparent #fff;

    right: -15px;

    left: auto
  }

  .vertical-masonry-timeline .each-masonry-item.item-left .timeline-post-format {

    right: -81px;

    left: auto
  }

}



@media only screen and (max-width:768px) {

  .vertical-masonry-timeline .each-masonry-item {

    width: 100%
  }

  .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) {

    padding-right: 0;

    padding-left: 71px
  }

  .vertical-masonry-timeline .each-masonry-item:nth-child(2n) {

    padding-left: 71px;

    padding-right: inherit
  }

  .vertical-masonry-timeline .each-masonry-item:nth-child(2) {

    margin-top: 0
  }

  .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-post-format {

    left: -72px;

    right: auto
  }

  .vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-post-format {

    left: -72px
  }

  .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-block::before {

    border-color: transparent #c6d2db transparent transparent;

    left: -16px;

    right: auto
  }

  .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-block::after {

    border-color: transparent #fff transparent transparent;

    left: -15px;

    right: auto
  }

  .vertical-masonry-timeline:after {

    left: 29px
  }

  .vertical-masonry-timeline-wrapper:after,

  .vertical-masonry-timeline-wrapper:before {

    left: 44px
  }

}



.working-process>li::after,

.working-process>li::before {

  border-top: 1px dashed #333;

  content: "";

  top: 25px;

  width: 50%
}



.working-process>li {

  float: left;

  overflow: hidden;

  position: relative;

  text-align: center
}



.working-process>li::after {

  left: 6px;

  margin-left: -32px;

  overflow: hidden;

  position: absolute
}



.working-process>li::before {

  margin-right: -25px;

  position: absolute;

  right: 0
}



.working-process>li :first-child::after,

.working-process>li :last-child::before {

  border-top: medium none
}



.working-process li a {

  border: 1px solid;

  display: inline-block;

  height: 50px;

  line-height: 50px;

  overflow: hidden;

  width: 50px;

  border-radius: 50%
}



.working-process li a:hover {

  background: #333;

  border: 1px solid transparent;

  color: #fff
}



.working-process li a i {

  font-size: 18px
}



.working-process.square li a,

.working-process.square.large-circle li a {

  border-radius: 0
}



.working-process.large-circle li a {

  height: 120px;

  line-height: 130px;

  width: 120px;

  border-radius: 50%
}



.working-process.large-circle li a i {

  font-size: 28px
}



.working-process.large-circle>li::before {

  margin-right: -60px;

  top: 60px
}



.working-process.large-circle>li::after {

  margin-left: -64px;

  top: 60px
}



.working-process.theme-colored li a {

  color: #fff
}



.home-boxes .each-box {

  overflow-x: hidden
}



.home-boxes .bg-icon {

  bottom: 0;

  color: #fff;

  font-size: 58px;

  line-height: 1;

  opacity: .3;

  position: absolute;

  right: 30px;

  transform: rotate(-40deg)
}



.search-form-wrapper {

  position: relative
}



.search-form-wrapper.toggle {

  display: none
}



.search-form-wrapper.toggle.active {

  display: block
}



.search-form-wrapper form {

  padding: 10px;

  position: relative
}



.search-form-wrapper form label {

  margin: 0;

  position: absolute;

  right: 11px;

  top: 11px
}



.search-form-wrapper form label:before {

  color: #555;

  cursor: pointer;

  content: "\f002";

  font-family: fontawesome;

  font-size: 16px;

  position: absolute;

  right: 13px;

  top: 6px
}



.search-form-wrapper form input[type=text] {

  background-color: #fff;

  border: 1px solid #F7F8FA;

  height: 46px;

  padding: 8px 17px;

  width: 100%
}



.search-form-wrapper form input[type=submit] {

  background-color: #fff;

  border: none;

  height: 44px;

  width: 50px;

  text-indent: -999px
}



.search-form-wrapper.form-absolute form {

  background-color: #333;

  position: absolute;

  right: 0;

  top: 12px;

  width: 370px;

  z-index: 99
}



.search-form-wrapper.round form input[type=text] {

  border-radius: 30px;

  border-width: 4px
}



.search-form-wrapper.round form input[type=submit] {

  height: auto;

  width: auto;

  margin-right: 10px;

  margin-top: 10px
}



.search-form-wrapper.round form label::before {

  color: #F7F8FA
}



.widget .list-border li {

  border-bottom: 1px dashed #d3d3d3
}



.widget.dark .list-border li {

  border-bottom: 1px dashed #404040
}



.widget {

  margin-bottom: 30px
}



.widget .widget-title {

  margin-top: 0;

  margin-bottom: 20px
}



.widget ul li {

  margin-bottom: 5px;

  padding-bottom: 5px
}



.widget .post,

.widget ul.list li {

  margin-bottom: 8px;

  padding-bottom: 8px
}



.widget.brochures>li {

  margin-bottom: 10px;

  padding: 10px
}



.widget.brochures i {

  color: #666;

  font-size: 16px;

  margin-right: 10px
}



.widget.address>li {

  font-size: 13px;

  margin-bottom: 10px;

  padding: 5px 10px
}



.widget.address>li i {

  font-size: 16px;

  margin-right: 8px;

  vertical-align: middle
}



.widget .twitter-feed li {

  font-size: 13px;

  margin-bottom: 15px;

  margin-top: 0;

  padding-left: 30px
}



.widget .twitter-feed li.item {

  position: relative
}



.widget .twitter-feed li::after {

  content: "\f099";

  font-size: 24px;

  font-family: fontawesome;

  left: 0;

  position: absolute;

  top: 0
}



.widget .styled-icons li {

  margin-bottom: 0;

  padding-bottom: 0
}



.widget .styled-icons li a {

  margin-bottom: 0
}



.widget .tags a {

  border: 1px solid #404040;

  display: inline-block;

  font-size: 12px;

  margin: 5px 4px 5px -2px;

  padding: 5px 10px
}



.widget .nav-tabs li,

.widget.dark .nav-tabs li {

  margin-bottom: -2px;

  padding-bottom: 0
}



.widget .tags a:hover {

  color: #fff
}



.widget .search-input {

  background: 0 0;

  border: 1px solid #F7F8FA;

  border-radius: initial;

  box-shadow: none;

  height: 45px;

  padding: 10px
}



.widget .search-button {

  background: 0 0;

  border: 1px solid #F7F8FA;

  border-radius: 0;

  height: 45px
}



.widget .nav-tabs li,

.widget .nav-tabs li:hover {

  border-bottom: 1px solid transparent
}



.widget .post-title a {

  font-size: 13px;

  letter-spacing: 0
}



.widget .quick-contact-form .form-control {

  background-color: rgba(241, 241, 241, .8);

  border-color: #d3d3d3;

  color: #a9a9a9
}



.widget .product-list .product-title {

  font-size: 14px;

  font-weight: 400
}



.widget.dark .widget-title {

  color: #00a3c8
}



.widget.dark .styled-icons li a:hover i,

.widget.dark .widget-image-carousel .title,

.widget.dark .widget-subscribe .subscribe-title {

  color: #fff
}



.widget.dark .tags a {

  border: 1px solid #404040
}



.widget.dark .search-button,

.widget.dark .search-input {

  border: 1px solid #333
}



.widget.dark .nav-tabs li,

.widget.dark .nav-tabs li:hover {

  border-bottom: 1px solid transparent
}



.widget.dark .widget-subscribe .subscribe-sub-title {

  color: #666
}



.widget.dark .nav-tabs li:hover a {

  border: 1px solid #555
}



.widget.dark .nav-tabs li.active a {

  -moz-border-bottom-colors: none;

  -moz-border-left-colors: none;

  -moz-border-right-colors: none;

  -moz-border-top-colors: none;

  background: #333;

  border-color: #555 #555 transparent;

  border-image: none;

  border-style: solid;

  border-width: 1px
}



.widget.dark .product-title a {

  color: grey
}



.widget.dark .post-title a {

  color: #F7F8FA
}



.footer a,

.widget .services-list li.active a {

  color: #fff
}



.widget.dark .tab-content {

  background: #333;

  border: 1px solid #555
}



.widget.dark .quick-contact-form .form-control {

  background-color: rgba(5, 15, 5, .1);

  border-color: #333
}



.widget.dark .widget-title.line-bottom {

  border-bottom: 1px solid rgba(9, 148, 148, .58)
}



.widget.no-border ul li {

  border: none;

  padding-bottom: 0;

  margin-bottom: 0
}



.widget ul.list li::before,

.widget.dark ul.list li::before {

  display: none
}



.horizontal-contact-widget {

  border-top: 1px dashed #5b5b5b
}



.horizontal-contact-widget .each-widget::before {

  content: "\f111";

  font-family: FontAwesome;

  left: 0;

  position: absolute;

  right: 0;

  top: -42px
}



.horizontal-contact-widget.dark {

  border-top: 1px dashed #333
}



.widget.dark .btn.btn-default {

  border-color: #333
}



#flickr-feed img {

  background: #000;

  float: left;

  height: 60px;

  margin: 0 5px 5px 0;

  padding: 0;

  width: 70px
}



.text-hover-theme-colored {

  -webkit-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease
}



.widget .services-list li {

  background-color: #eee;

  border-bottom: 1px solid #ddd;

  padding: 10px 15px 10px 20px
}



.widget .services-list li.active {

  position: relative;

  border-bottom: 1px solid transparent
}



.widget .services-list li.active::after {

  -moz-border-bottom-colors: none;

  -moz-border-left-colors: none;

  -moz-border-right-colors: none;

  -moz-border-top-colors: none;

  border-image: none;

  border-style: solid;

  border-width: 21px;

  bottom: 0;

  content: "";

  height: 21px;

  left: -42px;

  position: absolute;

  top: 0;

  width: 23px
}



.footer {

  background: url(../images/bg/aa.jpg) fixed
}



.footer a:active,

.footer a:focus,

.footer a:hover {

  color: #666
}



.footer .widget .widget-title {

  margin-top: 0
}



.footer .widget.dark .quick-contact-form button {

  border-color: #333;

  color: #909090
}



.footer .widget.dark .quick-contact-form button:hover {

  background-color: #eee;

  border-color: #eee;

  color: #333
}



.hexa {

  /* transform: rotate(120deg); */
  /* transform: rotate(0deg); */

  width: 285px;

  height: 230px
}



.hexa,

.hexa div {

  margin: 0 auto;

  transform-origin: 43% 50%;

  overflow: hidden
}



.hexa div {

  width: 100%;

  height: 100%
}



.hex1,

.hex2 {

  /* transform: rotate(-60deg) */
  transform: rotate(0deg)
}

.bb {
  border-radius: 10px;
  height: 210px;
  width: 50px;
}

.myu {
  margin-top: 30px;
}

@media only screen and (min-width: 300px) {
  .img-fullwidth.bb {
    height: 210px;
    width: 250px;
  }


}

@media only screen and (max-width: 300px) {
  .myu {
    margin-top: 3px;
  }

  .bg-theme-colored {
    background-color: #003459 !important;
  }

}


.gy {
  width: 100px;
}

.nji {
  width: 100%;
  height: 216px;
}

/* google rating */
.ratings {
  background-color: white;
  color: black;
  padding: 2px 4px;
  border: none;
  cursor: pointer;
  opacity: 1;
  position: fixed;
  bottom: 40px;
  left: 28px;
  width: 172px;
  z-index: 1000;
  border: 4px solid #27b1d9;
  box-shadow: 0px 0px 5px 3px white;
  border-radius: 8px;
  font-weight: 500;
}

.ratings img {
  margin-top: 10px;
}

.checked {
  color: orange;
}

.grat {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

@media (min-width: 768px) {
  .sys-only {
    display: none;
  }
}

.system {
  background-color: #13afeb;
  color: white;
  padding: 2px 20px;
  border: none;
  cursor: pointer;
  opacity: 1;
  position: fixed;
  bottom: 60px;
  left: 0px;
  /* width: 100px; */
  z-index: 1000;
  border: 4px solid grey;
  border-left: none;
}

@media only screen and (max-width: 600px) {

  .ratings {
    display: none;
  }
}

.grat {
  margin-top: 0.5px !important;
  margin-bottom: 0.5px !important;
  font-size: 8px;
  font-weight: 600;
  font-family: unset;
}

@media (min-width: 768px) {
  .sys-only {
    display: none;
  }
}

.system {
  background-color: #13afeb;
  color: white;
  font-size: 12px;
  padding: 2px 7px;
  border: none;
  cursor: pointer;
  opacity: 1;
  position: fixed;
  bottom: 60px;
  left: 0px;
  /* width: 100px; */
  z-index: 1000;
  border: 4px solid grey;
  border-left: none;
}

/* google rating */
/*social icons */
.social_icons {
  position: fixed;
  right: 0;
  background: #27b1d9;
  padding: 10px;
  /* border: 1px solid #003459; */
  border-radius: 10px;
  z-index: 9999;
  top: 150px;
}

.mybtntoptobottom {
  position: fixed;
  right: 0;
  background: #27b1d9;
  padding: 10px;
  border: 1px solid #003459;
  border-radius: 10px;
  z-index: 9999;
  bottom: 20px;
}

.social_icons li a {
  color: #000;
  font-size: 27px;
}

.social_icons .social {
  position: relative;
  padding-left: 0;
  list-style-type: none;
}

.social_icons span.instagram {
  position: absolute;
  background: #31547a;
  right: 43px;
  width: 100px;
  text-align: center;
  border-radius: 5px;
  opacity: 0;
  color: #fff;
}

.social_icons span.facebook {
  position: absolute;
  background: #234999;
  right: 43px;
  width: 100px;
  text-align: center;
  border-radius: 5px;
  opacity: 0;
  color: #fff;
}

.social_icons span.youtube {
  position: absolute;
  background: #1DA1F2;
  right: 43px;
  width: 100px;
  text-align: center;
  border-radius: 5px;
  opacity: 0;
  color: #fff;
}

.social_icons span.call {
  position: absolute;
  background: #09afdf;
  right: 43px;
  width: 100px;
  text-align: center;
  border-radius: 5px;
  opacity: 0;
  color: #fff;
}

.social_icons span.whatsapp {
  position: absolute;
  background: #25d366;
  right: 43px;
  width: 100px;
  text-align: center;
  border-radius: 5px;
  opacity: 0;
  color: #fff;
}

.social_icons span.google {
  position: absolute;
  background: #4885ed;
  right: 43px;
  width: 100px;
  text-align: center;
  border-radius: 5px;
  opacity: 0;
  color: #fff;
}

.social_icons li {
  padding: 0px 0;
}

.social_icons li.cal:hover span.call,
.social_icons li.fac:hover span.facebook,
.social_icons li.goog:hover span.google,
.social_icons li.ins:hover span.instagram,
.social_icons li.whats:hover span.whatsapp,
.social_icons li.you:hover span.youtube {
  opacity: 1;
  transition: 0.5s;
}

/*ed*/


.sub-header {
  background-color: #eaf9fa;

}

.bhu {
  display: flex;
  flex-direction: column;
}

.mki {
  font-size: 12px;

  position: relative;
  top: 6px;
}

.csj {
  font-size: 18px;
  font-weight: 600;

  margin: 0px;
  padding: 0px;
}

.ji {
  margin-top: 8px;
  font-size: 35px;
  margin-bottom: 0px;
  width: 35px;
}

.bookap {
  float: right;

  color: #fff;
}

@media only screen and (max-width: 600px) {
  .ji {
    display: none;
  }

  .mki,
  .csj {
    text-align: center;
  }

  .bookap {
    float: none;
    display: flex;
    justify-content: center;


  }

  .bhu1 {
    margin-top: -10px;
  }

  .bhuf {
    padding: 0;

  }


}




.cardssty {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  background-color: #eaf9fa;
  padding: 10px;
  height: 380px;
  border-radius: 40px;
  margin-top: 10px;

}

.readmorebtnright {
  float: right;
}

.cardsstyH {
  font-size: 20px;
  font-weight: 700;
  /* color: #004861; */
  /* background: white; */
  border-radius: 10px;
  background-color: #27b1d9;
  padding: 0px 10px 0px 10px;
  color: #fff;
}

.cardsstyH4 {
  color: #fff;
}

.cardsstyH2 {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  background-color: #27b1d9;
  border-radius: 10px;
  /* height: 65px; */
}

.cardsstyHhy {

  color: #fff;

}

.cardsstyP {
  font-size: 15px;
  color: #000;
}

.vg {
  width: 100%;
  height: 450px;
  border-radius: 40px;
}

.cardcon {
  border-radius: 0px 0px 40px 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.cardstyh3 {
  font-size: 24px;
  font-weight: 700;
  text-transform: capitalize;
  /* color: #004861;
        background: white;
        border-radius: 10px; */
}

.readmorebtn {
  background-color: #27b1d9;
  /* border: 1px solid; */
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  padding: 4px 10px 4px 10px;
}

.mko {
  font-size: 20px;
}

.hfd {
  border-radius: 40px;
}

.info_AB img {
  display: flex;
  width: 100%;
  align-items: center;
  height: 70vh;
  object-fit: cover;
}

.ab_colmn {
  border-radius: 10px;
  width: 300px;
}





.ticker-container {
  width: 100%;
  background: #27b1d9;
  overflow: hidden;
  white-space: nowrap;
  height: 50px;
  display: flex;
  align-items: center;
  position: relative;
}

.ticker-text {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: white;
  white-space: nowrap;
}

.newsred {
  color: #fff;
  padding: 0 20px;
}


#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#preloader .welcome-loder {
  width: 100%;
  height: auto;
}

#preloader .welcome-loder-mobile {
  width: 100%;
  height: auto;
  display: none;
}


@media only screen and (max-width: 600px) {

  #preloader .welcome-loder {
    width: 100%;
    height: auto;
    display: none;
  }

  #preloader .welcome-loder-mobile {
    width: 100%;
    height: auto;
    display: block;
  }

}

.menu-toggle {
  display: none;
}

@media (max-width: 768px) {
  .menuzord-menu {
    display: none;
    width: 100%;
    flex-direction: column;
  }

  .menuzord-menu2 {
    display: flex;
  }

  .menuzord-menu.active {
    display: flex;
  }

  .menuzord-menu li {
    width: 100%;
    text-align: center;
  }

  .menuzord .menu-toggle {
    display: block;
  }
}














/* Popup container */
.popup-form {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 1000;
}

/* Overlay */
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 999;
}

.popup-form .close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}