/* 
Theme Name: Oneline 
Theme URI: https://www.themehunk.com/product/oneline-single-page-wordpress-theme/
Author: ThemeHunk 
Author URI: https://www.themehunk.com 
Description: The Oneline WordPress theme is simple and beautiful with lots of customization options that can tweaked by customize Panel like logos, intro texts, background, section color/background and much more. Oneline Theme supports Six widget area (two in the sidebar, four in the footer) and featured images (thumbnails for portfolio posts and custom header images for posts and pages). It includes dynamic sidebar (left, right and none) option for page and post. This theme has drag and drop section ordering and section on/off option. This highly customizable theme contain responsive typography. Theme compatible with WooCommerce, bbPress, Contact form and lead form builder plugin. 
Version: 2.0.5
License: GNU General Public License v2 or later
License URI: license.txt 
Tags: right-sidebar, custom-menu, editor-style, featured-images, translation-ready, flexible-header, post-formats, sticky-post
Text Domain: oneline
*/
/* WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this
file. Instead use  the custom.css file to add your styles. You can copy a
style from this file and paste it in  custom.css and it will override the
style in this file. You have been warned! :) 
*/
@font-face {
    font-family: 'Roboto-Regular';
    src: url('font/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Italic';
    src: url('font/Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('font/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Light';
    src: url('font/Roboto-Light.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('font/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('font/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
body {
    font-family: "Roboto-Regular", sans-serif;
    background: #f7f7f7;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.42857143;
    color: #1F1F1F;
    margin: 0;
    height: auto!important;
}
::-moz-selection {
    /* Code for Firefox */
    color: #fff;
    background: #D4B068;
}
::selection {
    color: #fff;
    background: #D4B068;
}
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat-Regular", sans-serif;
    letter-spacing: 2px;
}
h1 {
    font-size: 44px;
}
h2 {
    font-size: 40px;
}
h3 {
    font-size: 30px;
}
h4 {
    font-size: 26px;
}
h5 {
    font-size: 20px;
}
h6 {
    font-size: 14px;
}
strong {
    color: #1F1F1F;
    font-family: "Montserrat-Regular", sans-serif;
    letter-spacing: 1px;
}
a,
.contact-form2 textarea,
.navigation ul li a,
.navigation ul li a,
.navigation ul li a:link,
.price-content {
    font-family: 'Roboto-Light', sans-serif;
}
ul,
ul li,
ol,
ol li {
    font-size: 14px;
    color: #7D7D7D;
    letter-spacing: .2px;
}
a:hover,
a:focus {
    color: #D4B068;
}
a:focus,span:focus{
    outline: thin dotted;
    text-decoration: underline;
}
a {
    text-decoration: none;
    color: #D4B068;
}
img {
    max-width: 100%;
}
mark {
    color: #D4B068;
}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="radio"]{
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio;
}
input[type="checkbox"] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
}
pre {
background: #F7F7F7;
font-size: 16px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
 font-family: 'Roboto-Light',sans-serif;
}

/* wp css */
.customize-partial-edit-shortcut button svg {
position: initial!important;
}
.customize-partial-edit-shortcut, .widget .customize-partial-edit-shortcut{
 z-index:0!important;   
}
.wp-caption,
.gallery-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.sticky {
    color: #7D7D7D;
}
.bypostauthor {
    background: #FFF;
}
.commentlist .bypostauthor {
    background: #FFF;
}
p,
.service-content p {
    font-size: 1.02em;
    color: #7D7D7D;
    line-height: 1.6;
}
.service-title a {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 14px;
    color: #111;
    line-height: 1.5;
    letter-spacing: 1.5px;
}
.clearfix {
    margin-top: 0px;
    padding: 0;
}
.logged-in.admin-bar .header {
    top: 20px;
}
.header {
    position: absolute;
}
.header.smaller {
    position: fixed;
}
.smaller {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.smaller {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.home .navigation ul li a{
    color: #fff;
}
.home .smaller .navigation ul.sub-menu li a:hover {
    color: #D4B068;
}
.home ul.sub-menu li a {
    color: #fff;
}
.home .navigation .toggle-caret {
    color: #000;
}
.home a#pull:after {
    content: "\f0c9";
    display: inline-block;
    font-size: 30px;
    color: #fff;
    font-family: FontAwesome;
}
.home .smaller a#pull:after {
    color: #fff;
}
.home .header.header-hide{
display:none;
}
.home .header.header-hide.smaller{
display:block;
}
.header.static{
position: absolute;
}
.home .header.hdr-transparent{
background:none;
}
.home .header.smaller {
    background-color: rgba(20, 20, 20, 0.952941);
}
/*header-center-layout*/
.header.col-center #logo {
    float: none;
    max-width: 100%;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}
.header.col-center #main-menu-wrapper, 
.header.col-center.smaller #main-menu-wrapper {
    width: 100%;
    display: flex;
    float: none;
    padding-top: 0px;
    padding-bottom: 10px;
}
.header.col-center nav.navigation {
    float: none;
    margin: 0 auto;
}
/*split-layout*/
.header.col-center.split #logo{
    display: none;
}
.header.col-center.split #main-menu-wrapper{
    padding: 30px;
}
.split #main-menu-wrapper .navigation ul li.logo-cent a{
    padding: 0px 0px 0px 0px;
    font-size: 30px;
    margin: 0;
    color: #D4B068;
}
.split #main-menu-wrapper .navigation ul li.logo-cent a:before{
    height: 0px;
}
.header .logo-cent h1{
    font-size: 30px;
    margin: 0;
    color: #D4B068;
    text-align:center;
}

.header li.logo-cent p{
    color: #D4B068;
    margin: 0;
    letter-spacing: .5px;
    text-align:center;
}
.split.logo-split-dwn .logo-cent{
top: -30px;
}
.header.col-center.split.logo-split-dwn  nav.navigation {
    float: none;
    margin: 0 auto;
    position: absolute;
    top:40px;
}
.header.col-center.split.logo-split-dwn  #main-menu-wrapper {
    padding: 30px;
    justify-content: center;
}
.header.col-center.split.logo-split-dwn  #main-menu-wrapper {
    padding: 54px;
    justify-content: center;
}
/*last-button-menu*/
.last-btn #menu >li:last-child > a{
border:1px solid #D4B068;
background:#D4B068;
color:#fff;
font-weight:bold;
padding:8px 14px;
}
.last-btn #menu >li:last-child > a:hover{
background:transparent;
color:#D4B068;
}
.last-btn #menu >li:last-child > a:before{
height:0;
}
/*** Loader css **/
.load-more.lfb-load-more{
display: none;
}
.overlayloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fefefe;
    z-index: 99999;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
}
.loader {
    position: absolute;
    border: 2px solid #D4B068;
    border-radius: 50%;
    border-top: 2px solid #f3f3f3;
    width: 50px;
    height: 50px;
    -webkit-animation: spin .6s linear infinite;
    animation: spin .6s linear infinite;
    top: 50%;
    left: 50%;
    margin: -50px 0px 0px -50px;
    display: block;
    background-position: center;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/** Pagination **/

ul.paging {
    display: block;
    text-align: right;
    margin-bottom: 50px;
}
ul.paging li {
    display: inline-block;
    margin: 15px 5px;
}
ul.paging li a {
    border: 1px solid #D4B068;
    padding: 8px 15px;
    font-size: 14px;
    color: #D4B068;
    background-color: #fff;
}
ul.paging li a.current,
ul.paging li a:hover,
li.nav-next a:hover:after,
li.nav-previous a:hover:after {
    background: rgba(212, 176, 104, 0.52);
    color: #fff;
}
li.nav-next a:after {
    font-family: FontAwesome;
    content: "\f101";
    color: #D4B068;
}
li.nav-previous a:after {
    font-family: FontAwesome;
    content: "\f100";
    color: #D4B068;
}
.page-nothing {
    text-align: center;
}
.page-title.svg_enable {
    margin-top: 85px;
}
/*slider css start*/

#slider-div {
    top: 0;
    display: block;
}
.flexslider {
    border: 0px solid #fff;
    box-shadow: none;
}
.flexslider .slides > li:first-child {
    display: block;
    -webkit-backface-visibility: visible;
}
.flex-container a:hover,
.flex-slider a:hover {
    outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flex-slider .slides {
    height: 100% !important;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s;
}
.slides li {
    height: 100vh;
    margin-right: 0px;
    display: none;
}
#slider-div .flex-control-nav li {
  display: inline!important;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides img {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}
.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .flexslider .slides {
    display: block;
}
* html .flexslider .slides {
    height: 1%;
}
.no-js .flexslider .slides > li:first-child {
    display: block;
}
.flexslider {
    margin: 0 0 0px;
    background: #ffffff;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
    zoom: 1;
}
.flexslider .slides img {
    height: 100vh;
    -moz-user-select: none;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.loading .flex-viewport {
    max-height: 300px;
}
.carousel li {
    margin-right: 5px;
}
.flex-direction-nav{
    *height: 0;
}
.flex-direction-nav a{
    text-decoration: none;
    position: absolute;
    display: inline-block;
    position: absolute;
    top: 40%;
    z-index: 2;
    font-size:0;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.flex-direction-nav .flex-prev {
    background: url(images/arrow_left.png) center no-repeat;
    background-size: 40% 40%;
    height: 150px;
    width: 80px;
    opacity: 0.7;
    left: 40px;
    margin-left: -8px;
}
.flex-direction-nav .flex-next {
    background: url(images/arrow_right.png) center no-repeat;
    background-size: 40% 40%;
    height: 150px;
    width: 80px;
    opacity: 0.7;
    right: 40px;
    margin-right: -8px;
}

.flex-disabled{
display:none!important;
}

.flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004';
}
.flex-pauseplay a:hover {
    opacity: 1;
}
.flex-pauseplay a.flex-play:before {
    content: '\f003';
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default;
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}
.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.flex-control-thumbs img:hover {
    opacity: 1;
}
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}
/*button-one*/
.button-one .theme-slider-button,.scnd-button-one .theme-slider-button-2{
font-weight: 600;
    font-size: 13px;
    letter-spacing: 4px;
    color: #ffffff;
    background-color: #e91e63;
    border:none;
    border-radius: 40px;
    padding: 16px 38px;
       display: inline;
   -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
   text-transform: uppercase;
}
.button-one .theme-slider-button:hover,.scnd-button-one .theme-slider-button-2:hover{
background-color:#e91e63;
color:#fff;
-webkit-box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
}
.button-one .theme-slider-button:before,
.button-one .theme-slider-button:after,
.scnd-button-one .theme-slider-button-2:before,
.scnd-button-one .theme-slider-button-2:after{
height:0;
}
/*button-two*/
.button-two .theme-slider-button,
.scnd-button-two .theme-slider-button-2{
    position: relative;
    text-decoration: none;
    border-color:#2cc2e6;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-style: solid;
    border-width: 2px;
    padding: 15px 65px;
    border: 2px solid #2cc2e6;
    font-size: 18px;
    background-color:#2cc2e6;
    -webkit-box-shadow: 0px 0px 2px 0px #333;
    -moz-box-shadow: 0px 0px 2px 0px #333;
    box-shadow: 0px 0px 2px 0px #333;
}
.button-two .theme-slider-button:hover,
.scnd-button-two .theme-slider-button-2:hover{
background-color: transparent;
    color: #2cc2e6;
}
.button-two .theme-slider-button:before,
.button-two .theme-slider-button:after,
.scnd-button-two .theme-slider-button-2:before,
.scnd-button-two .theme-slider-button-2:after{
height:0;
}
/*button-three*/
.button-three .theme-slider-button,
.scnd-button-three .theme-slider-button-2{
font-size: 18px;
background: #8d9092;
color:#fff;
 border-radius: 0px;
font-weight: bold;
 font-style: normal;
text-transform: uppercase;
text-decoration: none;
    letter-spacing: 2px;
    position: relative;
    padding: 0.9em 1em;
    border: 2px solid #8d9092;
    -webkit-border-radius: 3px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;

}
.button-three .theme-slider-button:after,
.scnd-button-three .theme-slider-button-2:after  {
content:"\f105"!important;
font-family:"FontAwesome";
position: absolute;
font-size:26px;
margin-left: -1em;
opacity: 0;
line-height: 1.1em;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
font-weight: normal;
font-style: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-transform: none;
speak: none;
display: inline-block;
}
.button-three .theme-slider-button:hover ,
.scnd-button-three .theme-slider-button-2:hover {
border-radius: 0px;
letter-spacing: 2px;
padding-left: 0.7em;
padding-right: 1.7em;
}
.button-three .theme-slider-button:hover:after,
.scnd-button-three .theme-slider-button-2:hover:after {
    margin-left:15px;
    opacity: 1;
}
.button-three .theme-slider-button:before,
.button-three .theme-slider-button:after,
.scnd-button-three .theme-slider-button-2:before,
.scnd-button-three .theme-slider-button-2:after{
height:0;
left: inherit;
margin-right: inherit;
}
.button-three .theme-slider-button:hover,
.scnd-button-three .theme-slider-button-2:hover{
background:#8d9092;
color: #fff;
transition: all 0.2s;
}
/*button-four*/
.button-four .theme-slider-button,
.scnd-button-four .theme-slider-button-2{
  background-color:#D4B068;
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: inline;
  font-size: 1em;
  font-size: 18px;
  line-height: 1em;
  outline: none;
  padding: 15px 40px 15px;
  position: relative;
  font-weight: 700;
  letter-spacing:1px;
}

.button-four .theme-slider-button:before,
.button-four .theme-slider-button:after,
.scnd-button-four .theme-slider-button-2:before,
.scnd-button-four .theme-slider-button-2:after{
  border-color: transparent;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  border-style: solid;
  border-width: 0;
  content: "";
  height: 24px;
  position: absolute;
  width: 24px;
}

.button-four .theme-slider-button:before,
.scnd-button-four .theme-slider-button-2:before{
  border-color: #D4B068;
  border-top-width: 2px;
  left: 0px;
  top: -5px;
}

.button-four .theme-slider-button:after,
.scnd-button-four .theme-slider-button-2:after{
  border-bottom-width: 2px;
  border-color: #D4B068;
  bottom: -5px;
  right: 0px;
}

.button-four .theme-slider-button:hover,
.scnd-button-four .theme-slider-button-2:hover{
background-color: #D4B068;

}

.button-four .theme-slider-button:hover:before,
.button-four .theme-slider-button:hover:before,
.scnd-button-four .theme-slider-button-2:hover:after,
.scnd-button-four .theme-slider-button-2:hover:after{
  height: 100%;
  width: 100%;
}

.button-four .theme-slider-button:before,
.scnd-button-four .theme-slider-button-2:before{
    background-color: transparent;
    content: "";
    display: inline-block;
    height: 0px;
    position: absolute;
    vertical-align: middle;
    width: 20%;
    right: auto;
    margin-left: 0;
}
.button-four .theme-slider-button:after,
.scnd-button-four .theme-slider-button-2:after{
    background-color: transparent;
    content: "";
    display: inline-block;
    height: 0px;
    position: absolute;
    vertical-align: middle;
    width:20%;
    right: 0em;
    margin-right: 0%;
    left: inherit;
}

/*hero id*/
.hero-scroll a span {
    position: absolute;
    bottom: 10%;
    left:0;
    right:0;
    margin: 0 auto;
    width: 48px;
    height: 48px;
    z-index:2;
}
.hero-scroll a span::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    content: '';
}
.hero-scroll a span::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -8px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-sizing: border-box;
}


