/*-----------------------------------------------------------------------------------

 [Table of contents]

 1. Base (Global style for some elements)
 2. Header (Logo or navigation)
 3. Header Top Bar (Section)
 4. Main Slider (Section)
 5. Site Features (Section)
 6. About Us (Section)
 7. Statistic (Section)
 8. Services (Section)
 9. Tabs (Section)
 10. Portfolio (Section)
 11. Testimonial (Section)
 12. Clients (Section)
 13. Quick support (Section)
 14. Packages (Section)
 15. Team (Section)
 16. Call to action (Section)
 17. Blog (Section)
 18. Site Contact (Section)
 19. Footer (Section)
 20. Scroll To Top Button
 21. Preloader

-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------

 [Global CSS for some elements]

 # html
 # body
 # a tag
 # responsive images
 # input placeholders
 # i tag for font awesome icons
 # paragraph
 # hr tag for horizontal line
 # white section
 # dark section
 # align center (class)
 # bootstrap fluid container
 # theme button
 # swiper (carousel slider)

-----------------------------------------------------------------------------------*/
html {
  margin: 0;
  padding: 0;
  display: block;
  font-size: 15px;
}

body {
  margin: 0;
  padding: 0;
  display: block;
  font-size: 100%;
  /* ----------------------------- Global font */
  font-family: 'Lato', sans-serif;
  font-family: 'Prata', serif;
  background: white;
}

* {
  outline: none !important;
}

/* a tag */
a {
  display: inline-block;
  max-width: 100%;
  text-decoration: none;
  color: #b1976b;
}

a:hover, a:active, a:focus, a:visited {
  color: #b1976b;
  text-decoration: none;
}

/* Responsive image */
img {
  display: inline-block;
  max-width: 100%;
}

span {
  display: inline-block;
  max-width: 100%;
}

figure {
  overflow: hidden;
  max-width: 100%;
  display: block;
}

/* Input Placeholders */
:-moz-placeholder {
  opacity: 1;
}

:-ms-input-placeholder {
  opacity: 1;
}

::-webkit-input-placeholder {
  opacity: 1;
}

::-moz-placeholder {
  opacity: 1;
}

/* I tag for font-awesome icons */
i {
  display: inline-block;
}

/* Paragraph */
p {
  font-family: 'Lato', sans-serif;
  color: #565656;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
  text-align:left;
}

/* Paragraph center  */
.center-text p{
	text-align:center;
	padding:0;
	margin:0 0 40px 0;
}


/* Horizontal line */
hr {
  max-width: 70px;
  width: 100%;
  display: block;
  height: 0;
  clear: both;
  border: 2px solid #d7d7d7;
  margin: 0;
}

/* Grey section (.site-grey-section) class */
.site-grey-section {
  margin: 0;
  padding: 90px 0;
  width: 100%;
  clear: both;
  display: block;
  text-align: center;
  background: #efefed;
}

/* White section (.site-white-section .site-dark-section ) class */
.site-white-section, .site-dark-section, .site-grey-section {
  margin: 0;
  padding: 90px 0;
  width: 100%;
  clear: both;
  display: block;
  text-align: center;
}

/* White section (.site-white-section .site-dark-section ) class padding*/
@media screen and (max-width: 767px) {
.site-white-section, .site-dark-section, .site-grey-section {
  padding: 50px 0;
}
}

.site-white-section h1, .site-dark-section h1, .site-grey-section h1 {
  /* H1 heading */
  color: #b1976b;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  display: block;
  margin-bottom:20px;
}

.site-white-section h1 a, .site-dark-section h1 a, .site-grey-section h1 a {
  color: #b1976b;
}

@media screen and (max-width: 767px) {
  .site-white-section h1, .site-dark-section h1, .site-grey-section h1 {
    /*font-size: 32px;
    line-height: 44px;
    padding-bottom: 10px;*/
  }
}

.site-white-section h1 strong, .site-dark-section h1 strong, .site-grey-section h1 strong {
  font-weight: 700;
}

.site-white-section h1:before, .site-dark-section h1:before, .site-grey-section h1:before {
  /* H1 horizontal line */
  /*content: "";
  position: absolute;
  max-width: 70px;
  width: 100%;
  display: block;
  height: 4px;
  background: #d7d7d7;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 100%;*/
}

.site-white-section h2, .site-dark-section h2, .site-grey-section h2{
  /* H2 Heading */
  font-family: 'Charm', cursive;
  font-size: 45px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: inherit;
  color: #000000;
  margin:0 0 40px 0;
  padding:0;
}

.site-white-section h3, .site-dark-section h3, .site-grey-section h3, .inner-page-white-section h3, .inner-page-grey-section h3 {
  /* H3 Heading */
  font-family: inherit;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: inherit;
  color: #000000;
  margin:0 0 20px 0;
  padding:0;
}


.site-white-section h2 a, .site-dark-section h2 a, .site-grey-section h2 a {
  color: #1a1e2a;
}

.site-white-section h2 span, .site-dark-section h2 span, .site-grey-section h2 span {
  color: #b1976b;
}

.site-white-section h3, .site-dark-section h3, .site-grey-section h3, .site-white-section h4, .site-dark-section h4, .site-grey-section h4, .site-white-section h5, .site-dark-section h5, .site-grey-section h5, .site-white-section h6, .site-dark-section h6, .site-grey-section h6 {
  /* a tag color change inside headings */
}

.site-white-section h3 a, .site-dark-section h3 a, .site-grey-section h3 a, .site-white-section h4 a, .site-dark-section h4 a, .site-grey-section h4 a, .site-white-section h5 a, .site-dark-section h5 a, .site-grey-section h6 a, .site-white-section h6 a, .site-dark-section h6 a, .site-grey-section h6 a {
  color: #1a1e2a;
}

/* Dark section (.site-dark-section) class */
.site-dark-section {
  margin: 0;
  width: 100%;
  clear: both;
  display: block;
  text-align: center;
  background: #003237;
  color: white;
}

.site-dark-section h1 {
  /* H1 heading */
  color: #b1976b;
}

.site-dark-section h2 {
  /* H2 heading */
  color: white;
}

@media screen and (max-width: 991px) {
	.site-white-section h2, .site-dark-section h2, .site-grey-section h2 {
		font-size:30px;
	}
}

.site-dark-section p {
  /* Paragraph */
  color: white;
}



/* inner page container ( .inner-page-dark-section )  class */
.inner-page-dark-section {
  margin: 0;
  padding: 90px 0;
  display: block;
  width: 100%;
  clear: both;
  position:relative;
  background:#b1976b;
}


/* inner page container ( .inner-page-white-section .inner-page-dark-section .inner-page-grey-section )  class */
.inner-page-white-section, .inner-page-dark-section, .inner-page-grey-section {
  margin: 0;
  padding: 90px 0;
  display: block;
  width: 100%;
  clear: both;
  position:relative;
}

.inner-page-grey-section {
	background:#f0f6f7;
}

.inner-page-white-section h1, .inner-page-dark-section h1, .inner-page-grey-section h1  {
  /* H1 heading */
  font-family: inherit;
  font-size: 14px;
  line-height: 1.3;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  display: block;
  margin-bottom:10px;
  padding:0;
}

.inner-page-white-section h1, .inner-page-grey-section h1   {
  /* H1 heading color*/
  color: #b1976b;
}

.inner-page-dark-section h1  {
  /* H1 heading color */
  color: #FFFFFF;
}


.inner-page-white-section h2, .inner-page-dark-section h2, .inner-page-grey-section h2  {
  /* H1 heading */
  font-family: 'Charm', cursive;
  font-size: 40px;
  line-height: 1.3;
  font-weight: 700;
  position: relative;
  display: block;
  margin:0 0 50px 0;
  padding:0;
}

