/*
Theme Name: Sam Martin
Theme URI: http://themes.potenzaglobal.net/sam-martin/wptheme/intro.html
Author: Potenza Globa Solutions
Author URI: http://www.potenzaglobalsolutions.com/
Description: Sam Martin is an Elegant, Clean, Beautiful and Personal WordPress portfolio Theme crafted with love, for creatives and professionals who are looking to showcase their portfolio as well as their resume in a great modern way.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sam-martin
Tags: two-columns, theme-options, featured-images, post-formats
*/

/*================================================
[  Table of contents  ]
================================================
 
:: General wordpress
:: General
:: Button
:: Loading
:: Overlay
:: Header 1
:: Header 2
:: Header 3
:: Intro typer
:: About
:: Service
:: My skill
:: Language-skills
  :: Knowledge
  :: List style
:: Portfolio
:: Availability Calendar
  :: Ui-datepicker
:: Blog
:: Testimonials
:: Google-map
:: contact
  :: Contact popup
:: Inner page
  :: Blog page  
  :: Blog signgle page
  :: Portfolio single page
  :: Error page
  :: Product listing page
  :: Product destials page
  :: Cart page
  :: Woocommerce-checkout
  :: Component
  :: My account page
  :: Shortcode
 
======================================
[ End table content ]
======================================*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation li {
  float: left;
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 1.5em;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul a {
  width: 180px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: initial;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  left: 100%;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

/*menu*/
.nav>li>a:focus {
  background: transparent;
}

.main-navigation {
  float: none;
}

.main-navigation li {
  display: block;
}

.main-navigation li > a {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  padding: 10px 15px 10px 30px;
  border-right: 0px solid transparent;
}

.main-navigation li > a:focus,
.main-navigation li a:hover {
  color: #ffffff;
}

.main-navigation li.active a,
.main-navigation li a:hover {
  background: transparent;
  color: #07cb79;
  box-shadow: 15px 0px 0px 0px #07cb79 inset;
  border-right: 5px solid #07cb79;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover {
  background: transparent;
  color: #07cb79;
  box-shadow: 15px 0px 0px 0px #07cb79 inset;
  border-right: 5px solid #07cb79;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
  background: transparent;
  color: #07cb79;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 3em 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

.dropdown-menu>li>a {
  white-space: initial;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

#content[tabindex="-1"]:focus {
  outline: 0;
}

/*.entry-content-section { position: relative; }*/

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 3.0em;
}

/* Make sure select elements fit in widgets. */
.widget select {
  width: 100%;
  padding: 10px;
  border-color: #d6d6d6;
  color: #9ea8b6;
  border:1px solid;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,

/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {

  /* Theme Footer (when set to scrolling) */ display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
## table
--------------------------------------------------------------*/
table {
  border-collapse: collapse;
  width: 100%;
}

td,
th {
  border: 1px solid #f8f9fa;
  text-align: left;
  padding: 12px 12px 12px 22px;
}

tr:nth-child(even) {
  background-color: #f8f9fa;
}

.entry-content ul li {
  margin-left: 30px;
  padding-left: 10px;
  line-height: 30px;
  font-size: 16px;
  list-style: square !important;
}

.entry-content ol li {
  margin-left: 30px;
  padding-left: 10px;
  line-height: 30px;
  font-size: 16px;
  list-style: inherit !important;
}

dd {
  margin-left: 40px;
}

ul,
ol {
  padding: 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

blockquote cite:before,
blockquote small:before {
  content: "\2014\00a0";
}

blockquote cite,
blockquote small {
  display: block;
}

blockquote em,
blockquote i,
blockquote cite {
  font-style: normal;
}

dt {
  font-weight: 700;
}

address {
  font-style: italic;
}

abbr[title] {
  border-bottom: 1px dotted;
}

abbr,
acronym {
  border-bottom: 1px dotted #d1d1d1;
  cursor: help;
}

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

/*input */
form input,
form textarea:focus {
  background-color: transparent;
  border: 1px solid #07cb79;
  color: #626262;
  outline: 0;
}

form input:focus,
form textarea:focus {
  background-color: transparent;
  border-color: #07cb79;
  color: #626262;
  outline: 0;
}

input[type=checkbox],
input[type=radio] {
  height: inherit;
  width: inherit;
  margin: 4px 5px 0 0px;
}

/*************************
       General
*************************/
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  margin: 0px;
  color: #2f3742;
}

a,
button,
input {
  outline: medium none !important;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  color: #07cb79;
}

a:focus,
a:hover {
  outline: medium none !important;
  text-decoration: none;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

ol,
ul {
  padding: 0px;
  margin: 0px;
}

li {
  list-style: none !important;
}

p {
  font-size: 14px;
  color: #9ea8b6;
  line-height: 24px;
}

/*selection*/
*::-moz-selection {
  background: #000;
  color: #ffffff;
  text-shadow: none;
}

::-moz-selection {
  background: #000;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #000;
  color: #ffffff;
  text-shadow: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2f3742;
}

h1 {
  font-size: 50px;
}

h2 {
  font-size: 34px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

/*************************
       button
*************************/
.button-large {
  padding: 0;
  margin-top: 30px;
}

.button-large a {
  padding: 10px 30px;
  font-size: 18px;
  border-radius: 3px;
  font-weight: 600;
  background: #07cb79;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
}

.button-large a:hover {
  background: #2f3742;
  color: #ffffff;
}

.button-small a {
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 3px;
  font-weight: 500;
  background: #07cb79;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
}

.button-small a:hover {
  background: #2f3742;
  color: #ffffff;
}

button.button-small {
  padding: 8px 15px;
  display: block;
  font-size: 14px;
  width: 100%;
  margin: 0px;
  border: 0px;
  border-radius: 3px;
  font-weight: 500;
  background: #464e5a;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
}

button.button-small:hover {
  background: #07cb79;
  color: #2f3742;
}

.button-small a {
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 3px;
  font-weight: 500;
  background: #07cb79;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
}

.button-small a:hover {
  background: #2f3742;
  color: #ffffff;
}

/*******************************************
             loading
*******************************************/
#loading {
  background-color: #000;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  margin-top: 0px;
  top: 0px;
  left: 0px;
  bottom: 0px;
  overflow: hidden !important;
  right: 0px;
  z-index: 999999;
}

#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}

#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 50px;
  width: 50px;
  margin-top: -25px;
  margin-left: -25px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -ms-animation: loading-center-absolute 1.5s infinite;
  -moz-animation: loading-center-absolute 1.5s infinite;
  -o-animation: loading-center-absolute 1.5s infinite;
  -webkit-animation: loading-center-absolute 1.5s infinite;
  animation: loading-center-absolute 1.5s infinite;
}

.object {
  width: 25px;
  height: 25px;
  background-color: #FFF;
  float: left;
}

#object_one {
  -webkit-animation: object_one 1.5s infinite;
  -o-animation: object_one 1.5s infinite;
  -moz-animation: object_one 1.5s infinite;
  -ms-animation: object_one 1.5s infinite;
  animation: object_one 1.5s infinite;
}

#object_two {
  -webkit-animation: object_two 1.5s infinite;
  -o-animation: object_two 1.5s infinite;
  -ms-animation: object_two 1.5s infinite;
  -moz-animation: object_two 1.5s infinite;
  animation: object_two 1.5s infinite;
}

#object_three {
  -webkit-animation: object_three 1.5s infinite;
  -o-animation: object_three 1.5s infinite;
  -moz-animation: object_three 1.5s infinite;
  -ms-animation: object_three 1.5s infinite;
  animation: object_three 1.5s infinite;
}

#object_four {
  -webkit-animation: object_four 1.5s infinite;
  -o-animation: object_four 1.5s infinite;
  -moz-animation: object_four 1.5s infinite;
  -ms-animation: object_four 1.5s infinite;
  animation: object_four 1.5s infinite;
}

@-webkit-keyframes loading-center-absolute {
  100% {
    -webkit-transform: rotate(-45deg);
  }

}

@keyframes loading-center-absolute {
  100% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

}

@-webkit-keyframes object_one {
  25% {
    -webkit-transform: translate(0, -50px) rotate(-180deg);
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }

}

@keyframes object_one {
  25% {
    transform: translate(0, -50px) rotate(-180deg);
    -webkit-transform: translate(0, -50px) rotate(-180deg);
  }

  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }

}

@-webkit-keyframes object_two {
  25% {
    -webkit-transform: translate(50px, 0) rotate(-180deg);
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }

}

@keyframes object_two {
  25% {
    transform: translate(50px, 0) rotate(-180deg);
    -webkit-transform: translate(50px, 0) rotate(-180deg);
  }

  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }

}

@-webkit-keyframes object_three {
  25% {
    -webkit-transform: translate(-50px, 0) rotate(-180deg);
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }

}

@keyframes object_three {
  25% {
    transform: translate(-50px, 0) rotate(-180deg);
    -webkit-transform: translate(-50px, 0) rotate(-180deg);
  }

  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: rtranslate(0, 0) rotate(-180deg);
  }

}

@-webkit-keyframes object_four {
  25% {
    -webkit-transform: translate(0, 50px) rotate(-180deg);
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }

}

@keyframes object_four {
  25% {
    transform: translate(0, 50px) rotate(-180deg);
    -webkit-transform: translate(0, 50px) rotate(-180deg);
  }

  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }

}

/*************************
     intro 
*************************/
.page-section {
  padding: 60px 0px;
}

.page-section-pt {
  padding: 60px 0px 0;
}

.page-section-pb {
  padding: 0px 0px 60px;
}

.container-fluid {
  padding: 0px 60px;
}

.content-scroller {
  margin-left: 230px;
  overflow: hidden;
}

