/*==============================================

/*!
Theme Name: Elina Lite Portfolio Gallery
Theme URI: https://pixelonetry.com/downloads/elinalite-portfolio-gallery-wordpress-theme/
Author: pixelonetry
Author URI: https://pixelonetry.com/
Description: ElinaLite Is creative portfolio gallery WordPress Theme
Version: 1.1.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: elina-lite-portfolio-gallery
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, theme-options, translation-ready, Portfolio, Gallery, Portfolio, Gallery

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

elinalite is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

================================================*/
/*
[Table of Contents]
Reset
Typography
Helper classes
Isotope Filtering
Header
Slider
Section Area
About
Content Section
Services
Portfolio
Skills
Pricing
Testimonials
Counters
Team
Join
Contact
Widget
Blog
Footer
Dark Style
*/
/*------------------------------------------------------------------
Google Fonts
-------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
/*------------------------------------------------------------------
Reset
-------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*------------------------------------------------------------------
Typography
-------------------------------------------------------------------*/
body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  line-height: 1;
  background: #FFFFFF;
  overflow-x: hidden;
  color: #808080;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 50px;
  line-height: 62px;
  font-weight: 400;
  color: #515151;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}

h2 {
  font-size: 34px;
  line-height: 40px;
  font-weight: 300;
  color: #7e7e7e;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}

h3 {
  font-size: 26px;
  line-height: 40px;
  font-weight: 300;
  color: #292929;
  letter-spacing: 0;
  margin-bottom: 20px;
}

h4 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  color: #808080;
  letter-spacing: 0;
  margin-bottom: 20px;
}

p {
  color: #777;
  font-size: 14px;
  font-weight: 300;
  line-height: 2;
  margin: 0;
}

a {
  color: #f75443;
  text-decoration: none;
  -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease;
  transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease;
}

a:hover {
  color: #333;
  text-decoration: none;
  outline: none;
}

em {
  font-style: italic;
}

strong {
  font-weight: 600;
  color: #f75443;
}

/*------------------------------------------------------------------
Helper Classes
-------------------------------------------------------------------*/
/*-------------------------------------------------------
Basic Elements
-------------------------------------------------------*/
.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

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

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.left-margin {
  margin-left: 80px;
}

.right-margin {
  margin-right: 80px;
}

.top-margin {
  margin-top: 80px;
}

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

.animated {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
  /*height: 1%;*/
}

.clear {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  width: 100%;
}

.flexblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.heading-title {
  letter-spacing: 0.2em;
  color: #333;
}

.heading-title span {
  color: #f75443;
}

.heading-subtitle {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  display: block;
  font-size: 14px;
  line-height: 1.5em;
  text-transform: uppercase;
  color: #828282;
  font-weight: 400;
  letter-spacing: 5px;
  color: #f75443;
  margin-bottom: 10px;
}

.heading-subtitle span {
  padding-left: 60px;
}

.heading-subtitle::after {
  height: 1px;
  left: 15px;
  position: absolute;
  top: 8px;
  width: 50px;
  background-color: #ccc;
}