/*slider css end*/

section#services,
section#ribbon,
section#portfolio,
section#about-us,
section#team,
section#testimonials,
section#latest-post,
section#price-package,
section#woo-section,
section#contact,
section#brand{
background-size: cover !important;
background-repeat: no-repeat!important;
}
#services .main-heading,
#portfolio .main-heading,
#team .main-heading,
#latest-post .main-heading,
#price-package .main-heading,
#about-us .main-heading,
#woo-section .main-heading,
#contact .cnt-main-heading,.custom .main-heading{
    color: #111;
    line-height: 46px;
    margin: 0;
}
#services .sub-heading,
#portfolio .sub-heading,
#team .sub-heading,
#latest-post .sub-heading,
#price-package .sub-heading,
#woo-section .sub-heading,
#about-us .sub-heading,
#contact .cnt-sub-heading,.custom .sub-heading {
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 18px;
    color: #7D7D7D;
    line-height: 1.6;
    letter-spacing: .4px;
    text-align: center;
    margin: 0;
    padding-top: 15px;
}
.header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    display: block;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}
.header #logo {
    max-width: 30%;
    width: 20%;
    float: left;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.header #logo img {
   height:auto;
}

#logo img {
   height: auto;
}

.header.smaller #logo img {
    max-width: 150px;
    width: 150px;
    height: auto;
}
.header #logo h1 {
    font-size: 30px;
    margin: 0;
}
.header.smaller #logo h1 {
    font-size: 22px;
    margin: 0;
}
.home .header #logo h1 a {
    color: #D4B068;
}
.header #logo p,
.header #logo p {
    color: #D4B068;
    margin: 0;
    letter-spacing: .5px;
}
.header.smaller #logo p,
.header.smaller #logo h1 a {
    color: #D4B068;
}
.header.smaller #logo p{
    color: #7D7D7D;
    line-height:1.2;
}
.header.smaller {
    background-color: rgba(20, 20, 20, 0.952941);
}
.static.smaller #main-menu-wrapper {
padding-top: 30px;
padding-bottom: 15px;
}
.container,
#page {
    max-width: 1170px;
    min-width: 240px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    clear: both;
}
#page {
    clear: both;
    float: none;
}
.clear {
    clear: both;
}
.content-wrapper {
    width: 70%;
    max-width: 100%;
    float: left;
}
#page.left .sidebar-wrapper {
    float: left;
}
#page.left .content-wrapper {
    float: right;
}
#page.no-sidebar .content-wrapper{
    width: 100%;
    max-width: 1170px;
}
#page.no-sidebar .content-wrapper .sidebar {
    display: none;
}
#page.no-sidebar .sidebar {
    display: none;
}
.sidebar-wrapper {
    max-width: 400px;
    width: 27.5%;
    float: right;
    margin-top: 35px;
    margin-bottom: 80px;
}
.svg_enable .sidebar-wrapper {
    max-width: 400px;
    width: 27.5%;
    float: right;
    margin-bottom: 80px;
    margin-top: 0px;
}
/*pages layout*/
.svg_enable .page-content {
    background: #fff;
    padding: 20px;
    padding-top: 100px;
    margin-bottom: 100px;
    margin-top: 0px;
}
.svg_enable .sidebar {
    background-color: #fff;
    padding-top: 70px;
    margin-bottom: 70px;
}



#main-menu-wrapper {
    display: block;
    float: right;
    width: 80%;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.home .navigation ul li a.active,.navigation ul li.current_page_item a  {
    color: #D4B068;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: initial;
}
.home .navigation ul li a.active:before{
    width: 100%;
}
.home .navigation ul li a .active:before{
    content: '';
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #D4B068;
}
.navigation ul li.current_page_item a:before {
    content: '';
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #D4B068;
}
.smaller .navigation ul li.current_page_item a{
  color:#D4B068;
}
nav.navigation {
    float: right;
}
.navigation > ul > li{
    float: left;
    position: relative;
    margin: 0px 15px;
}
.navigation ul li a,
.navigation ul li a:link {
    display: inline-block;
    text-decoration: none;
    color: white;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: capitalize;
    font-weight: 300;
    border: none;
    padding:8px 0px 8px 0px;
    line-height: 18px;
}
.home .navigation ul li a:hover {
    color: #D4B068;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: initial;
}
.navigation ul li a:hover,
.navigation ul li a:link:hover{
    color: #D4B068;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: initial;
}
.smaller .navigation ul li a:hover,
.smaller .navigation ul li a:link:hover{
    color: #D4B068;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: initial;
}
.navigation ul li a:before {
    content: '';
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #D4B068;
}
.navigation ul li a:hover:before {
    width: 100%;
}
.navigation li.current-menu-item > a:before,
.navigation li.sfHover > a:before,
.navigation li a:hover:before {
    width: 100%;
}
.home .navigation ul li.current-menu-item a
{
    color: #D4B068;
}
.smaller .navigation ul li.current-menu-item ul.sub-menu a {
    color: #666;
}
.navigation ul li.current-menu-item a,
.navigation ul li.current-menu-item a:link {
    color: #D4B068;
}

.navigation ul ul {
    position: absolute;
    padding-top: 5px;
}
.navigation .sub-menu ul {
    padding-top: 0px;
}
.navigation ul ul.sub-menu a{
    font-size: 12px;
    letter-spacing: 1px;
    width: 150px;
    padding: 12px 15px 12px 15px;
    position: relative;
    border-left: 0;
    color: #666;
    border-right: 0;
    border-radius: 0;
    border-bottom: 2px solid rgba(188, 180, 180, 0.1);
    margin: 0;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: initial;
}

.navigation ul ul.sub-menu a,
.navigation ul ul.sub-menu a:hover {
    background-color: #fff;
    color: #666;
}
.navigation ul ul li:last-child a {
    border-bottom: none
}
.navigation ul ul {
    display: none
}
.navigation ul ul ul {
    left: 150px;
    top: 0;
}
.navigation ul.sub-menu li a:hover {
    color: #D4B068;
    background-color: #fff;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: initial;
}
.navigation ul.sub-menu li a:hover:before {
    content: '';
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #fff;
}
.home .smaller .navigation ul ul.sub-menu a {
    border-bottom: 2px solid rgba(188, 180, 180, 0.1);
}
.smaller .navigation ul ul.sub-menu a {
    border-bottom: 2px solid rgba(188, 180, 180, 0.1);
}
.sub-menu .menu-item-has-children:after {
    color: #fff
}
.navigation .toggle-caret {
    display: none
}
/*start split-menu*/

/*end split-menu*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both
}
.clearfix {
    *zoom: 1
}
a#pull {
    display: none
}
.navigation i {
    margin-right: 4px
}
.navigation ul li.current_page_item ul.sub-menu li a:before, 
ul.sub-menu li.current_page_item a:before {
    display:none;
}
.navigation ul li.current_page_item ul.sub-menu a {
    color: #666;
}
.home .navigation ul ul.sub-menu a {
    color: #666;
}
/*-Custom Nav Widget-*/
.widget_nav_menu .fa > a,
.widget_nav_menu .fa > a {
    padding-left: 5px
}
.widget_nav_menu .sub-menu {
    margin-top: 8px
}
.widget_nav_menu .menu-item-has-children > a:after {
    content: ''
}
/*-Toggle menu-*/

.toggle-menu ul ul {
    display: none
}
.toggle-menu .toggle-menu-item-parent {
    position: relative
}
.toggle-menu .toggle-caret {
    position: absolute;
    top: 0px;
    right: 0;
    text-align: center;
    cursor: pointer;
    line-height: inherit;
}
.toggle-menu .toggle-caret .fa {
    width: 20px;
    text-align: center;
    font-size: inherit;
    color: inherit;
    line-height: 24px;
}
.toggle-menu .active > .toggle-caret .fa:before {
    content: "\f068"
}
#slider-div li {
    width: 100% !important;
    background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat;
}
section, #slider-div .parallax-pro li, section.parallax-pro, .parallax-pro .demo-image{
    -webkit-backface-visibility: hidden;
}
#slider-div .parallax-pro li, section.parallax-pro{
background-attachment: fixed !important;
}
.over-lay {
    background: rgba(0, 0, 0, 0.55);
    top: 0px;
    width: 100%;
    z-index: 9999;
    height: 100%;
}
.fs-caption {
    position: relative;
    display: table;
    height: 100%;
    width:70%;
    margin: 0 auto;
    top: 0;
}
.caption-container {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.caption-container h2 {
    color: #DABC80;
    line-height:46px;
    margin: 0;
}
.caption-container a {
    color: #fff;
}
.title.overtext{
    padding-bottom: 30px;
}
.button-one .title.overtext,.scnd-button-one .title.overtext,
.button-two .title.overtext,.scnd-button-two .title.overtext,
.button-three .title.overtext,.scnd-button-three .title.overtext,
.button-four .title.overtext,.scnd-button-four .title.overtext{

      padding-bottom:60px;
}

.default .slider-button,.scnd-default .slider-button{
    padding-top: 60px;
}

.slider-button a,.slider-button-2 a {
    text-decoration: none;
}
.default .theme-slider-button,.scnd-default .theme-slider-button-2 {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    padding: 15px 65px;
    border: 2px solid white;
    font-size: 18px;
}
.scnd-default .theme-slider-button-2{
    margin-left:20%;
}
.default .theme-slider-button:hover,.scnd-default .theme-slider-button-2:hover {
    background: rgba(255, 255, 255, 0.7);
    color: #fff;
    transition: background 0.3s linear;
}
.default .theme-slider-button:before,.scnd-default .theme-slider-button-2:before {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 10%;
    right: 3.7em;
    margin-left: -10%;
}
.default .theme-slider-button:after,.scnd-default .theme-slider-button-2:after {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 10%;
    left: 3.7em;
    margin-right: -10%;
}

.theme-slider-button-2{
margin-left:20px;
}
.slider  .slider-button a{
    display: inline-block;
}
/*----end slider style--------*/

section.svg_enable {
    padding-bottom: 180px;
}
/*start svg style*/
.svg-top-container {
    margin-top: -100px !important;
    margin-bottom: 0px !important;
    height: 100px;
    width: 100%;
    position: absolute;
    z-index: 4;
}
svg.oneline-svg{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.svg-side-bar {
    margin-top: -50px;
    margin-bottom: 0px;
    height: 50px;
    width: 100%;
    position: relative;
    z-index: 4;
}
.svg-bottom-container {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    height: 100px;
    width: 100%;
    position: absolute;
    z-index: 4;
}

.svg-service-top-team {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    height: 100px;
    width: 100%;
    position: relative;
    z-index: 4;
}
.svg-service-top-Portfolio {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    height: 100px;
    width: 100%;
    position: relative;
    z-index: 4;
}
.svg-service-bottom-container {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    height: 100px;
    width: 100%;
    position: absolute;
    z-index: 4;
}
.oneline-polygon {
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 9;
    overflow: hidden;
    margin-bottom: -1px;
    margin-top: -199px;
    height: 200px;
    z-index: 4;
}
.service-wrapper,.ribbon-wrapper,
.portfolio-wrapper,
.about-us-wrapper,
.team-wrapper,
.testimonials-wrapper,
.woo-wrapper,.post-wrapper,
.price-wrapper,
.contact-wrapper,
.brand-wrapper,.footer-wrapper,.foot-copyright{
position:relative;
}
.svg-top-container.elementor-shape {
    margin-top: -150px !important;
    margin-bottom: 0px !important;
    height: 150px;
    width: 100%;
    position: absolute;
    z-index: 4;
    fill: #fff;
}
svg.svg-three {
    top: -27px;
}
.svg-three {
    position: absolute;
    z-index: 20;
    display: block;
    height: 27px;
    z-index: 4
}
@supports (-ms-ime-align:auto){ 
    
.svg-top-container {
    margin-top: -99.5px !important;
    margin-bottom: 0px !important;
    height: 100px;
    width: 100%;
    position: absolute;
    z-index: 4;
}
.svg-bottom-container{
    margin-top: -0.5px!important;
    margin-bottom: 0px!important;
    height: 100px;
    width: 100%;
    position: absolute;
    z-index: 4;
}
}
/*end svg style*/
section#services,
section#ribbon,
section#portfolio,
section#about-us,
section#team,
section#testimonials,
section#latest-post,
section#price-package,
section#woo-section,
section#contact,
section#brand{
    padding-top: 120px;
    padding-bottom: 120px;
    position: relative;
}
/*------start service section style--------*/
#services {
    z-index:1;
    display: block;
    overflow: hidden;
    background-color: #fff;
}
.page-services {
    width: 100%;
    float: left;
    text-align: center;
}
.service-block {
    display: block;
    float: left;
    width: 100%;
    padding-top: 80px;
}
.service-block ul li,
.service-block ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.service-grid li.service-list {
    width: 23.5%;
    float: left;
    position: relative;
}
ul.service-grid li.service-list:nth-of-type(4n+1) {
    clear: left;
}
ul.service-grid li.service-list:nth-of-type(4n+4) {
    margin-right: 0px;
}
.service-grid .service-list {
    margin-right: 2%;
}
.service-title {
    text-align: center;
}
.service-title a {
    text-align: center;
    text-decoration: none;
}
.service-icon i {
    font-size: 50px;
    display: inline-block;
    line-height: 100px;
    text-align: center;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.service-icon1 {
    position: relative;
}
.service-icon1 a:before {
    content: "\f0eb";
    font-family: FontAwesome;
    color: #D4B068;
    font-size: 50px;
    display: inline-block;
    line-height: 100px;
    text-align: center;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.service-icon1 a:hover:before,
.service-icon2 a:hover:before,
.service-icon3 a:hover:before,
.service-icon3 a:hover:before,
.service-icon4 a:hover:before {
    color: #D4B068;
}
.service-icon2 a:before {
    content: "\f130";
    font-family: FontAwesome;
    color: #D4B068;
    font-size: 50px;
    display: inline-block;
    line-height: 100px;
    text-align: center;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.service-icon3 a:before {
    content: "\f085";
    font-family: FontAwesome;
    color: #D4B068;
    font-size: 50px;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.service-icon4 a:before {
    content: "\f087";
    font-family: FontAwesome;
    color: #D4B068;
    font-size: 50px;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
ul.service-grid li.service-list .service-icon img{
    padding-bottom:20px;
}
/*slide css*/
ul.service-grid.owl-carousel  li.service-list{
width:100%;
}

ul.service-grid.owl-carousel .service-list{
margin-right:0;
}

/*------end service section style--------*/
/*------start ribbon section style--------*/

#ribbon {
    display: block;
    overflow: hidden;
}
#ribbon {
    position: relative;
    color: white;
    z-index: 1;
}
#ribbon video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.ribon-box {
    width: 100%;
    text-align: center;
}
.ribbon-content {
    width: 100%;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
}
.ribbon-content h3 {
    color: #fff;
    margin: 0;
}
.ribbon-button {
    padding: 30px 0;
}
.header-button.left-button {
    -webkit-border-radius: 0.1s;
    -moz-border-radius: 0.1s;
    border-radius: 0px;
    color: #fff;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    border: solid #fff 1px;
    text-decoration: none;
    text-transform: capitalize;
    display: inline-block;
    margin-top: 15px;
    transition: all 0.3s;
    cursor: pointer;
}
.header-button.left-button:hover {
    background: rgba(255, 255, 255, 0.5);
    color: #fff;
}
/*end ribbon style*/
/*start testimonials style*/

.testimonials {
    width: 100%;
    background-size: cover!important;
    position: relative;
}
.testimonials-box {
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.testimonials-div {
    max-width: 800px;
    margin: 0 auto;
    height: auto;
}
#testimonials .main-heading {
    line-height: 46px;
    margin: 0;
    color: #fff;
    text-align: center;
}
#testimonials .sub-heading {
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 18px;
    color: #7D7D7D;
    line-height: 1.6;
    letter-spacing: .4px;
    text-align: center;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 80px;
}
.image-test img {
    width: 80px;
    height: 80px;
    border: 3px solid #D4B068;
    border-radius: 100%;
}
.test-cont-heading h2 {
    font-family: 'Roboto-Bold', sans-serif;
    margin: 8px 0 8px 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    letter-spacing: 2px;
}
.test-cont p {
    margin: 15px 8px 8px 8px;
    font-size: 15px;
    line-height: 1.5;
    color: #808080;
    text-align: center;
}
.testimonials .brd-testimonial {
    height: 2px;
    width: 50px;
    background-color: #D4B068;
    margin: 0 auto;
}
/*end testimonials style*/
/*start portfolio*/

#portfolio {
    display: block;
    overflow: hidden;
    background-color: #f7f7f7;
}
.page-portfolio {
    width: 100%;
    float: left;
    text-align: center;
}
.portfolio-block {
    display: block;
    float: left;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 80px;
}
.portfolio-block ul li,
.portfolio-block ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.portfolio-grid li.portfolio-list {
    width: 25%;
    float: left;
    position: relative;
}
ul.portfolio li.portfolio-list:nth-of-type(4n+4) {
    margin-right: 0px;
}
.portfolio-grid .portfolio-list {
    margin-right: 0%;
}
.portfolio-image {
    overflow: hidden;
    width: 100%;
    height: auto;
}
.portfolio-image img {
    max-width: 100%;
    height: auto;
    float: left;
}
.portfolio-content {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0px 0%;
    max-width: 100%;
    width: 100%;
    text-align: center;
    transform: translateZ(0);
}
.portfolio-content * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.portfolio-content img {
    max-width: 100%;
    vertical-align: top;
    -webkit-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}