/*************************
       overlay
*************************/
.vc_row {
  position: relative;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.vc_row-background-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
}

.vc_row .vc_column_container .vc_column_container>.vc_column-inner {
  padding-left: 0px;
  padding-right: 0px;
}

/*************************
      header 1
*************************/
.menu-responsive {
  display: none;
}

.navbar {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
}

.header {
  position: fixed;
  overflow: visible;
  display: block;
  left: 0px;
  width: 230px;
  height: 100%; /*top: 0px;*/
  z-index: 999;
  background: #2f3742;
  padding-bottom: 0px;
}

/*menu*/
#left-header {
  overflow-x: hidden;
}

#left-header .navbar-brand {
  padding: 13px 12px;
}

#left-header #site-navigation {
  margin-bottom: 140px;
}

.navbar-collapse {
  height: auto;
  border-top: 0;
  box-shadow: none;
  max-height: none;
  padding-left: 0;
  padding-right: 0;
}

.navbar-collapse.collapse {
  display: block !important;
  width: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
}

.navbar-collapse.in {
  overflow-x: visible;
}

.navbar {
  max-width: 230px;
  margin-right: 0;
  margin-left: 0;
}

.navbar-nav,
.navbar-nav > li,
.navbar-left,
.navbar-right,
.navbar-header {
  float: none !important;
}

.navbar-right .dropdown-menu {
  left: 0;
  right: auto;
}

.navbar-collapse .navbar-nav.navbar-right:last-child {
  margin-right: 0;
}

.navbar-header {
  margin: 10px 10px 35px 10px;
}

.navbar-brand {
  height: inherit;
}

.navbar-brand>img {
  height: 180px;
}

.navbar-default {
  background: transparent;
  border: 0px;
}

.navbar-default .navbar-nav > li > a {
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  padding: 10px 15px 10px 30px;
  border-right: 0px solid transparent;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #ffffff;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:hover {
  background: transparent;
  color: #07cb79;
  box-shadow: 15px 0px 0px 0px #07cb79 inset;
  border-right: 5px solid #07cb79;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover {
  background: transparent;
  color: #07cb79;
  box-shadow: 15px 0px 0px 0px #07cb79 inset;
  border-right: 5px solid #07cb79;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
  background: transparent;
  color: #07cb79;
}

.navbar-default .dropdown-menu {
  left: 24px;
  background: #f4f5f6;
  box-shadow: none;
  border: 0px;
}

.navbar-default .dropdown-menu:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  top: -7px;
  left: 16px;
  content: "";
}

.navbar-nav>li>.dropdown-menu {
  border-radius: 3px;
}

.navbar-nav>li>.dropdown-menu li a {
  line-height: 26px;
  font-size: 14px;
  line-height: 18px;
  padding: 5px 20px 5px 20px;
  font-weight: 500;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
  background: transparent;
  color: #07cb79;
  border-right: 0px;
  box-shadow: none;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
  color: #07cb79;
  background: transparent;
  border-right: 0px;
  box-shadow: none;
}

.dropdown-menu > li > a {
  white-space: pre-wrap;
}

.main-navigation ul ul {
  padding: 10px 0px;
}

.navbar-nav>li>.dropdown-menu {
  width: 80%;
  margin: 10%;
}

.navbar-nav>li>.dropdown-menu li a {
  color: #2f3742;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 500 !important;
}

.main-navigation ul ul {
  box-shadow: none;
}

.navbar-nav>li>.dropdown-menu:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  top: -7px;
  left: 16px;
  content: "";
}

.navbar-nav>li>.dropdown-menu li a:hover,
.navbar-nav>li>.dropdown-menu li a:focus {
  box-shadow: none;
  border: none;
  color: #07cb79;
}

.navbar-nav li.focus li a {
  box-shadow: none;
  border: none;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
  background: none;
  border-color: transparent;
}

/* Arrow */
.intro-content-main {
  height: 92vh;
}

.intro-content-main .intro-content {
  display: table;
}

.intro-content-main .intro-content .vc_column-inner {
  display: table-cell;
  vertical-align: middle;
}

/*menu-footer*/
.menu-footer {
  position: fixed;
  left: 0px;
  right: 0px;
  width: 230px;
  bottom: 0;
  text-align: left;
  padding: 20px 20px 20px 30px;
  background: #2f3742;
}

.menu-footer .social {
  margin-bottom: 14px;
}

.menu-footer .social ul li {
  display: inline-block;
}

.menu-footer .social ul li:nth-of-type(1),.menu-footer .social ul li:nth-of-type(2){display:none;}
.menu-footer .social ul li a {
  display: block;
  font-size: 14px;
  padding-right: 15px;
  color: #ffffff !important;
}

.menu-footer .social ul li a:hover {
  color: #07cb79;
}

.menu-footer .copyright p {
  color: #ffffff !important;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 0;
}

/*************************
     header 2
*************************/
#site-header.site-header {
  position: absolute; /*top: 0;*/
  width: 100%;
  overflow: visible;
  display: block;
  z-index: 999;
  background: rgba(28, 28, 28, 0.3);
  padding: 0 50px;
  height: auto;
}

#site-header.site-header .main-navigation li {
  display: inline-block;
}

#site-header.site-header  .main-navigation li > a {
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  padding: 40px 17px;
  border-bottom: 5px solid transparent;
}

#site-header.site-header .main-navigation li a:hover {
  color: #07cb79;
  border-bottom: 5px solid #07cb79;
}

#site-header.site-header .main-navigation li.active a,
#site-header.site-header .main-navigation li a:hover {
  background: transparent;
  color: #07cb79;
  border-bottom: 5px solid #07cb79;
  box-shadow: none;
  border-right: none;
}

#site-header.site-header .navbar-default .navbar-nav > .active > a,
#site-header.site-header .navbar-default .navbar-nav > .active > a:hover {
  background: transparent;
  color: #07cb79;
  border-bottom: 5px solid #07cb79;
  box-shadow: none;
}

#site-header .main-navigation li a:hover,
#site-header .main-navigation li a:focus {
  box-shadow: none !important;
}

#site-header.site-header .navbar-brand {
  padding: 0;
}

#site-header.site-header .site-branding {
  display: inline-block;
  float: left;
  padding: 22px 0;
}

#site-header.site-header .main-navigation {
  clear: inherit;
}

#site-header.site-header .main-navigation li a.active,
#site-header.site-header .main-navigation li a:hover {
  border-right: none;
}

#site-header.site-header .navbar-collapse.collapse {
  display: inline-block !important;
  float: right;
}

#site-header.site-header .navbar-nav li.focus a {
  border-right: none;
  box-shadow: none;
}

#site-header.site-header .navbar-brand > img {
  height: 60px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

#site-header.site-header .main-navigation ul ul {
  top: 107px;
  margin-top: 0px;
  padding: 10px 0px;
}

#site-header.site-header .navbar-nav>li>.dropdown-menu li a {
  color: #2f3742;
  padding: 5px 17px;
  border: 0px;
  font-size: 14px font-weight:400;
  text-transform: capitalize;
}

#site-header.site-header .navbar-nav>li>.dropdown-menu li a:hover {
  border-bottom: 0px;
  color: #07cb79;
}

#site-header .navbar-brand img {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

#site-header.sticky {
  position: fixed; /*top: 0;*/
  left: 0px;
  right: 0px;
  padding: 0 50px;
  z-index: 9999;
  width: 100%;
  background: #2f3742;
}

#site-header.sticky .navbar-nav > li > a {
  padding: 30px 17px;
}

#site-header.sticky .navbar-brand > img {
  height: 40px;
}

#site-header.sticky.site-header .main-navigation ul ul {
  top: 87px;
}

/*************************
     header 3
*************************/
#center-header.site-header {
  text-align: center;
  position: absolute; /*top: 0;*/
  width: 100%;
  overflow: visible;
  display: block;
  z-index: 999;
  background: transparent;
  padding: 30px 0px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  height: auto;
}

#center-header.site-header .site-branding {
  display: block;
  float: none;
  padding: 0;
}

#center-header.site-header .navbar-collapse.collapse {
  display: block !important;
  float: none;
}

#center-header.site-header .navbar-brand > img {
  height: 60px;
}

#center-header.site-header .navbar-brand {
  float: none;
  display: inline-block;
  padding: 0;
}

#center-header .main-navigation li a:hover,
#center-header .main-navigation li a:focus {
  box-shadow: none !important;
  border-right: 0px;
}

#center-header.site-header .main-navigation li {
  display: inline-block;
}

#center-header.site-header  .main-navigation li > a {
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  padding: 40px 17px;
  border-bottom: 5px solid transparent;
  box-shadow: none;
  border-right: 0px;
}

#center-header.site-header .main-navigation li a:hover {
  color: #07cb79;
  border-bottom: 5px solid #07cb79;
}

#center-header.site-header .main-navigation li.active a,
#center-header.site-header .main-navigation li a:hover {
  background: transparent;
  color: #07cb79;
  border-bottom: 5px solid #07cb79;
  box-shadow: none;
  border-right: 0px;
}

#center-header.site-header .navbar-default .navbar-nav > .active > a,
#center-header.site-header .navbar-default .navbar-nav > .active > a:hover {
  background: transparent;
  color: #07cb79;
  border-right: 0px;
  border-bottom: 5px solid #07cb79;
  box-shadow: none;
}

#center-header.site-header .main-navigation ul ul {
  top: 107px;
  margin-top: 0px;
}

#center-header.site-header .navbar-nav>li>.dropdown-menu li a {
  color: #2f3742;
  padding: 5px 17px;
  border: 0px;
  font-size: 14px font-weight:400;
  text-transform: capitalize;
}

