/*
	Template Name: Eden Groups
	Author: Cloud Media
	Description: Responsive Multipurpose HTML Template
	Version: 1.0

*/
/******************************

INDEX:

	c00 - Base - Global
	c01 - Base - Typography
	c02 - Base - Placeholders

	c10 - Components Section

	c20 - Layout - header
	c21 - Layout - Slider
	c22 - layout - Page Titile
	c23 - layout - parallax
	c24 - Layout - Home 01
	c25 - Layout - Home 02
	c26 - Layout - Home 03
	c27 - Layout - Home 04
	c28 - layout - Footer
	c29 - layout - About Page
	c30 - layout - Contact Page
	c31 - layout - Services Page
	c32 - layout - Portfolio Page
	c33 - layout - Blog Page
	c34 - Layout - FAQ page

******************************/
/*
	Deafult Primary Color: 		#1ca5b8; //Teal
	Default Secondary Color: 	#ddb12c; //Redish
	Default Tertiary Color: 	#0b4249; // Dark Teal
	Default Offset Color: 		#f3f3f3; //Offwhite
	Default Border Color: 		#ccc;    // light Grey
	Default Body Font: 			'Open Sans', sans-serif;
	Default Heading Font: 		'PT Sans', sans-serif;
*/
/************************************************************
	c00 - Base - Global
*************************************************************/
html,
body {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

section {
  /*margin-bottom: 90px;*/
  display: block;
  width: 100%;
  float: none;
  clear: both;
}

.sticky01 {
    left: 0;
    position: fixed;
    top: 300px;
    z-index: 1000;
}
.sticky01 .call-now{
	display: none;
}
.sticky01 .fa-whatsapp{
	background: #318e33; 
	padding: 5px; 
	border-radius: 100%; 
	font-size: 30px;
	color: #fff; 
	width: 50px; 
	height: 50px;
	text-align: center;
	margin: 2px 0 2px 10px;
	animation: glowing 1300ms infinite;
	border: 4px solid #fff;
	
}
/*@keyframes glowing {
        0% {
          background-color: #2ba805;
          box-shadow: 0 0 5px #2ba805;
        }
        50% {
          background-color: #49e819;
          box-shadow: 0 0 20px #49e819;
        }
        100% {
          background-color: #2ba805;
          box-shadow: 0 0 5px #2ba805;
        }
      }*/
.sticky01 .fa-phone{
	background: #CC0205; 
	padding: 10px; 
	border-radius: 100%; 
	font-size: 28px;
	color: #fff; 
	width: 45px; 
	height: 45px;
	text-align: center;
	margin: 2px 0 2px 10px;
}
.sticky02 {
    right: 0;
    position: fixed;
    top: 300px;
    z-index: 1000;
}
/*.sticky02 .call-now{
	display: none;
}*/
.sticky02 .fa-phone{
	background: #CC0205; 
	padding: 10px; 
	border-radius: 100%; 
	font-size: 28px;
	color: #fff; 
	width: 45px; 
	height: 45px;
	text-align: center;
	margin: 2px 0 2px 10px;
	animation: glowing1 1300ms infinite;
	display: none;
}


@media only screen and (max-width: 767px) {
  section {
    margin-bottom: 0px;
  }
}

.lead {
  font-size: 19px;
}

.slick-slide {
  outline: none;
}

#primary,
#sidebar {
  margin-bottom: 90px;
}

@media only screen and (max-width: 767px) {
  #primary,
  #sidebar {
    margin-bottom: 67.5px;
  }
}

.pswp button:hover {
  background-color: inherit;
}

.pswp__caption__center {
  text-align: center;
}

.pswp__caption__center i,
.pswp__caption__center p {
  display: none;
}

.pswp__caption__center .primary-title, .pswp__caption__center .section-intro h2, .section-intro .pswp__caption__center h2, .pswp__caption__center .section-intro-left h2, .section-intro-left .pswp__caption__center h2 {
  display: inline-block;
  text-align: center;
  text-transform: capitalize;
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: normal;
}

.pswp__caption__center .primary-title a, .pswp__caption__center .section-intro h2 a, .section-intro .pswp__caption__center h2 a, .pswp__caption__center .section-intro-left h2 a, .section-intro-left .pswp__caption__center h2 a {
  color: white;
}

.browserupgrade {
  padding: 50px;
  background: #dedede;
  font-size: 22px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .center-mobile {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .center-mobile .section-intro .subtitle, .center-mobile .section-intro-left .subtitle {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .center-mobile .section-intro .title-bar, .center-mobile .section-intro-left .title-bar, .center-mobile .section-intro .title-bar-left, .center-mobile .section-intro-left .title-bar-left, .center-mobile .section-intro .title-bar-right, .center-mobile .section-intro-left .title-bar-right,
  .center-mobile .section-intro .title-bar-left,
  .center-mobile .section-intro-left .title-bar-left {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .center-mobile .section-intro .title-bar-left::after, .center-mobile .section-intro-left .title-bar-left::after {
    margin-left: auto;
  }
}

.eqheight {
  display: table;
  width: 100%;
}

.eqheight > div {
  float: none;
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .eqheight > div {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .eqheight {
    display: block;
    width: auto;
  }
}

@media only screen and (min-width: 992px) {
  .flex-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
  }
}

/************************************************************
	c01 - Base - Typography
*************************************************************/
html,
body {
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  html,
  body {
    font-size: 14px;
  }
}

body {
  font-family: "Open Sans", sans-serif;
  line-height: 1.6em;
  color: #333;
  font-weight: 400;
  background: #fff;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 21px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
}

p {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 25px;
}

ul, ol, table, dl, dd {
  margin-bottom: 25px;
}

address, blockquote {
  font-style: italic;
}

blockquote {
  font-size: 16px;
}

td, th {
  padding: 10px;
}

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

a {
  text-decoration: none;
  color: #00aeea;
}

a:hover, a:focus {
  text-decoration: none;
}

a:active, a:hover {
  outline: 0 none;
  text-decoration: none;
}

a:hover {
  color: #ddb12c;
}

a:focus {
  outline: 0px solid;
  color: initial;
}

textarea,
select,
input[type="text"],
input[type="url"],
input[type="email"],
input[type="button"],
input[type="reset"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="date"],
input[type="number"]{
  padding: 8px 10px;
  border: 1px solid #b3b3b3;
  margin-bottom: 15px;
  min-height: 40px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

textarea {
  min-height: 160px;
}

input[type="reset"],
input[type="button"],
input[type="submit"] {
  border: 1px solid #00aeea;
  min-height: 40px;
  background: #00aeea;
  color: white;
}

button,
input[type="submit"],
input[type="button"] {
  font-size: 85%;
  padding: 8px 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s;
}

input::-webkit-input-placeholder,
input:-moz-placeholder,
input:-ms-input-placeholder,
input[placeholder] {
  color: white;
}

button:focus,
input:focus,
textarea:focus {
  border-color: #00aeea;
  outline: 0;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  border-color: #ddb12c;
  background-color: #ddb12c;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/************************************************************
	c02 - Base - Placeholders
*************************************************************/
.vpadding, .cta-centered, .call-to-action .cta-left, .call-to-action .cta-right, .services, .fun-facts, .testimonial-slider, .get-quote, .achievement-counters, .newsletter-section, .testimonial-simple, .pricing-table-section, .about, .skills, .service-promo, .contact-promo, .how-it-works, .inner-services {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media only screen and (max-width: 767px) {
  .vpadding, .cta-centered, .call-to-action .cta-left, .call-to-action .cta-right, .services, .fun-facts, .testimonial-slider, .get-quote, .achievement-counters, .newsletter-section, .testimonial-simple, .pricing-table-section, .about, .skills, .service-promo, .contact-promo, .how-it-works, .inner-services {
    padding-top: 25px;
    padding-bottom: 67.5px;
  }
}

.vmargin {
  margin-top: 90px;
  margin-bottom: 90px;
}

@media only screen and (max-width: 767px) {
  .vmargin {
    margin-top: 67.5px;
    margin-bottom: 67.5px;
  }
}

.whole-wrapper, .cx-pagination, .instagram-widget, .page-title, .post-meta-wrapper, .comments-area ol li {
  zoom: 1;
}

.whole-wrapper::before, .cx-pagination::before, .instagram-widget::before, .page-title::before, .post-meta-wrapper::before, .comments-area ol li::before, .whole-wrapper::after, .cx-pagination::after, .instagram-widget::after, .page-title::after, .post-meta-wrapper::after, .comments-area ol li::after {
  content: "";
  display: table;
}

.whole-wrapper::after, .cx-pagination::after, .instagram-widget::after, .page-title::after, .post-meta-wrapper::after, .comments-area ol li::after {
  clear: both;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 25px;
}

.cta-section.has-bg, .page-title, .newsletter-section {
  position: relative;
}

.cta-section.has-bg:before, .page-title:before, .newsletter-section:before {
  background: rgba(0, 0, 0, 0.55);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

a, div#toTop, .default-btn, .info-item, .info-item .thumb-icon i, .info-item h3, .social-icon a, .social-icon-large a, a.phone, a.phone::before, .team-member .team-image::before, .team-member.card-styled .social-icon-large, .team-member.flat-styled .social-icon-large, .team-details, .client-single, .portfolio-item .img:before, .portfolio-mini-desc, .portfolio-filter ul li, .blog-item-grid .post-content, .post-image a i, .post-image a::before, .image-info-wrapper .image-caption, .top-content a, .slider-section .owl-nav, .slider-section .owl-nav .owl-next,
.slider-section .owl-nav .owl-prev, .testimonial-nav .nav-img img, .client-section .item-brand, .post-single .thumb-wrapper a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.top-bordered {
  border-top: 1px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 0 solid #ccc;
  border-left: 0 solid #ccc;
}

.right-bordered {
  border-top: 0 solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 0 solid #ccc;
  border-left: 0 solid #ccc;
}

.bottom-bordered {
  border-top: 0 solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 0 solid #ccc;
}

.left-bordered {
  border-top: 0 solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 0 solid #ccc;
  border-left: 1px solid #ccc;
}

.rb-bordered {
  border-top: 0 solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 0 solid #ccc;
}

.bl-bordered {
  border-top: 0 solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 0 solid #ccc;
}

.tr-bordered {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 0 solid #ccc;
  border-left: 0 solid #ccc;
}

.lt-bordered {
  border-top: 1px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 0 solid #ccc;
  border-left: 1px solid #ccc;
}

.bgc-primary {
  background-color: #1ca5b8;
}

.bgc-secondary {
  background-color: #ddb12c;
}

.bgc-tertiary, .support-widget a {
  background-color: #0b4249;
}

.bgc-fourth {
  background-color: #f9b808;
}

.bgc-transparent {
  background-color: transparent;
}

.bgc-offset, .service-widget ul li a {
  background-color: #f3f3f3;
}

.bgc-white, .mobile-menu-button .icon-bar, .client-section.type-2.has-bg .item-brand, .pricing-table-section .pricing-table-wrapper {
  background-color: #fff;
}

.color-primary {
  color: #1ca5b8;
}

.color-secondary {
  color: #ddb12c;
}

.color-tertiary {
  color: #0b4249;
}

.color-fourth {
  color: #f9b808;
}

.color-transparent {
  color: transparent;
}

.color-offset {
  color: #f3f3f3;
}

.color-white, .support-widget a, .newsletter-section, .pricing-table-section .section-intro, .pricing-table-section .section-intro-left {
  color: #fff;
}

.nomargin {
  margin: 0;
}

.nopadding {
  padding: 0;
}

.pt0 {
  padding-top: 0;
}

.pb0, .client-section.type-2 .slick-list, .portfolio-section {
  padding-bottom: 0;
}

.mt0 {
  margin-top: 0;
}

.mb0, .section-intro .subtitle, .section-intro-left .subtitle, .counter-item.type-03 .counter-icon, .cta-section p,
.cta-section h2, .call-to-action .cta-left p, .call-to-action .cta-right *, .blog-item-grid .post-meta-wrapper span, .image-info-wrapper .image-caption h3, .pricing-table-wrapper .price-top p, .client-section.type-2, .team-section.bgc-offset, .testimonial-slider.flat, .contact-page-two .page-title, .contact-promo, .contact-intro p,
.contact-intro .section-intro,
.contact-intro .section-intro-left, .map-location, .contact-fun, .service-promo .col-sm-8 p:last-child, .contact-promo .col-sm-8 p:last-child, .inner-services, .portfolio-section, .faq-page .cta-centered {
  margin-bottom: 0;
}

.mb-full {
  margin-bottom: 90px;
}

@media only screen and (max-width: 767px) {
  .mb-full {
    margin-bottom: 67.5px;
  }
}

.mt-full {
  margin-top: 90px;
}

@media only screen and (max-width: 767px) {
  .mt-full {
    margin-top: 67.5px;
  }
}

.pb-full {
  padding-bottom: 90px;
}

@media only screen and (max-width: 767px) {
  .pb-full {
    padding-bottom: 67.5px;
  }
}

.pt-full {
  padding-top: 90px;
}

@media only screen and (max-width: 767px) {
  .pt-full {
    padding-top: 67.5px;
  }
}

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

@media only screen and (max-width: 767px) {
  .mb-half {
    margin-bottom: 33.75px;
  }
}

.mt-half {
  margin-top: 45px;
}

@media only screen and (max-width: 767px) {
  .mt-half {
    margin-top: 33.75px;
  }
}

.pb-half {
  padding-bottom: 45px;
}

@media only screen and (max-width: 767px) {
  .pb-half {
    padding-bottom: 33.75px;
  }
}

.pt-half {
  padding-top: 45px;
}

@media only screen and (max-width: 767px) {
  .pt-half {
    padding-top: 33.75px;
  }
}

/*
This file is used to contain all component imports.
Files inside this folder should contain all styles relating
to a reusable component.
*/
/************************************************************
	c10 - Components Section
*************************************************************/
/**
 * Components Breadcrumb
 *
 */
.breadcrumb {
  background: transparent;
  padding-left: 0;
}

/**
 * components mobile menu
 *
 */
.c-menu {
  background-color: #fff;
}

.c-button {
  color: #fff;
  background: #00aeea;
}

.o-header-nav {
  background-color: #1e75be;
}

.o-header-nav__link:hover {
  background-color: #00aeea;
}

.o-sub-nav__link {
  border: solid 2px #1e75be;
}

.o-sub-nav__link:hover,
.o-sub-nav__item.active .o-sub-nav__link {
  background-color: #1e75be;
}

.c-menu--slide-left .c-menu__item,
.c-menu--slide-right .c-menu__item,
.c-menu--push-left .c-menu__item,
.c-menu--push-right .c-menu__item {
  border-bottom: 1px solid #00aeea;
}

.c-menu--slide-left .c-menu__link:hover, .c-menu--slide-left .c-menu__link:focus,
.c-menu--slide-right .c-menu__link:hover,
.c-menu--slide-right .c-menu__link:focus,
.c-menu--push-left .c-menu__link:hover,
.c-menu--push-left .c-menu__link:focus,
.c-menu--push-right .c-menu__link:hover,
.c-menu--push-right .c-menu__link:focus {
  color: #ddb12c;
}

.c-menu__close {
  background-color: #00aeea;
}

#c-menu--slide-left .c-menu__items ul {
  background-color: #00aeea;
}

#c-menu--slide-left .c-menu__items ul li {
  padding-left: 0;
  border-color: #00aeea;
}

#c-menu--slide-left .c-menu__items ul li a {
  padding-left: 24px;
  padding-right: 24px;
  color: #fff;
}

#c-menu--slide-left .c-menu__items ul li::before {
  display: none;
}

#c-menu--slide-left .c-menu__items ul ul {
  background-color: #157e8b;
}

#c-menu--slide-left .c-menu__items ul ul li {
  border-color: #147683;
}

#c-menu--slide-left .c-menu__items ul ul ul {
  background-color: #178a99;
}