.heading-detail {
  font-size: 16px;
}
.heading .title {
  text-transform: uppercase;
  letter-spacing: 0.10em;
  margin-bottom: 40px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.heading .icon {
  background-image: url(../images/section-title.png);
  background-repeat: repeat-x;
  background-position: center left;
  text-align: center;
  margin-bottom: 40px;
  color: #f75443;
}

.heading .icon i {
  background-color: #fff;
  font-size: 40px;
  padding: 0 50px;
}

.heading .icon img {
  background-color:#fbfafa;
  font-size: 40px;
  padding: 0 50px;
}

.parallax-bg {
  background-image: url(../images/parallax-bg.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}

.fullwidht {
  left: 0;
  right: 0;
}

.main-wrapper-boxed .container {
  max-width: 850px;
}
.main-wrapper-boxed  {
  max-width: 850px;
  box-shadow: 0 0 5px #ccc;
}

section {
  top: 0;
  bottom: 0;
}
a.read-more {
  margin-top: 20px;
  display: block;
  margin-bottom: 40px;
}
.bootom-border {
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 20px;
}
h3.test-logo {
  letter-spacing: 5px;
  margin-bottom: 0!important;
}
/*-------------------------------------------------------
Seperator
-------------------------------------------------------*/
.seperator {
  line-height: 0px;
  padding: 8px 0;
}

.seperator span {
  width: 100px;
  height: 2px;
  background: #000000;
  display: inline-block;
  opacity: 0.3;
}

.seperator.full span {
  width: 100%;
}

.seperator.medium span {
  width: 220px;
}

.seperator.small span {
  width: 100px;
}

.seperator.mini span {
  width: 40px;
}

.seperator.height-1px span {
  height: 1px;
}

.seperator.height-2px span {
  height: 2px;
}

.seperator.height-3px span {
  height: 3px;
}

.color-light .seperator span {
  background: #fff;
  opacity: 0.7;
}

/*-------------------------------------------------------
Data overlay
-------------------------------------------------------*/
[data-overlay-dark],
[data-overlay-light] {
  position: relative;
}

[data-overlay-dark] .container,
[data-overlay-light] .container {
  position: relative;
  z-index: 2;
}

[data-overlay-dark]:before,
[data-overlay-light]:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

[data-overlay-dark]:before {
  background: #02050b;
}

[data-overlay-light]:before {
  background: #fff;
}

[data-overlay-dark] h1,
[data-overlay-dark] h2,
[data-overlay-dark] h3,
[data-overlay-dark] h4,
[data-overlay-dark] h5,
[data-overlay-dark] h6,
[data-overlay-dark] span,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6,
.bg-dark span,
.bg-color h1,
.bg-color h2,
.bg-color h3,
.bg-color h4,
.bg-color h5,
.bg-color h6,
.bg-color span {
  color: #fff;
}

[data-overlay-dark] p,
.bg-dark p,
.bg-color p {
  color: #dad6d6;
}

[data-overlay-dark="1"]:before,
[data-overlay-light="1"]:before {
  opacity: 0.1;
}

[data-overlay-dark="2"]:before,
[data-overlay-light="2"]:before {
  opacity: 0.2;
}

[data-overlay-dark="3"]:before,
[data-overlay-light="3"]:before {
  opacity: 0.3;
}

[data-overlay-dark="4"]:before,
[data-overlay-light="4"]:before {
  opacity: 0.4;
}

[data-overlay-dark="5"]:before,
[data-overlay-light="5"]:before {
  opacity: 0.5;
}

[data-overlay-dark="6"]:before,
[data-overlay-light="6"]:before {
  opacity: 0.6;
}

[data-overlay-dark="7"]:before,
[data-overlay-light="7"]:before {
  opacity: 0.7;
}

[data-overlay-dark="8"]:before,
[data-overlay-light="8"]:before {
  opacity: 0.8;
}

[data-overlay-dark="9"]:before,
[data-overlay-light="9"]:before {
  opacity: 0.9;
}

[data-overlay-dark="10"]:before,
[data-overlay-light="10"]:before {
  opacity: 1;
}

/*-------------------------------------------------------
Overlay
-------------------------------------------------------*/
.overlay {
  position: relative;
  overflow: hidden;
}

.overlay img {
  -webkit-transition: all 900ms;
  transition: all 900ms;
}

.overlay:hover img {
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}

.overlay .overlaycolor {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.overlay:hover .overlaycolor {
  opacity: 1;
  filter: alpha(opacity=100);
}

.overlay span {
  width: 100%;
  height: 99%;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  border-radius: 20px 0 20px 0;
}
/*-------------------------------------------------------
Preloader
-------------------------------------------------------*/
.preloader-bg {
  position: fixed;
  width: 100%;
  height: 200vh;
  overflow: hidden;
  background: #fff;
  z-index: 999999;
}

#preloader {
  position: fixed;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
  z-index: 999999;
}

#preloader-status {
  display: table-cell;
  vertical-align: middle;
}

.preloader-position {
  position: relative;
  margin: 0 auto;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.loader {
  position: relative;
  width: 45px;
  height: 45px;
  left: 50%;
  top: 0;
  margin-left: -22px;
  margin-top: 2px;
  -webkit-animation: rotate 1s infinite linear;
          animation: rotate 1s infinite linear;
  border: 3px solid;
  border-radius: 50%;
}

.loader span {
  position: absolute;
  width: 45px;
  height: 45px;
  top: -3px;
  left: -3px;
  border: 3px solid transparent;
  border-top: 3px solid;
  border-top-color: #f75443;
  border-radius: 50%;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/*-------------------------------------------------------
Buttons
-------------------------------------------------------*/
.btn {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  padding: 15px 50px;
  line-height: 28x;
  white-space: normal;
  text-align: center;
  letter-spacing: 0.01em;
  margin-bottom: 5px;
  border-radius: 3px;
  color: #fff;
  -webkit-transition: All 200ms linear;
  transition: All 200ms linear;
}

.btn:hover {
  color: #fff;
}

.btn-small {
  padding: 8px 16px;
}

.btn-medium {
  padding: 12px 30px;
}

.btn-large {
  padding: 15px 40px;
  font-size: 16px;
}

.btn-big {
  padding: 18px 45px;
  font-size: 18px;
}
.btn-growing {
  padding: 12px 30px;
  position: relative;
  clear: both;
}
.btn-growing:hover {
  padding: 16px 40px;
}

.btn-outline-light {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.btn-outline-light:hover {
  background: transparent;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.9);
}

.btn-outline {
  background: transparent;
  color: rgba(0, 0, 0, 0.8);
  border: 2px solid rgba(102, 102, 102, 0.5);
}

.btn-outline:hover {
  background: transparent;
  color: #000000;
  border: 2px solid rgba(102, 102, 102, 0.9);
}

.btn-contour {
  background-color: #f75443;
}
.btn-contour:hover {
  opacity: 0.9;
}
.btn-contour-2 {
  background-color: #f75443;
}
.btn-contour-2:hover {
  background-color: #fff;
  color: #f75443;
  border-color: #f75443;
}
.btn-outline-2 {
  background: transparent;
  border: 2px solid #ffffff;
  border-radius: 1px;
}
.btn-outline-2:hover {
  background: #fff;
  color: #333;
}
.btn-full-width { 
  font-weight: 700;
  letter-spacing: 0.15em;
  width: 100%;
  padding: 10px 0;
}
/*-------------------------------------------------------
Hover Effects
-------------------------------------------------------*/
.hover-effect {
  margin-bottom: -2.5px!important;
}
.hover-effect::before,
.hover-effect::after {
  content: "";
  /*background: #000;*/
  height: 0;
  width: 0;
  z-index: 1;
  position: absolute;
  -webkit-transition-duration: 1.3s;
  -o-transition-duration: 1.3s;
  transition-duration: 1.3s;
  margin-bottom: -2.5px!important;
}
.hover-effect::before {
  right: 15px;
  opacity: 1;
  top: 0;
}
.hover-effect::after {
  bottom: 2px;
  opacity: .7;
  left: 15px;
}
.hover-effect:hover::after, .hover-effect:hover::before {
  bottom: 2px;
  height: 100%;
  opacity: 0;
  width: 94.5%;
}
/*-------------------------------------------------------
Spacer
-------------------------------------------------------*/
.spacer { 
  width:100%;
  display:block
}
.spacer.spacerhalf {
  height:5px 
}
.spacer.spacer1 {
  height:10px 
}
.spacer.spacer2 {
    height:20px
}
.spacer.spacer3 {
    height:30px 
}
.spacer.spacer4 {
      height:40px
}
.spacer.spacer5 {
  height:50px
}
.spacer.spacer6 {
  height:60px
}
.spacer.spacer7 {
  height:70px
}
.spacer.spacer8 {
  height:80px
}
.spacer.spacer9 {
  height:90px
}
.spacer.spacer10 {
  height:100px
}
/*-------------------------------------------------------
LineIcons Social Color
-------------------------------------------------------*/
.ini-social .lni.lni-facebook {
  color: #475996;
}

.ini-social .lni.lni-facebook-original {
  color: #475996;
}

.ini-social .lni.lni-twitter {
  color: #69baf3;
}

.ini-social .lni.lni-twitter-original {
  color: #69baf3;
}

.ini-social .lni.lni-linkedin {
  color: #4875b4;
}

.ini-social .lni-linkedin-original {
  color: #4875b4;
}

.ini-social .lni.lni-pinterest {
  color: #d03737;
}

.ini-social .lni.lni-dribbble {
  color: #d76896;
}

.ini-social .lni.lni-behance {
  color: #00a8e7;
}

.ini-social .lni.lni-behance-original {
  color: #00a8e7;
}

.ini-social .lni.lni-instagram {
  color: #beb3a8;
}

.ini-social .lni.lni-instagram-original {
  color: #C13584;
}

.ini-social .lni.lni-dropbox {
  color: #008ad2;
}

.ini-social .lni.lni-skype {
  color: #00a9ed;
}

.ini-social .lni.lni-youtube {
  color: #cd1b20;
}

.ini-social .lni.lni-tumblr {
  color: #3a5976;
}

.ini-social .lni.lni-vimeo {
  color: #00adee;
}

.ini-social .lni.lni-flickr {
  color: #d2d2d2;
}

.ini-social .lni.lni-github {
  color: #999;
}

.ini-social .lni.lni-github-original {
  color: #999;
}

.ini-social .lni.lni-renren {
  color: #364a83;
}

.ini-social .lni.lni-vk {
  color: #3b5998;
}

.ini-social .lni.lni-xing {
  color: #015f5e;
}

.ini-social .lni.lni-weibo {
  color: #be4443;
}

.ini-social .lni.lni-digg {
  color: #222;
}

.ini-social .lni.lni-deviantart {
  color: #57675d;
}

.ini-social .lni.lni-envelope {
  color: #999;
}

.ini-social .lni.lni-dZelicious {
  color: #0A0A0A;
}

.ini-social .lni.lni-rss {
  color: #e67e22;
}
.ini-social .lni.lni-souncloud {
  color: #ff5500;
}
.ini-social .lni.lni-souncloud-original {
  color: #ff5500;
}
/*-------------------------------------------------------
LineIcons Social Hover Color
-------------------------------------------------------*/
.ini-social-hover .lni.lni-facebook:hover {
  color: #475996;
}

.ini-social-hover .lni.lni-twitter:hover {
  color: #69baf3;
}


.ini-social-hover .lni.lni-linkedin:hover {
  color: #4875b4;
}

.ini-social-hover .lni.lni-pinterest:hover {
  color: #d03737;
}

.ini-social-hover .lni.lni-dribbble:hover {
  color: #d76896;
}

.ini-social-hover .lni.lni-behance:hover {
  color: #00a8e7;
}

.ini-social-hover .lni.lni-instagram:hover {
  color: #beb3a8;
}

.ini-social-hover .lni.lni-dropbox:hover {
  color: #008ad2;
}

.ini-social-hover .lni.lni-skype:hover {
  color: #00a9ed;
}

.ini-social-hover .lni.lni-youtube:hover {
  color: #cd1b20;
}

.ini-social-hover .lni.lni-tumblr:hover {
  color: #3a5976;
}

.ini-social-hover .lni.lni-vimeo:hover {
  color: #00adee;
}

.ini-social-hover .lni.lni-flickr:hover {
  color: #d2d2d2;
}

.ini-social-hover .lni.lni-github:hover {
  color: #999;
}

.ini-social-hover .lni.lni-renren:hover {
  color: #364a83;
}

.ini-social-hover .lni.lni-vk:hover {
  color: #3b5998;
}

.ini-social-hover .lni.lni-xing:hover {
  color: #015f5e;
}

.ini-social-hover .lni.lni-weibo:hover {
  color: #be4443;
}

.ini-social-hover .lni.lni-digg:hover {
  color: #222;
}

.ini-social-hover .lni.lni-deviantart:hover {
  color: #57675d;
}

.ini-social-hover .lni.lni-envelope:hover {
  color: #999;
}

.ini-social-hover .lni.lni-dZelicious:hover {
  color: #0A0A0A;
}

.ini-social-hover .lni.lni-rss:hover {
  color: #e67e22;
}

/*-------------------------------------------------------
Fontawesome Social Icons Color
-------------------------------------------------------*/
.fa-social .fa-facebook {
  color: #475996;
}

.fa-social .fa-twitter {
  color: #69baf3;
}

.fa-social .fa-linkedin {
  color: #4875b4;
}

.fa-social .fa-pinterest {
  color: #d03737;
}


.fa-social .fa-dribbble {
  color: #d76896;
}


.fa-social .fa-behance {
  color: #00a8e7;
}

.fa-social .fa-instagram {
  color: #beb3a8;
}

.fa-social .fa-dropbox {
  color: #008ad2;
}

.fa-social .fa-skype {
  color: #00a9ed;
}

.fa-social .fa-youtube {
  color: #cd1b20;
}

.ini-social .fa-tumblr {
  color: #3a5976;
}

.ini-social .fa-vimeo {
  color: #00adee;
}

.ini-social .fa-flickr {
  color: #d2d2d2;
}

.fa-social .fa-github {
  color: #999;
}

.fa-social .fa-renren {
  color: #364a83;
}

.fa-social .fa-vk {
  color: #3b5998;
}

.fa-social .fa-xing {
  color: #015f5e;
}

.fa-social .fa-weibo {
  color: #be4443;
}

.fa-social .fa-digg {
  color: #222;
}

.fa-social .fa-deviantart {
  color: #57675d;
}

.fa-social .fa-envelope {
  color: #999;
}

.fa-social .fa-dZelicious {
  color: #0A0A0A;
}

.fa-social .fa-rss {
  color: #e67e22;
}
/*-------------------------------------------------------
Fontawesome Social Icons Hover Color
-------------------------------------------------------*/
.fa-social-hover .fa-facebook:hover, .fa-social-hover .fa-facebook-f:hover {
  color: #475996;
}

.fa-social-hover .fa-twitter:hover {
  color: #69baf3;
}


.fa-social-hover .fa-linkedin:hover {
  color: #4875b4;
}

.fa-social-hover .fa-pinterest:hover {
  color: #d03737;
}

.fa-social-hover .fa-dribbble:hover {
  color: #d76896;
}

.fa-social-hover .fa-behance:hover {
  color: #00a8e7;
}

.fa-social-hover .fa-instagram:hover {
  color: #beb3a8;
}

.fa-social-hover .fa-dropbox:hover {
  color: #008ad2;
}

.fa-social-hover .fa-skype:hover {
  color: #00a9ed;
}

.fa-social-hover .fa-youtube:hover {
  color: #cd1b20;
}

.fa-social-hover .fa-tumblr:hover {
  color: #3a5976;
}

.fa-social-hover .fa-vimeo:hover {
  color: #00adee;
}

.fa-social-hover .fa-flickr:hover {
  color: #d2d2d2;
}

.fa-social-hover .fa-github:hover {
  color: #999;
}

.fa-social-hover .fa-renren:hover {
  color: #364a83;
}

.fa-social-hover .fa-vk:hover {
  color: #3b5998;
}

.fa-social-hover .fa-xing:hover {
  color: #015f5e;
}

.fa-social-hover .fa-weibo:hover {
  color: #be4443;
}

.fa-social-hover .fa-digg:hover {
  color: #222;
}

.fa-social-hover .fa-deviantart:hover {
  color: #57675d;
}

.fa-social-hover .fa-envelope:hover {
  color: #999;
}

.fa-social-hover .fa-dZelicious:hover {
  color: #0A0A0A;
}

.fa-social-hover .fa-rss:hover {
  color: #e67e22;
}

/*------------------------------------------------------------------
Isotope Filtering
-------------------------------------------------------------------*/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

/*------------------------------------------------------------------
Header
-------------------------------------------------------------------*/
.navbar {
  font-family: "Titillium Web", Helvetica, Arial, sans-serif;
  position: absolute;
  padding: 0;
  margin: 0;
  width: 100%;
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  z-index: 100;
  min-height: 75px;
}

.navbar .navbar-nav li a {
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 1px;
  padding: 15px 7px;
  margin: 10px;
}

.navbar .navbar-nav .dropdown-menu {
  padding: 10px 0;
  border: 0;
}

.navbar .navbar-nav ul.dropdown-menu li {
  font-size: 13px;
  padding: 10px 20px;
  opacity: .9;
}

.navbar .navbar-nav ul.dropdown-menu li:hover {
  background: transparent;
  color: #f75443;
}

.navbar .dropdown-menu {
  display: block;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.navbar .dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.navbar .navbar-nav ul.dropdown-menu li {
  padding: 10px 25px;
  position: relative;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.navbar .navbar-nav ul.dropdown-menu li::after {
  content: '';
  width: 0px;
  height: 1px;
  background-color: #f75443;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.navbar .navbar-nav ul.dropdown-menu li:hover {
  padding-left: 30px;
}

.navbar .navbar-nav ul.dropdown-menu li:hover::after {
  width: 10px;
}

.light, .nav-scroll {
  background: #fff;
  -webkit-box-shadow: 0px 10px 30px rgba(37, 37, 49, 0.1);
  box-shadow: 0px 10px 30px rgba(37, 37, 49, 0.1);
  padding: 0;
  position: fixed;
  top: -80px;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
}

.light .navbar-nav li a, .nav-scroll .navbar-nav li a {
  color: #111;
}

.light .navbar-nav .logo, .nav-scroll .navbar-nav .logo {
  width: 100px;
  padding: 15px 0;
  color: #111;
}

.light .social-icon, .nav-scroll .social-icon {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.light .social-icon a, .nav-scroll .social-icon a {
  color: #000;
}

.light .social-icon a, .nav-scroll .social-icon a:hover {
  color: #000;
}

.light .search, .nav-scroll .search {
  color: #000;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar .social-icon {
  padding: 0 20px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.navbar .social-icon a {
  color: #333;
  margin: 0 10px;
  font-size: 13px;
}

.navbar .social-icon a:hover {
  color: #f75443;
}

.navbar .search {
  color: #333;
  padding-left: 30px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar .search .icon {
  cursor: pointer;
}

.navbar .search .search-form {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(37, 37, 49, 0.98);
  display: none;
}

.navbar .search .search-form form {
  width: 600px;
  position: absolute;
  left: calc(50% - 300px);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.navbar .search .search-form form input {
  padding: 15px 0;
  font-size: 80px;
  color: #fff;
  text-transform: uppercase;
  text-align: left;
  background: transparent;
  border: 0;
  border-bottom: 2px solid #b19777;
}

.navbar .search .search-form .close {
  position: absolute;
  top: 20%;
  right: 20%;
  color: #fff;
  font-size: 60px;
  opacity: 1;
  cursor: pointer;
}

.navbar-expand-lg .navbar-nav > .active > a,
.navbar-expand-lg .navbar-nav > .active > a:focus,
.navbar-expand-lg .navbar-nav > .active > a:hover,
.navbar-expand-lg .navbar-nav li > a:hover {
  color: #f75443;
}


/*-------------------------------------------------------
Responsive Menu
-------------------------------------------------------*/
@media only screen and (max-width: 992px) {
  .navbar {
    min-height: 60px;
  }
  .navbar .navbar-collapse {
    max-height: 600px;
    width: 100% !important;
    left: 0 !important;
    position: relative;
    overflow: auto;
    background: #333;
    text-align: center;
    padding: 0 0;
  }
  .navbar .navbar-collapse li {
    padding: 8px 10px !important;
    border-bottom: 1px solid #444;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px !important;
  }
  .navbar .navbar-collapse li a {
    margin-top: 0 !important;
  }
  .navbar li a {
    margin: 10px auto !important;
  }
  .navbar .logo {
    margin-left: 15px;
    width: 50px;
  }
  .nav-scroll .navbar-collapse li a,
  .light .navbar-collapse li a {
    color: #fff;
  }
  .nav-scroll .navbar-collapse .active,
  .light .navbar-collapse .active {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
  }
  .navbar-nav .dropdown-menu {
    opacity: 1;
    visibility: visible;
    display: none;
    background: #222;
    text-align: center;
    color: #fff;
  }
  .navbar .navbar-nav ul.dropdown-menu li {
    color: #eee;
  }
  .navbar-nav .dropdown-menu.show {
    display: block;
  }
  .navbar .navbar-nav li a {
    padding: 0;
  }
  .light .social-icon,
  .nav-scroll .social-icon {
    padding: 20px!important;
  }
  .light .social-icon a,
  .nav-scroll .social-icon a {
  color: #fff;
  text-align: center;
  margin-top: 15px;
}

.navbar .social-icon,
.navbar .search {
  border: 0;
  padding: 0;
  /*margin-top: 30px;*/
}

.navbar .search .search-form {
  display: block;
  position: static;
  height: auto;
}

.navbar .search .search-form form {
  position: static;
  width: 100%;
  -webkit-transform: none;
  transform: none;
}

.navbar .search .search-form form input {
  padding: 15px;
  width: 100%;
  font-size: 14px;
}

.navbar .search .icon,
.navbar .search .search-form .close {
  display: none;
}
}
/*------------------------------------------------------------------
Slider
-------------------------------------------------------------------*/
.page-loaded .slider .slider-container {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.slider {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  width: 100%;
  height: 100vh;
  min-height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #26282b;
  overflow: hidden;
}

.slider .slider-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition-duration: 700ms;
  transition-duration: 700ms;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition-delay: 1.25s;
  transition-delay: 1.25s;
  opacity: 0;
}

.slider .slider-container .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  background-size: cover;
}

.slider .slider-container .swiper-slide::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.65;
}

.slider .slider-container .swiper-slide .container {
  position: relative;
  z-index: 9;
  padding-left: 100px;
}

.slider .slider-container .swiper-slide .container h1 {
  font-size: 60px;
  line-height: 62px;
  font-weight: 700;
  color: #f75443;
  letter-spacing: 4px;
  margin-bottom: 40px;
}

.slider .slider-container .swiper-slide .container h1 span {
  display: inline-block;
  position: relative;
}

.slider .slider-container .swiper-slide .container h1 span::before {
  content: "";
  width: 247px;
  height: 70px;
  position: absolute;
  left: 0;
  top: 40px;
  background-size: contain;
  z-index: -1;
}

.slider .slider-container .swiper-slide .container h2 {
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 50px;
}

.slider .slider-container .swiper-slide .container h2 span {
  color: #f75443;
}

.slider .slider-container .swiper-slide .container h3 {
  color: #f75443;
  text-transform: uppercase;
  letter-spacing: 10px;
  margin-bottom: 15px;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-transition-delay: .8s;
  transition-delay: .8s;
}

.slider .slider-container .swiper-slide .container a {
  height: 60px;
  line-height: 56px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 5px;
  font-weight: 600;
  padding-bottom: 10px;
  position: relative;
  border: 2px solid #f75443;
  padding: 0 40px;
  -webkit-box-shadow: 0 0 20px rgba(235, 207, 167, 0.4);
  box-shadow: 0 0 20px rgba(235, 207, 167, 0.4);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.slider .slider-container .swiper-slide .container a:hover {
  text-decoration: none;
  background-color: #f75443;
  border-color: #f75443;
}

.slider .slider-container .inner-elements {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.slider .slider-container .inner-elements .container {
  position: relative;
  height: 100vh;
}

.slider .slider-container .inner-elements .container .pagination {
  width: auto;
  position: absolute;
  left: auto;
  right: 15px;
  top: 100px;
  z-index: 4;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 50px;
  background: transparent !important;
}

.slider .slider-container .inner-elements .container .pagination .swiper-pagination-current {
  font-size: 60px;
  font-weight: 800;
  margin-right: 5px;
  color: #f75443;
  background: transparent !important;
}

.slider .slider-container .inner-elements .container .pagination .swiper-pagination-total {
  font-size: 20px;
  margin-left: 5px;
}

.slider .slider-container .inner-elements .container .button-prev {
  width: 40px;
  position: absolute;
  right: 140px;
  bottom: 80px;
  z-index: 4;
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  -webkit-transform-origin: top;
  transform-origin: top;
  margin-top: -60px;
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}

.slider .slider-container .inner-elements .container .button-prev:hover {
  color: #f75443;
}

.slider .slider-container .inner-elements .container .button-prev::after {
  content: "";
  width: 42px;
  height: 1px;
  background: #fff;
  position: absolute;
  right: calc(-100% - 20px);
  top: 5px;
}

.slider .slider-container .inner-elements .container .button-next {
  width: 40px;
  position: absolute;
  right: 20px;
  bottom: 80px;
  z-index: 4;
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  margin-top: 60px;
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}

.slider .slider-container .inner-elements .container .button-next:hover {
  color: #f75443;
}

/*------------------------------------------------------------------
Section Area
-------------------------------------------------------------------*/
.section {
  padding-top: 120px;
  background-color: #fff;
}
.section-area .img {
  padding: 120px 0 120px 80px;
  position: relative;
  z-index: 10;
}

.section-area .img::after {
  content: '';
  position: absolute;
  top: 0;
  right: 120px;
  bottom: 0;
  left: -300px;
  background: #efefef;
  z-index: -1;
}

@media only screen and (max-width: 992px) {
  .section-area .img {
    padding: 80px;
  }
}

.section-area .content {
  padding-left: 40px;
}

.section-area .content h4 {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #333;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.section-area .content ul {
  margin: 0;
}

.section-area .content ul li {
  margin-top: 25px;
  padding-left: 25px;
  position: relative;
}

.section-area .content ul li::after {
  content: '';
  width: 10px;
  height: 10px;
  border: 1px solid #999;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 2px;
}

@media only screen and (max-width: 992px) {
  .section-area .content {
    padding: 80px;
  }
}

.section-area .content ul.features li {
  padding: 0 0 15px 0;
}

.section-area .content ul.features li:last-of-type {
  padding: 0;
  border: 0;
}

.section-area .content ul.features li::after {
  display: none;
}

.section-area .content ul.features li h4 {
  text-transform: uppercase !important;
}

.section-area .content ul.features li h6 {
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #333;
  font-weight: 500;
}

.section-area .content ul.features li h6 span {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 32.5px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #f75443;
  border-radius: 50%;
  margin-right: 10px;
}

.section-area .content ul.features li p {
  padding-left: 50px;
}

/*------------------------------------------------------------------
About
-------------------------------------------------------------------*/
.about {
  background-color: #f7f7f7;
}
.box-block .section-title {
  text-transform: uppercase;
  margin-top: 50px!important;
  color: #333;
}
.box-block {
  margin-left: 20px;
  margin-right: 40px;
  text-align: center;
}
@media only screen and (max-width: 992px), (max-width: 768px) {
  .box-block {
    margin-bottom: 40px;
  }
}
.box-block p {
  font-size: 16px;
}
.about .hover-effect::before,
.about .hover-effect::after {
  background: #d3a08b;
} 
/*-------------------------------------------------------
Content Section
-------------------------------------------------------*/
.content-sec {
  background-color: #fff;
  padding: 80px 0;
}

.content-sec h2 {
  color: #333;
  font-weight: 600;
}

.content-sec p {
 font-size: 16px;
}
/*------------------------------------------------------------------
Call To Action
-------------------------------------------------------------------*/
.action {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
  text-transform: uppercase;
}

.action h3 {
  margin-top: 10px;
  font-size: 30px;
  color: #f0f0f0;
  display: block;
  text-align: center;
  text-align-last: center;
  justify-content: center;
  clear: both;
}

.action h3 span {
  color: #fff;
  font-weight: 700;
}

.action .left-margin {
  margin-left: 10px;
  clear: both;
}

@media only screen and (max-width: 992px), (max-width: 768px) {
  .action {
    text-align: center;
  }
}

/*------------------------------------------------------------------
Service
-------------------------------------------------------------------*/
.services {
  background-color: #fbfafa;
  padding: 80px 0;
}

.services-box {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
  padding: 45px 30px;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.04);
  background: #fff;
}

.services-box .services-icon {
  font-size: 36px;
  text-align: center;
  margin-bottom: 15px;
}

.services-box .services-content {
  width: 100%;
}

.services-box .services-content h3 {
  font-weight: 400;
  margin-bottom: 10px;
  color: #272727;
  font-size: 21px;
}

.services-box .services-content p {
  margin-bottom: 0;
}

.services-box .services-icon span {
  display: inline-block;
  background-color: #f75443;
  height: 70px;
  width: 70px;
  line-height: 70px;
  cursor: pointer;
  border-radius: 100%;
  position: relative;
  color: #fff;
  font-size: 30px;
  -webkit-box-shadow: 0 0 0 2px #fff;
  box-shadow: 0 0 0 2px #fff;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  margin-bottom: 20px;
}

.services-box .services-icon:hover span {
  background-color: #f7f7f7;
  color: #f75443;
}

.services-box .services-content h2,
.services-box .services-box .services-content h3 {
  margin: 0;
  padding: 0;
}

.our-services .service-card {
  padding-top: 30px;
  padding-bottom: 30px;
  transition: .8s ease;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 15px #e1e1e1;
  box-shadow: 0 0 15px #e1e1e1;
}
@media only screen and (max-width: 992px), (max-width: 768px) {
  .our-services .service-card {
    margin-bottom: 20px;
  }
}
.our-services .service-card .image-holder {
  margin-bottom: 10px;
  color: #f75443;
}
.our-services .service-card:hover .image-holder, .our-services .service-card:hover .service-card-heading {
  opacity: 0.4!important;
}
.our-services .service-card .image-holder i {
  font-size: 50px;
  font-weight: 300;
}
.our-services .service-card .service-card-heading {
  font-size: 18px;
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-bottom: 5px;
  color: #f75443;
}
.our-services .service-card .service-card-detail {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  font-weight: lighter;
  font-size: 15px;
  color: #737373;
  margin-left: 40px;
  margin-right: 40px;
}
.our-services .service-card:hover {
  -webkit-box-shadow: 0 0 35px #d3c7c7;
  box-shadow: 0 0 35px #d3c7c7;
  cursor: pointer;
}

/*------------------------------------------------------------------
Portfolio
-------------------------------------------------------------------*/
.portfolio {
  top: -3px;
  padding-top: 80px;
  padding-bottom: 0;
}

.portfolio .filtering .filter {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  display: inline-block;
  padding: 12px 10px;
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  margin-bottom: 20px;
}

.portfolio .filtering span {
  font-size: 12px;
  font-weight: 500;
  top: -10px;
  margin: 5px 5px;
  padding: 8px 20px;
  cursor: pointer;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.portfolio .filtering .active {
  background-color: #f75443;
  -webkit-box-shadow: 0px 8px 30px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 30px -5px rgba(0, 0, 0, 0.2);
  color: #fff;
}

.portfolio .items {
  margin-top: 30px;
}

.portfolio .item-img:hover .item-img-overlay {
  visibility: visible;
  opacity: 1;
}

.portfolio .item-img-overlay {
  position: absolute;
  top: 10px;
  left: 25px;
  right: 25px;
  bottom: 12.5px;
  padding: 20px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.portfolio .item-img-overlay i {
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  border: 1px solid #fff;
  font-size: 15px;
  color: #fff;
  text-align: center;
}

.portfolio .item-img-overlay i:hover {
  border: 1px solid #f75443;
  color: #f75443;
}

.portfolio .item-img-overlay p {
  color: #f75443;
  font-weight: 400;
  font-size: 13px;
}

.portfolio .item-img-overlay h6 {
  font-weight: 400;
  font-size: 16px;
  margin-top: 5px;
}

/*-------------------------------------------------------
Owl Carousel
-------------------------------------------------------*/
/*.portfolio-grid {
  top: -5px;
  padding-top: 80px;
  padding-bottom: 0;
}*/
.portfolio-grid {
  width: 100%;
  margin-left: -5px;
  margin-top: 75px!important;
}
.owl-hover {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  position: relative;
  cursor: pointer;
  overflow: hidden; 
}
.owl-hover:before {
  content:"";
  width:100%;
  height:100%;
  background:rgba(0,0,0,.9);
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  -webkit-transition:all .35s ease 0s;
  transition:all .35s ease 0s;
}
.owl-hover:hover:before {
  opacity:1
}
.owl-hover img {
  width:216px;
  height:auto;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}
.owl-hover .box-content {
  width:90%;
  height:90%;
  position:absolute;
  top:5%;
  left:5%;
  cursor: pointer;
  text-align: center;
}
.owl-hover .box-content:after, .owl-hover .box-content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}

.owl-hover .box-content:before {
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  border-top: 2px solid rgba(255, 255, 255, 0.5);
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
}

.owl-hover .box-content:after {
  border-left: 2px solid rgba(255, 255, 255, 0.5);
  border-right: 2px solid rgba(255, 255, 255, 0.5);
  -webkit-transform: scale(1, 0);
          transform: scale(1, 0);
  -webkit-transform-origin: 100% 0 0;
          transform-origin: 100% 0 0;
}

.owl-hover:hover .box-content:after, .owl-hover:hover .box-content:before {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition-delay: .15s;
          transition-delay: .15s;
}
.owl-hover:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}
.owl-hover .box-content i {
  position: absolute;
  bottom: 42%;
  left: 42%;
  font-size: 35px;
  color: #fff;
  display: none;
}
.owl-hover:hover .box-content i{
  display: inline-block;
}

/*-------------------------------------------------------
Skills
-------------------------------------------------------*/
.skills .hover-effect::before,
.skills .hover-effect::after {
  background: #f40083;
} 
.skills .hover-effect::before{
  right: 0;
  left: 15px;
  opacity: 0.3;
  top: 0;
  background: #a77667;
}
.skills .hover-effect::after {
  bottom: 0;
  opacity: .3;
  left: 15px;
  right: 60px;
  background: #f40083;
}
.skills {
  overflow: hidden;
}

.skills .skill-banner img { 
  height: 100%;
  width: 100%;
}

.skills-area .heading {
  font-size: 30px;
  line-height: 42px;
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  color: #222;
  font-weight: 600;
  margin-bottom: 20px;
}
.skill-bars .progress-item .progress-bar {
  background-color: #f75443;
  position: relative;
}
.skills-area {
  padding-top: 60px;
  padding-bottom: 0;  
  margin: 0 50px;
}
.skill-bars .progress-item .progress {
  height: 15px !important;
  overflow: visible;
}
.skill-bars .progress-item h6 {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  margin-bottom: 15px;
}
.skill-bars .progress-item {
  margin-bottom: 20px;
}

/*------------------------------------------------------------------
Pricing
-------------------------------------------------------------------*/
.pricing {
  padding: 80px 0;
  background-color: #fff;
}
.panel.pricing {
  text-align: center;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  padding: 40px;
}
@media only screen and (max-width: 992px), (max-width: 768px) {
  .panel.pricing {
    margin-bottom: 40px;
  }
}
.panel.pricing .icon-bg {
  text-align: center;
  margin: 0 auto;
}
.panel.pricing .panel-heading {
  padding: 0;
  padding-top: 10px
}
.panel.pricing .panel-title {
  margin: 0;
  padding: 5px 0 0 0;
}
.panel.pricing .icon {
  margin-bottom: 10px;
}
.panel.pricing table {
  margin-bottom: 0
}
.pricing .panel-body {
  padding: 35px 0 0 0;
  text-align: center;
  border-top: 0;
}
.panel.pricing .price {
  padding: 20px 0 0;
  margin: 0;
  background: none;
  font-weight: normal;
}
.price-value {
  color: #f75443;
  font-size: 50px
}
.price-currency {
  display: inline-block;
  vertical-align: super;
  font-size: 18px;
  padding-right: 3px;
}
.price-duration {
  font-size: 16px;
  display: block;
}
.price-duration:before {
  content: "/";
  padding-right: 5px;
}
.panel-desc {
  display: block;
  margin-top: 10px;
  margin-bottom: 0;
  line-height: 1;
}
.panel.pricing .table>thead>tr>th,
.panel.pricing .table>tbody>tr>th,
.panel.pricing .table>tfoot>tr>th,
.panel.pricing .table>thead>tr>td,
.panel.pricing .table>tbody>tr>td,
.panel.pricing .table>tfoot>tr>td {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  padding: 15px 0;
  line-height: 1;
  vertical-align: top;
  line-height: 25px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.pricing .table>tbody>tr>td {
  border: 0
}
.panel.pricing .table>tbody>tr:nth-child(2n) {
  background: none
}
.panel.pricing .panel-footer a {
  margin: 0
}
.panel.pricing .panel-title,
.pricing .panel-body {
  border: 0;
  background: none;
}
.pricing .panel-footer {
  padding-top: 45px;
  padding-bottom: 15px;
  background: none;
  border: 0;
}

/*------------------------------------------------------------------
Features Section
-------------------------------------------------------------------*/
.features-block {
  background-color: #fff;
  padding: 80px 0;
}

.features-block h2 {
  text-transform: uppercase;
  margin-bottom: 40px;
}

/*------------------------------------------------------------------
Testimonials
-------------------------------------------------------------------*/
.testimonials {
  background-color: transparent;
  padding: 80px 0;
  text-align: center;
}

.testimonials .seperator {
  margin-bottom: 50px;
}

.testimonials .flexslider {
  background-color: transparent;
  border: transparent;
}

.testimonials .flexslider .flex-active {
  background-color: #f75443;
}

.testimonials-title {
  margin-bottom: 20px;
  color: #fff;
}

.testimonials-title span {
  font-weight: 700;
  color: #f75443;
}

.testimonials-slider {
  text-align: center;
}

.testimonials-slider ul.slides i {
  font-size: 30px;
  color: #f75443;
}

.testimonials-slider ul.slides h3 {
  font-size: 32px;
  line-height: 62px;
  font-style: italic;
  padding: 30px 40px 0 40px;
  margin-bottom: 40px;
  color: #fff;
}

.testimonials-slider ul.slides h4 {
  font-size: 22px;
  font-style: italic;
  font-weight: 300;
  padding-bottom: 30px;
  margin-bottom: 40px;
  color: #fff;
}

.testimonials-slider ul.slides h4 span {
  color: #f75443;
  -webkit-box-shadow: 1px solid #f75443;
  box-shadow: 1px solid #f75443;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  text-indent: inherit;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
}

/*------------------------------------------------------------------
Counter
-------------------------------------------------------------------*/
.counters { 
  /*background-image: url(../images/parallax-bg.jpg);*/
  /*background-attachment: fixed;*/
  /*background-repeat: no-repeat;*/
  /*background-size: cover;*/
  text-align: center;
}
.counters i { 
  font-size: 40px;
  color: #f75443;
}
.counters .numbers-value {
font-weight: 900;
font-size: 45px;
line-height: 60px;
color: #fff;
margin-left: 10px;
}
.counters h6 { 
font-size: 16px;
text-transform: uppercase;
margin-top: 15px;
letter-spacing: 0.1em;
}
.counters h6 strong { 
  color: #fff;
}
@media only screen and (max-width: 992px), (max-width: 768px)  { 
  .counters {
   padding-top: 100px;
   padding-bottom: 40px;
  }
  .counters div {
    margin-bottom: 60px;
  }
}

/*------------------------------------------------------------------
Team
-------------------------------------------------------------------*/
.team {
  background-color: #fff;
  padding: 80px 0;
}

/*-------------------------------------------------------
Team Member
-------------------------------------------------------*/
.team-member img {
  -webkit-transition: all 900ms;
  transition: all 900ms;
  -webkit-transform: scale(1);
  transform: scale(1);
  border-radius: 20px 0 20px 0;
}

.team-member:hover img {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.team-member .mask {
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  position: absolute;
  text-align: center;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.team-member .mask ul {
  position: absolute;
  bottom: 45%;
  left: 0;
  right: 0;
  text-align: center;
}

.team-member .mask ul li {
  display: inline-block;
}

.team-member .mask ul li a {
  display: inline-block;
  line-height: 35px;
  margin: 0px 10px;
  font-size: 18px;
  color: #fff !important;
}

.team-member .mask ul li a:hover .fa-facebook {
  color: #475996;
}

.team-member .mask ul li a:hover .fa-twitter {
  color: #69baf3;
}

.team-member .mask ul li a:hover .fa-linkedin {
  color: #4875b4;
}

.team-member .mask ul li a:hover .fa-pinterest {
  color: #d03737;
}

.team-member .mask ul li a:hover .fa-dribbble {
  color: #d76896;
}

.team-member .mask ul li a:hover .fa-behance {
  color: #00a8e7;
}

.team-member .mask ul li a:hover .fa-instagram {
  color: #beb3a8;
}

.team-member .mask ul li a:hover .fa-dropbox {
  color: #008ad2;
}

.team-member .mask ul li a:hover .fa-skype {
  color: #00a9ed;
}

.team-member .mask ul li a:hover .fa-youtube {
  color: #cd1b20;
}

.team-member .mask ul li a:hover .fa-tumblr {
  color: #3a5976;
}

.team-member .mask ul li a:hover .fa-vimeo {
  color: #00adee;
}

.team-member .mask ul li a:hover .fa-flickr {
  color: #d2d2d2;
}

.team-member .mask ul li a:hover .fa-github {
  color: #222;
}

.team-member .mask ul li a:hover .fa-renren {
  color: #364a83;
}

.team-member .mask ul li a:hover .fa-vk {
  color: #3b5998;
}

.team-member .mask ul li a:hover .fa-xing {
  color: #015f5e;
}

.team-member .mask ul li a:hover .fa-weibo {
  color: #be4443;
}

.team-member .mask ul li a:hover .fa-digg {
  color: #222;
}

.team-member .mask ul li a:hover .fa-deviantart {
  color: #57675d;
}

.team-member .mask ul li a:hover .fa-envelope {
  color: #999;
}

.team-member .mask ul li a:hover .fa-delicious {
  color: #0A0A0A;
}

.team-member .mask ul li a:hover .fa-rss {
  color: #e67e22;
}

.team-member:hover .mask {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.team-member .info {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  background-color: transparent;
  text-align: center;
  padding: 20px 0;
  position: relative;
  overflow: hidden;
  border-radius: 20px 0 20px 0;
  border-bottom: 1px solid #f75443;
}

.team-member .info h6 {
  font-size: 16px;
  font-family: "Titillium Web", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: 500;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #666;
}

.team-member .info p {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
  color: #333;
}

.team-member .info span {
  color: #f75443;
}

@media only screen and (max-width: 992px), (max-width: 768px) {
  .team-member {
    margin-bottom: 30px;
  }
}

/*-------------------------------------------------------
Team Member V.2
-------------------------------------------------------*/
.team-member-v2 .item {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  border-bottom: 1px solid #f75443;
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
   overflow: hidden;
   position: relative;
}
@media only screen and (max-width: 992px), (max-width: 768px) {
  .team-member-v2 {
    margin-bottom: 40px;
  }
}
.team-member-v2 .item img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  position: relative;
  overflow-x: hidden;
}
.team-member-v2 .item:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
/*.team-member-v2 .item img {
  transform: scale(1.2);
  -webkit-transition: all 900ms;
  transition: all 900ms;
  max-width: 100%;
  max-height: 100%;
}
.team-member-v2 .item:hover img {
  max-width: 100%;
  max-height: 100%;
  transform: scale(1.3);
}*/
.team-member-v2 .social {
  top: -110px;
  left: 10px;
  right: 10px;
  position: relative;
  text-align: center;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  z-index: -999;
}
@media only screen and (max-width: 768px) {
  .team-member-v2 .social {
    top: -220px;
  }
}
@media screen and (max-width: 992px) and (min-width: 769px) {
  .team-member-v2 .social {
    top: -300px;
  }
}
.team-member-v2:hover .social {
  z-index: 99;
}

.team-member-v2 .social ul {
  position: absolute;
  bottom: 45%;
  left: 0;
  right: 0;
  
  text-align: center;
}

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

.team-member-v2 .social a {
  display: inline-block;
  margin: 0px 10px;
  font-size: 20px;
  color: #fff!important;
}
.team-member-v2 .social li a:hover {
  color: #fff!important;
}

.team-member-v2 .item:hover .info .social {
  top: 30px;
}
.team-member-v2 .info {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  background-color: #fff;
  text-align: center;
  padding: 20px 0;
  position: relative;
  overflow: hidden;
  color: #333;
}
.team-member-v2 .info h6 {
  margin-bottom: 5px;
}
.team-member-v2 .info p {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #666;
}
.team-member-v2 .info .social {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: all .4s;
  transition: all .4s;
}
.team-member-v2 .info .social ul li {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  border: 1px solid #eee;
  color: #777;
  margin: 0 5px;
}
.team-member-v2 .info .social ul li:hover {
  border-color: #b8a279!important;
  background-color: #b8a279!important;
  color: #000!important;
  cursor: pointer;
}

/*------------------------------------------------------------------
Join
-------------------------------------------------------------------*/
.join {
  padding: 160px 0;
  text-align: left !important;
}

.join .title {
  color: #f75443;
  font-size: 42px;
  text-transform: uppercase;
}

.join .subtitle {
  color: #fff;
}

/*------------------------------------------------------------------
Contact
-------------------------------------------------------------------*/
.contact {
  background-color: #FFF;
  padding: 80px 0;
}

.contact-area {
  background-color: #fff;
}

.contact-area .content p {
  margin-bottom: 10px;
}

/*-------------------------------------------------------
Content Box
-------------------------------------------------------*/
.content-box {
  padding: 30px 30px;
  background-color: #eeeeee;
}

.content-box i {
  display: inline-block;
  background-color: #f75443;
  height: 70px;
  width: 70px;
  line-height: 70px;
  cursor: pointer;
  border-radius: 100%;
  position: relative;
  color: #fff;
  font-size: 35px;
  -webkit-box-shadow: 0 0 0 1px #fff;
  box-shadow: 0 0 0 1px #fff;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  margin-bottom: 20px;
}

.content-box h4 {
  text-transform: uppercase;
  letter-spacing: 2px;
}

.content-box p {
  margin-bottom: 15px;
}

.content-box:hover i {
  background-color: #fff;
  color: #f75443;
  -webkit-box-shadow: 0 0 0 1px #f75443;
  box-shadow: 0 0 0 1px #f75443;
}

@media only screen and (max-width: 992px), (max-width: 768px) {
  .content-box {
    margin-bottom: 30px;
  }
}

/*-------------------------------------------------------
Contact Form
-------------------------------------------------------*/
input, textarea, select {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  height: auto;
  max-width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #475996;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease;
  transition: background-color .3s ease, border .3s ease, color .3s ease;
  margin-bottom: 25px;
}

#contact-form input:hover {
  color: #333;
}

#contact-form input:focus {
  outline: none;
  color: #333;
  border-bottom: 1px solid #f75443;
}

form input, form textarea {
  width: 100%;
  padding: 15px 0;
  color: #333;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

form textarea {
  padding: 15px;
  min-height: 140px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  margin-top: 30px;
}

form textarea:hover, form textarea:active, form textarea:focus {
  border: 1px solid #f75443;
  outline: none;
}

/*-------------------------------------------------------
Form Style 2
-------------------------------------------------------*/
.form-v2 input, .form-v2 textarea {
  font-size: 14px;
  width: 100%;
  padding: 20px 15px;
  background: #f5f5f5;
  border: 10px;
  font-family: "Titillium Web", Helvetica, Arial, sans-serif;
}
.form-v2 input {
  margin-bottom: 15px;
}
.form-v2 textarea {
  margin-top: 0;
}
.mapouter {
  position: absolute;
  text-align: right;
  height: 417px;
  width: 885px;
  left: 0 !important;
}

@media only screen and (max-width: 992px), (max-width: 768px) {
  .mapouter {
    position: relative;
  }
}

.gmap_canvas {
  overflow: hidden;
}

.error_message {
	display: block;
	padding: 5px;
	background: #fbe3e4;
	color: #8a1f11;
	border: 1px solid #fbc2c4;
}
.response_message {
	display: block;
	background-color: rgba(19, 207, 169, 0.7);
    padding: 10px;    
    text-align: center;
    color: #021410;
}

.success {
  display: block;
  background-color: rgba(19, 207, 169, 0.7);
  padding: 10px;
  text-align: center;
  color: #021410;
  margin-bottom: 25px;
}

.error {
  display: block;
  background-color: #df5e63;
  padding: 10px;
  text-align: center;
  color: #5e1316;
  margin-bottom: 25px;
}

.hide {
	display: none;
}

.output_message {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  margin-top: 25px;
  color: #fff;
  height: 46px;
  line-height: 26px;
}
.output_message.success {
  background: #28a745;
}
.output_message.success:before {
  font-family: 'LineIcons';
  content: "\ea54";
  padding-right: 10px;
}
.output_message.error {
  content: "\eac4";
}
.output_message.error:before {
  font-family: 'LineIcons';
  content: "\eac4";
  padding-right: 10px;
}
/*-------------------------------------------------------
Contact Info v2
-------------------------------------------------------*/
@media only screen and (max-width: 992px), (max-width: 768px) { 
  .info-block {
    text-align: center;
  }
}
.info-block h6 {
  font-size: 16px;
  text-transform: uppercase;
  color: #f75443;
}
.info-block h3 {
  margin-bottom: 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.info-block h4 {
  color: #333;
  line-height: 34px;
  margin-bottom: 5px;
}
.info-block p {
  display: block;
  font-size: 16px;
  color: #333;
}
.info-block p a {
  color: #333;
}

.info-block a {
  display: inline-block;
}
@media only screen and (max-width: 992px), (max-width: 768px) {
  .info-block .social {
    margin-bottom: 40px;
  }
}
.info-block .social a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #eee;
  border-radius: 50%;
  margin-right: 10px;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.info-block .social a:last-of-type {
  margin-right: 0;
}

.info-block .social a:hover {
  color: #fff!important;
}

/*-------------------------------------------------------
Contact Info-block Social Icons
-------------------------------------------------------*/

.info-block .social a.facebook {
  color: #475996;
}

.info-block .social a.twitter {
  color: #69baf3;
}

.info-block .social a.linkedin {
  color: #4875b4;
}

.info-block .social a.pinterest {
  color: #d03737;
}

.info-block .social a.dribbble {
  color: #d76896;
}

.info-block .social a.behance {
  color: #00a8e7;
}

.info-block .social a.instagram {
  color: #beb3a8;
}

.info-block .social a.dropbox {
  color: #008ad2;
}

.info-block .social a.skype {
  color: #00a9ed;
}

.info-block .social a.youtube {
  color: #cd1b20;
}

.info-block .social a.tumblr {
  color: #3a5976;
}

.info-block .social a.vimeo {
  color: #00adee;
}

.info-block .social a.flickr {
  color: #d2d2d2;
}

.info-block .social a.github {
  color: #999;
}

.info-block .social a.renren {
  color: #364a83;
}

.info-block .social a.vk {
  color: #3b5998;
}

.info-block .social a.xing {
  color: #015f5e;
}

.info-block .social a.weibo {
  color: #be4443;
}

.info-block .social a.digg {
  color: #222;
}

.info-block .social a.deviantart {
  color: #57675d;
}

.info-block .social a.envelope {
  color: #999;
}

.info-block .social a.dZelicious {
  color: #0A0A0A;
}

.info-block .social a.rss {
  color: #e67e22;
}

.info-block .social a.facebook:hover {
  background: #475996;
}

.info-block .social .twitter:hover {
  background: #69baf3;
}

.info-block .social .linkedin:hover {
  background: #4875b4;
}

.info-block .social .pinterest:hover {
  background: #d03737;
}


.info-block .social .dribbble:hover {
  background: #d76896;
}


.info-block .social .behance:hover {
  background: #00a8e7;
}

.info-block .social .instagram:hover {
  background: #beb3a8;
}

.info-block .social .dropbox:hover {
  background: #008ad2;
}

.info-block .social .skype:hover {
  background: #00a9ed;
}

.info-block .social .youtube:hover {
  background: #cd1b20;
}

.info-block .social .tumblr:hover {
  background: #3a5976;
}

.info-block .social .vimeo:hover {
  background: #00adee;
}

.info-block .social .flickr:hover {
  background: #d2d2d2;
}

.info-block .social .github:hover {
  background: #999;
}

.info-block .social .renren:hover {
  background: #364a83;
}

.info-block .social .vk:hover {
  background: #3b5998;
}

.info-block .social .xing:hover {
  background: #015f5e;
}

.info-block .social .weibo:hover {
  background: #be4443;
}

.info-block .social .digg:hover {
  background: #222;
}

.info-block .social .deviantart:hover {
  background: #57675d;
}

.info-block .social .envelope:hover {
  background: #999;
}

.info-block .social .dZelicious:hover {
  background: #0A0A0A;
}

.info-block .social .rss:hover {
  background: #e67e22;
}
/*------------------------------------------------------------------
Widget
-------------------------------------------------------------------*/
.widget-area {
  background-color: #f7f7f7;
}

.widget-area {
  padding: 50px 0px;
}

.widget-area h4 {
  margin-top: 200px;
  margin: 0px;
  letter-spacing: 3px;
  color: #f75443;
  text-transform: uppercase;
}

.widget-area hr {
  border-color: rgba(76, 156, 87, 0.116);
  width: 50%;
}

.widget-area h6 {
  color: #222;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.widget-area p a {
  color: #333;
}

.widget-area p a:hover {
  color: #333;
}

/*------------------------------------------------------------------
Widget New Version
-------------------------------------------------------------------*/
.widget ul li {
  padding: 15px 0;
  border-bottom: 1px solid #d9d9d9;
  font-size: 16px;
  margin: 0;
}
.widget ul li a {
   color: #f75443;
   line-height: 28px;
}
.widget ul li a:hover {
   opacity: 0.6;
}

/*------------------------------------------------------------------
Blog
-------------------------------------------------------------------*/
.parallax-blog {
  min-height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
}
.page-template-page_builder .wrraper {
  background-color: #fff;
}
.blog {
  background-color: #FFF;
  /*padding-top: 40px;
  margin-bottom: 40px;*/
}
.blog .inner-blog {
  margin-top: 40px;
  margin-bottom: 40px;
}
/*.main_content {
   margin-top: 60px;
   margin-bottom: 60px;
}*/
.page-template-page_builder .sidebar {
 margin-top: 120px;
}
@media only screen and (max-width: 992px), (max-width: 768px) {
  .page-template-page_builder .sidebar {
    margin-top: 0;
   }
}
.page-template-page_builder .blog {
  padding: 40px 0;
}
.blog h4 {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 28px;
  margin-bottom: 10px;
  color: #333;
  margin-left: -5px;
}
h2.blog-heading {
  color: #f75443!important;
}
/*-------------------------------------------------------
Hover Effects
-------------------------------------------------------*/
.post-hover-effect {
  margin-bottom: -2.5px!important;
  position: relative;
}
.post-hover-effect::before,
.post-hover-effect::after {
  background-color: #f75443;
  content: "";
  /*background: #000;*/
  height: 0;
  width: 0;
  z-index: 1;
  position: absolute;
  -webkit-transition-duration: 1.3s;
  -o-transition-duration: 1.3s;
  transition-duration: 1.3s;
  margin-bottom: -2.5px!important;
}
.post-hover-effect::before {
  right: 0;
  opacity: 1;
  top: 0;
}
.post-hover-effect::after {
  bottom: 35px;
  opacity: .7;
  left: 0;
}
.post-hover-effect:hover::after, .post-hover-effect:hover::before {
  background-color: #fff;
  bottom: 35px;
  height: 100%;
  opacity: 0;
  width: 94.5%;
}
/*-------------------------------------------------------
Sidebar
-------------------------------------------------------*/
.widget-area {
  margin-bottom: 40px;
  margin-top: 20px;
}
.widget {
  margin: 0 0 1.5em;
  text-align: left;
}
.wp-block-heading {
  font-size: 24px;
  line-height: 32px;
  color: #333;
  text-transform: uppercase;
}
.widget_recent_entries h3,
 .widget_categories h3, 
 .widget_text h3, 
 .widget_archive h3,
 .widget_meta h3,
 .widget_recent_comments h3,
 .widget_tag_cloud h3 {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  font-size: 26px;
  margin-bottom: 5px;
}
.widget_search .search-form{
  display: flex;
}
.widget_search .search-form label{
  width: 100%;
}
.widget_search input.search-field {
  padding: 8px 5%;
  width: 100%;
  border-right: none;
  border: 1px solid #f75443;
}
.widget_search input.search-field:active {
  outline: none;
}
.widget_search input.search-field:focus {
  outline: none;
}
.widget_search input.search-field:after {
  padding: 8px 5%;
  width: 100%;
  border-right: none;
  border: 1px solid #f75443;
}
.widget_search input.search-submit {
  border: none;
  padding: 8px 5%;
  background: url(../images/search.png) center no-repeat;
  color: #fff;
  width: 22%;
  height: 10px;
  background-size: 25px;
  text-indent: -9999px;
  background-color: #f75443; 
  padding: 20px;
  border-radius: 0;
  transition: all 0.2s ease-in-out;
}
.widget_search input.search-submit:hover{
  background-color: rgba(247, 88, 67, 0.695);
}
#search-submit__button {
  width: 24%;
}

/*new update search widget*/
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,
.wp-block-search .wp-block-search__input{
  width: 100%;
  display: inline-block;
  position: relative;
  border-right: none;
  border: 1px solid #f75443;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper:focus,
.wp-block-search .wp-block-search__input:focus{
  outline: none;
}
.wp-block-search .wp-block-search__button{
  border: none;
  padding: 8px 5%;
  background: url(../images/search.png) center no-repeat;
  color: #fff;
  width: 30%;
  height: 10px;
  background-size: 25px;
  text-indent: -9999px;
  background-color: #f75443; 
  padding: 20px;
  border-radius: 0;
  transition: all 0.2s ease-in-out;
}
.wp-block-search .wp-block-search__button:hover{
  background-color: rgba(247, 88, 67, 0.695);
}
.wp-block-search__label {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  color: #333;
  font-size: 16px;
  margin-bottom: 15px;
}
/*end new update search widget*/

.widget-title{
  margin: 0 0 40px;
  position: relative; 
  color: #333;
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  font-size: 26px;
  margin-bottom: 10px;
}
.widget-title:after {
  content: '';
  position: absolute;
  top: auto;
  left: 0;
  bottom: -15px;
  width: 100%;
  height: 5px;
}
.widget-area .widget_calendar table{
  width: 100%;
}
/*end sidebar */
/*-------------------------------------------------------
Search
-------------------------------------------------------*/
.widget-area .side_tags .search-bar {
  background-color: #f7f7f7;
  margin-bottom: 20px;
  padding: 0;
}
.widget-area .side_tags .search-bar form input[placeholder] {
  color: #333;
  border-radius: 0;
  -webkit-border-radius: 0;
  font-size: 14px;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.widget-area .side_tags .search-bar form input {
  border: 1px solid;
  border-color: #f75443;
  padding: 20px;
}
.widget-area .side_tags .search-bar form span button {
  background-color:#f75443;
  color: #FFFFFF;
  padding: 0 15px;
  z-index: 11;
  border: 1px solid;
  border-color: #f75443;
  border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
}
/*-------------------------------------------------------
Text Widget
-------------------------------------------------------*/
.widget_text {
  background-color: #FFF;
  margin-bottom: 20px;
}
.widget_text h3 {
  margin-left: -2px;
}
.widget_text .textwidget {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 28px;
}
/*-------------------------------------------------------
Categories
-------------------------------------------------------*/
.widget_categories {
  background-color: #FFF;
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
  padding: 0;
  color: #333;
}
.widget_categories ul {
  padding-left: 0px;
  margin-bottom: 0px !important;
}
.widget_categories ul li {
  list-style: none;
  font-family: "Titillium Web", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  font-size: 13px;
  padding: 15px 0;
  border-bottom: 1px solid #999;
}
.widget_categories ul li a {
  font-family: "Titillium Web", Helvetica, Arial, sans-serif;
  font-weight:400;
  color: #333;
  text-decoration: none;
}
.widget_categories ul li:hover a {
  color: #f75443;
}
.widget_categories ul li:hover {
  cursor: pointer;
}
.widget_categories ul li p {
  font-family: "Titillium Web", Helvetica, Arial, sans-serif;
  font-weight: 600;
  float: right;
}
/*-------------------------------------------------------
Recent Post
-------------------------------------------------------*/
.widget_recent_entries {
  background-color: #FFF;
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
  padding: 0;
  color: #333;
}
.widget_recent_entries ul {
  padding-left: 0px;
  margin-bottom: 0px !important;
}
.widget_recent_entries ul li {
  list-style: none;
  font-family: "Titillium Web", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  font-size: 13px;
  padding: 15px 0;
  border-bottom: 1px solid #999;
}
.widget_recent_entries ul li a {
  font-family: "Titillium Web", Helvetica, Arial, sans-serif;
  font-weight:400;
  color: #333;
  text-decoration: none;
}
.widget_recent_entries ul li:hover a {
  color: #f75443;
}
.widget_recent_entries ul li:hover {
  cursor: pointer;
}
.widget_recent_entries ul li p {
  font-family: "Titillium Web", Helvetica, Arial, sans-serif;
  font-weight: 600;
  float: right;
}
/*-------------------------------------------------------
Archive
-------------------------------------------------------*/
.widget_archive {
  background-color: #FFF;
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
  padding: 0;
  color: #333;
}
.widget_archive ul {
  padding-left: 0px;
  margin-bottom: 0px !important;
}
.widget_archive ul li {
  list-style: none;
  font-family: "Titillium Web", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  font-size: 13px;
  padding: 15px 0;
  border-bottom: 1px solid #999;
}
.widget_archive ul li a {
  font-family: "Titillium Web", Helvetica, Arial, sans-serif;
  font-weight:400;
  color: #333;
  text-decoration: none;
}
.widget_archive ul li:hover a {
  color: #f75443;
}
.widget_archive ul li:hover {
  cursor: pointer;
}
.widget_archive ul li p {
  font-family: "Titillium Web", Helvetica, Arial, sans-serif;
  font-weight: 600;
  float: right;
}
/*-------------------------------------------------------
Meta
-------------------------------------------------------*/
.widget_meta {
  background-color: #FFF;
  padding: 0;
  margin-bottom: 20px;
}
.widget_meta ul {
  padding-left: 0px;
  margin-bottom: 0px !important;
}
.widget_meta ul li {
  list-style: none;
  font-family: "Titillium Web", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  font-size: 13px;
  padding: 15px 0;
  border-bottom: 1px solid #999;
}
.widget_meta ul li a {
  font-family: "Titillium Web", Helvetica, Arial, sans-serif;
  font-weight:400;
  color: #333;
  text-decoration: none;
}
.widget_meta ul li:hover a {
  color: #f75443;
}
/*-------------------------------------------------------
Comments
-------------------------------------------------------*/
.widget_recent_comments {
  background-color: #FFF;
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
  padding: 0;
  color: #333;
}
.widget_recent_comments ul {
  padding-left: 0px;
  margin-bottom: 0px !important;
}
.widget_recent_comments ul li {
  list-style: none;
  font-family: "Titillium Web", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  font-size: 13px;
  padding: 15px 0;
  border-bottom: 1px solid #999;
}
.widget_recent_comments ul li a {
  font-family: "Titillium Web", Helvetica, Arial, sans-serif;
  font-weight:400;
  color: #333;
  text-decoration: none;
}
.widget_recent_comments ul li:hover a {
  color: #f75443;
}
.widget_recent_comments ul li:hover {
  cursor: pointer;
}
.widget_recent_comments ul li p {
  font-family: "Titillium Web", Helvetica, Arial, sans-serif;
  font-weight: 600;
  float: right;
}
/*-------------------------------------------------------
Tags
-------------------------------------------------------*/
.widget_tag_cloud {
  background-color: #FFF;
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
  padding: 0;
  color: #333;
}
.tagcloud a {
  display: inline-block;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 10px;
  padding: 10px 25px;
  border: solid 1px #333;
  margin-right: 0px;
  margin-top: 10px;
  color: #333;
  border-radius: 0!important;
  -webkit-border-radius: 0!important;
  cursor: pointer;
}
.tagcloud a:hover {
  background-color: #f75443;
  color: #fff;
  -webkit-box-shadow: 1px 1px 15px #e1e1e1;
  box-shadow: 1px 1px 15px #e1e1e1;
  border: solid 1px;
  border-color: #f75443;
}
.tags {
  margin-top: 20px;
  font-size:12px;
  margin-bottom:35px;
}

.tags a {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  border: solid 1px #333;
  padding: 10px 25px;
  font-size: 12px;
  cursor: pointer;
  color: #333;
  -webkit-transition: .8s ease;
  -o-transition: .8s ease;
  transition: .8s ease;
}

.tags a:hover {
  color: #fff;
  border: solid 1px #f75443;
  background-color: #f75443;
}
/*-------------------------------------------------------
pagination
-------------------------------------------------------*/
.pagination .page-link {
  color:#494848;
  border: solid 1px;
  border-color: #f75443;
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin-right: 5px;
  margin-bottom: 20px;
  padding: 10px 15px;
}

.pagination .page-link:hover {
  background-color: #f75443;
  color: #FFFFFF;
}

.pagination .page-item.active .page-link {
  background-color: #f75443;
  border-color: #f75443;
  color: #fff;
}

/* Default WordPress */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  /*  margin: 0 0 2.5em; */
    overflow: hidden;
    font-size: 22px;
    font-family: "Playfair Display", Helvetica, Arial, sans-serif;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    margin-top: 10px;
    float: left;
    width: 50%;
    font-size: 22px;
    font-family: "Playfair Display", Helvetica, Arial, sans-serif;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    margin-top: 10px;
    float: right;
    text-align: right;
    width: 50%;
    font-size: 22px;
    font-family: "Playfair Display", Helvetica, Arial, sans-serif;
}
/*-------------------------------------------------------
Content
-------------------------------------------------------*/
.blog .main_content .single_blog .single_img img {
  height: 100%;
  width: 100%;
  margin-bottom: 30px;
}

.single_img .no-gutters {
  margin-bottom: 40px;
}

.blog .main_content .single_blog .single_img {
  position: relative;
}
.blog .main_content .single_blog .single_img audio {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  width: 100%;
  background-color: #f1f3f4;
}
.blog .main_content .single_blog .single_img iframe {
 margin-bottom: 30px;
}
.blog .main_content .single_blog .post_detail h2 {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  color: #444;
  letter-spacing: 1px;
  margin-bottom: 15px;
}

.blog .main_content .single_blog .post_detail .blog-text{
  margin-bottom: 100px!important;
}

.blog .main_content .single_blog .post_detail .blog-text a {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14x;
  line-height: 28px;
  color: #333;
  margin-bottom: 100px!important;
  text-decoration: none;
}
.blog .main_content .single_blog .post_detail .blog-text a:hover {
  color:#f75443;
}
.blog .main_content .single_blog .post_detail .p-text {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #717171;
  letter-spacing: 1px;
  margin-bottom: 30px;
}

.blog .main_content .single_blog {  
  -webkit-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease;
  border-bottom: solid 1px #e1e1e1;
  margin-top: 60px;
}

.blog .main_content .single_blog:last-child { 
  border-bottom: none;
}

.blog .main_content .single_blog:first-child {
  margin-top: 0px;
}

.blog .main_content .single_blog:hover {
  cursor: pointer;
}

.single_img {
  top: 20px!important;
}

.blog .main_content .single_blog .single_img .img-gall {
  overflow: hidden;
}
.blog .main_content .single_blog .single_img .img-gall img {
  -webkit-transition: .8s ease;
  -o-transition: .8s ease;
  transition: .8s ease;
  cursor: zoom-in;
}
.blog .main_content .single_blog .single_img .img-gall:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/*-------------------------------------------------------
Single Post
-------------------------------------------------------*/
.blog .detail_img {
  position: relative;
  padding-bottom: 20px;
}
.blog .detail_img img {
  height: 100%;
  width: 100%;
}

/*.blog .main_content .detail_blog .blog_detail span:hover{*/
/*    !*background-color: #e1e1e1;*!*/
/*    box-shadow: 1px 1px 8px rgba(118, 118, 118, 0.88);*/
/*    border-radius: 10px;*/

/*}*/

/*.blog .main_content .single_blog .post_detail .entry-content p {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #333;
  margin-bottom: 10px;
}*/
.entry-content p {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #333;
  margin-bottom: 10px;
}
.blog .main_content .detail_blog {
  -webkit-transition: 1s ease;
  transition: 1s ease;
  border-bottom: solid 1px #e1e1e1;
}

.blog .detail_blog ul {
  padding-left: 15px;
  margin-bottom: 40px;
}
.blog .detail_blog ul li {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  color: #6d6d6d;
}

.blog .post-video {
  margin-bottom: 0;
  margin-top: 20px;
  max-width: 100%;
}
.blog .post_detail .qoute {
  padding: 15px 15px 15px 35px;
  border-left: solid 3px #f75443;
  margin-bottom: 20px;
}
.blog .post_detail .cube-sec {
  margin-bottom: 20px;
}
.blog .post_detail .cube-sec img {
  height: 100%;
  width: 100%;
}
.blog .post_detail .qoute .blog-sub-heading {
  margin-bottom: 20px;
}
.blog .post_detail .qoute .quote-desc {
  margin-bottom: 10px;
}
.blog .post_detail blockquote p {
	padding: 15px 15px 15px 35px;
  border-left: solid 3px #f75443;
  margin-bottom: 20px;
}
.blog .post_detail .qoute .quote-name {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  font-style: italic;
}
.blog .post_detail .tags span {
  border: solid 1px #333;
  padding: 10px 25px;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: .8s ease;
  -o-transition: .8s ease;
  transition: .8s ease;
}
.blog .post_detail .tags span a {
   color: #111;
}
.blog .post_detail .tags span:hover {
  border: solid 1px #f75443;
  background-color: #f75443;
}
.blog .post_detail .tags span a:hover {
  color:#ffffff !important;
}
.blog .post_detail .tags span:hover a {
  color: #ffffff;
}
.blog .post_detail .social {
  padding-bottom: 2rem;
}
.blog .post_detail .social-tags {
  padding-bottom: 1rem;
}
.blog .post_detail .social-tags span {
  display: inline-block !important;
  padding: 20px 36px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  margin: auto -4px auto auto;
}

@media only screen and (max-width: 992px), (max-width: 768px) {
  .blog .post_detail .social-tags span {
    margin-top: 40px;
  }
}

.blog .post_detail .social-tags span i {
  text-align: center;
  position: absolute;
  left: 40%;
  top: 30%;
  font-size: 16px;
  color: #FFF;
  background: transparent;
}
.blog .post_detail .social-tags span:hover i {
   color: #fff;
}
.blog .post_detail .social-tags .fb {
  background-color:#3b5998;
}
.blog .post_detail .social-tags .twitter {
  background-color:#55acee;
}
.blog .post_detail .social-tags .in {
  background-color:#0077b5;
}
.blog .post_detail .social-tags .pinterest {
  background-color:#B7242a;
}
.blog .post_detail .social-tags .reddit {
  background-color:#ff4500;
}
.blog .post_detail .social-tags .whatsapp {
  background-color:#4bca59;
}
.blog .post_detail .social-tags .tumblr {
  background-color:#3a5976;
}
.blog .post_detail .social-tags .vk {
  background-color:#3b5998;
}
.blog .post_detail .social-tags .envelope {
  background-color:#f75443;
}
.blog .writer-detail .post_navigation {
  padding: 4rem 0 0 0;
  margin-bottom: 0;
}
.blog .writer-detail .post_navigation a {
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  /*background-color: #55acee;*/
  border: solid 1px #333;
  text-align: center;
  margin-top: 5px;
}
.blog .writer-detail .post_navigation h5 { 
  -webkit-transition: .8s ease;
  -o-transition: .8s ease;
  transition: .8s ease;
  font-size: 18px;
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
.blog .writer-detail .post_navigation .left-row:hover h5,.blog .writer-detail .post_navigation .right-row:hover h5 {
  cursor: pointer;
}
.blog .writer-detail .post_navigation .left-row .left-arr-d ,.blog .writer-detail .post_navigation .right-row .right-arr-d {
  -webkit-transition: .8s ease-in-out;
  -o-transition: .8s ease-in-out;
  transition: .8s ease-in-out;
}
.blog .writer-detail .post_navigation .left-row:hover .left-arr-d{
  margin-left: -10px;
}
.blog .writer-detail .post_navigation .right-row:hover .right-arr-d{
  padding-right: 0px;
}
.blog .writer-detail .post_navigation span {
  font-size: 12px;
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  font-weight: normal;
  opacity: .8;
  margin-bottom: 15px!important;
  margin-top: 15px!important;
}

.blog .writer-detail .post_navigation a i {
  color: #333;
  font-size: 20px;
  margin-top: 8px;
  -webkit-transition: ease;
  -o-transition: ease;
  transition: ease;
}
.blog .writer-detail .post_navigation a {
  -webkit-transition: .8s ease;
  -o-transition: .8s ease;
  transition: .8s ease;
}
.blog .writer-detail .post_navigation .left-row:hover a,.blog .writer-detail .post_navigation .right-row:hover a {
  background-color: #f75443;
  border-color: #f75443;
}
.blog .writer-detail .post_navigation .left-row:hover a i,.blog .writer-detail .post_navigation .right-row:hover a i {
  color: #FFFFFF;
}
/*-------------------------------------------------------
Comments
-------------------------------------------------------*/
.blog-comments {
  border-top: 1px solid #d9d9d9;
  margin-top: 60px;
  padding-top: 60px;
}

.blog-comments ul {
  background: 0 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.blog-comments .comment-list {
  margin-top: 40px;
}

.blog-comments .comment {
  background: 0 0;
  padding: 0;
  margin-top: 30px;
  border-top: 1px solid #d9d9d9;
  padding-top: 30px;
  overflow: hidden;
}

.blog-comments .comment-list > .comment:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

.blog-comments .children {
  margin-left: 70px!important;
}

.blog-comments .user {
  float: left;
  width: 50px;
}

.blog-comments .comment-content {
  margin-left: 70px;
  position: relative;
}

.blog-comments .comment-content h6 {
  margin-bottom: 10px;
}

.blog-comments .comment-content strong {
  color: #333;
}

.blog-comments .comment-date {
  color: #999;
  font-size: 13px;
  font-weight: 300;
}

.blog-comments .comment-date a:hover {
  color: #333!important;
}

a.comment-reply-link.label {
    font-family: "Playfair Display", Helvetica, Arial, sans-serif;
}

a.comment-reply-link.label:hover {
  color: #333;
}

.blog-leavecomment {
  margin-top: 60px;
}
.msg-heading span::before {
  content: "";
  position: absolute;
  top: 59%;
  height: 1px;
  width: 100px;
  display: block;
  border-bottom: 1px solid #dedede;
  left: 63%;
  margin-right: 25px;
}
.msg-heading {
  margin-top: 50px;
  position: relative;
  text-align: center;
  margin-bottom: 0;
}
.msg-heading span {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #555;
}
.msg-heading span::after {
  content: "";
  position: absolute;
  top: 59%;
  height: 1px;
  width: 100px;
  display: block;
  border-bottom: 1px solid #dedede;
  right: 59%;
  margin-right: 25px;
}
.my-form {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-form input {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  margin-bottom: 0;
  padding: 20px;
  border-radius: 0;
  border-color: #222;
  -webkit-border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none
}
.my-form input:hover, .my-form input:active, .my-form input:focus {
  border-color: #111;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.blog .comment-form .my-form input[placeholder] {
  color: #333;
  font-size: 14px;
}
.my-form textarea {
  padding: 20px;
  border-radius: 0;
  -webkit-border-radius: 0;
}
.my-form textarea[placeholder] {  
  color: #333;
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.my-form textarea[placeholder]:hover, .my-form textarea[placeholder]:active, .my-form textarea[placeholder]:focus { 
  border-color: #111;
  box-shadow: none;
  -webkit-box-shadow: none;
}


/**/
#comments .comments-title {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  color: #333;
  margin: 0 0 36px;
}

.comment-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.comment-list .comment-body img {
  -webkit-border-radius: 200px;
  border-radius: 50%;
  float: left;
  margin-right: 20px;
}

.comment-list .comment-body .says {
  display: none;
}

.comment-list .comment-body .fn {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 5px;
  color: #333;
}

.comment-list .comment-body .fn a {
  color: #333;
}

.comment-list .comment-body .fn a:hover {
  color: #fff;
  text-decoration: none;
}

.comment-list .comment-metadata a {
  font-size: 16px;
  line-height: 20px;
  color: #88888c;

}

.comment-list .comment-metadata a:hover {
  text-decoration: none;
  color: #f75443;
  color: #755443;
}

.comment-list .comment-content {
  float: left;
  width: 80%;
}

.comment-list .comment-content p {
  margin: 0 0 20px;
}
.comment-list .comment-body {
  overflow: hidden;
  border-bottom: 1px solid #d9dbde;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.comment-list .reply {
  float: right;
  width: 85%;
}

.comment-list .comment-metadata {
  margin: 0 0 5px;
}

.comment-list .children {
  list-style: none;
}

.comment-reply-title {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  color: #252626;
  margin: 0 0 36px;
}

.comment-form p {
  margin-top: 0;
}

.comment-form:after {
  content: '';
  display: block;
  clear: both;
}

.comment-form label {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  color: #636366;
  display: block;
  margin: 0 0 5px;
}

.comment-form .comment-form-author {
  float: left;
  width: 48%;
}

.comment-form .comment-form-email {
  float: right;
  width: 48%;
}

.comment-form .comment-form-url {
  display: block;
  width: 100%;
  overflow: hidden;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  width: 100%;
  border-color: #cfcfd4;
  padding: 6px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.comment-form textarea {
  width: 100%;
  border-color: #cfcfd4;
  padding: 6px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 160px;
  resize: none;
}

.comment-form input[type="submit"] {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  color: #3c3b3b;
  background: #f75443;
  border-radius: 5px;
  border: 0;
  box-shadow: none;
  height: 38px;
  text-shadow: none;
  padding: 0 25px;
}

.comment-form input[type="submit"]:hover {
  background: #eaad00;
}

.comment-list .comment-metadata a:hover {
  text-decoration: none;
  color: #f75443;
}

.comment-list .comment-content {
  float: left;
  width: 80%;
}

.comment-list .comment-content p {
  margin: 0 0 20px;
}

.comment-list .comment-body {
  overflow: hidden;
  border-bottom: 1px solid #d9dbde;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.comment-list .reply {
  float: right;
  width: 85%;
}

.comment-list .comment-metadata {
  margin: 0 0 5px;
}

.comment-list .children {
  list-style: none;
}

.comment-reply-title {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  color: #252626;
  margin: 0 0 36px;
}

.comment-form p {
  margin-top: 0;
}

.comment-form:after {
  content: '';
  display: block;
  clear: both;
}

.comment-form label {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  color: #636366;
  display: block;
  margin: 0 0 5px;
}

.comment-form .comment-form-author {
  float: left;
  width: 48%;
}

.comment-form .comment-form-email {
  float: right;
  width: 48%;
}

.comment-form .comment-form-url {
  display: block;
  width: 100%;
  overflow: hidden;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  width: 100%;
  border-color: #cfcfd4;
  padding: 6px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.comment-form textarea {
  width: 100%;
  border-color: #cfcfd4;
  padding: 6px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 160px;
  resize: none;
}

.comment-form input[type="submit"] {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  color: #3c3b3b;
  background: #f75443;
  border-radius: 5px;
  border: 0;
  box-shadow: none;
  height: 38px;
  text-shadow: none;
  padding: 0 25px;
}

.comment-form input[type="submit"]:hover {
  background: rgba(247, 88, 67, 0.695);
}

.comments-area .comment-form label[for="wp-comment-cookies-consent"] {
  display: inline-block;
  margin-left: 5px;
}

/*------------------------------------------------------------------
Footer
-------------------------------------------------------------------*/
.footer {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: #222222;
    color: #FFF;
    text-align: center;
}

/*-------------------------------------------------------
Sticky footer
-------------------------------------------------------*/
.pe-sticky.pe-sticky-footer footer.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: -1;
}

.pe-sticky.pe-sticky-footer .site-body {
  margin-bottom: 240px;
  -webkit-box-shadow: 0px 14px 60px 14px rgba(0,0,0,0.33);
  -moz-box-shadow: 0px 14px 60px 14px rgba(0,0,0,0.33);
  box-shadow: 0px 14px 60px 14px rgba(0,0,0,0.33);
} 

footer .icons {
  margin-bottom: 20px;
}

footer .icons a {
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 35px;
  border-radius: 50%;
  margin: 0 4px;
  font-size: 15px;
}

footer .icons a:hover {
  color: #fff !important;
}

footer .copyright {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

footer .copyright span {
  color: #f75443;
}

/*-------------------------------------------------------
Footer Social Links Hover
-------------------------------------------------------*/
footer .icons a.facebook {
  color: #475996;
}

footer .icons a.facebook:hover {
  background-color: #475996;
}

footer .icons a.twitter {
  color: #69baf3;
}

footer .icons a.twitter:hover {
  background-color: #69baf3;
}

footer .icons a.linkedin {
  color: #4875b4;
}

footer .icons a.linkedin:hover {
  background-color: #4875b4;
}

footer .icons a.pinterest {
  color: #d03737;
}

footer .icons a.pinterest:hover {
  background-color: #d03737;
}

footer .icons a.dribbble {
  color: #d76896;
}

footer .icons a.dribbble:hover {
  background-color: #d76896;
}

footer .icons a.behance {
  color: #00a8e7;
}

footer .icons a.behance:hover {
  background-color: #00a8e7;
}

footer .icons a.instagram {
  color: #beb3a8;
}

footer .icons a.instagram:hover {
  background-color: #beb3a8;
}

footer .icons a.dropbox {
  color: #008ad2;
}

footer .icons a.dropbox:hover {
  background-color: #008ad2;
}

footer .icons a.skype {
  color: #00a9ed;
}

footer .icons a.skype:hover {
  background-color: #00a9ed;
}

footer .icons a.youtube {
  color: #cd1b20;
}

footer .icons a.youtube:hover {
  background-color: #cd1b20;
}

footer .icons a.tumblr {
  color: #3a5976;
}

footer .icons a.tumblr:hover {
  background-color: #3a5976;
}

footer .icons a.vimeo {
  color: #00adee;
}

footer .icons a.vimeo:hover {
  background-color: #00adee;
}

footer .icons a.flickr {
  color: #d2d2d2;
}

footer .icons a.flickr:hover {
  background-color: #d2d2d2;
}

footer .icons a.github {
  color: #999;
}

footer .icons a.github:hover {
  background-color: #999;
}

footer .icons a.renren {
  color: #364a83;
}

footer .icons a.renren:hover {
  background-color: #364a83;
}

footer .icons a.vk {
  color: #3b5998;
}

footer .icons a.vk:hover {
  background-color: #3b5998;
}

footer .icons a.xing {
  color: #015f5e;
}

footer .icons a.xing:hover {
  background-color: #015f5e;
}

footer .icons a.weibo {
  color: #be4443;
}

footer .icons a.weibo:hover {
  background-color: #be4443;
}

footer .icons a.digg {
  color: #222;
}

footer .icons a.digg:hover {
  background-color: #222;
}

footer .icons a.deviantart {
  color: #57675d;
}

footer .icons a.deviantart:hover {
  background-color: #57675d;
}

footer .icons a.envelope {
  color: #999;
}

footer .icons a.envelope:hover {
  background-color: #999;
}

footer .icons a.dZelicious {
  color: #0A0A0A;
}

footer .icons a.dZelicious:hover {
  background-color: #0A0A0A;
}

footer .icons a.rss {
  color: #e67e22;
}

footer .icons a.rss:hover {
  background-color: #e67e22;
}

/*-------------------------------------------------------
Scroll Up
-------------------------------------------------------*/
#scrollUp {
  background-image: url(../images/back-to-top.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #333;
  bottom: 0px;
  right: 30px;
  height: 35px;
  width: 50px;
  border-radius: 5px 5px 0 0;
}

#scrollUp:hover {
  background-color: #f75443;
}

/*------------------------------------------------------------------
Dark Style
-------------------------------------------------------------------*/
.dark-style .heading-title {
  color: #fff;
}
.dark-style p {
  color: #ccc;
}
.dark-style h4 {
  color: #fff;
}
.dark-style .box-block .section-title {
  color: #fff;
}
.dark-style .btn-outline {
  color: rgba(255, 255, 255, 0.8);
  border: 2px solid rgba(255, 255, 255, 0.5);
}
.dark-style .btn-outline:hover {
  color: #fff!important;
  border: 2px solid rgba(255, 255, 255, 0.9)!important;
}
.dark-style .skills-area .heading {
  color: #fff;
}
.dark-style .skill-bars .progress-item h6 {
  color: #ccc;
}
.dark-style .our-services .service-card {
  -webkit-box-shadow: 0 0 15px #17171D!important;
  box-shadow: 0 0 15px #17171D!important;
  background-color: #131317!important;
}
.dark-style .our-services .service-card .service-card-detail {
  color: #ABABB6!important;
}
.dark-style .our-services .service-card:hover {
  -webkit-box-shadow: 0 0 35px #999!important;
  box-shadow: 0 0 35px #999!important;
}
.dark-style .pricing {
  background-color: #131317;
}
.dark-style .panel.pricing .table>thead>tr>th,
.dark-style .panel.pricing .table>tbody>tr>th,
.dark-style .panel.pricing .table>tfoot>tr>th,
.dark-style .panel.pricing .table>thead>tr>td,
.dark-style .panel.pricing .table>tbody>tr>td,
.dark-style .panel.pricing .table>tfoot>tr>td {
  color: #fff!important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-style .price-duration {
  color: #fff;
}
.dark-style .price-currency {
  color: #fff;
}
.dark-style .team-member-v2 .item {
  -webkit-box-shadow: 0px 10px 30px rgba(255, 255, 255, 0.05);
          box-shadow: 0px 10px 30px rgba(255, 255, 255, 0.05);
}
.dark-style .team-member-v2 .info {
  background-color: #131317;
  color: #FFF;
}
.dark-style .team-member-v2 .info p {
  color: #ABABB6;
}
/*.dark-style .form-v2 input, .form-v2 textarea {
  background-color: #131317;
}*/
.dark-style .info-block h4 {
  color: #fff;
}
.dark-style .info-block p {
  color: #ccc;
}
.dark-style .info-block p a {
  color: #ccc;
}
.dark-style .info-block h3 {
  color: #fff;
}

/*------------------------------------------------------------------
WooCommerce
-------------------------------------------------------------------*/
/* Ordinary */
.woocommerce .woocommerce-ordering select {
  font-family: "Playfair Display", Helvetica, Arial, sans-serif;
      color: #333;
  border: 1px solid #000;
  padding: 10px 0!important;
  }

/*buttons*/
   body .woocommerce a.button, 
   body .woocommerce button.button, 
   body .woocommerce input.button, 
   body .woocommerce #respond input#submit, 
   body .woocommerce #content input.button, 
   body.woocommerce-page a.button, 
   body.woocommerce-page button.button, 
body.woocommerce-page input.button, 
   body.woocommerce-page #respond input#submit, 
   body.woocommerce-page #content input.button{
     /*  font-size:12px;
  line-height:26px;
  font-weight:400;
  display:inline-block;
  color:#fff;
  border:1px solid #eee;
  padding:5px 25px;
  background-color: #f75443;
  border-color:#1fbba6;
  text-shadow:none;
  box-shadow:none;
  border-radius:0;
  -webkit-transition: all 0.3s ease-out; 
     -moz-transition: all 0.3s ease-out; 
     -o-transition: all 0.3s ease-out; 
      transition: all 0.3s ease-out; 
    */
      font-family: "Playfair Display", Helvetica, Arial, sans-serif;
      line-height: 28x;
      white-space: normal;
      text-align: center;
      letter-spacing: 0.01em;
      margin-bottom: 5px;
      border-radius: 3px;
      color: #fff;
      -webkit-transition: All 200ms linear;
      transition: All 200ms linear;
       background-color: #f75443;
       padding:5px 25px;
       display:inline-block;
       line-height:26px;
           font-weight:400;
      font-size:12px;
      

   }

   body .woocommerce a.button:hover, 
   body .woocommerce button.button:hover, 
   body .woocommerce input.button:hover, 
   body .woocommerce #respond input#submit:hover, 
   body .woocommerce #content input.button:hover, 
   body.woocommerce-page a.button:hover, 
   body.woocommerce-page button.button:hover, 
body.woocommerce-page input.button:hover, 
   body.woocommerce-page #respond input#submit:hover, 
   body.woocommerce-page #content input.button:hover{
     /*background:#333;
     border-color:#333;
  color: #ccc;
  */
  background-color: #f75443;
  opacity: 0.9;
  color: #Fff;
   }

   body.woocommerce span.posted_in {
		color: #333;
		font-size: 18px;
		font-style: italic;
		font-family: "Playfair Display", Helvetica, Arial, sans-serif;
	}
  body .woocommerce div.product form.cart .variations .value a:hover, 
	body .woocommerce #content div.product form.cart .variations .value a:hover, 
	body.woocommerce-page div.product form.cart .variations .value a:hover, 
	body.woocommerce-page #content div.product form.cart .variations .value a:hover{
		color:#1fbba6;
	}

  body .woocommerce .widget_product_search form input[type=submit],
	.widget_product_search form input[type=submit]{
		float:left;margin-left:5px;
		height:30px;
		color:#fff;
		background:#1fbba6;
		border:none;
		padding:0 10px;
		line-height:30px;
	}
  .wcmenucart-display-standard .wcmenucart-contents .amount{
		font-weight:600;
		color:#1fbba6;
	}
  .product mark{
    background-color:transparent;
    color:#1fbba6;
  } 
  body.woocommerce-page .woocommerce-breadcrumb > a:hover{
    color:#1fbba6;
  }
  .woocommerce div.product form.cart .button {
    background-color: #f75443;
    padding: 25px 10;
  }
/* Desc & REWIEW */
  .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 14px;
		font-family: "Playfair Display", Helvetica, Arial, sans-serif;
    color: #015f5e;
  }
  	/* Ordinary */
	.woocommerce .woocommerce-ordering select {
		font-family: "Playfair Display", Helvetica, Arial, sans-serif;
    color: #333;
		border: 1px solid #000;
		padding: 10px 0!important;
    }