#center-header.site-header .navbar-nav>li>.dropdown-menu li a:hover {
  border-bottom: 0px;
  color: #07cb79;
}

#center-header.sticky {
  position: fixed; /*top: 0;*/
  left: 0px;
  right: 0px;
  padding: 0 50px;
  z-index: 9999;
  width: 100%;
  background: #2f3742;
}

#center-header.sticky .navbar-nav > li > a {
  padding: 30px 17px;
}

#center-header.sticky.site-header .site-branding {
  display: none;
}

#center-header.sticky.site-header .main-navigation ul ul {
  top: 87px;
}

/*************************
         intro typer
*************************/
.intro-bg {
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center;
  bottom;
  position: relative;
  height: 100vh;
  width: 100%;
}

.intro {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
}

.intro-content {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.content-left {
  padding-left: 7%;
}

.intro-content h1 {
  font-size: 72px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'Raleway', sans-serif;
}

.intro-content p {
  font-size: 30px;
  display: block;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  color: #ffffff !important;
}

.typer-content {
  height: 40px;
}

.typer-content h2 {
  font-size: 28px;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
}

.intro-content .wpb_content_element {
  margin-bottom: 20px;
}

/*scroll-down*/
.scroll-down {
  text-align: center;
  width: 34px;
  height: 58px;
  display: inline-block;
  border-radius: 20px;
  border: 3px solid #fff;
  position: absolute;
  left: 50%;
  bottom: 40px;
  margin-left: -85px;
  line-height: 50px;
}

.scroll-down .vc_general.vc_btn3 {
  background: transparent !important;
  border: none;
  padding: 14px 12px !important;
}

.scroll-down .vc_general.vc_btn3:hover,
.scroll-down .vc_general.vc_btn3:focus {
  background: transparent !important;
  border: none !important;
}

/*.scroll-down-main .vc_col-sm-12 { position: relative; }*/
.scroll-down i {
  height: 10px;
  width: 4px;
  background: #fff;
  display: inline-block;
  border-radius: 3px;
  -webkit-animation-name: fadebounce;
  -moz-animation-name: fadebounce;
  -ms-animation-name: fadebounce;
  -o-animation-name: fadebounce;
  animation-name: fadebounce;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -ms-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-moz-keyframes fadebounce {
  0% {
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  50% {
    -moz-transform: translateY(17px);
    transform: translateY(17px);
    opacity: 1;
  }

  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

}

@-webkit-keyframes fadebounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateY(17px);
    transform: translateY(17px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

}

@-o-keyframes fadebounce {
  0% {
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  50% {
    -o-transform: translateY(17px);
    transform: translateY(17px);
    opacity: 1;
  }

  100% {
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

}

@-ms-keyframes fadebounce {
  0% {
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  50% {
    -ms-transform: translateY(17px);
    transform: translateY(17px);
    opacity: 1;
  }

  100% {
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

}

@keyframes fadebounce {
  0% {
    transform: translateY(0);
    opacity: 1;
  }

  50% {
    transform: translateY(17px);
    opacity: 1;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }

}

/*************************
         about
*************************/

/*section-title*/
.section-title {
  position: relative;
  display: block;
  margin-bottom: 80px;
}

.section-title-name {
  position: relative;
  z-index: 9;
}

.section-title-name h2 {
  font-size: 38px;
  color: #2f3742;
  font-weight: 600;
  margin-top: 4px;
}

.section-title-name span {
  background: #07cb79;
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  padding: 6px 20px;
}

.title-name-gray {
  position: absolute;
  left: 160px;
  top: 0px;
}

.title-name-gray strong {
  font-size: 100px;
  font-style: italic;
  font-weight: bold;
  color: rgba(247, 248, 249, 0.7);
  margin: 0px;
  line-height: 68px;
}

/*block-contact*/

/*.about{ margin-top: 60px; }*/
.about .section-title {
  margin-bottom: 20px;
}

.about-social {
  background: #07cb79;
  padding: 10px 10px;
  text-align: center;
}

.about-social ul {
  padding: 0px;
  margin: 0px;
}

.about-social ul li {
  display: inline-block;
  margin: 2px 5px;
}

.about-social ul li a {
  display: block;
  margin: 0px;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.1);
  color: #ffffff;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  font-size: 14px;
}

.about-social ul li a:hover {
  background: #2f3742;
  color: #ffffff;
}

/*my-contact*/
.about-block p {
  margin-top: 30px;
}

.about-block p {
  font-size: 16px;
  font-style: italic;
  line-height: 30px;
}

.about-block p b {
  color: #2f3742;
}

.feature_box .feature-icon {
  float: left;
  margin-right: 30px;
}

.feature_box .feature-icon  span {
  font-size: 40px;
  color: #9ea8b6;
  line-height: 50px;
}

.feature_box .feature-info {
  display: table-cell;
}

.feature_box .feature-info h3 {
  margin-top: 0px;
  margin-bottom: 5px;
  color: #07cb79;
  font-weight: 600;
}

.feature_box .feature-info h4 {
  margin-top: 0px;
  margin-bottom: 5px;
  color: #07cb79;
  font-weight: 600;
}

.feature_box .feature-info p {
  color: #9ea8b6;
  font-weight: 600;
  font-size: 16px;
}

/*************************
         service
*************************/
.service-block {
  position: relative;
  overflow: hidden;
  margin-right: 30px;
}

.service-block span {
  font-size: 50px;
  color: #a1aab6;
  display: block;
}

.service-block h2 {
  text-transform: capitalize;
  font-weight: 400;
  margin-bottom: 30px;
  margin-top: 15px;
  font-size: 30px;
}

.service-block p {
  margin-bottom: 60px;
}

.service-block .contact-button {
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 0px;
  right: 0px;
  background: #07cb79;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  color: #ffffff;
}

.service-block .contact-button:hover {
  background: #2f3742;
  color: #ffffff;
}
.service-block .contact-button a{display:none;}

.service-block .contact-button a span {
  font-size: 16px;
  display: inline-block;
  margin-bottom: 0px;
  color: #ffffff !important;
  line-height: 100px;
  padding: 0px 20px;
  transition: all 0.9s ease-in-out;
  -webkit-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  -moz-transition: all 0.9s ease-in-out;
  -ms-transition: all 0.9s ease-in-out;
}

.service-block .contact-button a:hover span {
  color: #ffffff;
}

.service-block:hover .contact-button {
  height: 5px;
}

.service-block:hover .contact-button a span {
  line-height: 5px;
}

/*************************
        my skill
*************************/
.my-skill .section-title .title-name-gray {
  left: 110px;
}

.my-skill h2 {
  font-weight: 600;
  margin-top: 0px;
}

.skill-content {
  padding-right: 25px !important;
}

.skill-content b {
  font-weight: 600;
  font-size: 20px;
  color: #9ea8b6;
  line-height: 30px;
  margin-bottom: 30px;
  display: block;
  margin-top: 20px;
}

.skill-content blockquote {
  border-left: 3px solid #07cb79;
  padding-left: 20px;
  font-style: italic;
  margin-top: 25px;
  padding-top: 0px;
  padding-bottom: 5px;
}

blockquote {
  margin: 0px;
}

/*skill*/
.skill li {
  position: relative;
  margin-bottom: 55px;
  font-size: 18px;
  text-transform: capitalize;
  color: #9ea8b6;
  font-weight: 600;
}

.skill .bar_container,
.bar {
  position: absolute;
  left: 0px;
  height: 14px;
  content: "";
  top: 30px;
}

.skill .bar_container {
  bottom: 0px;
  width: 100%;
  background-color: transparent;
  text-align: right;
  background: #f8f9fa;
}

.skill .bar {
  top: 0px;
  background: #07cb79;
}

.skill .pct {
  position: absolute;
  top: 18px;
  right: 0;
  opacity: 0;
  transition: opacity 0.3s linear;
  color: #9ea8b6 !important;
}

/*skill-chart */
.skill-chart {
  margin-top: 80px;
  margin-left: 3px;
}

.skill-chart .skill-chart-item {
  margin-bottom: 8px;
  height: 45px;
  background: #9ea8b6;
  border-radius: 2px;
  opacity: 0.8;
  overflow: hidden;
  white-space: nowrap;
}

.skill-chart .skill-chart-item p {
  color: #9ea8b6;
  font-size: 14px;
  line-height: 45px;
  padding-left: 15px;
}

.skill-chart .skill-chart-expand {
  margin-top: 20px;
}

.skill-chart .skill-chart-expand:before {
  display: block;
  position: relative;
  content: "";
  width: 100%;
  height: 1px;
  margin-bottom: 0;
  background: #9ea8b6;
}

.skill-chart .skill-chart-expand .expand {
  display: inline-block;
  float: left;
  width: 25%;
}

.skill-chart .skill-chart-expand .expand p {
  color: #9ea8b6;
  font-size: 14px;
}

.skill-chart .skill-chart-expand .expand:before {
  display: block;
  position: relative;
  content: "";
  width: 1px;
  height: 10px;
  margin: auto;
  margin-bottom: 5px;
  background: #9ea8b6;
  top: -10px;
}

.skill-chart .skill-chart-expand .expand.expand-left:before {
  margin-left: 0;
}

.skill-chart .skill-chart-expand .expand.expand-right {
  text-align: right;
}

.skill-chart .skill-chart-expand .expand.expand-right:before {
  margin-right: 0;
}

/*************************
   language-skills
*************************/
.language-skills {
  margin-top: 20px;
}

.language-skills h2 {
  margin-bottom: 30px;
}

#skill h2 {
  font-size: 30px;
}

.chart {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 150px;
  margin-bottom: 20px;
  text-align: center;
}

.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.percent {
  display: inline-block;
  line-height: 150px;
  font-size: 36px;
  font-weight: 600;
  z-index: 2;
  color: #9ea8b6;
}

.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}

.chart-bar {
  position: relative;
}

.chart-bar h3 {
  display: inline-block;
  width: 150px;
  font-weight: 600;
  color: #9ea8b6;
  line-height: 36px;
  vertical-align: middle;
  margin-top: 0px;
  padding-left: 20px;
  margin-bottom: 22px;
}

/*knowledge*/
.knowledge {
  margin-top: 50px;
}

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

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

#resume h3 {
  font-weight: 500;
  margin-top: 0px;
}

#resume h2 {
  font-size: 30px;
}

#resume .feature_box {
  padding-right: 10px;
}

/*list style*/
ul.pgs_list.pgs_list_style_1 {
  padding: 0px;
  margin: 0px;
}

ul.pgs_list.pgs_list_style_1 li {
  line-height: 24px;
  margin-bottom: 13px;
  font-size: 18px;
  color: #2f3742;
  display: table;
}

ul.pgs_list.pgs_list_style_1 li i {
  padding-right: 15px;
  color: #07cb79;
  display: table-cell;
}

/*************************
       portfolio
*************************/
.portfolio {
  overflow: hidden;
}

.isotope-filters {
  display: table;
  margin-bottom: 30px;
  margin-left: 8px;
}

.isotope-filters  button {
  border: none;
  margin: 2px;
  cursor: pointer;
  color: #2f3742;
  font-size: 20px;
  font-weight: 600;
  background: transparent;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  padding: 8px 0px;
  box-shadow: 0 3px 0 0 transparent;
}

.isotope-filters  button span {
  color: #2f3742;
  padding: 0px 20px;
}

.isotope-filters  button:focus {
  outline: none;
  outline-style: none;
  outline-offset: 0;
}

.isotope-filters  button.active,
.isotope-filters  button:hover {
  background: transparent;
  color: #07cb79;
}

.grid-item {
  background: #fff;
  color: #fff;
  width: auto;
  border: 0;
}

.grid-item img {
  -webkit-transition: transform 0.35s;
  -ms-transition: transform 0.35s;
  -moz-transition: transform 0.35s;
  -o-transition: transform 0.35s;
  transition: transform 0.35s;
  width: 100%;
}

.full-screen .grid-item {
  padding: 10px 10px;
  width: 25%;
}

/*hover portfolio*/
.portfolio-item .item-info a {
  margin: 0;
  padding: 0;
  color: #fff;
  font-weight: 100;
  text-transform: capitalize;
  line-height: 30px;
  margin-bottom: 15px;
  display: block;
  font-size: 24px;
}

.portfolio-item .item-info a:hover {
  color: #07cb79!important;
}

.portfolio-item .item-info span {
  color: #07cb79;
  font-size: 14px;
  text-transform: capitalize;
}

.portfolio-item .item-info .item-link {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.portfolio-item .item-info .item-link a {
  margin-bottom: 0px;
  text-align: center;
  padding: 4px 12px!important;
  font-size: 16px;
  border-radius: 3px;
  display: inline-block;
  background: #07cb79;
  color: #fff;
  line-height: 24px;
}

.portfolio-item .item-info .item-link a:hover {
  background: #ffffff !important;
  color: #07cb79 !important;
}

.portfolio-item .item-info a span {
  color: #ffffff;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}

.portfolio-item .item-info a:hover span {
  color: #07cb79 !important;
}

.portfolio-item .item {
  -webkit-perspective: 1700px;
  -moz-perspective: 1700px;
  perspective: 1700px;
  -webkit-perspective-origin: 0 50%;
  -moz-perspective-origin: 0 50%;
  perspective-origin: 0 50%;
}

.portfolio-item .item-hover {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.portfolio-item .item-hover .item-inner {
  overflow: hidden;
}

.portfolio-item .item-hover img {
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}

.no-touch .portfolio-item .item-hover:hover img,
.portfolio-item .item-hover.cs-hover img {
  -webkit-transform: translateX(25%);
  -moz-transform: translateX(25%);
  -ms-transform: translateX(25%);
  transform: translateX(25%);
}

.portfolio-item .item-info {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  background: #2f3742;
  color: #07cb79;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
  transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .portfolio-item .item-hover:hover .item-info,
.portfolio-item .item-hover.cs-hover .item-info {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s;
  transition: transform 0.4s, opacity 0.1s;
}

/*************************
  Availability Calendar
*************************/
.main-calendar {
  background: #f8f9fa;
  padding: 30px;
}

.clr {
  clear: both;
  font-size: 0;
  height: 0;
}

.date-area {
  background: #07cb79;
  color: #ffffff;
  margin-bottom: 22px;
  padding: 35px 20px;
  text-align: center;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
}

.date-area > .day,
.date-area > .month {
  font-size: 20px;
  line-height: 100px;
  vertical-align: top;
  width: 33.3333%;
  float: left;
  text-align: center;
}

.date-area > .date {
  background: #ffffff;
  font-size: 80px;
  color: #07cb79;
  min-height: 100px;
  font-weight: 600;
  line-height: 100px;
  width: 33.3333%;
  float: left;
  text-align: center;
}

.dateinfo .block {
  font-family: Arial, Helvetica, sans-serif;
  color: #999999;
  font-size: 16px;
  line-height: 25px;
  margin: 20px 0;
}

.dateinfo .block > span {
  width: 25px;
  height: 25px;
  display: inline-block;
  background: #000000;
  border-radius: 3px;
  margin-right: 10px;
  vertical-align: top;
}

.dateinfo .block > .today {
  background-color: #07cb79;
}

.dateinfo .block > .not-ava {
  background-color: #c6c6c6;
}

table.ui-datepicker-calendar tbody td.highlight a {
  background: #c6c6c6;
  color: #ffffff;
}

.dateinfo .block > .available {
  background-color: #ffffff;
}

.ui-datepicker-today {
  background-color: #07cb79;
  background-color: #07cb79;
}

.ui-datepicker-today .ui-state-highlight {
  background-color: #c6c6c6;
  border-color: #c6c6c6;
  background-image: none;
  color: #ffffff;
}

.semi a {
  background-color: #ffd974 !important;
  border-color: #ffd974 !important;
  background-image: none !important;
  color: #ffffff !important;
}

.not-ava a {
  background-color: #c6c6c6 !important;
  border-color: #c6c6c6 !important;
  background-image: none !important;
  color: #ffffff !important;
}

.on-vacation a {
  background-color: #c6c6c6 !important;
  border-color: #c6c6c6 !important;
  background-image: none !important;
  color: #ffffff !important;
}

/*ui-datepicker*/
.ui-widget-content {
  background: transparent;
  border: none;
  border-radius: 0px;
}

.ui-datepicker {
  width: 100%;
}

.ui-datepicker td {
  padding: 0px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  padding: 1em;
  text-align: center;
  background: transparent;
  font-size: 18px;
  font-weight: bold;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: transparent;
  border: 0px;
}

.ui-widget-header {
  background: transparent;
  border: 0px;
}

.ui-datepicker .ui-datepicker-title {
  padding: 0em 1em 2em;
}

.ui-datepicker th {
  padding: 1em 1em 2em;
  text-transform: uppercase;
}

.ui-datepicker .ui-datepicker-next:before {
  content: "\f101";
  width: 20px;
  height: 20px;
  margin-top: 0;
  position: absolute;
  top: 0%;
  right: 20px;
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color: #2f3742;
}

.ui-datepicker .ui-datepicker-prev:before {
  content: "\f100";
  width: 20px;
  height: 20px;
  margin-top: 0;
  position: absolute;
  top: 0%;
  right: 20px;
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color: #2f3742;
}

.ui-datepicker .ui-datepicker-prev {
  left: 56px;
}

.ui-datepicker .ui-datepicker-next {
  right: 28px;
}

.ui-datepicker .ui-datepicker-title {
  line-height: 0.8em;
}

/*************************
        blog
*************************/
.blog-block .blog-image {
  position: relative;
}

.blog-block .blog-image .blog-date {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 99;
}

.blog-block .blog-image .blog-date span {
  background: #07cb79;
  padding: 5px 10px;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  display: block;
}

.blog-info {
  margin: -25px 10px 10px 10px;
  background: #f8f9fa;
  padding: 20px;
  position: relative;
}

.blog-info .blog-meta span {
  color: #9ea8b6;
  display: inline-block;
  padding-right: 4px;
}

.blog-info .blog-meta p {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #2f3742;
  padding-right: 12px;
  margin-bottom: 0px;
}

.blog-info .blog-meta p:nth-child(3) {
  padding-right: 0px;
}

.blog-info .blog-meta p a {
  color: #2f3742;
  font-weight: 400;
}

.blog-info .blog-meta p a:hover {
  color: #07cb79;
}

.blog-info .blog-content {
  margin-top: 20px;
}

.blog-info .blog-content a {
  font-size: 26px;
  line-height: 33px;
  font-weight: 200;
  text-transform: capitalize;
  color: #2f3742;
  margin-bottom: 15px;
  display: block;
}

.blog-info .blog-content a:hover {
  color: #07cb79;
}

.blog-bottom .button-small {
  display: inline-block;
}

.blog-bottom .button-small a {
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  line-height: inherit;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 0px;
}

.blog-bottom .button-small a:hover {
  color: #ffffff !important;
}

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

.blog-bottom .social {
  display: inline-block;
}

.blog-bottom .social ul li {
  display: inline-block;
  line-height: 0px;
  margin-left: 0px;
  padding-left: 0px;
}

.blog-bottom .social ul li a {
  font-size: 14px;
  color: #9ea8b6;
  padding-left: 12px;
  padding-top: 0px;
  margin-bottom: 0px;
}

.blog-bottom .social ul li a:hover {
  color: #07cb79;
}

.blog-no-image .blog-info {
  padding: 100px 20px 20px;
}

.blog-no-image .blog-image .blog-date {
  z-index: 99;
  left: 30px;
}

.pagination {
  margin-bottom: 0;
}

/*************************
        testimonials
*************************/
.testimonials-block {
  margin-bottom: 30px;
}

.testimonials-content {
  background: #f4f5f6;
  padding: 15px;
  position: relative;
  border-radius: 3px;
}

.testimonials-avtar {
  display: table-cell;
  vertical-align: middle;
  width: 96px;
}

.testimonials-avtar img {
  border-radius: 50%;
  height: auto !important;
  width: 96px;
}

.testimonials-comment {
  display: table-cell;
  padding-left: 30px;
}

.testimonials-comment p {
  margin-bottom: 0px;
}

.testimonials-content:before {
  content: "";
  position: absolute;
  left: 40px;
  bottom: -20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #f4f5f6 transparent transparent transparent;
}

.testimonials-name {
  margin-top: 35px;
}

.testimonials-name h4 {
  color: #07cb79;
  margin-bottom: 5px;
}

.testimonials-name span {
  color: #2f3742;
  font-size: 13px;
  font-weight: 600;
}

#sm-testimonials .col-lg-4:nth-child(4) {
  clear: both;
}

/*************************
        google-map
*************************/
.google-map .container-fluid {
  padding-right: 0px;
  padding-left: 0px;
  position: relative;
}

#google-map {
  padding: 0;
}

#map-canvas {
  width: 100%;
  height: 730px;
}

.google-map {
  margin-top: 30px;
}

/*************************
       contact
*************************/
.contact {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.6);
  width: 32%;
  height: 100%;
  z-index: 999;
  padding: 50px 50px 50px 75px;
}

.contact h2 {
  color: #ffffff;
  font-weight: 100;
  font-size: 40px;
}

.contact .address {
  margin-top: 40px;
}

.contact .address ul li {
  display: block;
  color: #fff;
  margin-bottom: 25px;
}

.contact .address ul li span {
  display: table-cell;
  font-size: 20px;
}

.contact .address ul li p {
  display: table-cell;
  padding-left: 20px;
  color: #ffffff !important;
  font-size: 16px;
  vertical-align: middle;
  word-break: break-all;
}

.contact .button-large {
  margin-top: 70px;
}

.contact .button-large a {
  font-size: 14px;
  padding: 20px 30px;
}

.contact .social {
  margin-top: 70px;
  display: block;
}

.contact .social ul li {
  display: none;
  padding-right: 30px;
}

.contact .social ul li:last-child{display: inline-block;}

.contact .social ul li a {
  display: block;
  color: #ffffff !important;
  font-size: 16px;
}

.contact .social ul li a:hover {
  color: #07cb79;
}

.contact .social h4 {
  color: #fff;
  text-transform: uppercase;
}

.contact .social p {
  color: #fff !important;
  display: block;
  margin-bottom: 30px;
}

footer {
  position: relative;
}

.wpb_single_image.wpb_content_element {
  margin-bottom: 0px !important;
}

.vc_general.vc_btn3 {
  font-size: 17px !important;
  text-transform: uppercase;
  font-weight: 600 !important;
  padding: 10px 20px !important;
  font-family: 'Raleway', sans-serif !important;
  background: #07cb79 !important;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}

.vc_general.vc_btn3:hover {
  background: #2f3742 !important;
}

footer .container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}

/*************************
       contact popup
*************************/
#contact-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.contact-content {
  padding: 30px;
  width: 300px;
  height: 100%;
  background: #2f3742;
  position: fixed;
  top: 0;
  right: -300px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transform: translateX(0) translateZ(0);
  transform: translateX(0) translateZ(0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
  transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
  z-index: 9999;
}

.contact-content.show-contact {
  -webkit-transform: translateX(-300px);
  -ms-transform: translateX(-300px);
  transform: translateX(-300px);
  -webkit-transform: translateX(-300px) tranlateZ(0);
  -ms-transform: translateX(-300px) tranlateZ(0);
  transform: translateX(-300px) tranlateZ(0);
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}

.contact-toggle {
  position: fixed;
  bottom: 70px;
  right: 70px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transform: translateX(0) translateZ(0);
  transform: translateX(0) translateZ(0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.4s cubic-bezier(0.32, 1.25, 0.375, 1.15);
  transition: all 0.4s cubic-bezier(0.32, 1.25, 0.375, 1.15);
  z-index: 9999;
}

.contact-toggle span {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.17);
  background: #07cb79;
  width: 70px;
  height: 70px;
  line-height: 70px;
  color: #fff;
  font-size: 28px;
  display: block;
  border-radius: 50%;
  text-align: center;
}

.no-touch .contact-toggle span:hover {
  color: #ffffff;
}

.contact-toggle span.ti-comments {
  color: #ffffff;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}

.contact-toggle span.ti-comments:hover {
  color: #ffffff;
}

.contact-toggle.show-contact {
  bottom: 12px;
  right: 12px;
}

/*contact-form*/
::-webkit-input-placeholder {
  color: #ffffff;
}

:-moz-placeholder {
  color: #ffffff;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px black inset !important;
  color: #ffffff !important;
}

input {
  background: transparent;
  border: none;
  height: 45px;
  padding-left: 10px;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  font-size: 14px;
  color: #9ea8b6;
  font-weight: normal;
  width: 100%;
}

input:focus {
  background: transparent;
  box-shadow: 0 0 17px 0 #ebebeb;
}

textarea {
  resize: vertical;
  background: transparent;
  width: 100%;
  padding: 10px;
  border: none;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  font-size: 14px;
}

textarea:focus {
  background: transparent;
  box-shadow: 0 0 17px 0 #ebebeb;
  outline: none !important;
}

.contact-form {
  position: relative;
  height: 100%;
}

.contact-form h4 {
  text-transform: uppercase;
  color: #07cb79;
  margin-bottom: 25px;
}

.contact-form p {
  color: #ffffff !important;
  margin-bottom: 10px;
  font-size: 13px;
}

.contact-form input {
  padding-left: 15px;
  margin-bottom: 0px;
  background: transparent;
  border: 1px solid #464e5a;
  color: #ffffff;
  border-radius: 3px;
  box-shadow: none;
  font-size: 14px;
  font-weight: normal;
}

.contact-form input:focus {
  box-shadow: none;
  border: 1px solid #07cb79;
}

.contact-form textarea {
  padding-left: 15px;
  background: transparent;
  border: 1px solid #464e5a;
  color: #ffffff;
  border-radius: 3px;
  box-shadow: none;
  margin-bottom: 0px;
}

.contact-form textarea:focus {
  box-shadow: none;
  border: 1px solid #07cb79;
}

.contact-form a.button-small {
  border-radius: 3px;
  background: #464e5a;
  width: 100%;
  padding: 10px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 400;
  text-align: center;
  display: block;
  cursor: pointer;
}

.contact-form a.button-small:hover {
  background: #07cb79;
}

.widget.widget_search label {
  width: 70%;
}

.no-results .page-title {
  font-size: 34px;
}

#formmessage {
  display: none;
}

#ajaxloader {
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

.wpcf7-form {
  margin-top: 25px;
}

input[type="search"] {
  border: 1px solid #07cb79;
  border-radius: 3px;
  font-size: 14px;
  padding-left: 15px;
  font-weight: normal;
  color: #9ea8b6;
}

input[type="submit"] {
  width: inherit;
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 3px;
  font-weight: 500;
  background: #07cb79;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  box-shadow: none;
  text-shadow: none;
}

input[type="submit"]:hover {
  background: #2f3742;
  color: #ffffff;
  box-shadow: none;
}

input:focus {
  box-shadow: none;
  border-color: #07cb79;
}

textarea {
  border: 1px solid #d6d6d6;
  border-radius: 3px;
  font-size: 14px;
  padding-left: 15px;
  font-weight: normal;
  color: #9ea8b6;
  transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

textarea:focus {
  box-shadow: none;
  border-color: #07cb79;
}

.contact-form .wpcf7-form-control-wrap input {
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.contact-form .wpcf7-form-control-wrap textarea {
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.contact-form .wpcf7-form-control-wrap input:focus,
.contact-form .wpcf7-form-control-wrap textarea:focus {
  border: 1px solid #07cb79;
  color: #ffffff;
}

/*================================ inner page =======================================*/
body.page.home #primary {
  padding: 0;
}

/*************************
      blog page
*************************/
body.home.blog #page.center-header  .site-main.blog {
  padding-top: 230px;
}

body.home.blog #page.site-header .site-main.blog {
  padding-top: 140px;
}

body.home.blog #page #center-header.site-header {
  background: rgba(28, 28, 28, 0.3);
}