.portfolio-content figcaption:hover {
    background: rgba(50, 55, 60, 0.92);
    position: absolute;
    -webkit-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.portfolio-content figcaption {
    position: absolute;
    top: 0;
    height: 100%;
    right: 0;
    width: 100%;
    z-index: 2;
}
.portfolio-content h2 {
    margin: 0;
    width: 100%;
    opacity: 0;
    margin-top: 20%;
    font-size: 24px;
    line-height: 24px;
}
.portfolio-content h2:after {
    content: '';
    display: block;
    background: #fff;
    height: 2px;
    max-width: 60px;
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 5px;
    opacity: 0.6
}
.portfolio-content:hover img,
.portfolio-content.hover img {
    opacity: 1;
}
.portfolio-content:hover:before,
.portfolio-content.hover:before {
    right: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.portfolio-content:hover figcaption h2,
.portfolio-content.hover figcaption h2,
.portfolio-content:hover figcaption p,
.portfolio-content.hover figcaption p {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
.portfolio-content:hover figcaption h2,
.portfolio-content.hover figcaption h2 {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 1;
}
ul.portfolio-navi button {
    border: 1px solid #ddd;
    font-size: 14px;
    color: #7D7D7D;
    display: block;
    padding: 10px 20px 10px 20px;
    text-transform: capitalize;
    margin: 0 5px 10px 5px;
    border-radius: 0;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.4s ease 0s;
}
ul.portfolio-navi button.active.is-checked,
ul.portfolio-navi button:visited,
ul.portfolio-navi button:focus {
    background: #fff;
    border: 1px solid #d1a934;
}
ul.portfolio-navi {
    display: table;
    float: none;
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
    width: auto;
    margin-top: 40px;
}
ul.portfolio-navi li {
    display: inline-block;
    margin: 0 2px;
}
button.load-more {
    display: inline-block;
    padding: 11px 30px;
    text-transform: capitalize;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.30px;
    line-height: 14px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    position: relative;
    border: 1px solid #D4B068;
    cursor: pointer;
    margin: 45px auto 0;
    background-color: transparent;
}
.popup .single-post-content {
    padding-top: 0px;
    margin-bottom: 0px;
    padding: 50px;
}
.popup .content {
    width: 100%;
    max-width: 100%;
}
.popup .caption-container{
    display:block;
}

.popup .caption-container h2 a{
    color:#D4B068;
}
.popup .caption-container h2{
    padding-top:10px;
}
.popup .single-header .post-date p {
   padding-top: 0px;
   padding-bottom: 10px;
}

.popup .single-post .post-detail{
max-height: 320px;
overflow-y: auto;
}
.mfp-with-zoom .mfp-container{
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
    transition: all 0.2s ease-in-out; 
    transform: scale(1.03); 
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.9;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
  transition: all 0.2s ease-in-out;

} 
.popup .post-detail::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.popup .post-detail::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

.popup .post-detail::-webkit-scrollbar-thumb
{
    background-color: #D4B068;
}

/*end portfolio*/
/*star about-us section*/

#about-us {
    display: block;
    overflow: hidden;
    background-color: #3C3D3E;
}
#about-us .main-heading,
#about-us .sub-heading {
    color: #808080;
}
.page-about-us {
    width: 100%;
    float: left;
    text-align: center;
}
.about-us-block {
    display: inline-block;
    width: 100%;
    max-width: 800px;
    padding-top: 80px;
    margin: 0 auto;
}
.about-us-paragraph {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    
    -moz-column-count: 2;
    /* Firefox */
    
    column-count: 2;
    -webkit-column-gap: 20px;
    /* Chrome, Safari, Opera */
    
    -moz-column-gap: 20px;
    /* Firefox */
    
    column-gap: 20px;
    text-align: left;
}
.about-us-paragraph p {
    line-height: 24px;
    margin: 0;
}
.about-us-paragraph p:first-child:first-letter {
    font-size: 72px;
    float: left;
    padding: 10px;
    height: 64px;
    color: #D4B068;
}
.social-icon-div {
    width: 100%;
    text-align: center;
    padding-top: 48px;
}
.social-meta {
    overflow: hidden;
    text-align: center;
}
.social-meta .social-social-fb,
.social-meta .social-social-tw,
.social-meta .social-social-gm,
.social-meta .social-social-ln,
.social-meta .social-social-insta {
    display: inline-block;
    color: #FFF;
    padding: 6px;
}
.social-meta li a {
    border-radius: 100%;
    color: #fff;
    height: 40px;
    width: 40px;
    display: block;
    line-height: 16px;
    border: 2px solid #fff;
}
.social-meta .social-social-fb a:before {
    content: "\f09a";
    font-family: FontAwesome;
    font-size: 20px;
}
.social-meta li a:hover {
    color: #D4B068;
    border: 2px solid #D4B068;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.social-social-tw a:before {
    content: "\f099";
    font-family: FontAwesome;
    font-size: 20px;
    display: block;
}
.social-social-gm a:before {
    content: "\f0d5";
    font-family: FontAwesome;
    font-size: 20px;
}
.social-social-insta a:before {
    content: "\f16d";
    font-family: FontAwesome;
    font-size: 20px;
}
.social-social-ln a:before {
    content: "\f0e1";
    font-family: FontAwesome;
    font-size: 20px;
}
.social-meta a {
    text-decoration: none;
    font-size: 14px;
    padding: 10px;
}
.social-meta ul:before {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 30%;
    right: 1em;
    margin-left: -30%;
}
.social-meta ul:after {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 30%;
    left: 1em;
    margin-right: -30%;
}
/*end about-us style*/
/*start team style*/

#team {
    display: block;
    overflow: hidden;
    background-color: #fff;
}
.page-team {
    width: 100%;
    float: left;
    text-align: center;
}
.team-block {
    display: block;
    float: left;
    width: 100%;
    padding-top: 80px;
}
.team-block ul li,
.team-block ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.team-grid li.team-list {
    width: 23.5%;
    float: left;
    position: relative;
    padding-bottom: 20px;
}
ul.team-grid li.team-list:nth-of-type(4n+4) {
    margin-right: 0px;
}
.team-grid .team-list {
    margin-right: 2%;
}
.team-list:hover .team-content img {
    border: 3px solid #D4B068;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
figure.team-content {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0px 0%;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
figure.team-content * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
figure.team-content img {
    max-width: 87%;
    margin: 40px auto;
    display: block;
    position: relative;
    border: 2px solid #C5C5C5;
    padding: 15px 15px 50% 15px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
figure.team-content figcaption {
    position: absolute;
    height: 35%;
    bottom: 0px;
    left: 0;
    right: 0;
    display: block;
}
figure.team-content h3 {
    font-size: 18px;
    background-color: #ffffff;
    color: #000000;
    width: 100%;
    padding: 5px 12px;
    margin: 0;
    text-transform: capitalize;
}
figure.team-content h3 span {
    font-weight: 800;
}
figure.team-content h4 {
    font-family: 'Roboto-Light';
    margin: 0;
    opacity: 0.7;
    font-size: 1.2em;
    padding-top: 3px;
    padding-bottom: 2px;
    letter-spacing: 1px;
}
.team-social-meta {
    overflow: hidden;
    text-align: center;
}
li .team-social-social {
    display: inline-block;
}
li .team-social-social i {
    display: inline-block;
    padding: 8px;
    font-size: 14px
}
li .team-social-social i:hover {
    opacity: 0.7;
}
.team-social-meta .team-social-social-fb,
.team-social-meta .team-social-social-tw,
.team-social-meta .team-social-social-gm,
.team-social-meta .team-social-social-ln {
    display: inline-block;
    padding: 8px;
}
.team-social-meta li a {
    color: #666;
    display: block;
}
.team-social-meta li a:hover {
    color: #D4B068;
    display: block;
}
.team-social-meta .team-social-social-fb a:before {
    content: "\f09a";
    font-family: FontAwesome;
    font-size: 14px
}
.team-social-social-tw a:before {
    content: "\f099";
    font-family: FontAwesome;
    font-size: 14px;
}
.team-social-social-gm a:before {
    content: "\f0d5";
    font-family: FontAwesome;
    font-size: 14px;
}
.team-social-social-insta a:before {
    content: "\f0d5";
    font-family: FontAwesome;
    font-size: 14px;
}
.team-social-social-ln a:before {
    content: "\f0e1";
    font-family: FontAwesome;
    font-size: 14px;
}

/*team slide*/
ul.owl-carousel.team-grid .owl-item{
    padding: 3px;
}
ul.owl-carousel.team-grid li.team-list{
width:100%;
}
ul.team-grid.owl-carousel .team-list{
margin-right:0;
}
/*end team style*/
/*start latest post*/
#latest-post {
    display: block;
    overflow: hidden;
    background-color: #f7f7f7;
}
.page-post {
    width: 100%;
    float: left;
    text-align: center;
}
ul.post-grid li.post-list:nth-of-type(4n+1) {
clear:both;
}
.post-block {
    display: block;
    float: left;
    width: 100%;
    padding-top: 80px;
}
.post-block ul li,
.post-block ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.post-grid li.post-list {
    width: 23.5%;
    float: left;
    position: relative;
    padding-bottom: 20px;
}
ul.post-grid li.post-list:nth-of-type(4n+4) {
    margin-right: 0px;
}
.post-grid li {
    display: list-item;
    text-align: -webkit-match-parent;
}
.post-grid .post-list {
    margin-right: 2%;
}
figure.post-content {
    font-family: 'Raleway', Arial, sans-serif;
    color: #fff;
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0px 0%;
    width: 100%;
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    font-size: 16px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
figure.post-content * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
figure.post-content img {
    max-width: 100%;
    vertical-align: top;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
figure.post-content figcaption {
    padding: 25px;
    position: relative;
    text-align: center;
}
figure.post-content .date,
figure.post-content i {
    background-color: rgba(0, 0, 0, 0.6);
    color: #D4B068;
    top: 25px;
    left: 25px;
    min-height: 60px;
    min-width: 60px;
    position: absolute;
    text-align: center;
}
figure.post-content .date {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    font-size: 22px;
    text-transform: capitalize;
}
figure.post-content .date span {
    display: block;
    line-height: 30px;
}
figure.post-content .date .month {
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0.1);
}
figure.post-content i {
    line-height: 60px;
    font-size: 30px;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
figure.post-content h3,
figure.post-content p {
    margin: 0;
    padding: 0;
    text-align: center;
}
figure.post-content h3 {
    font-size: 18px;
    color: #111;
    text-align: center;
    line-height: 20px;
    text-decoration: none;
    letter-spacing: 2px;
    padding-bottom: 10px;
}
figure.post-content p {
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 1.6em;
    color: #7D7D7D;
}
figure.post-content button {
    border: medium none;
    padding: 10px 20px;
    background-color: #D4B068;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 2px;
    text-transform: capitalize;
    font-size: 0.8em;
    cursor: pointer;
}
figure.post-content:hover img,
figure.post-content.hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
figure.post-content:hover .date,
figure.post-content.hover .date {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
figure.post-content:hover i,
figure.post-content.hover i {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
figure.post-content:hover button,
figure.post-content.hover button {
    background-color: #A20B0B;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
/*post slide*/
ul.owl-carousel.post-grid .owl-item {
    padding:2px;
}
ul.owl-carousel.post-grid li.post-list{
width:100%;
}
ul.post-grid.owl-carousel .post-list{
margin-right:0;
}
/*end latest post*/
/*woocommerec start style*/

#woo-section {
    display: block;
    overflow: hidden;
    background-color: #f7f7f7;
}
.page-woo {
    width: 100%;
    float: left;
    text-align: center;
}
.woo-block {
    display: block;
    float: left;
    width: 100%;
    padding-top: 80px;
}
/*woocommerec end style*/
/*start price and package style*/

#price-package {
    display: block;
    overflow: hidden;
    background-color: #fff;
}
.page-price-package {
    width: 100%;
    float: left;
    text-align: center;
}
.price-block {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    padding-top: 80px;
}
ul.price-grid li.price-list {
    width: 32%;
    float: left;
    margin-bottom: 2%;
}
ul.price-grid li.price-list:nth-of-type(3n+3) {
    margin-right: 0px;
}
.price-grid .price-list {
    margin-right: 2%;
}
.price-content {
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    max-width: 100%;
}
.price-content .plan {
    margin: 0;
    width: 100%;
    position: relative;
    float: left;
    background-color: #fff;
    border: 1px solid #ccc;
}
.price-content .featured {
    margin-top: -15px;
    padding-bottom: 20px;
    width: 99%;
    position: relative;
    float: left;
    background-color: #fff;
    border: 2px solid #D4B068;
}
.price-content header {
    position: relative;
    padding-top: 45px;
    padding-bottom: 18px;
}
.price-content .plan-title {
    top: 0;
    font-weight: 800;
    padding: 10px;
    margin: 0;
    display: inline-block;
    color: #ffffff;
    text-transform: capitalize;
}
.price-content .price {
    font-family: 'Roboto-Bold', sans-serif;
    top: 0;
    border-bottom: 1px solid rgba(193, 193, 193, 0.48);
    font-size: 40px;
    color: #D4B068;
}
.sup-up {
    font-size: 28px;
}
.price-content .sup-down {
    font-size: 14px;
    letter-spacing: 1px;
}
.price-content .plan-price {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 1.2em;
    color: #ffffff;
}
.price-content .plan-type {
    opacity: 0.8;
    color: #ffffff;
    font-size: 0.7em;
}
.price-content .plan-features {
    padding: 0;
    margin: 0;
    text-align: center;
    list-style: outside none none;
    font-size: 1em;
}
.price-content .plan-features-main li {
    background-color: #fff;
    padding: 8px 5%;
}
.price-content .plan-features li {
    padding: 8px 5%;
}
.price-content .plan-select {
    background-color: #fff;
    padding-bottom: 40px;
    padding-top: 20;
}
.price-content .plan-select a {
    color: #7D7D7D;
    text-decoration: none;
    background: transparent;
    padding: 10px 20px 10px 20px;
    font-size: 14px;
    text-transform: capitalize;
    display: inline-block;
    letter-spacing: 1px;
    margin-top: 15px;
    border: 1px solid #D4B068;
}
.price-content .plan-select a:hover {
    color: #D4B068;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}
.price-content .plan-select-features a,
#latest-post span.read-more a {
    -webkit-border-radius: 0.1s;
    -moz-border-radius: 0.1s;
    border-radius: 0px;
    color: #7D7D7D;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    border: solid #7D7D7D 1px;
    text-decoration: none;
    text-transform: capitalize;
    display: inline-block;
    margin-top: 15px;
    cursor: pointer;
    background: transparent;
}
.price-content .plan-select-features a:hover,
#latest-post span.read-more a:hover {
    color: #D4B068;
    border-color: #D4B068;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}
.plan-select-features {
    padding-bottom: 40px;
    padding-top: 20;
}
.price-content .featured header {
    position: relative;
    background-color: #fff;
    padding-top: 45px;
    padding-bottom: 18px;
}
.price-content .featured .plan-title,
.price-content .featured .plan-price {
    color: #ffffff;
}
.price-content .featured .plan-title {
    padding: 10px 0px 0px;
}
.plan-title h3 {
    color: #010101;
    font-size: 26px;
}
.price-icon i {
    font-size: 40px;
    display: inline-block;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    line-height: 100px;
    background-color: #fff;
    text-align: center;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.price-icon1:before {
    content: "\f217";
    font-family: FontAwesome;
    color: #D4B068;
    font-size: 40px;
    display: inline-block;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    border: 2px solid #D4B068;
    line-height: 100px;
    text-align: center;
    background-color: #fff;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.price-icon2:before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #D4B068;
    font-size: 40px;
    display: inline-block;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    border: 2px solid #D4B068;
    line-height: 100px;
    text-align: center;
    background-color: #fff;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.price-icon3:before {
    content: "\f122";
    font-family: FontAwesome;
    color: #D4B068;
    font-size: 40px;
    display: inline-block;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    border: 2px solid #D4B068;
    line-height: 100px;
    text-align: center;
    background-color: #fff;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
/*price-slide-css*/
ul.owl-carousel.price-grid .owl-item {
    padding:10px;
}
ul.price-grid.owl-carousel li.price-list{
width:100%;
}
ul.price-grid.owl-carousel .price-list{
margin-right:0;
}
.price-content ul.price-grid.owl-carousel .price-list .featured{
margin-top:0;
}
/*end price and package style*/
/*start contact style*/

#contact {
    display: inline-block;
    width: 100%;
    position: relative;
    background-size: cover !important;
}
#contact:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    z-index: 0;
}
.page-contact {
    width: 100%;
    text-align: center;
}
.contact-block {
    display: block;
    width: 100%;
    margin-top: 80px;
}
#contact .addrs {
    float: left;
    width: 30%;
    padding: 1%;
    text-align: left;
}
.add-heading h3,
.cnt-info h3{
    color: #D4B068;
    text-align: left;
    font-size: 20px;
    margin:0;
}
.cnt-info{
    margin: 10px 0;
}
.cnt-info i{
    font-size: 40px;
    padding: 5px;
}
.cnt-info h3{
    display: inline-block;
    margin-left: 10px;
}
#contact .addrs p,
.cnt-info a:nth-of-type(2){
    font-size: 16px;
    line-height: 1.6em;
    margin: 10px 0px;
}
.cnt-info a:nth-of-type(2){
    display: block;
    color: #7D7D7D;
}
ul.add-list {
    font-size: 18px;
    color: #fff;
    text-align: left;
    line-height: 35px;
    padding-left: 35px;
}
.add-heading h3:before {
    content: "\f041";
    font-family: FontAwesome;
    font-size: 40px;
    padding: 5px;
}
.cnt-div {
    float: left;
    width: 68%;
}
.contact-form {
    float: left;
    width: 48%;
    padding-right: 1%;
}
.contact-form p {
    padding-bottom: 10.5px;
}
#map {
    float: left;
    width: 100%;
    background-color: #fff;
}
#map iframe {
    height: 400px;
    width: 100%;
    pointer-events: none;
    display: block;
}
.home #contact .leadform-show-form.leadform-lite .lf-field {
   position: initial;
   margin-bottom: 0px;
}
/*end contact style*/
/**SIDEBAR START**/
.sidebar {
    background-color: #fff;
    padding-top: 30px;
    margin-bottom: 70px;
}
.widget {
    margin: 0 0 3.5em;
    word-wrap: break-word;
}
.widget img {
    max-width: 100%;
    height: auto;
}
.sidebar-inner-widget {
    margin: 0 0 30px;
    word-wrap: break-word;
    overflow: hidden;
    background: #fff;
    padding: 0px 25px 0px 25px;
    text-align: left;
}
.widgettitle {
    font-size: 18px;
    line-height: 20px;
    text-decoration: none;
    line-height: 20px;
    text-decoration: none;
    letter-spacing: 2px;
    padding-bottom: 10px;
    border-bottom: 1px solid #DBBD80;
    box-shadow: inset 0 0px 0 0 #D4B068, inset 0 0px 0 0 #D4B068, 0 1px 0 0 #D4B069, 0 0px 0 0 #D4B068;
}
.widgettitle span {
    background-color: #fff;
    padding-left: 12px;
    padding-right: 12px;
}
.widget ul li:before {
    font-family: FontAwesome;
    content: "\f138";
    padding-right: 10px;
    color: #D4B068;
}
.widget #recentcomments .recentcomments:before {
    font-family: FontAwesome;
    content: "\f0e6";
    padding-right: 10px;
    color: #D4B068;
}
.widget #recentcomments .recentcomments span a,
.widget #recentcomments .recentcomments {
    color: #D4B068;
}
.widget #recentcomments .recentcomments a:hover {
    text-decoration: underline;
}
.sidebar-inner-widget .screen-reader-text,
.footer label.screen-reader-text,
.footer label span.screen-reader-text {
    display: none;
}
.sidebar-inner-widget select,
.footer select,
.page-description select {
    padding: 10px 15px;
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease-out;
    border: 1px solid #eee;
    color: #5a5d5a;
    padding: 9px 10px;
    width: 100%;
    box-sizing: border-box;
}
.breadcrumbs a {
color:#7D7D7D;
font-family: 'Roboto-Regular';
}
.breadcrumbs a:hover {
    color: #DABC80;
}
.breadcrumbs .current {
  font-family: 'Roboto-Regular';
    color: #DABC80;
    padding:0 8px;
}
.breadcrumb ul, .breadcrumb-trail ul {
    padding-left: 0px;
    margin-bottom: 0px;
}
.breadcrumb ul li, .breadcrumb-trail ul li {
    list-style-type: none;
    display: inline;
}
.breadcrumb h2.trail-browse, .breadcrumb-trail h2.trail-browse{
display:none;
}