#c-menu--slide-left .c-menu__items ul ul ul li {
  border-color: #168290;
}

.mobile-menu .has-child {
  position: relative;
}

.mobile-menu .has-child > ul {
  position: relative;
  opacity: 1;
  visibility: visible;
  width: auto;
  display: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

.mobile-menu .has-child .drawer-toggle {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 60px;
  height: 48px;
  text-align: center;
  z-index: 9999;
  border: 0;
}

.mobile-menu .has-child .drawer-toggle i {
  position: absolute;
  margin: auto;
  top: 33%;
  left: 0;
  right: 0;
  color: #047735;
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.mobile-menu .has-child.open > .drawer-toggle i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/**
 * Components Image
 *
 */
.img-bordered {
  border: 10px solid #e3f8fb;
}

@media only screen and (max-width: 767px) {
  .img-bordered {
    width: 100%;
  }
}

/**
 * Components Full height Header
 *
 */
.fill-screen {
  min-height: 500px;
}

@media only screen and (min-width: 992px) {
  .fill-screen {
    height: 100Vh;
  }
}

.fill-screen {
  position: relative;
}

.fill-screen:before {
  background: rgba(0, 0, 0, 0.6);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fill-screen.header {
  background-image: url("../img/slider/home-3/slide-1.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  z-index: 1;
}

.fill-screen.parallax-window {
  background-attachment: fixed;
}

@media only screen and (max-width: 1199px) {
  .fill-screen.parallax-window {
    background-attachment: scroll;
  }
}

.fill-screen#header_bg_slide {
  background-image: none;
}

.fill-screen .header-wrapper {
  background: transparent;
}

.fill-screen .sf-menu > li > a {
  color: white;
}

.showcase-text {
  color: white;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.showcase-text span {
  color: #ddb12c;
}

.showcase-text .default-btn {
  color: white;
  border-color: #1ca5b8;
  background: #1ca5b8;
}

.showcase-text .default-btn:hover {
  border-color: #ddb12c;
}

.showcase-text h1, .showcase-text h2, .showcase-text h3, .showcase-text h4, .showcase-text h5, .showcase-text h6 {
  color: white;
  text-transform: uppercase;
}

.showcase-text h2 {
  font-size: 46px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .showcase-text h2 {
    font-size: 42px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .showcase-text h2 {
    font-size: 38px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .showcase-text h2 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 479px) {
  .showcase-text h2 {
    font-size: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .showcase-text {
    width: 75%;
  }
}

@media only screen and (max-width: 767px) {
  .showcase-text {
    width: 85%;
  }
}

.scroll-down {
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -16px;
  display: block;
  width: 32px;
  height: 32px;
  border: 2px solid white;
  background-size: 14px auto;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-animation: bounce 2s infinite 2s;
  -moz-animation: bounce 2s infinite 2s;
  -ms-animation: bounce 2s infinite 2s;
  -o-animation: bounce 2s infinite 2s;
  animation: bounce 2s infinite 2s;
}

.scroll-down::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: -8px;
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid white;
  border-width: 0px 0 2px 2px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@-webkit-keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

@-moz-keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

@-o-keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

/**
 * Components Back to Top
 *
 */
div#toTop {
  position: fixed;
  background: #ddb12c;
  right: 20px;
  bottom: 25px;
  margin: auto;
  cursor: pointer;
  z-index: 99;
  opacity: 0.7;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  display: none;
}

div#toTop:hover {
  opacity: 1;
}

/**
 * Components Button
 *
 */
.default-btn {
  padding: 8px 20px;
  display: inline-block;
  background: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  color: #333;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.05em;
}

.default-btn:hover {
  border-color: #ddb12c;
  background: #ddb12c;
  color: white;
}

.default-btn.skin-white {
  border-color: #fff;
  color: #fff;
}

.default-btn.skin-white:hover {
  border-color: #ddb12c;
}

@media only screen and (max-width: 767px) {
  .default-btn {
    padding: 7px 15px;
    font-size: 12px;
  }
}

/**
 * Components Secondary title
 *
 */
.secondary-title, .skill-element h3 {
  color: #333;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 1em;
}

/**
 * Components Primary Titile
 *
 */
.primary-title, .section-intro h2, .section-intro-left h2 {
  padding-bottom: 20px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 28.8px;
  margin-bottom: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .primary-title, .section-intro h2, .section-intro-left h2 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .primary-title, .section-intro h2, .section-intro-left h2 {
    font-size: 20.8px;
  }
}

/**
 * Components Section intro
 *
 */
.section-intro, .section-intro-left {
  text-align: center;
  display: block;
  max-width: 70%;
  margin: 0 auto 45px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-intro, .section-intro-left {
    max-width: 85%;
  }
}

@media only screen and (max-width: 767px) {
  .section-intro, .section-intro-left {
    max-width: 95%;
    margin-bottom: 33.75px;
  }
}

.section-intro-left {
  max-width: 100%;
  text-align: left;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-intro-left {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .section-intro-left {
    max-width: 100%;
  }
}

.title-bar, .title-bar-left, .title-bar-right {
  position: relative;
}

.title-bar::after, .title-bar-left::after, .title-bar-right::after {
  content: "";
  display: block;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ddb12c;
  margin: auto;
  width: 45px;
  height: 2px;
  transform: translateY(-50%);
}

.title-bar.white-skin::after, .white-skin.title-bar-left::after, .white-skin.title-bar-right::after {
  background-color: #fff;
}

.title-bar-left::after {
  margin-left: 0;
}

.title-bar-right::after {
  margin-right: 0;
}

/**
 * Components Counter
 *
 */
.counter-item {
  text-align: center;
  width: 100%;
  padding: 0 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter-item {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .counter-item {
    width: 100%;
    margin-bottom: 33.75px;
  }
}

.counter-item .counter-icon {
  margin-bottom: 25px;
}

.counter-item .counter-icon i {
  width: 86px;
  height: 86px;
  font-size: 46px;
  border: 2px solid #333;
  line-height: 86px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

@media only screen and (max-width: 991px) {
  .counter-item .counter-icon i {
    width: 60px;
    height: 60px;
    font-size: 30px;
    line-height: 60px;
  }
}

.counter-item .counter {
  font-size: 50px;
  line-height: 100%;
  font-weight: bold;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter-item .counter {
    font-size: 38px;
  }
}

@media only screen and (max-width: 767px) {
  .counter-item .counter {
    font-size: 38px;
    margin-bottom: 5px;
  }
}

.counter-item .counter-text {
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 0;
}

.counter-item .counter-title {
  margin-bottom: 0;
}

.counter-item.type-03 .counter-icon i, .counter-item.type-02 .counter-icon i {
  border: 0;
}

.counter-item.type-02 .counter-icon {
  margin-bottom: 5px;
}

.counter-item.type-02 .counter {
  font-size: 54px;
  margin-bottom: 5px;
}

@media only screen and (max-width: 991px) {
  .counter-item.type-02 .counter {
    font-size: 38px;
  }
}

.counter-item.type-03 {
  text-align: left;
  width: auto;
  display: inline-block;
  padding: 0 40px;
}

@media only screen and (min-width: 992px) {
  .counter-item.type-03 {
    display: inline-block;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
}

@media only screen and (min-width: 1200px) {
  .counter-item.type-03 {
    min-width: 260px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter-item.type-03 {
    padding: 0 20px;
    min-width: 215px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter-item.type-03 {
    width: 50%;
    float: left;
    margin-bottom: 45px;
    display: flex;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter-item.type-03:nth-child(3), .counter-item.type-03:nth-child(4) {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .counter-item.type-03:nth-child(4) {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .counter-item.type-03 {
    width: 100%;
    text-align: center;
  }
}

.counter-item.type-03 .counter-icon {
  margin-right: 15px;
  float: left;
}

.counter-item.type-03 .counter-icon i {
  font-size: 64px;
  width: 65px;
  height: 65px;
  text-align: center;
  line-height: 65px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .counter-item.type-03 .counter-icon {
    float: none;
    clear: both;
    margin-right: 0;
  }
}

.counter-item.type-03 .counter-text {
  float: right;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter-item.type-03 .counter-text {
    float: left;
  }
}

@media only screen and (max-width: 767px) {
  .counter-item.type-03 .counter-text {
    float: none;
    margin-top: 20px;
  }
}

.counter-item.type-03 .counter-title {
  margin-bottom: 0;
}

.counter-item.type-03 .counter {
  font-size: 42px;
  margin-bottom: 2px;
}

/**
 * Components Service
 *
 */
.info-item {
  text-align: center;
  margin-bottom: 45px;
}

@media only screen and (max-width: 767px) {
  .info-item {
    margin-bottom: 33.75px;
  }
}

.info-item .thumb-icon {
  line-height: 0;
  margin-bottom: 20px;
}

.info-item .thumb-icon i {
  font-size: 50px;
  color: #333;
  text-align: center;
  width: 64px;
  height: 64px;
  text-align: center;
  line-height: 64px;
  display: inline-block;
}

.info-item .thumb-icon i::after {
  content: "";
}

.info-item .info-content p:last-child {
  margin: 0;
}

.info-item.boxed {
  border: 1px solid #ccc;
  padding: 30px 20px 40px;
  background: white;
}

.info-item.boxed:hover {
  background: #1ca5b8;
  color: white;
}

.info-item.boxed:hover .thumb-icon i {
  color: white;
}

.info-item.boxed:hover h3 {
  color: white;
}

.info-item.border-collapsed {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 0;
  padding: 35px 30px;
}

@media only screen and (max-width: 991px) {
  .info-item.border-collapsed {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .info-item.border-collapsed {
    margin-bottom: 33.75px;
  }
}

.info-item:hover {
  background: inherit;
}

.info-item.left-edged-icon {
  text-align: left;
  border: 1px solid #ccc;
  display: table;
  width: 100%;
}

.info-item.left-edged-icon > div {
  float: none;
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .info-item.left-edged-icon > div {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .info-item.left-edged-icon {
    display: block;
    width: auto;
  }
}

.info-item.left-edged-icon .info-content-wrapper,
.info-item.left-edged-icon .thumb-icon {
  padding: 20px 10px;
  vertical-align: top;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .info-item.left-edged-icon .info-content-wrapper,
  .info-item.left-edged-icon .thumb-icon {
    padding: 20px 3px;
  }
}

.info-item.left-edged-icon .thumb-icon {
  border-right: 1px solid #ccc;
}

.info-item.left-edged-icon .thumb-icon i {
  font-size: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .info-item.left-edged-icon .thumb-icon i {
    font-size: 44px;
  }
}

@media only screen and (max-width: 767px) {
  .info-item.left-edged-icon .thumb-icon {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    padding: 10px;
  }
}

.info-item.left-edged-icon .info-content-wrapper {
  padding-left: 20px;
  padding-right: 20px;
}

@media only screen and (max-width: 767px) {
  .info-item.left-edged-icon {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .service-promo.type-02, .type-02.contact-promo {
    text-align: center;
  }
}

/**
 * Components Social Icons
 *
 */
.social-icon, .social-icon-large {
  overflow: hidden;
}

.social-icon a, .social-icon-large a {
  width: 26px;
  height: 26px;
  display: inline-block;
  line-height: 26px;
  text-align: center;
  margin-right: 5px;
  background-color: #e6e6e6;
  color: #333;
  float: left;
}

.social-icon a:hover, .social-icon-large a:hover {
  border-color: #ddb12c;
  background: #ddb12c;
  color: #fff;
}

.social-icon a:last-child, .social-icon-large a:last-child {
  margin-right: 0px;
}

.social-icon-large a {
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin-right: 2px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .social-icon-large a {
    width: 28px;
    height: 28px;
    line-height: 28px;
  }
}

.social-icon-large a i {
  font-size: 14px;
  line-height: 34px;
  display: block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .social-icon-large a i {
    line-height: 28px;
  }
}

.social-icons {
  margin-top: 25px;
  margin-bottom: 45px;
}

.social-icons p {
  display: inline-block;
  float: left;
  margin-right: 20px;
  line-height: 36px;
}

@media only screen and (max-width: 767px) {
  .social-icons {
    margin-bottom: 33.75px;
  }
}

.social-icons ul {
  margin: 0;
  padding: 0;
}

.social-icons ul li {
  list-style-type: none;
  display: inline-block;
  margin-bottom: 10px;
}

.social-icons ul li a {
  display: block;
  margin-right: 6px;
  color: white;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.social-icons ul li a.facebook {
  background: #2D5F9A;
}

.social-icons ul li a.facebook:hover {
  background: #244c7a;
  color: white;
}

.social-icons ul li a.twitter {
  background: #00C3F3;
}

.social-icons ul li a.twitter:hover {
  background: #00a2ca;
  color: white;
}

.social-icons ul li a.google-plus {
  background: #d34836;
}

.social-icons ul li a.google-plus:hover {
  background: #b83928;
  color: white;
}

.social-icons ul li a.instagram {
  background: #405de6;
}

.social-icons ul li a.instagram:hover {
  background: #1d3fe0;
  color: white;
}

.social-icons ul li a.pinterest {
  background: #cd2029;
}

.social-icons ul li a.pinterest:hover {
  background: #aa1a22;
  color: white;
}

.social-icons ul li a.linkedin {
  background: #0d77b7;
}

.social-icons ul li a.linkedin:hover {
  background: #0a5e91;
  color: white;
}

.social-icons ul li a.youtube {
  background: #ddb12c;
}

.social-icons ul li a.youtube:hover {
  background: #e23842;
  color: white;
}

@media only screen and (max-width: 479px) {
  .social-icons ul li {
    margin-bottom: 10px;
  }
}

/**
 * Components Phone
 *
 */
a.phone {
  font-size: 22px;
  position: relative;
  padding: 10px 15px 10px 40px;
  display: inline-block;
}

a.phone::before {
  content: "\f095";
  font-family: FontAwesome;
  font-size: 85%;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: 0;
  margin: auto;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: block;
  border: 1px solid #333;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

a.phone:hover::before {
  color: #ddb12c;
  border-color: #ddb12c;
}

/**
 * Components Address
 *
 */
ul.address-card {
  padding-left: 0;
}

ul.address-card li {
  padding-left: 25px;
  margin-bottom: 2px;
  list-style-type: none;
  display: block;
  position: relative;
}

ul.address-card li::before {
  content: '';
  font-family: FontAwesome;
  position: absolute;
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  top: 0;
  left: 0;
  right: auto;
  bottom: 0;
  margin: auto;
}

ul.address-card li.card-email::before {
  content: '\f003';
}

ul.address-card li.card-phone::before {
  content: '\f2a0';
}

ul.address-card li.card-location::before {
  content: '\f278';
}

/**
 * Components widgetized menu
 *
 */
.widgetized-menu {
  padding: 0;
}

.widgetized-menu li {
  list-style-type: none;
  position: relative;
  line-height: 30px;
}

.widgetized-menu li::before {
  content: '\f105';
  font-family: FontAwesome;
  position: relative;
  left: 0;
  top: 0;
  display: inline-block;
  margin-right: 8px;
}

/**
 * Components Team Member
 *
 */
.team-member {
  position: relative;
  overflow: hidden;
  margin-bottom: 45px;
}

.team-member .team-image {
  position: relative;
}

.team-member .team-image:before {
  background: rgba(255, 100, 108, 0.9);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.team-member .team-image::before {
  opacity: 0;
}

.team-member img {
  width: 100%;
}

.team-member:hover .team-image:before {
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .team-member:hover .team-image:before {
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
  }
}

.team-member:hover .team-details {
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .team-member {
    margin-bottom: 33.75px;
  }
}

.team-member.card-styled, .team-member.flat-styled {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.35);
	border: 1px solid #c5c5c5;
}

.team-member.card-styled .team-details, .team-member.flat-styled .team-details {
  position: relative;
  background: #f3f3f3;
  opacity: 1;
  height: auto;
  padding: 20px;
  text-align: center;
}

.team-member.card-styled .team-details a, .team-member.flat-styled .team-details a, .team-member.card-styled .team-details p, .team-member.flat-styled .team-details p {
  color: #333;
}

.team-member.card-styled .team-details h2, .team-member.flat-styled .team-details h2 {
  margin-bottom: 0;
}

.team-member.card-styled .team-image::before, .team-member.flat-styled .team-image::before {
  display: none;
}

.team-member.card-styled .social-icon-large, .team-member.flat-styled .social-icon-large {
  position: absolute;
  top: -83px;
  width: 100%;
  margin-top: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  background: #ddb12c;
  opacity: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
}

.team-member.card-styled .social-icon-large a, .team-member.flat-styled .social-icon-large a {
  float: none;
  margin-right: 5px;
  color: white;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-member.card-styled .social-icon-large, .team-member.flat-styled .social-icon-large {
    top: -77px;
  }
}

@media only screen and (max-width: 767px) {
  .team-member.card-styled .social-icon-large, .team-member.flat-styled .social-icon-large {
    top: -75px;
  }
}

.team-member.card-styled:hover .social-icon-large, .team-member.flat-styled:hover .social-icon-large {
  opacity: 1;
}

.team-member.flat-styled .team-details {
  height: auto;
  /*margin-top: -85px;*/
  padding: 20px 20px 25px;
}

.team-member.flat-styled .social-icon-large {
  opacity: 1;
  position: relative;
  top: auto;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 15px;
  background: transparent;
}

.team-member.flat-styled .social-icon-large a {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  display: inline-block;
  border: 0;
  background: #1ca5b8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.team-member.flat-styled .social-icon-large a:hover {
  border: 0;
}

.team-member.flat-styled .social-icon-large a.facebook {
  background: #2D5F9A;
}

.team-member.flat-styled .social-icon-large a.facebook:hover {
  background: #244c7a;
}

.team-member.flat-styled .social-icon-large a.twitter {
  background: #00C3F3;
}

.team-member.flat-styled .social-icon-large a.twitter:hover {
  background: #00a2ca;
}

.team-member.flat-styled .social-icon-large a.google-plus {
  background: #d34836;
}

.team-member.flat-styled .social-icon-large a.google-plus:hover {
  background: #b83928;
}

.team-member.flat-styled .social-icon-large a.instagram {
  background: #405de6;
}

.team-member.flat-styled .social-icon-large a.instagram:hover {
  background: #1d3fe0;
}

.team-member.flat-styled .social-icon-large a.pinterest {
  background: #cd2029;
}

.team-member.flat-styled .social-icon-large a.pinterest:hover {
  background: #aa1a22;
}

.team-member.flat-styled .social-icon-large a.linkedin {
  background: #0d77b7;
}

.team-member.flat-styled .social-icon-large a.linkedin:hover {
  background: #0a5e91;
}

.team-member.flat-styled .social-icon-large a + a {
  margin-left: 5px;
}

.team-member.flat-styled .social-icon-large a i {
  font-size: 14px;
  line-height: 32px;
}

.team-details {
  padding: 35px 40px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  height: 220px;
  margin: auto;
  opacity: 0;
}

.team-details h2 {
  margin-bottom: 7px;
  text-transform: uppercase;
  font-size: 20px;
}

.team-details a {
  color: white;
}

.team-details p {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 14px;
  color: white;
}

.team-details.sm-version {
  padding: 55px 0;
  text-align: center;
}

.team-details.sm-version .social-icon-large {
  margin-top: 8px;
}

.team-details.sm-version .social-icon-large a {
  border: 0;
  float: none;
  width: auto;
}

.team-details.sm-version .social-icon-large a:hover {
  background: transparent;
  border: 0;
}

.team-details .social-icon, .team-details .social-icon-large {
  margin-top: 40px;
}

.team-details .social-icon a, .team-details .social-icon-large a {
  background: transparent;
  border: 1px solid white;
}

@media only screen and (max-width: 767px) {
  .team-details .social-icon a, .team-details .social-icon-large a {
    width: 26px;
    height: 26px;
    line-height: 26px;
    margin-right: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .team-details .social-icon a i, .team-details .social-icon-large a i {
    font-size: 13px;
    line-height: 26px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-details .social-icon a, .team-details .social-icon-large a {
    margin-right: 0px;
  }
}

.team-details .social-icon a + a, .team-details .social-icon-large a + a {
  margin-left: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-details .social-icon a + a, .team-details .social-icon-large a + a {
    margin-left: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .team-details .social-icon a + a, .team-details .social-icon-large a + a {
    margin-left: 0px;
  }
}

.team-details .social-icon a:hover, .team-details .social-icon-large a:hover {
  background: #1ca5b8;
  border: 1px solid #1ca5b8;
}

.offset-bg .card-styled .team-details, .offset-bg .team-member.flat-styled .team-details {
  background: white;
}

/**
 * Components Contact Box
 *
 */
.contact-box {
  background: white;
  padding-top: 35px;
  padding-left: 50px;
  padding-right: 50px;
  display: table;
  width: 100%;
}

.contact-box .thumb-icon {
  display: table-cell;
  padding-right: 20px;
  font-size: 40px;
  vertical-align: top;
}

.contact-box .contact-item-wrapper {
  display: table-cell;
  vertical-align: top;
}

.contact-box .contact-item-wrapper h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.contact-box .contact-item-wrapper a {
  display: inline-block;
}

.contact-box .contact-item-wrapper p {
  margin-bottom: 0;
}

/**
 * Components Processing Columns
 *
 */
.processing-columns {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}

.processing-columns li {
  position: relative;
  float: left;
  width: 33.333%;
  list-style: none;
  text-align: center;
  margin: 0;
  margin-bottom: 45px;
  padding: 0 15px;
}

@media only screen and (max-width: 767px) {
  .processing-columns li {
    width: 100%;
    margin-bottom: 33.75px;
  }
}

.processing-columns li i {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  z-index: 2;
}

.processing-columns li::before, .processing-columns li::after {
  position: absolute;
  height: 3px;
  border-top: 3px dotted #333;
  content: "";
  top: 40px;
  left: 7px;
  right: 7px;
}

@media only screen and (max-width: 767px) {
  .processing-columns li::before, .processing-columns li::after {
    content: none;
  }
}

.processing-columns li::before {
  width: auto;
  height: auto;
  font-family: 'FontAwesome';
  content: "\f105";
  border: none;
  top: 29px;
  left: auto;
  right: 0;
  margin-right: -4px;
  font-size: 24px;
  line-height: 24px;
}

@media only screen and (max-width: 767px) {
  .processing-columns li::before {
    content: none;
  }
}

.processing-columns li:first-child:after {
  left: auto;
  width: 50%;
}

.processing-columns li:last-child:after {
  width: 50%;
  left: 7px;
  right: auto;
}

.processing-columns li:last-child::before {
  content: none;
}

.processing-columns li .icon-circle {
  position: relative;
  display: inline-block;
  text-indent: 2px;
  color: #333;
  width: 82px;
  height: 82px;
  font-size: 32px;
  line-height: 82px;
  text-align: center;
  overflow: hidden;
  text-indent: -1px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.processing-columns li p:last-of-type {
  margin-bottom: 0;
}

.processing-columns .first-step {
  border: 1px solid gray;
  background: white;
}

.processing-columns .second-step {
  border: 1px solid gray;
  background: white;
}

.processing-columns .third-step {
  border: 1px solid gray;
  background: white;
}

/**
 * Components Client List
 *
 */
.client-single {
  width: 100%;
  border: 1px solid #ccc;
  margin-bottom: 25px;
  opacity: 0.7;
}

.client-single a {
  display: inline-block;
  width: 100%;
  padding: 15px;
}

.client-single img {
  max-width: 100%;
  max-height: 80px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media only screen and (max-width: 767px) {
  .client-single img {
    max-height: 50px;
  }
}

.client-single:hover {
  opacity: 0.95;
}

/**
 * Components Pagination
 *
 */
.pagination-wrapper {
  margin-bottom: 70px;
}

.pagination-wrapper .pagination {
  margin-bottom: 0;
}

@media only screen and (max-width: 479px) {
  .pagination-wrapper .pagination-lg > li > span,
  .pagination-wrapper .pagination-lg > li > a {
    padding: 6px 12px;
  }
}

.pagination .active a,
.pagination .active span {
  background-color: #1ca5b8;
  border-color: #1ca5b8;
}

.pagination .active a:hover,
.pagination .active span:hover {
  background-color: #ddb12c;
  border-color: #ddb12c;
}

.pagination li span,
.pagination li a {
  color: #333;
  border-color: #ccc;
}

.pagination li span:hover, .pagination li span:focus,
.pagination li a:hover,
.pagination li a:focus {
  color: white;
  background: #ddb12c;
  border-color: #ddb12c;
}

.pagination li:first-child span,
.pagination li:first-child a, .pagination li:last-child span,
.pagination li:last-child a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.cx-pagination {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 45px;
}

.cx-pagination a {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #333;
  font-size: 90%;
}

.cx-pagination a:hover {
  color: #ddb12c;
}

@media only screen and (max-width: 767px) {
  .cx-pagination {
    margin-bottom: 33.75px;
  }
}

/**
 * Components Widgets
 *
 */
.sidebar-widget {
  padding-top: 45px;
  padding-bottom: 45px;
}

.sidebar-widget:first-child {
  padding-top: 0;
}

.sidebar-widget:last-child {
  padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .sidebar-widget {
    padding-top: 33.75px;
    padding-bottom: 33.75px;
  }
}

.search-widget form {
  display: table;
  width: 100%;
  overflow: hidden;
}

.search-widget form input {
  display: table-cell;
  vertical-align: middle;
  margin-bottom: 0;
  height: 43px;
}

.search-widget form input[type="text"],
.search-widget form input[type="search"] {
  float: left;
  width: calc(100% - 95px);
  border-right: 0;
}

.search-widget form input[type="submit"] {
  float: right;
  width: 95px;
}

.support-widget {
  position: relative;
}

.support-widget img {
  width: 100%;
  display: block;
}

.support-widget a {
  position: absolute;
  width: 100%;
  padding: 15px;
  display: block;
  bottom: 45px;
  left: 0;
  text-align: center;
}

.support-widget a span {
  display: block;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .support-widget a {
    bottom: 30px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .support-widget {
    width: 400px;
  }
}

.recent-posts-single {
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid #e6e6e6;
  display: table;
  width: 100%;
}

.recent-posts-single > div {
  float: none;
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .recent-posts-single > div {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .recent-posts-single {
    display: block;
    width: auto;
  }
}

.recent-posts-single .img-thumb {
  width: 100px;
}

.recent-posts-single .img-thumb img {
  width: 100%;
}

.recent-posts-single .img-thumb a {
  opacity: 1;
  display: block;
  width: 100%;
  height: 100%;
}

.recent-posts-single .img-thumb a:hover {
  opacity: .85;
}

@media only screen and (max-width: 767px) {
  .recent-posts-single > div {
    display: table-cell;
  }
}

.recent-posts-single .post-brief {
  padding-left: 10px;
}

.recent-posts-single .post-brief a {
  color: #333;
}

.recent-posts-single .post-brief a:hover, .recent-posts-single .post-brief a:focus {
  color: #ddb12c;
}

.recent-posts-single .post-brief h3 {
  margin-bottom: 3px;
  font-size: 16px;
}

.recent-posts-single .post-brief p {
  margin-bottom: 0;
  color: #666666;
  font-style: italic;
  font-size: 90%;
}

.recent-posts-single:first-child {
  padding-top: 0;
}

.recent-posts-single:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.tags-widget {
  padding-bottom: 35px;
}

.tags-widget ul {
  margin: 0;
  padding: 0;
}

.tags-widget ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
}

.tags-widget ul li a {
  padding: 7px 15px;
  display: block;
  border: 1px solid #ccc;
  text-decoration: none;
  color: #333;
}

.tags-widget ul li a:hover, .tags-widget ul li a:focus {
  color: white;
  background: #ddb12c;
  border-color: #ddb12c;
}

.category-widget ul, .service-widget ul {
  margin: 0;
  padding: 0;
}

.category-widget ul li, .service-widget ul li {
  list-style-type: none;
}

.category-widget ul li a, .service-widget ul li a {
  color: #333;
  display: block;
  padding: 8px 10px 8px 0;
  border-bottom: 1px solid #e6e6e6;
}

.category-widget ul li a span, .service-widget ul li a span {
  float: right;
}

.category-widget ul li a:hover, .service-widget ul li a:hover {
  color: #ddb12c;
}

.service-widget ul li a {
  padding: 8px 10px 8px 45px;
  margin-bottom: 5px;
  position: relative;
}

.service-widget ul li a::before {
  content: "\f156";
  font-family: "Flaticon";
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  bottom: 0;
  margin: auto;
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
}

.instagram-widget ul {
  margin: 0;
  padding: 0;
}

.instagram-widget ul li {
  list-style-type: none;
  display: block;
  width: 76px;
  height: auto;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.instagram-widget ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

.instagram-widget ul li a img {
  width: 100%;
  height: auto;
}

.working-hour-widget ul {
  margin: 0;
  padding: 0;
  border: 1px solid #fff;
  display: block;
  max-width: 87%;
}

.working-hour-widget ul li {
  list-style-type: none;
  display: block;
  border-bottom: 1px solid #fff;
  padding: 5px 15px;
}

.working-hour-widget ul li span {
  text-align: right;
  display: inline-block;
  float: right;
}

.working-hour-widget ul li:last-child {
  border-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .working-hour-widget ul li {
    font-size: 14px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .working-hour-widget ul {
    max-width: 100%;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .working-hour-widget ul {
    max-width: 400px;
  }
}

/**
 * Components Call to action
 *
 */
.cta-section {
  padding-top: 45px;
  padding-bottom: 45px;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .cta-section {
    padding-top: 67.5px;
    padding-bottom: 67.5px;
    text-align: center;
  }
}

.cta-section p,
.cta-section h2 {
  color: white;
}

.cta-section h2 {
  margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .cta-section h2 {
    font-size: 24px;
  }
}

.cta-section .row {
  display: table;
  width: 100%;
}

.cta-section .row > div {
  float: none;
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .cta-section .row > div {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .cta-section .row {
    display: block;
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .cta-section .row .cta-content {
    margin-bottom: 30px;
  }
}

.cta-section .row .cta-action {
  text-align: right;
}

.cta-section .row .cta-action .btn-default {
  padding: 10px 25px;
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .cta-section .row .cta-action .btn-default {
    margin-right: -30px;
  }
}

@media only screen and (max-width: 767px) {
  .cta-section .row .cta-action .btn-default {
    padding: 8px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .cta-section .row .cta-action {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .cta-section .row {
    display: block;
    width: auto;
  }
}

.cta-section.has-bg {
  background-image: url("../img/CTA/alleppey-houseboat.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.cta-centered {
  text-align: center;
}

.cta-centered.has-bg {
  background-image: url("../img/slider/home-1/slide-2.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
}

.cta-centered.has-bg {
  position: relative;
}

.cta-centered.has-bg:before {
  background: rgba(0, 0, 0, 0.55);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cta-centered.has-bg h1, .cta-centered.has-bg h2, .cta-centered.has-bg h3, .cta-centered.has-bg h4, .cta-centered.has-bg h5, .cta-centered.has-bg h6 {
  color: white;
}

.cta-centered.has-bg .default-btn {
  border-color: #1ca5b8;
  background: #1ca5b8;
  color: white;
}

.cta-centered.has-bg .default-btn:hover {
  border-color: #ddb12c;
  background: #ddb12c;
}

@media only screen and (max-width: 767px) {
  .cta-centered h2 {
    font-size: 24px;
  }
}

.call-to-action {
  color: white;
  position: relative;
  overflow: hidden;
  background: url("../img/CTA/accommodation.jpg") no-repeat scroll center;
  background-size: cover;
  background-position: center;
  color: white;
  z-index: 0;
}

@media only screen and (max-width: 991px) {
  .call-to-action h2 {
    font-size: 24px;
  }
}

.call-to-action .cta-left {
  position: relative;
}

.call-to-action .cta-left h2 {
  margin-bottom: 5px;
  color: #fff;
}

.call-to-action .cta-left p {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .call-to-action .cta-left {
    text-align: center;
  }
}

.call-to-action .cta-right {
  padding-left: 50px;
  position: relative;
  z-index: 1;
  text-align: right;
}

.call-to-action .cta-right h2 {
  color: white;
}

@media only screen and (max-width: 767px) {
  .call-to-action .cta-right {
    text-align: center;
    background-color: #00aeea;
    padding-left: 15px;
  }
}

.call-to-action::before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.call-to-action::after {
  content: "";
  position: absolute;
  background: #00aeea;
  top: 0;
  right: -75px;
  width: 53.5%;
  height: 100%;
  display: block;
  -webkit-transform: skewX(-25deg);
  -moz-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  -o-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .call-to-action::after {
    right: -80px;
    width: 55.5%;
  }
}

@media only screen and (max-width: 767px) {
  .call-to-action::after {
    display: none;
  }
}

.call-to-action .default-btn {
  margin-top: 25px;
  margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .call-to-action {
    background-position: -50px -100px;
  }
}

/**
 * Components Portfolio
 *
 */
.portfolio-wrapper.seperated {
  margin-left: -10px;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .portfolio-wrapper.seperated {
    margin-left: -2%;
  }
}

@media only screen and (max-width: 479px) {
  .portfolio-wrapper.seperated {
    margin-left: 0;
  }
}

.portfolio-wrapper.seperated .portfolio-item {
  margin-left: 10px;
  margin-bottom: 10px;
  width: 275px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-wrapper.seperated .portfolio-item {
    width: 225px;
    margin-left: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-wrapper.seperated .portfolio-item {
    width: 350px;
    margin-left: 10px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .portfolio-wrapper.seperated .portfolio-item {
    width: 48%;
    margin-left: 2%;
  }
}

@media only screen and (max-width: 479px) {
  .portfolio-wrapper.seperated .portfolio-item {
    width: 100%;
    margin-left: 0;
    margin-bottom: 15px;
  }
}

.portfolio-item {
  position: relative;
}

.portfolio-item .img {
  display: block;
  position: relative;
}

.portfolio-item .img:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.76);
  color: #fff;
  opacity: 0;
}

@media only screen and (max-width: 767px) {
  .portfolio-item .img:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
  }
}

.portfolio-item .img img {
  width: 100%;
}

.portfolio-item:hover .img::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  opacity: 1;
}

.portfolio-item:hover .portfolio-mini-desc {
  opacity: 1;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .portfolio-item {
    margin-bottom: 0;
    width: 50%;
  }
}

@media only screen and (max-width: 479px) {
  .portfolio-item {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 479px) {
  .portfolio-wrapper .portfolio-item:last-child {
    margin-bottom: 0;
  }
}

.portfolio-mini-desc {
  opacity: 0;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 80%;
  text-align: center;
}

@media only screen and (max-width: 1199px) {
  .portfolio-mini-desc {
    max-width: 90%;
    width: 90%;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .portfolio-mini-desc {
    padding: 30px;
  }
}

.portfolio-mini-desc i {
  font-size: 2em;
  cursor: pointer;
}

.portfolio-mini-desc h3 {
  text-transform: uppercase;
  position: relative;
  margin-bottom: 5px;
  padding-top: 15px;
  padding-bottom: 0;
  font-size: 17px;
  letter-spacing: 2px;
}

.portfolio-mini-desc h3:after {
  height: 3px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-mini-desc h3 {
    font-size: 16px;
    letter-spacing: 2px;
  }
}

@media only screen and (max-width: 767px) {
  .portfolio-mini-desc h3 {
    font-size: 14px;
    letter-spacing: 1px;
  }
}

.portfolio-mini-desc a {
  color: #ddb12c;
}

.portfolio-mini-desc p {
  margin: 0;
  text-transform: capitalize;
  font-size: 14px;
  letter-spacing: .05em;
  font-weight: 300;
}

@media only screen and (max-width: 767px) {
  .portfolio-mini-desc p {
    font-size: 13px;
  }
}

.portfolio-filter ul li {
  cursor: pointer;
  padding: 7px 15px;
  margin: 2px;
  border: 1px solid #ccc;
}

.portfolio-filter ul li.active, .portfolio-filter ul li:hover {
  border-color: #ddb12c;
  background: #ddb12c;
  color: white;
}

@media only screen and (max-width: 767px) {
  .portfolio-filter ul li {
    margin-bottom: 8px;
    padding: 6px 10px;
  }
}

/**
 * Components Blog Grid
 *
 */
.blog-item-grid .post-content {
  padding: 25px;
  background: #f9f9f9;
  border: 1px solid #e6e6e6;
  border-top: 0px solid;
}

.blog-item-grid .post-content p {
  margin: 0;
}

.blog-item-grid .post-title a {
  color: #333;
}

.blog-item-grid .post-title a:hover {
  color: #ddb12c;
}

.blog-item-grid .default-btn {
  background: transparent;
  color: #333;
  text-transform: initial;
  font-weight: 600;
  border: 0;
  font-family: "PT Sans", sans-serif;
  padding: 0;
  margin-top: 15px;
  position: relative;
}

.blog-item-grid .default-btn:hover {
  color: #00aeea;
}

.blog-item-grid:hover .post-content {
  border-color: #d9d9d9;
}

.blog-item-grid .post-meta-wrapper {
  margin-left: 0;
}

.blog-item-grid .post-meta-wrapper span {
  padding-right: 1.3em;
  padding-left: 0;
}

.blog-item-grid .post-meta-wrapper span::before {
  display: none;
}

@media only screen and (max-width: 767px) {
  .blog-item-grid {
    margin-bottom: 33.75px;
  }
}

.blog-item-grid.type-02 {
  margin-bottom: 45px;
}

@media only screen and (max-width: 767px) {
  .blog-item-grid.type-02 {
    margin-bottom: 33.75px;
  }
}

.blog-item-grid.type-02 .post-content {
  background: transparent;
  border-color: #ccc;
  padding-bottom: 0;
}

.blog-item-grid.type-02 .post-content p {
  margin-bottom: 25px;
}

.blog-item-grid.type-02 .post-bottom-meta {
  border-top: 1px solid #ccc;
  text-transform: uppercase;
  font-size: 85%;
  margin-left: -25px;
  margin-right: -25px;
  padding: 15px 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-item-grid.type-02 .post-bottom-meta {
    font-size: 12px;
  }
}

@media only screen and (max-width: 479px) {
  .blog-item-grid.type-02 .post-bottom-meta {
    font-size: 11px;
  }
}

.blog-item-grid.type-02 .post-bottom-meta a.read-more {
  display: inline-block;
  float: right;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-item-grid {
    margin-bottom: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-item-grid {
    margin-bottom: 33.75px;
  }
}

@media only screen and (max-width: 991px) {
  .blog-item-grid.last {
    margin-bottom: 0;
  }
}

.post-image {
  position: relative;
}

.post-image a {
  display: block;
  overflow: hidden;
  position: relative;
}

.post-image a i {
  position: absolute;
  opacity: 1;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  display: inline-block;
  margin: auto;
  font-size: 30px;
  color: white;
  opacity: 0;
}

.post-image a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ddb12c;
  opacity: 0;
}

.post-image a:hover i {
  opacity: 1;
}

.post-image a:hover::before {
  opacity: 0.5;
}

.post-image img {
  width: 100%;
}

.post-image .post-date {
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  text-align: center;
  overflow: hidden;
}

.post-image .date, .post-image .month {
  display: block;
  background: #00aeea;
  font-size: 20px;
  padding: 5px 12px;
}

.post-image .month {
  background: black;
  font-size: 13px;
  text-transform: uppercase;
}

/**
 * Components Image effect 01
 *
 */
.image-info-wrapper {
  position: relative;
  overflow: hidden;
}

.image-info-wrapper img {
  width: 100%;
  max-width: 100%;
}

.image-info-wrapper .image-caption {
  position: absolute;
  text-align: center;
  background: #1ca5b8;
  color: white;
  width: 100%;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
}

.image-info-wrapper .image-caption h3 {
  font-size: 20px;
  letter-spacing: 1px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .image-info-wrapper .image-caption h3 {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .image-info-wrapper .image-caption h3 {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .image-info-wrapper .image-caption h3 {
    font-size: 16px;
  }
}

.image-info-wrapper .image-caption a {
  padding: 15px;
  display: block;
  color: white;
}

.image-info-wrapper:hover .image-caption {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

@media only screen and (max-width: 767px) {
  .image-info-wrapper.last {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .image-info-wrapper {
    margin-bottom: 33.75px;
  }
}

/**
 * Components Quote Forms
 *
 */
.quote-form-wrapper {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.quote-form-wrapper input[type="submit"] {
  width: 100%;
}

/**
 * Components Full screen Video
 *
 */
#header_full_screen_video.header {
  background-image: none;
  background: #f3f3f3;
  overflow: inherit;
}

#header_full_screen_video.fill-screen::before {
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

#header_full_screen_video .header-wrapper {
  z-index: 2;
}

#header_full_screen_video .showcase-text {
  z-index: 1;
}

/**
 * Components Testimonial Simple
 *
 */
.testimonial-simple-wrapper {
  display: table;
  width: 100%;
}

.testimonial-simple-wrapper > div {
  float: none;
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .testimonial-simple-wrapper > div {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-simple-wrapper {
    display: block;
    width: auto;
  }
}

.testimonial-simple-wrapper .thumb-img {
  vertical-align: top;
  width: 80px;
}

.testimonial-simple-wrapper .thumb-img img {
  width: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

@media only screen and (max-width: 767px) {
  .testimonial-simple-wrapper .thumb-img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
  }
}

.testimonial-simple-wrapper .testimonial-simple-content {
  vertical-align: top;
  padding-left: 20px;
}

@media only screen and (max-width: 767px) {
  .testimonial-simple-wrapper .testimonial-simple-content {
    padding-left: 0;
  }
}

.testimonial-simple-wrapper .author-desc .author-name {
  font-weight: bold;
  display: block;
}

.testimonial-simple-wrapper .author-desc .author-desig {
  display: block;
  font-style: italic;
}

/**
 * Components Pricing Tables
 *
 */
.pricing-table-wrapper {
  position: relative;
  overflow: hidden;
}

.pricing-table-wrapper .price-top {
  padding: 25px 20px 0;
  border-bottom: 1px solid #ccc;
}

.pricing-table-wrapper .price-top h2 {
  text-transform: uppercase;
  color: #ddb12c;
  font-size: 18px;
  margin-bottom: 2px;
  font-weight: normal;
}

.pricing-table-wrapper .price-top h3 {
  text-transform: uppercase;
  font-size: 27px;
}

.pricing-table-wrapper .price-cost span {
  font-size: 14px;
  position: relative;
  top: -2px;
  left: 3px;
  line-height: 1em;
}

.pricing-table-wrapper .price-bottom {
  /*padding: 25px 20px 10px 20px;
  border-bottom: 1px solid #ccc;*/
}

.pricing-table-wrapper .price-bottom ul {
  margin: 0;
  padding: 0;
}

.pricing-table-wrapper .price-bottom ul li {
  list-style-type: none;
  position: relative;
  margin-bottom: 15px;
  padding-left: 33px;
}

.pricing-table-wrapper .price-bottom ul li.effective {
  font-weight: bold;
}

.pricing-table-wrapper .price-bottom ul li.effective::before {
  content: "\f164";
  font-family: Flaticon;
  position: absolute;
  border: 1px dashed #ddb12c;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  display: inline-block;
  margin-right: 12px;
  color: #ddb12c;
  font-size: 85%;
  top: 0;
  left: 0;
  margin-bottom: 5px;
}

.pricing-table-wrapper .price-bottom ul li.not-effective::before {
  content: "\f166";
  font-family: Flaticon;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px dashed #4d4d4d;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  display: inline-block;
  margin-right: 12px;
  color: #4d4d4d;
  font-size: 85%;
  margin-bottom: 5px;
}

.pricing-table-wrapper .default-btn {
  margin-top: 25px;
  margin-left: 20px;
  margin-bottom: 25px;
  background: #ddb12c;
  border-color: #ddb12c;
  color: white;
}

.pricing-table-wrapper .default-btn:hover {
  background: #1ca5b8;
  border-color: #1ca5b8;
}

.pricing-table-wrapper .price-token {
  position: absolute;
  background: #ddb12c;
  color: white;
  display: block;
  width: 200px;
  height: 100px;
  line-height: 165px;
  text-align: center;
  top: -15px;
  right: -100px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pricing-table-wrapper .price-token span {
  position: relative;
  left: -11%;
  font-size: 95%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-table-wrapper {
    margin-bottom: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .pricing-table-wrapper {
    margin-bottom: 33.75px;
  }
}

@media only screen and (max-width: 991px) {
  .pricing-table-wrapper.last {
    margin-bottom: 0;
  }
}

/**
 * Components Newsletter
 *
 */
.newsletter-form-wrapper form div[class^="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

.newsletter-form-wrapper form select,
.newsletter-form-wrapper form textarea,
.newsletter-form-wrapper form input {
  color: #333;
}

.newsletter-form-wrapper form input[type="submit"] {
  color: white;
}

/**
 * Components Dropcap
 *
 */
.cx-dropcap {
  font-size: 52px;
  display: inline-block;
  float: left;
  line-height: 52px;
  margin-right: 10px;
}

/**
 * Components Pre loader
 *
 */
.cx-pageloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background-color: #fff;
}

.cx-pageloader .cx-pageloader-inner {
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  width: calc(100% - 200px);
  color: #1ca5b8;
  padding: 0 100px;
  text-align: center;
  width: 100%;
  height: auto;
}

.cx-pageloader .cx-pageloader-inner label {
  font-size: 32px;
  opacity: 0;
  display: inline-block;
}

@keyframes lol {
  0% {
    opacity: 0;
    transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    transform: translateX(0px);
  }
  66% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(300px);
  }
}

@-webkit-keyframes lol {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  66% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(300px);
  }
}

.cx-pageloader-inner label:nth-child(6) {
  -webkit-animation: lol 3s infinite ease-in-out;
  animation: lol 3s infinite ease-in-out;
}

.cx-pageloader-inner label:nth-child(5) {
  -webkit-animation: lol 3s 100ms infinite ease-in-out;
  animation: lol 3s 100ms infinite ease-in-out;
}

.cx-pageloader-inner label:nth-child(4) {
  -webkit-animation: lol 3s 200ms infinite ease-in-out;
  animation: lol 3s 200ms infinite ease-in-out;
}

.cx-pageloader-inner label:nth-child(3) {
  -webkit-animation: lol 3s 300ms infinite ease-in-out;
  animation: lol 3s 300ms infinite ease-in-out;
}

.cx-pageloader-inner label:nth-child(2) {
  -webkit-animation: lol 3s 400ms infinite ease-in-out;
  animation: lol 3s 400ms infinite ease-in-out;
}

.cx-pageloader-inner label:nth-child(1) {
  -webkit-animation: lol 3s 500ms infinite ease-in-out;
  animation: lol 3s 500ms infinite ease-in-out;
}

/************************************************************
	c20 - Layout - header
*************************************************************/
/**
 * Layout header/ Header
 *
 */
.logo {
  /*max-width: 175px;
	position: absolute;*/
	background: #fff;
}

@media only screen and (max-width: 767px) {
  .logo {
    max-width: 150px;
  }
}

.logo a {
  display: block;
  width: 100%;
}

.logo svg:not(:root) {
  width: 100%;
  height: 61px;
  display: block;
}

.logo svg:not(:root) text {
  font-family: "PT Sans", sans-serif;
  letter-spacing: 10px;
  fill: #fff;
  font-size: 82px;
}

.logo svg:not(:root) g + rect {
  fill: #ddb12c;
}

.logo svg:not(:root) path,
.logo svg:not(:root) line + rect {
  fill: #0b4249;
}

.fill-screen .logo svg:not(:root) rect + text {
  fill: #0b4249;
}

.fill-screen .logo svg:not(:root) line + rect + text {
  fill: #fff;
}

.fill-screen .logo svg:not(:root) g + rect {
  fill: #fff;
}

.fill-screen .logo svg:not(:root) path,
.fill-screen .logo svg:not(:root) line + rect {
  fill: #1ca5b8;
}

.header-wrapper {
  background: white;
  position: relative;
}

.header-wrapper .contact-info {
  text-align: right;
  float: right;
  margin-right: -15px;
  margin-top: 25px;
}

.header-wrapper .contact-info a {
  color: #333;
}

.header-wrapper .contact-info a:hover {
  color: #ddb12c;
}

.header-inline {
  padding: 10px 0;
}

@media only screen and (max-width: 767px) {
  .header-inline {
    padding: 10px 0;
  }
}

.mobile-menu-button {
  overflow: hidden;
}

@media only screen and (max-width: 991px) {
  .mobile-menu-button {
    margin-top: 11px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile-menu-button {
    margin-top: 9px;
  }
}

/**
 * Layout header/ Header Top
 *
 */
.header-top {
  padding: 7px 0;
  font-size: 85%;
  background: #00aeea;
  color: white;
}

@media only screen and (max-width: 767px) {
  .header-top .social-icon, .header-top .social-icon-large {
    text-align: center;
    margin-bottom: 10px;
  }
}

.header-top .social-icon a, .header-top .social-icon-large a {
  background: transparent;
  color: white;
}

@media only screen and (max-width: 767px) {
  .header-top .social-icon a, .header-top .social-icon-large a {
    float: none;
  }
}

.header-top .social-icon a:hover, .header-top .social-icon-large a:hover {
  color: #ddb12c;
}

@media only screen and (max-width: 767px) {
  .header-top {
    display: none;
  }
}

.top-content {
  line-height: 26px;
}

@media only screen and (max-width: 767px) {
  .top-content.text-right {
    text-align: center;
  }
}

.top-content .bar {
  margin: 0 5px;
}

.top-content a {
  color: white;
  font-size: 14px;
}

.top-content a:hover {
  color: #d0caca;
}

.top-content a i {
  margin-right: 8px;
}

/**
 * Layout header/ Main Menu
 *
 */
.sf-menu {
  display: block;
  float: right;
  margin-top: 11px;
  margin-bottom: 0;
  width: auto;
  clear: both;
}

.sf-menu li {
  background: #00aeea;
  display: block;
}

.sf-menu li a {
  padding: 10px 15px;
  display: block;
  position: relative;
  color: white;
  border: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sf-menu li a {
    padding: 10px 15px;
  }
}

.sf-menu li a:hover {
  color: white;
}

.sf-menu > li {
  background: transparent;
}

.sf-menu > li.sfHover, .sf-menu > li:focus, .sf-menu > li:hover {
  background: transparent;
}

.sf-menu > li.sfHover > a {
  color: #ddb12c;
}

.sf-menu > li > a {
  text-transform: uppercase;
  color: #333;
}

.sf-menu > li > a:hover {
  color: #ddb12c;
}

.sf-menu ul li {
  background: #00aeea;
}

.sf-menu ul li.sfHover, .sf-menu ul li:focus, .sf-menu ul li:hover {
  background: #ddb12c;
}

.sf-menu ul ul li {
  background: #00aeea;
}

.sf-menu ul ul ul li {
  background: #00aeea;
}

.sf-menu ul ul ul ul li {
  background: #00aeea;
}

.sf-arrows .sf-with-ul:after {
  content: '\f107';
  font-family: FontAwesome;
  font-size: 85%;
  position: absolute;
  right: 5px;
  top: auto;
  margin-top: -1px;
  width: auto;
  height: auto;
  border: 0;
}

.sf-arrows ul .sf-with-ul:after {
  content: '\f105';
  font-family: FontAwesome;
  margin-top: 0;
  right: 10px;
}

.sf-arrows .sf-with-ul {
  padding-right: 20px;
}

.mobile-menu {
  display: none;
}

@media only screen and (max-width: 991px) {
  .mobile-menu {
    display: block;
  }
}

/**
 * layout header/ Intelligent Header
 *
 */
.fill-screen .intelligent-header {
  border-bottom: 0;
}

.fill-screen .intelligent-header.scrolling-up {
  background: rgba(38, 38, 38, 0.95);
}

@media only screen and (max-width: 991px) {
  .fill-screen .intelligent-header.scrolling-up {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
  }
}

@media only screen and (max-width: 991px) {
  .fill-screen .intelligent-header {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
  }
}

.no-rgba .fill-screen .intelligent-header.scrolling-up {
  background: #000;
}

@media only screen and (max-width: 991px) {
  .no-rgba .fill-screen .intelligent-header.scrolling-up {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
  }
}

.header--fixed {
  position: fixed;
  z-index: 999;
  right: 0;
  left: 0;
  top: 0;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
}

.headroom {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  will-change: transform;
}

.headroom--pinned {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.headroom--unpinned {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}

@media only screen and (max-width: 991px) {
  .headroom--unpinned {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

/************************************************************
	c21 - Layout - Slider
*************************************************************/
/**
 * layout slider/ slider
 *
 */
.slider-section {
  width: 100%;
  overflow: hidden;
  float: none;
  clear: both;
  display: block;
}

.slider-section .slide-single {
  color: #fff;
  height: 560px;
}

.slider-section .slide-single h1, .slider-section .slide-single h2, .slider-section .slide-single h3, .slider-section .slide-single h4, .slider-section .slide-single h5, .slider-section .slide-single h6 {
  color: #fff;
}

.slider-section .slide-single h1 {
  font-size: 46px;
  text-transform: uppercase;
  margin-bottom: 5px;
  letter-spacing: 2px;
  line-height: 55px;
  font-weight: 700;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-section .slide-single h1 {
    font-size: 34px;
    line-height: 1.2em;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-section .slide-single h1 {
    font-size: 32px;
    line-height: 1.2em;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-section .slide-single h1 {
    font-size: 26px;
    line-height: 1.2em;
    margin-bottom: 15px;
  }
}

.slider-section .slide-single p {
  font-size: 20px;
  line-height: 1.35em;
  margin-bottom: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-section .slide-single p {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-section .slide-single p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-section .slide-single p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-section .slide-single {
    height: 450px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-section .slide-single {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-section .slide-single {
    height: 200px;
  }
}

.slider-section .slide-single img {
  display: none;
}

.slider-section .slide-single .container {
  top: 48%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 1349px) {
  .slider-section .slide-single .container {
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-section .slide-single .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.slider-section .slide-single .container .slider-content {
  max-width: 75%;
}

.slider-section .slide-single .container .slider-content.right-aligned {
  float: right;
}

@media only screen and (max-width: 767px) {
  .slider-section .slide-single .container .slider-content.right-aligned {
    float: none;
  }
}

@media only screen and (max-width: 767px) {
  .slider-section .slide-single .container .slider-content {
    max-width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
  }
}

.slider-section .slide-single {
  position: relative;
}

.slider-section .slide-single:before {
  /*background: rgba(0, 0, 0, 0.6);*/
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.slider-section .slide-single .default-btn {
  border-color: #1ca5b8;
  background: #1ca5b8;
  color: white;
}

.slider-section .slide-single .default-btn:hover {
  background: #ddb12c;
  border-color: #ddb12c;
}

.slider-section .owl-nav {
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -20px;
  font-size: 22px;
}

.slider-section .owl-nav .owl-next,
.slider-section .owl-nav .owl-prev {
  position: absolute;
  background: rgba(255, 255, 255, 0.4);
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.slider-section .owl-nav .owl-next:hover,
.slider-section .owl-nav .owl-prev:hover {
  background: rgba(255, 255, 255, 0.85);
}

.slider-section .owl-nav .owl-next {
  right: 40px;
}

.slider-section .owl-nav .owl-prev {
  left: 40px;
}

@media only screen and (max-width: 767px) {
  .slider-section .owl-nav {
    display: none;
  }
}

.slider-section .owl-dots {
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 15px;
}

.slider-section .owl-dots .owl-dot {
  display: inline-block;
  margin: 0 3px;
}

.slider-section .owl-dots .owl-dot span {
  width: 16px;
  height: 10px;
  display: inline-block;
  background: #1e75be;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.slider-section .owl-dots .owl-dot.active span {
  width: 32px;
  background: #ddb12c;
}

.slider-section:hover .owl-nav {
  opacity: 1;
}

/************************************************************
	c22 - layout - Page Titile
*************************************************************/
/**
 * layout page-title/page title
 *
 */
.page-title {
  padding-top: 90px;
  padding-bottom: 63px;
  margin-bottom: 90px;
  background-color: #1e75be;
}

@media only screen and (max-width: 767px) {
  .page-title {
    padding-top: 67.5px;
    padding-bottom: 47.25px;
    margin-bottom: 67.5px;
  }
}

.page-title h1 {
  margin-bottom: 0;
  color: white;
}

@media only screen and (max-width: 767px) {
  .page-title h1 {
    font-size: 28px;
  }
}

.page-title .breadcrumb > .active {
  color: white;
}

.page-title .breadcrumb li a {
  color: white;
}

.page-title.centered {
  text-align: center;
}

.page-title.centered .breadcrumb li:first-child {
  padding-left: 19.5px;
}

.page-title.service-page-title {
  background-image: url("../img/service/service-title-bg.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 0;
}

.page-title.about-page-title {
  background-image: url("../img/page-titles/contact-bg-1.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.page-title.portfolio-page-title {
  background-image: url("../img/page-titles/portfolio.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.page-title.faq-page-title {
  background-image: url("../img/page-titles/faq.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.page-title.blog-page-title {
  background-image: url("../img/page-titles/blog.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.page-title.single-page-title {
  background-image: url("../img/page-titles/single-post.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.page-title.single-portfolio-page-title {
  background-image: url("../img/page-titles/single-portfolio.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.page-title.contact-page-title-01 {
  background-image: url("../img/page-titles/contact-bg-1.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 0;
}

.page-title.contact-page-title-02 {
  background-image: url("../img/page-titles/contact-bg-2.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 0;
}

/************************************************************
	c23 - layout - parallax
*************************************************************/
/**
 * layout parallax / parallax
 *
 */
.parallax-window {
  background-attachment: fixed;
}

@media only screen and (max-width: 1199px) {
  .parallax-window {
    background-attachment: scroll;
  }
}

/************************************************************
	c24 - Layout - Home 01
*************************************************************/
/**
 * layout home-01/ Our Services
 *
 */
.services {
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) {
  .flex-eq-height {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.no-flexbox .flex-eq-height {
  display: block;
}

@media only screen and (max-width: 991px) {
  .services .flex-eq-height .rb-bordered,
  .services .flex-eq-height .bottom-bordered,
  .services .flex-eq-height .right-bordered,
  .services .flex-eq-height .left-bordered {
    border: 0;
  }
}

/**
 * layout home-01/ Fun Facts
 *
 */
.fun-facts {
  color: white;
  background-image: url("../img/background/counter-up.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.fun-facts .primary-title, .fun-facts .section-intro h2, .section-intro .fun-facts h2, .fun-facts .section-intro-left h2, .section-intro-left .fun-facts h2 {
  color: white;
}

.fun-facts .counter-item {
  width: 20%;
  float: left;
}

@media only screen and (max-width: 767px) {
  .fun-facts .counter-item {
    width: 100%;
  }
}

.fun-facts .counter-item .counter-icon i {
  border-color: white;
}

@media only screen and (max-width: 767px) {
  .fun-facts .counter-item:last-of-type {
    margin-bottom: 0;
  }
}

.fun-facts {
  position: relative;
}

.fun-facts:before {
  background: rgba(28, 165, 184, 0.92);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/**
 * layout home-01/ choose us
 *
 */
.reasons-to-choose {
  margin-bottom: 30px;
}

.reasons-to-choose .thumb-icon i {
  font-size: 60px;
  border: 0;
}

.reasons-to-choose .reason {
  padding-left: 15px;
  padding-right: 15px;
}

.slick-dots li.slick-active button:before {
  color: #ddb12c;
  opacity: .8;
}

.slick-dots li {
  margin: 0;
}

.slick-dots li button:before {
  font-size: 12px;
  color: #1ca5b8;
  opacity: 0.4;
}

.slick-dots li button:hover:before {
  color: #ddb12c;
}

/**
 * layout home-01/ recent project
 *
 */
.recent-project {
  overflow: hidden;
}

.recent-project .portfolio {
  padding: 0;
}

@media only screen and (max-width: 479px) {
  .recent-project .col-xs-6 {
    width: 100%;
  }
}

/**
 * layout home-01/ team
 *
 */
.member-wrapper {
  margin-bottom: 0;
}

@media only screen and (max-width: 479px) {
  .member-wrapper {
    max-width: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

/**
 * layout home-01/ testimonial
 *
 */
.testimonial-slider {
  color: white;
  background-image: url("../img/background/testimonial.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.testimonial-slider h3 {
  color: white;
}

.testimonial-slider {
  position: relative;
}

.testimonial-slider:before {
  background: linear-gradient(to left, #1ca5b8, rgba(51, 51, 51, 0.8));
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.testimonial-slider .testimonial-wrap {
  text-align: center;
}

.testimonial-slider .testimonial-carousel-type-02,
.testimonial-slider .testimonial-carousel {
  margin-bottom: 20px;
}

.testimonial-slider .testimonial-carousel-type-02 .comment-icon,
.testimonial-slider .testimonial-carousel .comment-icon {
  margin-bottom: 35px;
}

.testimonial-slider .testimonial-carousel-type-02 .comment-icon i,
.testimonial-slider .testimonial-carousel .comment-icon i {
  font-size: 30px;
}

.testimonial-slider .client-meta {
  margin-top: 35px;
}

.testimonial-slider .client-meta .client-name {
  margin: 0;
  font-size: 20px;
  margin-bottom: 0;
  text-transform: uppercase;
}

.testimonial-nav {
  max-width: 400px;
  margin: 0 auto;
}

.testimonial-nav .slick-list {
  min-height: 80px;
}

.testimonial-nav .slick-track {
  margin-top: 15px;
}

.testimonial-nav .slick-center img {
  transform: scale(1.3);
}

.testimonial-nav .slick-slide {
  visibility: hidden;
  transition: all .3s;
  opacity: 0;
}

.testimonial-nav .slick-slide.slick-active {
  visibility: visible;
  opacity: 1;
}

.testimonial-nav .nav-img img {
  width: 54px;
  height: 54px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

@media only screen and (max-width: 479px) {
  .testimonial-nav .nav-img img {
    width: 40px;
    height: 40px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .testimonial-nav {
    max-width: 360px;
  }
}

@media only screen and (max-width: 479px) {
  .testimonial-nav {
    max-width: 280px;
  }
}

@media only screen and (max-width: 479px) {
  .testimonial-nav .slick-prev {
    left: 0;
  }
}

@media only screen and (max-width: 479px) {
  .testimonial-nav .slick-next {
    right: 0;
  }
}

/**
 * layout home-01/ Client Carousel
 *
 */
.client-section .item-brand {
  border: 1px solid #b3b3b3;
  padding: 20px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 5px;
  opacity: 0.6;
}

.client-section .item-brand:hover {
  opacity: 0.85;
}

.client-section.type-2 {
  padding-top: 45px;
  padding-bottom: 45px;
}

@media only screen and (max-width: 767px) {
  .client-section.type-2 {
    padding-top: 33.75px;
    padding-bottom: 33.75px;
  }
}

.client-section.type-2 .client-carousel {
  padding-left: 35px;
  padding-right: 35px;
}

.client-section.type-2 .client-carousel .slick-prev {
  left: 0;
}

.client-section.type-2 .client-carousel .slick-next {
  right: 0;
}

.client-section.type-2.has-bg .item-brand {
  opacity: 0.8;
}

.client-section.has-bg {
  background-image: url("../img/background/counter-up.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.client-section.has-bg {
  position: relative;
}

.client-section.has-bg:before {
  background: rgba(0, 0, 0, 0.5);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.client-carousel .slick-list {
  padding-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .client-carousel .slick-list {
    padding-bottom: 18.75px;
  }
}

.client-carousel .slick-dots li.slick-active button:before {
  color: #ddb12c;
  opacity: 1;
}

.client-carousel .slick-dots li {
  margin: 0;
}

.client-carousel .slick-dots li button:before {
  font-size: 12px;
}

.client-carousel .slick-dots li button:hover:before {
  color: #ddb12c;
}

.client-carousel .slick-slide img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-height: 80px;
  height: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .client-carousel .slick-slide img {
    max-height: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .client-carousel .slick-slide img {
    max-height: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .client-carousel .slick-slide img {
    max-height: 50px;
  }
}

@media only screen and (max-width: 479px) {
  .client-carousel .slick-slide img {
    max-height: 40px;
  }
}

/************************************************************
	c25 - Layout - Home 02
*************************************************************/
/**
 * layout home-02/ Quote Wrapper
 *
 */
.get-quote {
  text-align: center;
  background-image: url("../img/background/free-quote.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.get-quote {
  position: relative;
}

.get-quote:before {
  background: rgba(0, 0, 0, 0.6);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.get-quote .primary-title, .get-quote .section-intro h2, .section-intro .get-quote h2, .get-quote .section-intro-left h2, .section-intro-left .get-quote h2 {
  color: white;
}

.get-quote .section-intro, .get-quote .section-intro-left {
  position: relative;
  color: white;
}

/**
 * layout home-02/ fun facts
 *
 */
.fun-facts.achievements {
  background-image: url(../img/background/counter-up-2.jpg);
}

/**
 * Layout home-02/ team
 *
 */
.team-section.bgc-offset {
  background: #f3f3f3;
}

.team-section.bgc-offset .team-details {
  background-color: #fff;
}

/************************************************************
	c26 - Layout - Home 03
*************************************************************/
/**
 * Layout home-03/ counter section
 *
 */
.achievement-counters {
  background: #0b4249;
  text-align: center;
  color: white;
}

/************************************************************
	c27 - Layout - Home 04
*************************************************************/
/**
 * layout home-04/ newsletter section
 *
 */
.newsletter-section {
  background-image: url("../img/background/newsletter.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/**
 * layout home-04/testimonial simple section
 *
 */
.testimonial-simple {
  background-image: url("../img/slider/home-1/slide-2.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.testimonial-simple {
  position: relative;
}

.testimonial-simple:before {
  background: rgba(0, 0, 0, 0.5);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.testimonial-simple .testimonial-simple-wrapper {
  padding: 50px 20px;
}

@media only screen and (max-width: 767px) {
  .testimonial-simple .testimonial-simple-wrapper {
    text-align: center;
    border-bottom: 1px solid #ccc;
  }
}

.testimonial-simple .testimonial-container {
  overflow: hidden;
  background: rgba(255, 255, 255, 0.92);
}

.testimonial-simple .testimonial-container .row {
  display: table;
  width: 100%;
}

.testimonial-simple .testimonial-container .row > div {
  float: none;
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .testimonial-simple .testimonial-container .row > div {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-simple .testimonial-container .row {
    display: block;
    width: auto;
  }
}

.testimonial-simple .testimonial-container .row > div {
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  .testimonial-simple .testimonial-container .row > div {
    border: 0;
  }
}

/**
 * layout home-04/ pricing section
 *
 */
.pricing-table-section {
  background-image: url("../img/slider/home-1/slide-5.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.pricing-table-section {
  position: relative;
}

.pricing-table-section:before {
  background: rgba(0, 0, 0, 0.5);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.pricing-table-section .pricing-table-wrapper {
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35);
}

/**
 * layouts home-04/ client-list
 *
 */
section.client-list {
  margin-bottom: 65px;
}

@media only screen and (max-width: 767px) {
  section.client-list {
    margin-bottom: 42.5px;
  }
}

/************************************************************
	c28 - layout - Footer
*************************************************************/
/**
 * layout footer/ footer
 *
 */
footer {
  padding-top: 50px;
  background: #00aeea;
  color: white;
}

@media only screen and (max-width: 767px) {
  footer {
    padding-top: 67.5px;
  }
}

.footer-top {
  padding-bottom: 0px;
}

@media only screen and (max-width: 767px) {
  .footer-top {
    padding-bottom: 33.75px;
  }
}

.footer-title {
  margin-bottom: 35px;
  color: white;
  font-size: 20px;
  text-transform: uppercase;
}

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

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

.footer-widget a {
  color: white;
}

.footer-widget a:hover {
  color: #ddb12c;
}

.footer-widget ::-webkit-input-placeholder {
  color: white;
}

.footer-widget ::-moz-placeholder {
  color: white;
}

@media only screen and (max-width: 767px) {
  .footer-widget {
    margin-bottom: 33.75px;
  }
}

.copyright-section {
  position: relative;
  text-align: center;
  padding: 30px 15px;
  background: #069cd0;
}

.copyright-section p {
  margin: 0;
  color: white;
}

.copyright-section a {
  color: #ff979c;
}

/************************************************************
	c29 - layout - About Page
*************************************************************/
/**
 * Layout about/about
 *
 */
.about .about-image {
  float: right;
  max-width: 400px;
  margin-left: 20px;
  display: block;
}

@media only screen and (max-width: 1199px) {
  .about .about-image {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about .about-image {
    max-width: 300px;
  }
}

@media only screen and (max-width: 767px) {
  .about .about-image {
    display: none;
  }
}

.about .section-intro, .about .section-intro-left {
  max-width: 100%;
  width: 100%;
  text-align: left;
  margin-bottom: 0;
}

.about .default-btn {
  margin-top: 25px;
}

.about p:last-of-type {
  margin-bottom: 0;
}

/**
 * layout about/skills
 *
 */
.skills {
  background: #f3f3f3;
}

.skill-element h3 {
  text-transform: capitalize;
}

/**
 * layout about/testimonials
 *
 */
.testimonial-slider.flat {
  background-image: none;
  background-color: white;
  color: #333;
}

.testimonial-slider.flat {
  position: relative;
}

.testimonial-slider.flat:before {
  background: transparent;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.testimonial-slider.flat h3 {
  color: #333;
}

/************************************************************
	c30 - layout - Contact Page
*************************************************************/
/**
 * layout contact/ contact promo
 *
 */
.contact-promo {
  background-color: transparent;
}

/**
 * Layout contact/ contact us
 *
 */
.contact-intro {
  padding-bottom: 90px;
}

@media only screen and (max-width: 767px) {
  .contact-intro {
    padding-bottom: 67.5px;
  }
}

.section-intro .social-icons, .section-intro-left .social-icons {
  margin-bottom: 0;
}

.contact-boxes {
  margin-top: -100px;
}

.contact-fun {
  background-image: none;
}

.contact-fun {
  position: relative;
}

.contact-fun:before {
  background: rgba(11, 66, 73, 0.9);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.contact-fun .counter-icon {
  display: none;
}

.contact-us {
  background: white;
}

.contact-us .container {
  margin-top: -135px;
}

.contact-us .container .form-wrapper,
.contact-us .container .contact-info-wrapper {
  background: white;
  padding-top: 30px;
  padding-bottom: 30px;
  overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us .container .form-wrapper {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us .container .form-wrapper {
    padding-top: 67.5px;
    padding-bottom: 67.5px;
  }
}

@media only screen and (max-width: 991px) {
  .contact-us .container .contact-info-wrapper {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us .container {
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us .container {
    margin-top: 0;
  }
}

.contact-us input[type="submit"] {
  width: 100%;
}

.contact-us textarea {
  min-height: 230px;
}

@media only screen and (max-width: 767px) {
  .contact-us textarea {
    min-height: 160px;
  }
}

.contact-us .contact-box {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  margin-bottom: 25px;
}

.contact-us .contact-box .thumb-icon {
  width: 55px;
}

.contact-us .contact-box .fa {
  display: block;
  width: 55px;
}

.contact-us .social-icons {
  margin-bottom: 0;
}

.contact-us .social-icons h6 {
  margin-bottom: 15px;
}

.contact-us.simple-type .container {
  margin-top: 0;
}

.contact-us.simple-type .container .form-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

.contact-us.simple-type .container .form-wrapper textarea {
  min-height: 120px;
}

.contact-us.simple-type .container .contact-info-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

.contact-us.simple-type .container .contact-info-wrapper .contact-box:last-of-type {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us.simple-type .container .contact-info-wrapper {
    margin-bottom: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us.simple-type .container .contact-info-wrapper {
    margin-bottom: 67.5px;
  }
}

.connect {
  margin-bottom: 0;
  padding-top: 45px;
  padding-bottom: 45px;
  background: #f3f3f3;
}

.connect .social-icons {
  margin-top: 0;
  margin-bottom: 0;
}

.connect .social-icons h6 {
  font-size: 24px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .connect {
    padding-top: 33.75px;
    padding-bottom: 33.75px;
  }
}

/**
 * Layout contact/ contact form
 *
 */
.primary-form div[class*='col-'] {
  padding-bottom: 0;
}

.full-width-input textarea,
.full-width-input select,
.full-width-input input {
  width: 100%;
  background: #fafafa;
}

.full-width {
  width: 100%;
}

/**
 * layput contact/ map
 *
 */
#map {
  position: relative;
}

#map #gmap {
  height: 400px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #map #gmap {
    height: 310px;
  }
}

@media only screen and (max-width: 767px) {
  #map #gmap {
    height: 280px;
  }
}

/************************************************************
	c31 - layout - Services Page
*************************************************************/
/**
 * layout services/ service promo
 *
 */
.service-promo h2, .contact-promo h2 {
  text-transform: uppercase;
  font-weight: bold;
}

.service-promo .focused-text, .contact-promo .focused-text {
  font-size: 2em;
  line-height: 1.2em;
}

/**
 * layout services/ how we work
 *
 */
.service-page-one .page-title {
  margin-bottom: 0;
}

.how-it-works {
  background: #222534 url(../img/service/pattren.png) repeat center top;
  color: white;
}

.how-it-works .processing-columns h3 {
  color: white;
}

.how-it-works .processing-columns li::before,
.how-it-works .processing-columns li::after {
  border-color: white;
}

.how-it-works .section-intro h2, .how-it-works .section-intro-left h2 {
  color: white;
}

.how-it-works li .icon-circle {
  color: white;
}

.how-it-works li .first-step {
  border: 0;
  background: #00aeea;
}

.how-it-works li .second-step {
  border: 0;
  background: #ddb12c;
}

.how-it-works li .third-step {
  border: 0;
  background: #0b4249;
}

.inner-services {
  padding-top: 0;
}

.inner-services .info-item {
  text-align: left;
}

/**
 * layout services/ client list
 *
 */
/************************************************************
	c32 - layout - Portfolio Page
*************************************************************/
/**
 * layout portfolio/ portfolio
 *
 */
.portfolio-section .portfolio-item {
  margin-bottom: 30px;
  width: 100%;
}

@media only screen and (max-width: 479px) {
  .portfolio-section .col-xs-6 {
    width: 100%;
  }
}

/**
 * layout portfolio/ portfolio single
 *
 */
.portfolio-images {
  overflow: hidden;
}

.portfolio-images .row img {
  margin-bottom: 45px;
}

@media only screen and (max-width: 767px) {
  .portfolio-images .row img {
    margin-bottom: 33.75px;
  }
}

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

@media only screen and (max-width: 767px) {
  .portfolio-images.bottom {
    margin-bottom: 33.75px;
  }
}

.portfolio-left {
  float: left;
  width: 815px;
  margin-right: 30px;
  margin-bottom: 45px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-left {
    width: 670px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-left {
    width: 480px;
  }
}

@media only screen and (max-width: 767px) {
  .portfolio-left {
    width: 100%;
    float: none;
    clear: both;
    overflow: hidden;
    margin-right: 0;
    margin-bottom: 0;
  }
}

.portfolio-right {
  width: 295px;
  float: right;
  margin-bottom: 45px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-right {
    width: 240px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-right {
    width: 210px;
  }
}

@media only screen and (max-width: 767px) {
  .portfolio-right {
    width: 100%;
    float: none;
    clear: both;
    overflow: hidden;
    margin-bottom: 33.75px;
  }
}

.image-wrapper {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  background-size: cover;
}

.image-wrapper.full {
  margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
  .image-wrapper.full {
    margin-bottom: 48.75px;
  }
}

.portfolio-featured {
  background-image: url("../img/houseboats/kerala-houseboats.jpg");
  width: 100%;
  height: 555px;
  margin-bottom: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-featured {
    height: 456px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-featured {
    height: 405px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .portfolio-featured {
    height: 360px;
  }
}

@media only screen and (max-width: 479px) {
  .portfolio-featured {
    height: 280px;
  }
}

.portfolio-non-featured {
  width: 100%;
  height: 175px;
  margin-bottom: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-non-featured {
    height: 142px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-non-featured {
    height: 125px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .portfolio-non-featured {
    height: 360px;
  }
}

@media only screen and (max-width: 479px) {
  .portfolio-non-featured {
    height: 280px;
  }
}

.portfolio-one {
  background-image: url("../img/houseboats/kerala-houseboats1.jpg");
}

.portfolio-two {
  background-image: url("../img/houseboats/kerala-houseboats2.jpg");
}

.portfolio-three {
  background-image: url("../img/houseboats/kerala-houseboats3.jpg");
}

.portfolio-content {
  clear: both;
  width: 100%;
  float: none;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .portfolio-content h2 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .portfolio-content .portfolio-left {
    margin-bottom: 33.75px;
  }
}

.portfolio-content .portfolio-right ul {
  margin: 0;
  padding: 0;
}

.portfolio-content .portfolio-right ul li {
  list-style-type: none;
  margin-bottom: 5px;
}

.portfolio-content .portfolio-right ul li span {
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .portfolio-content .portfolio-right {
    margin-bottom: 33.75px;
  }
}

@media only screen and (max-width: 767px) {
  .portfolio-content {
    margin-bottom: 33.75px;
  }
}

.portfolio-content.reversed .portfolio-right {
  float: left;
  margin-right: 30px;
}

.portfolio-content.reversed .portfolio-left {
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  .portfolio-content.reversed {
    margin-bottom: 0;
  }
}

/************************************************************
	c33 - layout - Blog Page
*************************************************************/
/**
 * layout blog/ blog list
 *
 */
#primary .post-single:first-child .thumb-wrapper {
  padding-top: 0;
  border-top: 0;
}

.post-single {
  margin-bottom: 90px;
}

.post-single .thumb-wrapper {
  margin-bottom: 36px;
  padding-top: 15px;
  border-top: 1px solid #ccc;
}

@media only screen and (max-width: 767px) {
  .post-single .thumb-wrapper {
    margin-bottom: 27px;
  }
}

.post-single .thumb-wrapper a {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.post-single .thumb-wrapper:hover a {
  opacity: .85;
}

@media only screen and (max-width: 767px) {
  .post-single {
    margin-bottom: 67.5px;
  }
}

.post-single:last-child {
  margin-bottom: 0;
}

.post-meta-wrapper span {
  color: #666666;
  display: block;
  float: left;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 5px;
  position: relative;
  font-size: 90%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post-meta-wrapper span {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .post-meta-wrapper span {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.post-meta-wrapper span:first-child {
  padding-left: 0;
}

.post-meta-wrapper span i {
  display: inline-block;
  margin-right: 5px;
}

.post-meta-wrapper span::before {
  content: "";
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 11px;
  text-align: center;
  line-height: 11px;
  display: inline-block;
  margin: auto;
  background: #666666;
}

.post-meta-wrapper span:first-child::before {
  display: none;
}

.posts-wrapper + .pagination-wrapper {
  margin-top: 45px;
}

@media only screen and (max-width: 767px) {
  .posts-wrapper + .pagination-wrapper {
    margin-top: 33.75px;
  }
}

.posts-wrapper + .pagination-wrapper .pagination {
  margin-top: 0;
  margin-bottom: 0;
}

/**
 * layout blog/blog grid
 *
 */
.blog-grid-section .blog-item-grid {
  margin-bottom: 45px;
}

@media only screen and (max-width: 767px) {
  .blog-grid-section .blog-item-grid {
    margin-bottom: 33.75px;
  }
}

.blog-grid-section .pagination {
  margin-top: 0;
  margin-bottom: 0;
}

/**
 * Layout blog/ single
 *
 */
.single-post-meta {
  margin-top: 45px;
}

@media only screen and (max-width: 767px) {
  .single-post-meta {
    margin-top: 33.75px;
  }
}

.single-post-meta p {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0;
}

.single-post-meta ul {
  margin: 0;
  padding: 0;
  display: inline;
}

.single-post-meta ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 10px;
}

.single-post-meta ul li a {
  display: inline;
  position: relative;
  text-decoration: underline;
}

.single-post-meta ul li a::after {
  content: ",";
  position: absolute;
  right: -5px;
  top: -2px;
}

.single-post-meta ul li:last-child a::after {
  display: none;
}

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

@media only screen and (max-width: 767px) {
  .single .post-single {
    margin-bottom: 33.75px;
  }
}

.comments-area .comment-list.nested {
  overflow: hidden;
  width: 100%;
  padding-top: 20px;
  padding-left: 50px;
}

.comments-area ol {
  margin: 0;
  padding: 0;
}

.comments-area ol li {
  margin-bottom: 20px;
  list-style-type: none;
}

.comments-area ol li .comment-author-thumb {
  width: 110px;
  float: left;
  padding-right: 20px;
}

.comments-area ol li .comment-author-thumb img {
  max-width: 100%;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .comments-area ol li .comment-author-thumb {
    width: 100px;
  }
}

@media only screen and (max-width: 479px) {
  .comments-area ol li .comment-author-thumb {
    width: 80px;
  }
}

.comments-area ol li .comment-content {
  width: calc(100% - 120px);
  padding: 20px;
  float: right;
  background: #f6f6f6;
  position: relative;
}

.comments-area ol li .comment-content::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #f6f6f6;
  margin-left: -12px;
  left: 0;
}

.comments-area ol li .comment-content .comment-author-name {
  font-weight: bold;
  margin-bottom: 3px;
}

.comments-area ol li .comment-content .comment-author-name a {
  color: #333;
}

.comments-area ol li .comment-content .comment-author-name a:hover {
  color: #ddb12c;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .comments-area ol li .comment-content {
    width: calc(100% - 100px);
  }
}

@media only screen and (max-width: 479px) {
  .comments-area ol li .comment-content {
    width: calc(100% - 80px);
  }
}

.comments-area > ol {
  margin-bottom: 45px;
}

@media only screen and (max-width: 767px) {
  .comments-area > ol {
    margin-bottom: 33.75px;
  }
}

.comments-area .comment-author-thumb img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.comments-area .comment-meta {
  font-size: 14px;
  line-height: 1.6em;
  text-align: right;
}

.comments-area .comment-meta a {
  color: #333;
}

.comments-area .comment-meta a:hover {
  color: #ddb12c;
}

.comments-area .comment-meta span {
  display: inline-block;
}

.comments-area .comment-meta span.comment-edit {
  padding-right: 15px;
}

.comments-area .comment-meta span.comment-reply {
  position: relative;
}

.comments-area .comment-meta span.comment-reply::before {
  content: "\f0da";
  font-family: FontAwesome;
  position: relative;
  left: 0;
  top: 0;
  padding-right: 15px;
}

@media only screen and (max-width: 767px) {
  .comments-area .comment-meta {
    text-align: left;
    font-size: 90%;
  }
}

.comments-area .comment-form input,
.comments-area .comment-form textarea {
  width: 100%;
}

/************************************************************
	c34 - Layout - FAQ page
*************************************************************/
/**
 * Layout faq/ faq
 *
 */
.faq-wrapper .panel-group .panel {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.faq-wrapper .panel-default .panel-heading {
  padding: 0;
}

.faq-wrapper .panel-default .panel-heading a {
  display: block;
  padding: 15px 15px 15px 35px;
  position: relative;
  font-weight: 400;
  font-size: 18px;
}

.faq-wrapper .panel-default .panel-heading a::before {
  content: "\f131";
  font-family: Flaticon;
  position: absolute;
  left: 10px;
  font-size: 15px;
  top: auto;
}

.faq-wrapper .panel-default .panel-heading a.collapsed::before {
  content: "\f130";
}

.faq-page .cta-centered {
  background: #f3f3f3;
}