.bg {
  background-attachment: fixed;
  background-clip: initial;
  background-color: rgba(0, 0, 0, 0);
  background-origin: initial;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover !important;
  position: relative;
  z-index: 0;
}

.page-header {
  padding: 50px 10px;
  margin: 0px;
  width: 100%;
  min-height: 400px;
  position: relative;
}

.gradient-01:before {
  background: rgba(0, 0, 0, 0.6);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.page-header.bg.gradient-01:before {
  z-index: -1;
}

.page-header .top-bar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 30px;
}

.page-header .top-bar .back-home {
  display: block;
  margin-top: 10px;
}

.page-header .top-bar .back-home a {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 14px;
  padding: 10px 20px;
  border-radius: 3px;
  font-weight: 600;
}

.page-header .top-bar .back-home a:hover {
  color: #2f3742;
}

.page-header .top-bar .back-home a span {
  padding-right: 8px;
}

.page-header .breadcrumb {
  background: rgba(255, 255, 255, 0.2);
  padding: 10px 20px;
  border-radius: 3px;
}

.page-header .breadcrumb li a {
  color: #ffffff;
}

.page-header .breadcrumb li a span {
  padding-right: 8px;
}

.page-header .breadcrumb li a:hover {
  color: #2f3742;
}

.page-header .breadcrumb li {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
}