.breadcrumb ul li::after, .breadcrumb-trail ul li::after{
    content: "/";
    font-size: 18px;
    margin-right:5px;
    margin-left:5px;
}
.breadcrumb ul li.trail-end a::after, .breadcrumb-trail ul li.trail-end::after{
display:none;
}
nav.breadcrumbs {
    margin-top: 35px;
}
.svg_enable nav.breadcrumbs {
 margin-top: 0px;   
}

.tagcloud a {
    background-color: transparent;
    border: 1px solid #A9A9A9;
    color: #6C6C6C;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 12px !important;
    font-weight: 400;
    height: 30px;
    line-height: 28px;
    margin: 5px 5px 0 0;
    padding: 0 1.18em;
    position: relative;
    text-align: center;
    transition: color 0.3s ease 0s, border-color 0.3s ease 0s, background-color 0.3s ease 0s, box-shadow 0.3s ease 0s;
    vertical-align: middle;
}
.tagcloud a:hover {
    border-color: #D4B068;
    color: #D4B068;
}
.widget .th-aboutme img {
    max-width: 200px;
    height: 200px;
    border-radius: 100%;
    width: 200px;
}
.widget ul {
    margin: 0;
    padding: 0;
}
.widget > ul > li:first-child,
.sidebar-inner-widget > ul > li:first-child {
    border-top: 0;
    padding-top: 0;
}
.widget li {
    margin-top: 0;
    border-top: 1px dashed #D9D9D9;
    padding: 12px 0;
    list-style: none;
    clear: both;
}
.widget ul ul {
    margin: 6px 0 -6px 0px;
    padding: 0;
    border-top: none;
}
.widget ul ul li {
    margin: 0;
    padding-left: 10px;
}
.tagcloud {
    overflow: hidden;
}
.recent-comments-list .avatar {
    margin-right: 1em;
    float: left;
    border-radius: 1px;
}
.recent-comments-list .post-excerpt {
    padding-left: 70px;
    display: block;
}
.recent-comments-list li {
    margin-bottom: 1.55em;
    position: relative;
}
.widget .flickr_badge_image {
    margin-top: 0.556em;
}
.widget .flickr_badge_image img {
    width: 81px;
    height: 81px;
    margin-right: 0.667em;
    margin-bottom: 0.667em;
    float: left;
}
.widget #wp-calendar caption {
    font-weight: bold;
    padding-bottom: 10px;
}
.widget #wp-calendar td {
    width: 51px;
    padding: 6px 2px;
    text-align: center;
}
.footer-wrapper tbody>tr>td>a {
    background: #CDCDCD;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
}
.widget #wp-calendar th {
    text-align: center;
    background: #F9F9F9;
}
.widget #wp-calendar caption {
    letter-spacing: 1px;
    font-weight: normal;
}
tfoot tr #prev a {
    float: left;
}
.widget .twitter-user a {
    color: darkkhaki;
}
.widget .twitter-list .twitter-timestamp {
    font-style: italic;
    font-size: 90%;
    display: block;
}
.widget .follow-user {
    margin: 0;
    padding: 5px 0;
}
.widget .feature-posts-list br {
    display: none;
}
.widget .feature-posts-list .post-img {
    margin: 4px 12px 10px 0;
    float: left;
}
.widget .feature-posts-list small {
    font-style: italic;
    font-size: 90%;
    display: block;
    margin: 0 0 3px;
}
.widget .feature-posts-list .feature-posts-title {
    margin: 0.250em 0 0.188em;
    padding-left: 1em;
}
.widget .feature-posts-list .post-excerpt {
    display: block;
    padding-left: 5em;
    padding-top: 8px;
    padding-bottom: 10px;
}
.widget .feature-posts-list .avatar {
    border-radius: 1px;
    float: left;
}
.widget .about-img {
    text-align: center;
}
.widget .about-square {
    margin-bottom: 10px;
    max-width: 100%;
    height: auto;
    border-radius: 2px;
}
.instagram-pics li {
    padding: 0px;
    display: inline-block;
    max-width: 31%;
    margin: 0px 1% 1% 1%;
}
.instagram-pics li:last-child {
    margin-right: 0px;
}
.instagram-pics li img {
    width: 100%;
}
.instagram-pics li img:hover,
.widget .th-aboutme img:hover {
    opacity: 0.9;
}
.widget .th-aboutme {
    text-align: center;
    line-height: 26px;
}
.widget .th-aboutme img {
    max-width: 100%;
}
.widget .th-aboutme p {
    padding: 10px;
}
/** recent post widget **/