@media screen and (max-width: 991px) {
	.inner-page-white-section h2, .inner-page-dark-section h2, .inner-page-grey-section h2 {
		font-size:30px;
	}
}

.inner-page-white-section h2, inner-page-grey-section h2   {
  /* H1 heading color*/
  color: #000000;
}

.inner-page-dark-section h2  {
  /* H1 heading color */
  color: #FFFFFF;
}


/* Align center class */
.section-align-center {
  display: inline-block;
}

/* Fluid Container max width set when use (.wide) class */
.container-fluid.wide {
  max-width: 1400px;
}

/* Theme button */
a.theme-btn {
  /* a tag */
  color: black;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  text-transform: uppercase;
  letter-spacing:1px;
  text-align: center;
  padding: 14px 35px 14px 35px;
  position: relative;
  overflow: hidden;
  transition: 400ms ease;
  transition-property: color, background;
  cursor: pointer;
  z-index: 10;
  display: inline-block;
  border-radius:0;
  font-family: 'Lato', sans-serif;
  letter-spacing:2px;
  border:2px solid #b1976b;
}

a.theme-btn:hover {
  background:#003237;
  color:#FFFFFF;
}

.more-text {
	font-size:14px;
	font-weight:700;
	color:#b1976b;
	text-transform:uppercase;
	padding: 16px 0;
	margin:15px 0;
}

.more-text:hover {
	border:#b1976b solid 2px;
	text-align: center;
	padding: 14px 30px 14px 30px;
	border-radius:6px;
	transition:all ease .5s;
}

/* Swiper carousel slider pagination */
.swiper-pagination {
  width: 100%;
  display: block;
  clear: both;
  padding: 0;
  position: relative;
  margin: 40px 0 0;
  overflow: hidden;
  left: 0;
  top: auto;
  opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background-color: #a2bec2;
  transition: 400ms ease;
  transition-property: background-color;
  margin: 8px !important;
  opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #b1976b;
}

/* Swiper carousel slider navigation */
.swiper-button-prev, .swiper-button-next {
  /* Prev navigation button */
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: block;
  background: white none;
  text-align: center;
  transition: 400ms ease;
  transition-property: background-color;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 10px;
  overflow: hidden;
  border-radius: 2px;
}

@media screen and (max-width: 767px) {
  .swiper-button-prev, .swiper-button-next {
    margin: 0;
  }
}

.swiper-button-prev:hover, .swiper-button-next:hover {
  background-color: #2E3F59;
}

.swiper-button-prev:hover:before, .swiper-button-next:hover:before {
  color: white;
}

.swiper-button-prev:before, .swiper-button-next:before {
  content: "\e902";
  font-family: 'icomoon', serif;
  display: block;
  color: rgba(26, 30, 42, 0.4);
  transition: 400ms ease;
  transition-property: color;
  position: relative;
  left: -2px;
}

.swiper-button-next {
  /* Next navigation button */
  right: 10px;
  left: auto;
}

.swiper-button-next:before {
  content: "\e903";
  left: 2px;
}


/* Botstrap colom padding remove */

.no-right-padding { padding-right:0 !important; }
.no-left-padding { padding-left:0 !important; }

@media screen and (max-width: 767px) {
	.no-padding-sm { padding-left:0 !important; padding-right:0 !important; }
}
 
.no-padding { padding-left:0 !important; padding-right:0 !important; }

.no-padding-2 { padding-left:0 !important; padding-right:0 !important; }

@media screen and (max-width: 991px) {
	.no-padding-2 { padding-left:15px !important; padding-right:15px !important; }
}

@media screen and (max-width: 767px) {
	.no-padding-2 { padding-left:15px !important; padding-right:15px !important; }
}

.no-padding-3 { padding-left:0 !important; padding-right:0 !important; }

@media screen and (max-width: 767px) {
	.no-padding-3 { padding-left:15px !important; padding-right:15px !important; }
}

@media screen and (max-width: 767px) {
	.no-right-padding { padding-right:15px !important; }
	.no-left-padding { padding-left:15px !important; }
}


/* remove border */
.no-border { border:none; border-right:none !important;}

/* color text */
.color-text { color:#b1976b;}

.row.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) {
    padding-right: 0;
    padding-left: 0;
}
  
/*-----------------------------------------------------------------------------------

 Header (section)

 # header container
 # logo
 # navigation
 # navigation toggle button

-----------------------------------------------------------------------------------*/
/* Header container */
header.site-header {
  margin: 0;
  .padding: 25px 0 18px;
  display: block;
  width: 100%;
  clear: both;
  background: #FFFFFF;
  position: relative;
  max-height: 150px;
  z-index: 100;

  
  -webkit-box-shadow: 0px 21px 69px -33px rgba(18,17,88,0.34);
-moz-box-shadow: 0px 21px 69px -33px rgba(18,17,88,0.34);
box-shadow: 0px 21px 69px -33px rgba(18,17,88,0.34);
}

/* Logo */
.site-logo {
  position: relative;
  float: left;
}

.site-logo a {
  position: relative;
  /*padding-left: 43px;*/
}

.site-logo img {
  /*position: absolute;*/
  top: 0;
  left: 0;
  bottom: 0;
  /*max-width:200px;
  max-height:75px;
  /*max-width: 35px;
  max-height: 35px;
  border:2px solid red;*/
}

.site-logo h1 {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  color: #1a1e2a;
  font-size: 33px;
  font-weight: 500;
  line-height: 27px;
}

.site-logo small {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
  color: #989899;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
}

/* When header is sticky the sub menu not goes down more then 400ms px */
@media screen and (max-width: 991px) {
  .sticky-wrapper.is-sticky .site-nav {
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
  }
}

.sticky-wrapper {
  height: 86px !important;
}

/* Header navigation */
.site-nav {
  margin: 0;
  padding: 0;
  display: block;
  float: right;
}

@media screen and (min-width: 992px) {
  .site-nav {
    display: block !important;
  }
}

@media screen and (max-width: 991px) {
  .site-nav {
    /* mobile menu */
    position: relative;
    width: 100%;
    transition: 400ms ease;
    transition-property: transform;
    z-index: 100;
    border-top: 1px solid #d7d7d7;
    margin-top: 20px;
    padding: 20px 0 0;
    display: none;
	background:white;
	padding-left:20px;
	.padding-right:20px;
  }
}

.site-nav ul {
  margin: 0;
  padding: 0;
  display: block;
}

.site-nav li {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  list-style: none;
}

@media screen and (max-width: 991px) {
  .site-nav li {
    width: 100%;
    position: relative;
  }
}

.site-nav li:last-child > a {
  /* Last child padding remove */
  padding-right: 0;
}

.site-nav a {
  font-size: 13px;
  font-weight: 700;
  line-height: 29px;
  text-transform: capitalize;
  color: #002d32;
  padding: 5px 15px;
  transition: 400ms ease;
  transition-property: color;
  font-family: 'Lato', sans-serif;
  text-transform:uppercase;
}