.page-header .breadcrumb>li+li:before {
  color: #fff;
}

.page-header-title {
  padding: 80px 0px 30px 0px;
}

.page-header-title h1 {
  color: #ffffff;
  margin-top: 0px;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.page-header-title span {
  color: #ffffff;
  margin-top: 0px;
display:none;
}

.blog.blog-page .blog-block {
  margin-bottom: 50px;
}

.blog::-webkit-input-placeholder {
  color: #9ea8b6;
}

.blog:-moz-placeholder {
  color: #9ea8b6;
}

.blog .contact-form input {
  color: #9ea8b6;
}

.blog .contact-form textarea {
  color: #9ea8b6;
}

/*page-header*/
.page-header.page-inner {
  padding: 170px 10px 50px;
  height: 490px;
}

.page-header.page-inner-3 {
  padding: 220px 10px 50px;
  height: 570px;
  text-align: center;
}

.page-header.page-inner-3 .top-bar {
  border-bottom: 0px;
}

/*************************
  blog signgle page
*************************/
.page-header-title .blog-meta span {
  color: #ffffff;
  display: inline-block;
  padding-right: 4px;
}

.page-header-title .blog-meta p {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color:#fff;
  padding-right: 12px;
  margin-bottom: 0px;
}

.page-header-title .blog-meta p a {
  color: #ffffff;
}

.page-header-title .blog-meta p a:hover {
  color: #07cb79;
}

.blog-single .content {
  margin-top: 30px;
}

.blog-single .content b {
  margin-bottom: 20px;
  display: block;
}

.blog-single .content .social li {
  display: inline-block;
}

.blog-single .content .social li a {
  display: block;
  font-size: 16px;
  color: #9ea8b6;
  padding-right: 10px;
}

.blog-single blockquote {
  border-color: #07cb79;
  margin: 30px 0px 30px;
}

.blog-single blockquote p {
  font-size: 16px;
  font-style: italic;
}

.blog-single blockquote p span {
  color: #07cb79;
  margin-top: 10px;
  display: block;
}

.slidebar .author {
  background: #f4f5f6;
  padding: 25px;
  margin-bottom: 20px;
}

.author-details .author-avtar {
  display: table-cell;
  width: 80px;
}

.author-details .author-avtar img {
  
  border-radius: 50%;
  height: auto !important;
}

.author-details .author-name {
  display: table-cell;
  vertical-align: top;
  padding-left: 30px;
}

.author-details .author-name h4 {
  text-transform: uppercase;
}

.author-details .author-name b {
  text-transform: uppercase;
  color: #07cb79;
}

.author-content {
  margin-top: 30px;
}

.slidebar-link {
  margin-top: 50px;
}

.widget.widget_recent_entries h3 {
  margin-bottom: 30px;
}

.slidebar h3 {
  color: #07cb79;
  margin-bottom: 20px;
}

.slidebar-link ul li {
  display: block;
  line-height: 30px;
}

.slidebar-link ul li a {
  color: #9ea8b6;
  border-bottom: 1px solid #f4f5f6;
  display: block;
  padding: 10px 0px;
}

.slidebar-link ul li a:hover {
  color: #07cb79;
  border-color: #07cb79;
}

.slidebar-post .post {
  margin-bottom: 15px;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 15px;
}

.slidebar-post .post a {
  display: block;
  color: #9ea8b6;
  margin-bottom: 0px;
}

.slidebar-post .post a:hover {
  color: #07cb79;
}

.slidebar-post .post span {
  display: block;
  color: #9ea8b6;
  font-size: 12px;
}

.slidebar-tag {
  margin-top: 10px;
}

.widget .slidebar-tag ul li {
  display: inline-block;
}

.slidebar-tag ul li a {
  display: block;
  padding: 10px 15px !important;
  text-transform: capitalize;
  font-size: 14px !important;
  color: #9ea8b6;
  border: 1px solid #f4f5f6;
  border-radius: 3px;
  margin: 0px 6px 9px 0px;
}

.widget .slidebar-tag ul li a:hover {
  background: #07cb79;
  color: #2f3742;
  border-color: #07cb79;
}

.slidebar-widget {
  margin-top: 46px;
  margin-bottom: 20px;
}

.slidebar-share {  
  background: #f4f5f6;
  padding: 15px;
}

.slidebar-share h4 {
  display: table-cell;
  padding-right: 10px;
  margin-bottom: 0px;
  text-transform: capitalize;
}

.slidebar-share ul {
  display: table-cell;
}

.slidebar-share ul li {
  display: inline-block;
}

.slidebar-share ul li a {
  display: block;
  font-size: 14px;
  color: #9ea8b6;
  padding: 0 8px;
}

.slidebar-share ul li a:hover {
  color: #2f3742 !important;
}

.blog-comments {
  margin-top: 50px;
}

#comments .comments-photo {
  width: 106px;
  height: auto;
  float: left;
  border: 5px solid #f8f9fa;
  margin-right: 20px;
}