.th-widget-recent-post img {
    width: 90px;
    float: left;
}
.th-widget-recent-post .th-recent-post .r_title {
    margin: 0;
}
.th-widget-recent-post .th-recent-post {
    overflow: hidden;
    padding: 0px 10px
}
.th-widget-recent-post {
    border-top: 1px dashed #D9D9D9;
    padding: 10px 0;
    overflow: hidden;
}
.th-widget-recent-post .th-recent-post h5 a {
    font-family: 'Roboto-Bold';
    display: block;
    font-size: 14px;
    color: #313131;
    letter-spacing: .6px;
}
.th-widget-recent-post .th-recent-post h5 a:hover {
    color: #D4B068;
}
.th-widget-recent-post ul.th-recent-meta li.post-date {
    padding-bottom: 0px;
    font-size: 11px;
    font-family: 'Montserrat-Regular';
}
.th-widget-recent-post ul.th-recent-meta li.post-date:before {
    display: none;
}
.th-widget-recent-post ul.th-recent-meta li {
    border-top: none;
    padding: 2px 0;
}
form.search-form {
    text-align: center;
}
.search-submit, .woocommerce-product-search input[type=submit] {
    display: none;
}
.widget input.search-field {
    width: 100%;
}
.widget input.search-field,
.search input.search-field,
.error404 input.search-field {
    max-width: 350px;
    padding: 10px 15px;
    border: 1px solid #eee;
    padding-right: 10px;
    font-size: 15px;
    letter-spacing: 1px;
}
.error404 .page-content form.search-form{
text-align:left;
}
.widget .tweet-content {
    padding: 6px;
    line-height: 18px;
    letter-spacing: 1px;
}
.widget .tweet-content .time {
    padding-top: 5px;
    display: block;
    text-align: right;
}
.widget .twitter-user {
    padding-top: 10px;
    letter-spacing: 1px;
}
.mc4wp-form {
    margin: 1em 0;
    background: #ececec;
    padding: 30px;
    overflow: hidden;
}
.footer .mc4wp-form {
    background: none;
}
.mc4wp-form label {
    display: none!important;
}
.mc4wp-form input[type=submit]:hover {
    background-color: rgba(212, 73, 1, 0.64);
    ;
}
.mc4wp-form input[type=submit] {
    padding: 10px 0;
    float: right;
    border: 0;
    width: 100%;
    height: 41px;
    cursor: pointer;
    text-align: center;
    padding-top: 10px;
    color: white;
    transition: all 0.25s linear;
    background: #D4B068;
    margin-top: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.form.mc4wp-form input[type="email"] {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    background-color: #fff;
    float: left;
    padding: 12px 0;
    text-indent: 10px;
    color: #999;
    border: 1px solid #DDD;
    box-shadow: 1px 1px 3px #EEE inset;
    box-sizing: border-box;
    letter-spacing: 1px;
}
/**SIDEBAR END**/
/* Footer Style Start */

.footer-wrapper p,
.footer-wrapper a,
.footer-wrapper h4,
.footer-wrapper li,
.footer-wrapper td {
    color: #6C6C6C;
}
.footer-wrapper a:hover {
    color: #D4B068;
}
.footer .footer-widget-column .widget {
    width: 23.5%;
    float: left;
    position: relative;
    margin-right: 2%;
}
.footer .footer-widget-column.footer-widget-3column-active .widget {
    width: 30.9%;
}
.footer .footer-widget-column .widget:last-child,
.footer .footer-widget-column.footer-widget-3column-active .widget:last-child {
    margin-right: 0%;
}
.footer {
    overflow: hidden;
    display: block;
    padding-top: 50px;
    padding-bottom: 50px;
}
.footer-wrapper {
    background-color: #fff;
}
.footer-wrapper .footer-copyright {
    text-align: center;
    overflow: hidden;
    padding: 20px 0;
    border-top: 1px solid #ddd;
}
.footer-wrapper .footer-copyright ul li {
    display: block;
    padding: 6px 0;
}
.footer-wrapper .social-icon ul li {
    display: inline;
}
.footer-copyright {
    padding: 0 20px;
}
.footer-wrapper h5 {
    margin: 0;
    padding: 0;
}
.ft_padding {
    padding-top: 25px;
    padding-bottom: 0px !important;
    text-align: center!important;
    ;
}
.social-ft {
    width: 100%;
    margin: 15px 0px;
}
.social-ft ul li {
    display: inline-block;
}
.social-ft ul li a {
    padding: 8px;
    font-size: 18px;
}
.foot-copyright {
    width: 100%;
    float:right;
    background-color: #666;
}
.smaller .navigation ul li a,
.smaller .navigation ul li a:link {
    color: #fff;
}
.smaller .navigation ul ul.sub-menu a {
    color: #666;
}
.foot-copyright span.text-footer{
    float:right;
    color: #fff;
    margin-right: 10px;
    font-size: 16px;
    z-index: 2;
    margin-top: 5px;
}
.foot-copyright a {
    color: #fff;
}
.foot-copyright a:hover {
    color: #D4B068;
}
.navigation ul li a {
    color: #666;
}
.navigation ul li a,
.navigation ul li a:link {
    color: #666;
}
.smaller .navigation ul.sub-menu li a:hover {
    color: #D4B068;
}
ul.sub-menu li a {
    color: #666;
}
.navigation .toggle-caret {
    color: #666;
}
a#pull:after {
    content: "\f0c9";
    display: inline-block;
    font-size: 30px;
    color: #666;
    font-family: FontAwesome;
}
.smaller a#pull:after {
    color: #fff;
}
.page-title {
    width: 100%;
    text-align: center;
}

.caption-container .archive-title h1 {
    color: #D4B068;
}
.parallax-pro .demo-image {
background-attachment: fixed;
}
.demo-image {
    width: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    height: 350px;
    background-image: url();
    position: relative;
    z-index: 3;
}
.full-fs-caption {
    position: relative;
    display: table;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    top: 0;
}
.overlay-demo {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: rgba(19, 19, 19, 0.56);
    z-index: -1;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.page-demo {
    width: 100%;
}
.page-content {
    background: #fff;
    padding: 40px 20px 40px 20px;
    margin-top: 35px;
    margin-bottom: 80px;
}
.page-description img {
    max-width: 100%;
    height: auto;
}
.page-description {
    width: 100%;
}
.page-description hr {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
    border: 0;
    border-top: 1px solid #ccc;
}
.page-description .right-align-img {
    float: right;
    margin: 5px 0 20px 20px;
}
.page-description blockquote {
    margin: 2.5rem 0;
    padding: 15px 10px 15px 44px;
    font-size: 1.4rem;
    line-height: 2.8rem;
    word-spacing: .05rem;
    letter-spacing: .025rem;
    background-color: #F7F7F7;
    border-left: 0.3rem solid #D4B068;
    font-style: italic;
}
.page-description blockquote p {
    font-size: 16px;
    color: #777;
}
.page-description ol li,
.page-description ol {
    margin: 0;
    padding: 0;
    margin: .5em;
    margin-left: 25px;
}
.page-description ul li,
.page-description ul {
    list-style-type: circle;
    margin: 0;
    padding: 0;
    margin: .5em;
    margin-left: 25px;
}

.sidebar-wrapper .widget {
    word-wrap: break-word;
    margin-top: 25px;
}
.left.svg_enable .sidebar-wrapper .widget {
    margin-top: 40px;
}
.sidebar-inner-widget li a {
    color: #666;
    transition: all 0.25s ease-in-out;
}
.sidebar-inner-widget li a:hover {
    color: #D4B068;
}
.no-home .footer {
    overflow: hidden;
    display: block;
    padding-top: 160px;
    padding-bottom: 60px;
}
.content .standard-layout .post {
    margin-bottom: 100px;
    text-align: center;
}
ul li,
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.post-heading h2,
.post-heading h2 a {
    line-height: 50px;
    font-weight: 500;
    color: #666;
    margin: 0;
}
.post-img-wrapper {
    position: relative;
    width: 100%;
}
.post img {
    max-width: 100%;
    height: auto;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.post img:hover {
    transition: all 1s ease;
    -webkit-filter: grayscale(1);
}
.post-date {
    width: 100%;
}
.post-date p {
    color: #8e8d8d;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 40px;
    font-weight: bold;
}
.single-header .post-date p {
    padding-top: 20px;
    padding-bottom: 10px;
}
span.post-date p i {
    font-size: 10px;
    padding: 0 4px 1px 2px;
    color: #8C8989;
}
.post-date a {
    font-size: 13px;
    color: #8e8d8d;
    letter-spacing: .5px;
    font-weight: bold;
}
.post-date a:hover {
    border-bottom: 1px solid #D4B068;
}
.post-comment a:before {
    content: "\f0e6";
    font-family: FontAwesome;
    color: #8C8C8C;
    font-size: 15px;
    margin-right: 6px;
}
.post-meta a {
    color: #8C8C8C;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: .6px;
}
.post-meta {
    overflow: hidden;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.post-meta .post-comment {
    position: static;
    display: inline-block;
    color: #8C8C8C;
    float: left;
}
.post-meta .post-readmore {
    position: static;
    display: inline-block;
    color: #666;
    float: right;
}
.post-meta .post-previous {
    position: static;
    display: inline-block;
    color: #666;
    float: left;
}
.post-meta .post-next {
    position: static;
    display: inline-block;
    color: #666;
    float: right;
}
.post-next a:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #666;
    float: right;
    font-size: 18px;
    position: relative;
    right: 15px;
}
.post-previous a:before {
    content: "\f104";
    font-family: FontAwesome;
    color: #666;
    float: left;
    font-size: 18px;
    position: relative;
    left: 15px;
}
span.post-readmore a:hover {
    border-bottom: 1px solid #D4B068;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.post-comment a:hover:before,
span.post-author a:before {
    color: #D4B068;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
span.post-author a:before {
    content: "\f007";
    font-family: FontAwesome;
    color: #8C8989;
    font-size: 15px;
    margin-right: 6px;
}
.post-meta span.post-author {
    float: right;
}
.post-meta .post-previous a:hover,
.post-meta .post-next a:hover,
.post-meta .post-previous a:hover:before,
.post-meta .post-next a:hover:before,
.post-meta .post-previous a:hover,
.post-meta .post-next a:hover {
    color: #D4B068;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.post-meta .post-previous a:hover,
.post-meta .post-next a:hover {
    border-color: #D4B068;
}
.post-meta .post-previous a {
    text-decoration: none;
    color: #666;
    font-size: 14px;
    padding: 8px 8px 8px 25px;
    border: 1px solid #808080;
}
.post-meta .post-next a {
    text-decoration: none;
    color: #666;
    font-size: 14px;
    padding: 8px 25px 8px 8px;
    border: 1px solid #808080;
}
.post-bottom-strip {
    width: 100%;
    display: block;
}
.post-social-icon {
    width: 100%;
    text-align: center;
}
.post-social-meta {
    overflow: hidden;
    text-align: center;
}
.post-social-meta .post-social-social-fb,
.post-social-meta .post-social-social-tw,
.post-social-meta .post-social-social-wt,
.post-social-meta .post-social-social-ln {
    display: inline-block;
    color: #FFF;
    padding: 6px;
}
.post-social-meta li a {
    border-radius: 100%;
    color: #666;
    height: 34px;
    width: 34px;
    display: block;
    line-height: 12px!important;
    border: 1px solid #666;
}
.post-social-meta a {
    text-decoration: none;
    font-size: 14px;
    padding: 10px;
}
.post-social-meta .post-social-social-fb a {
    color: #fff;
    border: 1px solid #3B5998;
    text-decoration: none;
    background-color: #3B5998;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.post-social-meta .post-social-social-tw a {
    color: #fff;
    border: 1px solid #55ACEE;
    text-decoration: none;
    background-color: #55ACEE;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.post-social-meta .post-social-social-wt a{
color:#fff;
border:1px solid #01e675;
text-decoration: none;
background-color:#01e675;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.post-social-meta .post-social-social-ln a {
    color: #fff;
    border: 1px solid #0177B5;
    text-decoration: none;
    background-color: #0177B5;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.post-social-meta .post-social-social-fb a:hover,
.post-social-meta .post-social-social-gm a:hover,
.post-social-meta .post-social-social-ln a:hover,
.post-social-meta .post-social-social-tw a:hover {
    border: 1px solid #fff;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.post-social-meta .post-social-social-fb a:before {
    content: "\f09a";
    font-family: FontAwesome;
}
.post-social-social-tw a:before {
    content: "\f099";
    font-family: FontAwesome;
    display: block;
}
.post-social-social-wt a:before{
   content: "\f232";
   font-family: FontAwesome; 
   
    display: block;   
}
.post-social-social-ln a:before {
    content: "\f0e1";
    font-family: FontAwesome;
}
.post-social-meta ul:before {
    background-color: #9A9A9A;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 35%;
    right: 0.5em;
    margin-left: -30%;
}
.post-social-meta ul:after {
    background-color: #9A9A9A;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 35%;
    left: 0.5em;
    margin-right: -30%;
}
.post_meta_wrapper {
    width: 100%;
}
.single-header {
    text-align: center;
}
/*==Comment Form===*/

#commentsbox {
    padding-top: 70px;
    text-align: left;
}
.post-info h2 {
    line-height: 30px;
    font-weight: 500;
    letter-spacing: 4px;
    color: #666;
}
ol.commentlist {
    clear: both;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0px;
}
ol.commentlist li {
    line-height: 18px;
    margin: 15px 0 15px;
    padding: 10px;
    padding-left: 0px;
    padding-right: 0px;
}
ol.commentlist li .comment-body {
    margin-left: 80px;
    position: relative;
    border: 1px solid #e7e2e2;
    padding: 18px 10px 0px 15px;
    background: #f8f8f8;
    border-radius: 3px;
}
ol.commentlist li .comment-author a:link,
ol.commentlist li .comment-author a:visited {
    color: #000;
    text-decoration: none !important;
}
.comment-author.vcard {
    display: inline;
}
.comment-author.vcard span.says {
    display: none;
}
cite.fn {
    color: #000;
    font-style: normal;
    margin-right: 8px;
}
ol.commentlist li .comment-author .avatar {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    position: absolute;
    left: -81px;
    top: -1px;
    width: 60px;
    height: 60px;
    border-radius: 3px;
    border: 1px solid #cfcfcf;
    padding: 5px;
}
ol.commentlist li .comment-author .avatar:hover {
    -webkit-animation: bounceIn_single 0.7s ease-in-out;
    -moz-animation: bounceIn_single 0.7s ease-in-out;
    -o-animation: bounceIn_single 0.7s ease-in-out;
    animation: bounceIn_single 0.7s ease-in-out;
}
ol.commentlist li .comment-meta {
    display: inline;
}
ol.commentlist li .comment-meta a {
    color: #858484;
    text-decoration: none !important;
    display: inline-block;
}
ol.commentlist li p {
    line-height: 22px;
    margin-top: 5px;
    color: #666;
}
ol.commentlist li .reply {
    margin-top: 10px;
    font-size: 10px;
    text-align: right;
    padding-bottom: 20px;
    display: block;
    margin-left: -25px;
    margin-right: -10px;
    padding-right: 10px;
}
ol.commentlist li .reply a {
    color: #2f516d;
    font-size: 14px;
    position: absolute;
    bottom: 5px;
    right: 0px;
    padding-right: 20px;
}
ol.commentlist li ul.children {
    list-style: none;
    text-indent: 0;
    margin: 1em 0 0;
    margin-left: 80px;
}
.comment-nav {
    height: 20px;
    padding: 5px;
}
.comment-nav a:link,
.comment-nav a:visited {
    color: #f96e02;
}
#respond {
    margin: 10px 0;
    padding: 0;
}
#respond h3 {
    font-size: 18px;
    color: #555;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #ccc;
}
#commentform {} #commentform p {
    color: #444;
}

#respond label {
    color: #322903;
    padding: 5px 0;
}
#commentform #commentSubmit {
    background: #D4B068;
    color: #fff;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 3px;
    cursor: pointer;
    border: 2px solid #D4B068;
}
#commentform #commentSubmit:hover {
    background-color: rgba(212, 73, 1, 0.64);
    border: 2px solid rgba(212, 73, 1, 0.64);
}
#respond input {
    background: #fff;
    border: 1px solid #ddd;
    color: #8e8d8d;
    margin: 0 10px 10px 0;
    padding: 5px;
    height: 30px;
    width: 40%;
    outline: none;
}
input#url {
    margin-right: 0px;
}
#respond label {
    color: #322903;
    padding: 5px 0;
    display: block;
    clear: both;
}
#respond input#submit {
    -webkit-border-radius: 0.1s;
    -moz-border-radius: 0.1s;
    border-radius: 0px;
    color: #7D7D7D;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    border: solid #7D7D7D 1px;
    text-decoration: none;
    text-transform: capitalize;
    display: inline-block;
    margin-top: 15px;
    background: transparent;
    height: inherit;
    width: inherit;
    cursor: pointer;
}
#respond input#submit:hover {
    color: #D4B068;
    border-color: #D4B068;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}