@media screen and (max-width: 1199px) {
  .site-nav a {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 991px) {
  .site-nav a {
    width: auto;
    display: inline-block;
    padding: 10px 30px 10px 0;
    line-height: 18px;
    z-index: 1;
    position: relative;
  }
}

.site-nav a > i.fa {
  /* font awesome icon */
  margin-left: 5px;
  display: inline-block;
}

@media screen and (max-width: 991px) {
  .site-nav a > i.fa {
    display: none;
  }
}

.site-nav .indicator-desktop {
  /* sub menu indicator for desktop */
}

@media screen and (max-width: 991px) {
  .site-nav .indicator-desktop {
    display: none !important;
  }
}

.site-nav .indicator-mobile {
  /* sub menu indicator for mobile */
  display: none;
}

@media screen and (max-width: 991px) {
  .site-nav .indicator-mobile {
    display: block;
    float: right;
    font-size: 16px;
    line-height: 26px;
    width: 100%;
    height: 26px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding-right: 5px;
    cursor: pointer;
    z-index: 0;
    text-align: right;
	color:#003237;
  }
}

.site-nav li:hover > .sub-menu {
  /* show the sub menu on mouse hover */
  opacity: 1;
  visibility: visible;
}

.site-nav ul.sub-menu {
  /* sub menu */
  margin: 0;
  /*padding: 30px 0 10px;*/
  padding:0px 0 0px;
  display: block;
  position: absolute;
  /*top: auto;*/
  top: 61px;
  left: auto;
  background: #373737;
  min-width: 180px;
  visibility: hidden;
  opacity: 0;
  transition: 400ms ease;
  transition-property: opacity, visibility;
}

@media screen and (min-width: 992px) {
  .site-nav ul.sub-menu {
    display: block !important;
  }
}

@media screen and (max-width: 991px) {
  .site-nav ul.sub-menu {
    position: relative;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    width: 100%;
    display: none;
    float: left;
    clear: both;
    border-left: 1px solid #d7d7d7;
    /*padding: 10px 0 10px 20px;*/
	padding:0;
  }
}

.site-nav ul.sub-menu .sub-menu {
  /* second level sub menu */
  left: 100%;
  top: 0px;
  /*padding-top: 10px;*/
  padding-top: 0px;
}

@media screen and (min-width: 992px) {
  .site-nav ul.sub-menu .sub-menu {
    display: block !important;
  }
}

@media screen and (max-width: 991px) {
  .site-nav ul.sub-menu .sub-menu {
    position: relative;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    padding-bottom: 10px;
    display: none;
  }
}

.site-nav ul.sub-menu li {
  margin: 0;
  padding: 6px 15px;
  display: block;
  width: 100%;
  clear: both;
  position: relative;
  border-top:#464646 solid 1px;
}

.site-nav ul.sub-menu li:hover{
	/*transition: 4s ease;*/
	background:#002d32;
}

.site-nav ul.sub-menu li:hover > a {
	color:#FFFFFF;
}

.site-nav ul.sub-menu a {
  line-height: normal;
  width: 100%;
  display: block;
  /*padding-left: 20px;*/
  padding-left:0;
  padding-right: 20px;
}

@media screen and (max-width: 1199px) {
  .site-nav ul.sub-menu a {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 991px) {
  .site-nav ul.sub-menu a {
    line-height: 18px;
    display: inline-block;
    width: auto;
    padding: 6px 30px 6px 0;
  }
}

.site-nav ul.sub-menu a i.fa {
  margin-left: 6px;
  display: inline-block;
  position: relative;
  top: -1px;
}

/* Navigation toggle button */
.site-nav-toggle {
  display: none;
  float: right;
  margin-top: 8px;
  cursor: pointer;
}

@media screen and (max-width: 991px) {
  .site-nav-toggle {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .site-nav-toggle {
    margin-right: 10px;
  }
}

.site-nav-toggle span {
  width: 40px;
  display: block;
  clear: both;
  margin-bottom: 6px;
  height: 4px;
  background: #b1976b;
  transition: 400ms ease;
  transition-property: opacity, transform;
  opacity: 1;
  transform-origin: top left;
  transform: rotate(0deg);
}

.site-nav-toggle span span:nth-child(3) {
  transform-origin: bottom left;
}

.site-nav-toggle.active {
  /* Active Toggle button */
}

.site-nav-toggle.active span:nth-child(1) {
  transform: rotate(30deg);
  transition-delay: 200ms;
}

.site-nav-toggle.active span:nth-child(2) {
  opacity: 0;
}

.site-nav-toggle.active span:nth-child(3) {
  transform: rotate(-30deg);
  transition-delay: 200ms;
}

/*-----------------------------------------------------------------------------------

[Header top bar (section)]

# header top bar container
# font awesome icons
# top bar left section
# top bar right section

-----------------------------------------------------------------------------------*/
/* Header top bar */
.site-top-bar {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  background-color: #04111f;
  min-height: 40px;
  line-height: 40px;
}

@media screen and (max-width: 767px) {
  .site-top-bar {
    line-height: 16px;
    padding: 10px 0;
  }
}

.site-top-bar a {
  margin: 0 18px;
}

.site-top-bar a[href] span:after {
  /* Show the mouser hover underline if the a tag have href attribute */
  display: block;
}

.site-top-bar span {
	font-family: 'Lato', sans-serif;
  font-size: 13px;
  color: #fff;
  line-height: 18px;
  text-align: left;
  position: relative;
}

.site-top-bar span:after{
  /* Underline */
  content: "";
  height: 1px;
  background: white;
  position: relative;
  top: -4px;
  width: 0;
  transition: 400ms ease;
  transition-property: width;
  margin: 0 auto;
  display: none;
}

.site-top-bar span:hover:after {
  width: 100%;
}

.site-top-bar i.fa {
  /* Font awesome icons */
  font-size: 13px;
  font-family: "FontAwesome", serif;
  color: #c3c3c7;
  line-height: 1.8;
  text-align: left;
  margin-right: 6px;
}

.site-top-bar .site-top-bar-left-section {
  /* left section */
  text-align: left;
  float: left;
  display: block;
}

@media screen and (min-width: 768px) {
  .site-top-bar .site-top-bar-left-section a:first-child {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .site-top-bar .site-top-bar-left-section {
    display: inline-block;
    float: none;
  }
}

.site-top-bar .site-top-bar-right-section {
  /* right section */
  text-align: right;
  float: right;
  display: block;
}

@media screen and (min-width: 768px) {
  .site-top-bar .site-top-bar-right-section a:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .site-top-bar .site-top-bar-right-section {
    text-align: left;
    display: inline-block;
    float: none;
  }
}

/*-----------------------------------------------------------------------------------

 [Main slider (section)]

 # Main slider container
 # bootstrap container (fluid) for slider
 # slider navigation
 # Icomoon custom icon for slider navigation
 # slider container
 # slider background images change css
 # slider pagination
 # slider bullets
 # slider content holder (caption)
 # h1 heading
 # h2 heading
 # paragraph
 # slider

-----------------------------------------------------------------------------------*/
/* Main Slider */
/*===============================*/

/*-----------------------------------------------------------------------------------

 [Quote (section)]

 # quote container
 # box 1 (class)
 # box 2 (class)
 # box 3 (class)
 # font awesome icon
 # paragraph
 # horizontal line
 # href button

-----------------------------------------------------------------------------------*/
/* Quote Section */
.site-quote {
  margin: 0;
  display: block;
  width: 100%;
  clear: both;
  min-height: 230px;
  background: #b1976b url("../images/free-quote.html") no-repeat center center;
  background-size: cover;
  padding: 67px 0 50px;
}

@media screen and (max-width: 991px) {
  .site-quote {
    text-align: center;
  }
}

.site-quote .site-box-1 {
  /* Box 1 */
  text-align: right;
}

@media screen and (max-width: 991px) {
  .site-quote .site-box-1 {
    text-align: center;
  }
}

.site-quote .site-box-1 p {
  /* paragraph */
  color: white;
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
  margin: 0;
}

.site-quote .site-box-2 {
  /* Box 2 */
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 991px) {
  .site-quote .site-box-2 {
    padding-left: 0;
    padding-right: 0;
  }
}

.site-quote .site-box-3 {
  /* Box 3 */
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 991px) {
  .site-quote .site-box-3 {
    padding-left: 0;
    padding-right: 0;
  }
}

.site-quote i {
  /* Icons */
  width: 37px;
  height: 44px;
  color: white;
  font-size: 43px;
  font-weight: 400;
  line-height: 29px;
  display: inline-block;
  margin-bottom: 5px;
}

.site-quote p {
  /* Paragraph */
  color: white;
  font-size: 13px;
  font-weight: 400;
  line-height: 27px;
}

@media screen and (max-width: 991px) {
  .site-quote p {
    text-align: center;
  }
}

.site-quote hr {
  /* Horizontal Line */
  border-color: white;
  margin-top: 10px;
  margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
  .site-quote hr {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }
}

.site-quote .theme-btn {
  /* a tag */
  margin-top: 54px;
}

@media screen and (max-width: 991px) {
  .site-quote .theme-btn {
    margin-top: 40px;
  }
}



/*-----------------------------------------------------------------------------------

 [Site Features (section)]

 # Site Features container
 # typography
 # features (class)
 # box (class)
 # font awesome icons

-----------------------------------------------------------------------------------*/

/* Site Features */
.site-features {
  width: 100%;
  display: block;
  clear: both;
  position:relative;
  padding:0;
}

.site-features .upper-section {
	position:relative;
	margin-top:0px;
	z-index:100;
}

.site-features-container {
	float:left;
	width:100%;
	background:#FFFFFF;
}


.site-features-container .site-box {
  /* Box container */
  padding:35px 45px 35px 45px;
  position:relative;
}

@media screen and (max-width: 1550px) {
  .site-features-container .site-box {
	  min-height:170px;
	  padding:35px 20px;
  }
}

@media screen and (max-width: 1100px) {
  .site-features-container .site-box {
	  min-height:195px;
  }
}

@media screen and (max-width: 990px) {
  .site-features-container .site-box {
	  min-height:inherit;
	  padding:35px 25px;
  }
}

.site-features-container .site-box.color-bg {
  /* Box container color*/
  background:#b1976b;
}

.site-features-container .site-box.dark-bg {
  /* Box container color*/
  background:#000000;
}

.site-features-container .site-box.dark-bg h3{
  /* Heading color*/
  color:#FFFFFF;
}


.site-features-container .site-box.dark-bg p{
  /* Paragraph color*/
  color:#FFFFFF;
}


.site-features-container .site-box.color-bg h3{
  /* Heading color*/
  color:#FFFFFF;
}

.site-features-container .site-box.color-bg p{
  /* Paragraph color*/
  color:#FFFFFF;
}


.site-features-container .site-box:hover {
  /* Box container hover */
  /*border-top:#181787 solid 8px;
  transition:all ease .5s;*/
}


.site-features-container i.fa {
  /* Font-awesome icons */
  color: #1a1e2a;
  font-size: 19px;
  font-weight: 400;
  line-height: 29px;
  transition: 400ms ease;
  transition-property: color;
}

.site-features-container a:hover i.fa {
  /* Icon hover */
  color: white;
}

.site-features-container figure {
  /* Icon Box */
  width: 70px;
  height: 80px;
  line-height: 50px;
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: 1;
  transition: 400ms ease;
  transition-property: border-color, background-color;
  text-align:left;
}

.site-features-container a:hover figure {
  /* Icon box hover border color change */
  /*border-color: #b1976b;
  background-color: #b1976b;*/
}

.site-features-container h3 {
  /* H3 heading */
  color: #000000;
  font-family: inherit;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.3;
  text-transform: capitalize;
  transition: 400ms ease;
  transition-property: color;
  margin:0 0 5px 70px;
  text-align:left;
  
}

@media screen and (max-width:1550px) {
  .site-features-container h3 {
  /* H3 heading */
  font-size: 25px;
}
 
}

.site-features-container a:hover h3 {
  /* H3 hover color */
  color: #b1976b;
}

.site-features-container p {
  /* Paragraph */
  position:relative;
  padding-bottom:16px;
  font-family: 'Lato', sans-serif;
  padding:0;
  margin:0 0 0 70px;
  color:#000000;
}

.site-features .site-box .site-permalink {
	display:none;
}

.site-features .site-box:hover .site-permalink span {
  opacity: 1;
  color: #b1976b;
}

.site-features .site-box:hover .site-permalink i {
  color: #b1976b;
  left: 100%;
  padding-left: 12px;

}

.site-features .site-permalink {
  /* Permalink */
  position: absolute;
  left: 0;
  /*bottom: 0;*/
  display: block;
  margin-left: 45px;
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
	.site-features .site-permalink {
  /* Permalink */
  margin-left: 25px;
}
 
}

.site-features .site-permalink span {
	font-family: 'Lato', sans-serif;
  opacity: 0;
  transition: 400ms ease;
  transition-property: opacity, color;
}

.site-features .site-permalink i {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 6px;
  font-size: 12px;
  transition: 400ms ease;
  transition-property: color, left;
}

.site-features .nomber {
  /* nomber */
  /*width: 46px;
  height: 46px;*/
  line-height: 54px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  transition: 400ms ease;
  font-size:70px;
  font-weight:700;
  color:#e9eff2;

}

/*-----------------------------------------------------------------------------------

 [About us (section)]

 # about us container
 # typography
 # features (class)
 # box (class)
 # font awesome icons

-----------------------------------------------------------------------------------*/
/* About us container */
.site-about {
  margin: 0;
  display: block;
  clear: both;
  width: 100%;
  background:#efefed url(../images/about-statue.png) no-repeat left 50px top 60px;
}

@media screen and (max-width: 767px) {
  .site-about {
    padding-top: 30px;
  }
}

.site-about .left-colom {
	float:right;
	width:100%;
	text-align:right;
}

.site-about .left-colom h3{
	text-align:right;
	font-size:27px;
	line-height:1.5;
	color:#828282;
	font-weight:700;
	margin:0;
	padding:0 0 25px 0;
}

@media screen and (max-width: 990px) {
	.site-about .left-colom {
		width:100%;
		text-align:center;
	}
	

  .site-about .left-colom h3{
	text-align:center;
	font-size:22px;
 }
}

.site-about .left-colom figure {
	text-align:right;
}

@media screen and (max-width: 990px) {
.site-about .left-colom figure {
	text-align:center;
}
}

.site-about .right-colom {
	float:left;
	width:100%;
	text-align:left;
}

.site-about .right-colom span{
	text-align:left;
	font-size:25px;
	margin:-10px 0 0 0;
}

.site-about p {
  /* Paragraph */
  margin:0 0 45px 0;
  padding:0;
  font-family: 'Charm';
  font-size:20px;
}

@media screen and (max-width: 991px) {
  .site-about p {
	text-align:center;
	}
	
	.site-about .right-colom {
	text-align:center;
	}
}

.site-about h1 {
  /* H1 heading */
  /*margin-bottom: 50px;*/
}

.site-about h2 {
  /* H2 heading */
  /*margin-bottom: 10px;*/
}

.site-about .more-text {
	text-align:left;
}

@media screen and (max-width: 767px) {
  .site-about .more-text {
	text-align:center;
}
}

.site-about .btn {
  /* button div*/
  float:left;
}

.site-about .call {
  /* call div*/
  float:left;
  padding:15px 0 0 25px;
}

@media screen and (max-width: 1200px) {
  .site-about .btn {
  /* button div*/
  float:left;
  width:100%;
}

  .site-about .call {
  /* call div*/
  padding:15px 0 0 0px;
}
}

@media screen and (max-width: 990px) {
  .site-about .call {
  /* call div*/
  padding:20px 0;
  text-align:center;
  width:100%;
}
}

.site-about .call a{
  /* call text*/
  color:#000000;
}

.site-about .call a .fa{
  /* call icon*/
  font-size:25px;
}



/*-----------------------------------------------------------------------------------

 Statistic (section)

 # statistic container
 # background image
 # h2 heading
 # paragraph
 # section align center (class)
 # number (class) [container h3, p, font icon, image]
 # number inline block (class)

-----------------------------------------------------------------------------------*/
/* Statistic container */

/*-----------------------------------------------------------------------------------

Services icon style (section)

 # services container
 # h1 heading
 # box (class)
 # h3 heading
 # paragraph
 # image
 # font awesome icon
 # permalink (class)

-----------------------------------------------------------------------------------*/
/* Services container */
.site-services {
  margin: 0;
  display: block;
  clear: both;
  width: 100%;
}


.site-services .feature-box {
	float:left;
	width:100%;
	background:none;
	border-radius:0px;
	padding:50px 35px;
	margin:0 0 30px 0;
	text-align:center;
	border:#3b352d solid 2px;
}

/** Icon Service box hover effect **/
.site-services .feature-box:hover {
	border:#b1976b solid 2px;
	transition:all ease .5s;
	color:#FFFFFF;
}

.site-services .feature-box:hover p{
	color:#FFFFFF;
}

/** Icon Service box hover images **/

.site-services .feature-box.s1:hover  {
	background:url(../images/service-hover1.jpg) no-repeat center center;
	width:100%;
}

.site-services .feature-box.s2:hover  {
	background:url(../images/service-hover2.jpg) no-repeat center center;
	width:100%;
}

.site-services .feature-box.s3:hover  {
	background:url(../images/service-hover3.jpg) no-repeat center center;
	width:100%;
}

.site-services .feature-box.s4:hover  {
	background:url(../images/service-hover4.jpg) no-repeat center center;
	width:100%;
}

.site-services .feature-box.s5:hover  {
	background:url(../images/service-hover5.jpg) no-repeat center center;
	width:100%;
}

.site-services .feature-box.s6:hover  {
	background:url(../images/service-hover6.jpg) no-repeat center center;
	width:100%;
}

@media screen and (max-width: 767px) {
.site-services .feature-box.s1:hover   {
	background-size:cover;
}

.site-services .feature-box.s2:hover   {
	background-size:cover;
}

.site-services .feature-box.s3:hover   {
	background-size:cover;
}

.site-services .feature-box.s4:hover   {
	background-size:cover;
}

.site-services .feature-box.s5:hover   {
	background-size:cover;
}

.site-services .feature-box.s6:hover   {
	background-size:cover;
}

}

/***   ****/

.site-services .feature-box figure {
	float:left;
	text-align:center;
	width:100%;
}

.site-services .feature-box h3 {
	float:left;
	width:100%;
	text-align:center;
	font-size:22px;
	font-weight:400;
	color:#FFFFFF;
	line-height:1.3;
	padding:25px 0;
	margin:0;
	font-family:arial;
	letter-spacing:2px;
}

.site-services .feature-box  p {
	float:left;
	width:100%;
	text-align:center;
	font-weight:400;
	padding:0;
	margin:0;
	color:#bdbdbd;
	font-family: 'Charm';
	letter-spacing:1.5px;
}

.site-services .feature-box:hover .more-text {
	color:#b1976b;
	border-bottom:#b1976b solid 2px;
	transition:all ease .5s;
}

.site-services .more-text {
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight:700;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:0px;
	margin:25px 0 0 0;
	border-bottom:#1d1d1d solid 2px;
}

.site-services .more-text:hover {
	border:none;
	border-radius:0;
	border-bottom:#FFFFFF solid 2px;
	transition:all ease .5s;
}

/*-----------------------------------------------------------------------------------

 Tabs (section)

 # tabs container
 # background image
 # h1 heading
 # tabs buttons
 # tabs content

-----------------------------------------------------------------------------------*/
/* Tabs section container */
.site-tabs {
  display: block;
  width: 100%;
  clear: both;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .site-tabs {
    text-align: center;
    min-height: 10px;
  }
}

@media screen and (max-width: 767px) {
  .site-tabs {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.site-tabs .tab-images {

}

.site-tabs .site-tab-bg {
  /* tabs section background image */
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom:0;
  display: block;
  height: 500px;
  width: 100%;
  max-width: 100%;
  background: no-repeat top right;
  background-size: auto;
  opacity: 0;
  transition: 200ms opacity ease-in-out;
}

.site-tabs .site-tab-bg.active {
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .site-tabs .site-tab-bg {
    display: none;
  }
}

.site-tabs h1 {
  /* h1 heading */
  /*margin-bottom: 70px;*/
}

@media screen and (max-width: 991px) {
  .site-tabs h1 {
    /*margin-bottom: 100px;*/
  }
}

@media screen and (max-width: 767px) {
  .site-tabs h1 {
    /*margin-bottom: 70px;*/
  }
}

@media screen and (min-width: 992px) {
  .site-tabs h1:before {
    margin: 0;
  }
}

/* Tabs buttons */
.site-tabs-buttons {
  padding: 0;
  display: block;
  list-style: none;
  width: 100%;
  clear: both;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom:60px;
  text-align: center;
}

.site-tabs-buttons li {
  display: -webkit-inline-box;
  margin: 0;
  list-style: none;
  /*float: left;*/
  padding: 0 25px;

}

@media screen and (max-width: 1199px) {
.site-tabs-buttons {
  width: 73%;
  }

}

@media screen and (max-width: 991px) {
.site-tabs-buttons {
  width: 100%;
  }

}

@media screen and (max-width: 767px) {
  .site-tabs-buttons li {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 5px;
  }
}

.site-tabs-buttons li.active a {
  /* Active tab */
  color: #b1976b;
  /*background: #b1976b;*/
  border-bottom:#b1976b solid 2px;
}

.site-tabs-buttons a {
  /*background: #f8f7f7;*/
  font-family: 'Lato', sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 14px;
  text-transform: uppercase;
  color: #909090;
  display: block;
  padding: 8px 0px;
  transition: 400ms ease;
  transition-property: color, background;
  position: relative;
  z-index: 1;
  overflow: hidden;

}

.site-tabs-buttons a:hover {
  /*background: #ece9e9;*/
  color:#b1976b;
}

@media screen and (max-width: 767px) {
  .site-tabs-buttons a {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Tabs content */
.site-tabs-content {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  color: #959595;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
}

.site-tabs-content p {
  font-family: 'Lato', sans-serif;
  margin-bottom: 40px;
}

.site-tabs-content h3 {
  color: #565656;
  font-family: 'Lato', sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height:1.5;
  margin-bottom: 30px;
  padding:0;
  margin:0;
}

.site-tabs-content ul {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  color: #565656;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.site-tabs-content li {
  position: relative;
  list-style: none;
  width: 100%;
  display: block;
  margin: 0 0 10px;
  padding: 0 0 0 25px;
}

.site-tabs-content li:before {
  /*content: "\f0da";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  /*font-family: "FontAwesome", serif;*/
  /*background:url(../images/check-box.png) left no-repeat;*/
}

.site-tabs-content li:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  bottom: 0;
  background:url(../images/check-box.png) left no-repeat;
  width:14px;
  height:14px;
}


/*-----------------------------------------------------------------------------------

 Call to action (section)

 # call to action container
 # box (class)
 # background image
 # typography
 # href button

-----------------------------------------------------------------------------------*/
/* Call to action container */
.site-call-to-action {
  margin: 0;
  padding: 120px 0;
  display: block;
  width: 100%;
  clear: both;
  position: relative;
  background:url(../images/cta-bg.jpg) no-repeat;
  background-attachment:fixed;
  background-size:cover;
  text-align:center;
}

@media screen and (max-width: 767px) {
  .site-call-to-action {
	  padding:70px 0;
  }
}

.site-call-to-action .site-box {
  /* Background box */
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  display: block;
  /*position: absolute;*/
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  text-align: center;
  padding:0;
  z-index: 1;
}

@media screen and (min-width: 992px) {
  .site-call-to-action .site-box {
    /*transform: translate3d(0, 50%, 0);*/
  }
}

@media screen and (max-width: 1199px) {
  .site-call-to-action .site-box {
    text-align: center;
  }
}

@media screen and (max-width: 991px) {
  .site-call-to-action .site-box {
    position: relative;
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

.site-call-to-action .site-box:before {
  /* background image */
  content: "";
  display: block;
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 98%;
  height: 100%;
  width: 100%;
  z-index: -1;

}

@media screen and (max-width: 991px) {
  .site-call-to-action .site-box:before {
    display: none;
  }
}

.site-call-to-action h1 {
  /* h1 heading */
  color: white;
  font-family: 'Charm', cursive;
  font-size: 45px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 24px;
  text-align: center;
  width: 100%;
  display: block;
  line-height:1.3;
}

@media screen and (max-width: 991px) {
  .site-call-to-action h1 {
    font-size: 32px;
  }
}

@media screen and (max-width: 767px) {
  .site-call-to-action h1 {
    font-size: 32px;
  }
}

.site-call-to-action p {
  /* paragraph */
  color: white;
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  padding: 0;
  font-family: 'Charm';
  letter-spacing:2px;
}

@media screen and (max-width: 991px) {
  .site-call-to-action p {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
}


.site-call-to-action .call-info {
	float:left;
	width:100%;
}

.site-call-to-action ul {
	float:left;
	width:100%;
	padding:0;
	margin:0;
}

.site-call-to-action ul li {
	display:inline-block;
	list-style:none;
	font-family: 'Lato', sans-serif;
	font-size:20px;
	line-height:1;
	text-align:center;
	color:#FFFFFF;
	border-right:#FFFFFF solid 2px;
	padding:0 20px;
}

@media screen and (max-width: 767px) {
  .site-call-to-action ul li {
	  line-height:1.7;
	  border:none;
  }
}

.site-call-to-action ul li:last-child {
	border-right:none;
}

.site-call-to-action ul li a{
	color:#FFFFFF;
}

.site-call-to-action ul li a:hover {
	color:#b1976b;
	transition:all ease .5s;
}


.site-call-to-action .theme-btn {
  /* theme button */
  padding-left: 30px;
  padding-right: 30px;
  color:#FFFFFF;
  text-align:center;
  margin:30px 0 0 0;
}

@media screen and (max-width: 767px) {
  .site-call-to-action .theme-btn {
	  margin-right:0;
	  margin-bottom:20px;
	  line-height:1.2;
  }
}

.site-call-to-action .theme-btn .fa{
  /* button icon */
  text-align:left;
  font-size:18px;
  line-height:1;
}

.site-call-to-action .theme-btn figure{
  /* button icon */
  text-align:left;
  font-size:15px;
  display:inline-block;
  line-height:1;
}

.site-call-to-action .theme-btn:hover {
  /* theme button */
  color:#FFFFFF;
  background:#003237;
  border:white;
}

/*-----------------------------------------------------------------------------------

 Team List (section)

 # team container
 # carousel slider wrapper
 # thumbnail
 # image
 # typography
 # progress bar
 # social icons
 # slider slides
 # slider navigation

-----------------------------------------------------------------------------------*/
/* Team container */
.site-our-team {
  /* team section bg */
  display: block;
  width: 100%;
  clear: both;
  position:relative;
  background:#2a2a2a url(../images/team-bg.jpg) no-repeat;
  background-attachment:fixed;
  background-size:cover;
}

.site-our-team:before {
  /* team section bg */
  content: "";
  position: absolute;
  max-width: 100%;
  width: 100%;
  display: block;
  height:367px;
  background: #003237;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom:0;
}

@media screen and (max-width: 1200px) {
.site-our-team:before {
  /* team section bg */
  height:399px;
}

}

@media screen and (max-width: 991px) {
.site-our-team:before {
  /* team section bg */
  background-color:inherit;
}

}


.site-our-team .wrap {
  position:relative;
  top:0;
  right:0;
  left:0;
  overflow:hidden;
}

.site-our-team .bg {
  width: 100%;
  height:100%;
  backface-visibility:hidden;
  /*background:#b1976b url(../images/team-bg.jpg) ;
  background-repeat:repeat;
  background-position:center;*/
  
}

.site-our-team .con {
  display: block;
  width: 100%;
  clear: both;
  position:relative;
}

.site-our-team .member-box {
  /* member box */
  padding: 0;
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 0 30px;
  max-width: 100%;
  min-height: 236px;
  background-color: white;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 400ms ease;
  transition-property: background;
  border-radius:0;
  
}

.site-our-team .member-image {
	display:block;
	position:relative;
}

.site-our-team .member-image figure {
	display:block;
	position:relative;
}

.site-our-team .member-image figure img {
	width:100%;
}

.site-our-team .content {
	float:left;
	width:100%;
	text-align:center;
	padding:26px 30px;
}

.site-our-team .content h3 {
	float:left;
	width:100%;
	font-family: 'Prata', serif;
	font-size:25px;
	font-weight:400;
	text-align:center;
	padding:0 0 5px 0;
	margin:0;
	line-height:1.3;
}

.site-our-team .content h4 {
	float:left;
	width:100%;
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight:700;
	text-align:center;
	padding:0 0 15px 0;
	margin:0;
	color:#003237;
	text-transform:uppercase;
	letter-spacing:2px;
	line-height:1;
}

.site-our-team .content a {
	float:left;
	width:100%;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	font-weight:400;
	text-align:center;
	padding:5px 0;
	margin:0;
	color:#2e2e2e;
	text-transform:capitalize;
	line-height:1;
}


.site-our-team a.theme-btn {
	border:#FFFFFF solid 1px;
	margin-top:15px;
}

@media screen and (max-width: 767px) {
.site-our-team a.theme-btn {
  /* team section bg */
  border:none;
}

}




/*-----------------------------------------------------------------------------------

 Team (section)

 # team container
 # carousel slider wrapper
 # thumbnail
 # image
 # typography
 # progress bar
 # social icons
 # slider slides
 # slider navigation

-----------------------------------------------------------------------------------*/
/* Team container */
.site-team {
  display: block;
  width: 100%;
  clear: both;
  background:#f0f6f7;
}

@media screen and (max-width: 767px) {
  .site-team {
    padding-bottom: 130px;
  }
}

@media screen and (max-width: 991px) {
  .site-team {
    padding-top: 50px;
  }
}

.site-team .swiper-wrapper {
  /* Slider wrapper */
  text-align: left;
  padding-top: 60px;
  padding-bottom: 40px;
  /*background: white;*/
}

@media screen and (max-width: 767px) {
  .site-team .swiper-wrapper {
    text-align: center;
    padding-top: 0;
  }
}

.site-team .thumbnail {
  /* Thumbnail */
  display: block;
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  max-height: 480px;
  overflow: hidden;
  margin: 55px 0 auto;
  padding: 0 10px 0 0;
}

@media screen and (max-width: 991px) {
  .site-team .thumbnail {
    width: 100%;
    display: none;
  }
}

.site-team .thumbnail .swiper-slide-active:after {
  /* Active thumbnail */
  opacity: 0;
}

.site-team .thumbnail ul {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
}

.site-team .thumbnail li {
  width: 118px;
  height: 139px;
  display: block;
  cursor: pointer;
  margin: 10px;
  clear: both;
  float: left;
  position: relative;
  overflow: hidden;
  background: no-repeat center;
  background-size: cover;
  border-radius:8px;

}

.site-team .thumbnail li:hover:after {
  opacity: 0.3;
}

.site-team .thumbnail li:after {
  /* Thumbnail overlay */
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: white;
  opacity: 0.6;
  transition: 400ms ease;
  transition-property: opacity;
}

.site-team figure {
  /* image */
  max-width: 338px;
  width: 100%;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  background: grey;
  border-radius:8px;
}

@media screen and (max-width: 767px) {
  .site-team figure {
    margin: 0 auto 40px;
  }
}

.site-team .team-description {
	float:left;
	width:100%;
	padding:0 40px 0 0;
}

@media screen and (max-width: 767px) {
  .site-team .team-description {
	padding:0 ;
	}
}


.site-team h4 {
  /* H4 heading */
  color: #000000;
  font-family: inherit;
  font-size: 28px;
  font-weight: 700;
  line-height: 25px;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  margin: 30px 0 10px 0;


}

.site-team h5 {
  /* H5 heading */
  color: #b1976b;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  margin: 0 0 30px;
}

.site-team p {
  /* Paragraph */
  color: #828282;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
  width: 100%;
  display: block;
  clear: both;
}

.site-team h6 {
  /* H6 heading */
  color: #1a1e2a;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  text-transform: uppercase;
  width: 100%;
  display: block;
  clear: both;
  margin: 40px 0 10px;
}

.site-team .site-team-progress {
  /* Progress bar */
  display:none;
  /*display: block;*/
  width: 100%;
  clear: both;
}

.site-team .site-team-progress span {
  color: #959595;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 14px;
  width: 100%;
  clear: both;
  display: block;
  padding-top: 22px;
  padding-bottom: 10px;
}

.site-team .site-team-progress label {
  max-width: 540px;
  width: 100%;
  height: 4px;
  background-color: #dbdbdb;
  display: block;
  overflow: hidden;
  clear: both;
}

@media screen and (max-width: 767px) {
  .site-team .site-team-progress label {
    margin: 0 auto;
    max-width: 400px;
  }
}

.site-team .site-team-progress label span {
  width: 100%;
  background: #b1976b;
  height: 4px;
  display: block;
}

.site-team .site-team-social {
  /* Social icons */
  width: 100%;
  display: block;
  clear: both;
  margin-top: 40px;
}

.site-team .site-team-social a {
  display: inline-block;
  position: relative;
  z-index: 1;
  transition: 400ms ease;
  transition-property: background;
  overflow: hidden;
  border:#adbdbf solid 1px;
  border-radius:100%;
  margin-right:8px;
}

.site-team .site-team-social a:hover {
  background: #b1976b;
  color:#FFFFFF;
}

.site-team .site-team-social a:hover i.fa {
  color:#FFFFFF;
}

.site-team .site-team-social i.fa {
  /* Font awesome icon */
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  color: #6f6f6f;
  font-family: FontAwesome, serif;
  font-size: 18px;
  font-weight: 400;
}

.site-team .team-section-slider {
  /* Slides */
  padding-left: 10px;
  padding-right: 10px;
}

.site-team .team-section-slider:before {
  /* team bg */
  content: "";
  position: absolute;
  max-width: 100%;
  width: 100%;
  display: block;
  height: 550px;
  background: #FFFFFF;
  margin: 0 auto;
  left: 180px;
  right: 0;
  top: 20px;
  border-radius:10px;
}

.site-team .team-section-arrow {
  /* Arrows container */
  position: absolute;
  top: auto;
  bottom: auto;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 160px;
  margin: 40px auto 0;
  display: block;
  z-index: 100;
}

@media screen and (max-width: 767px) {
  .site-team .team-section-arrow {
    margin-top: 25px;
  }
  
  .site-team .team-section-slider:before {
	  display:none;
  }
  
  .site-team p {
	  text-align:center;
  }
}

.site-team .swiper-button-prev, .site-team .swiper-button-next {
  /* Prev navigation button */
  background: none;
}

.site-team .swiper-button-prev:hover:before, .site-team .swiper-button-next:hover:before {
  color: #b1976b;
}

.site-team .swiper-button-prev:before, .site-team .swiper-button-next:before {
  content: "\e905";
  font-family: 'icomoon', serif;
  display: block;
  color: #a5a7ab;
  transition: 400ms ease;
  transition-property: color;
}

.site-team .swiper-button-next {
  /* Next navigation button */
}

.site-team .swiper-button-next:before {
  content: "\e906";
}





/*-----------------------------------------------------------------------------------

 Footer (section)

 # footer container
 # widget (class)
 # footer logo [a, h1, small]
 # paragraph
 # href a tag [font icon]
 # h3 heading
 # ul li a
 # news (class) [a, li, figure, p, span]
 # subscribe class [input email, submit, font icon]
 # hr tag for horizontal line
 # copyright (class)
 # social icons [a, font icon]

-----------------------------------------------------------------------------------*/
/* Footer container */
.site-footer {
  width: 100%;
  clear: both;
  display: block;
  margin: 0;
  padding: 40px 0;
  background-color: #003237;
  color: white;
  font-family: inherit;

}

.site-footer .widget {
  /* widget class */
  display: block;
  clear: both;
  width: 100%;
  padding: 0;
  margin: 0 0 70px;
  max-width: 330px;
}

@media screen and (max-width: 767px) {
  .site-footer .widget {
    max-width: 100%;
	margin-bottom:40px;
  }
}

.site-footer .widget.subscribe {
  /* subscribe widget class */
  display: block;
  clear: both;
  width: 100%;
  padding:40px 20px;
  /*margin: 0 0 70px;*/
  max-width: 330px;
  background:#b1976b;
  text-align:center;
  
  margin: 10px;
  border: 1px solid black;
  outline: 2px solid #b1976b !important;
  outline-offset: 10px;
}

@media screen and (max-width: 767px) {
  .site-footer .widget.subscribe {
	margin-bottom:60px;
	max-width:inherit;
  }
}

.site-footer .widget.subscribe h3{
  /* subscribe widget h3 class */
  margin:0 0 15px 0;
  padding:0;
}

.site-footer .widget.subscribe h3:before {
  /* h3 horizontal line */
  content: "";
  position: absolute;
  max-width: 135px;
  width: 100%;
  display: block;
  height: 6px;
  background: #FFFFFF;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 100%;
}



.site-footer .widget.subscribe p{
  /* subscribe widget p class */
  color: #FFFFFF;
  margin:0;
  padding:0 0 20px 0;
  display: block;
  text-align:center;
  font-size:16px;
}

.site-footer .site-logo {
  /* footer logo */
  width: 100%;
  clear: both;
  display: block;
  margin-bottom: 30px;
}

.site-footer .site-logo a {
  margin-bottom: 0;
}

.site-footer .site-logo h1 {
  color: white;
  font-family: inherit;
  font-size: 33px;
  font-weight: 500;
}

.site-footer .site-logo small {
  color: #989899;
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  display: block;
  line-height: 10px;
  text-transform: uppercase;
}

.site-footer p {
  /* paragraph */
  color: #c5c5c5;
  margin:0;
  padding:0 15px 0 0;
  display: block;
  font-size:16px;
}

@media screen and (max-width: 767px) {
  .site-footer p {
	  margin-bottom:20px;
  }
}

.site-footer a {
  /* a tag */
  color: #c5c5c5;
  margin-bottom: 15px;
  transition: 400ms ease;
  transition-property: color;
}

.site-footer a:hover {
  color: #FFFFFF;
}

.site-footer a i.fa {
  color: #b1976b;
  font-size: 18px;
  font-weight: 400;
  line-height: 14px;
  margin-right: 12px;
  position: relative;
  top: 2px;
}

.site-footer h3 {
  /* h3 heading */
  color: white;
  font-family: inherit;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  position: relative;
  width: 100%;
  display: block;
  padding: 0 0 16px;
  margin: 0 0 30px;
}

@media screen and (max-width: 767px) {
  .site-footer h3 {
	  margin-bottom:0;

  }
}

.site-footer h3:after {
  /*content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #b1976b;
  display: block;*/
}

.site-footer ul {
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
  width: 100%;
}

.site-footer ul li {
  font-family: 'Lato', sans-serif;
  display: block;
  padding: 0;
  width: 100%;
  clear: both;
  color: white;
  margin: 0;
}

.site-footer ul a {
  margin-bottom: 12px;
}

.site-footer .widget-news {
  /* news class */
  width: 100%;
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
  position: relative;
}

.site-footer .widget-news a {
  display: block;
  width: 100%;
  padding-left: 61px;
}

.site-footer .widget-news li {
  position: relative;
  margin: 0 0 36px;
  padding: 0;
}

.site-footer .widget-news li:hover p {
  color: #b1976b;
}

.site-footer .widget-news figure {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden;
}

.site-footer .widget-news p {
  color: white;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 22px;
  padding: 0;
  display: block;
  clear: both;
  margin: 0 0 4px;
  transition: 400ms ease;
  transition-property: color;
}

.site-footer .widget-news span {
  color: #a2a3a5;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
}

.site-footer .site-subscribe {
  /* subscribe class */
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
  position: relative;
}

.site-footer .site-subscribe input[type=email] {
  height: 45px;
  border:none;
  background:#FFFFFF;
  color: #a2a3a5;
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 26px;
  padding: 0 63px 0 13px;
  width: 100%;
  margin: 0;
  display: block;
  border-radius:0;
}

.site-footer .site-subscribe button[type=submit] {
  width: 45px;
  height: 45px;
  background-color: #1d1d1d;
  border: none;
  color: #b1976b;
  font-size: 15px;
  font-weight: 400;
  line-height: 41px;
  position: absolute;
  top: 0;
  right: 0;
  transition: 400ms ease;
  transition-property: color, background-color;
  border-radius:0;
  
}

.site-footer .site-subscribe button[type=submit]:hover {
  background-color: #000000;
  color: #FFFFFF;
}

.site-footer hr {
  /* horizontal line */
  padding: 0;
  display: block;
  clear: both;
  width: 100%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #4a4a4a;
  max-width: 100%;
  margin: 0 0 30px;
}

.site-footer .site-copyright {
  /* copyright class */
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #c5c5c5;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .site-footer .site-copyright {
    text-align: center;
    margin-bottom: 20px;
  }
}

.site-footer .site-copyright a {
  color: #c5c5c5;
  transition: 400ms ease;
  transition-property: color;
}

.site-footer .site-copyright a:hover {
  color: white;
}




/*-----------------------------------------------------------------------------------

Scroll top top button

-----------------------------------------------------------------------------------*/
/* Scroll up button */
#ThemeScrollUp {
  bottom: 20px;
  right: 20px;
  color: white;
  background: #b1976b;
  width: 45px;
  height: 44px;
  line-height: 45px;
  text-align: center;
  display: block;
  font-size: 14px;
  border-radius: 2px;
  transition: 400ms ease;
  transition-property: background;
}

#ThemeScrollUp:hover {
  background-color: #636e78;
}

/*-----------------------------------------------------------------------------------

 Preloader

 Pre-loader: This is used to show the full page pre-loader.
 As long as the website does not load completely

-----------------------------------------------------------------------------------*/
/* Preloader container */
.site-preloader {
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: white;
  z-index: 100000;
  text-align: center;
}

.site-preloader img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  max-height: 40px;
  max-width: 40px;
  margin: auto;
}

/* ------ venobox.css --------*/
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after {
  -webkit-backface-visibility: hidden;
  box-sizing: border-box;
}

/* ------- overlay: change here background color and opacity ----- */
.vbox-overlay {
  background: #fdfdfd;
  background: rgba(0, 0, 0, 0.85);
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
  opacity: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

/* ----- preloader - choose between CIRCLE, IOS, DOTS, QUADS ----- */
/* circle preloader */
.vbox-preloader {
  position: fixed;
  width: 32px;
  height: 32px;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;
  background-image: url(../images/preload-circle.png);
  text-indent: -100px;
  overflow: hidden;
  animation: playload 1.4s steps(18) infinite;
}

@keyframes playload {
  from {
    background-position: 0;
  }
  to {
    background-position: -576px;
  }
}

/* ----- navigation ----- */
.vbox-close {
  cursor: pointer;
  position: fixed;
  top: 90px;
  right: 10px;
  width: 46px;
  height: 40px;
  padding: 10px 20px 10px 0;
  display: block;
  background: #161617 url(../images/close.gif) no-repeat 10px center;
  color: #fff;
  text-indent: -100px;
  overflow: hidden;
}

.vbox-next, .vbox-prev {
  box-sizing: content-box;
  cursor: pointer;
  position: fixed;
  top: 50%;
  color: #fff;
  width: 30px;
  height: 170px;
  margin-top: -85px;
  text-indent: -100px;
  border: solid transparent;
  /* Using border instead of padding to keep bg image in place */
  overflow: hidden;
}

.vbox-prev {
  left: 0;
  border-width: 0 30px 0 10px;
  background: url(../images/prev.gif) center center no-repeat;
}

.vbox-next {
  right: 0;
  border-width: 0 10px 0 30px;
  background: url(../images/next.gif) center center no-repeat;
}

.vbox-title {
  width: 100%;
  height: 40px;
  float: left;
  text-align: center;
  line-height: 28px;
  font-size: 12px;
  color: #fff;
  padding: 6px 40px;
  overflow: hidden;
  background: #161617;
  position: fixed;
  display: none;
  top: -1px;
  left: 0;
}

.vbox-num {
  cursor: pointer;
  position: fixed;
  top: -1px;
  left: 0;
  height: 40px;
  color: #fff;
  overflow: hidden;
  line-height: 28px;
  font-size: 12px;
  padding: 6px 10px;
  background: #161617;
  display: none;
}

/* ------- inline window ------ */
.vbox-inline {
  width: 420px;
  height: 315px;
  padding: 10px;
  background: #fff;
  text-align: left;
  margin: 0 auto;
  overflow: auto;
}

/* ------- Video & iFrames window ------ */
.venoframe {
  border: none;
  width: 960px;
  height: 720px;
}

@media (max-width: 992px) {
  .venoframe {
    width: 640px;
    height: 480px;
  }
}

@media (max-width: 767px) {
  .venoframe {
    width: 420px;
    height: 315px;
  }
}

@media (max-width: 460px) {
  .vbox-inline {
    width: 100%;
  }
  .venoframe {
    width: 100%;
    height: 260px;
  }
}

/* ------- PLease do NOT edit this! (or do it at your own risk) ------ */
.vbox-open {
  overflow: hidden;
}

.vbox-container {
  position: relative;
  background: #000;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.vbox-content {
  text-align: center;
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.vbox-container img {
  max-width: 100%;
  height: auto;
}