#comments .comments-photo img {
  width: 100%;
  height: auto !important;
}

#comments .comments-info {
  margin-left: 125px;
  background: #f8f9fa;
  padding: 20px 20px 10px;
  margin-bottom: 30px;
}

#comments .comments-info h4 {
  display: inline-block;
  margin-top: 0px;
  color: #07cb79;
}

#comments .comments-info span {
  padding-left: 10px;
  font-size: 13px;
  color: #626262;
}

#comments .comments-info a {
  color: #07cb79;
}

#comments .comments-info a:hover {
  color: #363636;
}

#comments ol.children .comment.odd {
  margin-left: 125px;
}

#comments .form-submit input[type="submit"] {
  border: 0px solid;
  height: auto;
}

.widget_search input[type="submit"].search-submit {
  border: 0px solid;
  height: auto;
}

.blog-single .contact-form {
  margin-top: 50px;
}

.blog-single .contact-form h3 {
  margin-bottom: 30px;
}

.blog-single .contact-form .section-field input {
  border-color: #f4f5f6;
}

.blog-single .contact-form .section-field input:focus {
  border-color: #07cb79;
}

.blog-single .contact-form .section-field textarea {
  border-color: #f4f5f6;
}

.blog-single .contact-form .section-field textarea:focus {
  border-color: #07cb79;
}

.blog-single .contact-form .section-field {
  width: 32%;
  float: left;
  margin-right: 2%;
}

.blog-single .contact-form .section-field:nth-child(4) {
  margin-right: 0px;
}

.blog-single .contact-form .section-field.textarea {
  width: 100%;
}

.blog-single .contact-form a {
  padding: 10px 20px;
  float: left;
  background: #07cb79;
  color: #2f3742;
  font-size: 14px;
  border-radius: 3px;
  display: inline-block;
}

.blog-single .contact-form a:hover {
  background: #2f3742;
  color: #ffffff;
}

.owl-carousel-1 {
  overflow: hidden;
}

.blog-image img {
  height: auto !important;
}

/*blog single */
.widget ul li {
  display: block;
  line-height: 30px;
}

.widget ul li a {
  color: #9ea8b6;
  display: block;
  padding: 10px 0px;
}

.widget ul li a:hover {
  color: #07cb79;
  border-color: #07cb79;
}

.widget .slidebar-tag ul li a:hover {
  color: #ffffff !important;
}

.widget.widget_text .textwidget {
  line-height: 28px;
  color: #9ea8b6;
}

.widget .social ul li a {
  border: none;
}

.widget.widget_text {
  margin-bottom: 70px;
}

.comments-area.blog-comments {
  margin-bottom: 70px;
}

.comments-area h2.comments-title {
  font-size: 30px;
}

.widget_archive.widget ul li,
.widget_categories.widget ul li {
  display: block;
  line-height: 30px;
  padding: 10px 0px;
  color: #9ea8b6;
}

.widget_archive.widget ul li a,
.widget_categories.widget ul li a {
  border-bottom: 0;
  padding: 0;
  display: inline-block;
  margin-right: 5px;
}

.widget_categories.widget ul.children {
  margin-left: 10px;
}

.widget_categories.widget ul.children li {
  margin-left: 10px;
  padding-bottom: 0;
}

.widget_rss ul li a {
  color: #07cb79;
  font-size: 16px;
  margin-top: 20px;
  padding-bottom: 0px;
}

.widget_rss ul li span {
  font-size: 12px;
}

.widget_rss ul li a:hover {
  color: #2f3742
}

.widget_rss .rssSummary {
  color: #9ea8b6;
}

/*recentcomments*/
ul#recentcomments li {
  color: #9ea8b6;
  border-bottom: 1px solid #dfdfdf;
  display: block;
  padding: 10px 0px;
}

ul#recentcomments li a {
  color: #9ea8b6;
  border-bottom: 0px solid #f4f5f6;
  display: block;
  padding: 10px 0px;
}

ul#recentcomments li a:hover {
color: #07cb79;

}

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

.comment-form .section-field input {
  width: 32%;
  float: left;
  margin-right: 2%;
  margin-bottom: 15px;
  border: 1px solid #d6d6d6;
  color: #9ea8b6;
  border-radius: 3px;
}

.comment-form .section-field input:focus {
  border-color: #07cb79;
}