#respond input#submit:focus {
    outline: 0;
}
textarea#comment {
    background: #fff;
    border: 1px solid #ddd;
    width: 98%;
    color: #8e8d8d;
    clear: both;
    display: block;
    margin: 10px 0 0;
    padding: 5px;
    border-radius: 3px;
    outline: none;
}
textarea#comment:focus,
#respond input:focus,
.widget input.search-field:focus,
.search input.search-field:focus,
.error404 input.search-field:focus {
    outline: #D4B068 .1px solid;
}
.comment-section #commentsbox .post-info h2 {
    line-height: 30px;
    font-weight: 500;
    letter-spacing: 4px;
    color: #666;
}
.comment-section #commentsbox .post-reply h2 {
    line-height: 30px;
    font-weight: 500;
    letter-spacing: 4px;
    color: #666;
}
/***lead form***/
#respond .comment-form-cookies-consent input{
width:auto;
}
#respond .comment-form-cookies-consent label{
display:inline-block;
padding-left:5px;
}
p.comment-form-cookies-consent input{
height:auto!important
}
.leadform-show-form.leadform-lite textarea {
    font-family: inherit;
    padding: .313em 0;
    letter-spacing: normal;
    text-indent: .25em;
}
.leadform-show-form ul,
.leadform-show-form ul li {
    margin-left: 0px;
}
.home #contact .leadform-show-form.leadform-lite label {
    display: none;
}
.home #contact .leadform-show-form.leadform-lite h1 {
    display: none;
}
.home #contact .leadform-show-form.small.leadform-lite {
    display: block;
    padding: 20px;
    max-width: 100%;
}
.home #contact .leadform-show-form.leadform-lite input[type=number],
.home #contact .leadform-show-form.leadform-lite input,
.home #contact .leadform-show-form.leadform-lite .select-type select,
.home #contact .leadform-show-form.leadform-lite .radio-type {
    min-width: initial;
}
.home #contact .leadform-show-form.leadform-lite input[type=number]{
    min-width: auto;
}
.home #contact .leadform-show-form.small.leadform-lite,
.home #contact .leadform-show-form.medium.leadform-lite {
    max-width: 100%!important;
}
.home #contact .leadform-show-form.leadform-lite .radio-type input {
    height: 20px;
}
.home #contact .leadform-show-form.leadform-lite input,
.home #contact .leadform-show-form.leadform-lite .select-type select,
.home #contact .leadform-show-form.leadform-lite input[type=number] {
    font-family: inherit;
    padding: 0px 12px;
    letter-spacing: normal;
    text-indent: .25em;
    margin: 18px 18px 15px 0px;
    border-radius: 5px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    float: left;
    width: 48% !important;
    clear: left;
    height: 50px;
}
.home #contact .leadform-show-form.leadform-lite input[type="radio"],
.home #contact .leadform-show-form.leadform-lite input[type="checkbox"] {
    width: auto!important;
    margin: 0px 10px;
}
.home #contact .leadform-show-form.leadform-lite .checkbox-type li,
.home #contact .leadform-show-form.leadform-lite .radio-type li {
    display: inline-block;
    margin: 10px;
}
.home #contact .leadform-show-form.leadform-lite textarea {
    width: 48%!important;
    margin-top: 20px;
    height: 213.2px!important;
    padding: 12px 12px;
    border-radius: 5px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.home #contact .leadform-show-form.leadform-lite input[type="submit"] {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0px;
    color: #fff;
    font-size: 18px;
    border: solid #fff 1px;
    text-decoration: none;
    text-transform: capitalize;
    display: inline-block;
    transition: all 0.3s;
    cursor: pointer;
    text-indent: 0em;
    margin: 10px 0px 0px 207px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.home #contact .leadform-show-form.leadform-lite input[type="submit"]:hover {
    background: rgba(255, 255, 255, 0.5);
    color: #fff;
}
.home #contact .leadform-show-form.leadform-lite .submit-type label {
    display: block;
}
.home #contact .leadform-show-form.leadform-lite .captcha-type label {
    display: block;
}
.home #contact .submit-type.lf-field {
    display: block;
}
.home #contact .leadform-show-form.leadform-lite .g-recaptcha div div {
    margin: 0 auto;
    padding-top: 20px;
}
.home #contact .leadform-show-form.leadform-lite .lf-field {
position: initial;
}
/***lead form ****/
.sidebar-inner-widget input{
-webkit-appearance:none;
-moz-appearance:none;
  border-radius:0;
}
/* Footer Style End */
/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color:#006799;
  border-radius:0;
  box-shadow: none;
  clip: auto !important;
  clip-path: none;
  color: #fff;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 8px 25px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

@media screen and (max-width: 1230px) {
    #page,
    .container {
        max-width: 96%;
    }
}
/*star responsive menu style */

@media screen and (max-width: 1024px) {
.last-btn #menu >li:last-child > a{
border: none!important;
background: #fff;
font-weight: inherit!important;
padding: 8px 10px 8px 10px!important;
}
.last-btn #menu >li:last-child > a:hover{
background:#D4B068;
}
    section {
        width: 100% !important;
        background-size: cover !important;
        background-position: center!important;
        background-attachment: fixed !important;
        background-repeat: no-repeat!important;
    }
    .parallax-pro .demo-image {
    background-attachment: inherit!important;
    background-position: center!important;
    }
    .logged-in.admin-bar .navigation.mobile-menu-wrapper {
        top: 30px;
    }

    /*header-setiing*/
    .header.col-center #logo {
    float: left;
    width: auto;
     }
   .header.col-center #main-menu-wrapper,
   .header.col-center.smaller #main-menu-wrapper{
    float: right;
    width: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    }
    .header #logo{
    width:auto; 
    }
    .header.col-center.split #logo {
    display: block;
    }
    .navigation ul li.logo-cent{
    display:none;
    }
    .mobile-menu-active .header.smaller {
    -webkit-animation-name: initial;
    animation-name: initial;
    }
    #main-menu-wrapper {
        display: block;
        float: right;
        width: auto;
    }
    .navigation ul li a:before {
        content: '';
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 0px;
    }
    .navigation ul ul {
    padding-top: 0px;
    }
    .navigation .menu a:hover {
        color: #fff!important;
        background-color: #D4B068;
    }
    .navigation .sub-menu a:hover {
        color: #D4B068!important;
    }
    .navigation ul li.current_page_item ul li a{
color: #000!important;
background: #fff;
}
    .navigation ul li.current_page_item a:before{
      height:0px;  
    }
    header.smaller #main-menu-wrapper nav.navigation ul {
        padding: 30px 0!important;
    }
    #main-menu-wrapper nav.navigation .menu {
        padding: 0px;
    }
    .navigation ul li a,
    .navigation ul li a:link {
        display: inline-block;
        text-decoration: none;
        background-color: #fff;
        color: black;
        font-size: 13px;
        padding: 8px 10px 8px 10px;
    }
    .navigation {
        width: 100%;
        border: none !important;
        display: none;
        background-color: black;
    }
    .navigation ul .current-menu-item > a,
    .navigation ul li a:hover {
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }
    .navigation .menu a,
    .navigation .menu .fa > a,
    .navigation .menu .fa > a {
        color: #000!important;
        background: transparent;
    }
    .navigation .menu {
        display: block!important;
        float: none;
        background: transparent;
        margin-bottom: 45px;
        margin-right: 0;
    }
    .navigation ul ul {
        visibility: visible!important;
        position: relative;
        left: 0!important;
        border: 0;
        width: 100%;
    }
    .navigation ul li li {
        background-color: red;
        border: 0;
    }
     .navigation nav {
        height: auto
    }
     .navigation nav li,
    .navigation ul li li {
        width: 100%!important;
        float: left;
        position: relative;
    }
    .navigation ul li:after {
        display: none
    }
    .navigation ul li:before {
        display: none
    }
     .navigation nav li a {
        border-bottom: 1px solid rgba(193, 193, 193, 0.2)!important;
        width: 100%!important;
        box-sizing: border-box;
    }
     .navigation nav a {
        text-align: left;
        width: 100%;
    }
    .header a#pull {
        padding: 0px;
        display: block;
        width: 100%;
        position: relative;
        color: #000;
        text-indent: 15px;
        text-align: right;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }
    a#pull:after {
        content: "\f0c9";
        display: inline-block;
        font-size: 30px;
        font-family: FontAwesome;
    }
    .mobile-menu-active a#pull:after {
        content: "\f00d";
    }
    .navigation ul .sfHover a,
    .navigation ul li:hover,
    .navigation ul .sfHover ul li {
        background: transparent
    }
    .mobile-menu-active .main-container,
    .mobile-menu-active #site-header,
    .mobile-menu-active .footer {
        left: 300px;
        transition: left 500ms ease;
    }
    .navigation.mobile-menu-wrapper {
        display: block;
        position: fixed;
        top: 0px;
        left: -300px;
        width: 300px;
        height: 100vh;
        background-color: #fff;
        overflow: auto;
        transition: left 500ms ease;
        -webkit-backface-visibility: hidden;
        z-index: 99999;
    }
    .mobile-menu-active .navigation.mobile-menu-wrapper {
        left: 0
    }
    .navigation ul li {
        width: 100%;
        display: block;
        margin: 0px 0px;
    }
    .navigation ul li:hover {
        background: none
    }
    .navigation ul li a,
    .navigation ul ul a {
        padding: 9px 0;
        width: 100%;
        border: none;
    }
    .navigation ul ul {
        position: static;
        width: 100%;
        border: none;
    }
    .navigation ul ul li {
        background: none;
        width: 100%;
    }
    .navigation i {
        display: inline
    }
    .navigation ul ul a {
        padding: 9px 18px !important
    }
    .navigation ul ul ul a {
        padding: 9px 27px !important
    }
    .navigation ul ul ul ul a {
        padding: 9px 36px !important
    }
    .navigation .toggle-caret {
        display: block;
        width: 40px;
        height: 35px;
        line-height: 35px;
        color: #6C6969;
        border-left: 1px solid rgba(193, 193, 193, 0.2);
    }
    .navigation .toggle-caret i {
        margin-right: 0
    }
    #main-menu-wrapper .menu-item-has-children > a:after{
        display: none;
    }
/*page-style*/
#slider-div .parallax-pro li,
.home section, 
.demo-image{
background-attachment: inherit!important;
background-position: center!important;
}
}
/*end menu style*/

@media screen and (max-width: 1000px) {
    /*----start services style--------*/
    .loader {
        top: 50%;
        left: 52%;
        margin: -50px 0px 0px -50px;
    }
    .content-wrapper {
        width: 100%;
        max-width: 100%;
        float: none;
        margin: 0 auto;
    }
    .sidebar-wrapper,.svg_enable .sidebar-wrapper {
        max-width: 400px;
        width: 100%;
        float: left;
        margin-top: 30px;
    }
    .service-block {
        display: block;
        float: left;
        width: 100%;
        padding-top: 100px;
    }
    .service-block ul li,
    .service-block ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    ul.service-grid li.service-list {
        width: 23.5%;
        float: left;
        position: relative;
    }
    ul.service-grid li.service-list:nth-of-type(4n+4) {
        margin-right: 0px;
    }
    ul.service-grid li.service-list:nth-of-type(4n+1) {
        clear: left;
    }
    ul.service-grid li {
        display: list-item;
        text-align: -webkit-match-parent;
    }
    .service-grid .service-list {
        margin-right: 2%;
    }
    /*----end services style--------*/
    /**----start team style--------*/
    
    ul.team-grid li.team-list {
        width: 30%;
        float: left;
        display: inline-block;
    }
    ul.team-grid li.team-list:nth-of-type(3n+3) {
        margin-right: 0px;
    }
    li {
        display: list-item;
        text-align: -webkit-match-parent;
    }
    .team-grid .team-list {
        margin-right: 4%;
    }
    figure.snip1113 img {
        max-width: 87%;
        /* min-height: 290px; */
        
        margin: 40px auto;
        display: block;
        position: relative;
        border: 3px solid #666666;
        padding: 15px 15px 140px 15px;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    figure.snip1113 figcaption {
        position: absolute;
        height: 170px;
        bottom: 0px;
        left: 0;
        right: 0;
        display: block;
    }
    /*----end team style--------*/
    /*---start post style-----*/
    
    ul.post-grid li.post-list {
        width: 30%;
        float: left;
        display: inline-block;
    }
    ul.post-grid li.post-list:nth-of-type(3n+3) {
        margin-right: 0px;
    }
    li {
        display: list-item;
        text-align: -webkit-match-parent;
    }
    .post-grid .post-list {
        margin-right: 4%;
    }
    /*------end post style------*/
    /*start footer style*/
    
    .footer .footer-widget-column .widget {
        width: 48%;
        float: left;
        position: relative;
        margin-bottom: 0;
        margin-right: 3.6%;
    }
    .footer .footer-widget-column .widget:nth-child(2n+2) {
        margin-right: 0px;
    }
    /*end footer style*/
    /*----start conatct style--------*/
    
    .contact-block {
        display: block;
        float: left;
        width: 100%;
    }
    .addrs {
        float: none;
        width: 75%;
        padding: 1%;
        display: inline-block;
    }
    ul.add-list {
        font-size: 18px;
        color: #fff;
        text-align: center;
        line-height: 35px;
        padding-left: 35px;
    }
    #contact .addrs {
        float: none;
        width: 30%;
        padding: 1%;
        text-align: center;
    }
    .add-heading h3 {
        text-align: center;
    }
    .cnt-div {
        float: none;
        width: 100%;
    }
    .blog-content,
    .page-content,.svg_enable .page-content{
        margin-bottom: 0px;
    }
    /*----end conatct style--------*/
    /*----start team style--------*/
    
    ul.team-grid li.team-list:nth-of-type(3n+1) {
        clear: left;
    }
}
@media (max-width: 860px) {
    .loader {
        top: 50%;
        left: 54%;
        margin: -50px 0px 0px -50px;
    }
    
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}
@media (max-width: 780px) {
    .logged-in.admin-bar .navigation.mobile-menu-wrapper {
        top: 46px;
    }
    .header.col-center.split.logo-split-dwn nav.navigation{
        position:fixed;
    }
    h2 {
        font-size: 26px;
    }
    /*start slider styel*/
    
    .fs-caption {
        position: relative;
        display: table;
        height: 100%;
        margin: 0 auto;
        top: 0;
    }
    .caption-container {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }
    .caption-container h2 {
        color: #fff;
        line-height: 40px;
        font-size: 30px;
    }
    .caption-container a {
        color: #fff;
    }
    .main-slider-button {
        margin-top: 30px;
    }
    .slider-button a {
        text-decoration: none;
    }
    .flex-direction-nav .flex-prev,
    .flex-direction-nav .flex-next {
        height: 100px;
        width: 50px;
    }
    .default .theme-slider-button {
        background: rgba(255, 255, 255, 0.2);
        color: #fff;
        padding: 15px 40px;
        border: 2px solid white;
        font-size: 16px;
    }
    .default .theme-slider-button:hover {
        background: rgba(255, 255, 255, 0.7);
        color: #fff;
        transition: background 0.3s linear;
    }
    .default .theme-slider-button:before {
        background-color: #fff;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 10%;
        right: 2.6em;
        margin-left: -10%;
    }
    .default .theme-slider-button:after {
        background-color: #fff;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 10%;
        left: 1.4em;
        margin-right: -10%;
    }
    #slider-div .fs-caption {
        width: 70%;
    }
    #slider-div .default .theme-slider-button {
        padding: 10px 20px;
    }
    .default .theme-slider-button:before,
    .default .theme-slider-button:after {
        right: 1.4em;
    }
    #slider-div .caption-container h2 {
        font-size: 26px;
    }
    /*----end slider style--------*/
    /*----start services style--------*/
    
    .service-block {
        float: none;
        width: 80%;
        padding-top: 80px;
        margin: 0 auto;
    }
    .service-block ul li,
    .service-list ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        margin-top: 2%;
    }
    ul.service-grid li.service-list {
        width: 48%;
        padding-bottom: 3%;
        display: inline-block;
        float: left;
    }
    ul.service-grid li.service-list:nth-of-type(4n+4) {
        margin-right: 0%;
    }
    ul.service-grid li.service-list:nth-of-type(2n+2) {
        margin-right: 0%;
    }
    .service-grid li {
        display: list-item;
        text-align: -webkit-match-parent;
    }
    .service-grid .service-list {
        margin-right: 4%;
    }
    /*----end services style--------*/
    /*----start portfolio style--------*/
    
    .portfolio-block {
        float: none;
        max-width: 586px;
        padding-top: 50px;
        padding-bottom: 80px;
        margin: 0 auto;
    }
    ul.portfolio-grid li.portfolio-list {
        width: 50%;
        float: left;
        position: relative;
    }
    ul.portfolio li.portfolio-list:nth-of-type(4n+4) {
        margin-right: 0px;
    }
    .portfolio-grid .portfolio-list {
        margin-right: 0%;
    }
    /*----end portfolio style--------*/
    /*----start about-us style--------*/
    
    .about-us-block {
        display: inline-block;
        width: 75%;
        max-width: 800px;
        padding-top: 48px;
        margin: 0 auto;
    }
    .about-us-paragraph {
        -webkit-column-count: 1;
        /* Chrome, Safari, Opera */
        
        -moz-column-count: 1;
        /* Firefox */
        
        column-count: 1;
        -webkit-column-gap: 20px;
        /* Chrome, Safari, Opera */
        
        -moz-column-gap: 20px;
        /* Firefox */
        
        column-gap: 20px;
        text-align: center;
    }
    .about-us-paragraph p:first-child:first-letter {
        font-size: 50px;
        float: left;
        padding: 2px;
        height: 64px;
        color: #fff;
    }
    .social-meta .social-social-fb,
    .social-meta .social-social-tw,
    .social-meta .social-social-gm,
    .social-meta .social-social-ln {
        display: inline-block;
        color: #FFF;
        padding: 3px;
    }
    .social-meta li a {
        border-radius: 100%;
        color: #fff;
        height: 35px;
        width: 35px;
        display: block;
        line-height: 10px;
        border: 2px solid #fff;
    }
    .social-meta .social-social-fb a:before {
        content: "\f09a";
        font-family: FontAwesome;
        font-size: 16px;
    }
    .social-meta li a:hover {
        color: #D4B068;
        border: 2px solid #D4B068;
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }
    .social-social-tw a:before {
        content: "\f099";
        font-family: FontAwesome;
        font-size: 16px;
        display: block;
    }
    .social-social-gm a:before {
        content: "\f0d5";
        font-family: FontAwesome;
        font-size: 16px;
    }
    .social-social-insta a:before {
        content: "\f16d";
        font-family: FontAwesome;
        font-size: 16px;
    }
    .social-social-ln a:before {
        content: "\f0e1";
        font-family: FontAwesome;
        font-size: 16px;
    }
    /*----end about-us style--------*/
    /*----start team style--------*/
    
    .team-block {
        display: block;
        float: none;
        max-width: 552px;
        padding-top: 80px;
        margin: 0 auto;
    }
    .team-block ul li,
    .team-list ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        margin-top: 2%;
        display: inline-block;
    }
    ul.team-grid li.team-list {
        width: 48%;
        padding-bottom: 3%;
        display: inline-block;
        float: left;
    }
    ul.team-grid li.team-list:nth-of-type(3n+3) {
        margin-right: 4%;
    }
    ul.team-grid li.team-list:nth-of-type(2n+2) {
        margin-right: 0%;
    }
    .team-grid li {
        display: list-item;
        text-align: -webkit-match-parent;
    }
    .team-grid .team-list {
        margin-right: 4%;
    }
    ul.team-grid li.team-list:nth-of-type(3n+1) {
        clear: none;
    }
    ul.team-grid li.team-list:nth-of-type(2n+1) {
        clear: left;
    }
    /*----end team style--------*/
    /*----start team style--------*/
    
    .post-block {
        float: none;
        max-width: 552px;
        padding-top: 80px;
        margin: 0 auto;
    }
    .post-block ul li,
    .team-list ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        margin-top: 2%;
    }
    ul.post-grid li.post-list {
        width: 48%;
        padding-bottom: 2%;
        display: inline-block;
        float: left;
    }
    ul.post-grid li.post-list:nth-of-type(3n+3) {
        margin-right: 4%;
    }
    ul.post-grid li.post-list:nth-of-type(2n+2) {
        margin-right: 0%;
    }
    li {
        display: list-item;
        text-align: -webkit-match-parent;
    }
    .post-grid .post-list {
        margin-right: 4%;
    }
    /*----end post style*/
    /*----start price style--------*/
    
    .price-block {
        max-width: 315px;
        margin: 0 auto;
    }
    .price-content .featured {
        margin-top: 0px;
        padding-bottom: 0px;
    }
    ul.price-grid li.price-list {
        width: 100%;
        float: none;
        display: inline-block;
        padding: 0%;
        margin-bottom: 4%;
    }
    ul.price-grid li.price-list:nth-of-type(3n+3) {
        margin-right: 0px;
    }
    li {
        display: list-item;
        text-align: -webkit-match-parent;
    }
    .price-grid .price-list {
        margin-right: 0%;
    }
    /*----end price style--------*/
    /*start footer style*/
    
    .footer .footer-widget-column .widget {
        width: 48%;
        float: left;
        position: relative;
        margin-bottom: 0;
        margin-right: 3.6%;
    }
    .footer .footer-widget-column .widget:nth-child(2n+2) {
        margin-right: 0px;
    }
    /*lead form*/
    
    .cnt-div {
        float: none;
        max-width: 780px;
    }
    #contact .addrs {
        float: none;
        width: 100%;
    }
    .home #contact .leadform-show-form.leadform-lite input,
    .home #contact .leadform-show-form.leadform-lite .select-type select {
        width: 70%!important;
        float: none;
        margin: 18px 0px 15px 0px;
    }
    .home #contact .leadform-show-form.leadform-lite textarea {
        width: 70%!important;
    }
    .home #contact .leadform-show-form.leadform-lite input[type="submit"] {
        margin: 0 auto;
        max-width: 30%!important;
    }
    /*end footer style*/
}
@media screen and (max-width: 768px) {
    #slider-div li,
    .home section {
        background-attachment: scroll !important;
    }

}
@media (max-width: 480px) {
    /*start slider styel*/
    
    .loader {
        position: absolute;
        border: 2px solid #D4B068;
        border-radius: 50%;
        border-top: 2px solid #f3f3f3;
        width: 50px;
        height: 50px;
        -webkit-animation: spin .6s linear infinite;
        animation: spin .6s linear infinite;
        top: 50%;
        left: 57%;
        margin: -50px 0px 0px -50px;
        display: block;
        background-position: center;
    }
    .header #logo img {
    max-width: 170px;
    width: auto;
    height: auto;
    }
    #main-menu-wrapper {
    padding-top: 14px;
    padding-bottom: 14px;
    }
    .navigation.mobile-menu-wrapper {
    left: -260px;
    width: 260px;
     }
    .fs-caption {
        position: relative;
        display: table;
        height: 100%;
        width: 50%;
        margin: 0 auto;
        top: 0;
    }
    .caption-container {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }
    .caption-container h1 {
        color: #fff;
        line-height: 30px;
        font-size: 24px;
    }
    .caption-container a {
        color: #fff;
    }
    .main-slider-button {
        margin-top: 30px;
    }
    .slider-button a {
        text-decoration: none;
    }
    .default .theme-slider-button {
        background: rgba(255, 255, 255, 0.2);
        color: #fff;
        padding: 10px 20px;
        border: 2px solid white;
        font-size: 16px;
        line-height: 60px;
    }
    .default .theme-slider-button:hover {
        background: rgba(255, 255, 255, 0.7);
        color: #fff;
        transition: background 0.3s linear;
    }
    .default .theme-slider-button:before {
        background-color: #fff;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 13%;
        right: 1.3em;
        margin-left: -13%;
    }
    .default .theme-slider-button:after {
        background-color: #fff;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 13%;
        left: 1.3em;
        margin-right: -13%;
    }
    /*----end slider style--------*/
    /*----start services style--------*/
    
    .service-block {
        float: none;
        max-width: 275px;
    }
    ul.service-grid li.service-list {
        width: 100%;
        float: none;
        display: inline-block;
    }
    ul.service-grid li.service-list:nth-of-type(4n+4) {
        margin-right: 0px;
    }
    ul.service-grid li.service-list:nth-of-type(3n+3) {
        margin-right: 0px;
    }
    ul.service-grid li.service-list:nth-of-type(2n+2) {
        margin-right: 0px;
    }
    li {
        display: list-item;
        text-align: -webkit-match-parent;
    }
    .service-grid .service-list {
        margin-right: 0%;
    }
    /*----end services style--------*/
    /*----start portfolio style--------*/
    
    .portfolio-block {
        float: none;
        max-width: 293px;
    }
    ul.portfolio-grid li.portfolio-list {
        width: 100%;
        float: none;
        display: inline-block;
        padding-bottom: 20px;
    }
    /*----end portfolio style--------*/
    /*----start about-us style--------*/
    
    .about-us-block {
        display: inline-block;
        width: 75%;
        max-width: 800px;
        padding-top: 48px;
        margin: 0 auto;
    }
    .about-us-paragraph {
        -webkit-column-count: 1;
        /* Chrome, Safari, Opera */
        
        -moz-column-count: 1;
        /* Firefox */
        
        column-count: 1;
        -webkit-column-gap: 20px;
        /* Chrome, Safari, Opera */
        
        -moz-column-gap: 20px;
        /* Firefox */
        
        column-gap: 20px;
        text-align: center;
    }
    .about-us-paragraph p:first-child:first-letter {
        font-size: 50px;
        float: left;
        padding: 2px;
        height: 64px;
        color: #fff;
    }
    .social-meta .social-social-fb,
    .social-meta .social-social-tw,
    .social-meta .social-social-gm,
    .social-meta .social-social-ln {
        display: inline-block;
        color: #FFF;
        padding: 3px;
    }
    .social-meta .social-social-fb a:before {
        content: "\f09a";
        font-family: FontAwesome;
        font-size: 16px;
    }
    .social-meta li a:hover {
        color: #D4B068;
        border: 2px solid #D4B068;
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }
    .social-social-tw a:before {
        content: "\f099";
        font-family: FontAwesome;
        font-size: 16px;
        display: block;
    }
    .social-social-gm a:before {
        content: "\f0d5";
        font-family: FontAwesome;
        font-size: 16px;
    }
    .social-social-insta a:before {
        content: "\f16d";
        font-family: FontAwesome;
        font-size: 16px;
    }
    .social-social-ln a:before {
        content: "\f0e1";
        font-family: FontAwesome;
        font-size: 16px;
    }
    .social-meta ul:before{
        width:0;
            margin-left: 0;
    }
    .social-meta ul:after{
        width:0;
            margin-right: 0;
    }
    /*----end about-us style--------*/
    /*----start team style--------*/
    
    .team-block {
        float: none;
        max-width: 275px;
    }
    ul.team-grid li.team-list {
        width: 100%;
        float: none;
        display: inline-block;
    }
    ul.team-grid li.team-list:nth-of-type(4n+4) {
        margin-right: 0px;
    }
    ul.team-grid li.team-list:nth-of-type(3n+3) {
        margin-right: 0px;
    }
    ul.team-grid li.team-list:nth-of-type(2n+2) {
        margin-right: 0px;
    }
    li {
        display: list-item;
        text-align: -webkit-match-parent;
    }
    .team-grid .team-list {
        margin-right: 0%;
    }
    figure.snip1113 img {
        max-width: 87%;
        /* min-height: 290px; */
        
        margin: 40px auto;
        display: block;
        position: relative;
        border: 3px solid #666666;
        padding: 15px 15px 140px 15px;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    figure.snip1113 figcaption {
        position: absolute;
        height: 170px;
        bottom: 0px;
        left: 0;
        right: 0;
        display: block;
    }
    /*----end team style--------*/
    /*----start post style--------*/
    
    .post-block {
        float: none;
        max-width: 275px;
    }
    ul.post-grid li.post-list {
        width: 100%;
        float: none;
        display: inline-block;
    }
    ul.post-grid li.post-list:nth-of-type(4n+4) {
        margin-right: 0px;
    }
    ul.post-grid li.post-list:nth-of-type(3n+3) {
        margin-right: 0px;
    }
    ul.post-grid li.post-list:nth-of-type(2n+2) {
        margin-right: 0px;
    }
    li {
        display: list-item;
        text-align: -webkit-match-parent;
    }
    .post-grid .post-list {
        margin-right: 0%;
    }
    /*----end post style--------*/
    /*----start price style--------*/
    
    ul.price-grid li.price-list {
        width: 100%;
        float: none;
        display: inline-block;
        padding: 0%;
        margin-bottom: 4%;
    }
    ul.price-grid li.price-list:nth-of-type(3n+3) {
        margin-right: 0px;
    }
    li {
        display: list-item;
        text-align: -webkit-match-parent;
    }
    .price-block {
        max-width: 275px;
    }
    .price-content .featured {
        margin-top: 0px;
        padding-bottom: 0px;
    }
    .price-grid .price-list {
        margin-right: 0%;
    }
    /*----end price style--------*/
    /*----start conatct style--------*/
    
    .contact-block {
        display: block;
        float: left;
        width: 100%;
        margin-top: 4%;
    }
    .addrs {
        float: none;
        width: 75%;
        padding: 1%;
        display: inline-block;
    }
    ul.add-list {
        font-size: 18px;
        color: #fff;
        text-align: center;
        line-height: 35px;
        padding-left: 35px;
    }
    .add-heading h3 {
        text-align: none;
        text-align: center;
    }
    .cnt-div {
        float: none;
        width: 100%;
    }
    .contact-form {
        float: none;
        padding-right: 0%;
        width: 75%;
        display: inline-block;
    }
    .contact-form2 {
        float: none;
        width: 75%;
        display: inline-block;
    }
    .frm-btn {
        width: 100%;
        padding-top: 30px;
        text-align: center;
        float: none;
    }
    .frm-btn input {
        padding: 15px 45px;
    }
    .home #contact .leadform-show-form.leadform-lite input[type="submit"] {
        margin: 0 auto;
        max-width: 50%!important;
    }
    /*----end conatct style--------*/
    /*start footer style*/
    
    .footer-widget-column {
        width: 100%;
        text-align: center;
    }
    .footer .footer-widget-column .widget {
        width: 75%;
        float: none;
        position: relative;
        margin-bottom: 0;
        margin-right: 3.6%;
        display: inline-block;
    }
    #commentform input[type="text"],
    #commentform input[type="email"],
    #commentform input[type="url"] {
        float: left;
        width: 100%;
        height: 40px;
        display: block;
        border-radius: 3px;
    }
    #woo-section .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100%;
        max-width: 260px;
        float: none;
        display: inline-block;
    }
    #woo-section .woocommerce ul.products li.product:nth-child(2n),
    .woocommerce-page ul.products li.product:nth-child(2n) {
        float: none;
    }
    .woocommerce .products ul,
    .woocommerce ul.products {
        width: 100%;
        max-width: 275px;
        margin: 0 auto;
    }
    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        float: none;
    }
    /*end footer style*/
}
/*move to top button*/