.comment-form .comment-form-url.section-field input {
  margin-right: 0px;
}

.comment-form .comment-notes {
  margin-bottom: 30px;
}

.blog-comments .comment-reply-title {
  margin-top: 50px;
}

/* pagination */
.page-numbers {
  margin-bottom: 25px;
}

.page-numbers li {
  display: inline-block;
}

.page-numbers li span,
.page-numbers li a {
  margin-left: 5px;
  padding: 8px 15px;
  background-color: #F8F9FA;
  border: none;
  border-radius: 3px;
  color: #9ea8b6;
}

.page-numbers li span:focus,
.page-numbers li a:hover {
  background: #07cb79;
  color: #ffffff;
}

.page-numbers li a:hover span {
  color: #ffffff;
}

.page-numbers li span.page-numbers.current {
  background: #07cb79;
  color: #ffffff;
}

.page-numbers li span.icon-arrow-right {
  padding: 0px;
  background: none;
}

.page-numbers li a.prev {
  padding: 0px;
  background: none;
}

/*.page-numbers li span.icon-arrow-right:hover { background: none; color: #2f3742; } */

/*social*/
.slidebar-share.single-post-social-share h4 {
  display: inline-block;
  margin-top: 0px;
}

.slidebar-share.single-post-social-share {
  margin-bottom: 50px;
}

/*******************************************
            portfolio single page
*******************************************/

/*port-title*/
.port-title h2 {
  display: table;
  margin-top: 0px;
  margin-bottom: 25px;
  text-transform: capitalize;
}

/*tags-2*/
.tags-2 {
  margin-bottom: 30px;
  margin-top: 30px;
}

.tags-2 h5 {
  display: inline-block;
  margin-bottom: 0px;
  margin-top: 4px;
}

.tags-2 ul {
  display: inline-block;
}

.tags-2 li {
  display: inline-block;
  margin-left: 5px;
}

.tags-2 li a {
  display: block;
  background: #eceff7;
  font-size: 14px;
  color: #626262;
  padding: 2px 10px;
  border-radius: 3px;
}

.tags-2 li a:hover {
  background: #07cb79;
  color: #ffffff;
}

/*port-meta*/
.port-meta ul {
  margin-bottom: 30px;
}

.port-meta li {
  margin-bottom: 20px;
  font-size: 16px;
}

.port-meta li b {
  color: #07cb79;
  width: 200px;
  font-weight: 400;
  width: 100px;
  display: inline-block;
}

.port-meta li span {
  font-weight: normal;
}

.port-info p {
  margin-bottom: 0px;
}

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

.port-info .button-small {
  margin-top: 30px;
}

/*port-post*/
.port-post {
  background: #eceff7;
  padding: 15px;
  margin-top: 70px;
  margin-bottom: 20px;
}

.port-post-photo {
  width: 170px;
  display: inline-block;
  float: left;
  margin-right: 20px;
}

.port-post-photo img {
  width: 100%;
  height: auto !important;
}

/*port-post-info*/
.port-post-info {
  padding-left: 190px;
}

.port-post-info h3 {
  display: inline-block;
  font-size: 24px;
  margin-top: 0px;
  margin-bottom: 20px;
}

.port-post-info span {
  color: #626262;
}

.port-post-social strong {
  font-size: 14px;
}

.port-post-social a {
  color: #626262;
  margin-left: 8px;
  font-size: 14px;
}

.port-post-social a:hover {
  color: #07cb79;
}

.port-title h2 {
  font-weight: normal;
}

.port-post {
  margin-bottom: 80px;
}

.nav-previous a {
  color: #07cb79;
}

.nav-previous a:hover {
  color: #2f3742;
}

.single-portfolio-post .port-title h2 {
  font-size: 30px;
}

/*******************************************
            error page
*******************************************/
.error-bg {
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: relative;
  height: 100vh;
  width: 100%;
}

.error {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
}

.error-contact {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.error h1 {
  font-size: 120px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 0px;
  line-height: 130px;
}

.error h2 {
  font-size: 50px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 0px;
  line-height: 50px;
  margin-bottom: 0px;
}

.error p {
  font-size: 28px;
  color: #fff;
  font-weight: 500;
}

.error .button a {
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.3);
  text-transform: capitalize;
  border-radius: 3px;
  color: #fff;
  margin-top: 30px;
  display: inline-block;
}

.error .button a span {
  padding-right: 10px;
  display: inline-block;
}

.error .button a:hover {
  color: #2f3742;
}

/*******************************************
         product listing page
*******************************************/
.woocommerce ul.products li.product h3 {
  font-size: 1.5em;
  margin-bottom: 5px;
  color: #2f3742;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}

.woocommerce ul.products li.product h3:hover {
  color: #07cb79;
}

.woocommerce .price span {
  font-size: 16px;
  color: #2f3742;
}

.woocommerce ul.products li.product .price del {
  display: inline-block;
}

.woocommerce ul.products li.product .price ins {
  display: inline-block;
  text-decoration: none;
}

.woocommerce .products .star-rating {
  color: #07cb79;
}

.woocommerce .star-rating:before {
  color: #07cb79;
}

.woocommerce ul.products li.product .button {
  background: #07cb79;
  color: #ffffff;
  font-weight: 600;
  font-family: 'Raleway', sans-serif;
}

.woocommerce ul.products li.product .button:hover {
  background: #2f3742;
}

.woocommerce nav.woocommerce-pagination ul {
  border: 0px;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #07cb79;
  color: #ffffff;
  padding: 12px 18px;
  border: 0px;
  border-radius: 3px;
}

.woocommerce nav.woocommerce-pagination ul li a {
  background: #F8F9FA;
  color: #2f3742;
  padding: 12px 18px;
  border: 0px;
  border-radius: 3px;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: #07cb79;
  color: #ffffff;
}

.woocommerce nav.woocommerce-pagination ul li {
  border: 0px;
  margin: 0px 3px;
}

.woocommerce .woocommerce-ordering {
  margin: 0 0 1em;
  color: #9ea8b6;
}

.woocommerce .woocommerce-ordering select {
  border: 1px solid #9ea8b6;
  color: #9ea8b6;
  padding: 5px 10px;
}

.woocommerce .woocommerce-result-count {
  margin: 0.8em 0 1em;
}

.woocommerce ul.products li.product .price del span {
  font-size: 13px;
  color: #2f3742;
}

.woocommerce ul.products li.product .onsale {
  padding: 0px 14px;
  border-radius: 3px;
  background: #07cb79;
  margin: 0px;
}

.woocommerce span.onsale {
  min-height: 24px;
  line-height: 24px;
  background: #2f3742;
  border-radius: 3px;
  padding: 2px 17px;
  top: 0px;
  left: 0px;
}

.woocommerce a.added_to_cart {
  padding-left: 10px;
}

input[type="submit"].search-submit {
  padding: 13px 15px;
}

.wpcf7-form-control-wrap input {
  border: 1px solid #e6e6e6;
}

.wpcf7-form-control-wrap textarea {
  border: 1px solid #e6e6e6;
}

.woocommerce .woocommerce-MyAccount-navigation ul li {
  list-style: none !important;
}

/*******************************************
        product destials page
*******************************************/
.woocommerce .star-rating span:before {
  color: #07cb79;
}

.product .entry-summary {
  margin-top: 0px;
}

.woocommerce .price span {
  font-size: 22px;
  font-weight: 500;
}

.woocommerce div.product form.cart .button {
  background: #07cb79;
  color: #ffffff;
  font-weight: 600;
  font-family: 'Raleway', sans-serif;
}

.woocommerce div.product form.cart .button:hover {
  background: #2f3742;
}

.woocommerce .quantity .qty {
  border: 1px solid #efefef;
  color: #2f3742;
}

.woocommerce .quantity input {
  height: 32px;
  border-radius: 3px;
}

.woocommerce div.product p.price ins {
  text-decoration: none;
}

.woocommerce div.product p.price del span {
  font-size: 16px;
  color: #9ea8b6;
}

.woocommerce div.product .product_title {
  font-size: 32px;
}

.product .product_meta .sku_wrapper {
  display: block;
  margin-bottom: 10px;
}

.product .product_meta .posted_in {
  display: block;
  margin-bottom: 10px;
}

.product .product_meta .tagged_as {
  display: block;
  margin-bottom: 10px;
}

.woocommerce div.product .stock {
  color: #07cb79;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: 0px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: #07cb79;
  color: #ffffff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before {
  border: none;
  box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
  border: none;
  box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
  box-shadow: none;
  border: none
}

.woocommerce #content div.product div.thumbnails a,
.woocommerce div.product div.thumbnails a,
.woocommerce-page #content div.product div.thumbnails a,
.woocommerce-page div.product div.thumbnails a {
  width: 20.75%;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0px;
  border-radius: 3px;
  margin-bottom: 0px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  padding: 0 1.8em;
  border-radius: 3px;
}

.woocommerce div.product .woocommerce-tabs .panel {
  border: 1px solid #efefef;
  border-radius: 0px;
  padding: 30px;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
  margin-top: 0px;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-size: 16px;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
  padding: 0px;
  border-radius: 3px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  border-radius: 3px;
}

.woocommerce div.product .woocommerce-tabs .panel {
  box-shadow: none;
  border-radius: 3px;
}

.woocommerce #respond input#submit {
  background: #07cb79;
  text-transform: capitalize;
  font-weight: 600;
  padding: 8px 20px;
  height: 35px;
  color: #ffffff;
  border-radius: 3px;
}

.woocommerce #respond input#submit:hover {
  background: #2f3742;
  color: #ffffff;
}

.woocommerce #review_form #respond input {
  border: 1px solid #f4f5f6;
  border-radius: 3px;
}