#scroll {
    position: fixed;
    right: 15px;
    bottom: 70px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    text-indent: -9999px;
    display: none;
    border: 1px solid #D4B068;
    z-index: 5;
}
#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #D4B068;
}
#scroll:hover {
    background-color: rgba(212, 176, 104, 0.54);
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}
/*end style move to top*/
/* start related post style*/
.single-post-content .single-post{
display:block;
overflow:hidden;
}
.single li.sl-related-thumbnail {
    width: 32%;
    list-style-type: none;
    margin-right: 2%;
    padding-bottom: 10px;
    display: inline-block;
    float: left;
}
.single li.sl-related-thumbnail:nth-of-type(3n+3) {
    margin-right: 0%;
}
li.sl-related-thumbnail {
    max-width: 100%;
    height: auto;
}
li.sl-related-thumbnail h3 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.single-post h3.related-heading {
    font-size: 18px;
    line-height: 28px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}
/* end related post style*/
/*woocommerce styling*/

.page-description h1.page-title {
    margin-top: 0px;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    font-weight: 500;
    border-radius: 0px;
    left: auto;
    color: #7D7D7D;
    background-color: #fff;
    border: 1px solid #7D7D7D;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: #fff;
    color: #D4B068;
    border: 1px solid #D4B068;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #d4b068;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: #fff;
    color: #000;
}
.woocommerce-page .demo-image {
    width: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    height: 350px;
    background-image: url(images/slider.jpeg);
    position: relative;
    z-index: 3;
}
.woocommerce-page h1.page-title {
    display: none;
}
.woocommerce .blockUI.blockOverlay::before, 
.woocommerce .loader::before{
 background:none;   
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    text-align: center;
}
.woocommerce .products .star-rating {
    margin: 0 auto;
}
.woocommerce ul.products li.product .price {
    margin-top: .5em;
}
.woocommerce .quantity .qty {
    height: 35px;
    width: 45px;
    line-height: 35px;
     margin-right:5px;
    text-align: center;
    border: 1px solid #7D7D7D;
    font-weight: bold;
}
.woocommerce #commentform p.stars a{
    color: #d4b068;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
    padding: 10px;
}
.woocommerce-page table.cart td.actions .input-text {
    width: 100px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: #fff;
    padding-bottom: 25px;
    margin-bottom: 42px;
    box-shadow: 0 0 2px #DDD;
}
.woocommerce span.onsale {
    background-color: #D4B068;
        z-index: 1;
}
.woocommerce div.product p.price del, 
.woocommerce div.product span.price del {
    opacity: .5;
    margin-right: 10px;
}
.woocommerce ul.products li.product h3 {
    font-size: 18px;
}
.woocommerce ul.products li.product .price {
    color: #000;
    font-size: 16px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #000;
    font-size: 1.25em;
}
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt,
.woocommerce input.button.alt{
background-color: #d4b068;
color: #fff;
-webkit-font-smoothing: antialiased;  
}
.woocommerce div.product form.cart .button:hover {
    border: 1px solid #D4B068;
}
.woocommerce .woocommerce-message {
    border-top-color: #D4B068;
}
section.related.products{
    padding-top:0px;
    padding-bottom:0px;
}
.woocommerce-Tabs-panel h2,
section.related.products h2,
section.up-sells h2{
font-size:26px;
}
.woocommerce-page section.related,
.woocommerce-page section.up-sells{
padding:0;    
}
#add_payment_method #payment ul.payment_methods li,
 .woocommerce-cart #payment ul.payment_methods li,
 .woocommerce-checkout #payment ul.payment_methods li {
    list-style-type: none;
}
.woocommerce h3{
 font-size:26px;  
}
.woocommerce-checkout-payment .woocommerce-info::before{
display:none;
}
.woocommerce-checkout #payment ul.payment_methods li{
padding:10px;
}
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text{
height:30px;
padding:5px;
border-radius:0px;
}
.woocommerce form .form-row textarea{
height: 80px !important;
}
.woocommerce div.product .product_title {
    font-size: 32px;
    line-height: 42px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    padding: 0;
    margin: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li{
width: 23.5%;
padding-top:10px;
margin-right: 2%;
}
.woocommerce div.product div.images .flex-control-thumbs li:nth-of-type(4n+4){
margin-right:0;
}
.woocommerce-Tabs-panel h2, section.related.products h2, section.up-sells h2 {
    font-size: 18px;
}
.woocommerce div.product .product_title,
.woocommerce div.product .woocommerce-product-rating{
    margin-bottom: 8px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
 margin: 8px 0px;
}
.woocommerce div.product form.cart{
   margin-bottom: 15px;
}

/*compare style*/
.woocommerce .entry-summary a.compare.button{
border: 1px solid;
    border-radius: 0;
    color: #7D7D7D;
    display: inline-block;
    font-size:0!important;
        height: 35px!important;
    line-height: 35px!important;
    width: 35px!important;
    background:transparent;
    text-align:center;
    margin-left:8px;
    font-weight: normal;
    min-width: auto;
}
.woocommerce .entry-summary a.compare.button:before{
content: "\f0ec";
    font-family: FontAwesome;
    display: block;
    color: #7D7D7D;
    font-size: 13px;
}
.woocommerce .entry-summary a.compare.button.added:before{
color:#D4B068;
}
.woocommerce .entry-summary .clear{
clear: initial;
}

.summary .yith-wcwl-add-button a, 
.summary .yith-wcwl-wishlistaddedbrowse a, 
.summary .yith-wcwl-wishlistexistsbrowse a,
.woocommerce .entry-summary a.compare.button {
border: 1px solid;
    border-radius: 0;
    color: #7D7D7D;
    display: inline-block;
    font-size:0!important;
        height: 35px!important;
    line-height: 35px!important;
    width: 35px!important;
    background:transparent;
    text-align:center;
    font-weight: normal;
    min-width: auto;
    letter-spacing: normal!important;
}
.summary .yith-wcwl-add-to-wishlist {
    float: left;
    margin: 0 0 17px 0;
}
.summary .yith-wcwl-add-button, .summary .yith-wcwl-wishlistaddedbrowse,
 .summary .yith-wcwl-wishlistexistsbrowse {
    display: inline-block;
    float: left;
    position: relative;
    text-align: center;
    font-size: 0;
}
.summary .yith-wcwl-add-button .show {
    display: block!important;
}
.summary .yith-wcwl-add-button a, .summary .yith-wcwl-wishlistaddedbrowse a, 
.summary .yith-wcwl-wishlistexistsbrowse a {
    border: 1px solid;
    border-radius: 0;
    color: #7D7D7D;
    display: inline-block;
    font-size: 0!important;
    height: 35px!important;
    line-height: 35px!important;
    width: 35px!important;
    letter-spacing: normal;
margin-left:8px;
}
.summary .yith-wcwl-add-to-wishlist .add_to_wishlist::before, 
.summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a::before, 
.summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a::before {
    content: "\f08a";
    font-family:fontawesome;
    font-size: 13px;
}
.summary .yith-wcwl-add-to-wishlist .ajax-loading {
box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    display: inline !important;
    margin-left: 0px;
    vertical-align: middle;
    visibility: hidden;
    width: 16px !important;
    height: 16px !important;
    position: absolute;
    left: 12px;
    top: 12px;
}
.summary .yith-wcwl-add-to-wishlist.show .add_to_wishlist::before, 
.summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse.show a::before, 
.summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse.show a::before{
color:#D4B068;
content: "\f004";
color:#D4B068;
}

.woocommerce div.product form.cart {
    margin-bottom: 10px;
    margin-right:0px;
    float: left;
}
.summary .product_meta{
font-size: 13px;
line-height: 25px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding:0;
    margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom:none;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: transparent;
    z-index: 2;
    border-bottom-color: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: none;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    position: relative;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
    padding: 15px 15px 15px 0px;
  }
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    border: none;
    border-bottom: 2px solid transparent;
    box-shadow: none;
    text-shadow: none;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.05em;
    position: relative;
    color:#1F1F1F;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before{
   display:none;
}

body .woocommerce-tabs .tabs li.active a::before, body .woocommerce-tabs .tabs li:hover a::before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

body .woocommerce-tabs .tabs li a::before {
    border-bottom: 2px solid #D4B068;
    bottom: -4px;
    left: 0;
    content: "";
    position: absolute;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transition: transform 0.5s linear 0s;
    -o-transition: -o-transform 0.5s linear 0s;
    -webkit-transition: -webkit-transform 0.5s linear 0s;
    width: 100%;
}
.woocommerce div.product .woocommerce-tabs .panel{
background:#fff;
padding:0px;
position:relative;
    margin: 0 0 30px;
}

.woocommerce-Tabs-panel .comment-form {
    margin-top: 10px;
    width: 60%;
}

/*end woocommerce style*/
/*Gallery page style*/

.gallery {
    margin-left: -0.5em;
    margin-right: -0.5em;
}
.gallery:after {
    display: table;
    content: "";
    clear: both;
}
.gallery-item {
    margin: 0;
    float: left;
    padding: 1%;
}
.gallery-item img {
    width: 100%;
    height: auto;
}
.gallery-columns-1 .gallery-item {
    width: 100%;
    float: none;
}
.gallery-columns-2 .gallery-item {
    width: 48%
}
.gallery-columns-3 .gallery-item {
    width: 31.333%;
}
.gallery-columns-4 .gallery-item {
    width: 23%;
}
.gallery-columns-5 .gallery-item {
    width: 18%;
}
.gallery-columns-6 .gallery-item {
    width: 14.666%;
}
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
    clear: left;
}
/*End Gallery page style*/
/*upadated image overlay color */

#team:before,
#services:before,
#ribbon:before,
#portfolio:before,
#about-us:before,
#testimonials:before,
#latest-post:before,
#price-package:before,
#contact:before,
#woo-section:before,
#brand:before {
    content: '';
    background: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    display: block;
}

/*custom section*/
.custom{
    display: block;
    overflow: hidden;
    background-color: #fff;
}
.page-custom {
    width: 100%;
    float: left;
    text-align: center;
}
.custom-block {
    display: block;
    float: left;
    width: 100%;
    padding-top: 80px;
}
.custom video {
position:absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); 
background-size: cover;
transition: 1s opacity;
}
.custom .overlay-box {
  height: 100%;
  width: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  position: absolute;
  padding: 0;
  transition: opacity .5s;
}

/*START BRAND SECTION*/
#brand {
    display: block;
    overflow: hidden;
    background: #fff;
    display: block;
}
.brand-block {
    text-align:center;
    float: left;
    width: 100%;
}
#brand .item{
    display: inline-block;

}
#brand .item img {
    max-width: 100%;
    max-height: 110px;
    filter: grayscale(1);
    transition-property: filter;
    transition-duration: 1s;
}
#brand .item img:hover {
    filter: grayscale(0);
    transition-property: filter;
    transition-duration: 1s;
}
/*END BRAND SECTION*/

/*************************/
/*/woocommerce cart page*/
/*************************/
.checkout.woocommerce-checkout{
overflow:auto;
}
.woocommerce-checkout>.col2-set{
    float: left;
    width: 48%;
}
.woocommerce-checkout #order_review{
    float: right;
    width: 48%;
}
.woocommerce-checkout>.col2-set>.col-1{
    float: none;
    width: 100%;
}
.woocommerce-checkout>.col2-set>.col-2{
    float: none;
    width: 100%;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 70px;
    box-shadow: none;
}
.woocommerce a.remove {
    display: block;
    font-size: 15px;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    font-size: 15px
}
.woocommerce form .form-row input.input-text {
    background: #f7f8f9;
    border: 1px solid #eaeaea;
    height: 40px;
    width: 100%;
}
.checkout .select2-container .select2-selection--single,.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 40px;
    line-height: 40px;
    margin: 0;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #eaeaea;
    border-radius: 0;
    background: #f7f8f9;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger{
    z-index:1;
}
.yith_wcwl_wishlist_footer .yith-wcwl-share {
    float: none;
    clear: both;
}
@media (max-width: 767px) {
.woocommerce-checkout>.col2-set{
    float: left;
    width:100%;
}
.woocommerce-checkout #order_review{
    float: right;
    width: 100%;
}
.woocommerce-checkout>.col2-set>.col-1{
    float: none;
    width: 100%;
}
.woocommerce-checkout>.col2-set>.col-2{
    float: none;
    width: 100%;
}
/*slider button*/
.button-one .title.overtext, .scnd-button-one .title.overtext, .button-two .title.overtext, .scnd-button-two .title.overtext, .button-three .title.overtext, .scnd-button-three .title.overtext, .button-four .title.overtext, .scnd-button-four .title.overtext{
    padding-bottom:30px;

}
.theme-slider-button,.theme-slider-button-2{
margin:0;
display: inline;
}
.slider-button{
display:inline-grid;
}
.slider-button .theme-slider-button-2{
margin-top:20px;
}
.button-three .theme-slider-button, .scnd-button-three .theme-slider-button-2 {
    display:block;
}
}

/*page-svg*/
.page-svg-wrapper{
position:relative;
}