.woocommerce #review_form #respond input:focus {
  border-color: #2f3742;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  border-color: #f4f5f6;
}

.woocommerce #reviews h3 {
  font-size: 18px;
  margin-bottom: 20px;
}

.product .related.products h2 {
  font-size: 24px;
  margin-bottom: 30px;
  margin-top: 30px;
}

.woocommerce-message {
  border-top: 0px;
}

.woocommerce-message:before {
  color: #07cb79;
}

.woocommerce div.product form.cart .variations label {
  color: #2f3742;
  font-weight: 500;
  font-size: 16px;
  margin-top: 4px;
}

/*******************************************
               cart page
*******************************************/
.woocommerce-cart table.cart img {
  width: 90px;
}

.woocommerce table.cart td.actions,
.woocommerce-page #content table.cart td.actions,
.woocommerce-page table.cart td.actions {
  padding: 20px;
}

.woocommerce-cart table.cart input {
  height: 33px
}

.woocommerce .cart .button,
.woocommerce .cart input.button {
  background: #07cb79;
  color: #ffffff !important;
  font-weight: 600;
}

.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover {
  background: #2f3742;
  color: #ffffff;
}

.woocommerce .cart .button,
.woocommerce .cart input.button:hover {
  background: #2f3742;
  color: #ffffff;
}

.woocommerce input[type="submit"] {
  text-transform: capitalize;
  font-family: 'Raleway', sans-serif;
}

.woocommerce .cart-collaterals h2 {
  font-size: 22px;
  margin-bottom: 30px;
}

.woocommerce a.button.alt {
  background: #07cb79;
  color: #ffffff;
  font-weight: 600;
  padding: 16px 10px;
}

.woocommerce a.button.alt:hover {
  background: #2f3742;
  color: #ffffff;
}

.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
  width: 200px;
}

.woocommerce div.product form.cart .variations select {
  min-width: auto;
  border-color: #efefef;
  margin-right: 11em;
}

#add_payment_method .cart-collaterals .cross-sells ul.products li.product,
.woocommerce-cart .cart-collaterals .cross-sells ul.products li.product,
.woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product {
  list-style-type: none !important;
}

/*******************************************
        woocommerce-checkout
*******************************************/
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  border: 1px solid #d6d6d6;
  border-radius: 3px;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
  border: 1px solid #07cb79;
}

.woocommerce-checkout .woocommerce-info {
  border-top: 0px;
}

.woocommerce form .form-row label {
  font-size: 14px;
  font-weight: 400;
}

.woocommerce form .form-row.woocommerce-validated .select2-container {
  line-height: 44px;
  border-color: #e6e6e6;
}

.woocommerce-info:before {
  color: #07cb79;
}

.select2-container .select2-choice {
  border-color: #e6e6e6;
  color: #9ea8b6;
}

.woocommerce-checkout #payment ul.payment_methods li input {
  width: initial;
  height: initial;
  line-height: initial;
}

.woocommerce-checkout #payment {
  background: #f7f6f7;
  border-bottom: 0px;
}

.woocommerce-checkout #payment div.payment_box {
  background: #ffffff;
}

#add_payment_method #payment div.payment_box:before,
.woocommerce-cart #payment div.payment_box:before,
.woocommerce-checkout #payment div.payment_box:before {
  border: 1em solid #ffffff;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
}

.woocommerce #payment #place_order {
  background: #07cb79;
  height: 33px;
}

.woocommerce #payment #place_order:hover {
  background: #2f3742;
}

.woocommerce #payment .payment_method_cheque {
  font-weight: 500;
}

.woocommerce .order_details li {
  font-size: 13px;
}

.woocommerce-checkout #payment {
  margin-top: 20px;
}

.woocommerce form .form-row textarea {
  height: 12em;
}

.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 0px;
}

#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
  list-style-type: none !important;
}

/*******************************************
              component
*******************************************/
.woocommerce a.button {
  background: #07cb79;
  color: #ffffff;
  font-weight: 600;
  padding: 10px;
}

.woocommerce a.button:hover {
  background: #2f3742;
  color: #ffffff;
}

.woocommerce form .form-row label.inline {
  display: block;
  margin-top: 20px;
}

.woocommerce .login .inline label {
  display: inline-block;
}

.woocommerce .login .inline input {
  width: auto;
  line-height: initial;
  height: 12px;
}

.woocommerce-account .entry-content,
.woocommerce-account h2 {
  margin-top: 0;
}

.woocommerce input[type="submit"] {
  background: #07cb79;
  color: #ffffff;
  font-weight: 600;
  padding: 10px;
  height: 37px;
  padding: 7px 18px;
}

.woocommerce input[type="submit"]:hover {
  background: #2f3742;
  color: #ffffff;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  border-color: #f4f5f6;
}

.woocommerce table.cart img,
.woocommerce-page #content table.cart img,
.woocommerce-page table.cart img {
  width: 96px;
}

.woocommerce .shop_table .coupon input {
  height: 34px;
  border-radius: 3px;
}

.woocommerce-MyAccount-content fieldset legend {
  border-bottom: 0px;
}

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  border-top: 0px;
}

.woocommerce table.my_account_orders th {
  font-size: 16px;
  padding: 20px;
}

.woocommerce-page .site-main {
  padding: 80px;
}

.woocommerce-page #container #woocommerce-content {
  padding: 80px;
}

.product-category.product.first mark {
  background: transparent;
}

/*******************************************
              my account page
*******************************************/
.woocommerce-MyAccount-navigation ul li a {
  color: #2f3742;
}

.woocommerce-MyAccount-navigation ul li {
  line-height: 30px;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
  color: #07cb79;
  box-shadow: 3px 0px 0px #07cb79 inset;
  padding-left: 10px;
}

.woocommerce-MyAccount-navigation ul li a:hover {
  color: #07cb79;
  box-shadow: 3px 0px 0px #07cb79 inset;
  padding-left: 10px;
}

.woocommerce table.my_account_orders td {
  padding: 10px 20px;
}

.woocommerce table.shop_table {
  margin: 0px;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
  border: 1px solid #f4f5f6;
  padding: 10px 20px 5px;
}

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  border: 1px solid #f4f5f6;
  padding: 10px 20px 5px;
}

.woocommerce form .form-row input.input-checkbox {
  width: auto;
}

.woocommerce table.my_account_orders .order-actions .button {
  color: #ffffff !important;
}

.woocommerce .woocommerce-info a {
  color: #07cb79;
}

.woocommerce .woocommerce-info a:hover {
  color: #2f3742;
}

.woocommerce-MyAccount-content a {
  color: #07cb79;
}

.woocommerce-MyAccount-content a:hover {
  color: #2f3742;
}

.woocommerce-Message a {
  color: #ffffff !important;
}

.woocommerce-LostPassword.lost_password a {
  color: #07cb79;
}

.woocommerce-LostPassword.lost_password a:hover {
  color: #2f3742;
}

.woocommerce-product-rating a {
  color: #07cb79;
}

.woocommerce-product-rating a:hover {
  color: #2f3742;
}

.woocommerce a.woocommerce-Button.button {
  color: #ffffff !important;
}

.woocommerce div.product form.cart .reset_variations {
  color: #2f3742;
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
  text-decoration: none;
}

/*******************************************
              shortcode
*******************************************/
.blog-no-image .entry-content {
  margin-top: 0px;
}

blockquote {
  border-left: 3px solid #07cb79;
  font-style: italic;
}

.logged-in-as a {
  color: #07cb79;
}

.logged-in-as a:hover {
  color: #2f3742;
}

.shop_table .cart_item a {
  color: #07cb79;
}

.shop_table .cart_item a:hover {
  color: #2f3742;
}

#wp-calendar a {
  color: #fff;
  display: block;
  text-align: center;
  background: #07cb79;
}

#wp-calendar a:hover {
  color: #fff;
}

#wp-calendar #prev a,
#wp-calendar #next a {
  background: transparent !important;
  color: #2f3742;
}

.vc_wp_tagcloud .tagcloud a {
  color: #07cb79;
}

.vc_wp_tagcloud .tagcloud a:hover {
  color: #2f3742;
}

.social ul li {
  display: inline-block;
}

.social ul li a {
  display: block;
  color: #07cb79;
}

.social ul li a:hover {
  color: #2f3742;
}

.product .product_meta a {
  color: #07cb79;
}

.product .product_meta a:hover {
  color: #2f3742;
}

.woocommerce p.stars a {
  color: #07cb79;
}

.widget_rss .widgettitle a {
  color: #07cb79;
}

.widget_rss .widgettitle a:hover {
  color: #2f3742;
}

.single_variation_wrap .woocommerce-variation-price {
  margin-bottom: 20px;
}

#wp-calendar tr:nth-child(even) {
  background-color: transparent;
}

.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
  padding: 0;
  line-height: 40px;
  text-align: center;
}

/*message_box*/
.vc_message_box {
  padding: 3em 3em 3em 3em;
}

/*FAQ*/
.vc_toggle_active h4 {
  color: #07cb79;
}

/*contact form 7*/
div.wpcf7-validation-errors {
  padding: 10px;
  border-color: #ff0000;
  color: #ff0000;
}

div.wpcf7-mail-sent-ok {
  border-color: #398f14;
  color: #398f14;
  padding: 10px;
}

.address p,
.address p:link,
.address p:visited,
.address p:hover,
.address p:active,
.address p:focus {
  text-decoration: none;
  color: white;
}

@media screen and (min-width:993px) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: block;
  }

}

.owl-carousel.owl-loading {opacity: 1;}
.owl-carousel .owl-refresh .owl-item{display:block;}
.owl-carousel .owl-refresh .cloned{display:none;}
.breadcrumbs{display:none !important;}