/*

Theme Name: Ella Premium
Theme URI: https://pixelonetry.com/downloads/ella-premium-wordpress-theme/
Description: Ella Premium is a flexible premium WordPress theme with a parallax effect, perfect for one-page websites. It is also highly versatile and works well for multipurpose use. You can take advantage of the included Page Builder to create individual pages according to your preferences. If you want to integrate an online shop into your website, you will benefit from WooCommerce compatibility, provided by this parallax WordPress theme. Ella Premium is suitable for all kinds of business or corporate websites, as well as personal online presences. Thanks to its responsiveness, your content will be well-organized and displayed properly on all screen sizes.
Version: 1.0.0
Author: pixelonetry
Author URI: https://pixelonetry.com/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog, Portfolio, Slider, Gallery 

*/


    /*------------------------------------------------------------------------*/
    
    /* HELPER CLASSES */
	:root {
		--tp-common-white: #F5F7F5;
		--tp-common-white-solid: #fff;
		--tp-common-black: #1E1E1E;
		--tp-common-black-2: #1E1E1E;
		--tp-common-black-3: #141414;
		--tp-common-dark: #121212;
		--tp-common-orange: #EB5939;
		--tp-grey-1: #262626;
		--tp-grey-2: #F4F4F4;
		--tp-grey-3: #5D5D63;
		--tp-grey-4: #F7F7F7;
		--tp-text-body: #5D5D63;
		--tp-theme-1: #336EF9;
		--tp-border-1: #EAEAEB;
		--first-font: "Playfair Display", Arial, sans-serif; 
		--secondary-font: 'Open Sans', arial, sans-serif;
	}

	@font-face {
		font-family: newYork;
		src: url("../font/FontsFree-Net-NewYork.ttf");
		font-weight: 400;
	  }

	img {
		display:block;
        max-width:100%;
		height:auto;
    }
	
	.alignright {
		float:right;
		clear:right;
		margin-left:30px;
		margin-bottom:10px;
		margin-top:5px;
	}
	
	.alignleft {
		float:left;
		clear:left;
		margin-right:30px;
		margin-bottom:10px;
		margin-top:5px;
	}
	
	.aligncenter{
		margin-left:auto;
		margin-right:auto;
		margin-bottom:10px;
		margin-top:5px;
	}
	
	.alignnone{
		margin-bottom:10px;
	}
	
	p.wp-caption-text{
		margin-top:5px;
		margin-bottom:0 !important;
		color:#999;

		font-size:11px;
		font-style:normal;
		font-weight:700;
	}
    
    .clearfix:after{
        content: ".";
        display:block;
        height:0;
        visibility:hidden;
        clear:both;
    }
	
	
	.row-fluid .span5-5 {
		width: 47% !important;
		margin-left:6% !important;
	}
	
	.row-fluid .span5-5:first-child {
		margin-left:0 !important;
	}

	.pe-offset1{
        margin-left: 8.5635359% !important;
    }
	
    .divider{
		display:block;
		height:1px;
		background:transparent;
		border-bottom:1px solid #eee;
		margin-bottom:30px;
	}
	
	.divider.dashed{
		border-bottom-style:dashed;
	}
	
	.divider.dotted{
		border-bottom-style:dotted;
	}
	
	[class^="icon-"]{
		background:none;
		opacity:1;
		font-size:18px;
	}

	.pe-main-section h6 [class^="icon-"]{
		margin-right:10px;
		color:#b8a279;
	}

	[class^="icon-"]:before, 
	[class*=" icon-"]:before{
		margin-left:0 !important;
		margin-right:0;
	}
	
	@keyframes bar_anim {
		0%, 100% {
		  -webkit-clip-path: inset(-2px 0);
		  clip-path: inset(-2px 0);
		}
		42% {
		  -webkit-clip-path: inset(-2px 0 -2px 100%);
		  clip-path: inset(-2px 0 -2px 100%);
		}
		43% {
		  -webkit-clip-path: inset(-2px 100% -2px 0);
		  clip-path: inset(-2px 100% -2px 0);
		}
	  }

	/*spacer styles*/

	.pe-spacer{
		display:block;
		min-height:0 !important;
		margin:0;
		padding:0;
		width:100%;
		clear:both;
	}
	
	.pe-spacer.size70{
		height:70px;
	}
	
	.pe-spacer.size100{
		height:100px;
	}
	

	/*content blocks*/

	.pe-block {
	    margin-bottom: 70px;
	}

	.pe-block-hidden {
		display: none;
	}

	.pe-block.nomargin {
	    margin-bottom: 0;
	}

	.pe-block:last-child,
	.pe-block.pe-last-child {
	    margin-bottom: 0;
	}

	section.pe-main-section > .pe-block{
		max-width:940px;
		margin-left:auto;
		margin-right:auto;
	}

	section.pe-main-section > .pe-block.pe-block-fullwidth,
	section.pe-main-section.pe-splash-section > .pe-block{
		max-width:none;
		width:100%;
	}

	

	/*boxed containers*/

	.pe-container{
		max-width:940px;
		margin-right: auto;
		margin-left: auto;
		/*zoom: 1;*/
	}
	
	.pe-container:before,
	.pe-container:after {
	  	display: table;
	 	line-height: 0;
	  	content: "";
	}

	.pe-container:after {
	  	clear: both;
	}

	
	/*slider styles*/
	.peSlider > div.peCaption > .peCaptionLayer.pe-caption-white {
		/*font-family: newyork;*/
		font-family:"Playfair Display", Arial, sans-serif;
		/*font-family: 'Niconne', cursive !important;*/
	}
	.peSlider > div.peCaption h3{
		color:#b8a279;
		font-weight:400;
	}

	.peSlider > div.peCaption{
		background-color:rgba(0,0,0,0.7);
	}

	.peVolo .peVoloNext a,
	.peVolo .peVoloPrev a{
		height:40px;
		width:40px;
		margin-top:-20px;
		top:50%;
		background-color:#000;
		border-radius:2px;
		-webkit-border-radius:2px;
	}

	.peVolo .peVoloNext a i,
	.peVolo .peVoloPrev a i{
		height:40px;
		width:40px;
		line-height:40px;
		margin-top:0;
		top:0;
		color:#fff;
	}

	.peSlider > .peVoloNext,
	.peSlider > .peVoloPrev{
		opacity:0;
		  -webkit-transition: opacity 0.3s ease-out; 
		     -moz-transition: opacity 0.3s ease-out; 
		       -o-transition: opacity 0.3s ease-out; 
		          transition: opacity 0.3s ease-out; 

	}

	.peSlider:hover > .peVoloNext,
	.peSlider:hover > .peVoloPrev{
		opacity:1;
	}

	

	
	

    /*------------------------------------------------------------------------*/
    
    /* GENERIS STYLES */
	
    body
    {
        background:#ffffff;
        text-align: left;
		font-family: 'Open Sans', arial, sans-serif;
        line-height: 22px;
        font-size:14px;
        color:#666;
		overflow-x:hidden;
		overflow-y:auto;
		padding-top:64px;
    }
	
	/*remove default top padding on transparent header scenario*/
    body.pe-header-transparent{
    	padding-top:0;
    }

    html.boxed body,
    body.boxed{
    	background-color:#eee;
    }

	html.boxed .site-wrapper,
	body.boxed .site-wrapper{
		max-width:980px;
		margin-left:auto;
		margin-right:auto;
		background-color:#fff;
	}

	html.boxed .site-body,
	body.boxed .site-body{
		position:relative;
	}

	.site-body{
		padding-top:64px;
		padding-bottom:64px;
	}

	.page-template-page_builder-php .site-body{
		padding-bottom:0;
	}

	.page-template-page_builder-php .site-body{
		padding-top:0px;
	}

	.page-template-page_builder-php .page-title{
		margin-top:64px;
	}

	.pe-header-transparent .site-body{
		padding-top:0px;
	}
	
	h1, h2, h3, h4, h5, h6{
		font-family: 'Open Sans', arial, sans-serif;
		margin:0;
	}
    
    h1{
        color: #333;
        font-size:34px;
		line-height:34px;
		font-weight:600;
        letter-spacing:-1px;
		margin-bottom:45px;
    }
    
    h2{
        color: #666;
        font-size:26px;
        line-height:36px;
		font-weight:400;
    }

    .carouselBox h2 {
    	font-size:24px;
    	line-height: 34px;
    }
    
    h3 {
        color: #999;
        font-size:22px;
		font-weight:400;
        margin-bottom:30px;
		line-height:24px;
    }

    .sidebar h3{
		margin-bottom:20px;
		font-size:14px;
		color:#222;
    }

    footer h3{
    	color:#828282;
		font-size:16px;
		font-weight:400;
		margin-bottom:30px;
	}
	
	h3 a{
		color:#333;
	}
	
	.desktop h3 a:hover{
		color:#b8a279;

	}
	
    
    h4{
        font-size:20px;
        text-align:center;
        font-weight:300;
        line-height:26px;
        color:#666;
    }
	
	h5{
		font-weight:300;
		font-size:16px;
		color:#666;
		text-transform:none;
		margin-bottom:15px;
	}
	
	h6{
		font-weight:600;
		font-size:14px;
		text-transform:none;
		color:#999;
		margin-bottom:15px;
	}

	

	.subtitle{
		display:block;
		font-weight:300;
		font-size:22px;
		line-height:30px;
		color:#ebebeb;
		font-family:'Open Sans', arial, sans-serif;
	}
	
	.caption{
		font-size:42px;
		font-weight:300;
		color:#fff;
		line-height:52px;
	}
	
	.accent{
		color:#b8a279;

	}
    
    p{
        color: #888;
        font-size:14px;
		font-family: 'Open Sans', arial, sans-serif;
        font-weight: 300;
        line-height:22px;
        margin-bottom:30px;
    }

    .page-title{
    	margin-bottom:0;
    	font-size:12px;
    	color:#aaa;
    	line-height:20px;
    }

    
	
	.page-title h2,
	.page-title h1,
	section > h2{
		font-family: var(--first-font);
    	color: #333;
        font-size:30px;
		font-weight:300;
        text-align:center;
		line-height:26px;
		margin-bottom:15px;
		letter-spacing:2px;
	}

	section > h2{
		margin-bottom:45px;
	}

	.page-title h2:after,
	.page-title h1:after,
	section > h2:after{
		display:block;
		content:"";
		height:1px;
		width:40px;
		background-color:#ccc;
		margin:20px auto 30px;
	}
	
	p.intro{
		color:#333;
		font-size:14px;
		line-height:22px;
		font-weight:400;
	}
	
	p.intro.large{
		font-size:16px;
		line-height:26px;
		font-weight:400;
		color:#666;
	}
    
    a{
        color:#b8a279;
        text-decoration:none;
        -webkit-transition: color, background-color, border-color 0.3s ease-out; 
		   -moz-transition: color, background-color, border-color 0.3s ease-out; 
			 -o-transition: color, background-color, border-color 0.3s ease-out; 
				transition: color, background-color, border-color 0.3s ease-out; 
    }
	
    .desktop a:hover{
        color:#000;
		text-decoration:none;
    }

    .desktop a.btn-inverse:hover{
    	color:#eee;
    }

    .desktop .info-bar a:hover,
    .desktop .foot-lower a:hover{
    	color:#fff;
    }
    
    .small{
        color:#acacac;
        font-size:11px;
		font-weight:300;
    }
	
	b{
		font-weight:700;
	}
	
	em{
		color:#444;
        font-weight:400;
        font-style:normal !important;
	}
	
	blockquote, blockquote > p{
		font-size:14px;
		font-weight:400;
		line-height:22px;
		color:#888;
	}
	
	cite{
		margin-left:0px;
		color:#333;
		font-size:12px;
		margin-top:12px;
		display:block;
	}

	.pe-style-dark cite{
		color:#eee;
	}
	
	cite .accent{
		margin-left:10px;
	}
	
	a.read-more{
		color:#b8a279;
		font-size:12px;
		line-height:26px;
		font-weight:400;
		text-transform:uppercase;
		display:block;
		height:26px;
		width:150px;
	}
	
	.desktop a.read-more:hover{
		color:#333;
	}
	
	p > a.read-more{
		display:block;
		margin-top:20px;
	}
	
	a.more-link{
		color:#b8a279;

		font-weight:400;
		font-size:11px;
		text-transform:uppercase;
	}
	
	.desktop a.more-link:hover{
		color:#333;
	}
	
	p > a.more-link{
		display:block;
		margin-top:10px;
	}
	
	.light{
		font-size:12px;
		color:#acacac;
	}
	
	.contour-btn{
		font-size:12px;
		line-height:26px;
		font-weight:400;
		display:inline-block;
		color:#666;
		border:2px solid #eee;
		padding:5px 25px;
		-webkit-transition: all 0.3s ease-out; 
		   -moz-transition: all 0.3s ease-out; 
			 -o-transition: all 0.3s ease-out; 
				transition: all 0.3s ease-out; 
	}
	
	.contour-btn{
		color:#fff;
		background-color:#b8a279;
		border-color:#b8a279;
	}
	
	.contour-btn.grey{
		color:#fff;
		background-color:#aeaeae;
		border-color:#aeaeae;
	}
	
	.desktop .contour-btn.grey:hover,
	.desktop .contour-btn:hover{
		background-color:#232323;
		border-color:#232323;
		color:#fff;
	}

	.desktop .pe-style-dark .contour-btn:hover{
		background-color:#fff;
		border-color:#fff;
		color:#333;
	}
	
    
    /*remove outline on focus and clicks*/
    *:focus {outline: none;}
    
    a:focus, a:active , input:focus, input:active, input[type=submit]:active, input[type=radio]:active{
    outline: 0px;
    /*-moz-outline-style: none;*/
    }
    
    /*outline in geko browsers*/
    button::-moz-focus-inner,
    input[type="reset"]::-moz-focus-inner,
    input[type="button"]::-moz-focus-inner,
    input[type="radio"]::-moz-focus-inner,
    input[type="submit"]::-moz-focus-inner,
    input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
    }
    
    input, button, select, textarea {
		font-family: 'Open Sans', arial, sans-serif;
	}

	input[type="text"], input[type="password"],textarea, select{
		border-radius:0;
		-webkit-border-radius:0;
		box-shadow:none;
		-webkit-box-shadow:none;
	}

	input[type="text"]:focus, input[type="password"]:focus{
		box-shadow:none;
		-webkit-box-shadow:none;
	}
	
	label, input, button, select, textarea{
		font-size:12px;
	}

	::-webkit-input-placeholder,
	:-moz-placeholder,
	::-moz-placeholder,
	:-ms-input-placeholder {
	   color: #ff0000 !important;
	}
    
    ul{
        list-style:none;
        margin:0;
		padding:0;
    }
    
    li{
        padding:0;
		margin:0;
    }
	
	.bullet li:before{
		margin-top:5px;
		content: '\e75e';
		font-family: 'entypo-icon-font';
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: 0.2em;
		text-align: center;
		line-height: 1em;
		font-size: 120%; 
    }
	
	.inner-spacer-left{
		margin-left:20px;
	}
    
	.inner-spacer-left-lrg{
		margin-left:50px;
	}
	
	.inner-spacer-right{
		margin-right:20px;
	}
	
	.inner-spacer-right-lrg{
		margin-right:50px;
	}
    
    /* END GENERAL STYLES */
    
    
    /*------------------------------------------------------------------------*/
    
    
    /* HEADER */

	.outline-btn{
		font-weight: 700;
		font-size:12px;
		padding:10px 25px;
		border:2px solid rgba(0,0,0,0.3);
		color:rgba(0,0,0,0.8);
		margin:0 15px;
		line-height:12px;
		display:inline-block;
	}

	.desktop .outline-btn:hover{
		border-color:rgba(0,0,0,0.8);
		box-shadow: 0 2px 1px rgba(0,0,0,0.1);
		cursor:pointer;
		color:#333;
	}
	

	.pe-style-dark .outline-btn{
		border:2px solid rgba(255,255,255,0.3);
		color:rgba(255,255,255,0.8);
	}

	.desktop .pe-style-dark .outline-btn:hover{
		border-color:rgba(255,255,255,0.8);
		box-shadow: 0 2px 1px rgba(0,0,0,0.1);
		color:#fff;
	}

	/*social media icons*/

	.sm-icon-wrap{
		overflow:hidden;
		margin-bottom:5px;
	}
	
	.sm-icon-wrap a{
		width:24px;
		height:30px;
		font-size:22px;
		line-height:24px;
		color:#888;
		display:block;
		float:right;
		margin-right:2px;
		-webkit-transition: color .3s ease-out;
		-moz-transition: color .3s ease-out;
		-o-transition: color .3s ease-out;
		transition: color .3s ease-out;
	}

	.desktop .sm-icon-wrap a:hover{
		color:#b8a279;
	}

	/*header*/
	
    header{
        position:static;
		overflow:visible;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		transition: all .3s ease-out;
    }

	/* Header Top Button */
	  .pe-header-bar {
		line-height: 0;
	  }
	  .pe-header-bar button span {
		height: 2px;
		width: 40px;
		background-color: var(--tp-common-black);
		display: block;
		margin: 6px 0;
	  }
	  .pe-header-bar button:hover span {
		animation: bar_anim 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
	  }
	  .pe-header-bar button:hover span:nth-child(2) {
		animation-delay: 0.1s;
	  }

    /*site logo*/
	.logo{
		position:absolute;
		top:0px;
		z-index:2001;
		display:block;
		margin:0;
		transform: translateY(0px);
		-ms-transform: translateY(0px); 
		-webkit-transform: translateY(0px);
		-webkit-transition: all 0.2s ease-in-out;
    	-moz-transition: all 0.2s ease-in-out;
   		-o-transition: all 0.2s ease-in-out;
   		transition: all 0.2s ease-in-out;
    } 


    /*TRANSPARENT HEADER*/
	.pe-header-transparent .pe-menu-sticky{
		background-color:rgba(255,255,255,0);
		box-shadow:none;
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
	}
	
	/*reveal header bg color*/
	.pe-header-transparent.pe-header-scrolled .pe-menu-sticky{
		background-color:rgba(255,255,255,1);
		box-shadow: 0 2px 4px rgba(0,0,0,0.3);
		-webkit-transition: opacity 0.2s ease-out 0.2s;
    	-moz-transition: opacity 0.2s ease-out 0.2s;
   		-o-transition: opacity 0.2s ease-out 0.2s;
   		transition: opacity 0.2s ease-out 0.2s;
   		opacity:1;
   		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
	}
	
	
	/*adjust paddings of menu block for header's smaller size*/

	.pe-header-transparent.pe-header-scrolled .pe-menu-main{
		/*padding-top:27px;*/
		-webkit-transition: padding-top 0.2s ease-out;
    	-moz-transition: padding-top 0.2s ease-out;
   		-o-transition: padding-top 0.2s ease-out;
   		transition: padding-top 0.2s ease-out;
	}
	
	/*adjust paddings and color of main menu item text*/

	.pe-menu > li > a{
		padding-bottom:14px;
	}
	
	.pe-header-transparent .pe-menu > li > a{
		color:#fff;
	}

	.pe-header-transparent.pe-header-scrolled .pe-menu > li > a{
		padding-bottom:14px;
		color:#444;
		-webkit-transition: all 0.2s ease-out 0.2s;
    	-moz-transition: all  0.2s ease-out 0.2s;
   		-o-transition: all  0.2s ease-out 0.2s;
   		transition: all  0.2s ease-out 0.2s;
	}

	.desktop .pe-menu > li > a:hover,
	.pe-menu > li.active > a{
		color:#444;
	}

	.desktop .pe-header-transparent .pe-menu > li > a:hover,
	.pe-header-transparent .pe-menu > li.active > a{
		color:#fff;
	}

	

	/*logo normally*/
	.pe-menu-sticky .logo{
		top:0px;
    }
	
	/*moves the logo up on first scroll*/
	.pe-header-transparent.pe-header-scrolled .pe-menu-sticky .logo{
		top:0;
    }

	/*-------------------------------------------------------
	Hover Effects
	-------------------------------------------------------*/
	.hover-effect {
		position: relative; /* Make sure the parent is positioned relative for absolute positioning of pseudo-elements */
		overflow: hidden; /* Ensure content does not overflow */
		width: 100%;
		height: 100%;
	}
	
	.hover-effect::before,
	.hover-effect::after {
		content: "";
		background: #a0d149;
		height: 0;
		width: 0;
		z-index: 1;
		position: absolute;
		transition-duration: 1.3s;
	}
	
	.hover-effect::before {
		right: 15px;
		top: 0;
		opacity: 1;
		transition: height 1.5s ease, width 1.5s ease, opacity 1.5s ease;
	}
	
	.hover-effect::after {
		bottom: 0;
		left: 15px;
		right: 0;
		opacity: 0.7;
		transition: height 1.5s ease, width 1.5s ease, opacity 1.5s ease;
	}
	
	.hover-effect:hover::before,
	.hover-effect:hover::after {
		height: 100%;
		width: 100%;
		opacity: 0;
	}
	

	/*STICKY HEADER*/

	header,
    .pe-menu-sticky header > div{
    	height:64px;
    }

	.pe-menu-sticky {
		position: absolute;
		background-color:#fff;
		/*box-shadow:;*/
		top:0;
		z-index:2000;
		width:100%;	
	}
	
	.desktop .pe-menu-sticky {
		position:fixed;
	}
	
    
    /*main navigation*/
	.pe-menu-sticky{
		background-color:#fff;
		box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	}

    .pe-menu-main{
    	padding-top:27px;
    	padding-right:10px;
    	float:right;
    	opacity:1;
    	visibility: visible;
    	-webkit-transition: opacity 0.2s ease-out;
    	-moz-transition: opacity 0.2s ease-out;
   		-o-transition: opacity 0.2s ease-out;
   		transition: opacity 0.2s ease-out;
    }

    .pe-menu > li{
    	margin-left:25px;
    	padding-bottom:5px;
    }

	/* CLOSE MENU */
   .close-menu {
	display: none; /* Default to hidden */
	cursor: pointer; /* Change cursor to pointer */
  
  }
  .close-menu:hover,
  .close-menu:focus {
	background-color: #ec005f; /* Change color on hover and focus */
	color: #000; /* Icon color on hover/focus */
	outline: none; /* Remove default outline */
	box-shadow: 0 0 0 3px #ec005f44; /* Accessible focus indicator */
  }
  
  /* Show close button on mobile devices */
  @media (max-width: 768px) { /* Adjust the max-width as needed */
	.close-menu {
		display: inline-block; /* Show close button on mobile */
		top: 10px; /* Adjust top position */
		right: 10px; /* Adjust right position */
		z-index: 1000; /* Ensure it’s above other content */
	}
  }

    
	/*sections general*/

	.pe-main-section{
		padding:60px 0;
		background-color:#fff;
		background-repeat:no-repeat;
	}

	.pe-main-section.pe-splash-section{
		padding:0;
		background:transparent;
	}




	/*Home Slider*/
	
	.pe-splash-section .peWrap{
		position:fixed;
		z-index:-1;
	}

	.caption-wrap{
		width:100%;
		height:auto;
		position:absolute;
		top:0;
		left:0;
		z-index:2;
	}
	
	.caption{
		text-align:center;
		width:900px;
		margin: 0 auto;
		margin-top:120px;
	}
		
	
	/*Call To Action */

	.action h2{
		font-weight:400;
	}
	.action h2 span{
		font-weight:600;
	}

	.action h3{
		color:#b8a279;
	}

	.action .contour-btn,
	.action .outline-btn{
		margin:0 15px;
	}

	.action .theme-btn,
	.action .theme-btn-countor{
		margin:0 5px;
		margin-top: 8px;
	}

	.action p {
		text-align:center;
	}



	/*Process Block*/
	
	.process{
		padding:0px;
		position:relative;
	}

	.process > div > div > div{
		padding:0 20px 30px;
		background-color:#f6f6f6;
		text-align:center;
	}

	
	.desktop .process > div > div > div:hover .process-icon span{
		background-color:#333;
	}

	.process > div > div > div > ul,
	.process > div > div > div p{
		text-align:left;
		font-size: 13px;
		/*font-family: var(--first-font);*/
	}

	.process .process-icon{
		padding:4px 0;
		margin:40px 0 0px;
		line-height:24px;
		text-align:center;
		position:relative;
		top:-35px;
	}

	.process .process-icon > span > i:before{
		line-height:25px;
	}

	/*.process .process-icon > span {
		padding: 20px;
		font-size: 20px;
		color: #fff;
		background-color: #b8a279;
		border-radius: 50%;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		height: 52px; 
		width: 52px;
		-webkit-transition: background-color .3s ease-out;
		-moz-transition: background-color .3s ease-out;
		-o-transition: background-color .3s ease-out;
		transition: background-color .3s ease-out;
	}
*/

	.process .process-icon > span{
		padding:20px;
		font-size:12px;
		color:#fff;
		background-color:#b8a279;
		border-radius:50%;
		display:inline-block;
		justify-content: center;
		align-items: center;
		height: 60px;
        width: 60px;
		-webkit-transition: background-color .3s ease-out;
		-moz-transition: background-color .3s ease-out;
		-o-transition: background-color .3s ease-out;
		transition: background-color .3s ease-out;
	}

	

	.process h4{
		margin-bottom:15px;
		position:relative;
		top:-15px;
		font-weight:600;
	}

	.process i{
		width:100%;
		height:100%;
	/*	margin:0; */
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;

	}
	
	.process ul{
		margin-bottom:30px;
	}

	.process li{
		padding:10px 0 10px 20px;
		border-bottom:1px solid #eaeaea;
		color:#888;
		font-size:13px;
	}

	.process ul li:last-child{
		border-bottom:none;
	}

	.process li:before{
		margin-top:5px;
		float:left;
		margin-left:-20px;
		content: '\e762';
		font-family: 'entypo-icon-font';
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		margin-right: 1em;
		text-align: center;
		line-height: 1em;
		font-size: 100%; 
		color:#ccc;
    }
	
	.process > div > div > div .read-more{
		display:inline-block;
		font-family: var(--first-font);
		font-weight: 600;
		font-size:12px;
		padding:10px 25px;
		border:2px solid rgba(0,0,0,0.1);
		color:#b8a279;
		margin:0 15px;
		line-height:12px;
		width:auto;
		height:auto;
	}

	.process > div > div > div .read-more:hover{
		border-color:rgba(0,0,0,0.8);
		box-shadow: 0 2px 1px rgba(0,0,0,0.1);
		cursor:pointer;
		color:#333;
	}


    /*process dark styles*/

	.pe-style-dark .process > div > div > div{
		background-color:#444;
	}

	.pe-style-dark .process > div > div > div .read-more{
		border:2px solid rgba(255,255,255,0.3);
	}

	.pe-style-dark .process > div > div > div .read-more:hover{
		border-color:rgba(255,255,255,0.8);
		box-shadow: 0 2px 1px rgba(0,0,0,0.1);
		color:#fff;
	}

	.desktop .pe-style-dark .process > div > div > div:hover .process-icon span{
		background-color:#888;
	}

	.pe-style-dark .process li{
		border-bottom:1px solid #555;
		color:#ddd;
	}

	.pe-style-dark .process li:before{
		color:#888;
    }


    /*feature block*/

    .pe-view-layout-class-feature h5{
		color:#b8a279;
		font-size:24px;
		font-weight:300;
		line-height:36px;
    }
	/*.pe-view-layout-class-feature h5::after {
		display: block;
		content: "";
		height: 0.5px;
		width: 80%;
		background-color: #ccc;
		margin-top: 5px;
    }*/

    .pe-view-layout-class-feature .pe-layout-bottom h5{
		text-align:center;
    }

    .pe-view-layout-class-feature .pe-layout-bottom .entry-content {
    	text-align:center;
    	width:80%;
    	margin:0 auto;
    }


    .pe-view-layout-class-feature .pe-layout-bottom .pe-button{
    	text-align:center;
    }

	.entry-content {
		margin-top: 20px;
	 }
    /* OLD BUTTON /*
   /* .pe-view-layout-class-feature .pe-button a{
    	font-weight: 700;
		font-size:11px;
		padding:10px 25px;
		border:2px solid rgba(0,0,0,0.3);
		color:rgba(0,0,0,0.6);
		margin:0;
		line-height:12px;
		display:inline-block;
    }
		.desktop .pe-view-layout-class-feature .pe-button a:hover{
    	border-color:rgba(0,0,0,0.8);
		box-shadow: 0 2px 1px rgba(0,0,0,0.1);
		cursor:pointer;
		color:#333;
    }
	*/

	/* MEW BUTTON */
	
.pe-view-layout-class-feature .pe-button a {
	font-family: var(--first-font);
	background: transparent;
    border: 2px solid rgba(102, 102, 102, 0.6);	
	font-weight: 700;
		font-size:12px;
		padding:12px 28px;
		border-radius: 3px;
		letter-spacing: 4px;
		color:rgba(0, 0, 0, 0.8);
		margin:0;
		line-height:12px;
		display:inline-block;
		-webkit-transition: All 200ms linear;
		-moz-transition: All 200ms linear;
		-ms-transition: All 200ms linear;
		-o-transition: All 200ms linear; 
		transition: All 200ms linear;
}
.pe-view-layout-class-feature .pe-button a:hover {
	/*border: 2px solid rgba(102, 102, 102, 0.90); */
	border: 2px solid rgba(184, 162, 121, 0.90);
    color: #000000!important;

}


    .pe-view-layout-class-feature .pe-col-media{
    	margin-bottom:70px;
    }

    .pe-view-layout-class-feature .pe-layout-bottom .pe-col-media{
    	margin-bottom:0;
    	margin-top:40px;
    }

    /*feature block dark styles*/

	.pe-style-dark .pe-view-layout-class-feature h5{
		color:#b8a279;
	}
	
	.pe-style-dark .pe-view-layout-class-feature .pe-button a{
    	border:2px solid rgba(255,255,255,0.3);
		color:rgba(255,255,255,0.6);
    }

    .desktop .pe-style-dark .pe-view-layout-class-feature .pe-button a:hover{
    	border-color:rgba(255,255,255,0.8);
		box-shadow: 0 2px 1px rgba(0,0,0,0.1);
		color:#fff;
    }
	

	/*skillz block*/
	
	.pe-view-layout-class-skills h5{
		color:#b8a279;
		font-size:24px;
		font-weight:300;
		line-height:26px;
	}

	.pe-view-layout-class-skills .pe-skill{
		margin-bottom:25px;
	}
	
	.pe-view-layout-class-skills .pe-skill .pe-skill-title{
		float:left;
		margin-bottom:5px;
	}

	.pe-view-layout-class-skills .pe-skill .pe-skill-perc{
		float:right;
		margin-bottom:5px;
	}

	.pe-view-layout-class-skills .pe-skill .pe-skill-bg{
		background:#ddd;
		background:rgba(221,221,221,0.9);
		clear:both;
	}

	.pe-view-layout-class-skills .pe-skill .pe-skill-value{
		background:#b8a279;
		background:rgba(184, 162, 121, 0.6);
		/*background:rgba(31,187,166,0.6);*/
	}

	.pe-view-layout-class-skills .pe-skill-bg {
		background: #444444;
		height: 20px;
	}

	.pe-view-layout-class-skills .pe-skill-value {
		background: #888888;
		height: 20px;
		margin-top: -20px;
	}

	@keyframes pe-skill-animation {
	    0% {opacity: 0; transform: scale(.1,1);}
	    100% {opacity: 1; transform: scale(1,1);}
	}

	@-webkit-keyframes pe-skill-animation {
	    0% {opacity: 0; -webkit-transform: scale(.1,1);}
	    100% {opacity: 1; -webkit-transform: scale(1,1);}
	}

	.pe-skill-animation {
	    animation-name: pe-skill-animation;
		transform-origin: 0 0;
	    -webkit-animation-name: pe-skill-animation;
		-webkit-transform-origin: 0 0;
	}


	/*skillz dark*/

	.pe-style-dark .pe-view-layout-class-skills h5{
		color:#b8a279;
	}

	.pe-style-dark .pe-view-layout-class-skills .pe-skill .pe-skill-bg{
		background:#222;
		background:rgba(34,34,34,0.9);
	}


	/*stats block*/

	.pe-view-layout-class-stats > div > [class*="span"]{
		border-left:1px solid #eee;
	}

	.pe-view-layout-class-stats > div > [class*="span"]:first-child{
		border-left:none;
	}

	.pe-view-layout-class-stat .pe-stat{
		padding-left:20px;
	}

	.pe-view-layout-class-stat .pe-stat h5{
		color:#b8a279;
		font-size:14px;
		font-weight:700;
		line-height:16px;
		text-align: center;
		margin-bottom: 25px!important;
	}

	.pe-view-layout-class-stat .pe-stat .pe-media{
		margin-bottom:20px;
	}

	.pe-view-layout-class-stat .pe-stat .pe-media > img{
		margin:0 auto;
		filter: invert(1);
	}

	.pe-view-layout-class-stat .pe-stat .entry-content,
	.pe-view-layout-class-stat .pe-stat .entry-content p{
		text-align:center;
		font-size:12px;
		line-height:18px;
	}

	/*stats dark*/
	.pe-style-dark .pe-view-layout-class-stats > div > [class*="span"]{
		border-color:#444;
	}

	.pe-style-dark .pe-view-layout-class-stat .pe-stat h5{
		color:#b8a279;
	}


	/*wpml menu item*/
	.pe-menu > li.menu-item-pe-wpml{
		border-left:1px solid #eee;
		padding-bottom:0;
		padding-left:12px;
		margin-left:24px;
	}

	.desktop .pe-menu > li.menu-item-pe-wpml:hover, .pe-menu > li.menu-item-pe-wpml.active{
		border-bottom:none;
	}

	.menu-item-pe-wpml .pe-wpml-flag{
		float:left;
		margin-right:7px;
		padding-top:3px;
		padding-bottom:3px !important;
	}


    
	/* Footer */
    footer{
    	margin-bottom:50px;
    }

	.footer{
		text-transform: uppercase;
		padding-top:70px;
		padding-bottom: 60px!important;/* */
		background-color:#232323;

	}
	
	.footer.small {
		padding-top: 0px;
		border-top: none;
	}

	.foot-top{
		margin-bottom:50px;
	}

	.footer.small .foot-lower{
		margin-top: 0px;
		color:#ccc;
		font-size:12px;
	}
	
	.foot-lower .copyright{
		/*color:fff;*/
		text-align:center;
		margin-bottom:15px;
		line-height:20px;
		font-size:13px;
	}

	.foot-lower .copyright a{
		color:#999;
	}

	.foot-lower .copyright a:hover{
		color:#ccc;
		/*color:#b8a279;*/
	}
	
	.foot-lower .social-media a i{
		font-size:16px;
	}

    .logo-foot{
    	/*position:relative;
    	float:left;
    	left:50%;
    	margin-bottom:20px;*/
		text-align: center; /* Center the logo */
		margin-bottom: 15px; /* Space below the logo */
    }

    .logo-foot > a{
    	/*display:block;
    	margin-left:-50%;
    	position:relative;*/
		display: inline-block; /* Allow the anchor tag to be treated as an inline block */
    }
	
	/*social media icons*/

	 /* .footer .social-media {
		margin-bottom: 20px;
	  }
	  /*
	  .footer .social-media a {
		display: inline-block;
		height: 35px;
		width: 35px;
		line-height: 35px;
		border-radius: 50%;
		margin: 0 4px;
		font-size: 15px;
	  }*/
	  
	/* .footer .social-media a:hover {
		color: #fff !important;
	  }*/

	.foot-lower .social-media-wrap{
		float:left;
		position:relative;
		left:50%;
		width:auto;
		/*margin-bottom:60px;*/ /* disabled free v */
	}

	.foot-lower .social-media-wrap .social-media{
		position:relative;
		margin-left:-50%;
	}

	
	/*.social-media-wrap .social-media a{
		width:24px;
		float:left;
		height:30px;
		font-size:24px;
		line-height:24px;
		color:#555;
		display:block;
		margin-right:4px;
		-webkit-transition: color .3s ease-out;
		-moz-transition: color .3s ease-out;
		-o-transition: color .3s ease-out;
		transition: color .3s ease-out;
	}*/
	.social-media-wrap .social-media a{
	   width:35px;
		float:left;
		border-radius: 50%;
		height:35px;
		font-size:15px;
		line-height:35px;
		color:#555;
		display:block;
		text-align: center;
		margin: 0 4px;
		-webkit-transition: color .3s ease-out;
		-moz-transition: color .3s ease-out;
		-o-transition: color .3s ease-out;
		transition: color .3s ease-out;
	}
	.social-media-wrap .social-media a:hover{
	 	/*color:#b8a279;*/
		color: #FFF;
	}
    
	.footer .widget{
		margin-bottom:0;
	}

	/*-------------------------------------------------------
	Footer Social Links Hover
	-------------------------------------------------------*/
	.social-media-wrap .social-media [data-original-title="Facebook"] {
	color: #475996;
	}

	.social-media-wrap .social-media [data-original-title="Facebook"]:hover {
	background-color: #475996;
	}

	.social-media-wrap .social-media [data-original-title="Twitter"] {
	color: #69baf3;
	}

	.social-media-wrap .social-media [data-original-title="Twitter"]:hover {
	background-color: #69baf3;
	}

	.social-media-wrap .social-media [data-original-title="Linkedin"] {
	color: #4875b4;
	}

	.social-media-wrap .social-media [data-original-title="Linkedin"]:hover {
	background-color: #4875b4;
	}

	.social-media-wrap .social-media [data-original-title="Pinterest"] {
	color: #d03737;
	}

	.social-media-wrap .social-media [data-original-title="Pinterest"]:hover {
	background-color: #d03737;
	}

	.social-media-wrap .social-media [data-original-title="Dribbble"] {
	color: #d76896;
	}

	.social-media-wrap .social-media [data-original-title="Dribbble"]:hover {
	background-color: #d76896;
	}

	.social-media-wrap .social-media [data-original-title="Behance"] {
	color: #00a8e7;
	}

	.social-media-wrap .social-media [data-original-title="Behance"]:hover {
	background-color: #00a8e7;
	}

	.social-media-wrap .social-media [data-original-title="Instagram"] {
	color: #beb3a8;
	}

	.social-media-wrap .social-media [data-original-title="Instagram"]:hover {
	background-color: #beb3a8;
	}

	.social-media-wrap .social-media [data-original-title="Dropbox"] {
	color: #008ad2;
	}

	.social-media-wrap .social-media [data-original-title="Dropbox"]:hover {
	background-color: #008ad2;
	}

	.social-media-wrap .social-media [data-original-title="Youtube"] {
	color: #cd1b20;
	}

	.social-media-wrap .social-media [data-original-title="Youtube"]:hover {
	background-color: #cd1b20;
	}

	.social-media-wrap .social-media [data-original-title="Tumblr"] {
	color: #3a5976;
	}

	.social-media-wrap .social-media [data-original-title="Tumblr"]:hover {
	background-color: #3a5976;
	}

	.social-media-wrap .social-media [data-original-title="Vimeo"] {
	color: #00adee;
	}

	.social-media-wrap .social-media [data-original-title="Vimeo"]:hover {
	background-color: #00adee;
	}

	.social-media-wrap .social-media [data-original-title="Flicker"] {
	color: #d2d2d2;
	}

	.social-media-wrap .social-media [data-original-title="Flicker"]:hover {
	background-color: #d2d2d2;
	}

	.social-media-wrap .social-media [data-original-title="Github"] {
	color: #999;
	}

	.social-media-wrap .social-media [data-original-title="Github"]:hover {
	background-color: #999;
	}

	

	.social-media-wrap .social-media a.digg {
	color: #222;
	}

	.social-media-wrap .social-media a.digg:hover {
	background-color: #222;
	}

	.social-media-wrap .social-media a.deviantart {
	color: #57675d;
	}

	.social-media-wrap .social-media a.deviantart:hover {
	background-color: #57675d;
	}

	.social-media-wrap .social-media a.envelope {
	color: #999;
	}

	.social-media-wrap .social-media a.envelope:hover {
	background-color: #999;
	}

	.social-media-wrap .social-media a.dZelicious {
	color: #0A0A0A;
	}

	.social-media-wrap .social-media a.dZelicious:hover {
	background-color: #0A0A0A;
	}

	.social-media-wrap .social-media a.rss {
	color: #e67e22;
	}

	.social-media-wrap .social-media a.rss:hover {
	background-color: #e67e22;
	}
  
	
	
	/*info widget*/
	
    .widget_info{
		text-align:left;
		padding-bottom:30px;
		margin-right:0;
        margin-left:0;
		position:relative;
    }
	
	.widget_info h3{
		text-align:left;
	}

    
    .widget_info .logo-foot{
		margin-top:8px;
		margin-bottom:10px;
		margin-right:0;
		float:left;
		z-index:2;
    }
	
	.logo-wrap{
		overflow:hidden;
		clear:both;
	}
    
    .widget_info p{
        margin-top:0;
        margin-bottom:15px;
		color:#999999;
		z-index:1;
    }
    
    .widget_info a{
		color:#b8a279;

    }
    
    .desktop .widget_info a:hover{
		color:#111111;
    }
	
    
    .widget_info span{
        color:#999999;
		font-size:12px;
    }
	
	.widget_info .phone{
		display:block;
		margin-bottom:0;
		color:#333;
    }
    
    .widget_info h2{
		display:inline;
		margin-left:5px;
		font-size:12px
    }
    
	.widget_info .social-media{
		margin-top:15px;
	}

    .widget_info .social-media a{
    	float:left;
    	color:#000;
    	opacity:0.3;
    }

    .widget_info .social-media a:hover{
    	opacity:1;
    }
    

    
	/*recent post widget*/
	
	.widget_recent_entries h3{
		margin-bottom:8px;
	}
	
	.widget_recent_entries{
        margin-right:0;
    }
	
	.widget_recent_entries p{
        margin-top:25px;
    }
    
    .comments-num{
        display:block;
        float:right;
        width:28px;
    }

    .widget_recent_entries li{
    	margin-bottom:5px;
    }
    
	.widget_recent_entries span{
        text-transform:lowercase;
    }
    
    
	/*rollover highlight*/
	
    a.over-effect{
		position:relative;
		overflow:hidden;
		display:block;
	}
	
	a.over-effect.active .overlay-image,
	a.over-effect.active .over-icon{
		display:block;
	}
    
    
	
	div.overlay-image{
		background-color: #b8a279;
		z-index: 999;
		opacity: 0.85;
	}
	
	.desktop a.over-effect:hover{
		border-color: #b8a279;

		-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;	
	}
	
	

	.pe-gallery-images{
		margin-bottom:60px;
	}

	.post-image .pe-gallery-images{
		margin-bottom:20px;
	}

	.pe-gallery-images:last-child{
		margin-bottom:0;
	}
	
	.pe-gallery-carousel {
		margin-bottom: 20px;
	}

	.pe-gallery-carousel .videoWrapper {
		margin-bottom: 0px;
	}

	.pe-gallery-carousel h6 {
		margin-top: 10px;
	}

	.pe-view-layout-class-testimonials .peWrap > div > div{
		margin-left:60px !important;
		margin-right:60px !important;
	}

	.pe-view-layout-class-testimonials .peWrap > div > div > div > i{
		color:#b8a279;
		text-align:center;
		display:block;
		margin:0 auto 20px;
		width:30px;
		font-size:30px;

	}

	.pe-view-layout-class-testimonials .peWrap > div > div > div > h2{
		text-align:center;
	}

	.pe-view-layout-class-testimonials .peWrap > div > div > div > cite{
		text-align:center;
		font-size:14px;
		font-style:normal;
	}

	.pe-view-layout-class-testimonials .peWrap > div > div > div{
		margin-bottom:40px;
		text-align:center;
	}
	
	.testimonial{
		position:relative;
		border:1px solid #eee;
		background-color:#fff;
		margin-bottom:60px;
	}
	
    .testimonial .speech{
		position:absolute;
		bottom:-47px;
		left:30px;
		width:39px;
		height:47px;
		z-index:2;
	}
	
	blockquote{
		padding-left:30px;
        margin-bottom:30px;
		border-left:4px solid #b8a279;
    }
	
	.testimonial blockquote{
		border:none;
		padding:25px 30px 0px 30px;
		margin-bottom:0;
	}
	
	.testimonial > p{
		margin-bottom:15px;
	}
	
	.testimonial cite{
		margin-left:30px;
		margin-right:30px;
	}
    
    blockquote small{
        color:#666;
    }
    
    .desktop blockquote p a:hover{
        text-decoration:none;
        color: #2f2f2f;
    }


	/*content box shortcode*/
	
	.contentBox{
		background-color:#b8a279;
		color:#fcfcfc;
		padding:20px 20px 20px 20px;
		margin-bottom:25px;
	}


	/*Homepage*/
	
	.project-item a{
		display:block;
		margin-bottom:15px;
	}
	
	.project-item img{
		display:block;
	}
	
	.project-item p{
		color:#999;
	}
	
	.project-item h6{
		margin-bottom:0;
	}
	
	.project-item h6 a{
		color:#333;
		font-weight:600;
		font-size:14px;
		text-transform:none;
		margin-bottom:3px;
	}
	
	.desktop .project-item h6 a:hover{
		color:#b8a279;

	}
	
	.filter{
		margin-bottom:15px;
	}
	
	.featured-project .filter{
		margin-bottom:0;
	}
	
	.project-filter{
		min-height:0 !important;
		display: inline-block;
		padding: 4px 10px;
		-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
		border-radius: 30px;
		margin-bottom: 20px;
	}
	
	.project-filter li:before{
		content:"";
	}
	
	.project-filter h6{
		float:left;
		margin-right:20px;
		color:#444;
		margin-bottom:0;
		height: 32px;
		line-height: 32px;
		margin-top:1px;
		padding:0 15px;
	}

	.project-filter .pe-menu > li:hover,
	.project-filter .pe-menu > li.active{
		border:none;
	}

	.project-filter .pe-menu > li > a:hover,
	.project-filter .pe-menu > li >a.active{
		color:#b8a279;
	}
	
	.filter-keywords{
		line-height:32px;
		color:#b8a279;

		border-radius:0;
		-webkit-border-radius:0;
		float:left;
		font-size:11px;
		margin-top:20px;
	}
	
	.filter-keywords li{
		color:#666;
		float:left;
		line-height:0;
		margin-right:5px;
		margin-bottom:5px;
	}
	
	.filter-keywords li a{
		color:#999;
		display:block;
		padding:0 10px;
		height:32px;
		line-height:32px;
		border: 1px solid #eee;
	}
	
	.filter-keywords li a.active,
	.desktop .filter-keywords li a:hover{
		color:#fff;
		background-color:#b8a279;
		border-color:#b8a279;
	}
	
	.desktop .filter-keywords li a.active:hover{
		cursor:default;
	}
	
	/*Portfolio filter*/

	.peIsotope.portfolio{
		position:relative;
	}

	/*colors for filters in mobile arrangement*/
	.peIsotopeFilter.pe-menu > li > a{
		color:#fff !important;
	}

	.filter .peIsotopeFilter.pe-menu > li > a.active{
		/*color:#b8a279!important;
		background: #EE3158!important;
		border: 1px solid #EE3158!important;*/
       -webkit-box-shadow: 0px 8px 30px -5px rgba(0, 0, 0, 0.2)!important;
        box-shadow: 0px 8px 30px -5px rgba(0, 0, 0, 0.2)!important;
        color: #fff!important;
	}
	/*.peIsotopeFilter.pe-menu > li > a.active:hover{
		pointer-events: none;
	}*/
	/*filters button in mobile*/

	.peIsotope .pe-menu-main .menu-toggle{
		float:none;
		width:auto;
	}

	.peIsotope .pe-menu-main .pe-menu{
		padding-top:0;
		top:45px;
	}

	.peIsotope .pe-menu-main .pe-menu > li > a{
		font-size: 12px;
		font-weight: 500;
		margin: 0 5px;
		padding: 8px 20px;
		border-radius: 30px;
		cursor: pointer;
		padding-top:8px !important;
		padding-bottom:8px !important;
		padding-left:15px !important;
		color: #333!important;
		font-family: var(--first-font);
		font-style: italic;
	}
	@media only screen and (max-width: 992px) {	
		.peIsotope .pe-menu-main .pe-menu > li > a { 
			color: #ccc!important;
		}
  }
  @media only screen and (max-width: 768px) {
    .peIsotope .pe-menu-main .pe-menu > li > a { 
		color: #ccc!important;
    }
  
}

	.pe-block-fullwidth .peIsotope .pe-menu-main .pe-menu > li > a{
		padding-left:0 !important;
	}

	.desktop .peIsotope .pe-menu-main .pe-menu > li > a{
		padding-left:12px !important;
	}



	.peIsotope .pe-menu-main{
		padding-bottom:0 !important;
		padding-top:0 !important;
		min-width:0 !important;
	}

	
	/*Staff page*/

	.staff-item{
		position:relative;
		overflow:hidden;
		margin-bottom:60px;
	}

	.staff-item > img{
		display:block;
		margin-left:auto;
		margin-right:auto;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.desktop .pe-view-layout-class-staff .staff-item > img{
		margin-left:0;
		margin-right:0;
	}
	
	.staff-item .position{
		text-align:center;
		color:#b8a279;
		display:block;
		margin-bottom:12px;
	}

	.staff-item h4{
		margin-bottom:3px;
		text-align:center;
		font-weight:400;
		color:#333;
		display:block;
		text-align:center;
	}

	.staff-item .details{
		padding:25px 20px 0px;
		background-color:#fff;
		position:relative;
		margin-top:-20px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

	.staff-item:hover .details .title-wrap{
		margin-bottom:0;
	}

	.desktop .pe-view-layout-class-staff .staff-item .details .info-wrap{
		display:none;
	}

	.desktop .pe-view-layout-class-staff .staff-item:hover .details{
		background-color:#333;
	}

	.desktop .pe-view-layout-class-staff .staff-item:hover > img{
		-webkit-transform:translateY(-25px);
		-moz-transform:translateY(-25px);
		-ms-transform:translateY(-25px);
		-o-transform:translateY(-25px);
		transform:translateY(-25px);
	}

	.desktop .pe-view-layout-class-staff .staff-item:hover .details h4{
		color:#fff;
	}

	.desktop .pe-view-layout-class-staff .staff-item:hover .details p{
		color:#eee;
	}

	.desktop .pe-view-layout-class-staff .staff-item:hover .details .arrow{
		border-bottom-color:#333;
	}

	.staff-item .details:after {
        content:"";
        display:table;
        clear:both;
    }

	.staff-item .details .arrow{
		display:block;
		width:0;
		height:0;
		border:12px solid #fff;
		border-top-color:transparent;
		border-left-color:transparent;
		border-right-color:transparent;
		position:absolute;
		top:-24px;
		left:50%;
		margin-left:-12px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

	.staff-item .details p{
		color:#888;
		font-size:13px;
		margin-bottom:10px;
	}

	.staff-item .details .social-media-wrap{
		margin-top:10px;
		float:left;
		position:relative;
		left:50%;
		clear:both;	
		margin-bottom:25px;	
	}

	.staff-item .details .social-media-wrap > div{
		margin-left:-50%;
	}

	.staff-item .details .social-media-wrap a{
		color:#555;
		float:left;
		display:block;
		width:20px;
		margin-left:5px;
	}

	.staff-item .details .social-media-wrap a:first-child{
		margin-left:0;
	}

	.staff-item .details .social-media-wrap a i{
		font-size:20px;
		line-height:16px;
		color:#555;
	}

	.staff-item .details .social-media-wrap a:hover i{
		color:#b8a279;
	}

	.desktop .pe-view-layout-class-staff .staff-item .details .social-media-wrap a:hover i{
		color:#fff;
	}

	.staff-item .read-more{
		display:block;
		text-align: center;
		margin-top:8px;
		width:100%;
	}

	.desktop .staff-item .read-more:hover{
		color:#fff !important;
	}

	.mobile .staff-item .read-more:hover{
		color:#000;
	}


	/*----------------------------------------*/
/*  7.22 team css start
/*----------------------------------------*/
.tp-team-item {
	position: relative;
	text-align: center;
  }
  .tp-team-item img {
	width: 100%;
	transition: 0.7s;
	transform: scale(1);
	object-fit: cover;
  }
  .tp-team-item:hover img {
	transform: scale(1.3);
  }
  .tp-team-item::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0%;
	content: "";
	background: linear-gradient(178.92deg, rgba(29, 29, 29, 0) 27.4%, #1D1D1D 108.05%);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
  }
  .tp-team-item:hover::after {
	opacity: 1;
	visibility: visible;
	height: 100%;
  }
  .tp-team-item:hover .tp-team-content span {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
	transition-delay: 0.2s;
  }
  .tp-team-item:hover .tp-team-title-sm {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
	transition-delay: 0.2s;
  }
  .tp-team-content {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 15px;
	padding-bottom: 20px;
  }
  .tp-team-content span {
	font-weight: 500;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	color: var(--tp-common-white);
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.3s ease-out 0s;
	transition-delay: 0.2s;
	display: inline-block;
  }
  .tp-team-title-sm {
	font-weight: 400;
	font-size: 50px;
	line-height: 1;
	text-transform: uppercase;
	color: var(--tp-common-white);
	font-family: var(--tp-ff-gallery);
	opacity: 0;
	visibility: hidden;
	transform: translateY(30px);
	transition: all 0.5s ease-out 0s;
	transition-delay: 0.2s;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-team-title-sm {
	  font-size: 40px;
	}
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-team-title-sm {
	  font-size: 30px;
	}
  }
  .tp-team-slider-active {
	margin: 0px -260px;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-team-slider-active {
	  margin: 0;
	}
  }


/*------------------------------------------------------------------
5. TEAM Section
-------------------------------------------------------------------*/

.pe-team-member {
	border-radius: 10px;
	transition: 0.3s;
	overflow: hidden;
	border: 1px solid rgba(25, 25, 26, 0.1);
  }
  .pe-style-dark .pe-team-member {
	border: 1px solid rgba(255, 255, 255, 0.1);
  }
  .pe-team-member img {
	width: 100%;
	transition: 0.7s;
	transform: scale(1);
	object-fit: cover;
  }
  .pe-team-member:hover img {
	transform: scale(1.3);
  }
  .pe-team-member .info-wrap {
     margin-top: 10px;
  }
  .tp-team-4-thumb {
	overflow: hidden;
	position: relative;
  }
  .tp-team-4-thumb img {
	transition: 0.3s;
	border-radius: 4px;
  }
  .pe-team-social a {
	height: 36px;
	width: 36px;
	line-height: 36px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	color: var(--tp-common-black);
	border: 1px solid rgba(25, 25, 26, 0.1);
	margin: 0px 4px;
	transition: 0.3s;
	margin-bottom: 10px;
  }
  .pe-team-social a:hover {
	color: var(--tp-common-white);
	border-color: var(--tp-common-black);
	background-color: var(--tp-common-black);
  }
  .pe-style-dark .pe-team-social a {
	color: var(--tp-common-white);
	border: 1px solid rgba(249, 249, 249, 0.1);
   }
  .pe-style-dark .pe-team-social a:hover {
	color: var(--tp-common-dark);
	border-color: var(--tp-common-white);
	background-color: var(--tp-common-white);
  }
  
  .pe-team-content {
	padding: 30px 70px 20px 70px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.pe-team-content {
	  padding: 30px 50px 20px 50px;
	}
  }
  @media (max-width: 767px) {
	.pe-team-content {
	  padding: 30px 40px 20px 40px;
	}
  }
  .pe-team-content span {
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	color: #5D5D63;
	letter-spacing: 0.26px;
	text-transform: uppercase;
	margin-bottom: 8px;
	display: inline-block;
  }
  .pe-team-title-sm {
	font-size: 26px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 20px;
	padding-bottom: 15px;
	color: var(--tp-common-black);
	/*font-family: var(--tp-ff-marcellus);*/
	border-bottom: 1px solid rgba(25, 25, 26, 0.1);
  }

  .pe-style-dark .pe-team-content span { 
	color: #999;
  }
  .pe-style-dark .pe-team-title-sm {
	color: var(--tp-common-white)!important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   }
  /* Social Hower -*/
/*.pe-team-social:hover .icon-facebook {
	background-color: #08AF5C!important;
}
.icon-facebook {
	color: #121D2C!important;
}*/
.pe-team-social .icon-facebook {
    color: #475996!important;
}
.pe-team-social .icon-twitter {
    color: #69baf3!important;
}
.pe-team-social .icon-gplus {
    color: #f00!important;
}
.pe-team-social .icon-linkedin {
    color: #4875b4!important;
}
.pe-team-social .icon-pinterest {
	color: #d03737!important;
}
.pe-team-social .icon-dribbble {
	color: #d76896;
}
.pe-team-social .icon-behance {
	color: #00a8e7;
}
.pe-team-social .icon-instagram {
    color: #beb3a8;
}
.pe-team-social .icon-dropbox {
	color: #008ad2;
}
.pe-team-social .icon-skype {
	color: #00a9ed;
}
.pe-team-social .icon-youtube {
    color: #cd1b20;
}
.pe-team-social .icon-tumblr {
    color: #3a5976;
}
.pe-team-social .icon-vimeo {
    color: #00adee;
}
.pe-team-social .icon-flickr {
    color: #d2d2d2;
}
.pe-team-social .icon-github {
    color: #6a737d;
}
.pe-team-social .icon-renren {
    color: #364a83;
}
.pe-team-social .icon-vk {
    color: #3b5998;
}
.pe-team-social .icon-xing {
    color: #015f5e;
}
.pe-team-social .icon-weibo {
    color: #be4443;
}
.pe-team-social .icon-digg {
    color: #222;
}
.pe-team-social .icon-deviantart {
    color: #57675d;
}
.pe-team-social .icon-envelope {
    color: #999;
}
.pe-team-social .icon-delicious {
    color: #0A0A0A;
}
.pe-team-social .icon-rss {
    color:  #e67e22;
}
  
  .tm-hero-ptb {
	padding-top: 200px;
	padding-bottom: 80px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.tm-hero-ptb {
	  padding-top: 150px;
	}
  }
  @media (max-width: 767px) {
	.tm-hero-ptb {
	  padding-top: 140px;
	}
  }
  .tm-hero-subtitle {
	color: #5D5D63;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
  }
  .tm-hero-subtitle::after {
	content: "";
	height: 1px;
	width: 40px;
	background-color: #5D5D63;
	display: inline-block;
	transform: translateY(-3px);
	margin-left: 14px;
  }
  .tm-hero-title {
	font-size: 120px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -7.2px;
	color: var(--tp-common-black-2);
	padding-bottom: 15px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.tm-hero-title {
	  font-size: 110px;
	}
  }
  @media (max-width: 767px) {
	.tm-hero-title {
	  font-size: 65px;
	}
  }
  .tm-hero-title.fs-220 {
	font-size: 220px;
	letter-spacing: -8.8px;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
	.tm-hero-title.fs-220 {
	  font-size: 180px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.tm-hero-title.fs-220 {
	  font-size: 140px;
	}
  }
  @media (max-width: 767px) {
	.tm-hero-title.fs-220 {
	  font-size: 105px;
	}
  }
  .tm-hero-title-big {
	font-size: 200px;
	font-weight: 500;
	line-height: 0.9;
	letter-spacing: -12px;
	color: var(--tp-common-black-2);
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tm-hero-title-big {
	  font-size: 180px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.tm-hero-title-big {
	  font-size: 140px;
	}
  }
  @media (max-width: 767px) {
	.tm-hero-title-big {
	  font-size: 100px;
	}
  }
  .tm-hero-text {
	padding-left: 200px;
  }
  @media (max-width: 767px) {
	.tm-hero-text {
	  padding-left: 0;
	}
  }
  .tm-hero-text p {
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	color: #5D5D63;
	max-width: 460px;
  }
  @media (max-width: 767px) {
	.tm-hero-text p br {
	  display: none;
	}
  }
  
  .tm-details-content-wrap {
	padding-top: 300px;
	padding-bottom: 130px;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tm-details-content-wrap {
	  padding-top: 100px;
	  padding-bottom: 100px;
	}
  }
  .tm-details-title {
	color: #000;
	font-size: 60px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -1.2px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.tm-details-title {
	  font-size: 55px;
	}
  }
  @media (max-width: 767px) {
	.tm-details-title {
	  font-size: 40px;
	}
  }
  .tm-details-social-title {
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
	color: var(--tp-common-black-2);
	display: block;
	margin-bottom: 15px;
  }
  .tm-details-text p {
	color: #5D5D63;
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 50px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tm-details-text p {
	  font-size: 16px;
	}
  }
  .tm-details-portfolio a {
	font-size: 14px;
	font-weight: 500;
	height: 35px;
	line-height: 35px;
	border-radius: 40px;
	padding: 0px 27px;
	display: inline-block;
	letter-spacing: -0.14px;
	text-transform: uppercase;
	margin-right: 10px;
	color: var(--tp-common-black-2);
	border: 1.5px solid rgba(25, 25, 26, 0.2);
	transition: 0.3s;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.tm-details-portfolio a {
	  padding: 0px 25px;
	}
  }
  @media (max-width: 767px) {
	.tm-details-portfolio a {
	  margin-bottom: 5px;
	}
  }
  .tm-details-portfolio a:hover {
	color: var(--tp-common-white);
	border-color: var(--tp-common-black-2);
	background-color: var(--tp-common-black-2);
  }
  .tm-details-social a {
	height: 45px;
	width: 45px;
	line-height: 45px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	color: var(--tp-common-black-2);
	border: 1.5px solid rgba(25, 25, 26, 0.2);
	transition: 0.3s;
	margin-right: 8px;
  }
  .tm-details-social a:hover {
	border-color: var(--tp-common-black-2);
  }
  .tm-details-thumb img {
	max-width: inherit;
	margin-left: -100px;
	margin-bottom: -20px;
	position: relative;
	z-index: 2;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.tm-details-thumb img {
	  max-width: 100%;
	  margin-left: 0;
	}
  }
  @media (max-width: 767px) {
	.tm-details-thumb img {
	  display: none;
	}
  }
  .tm-details-shape-1 {
	position: absolute;
	top: 0;
	left: 0;
  }
  .tm-details-shape-2 {
	position: absolute;
	bottom: 0;
	right: 0;
  }
  
  .tm-details-wrapper {
	height: 100vh;
	overflow: hidden;
  }
  
  .tm-testimonial-height {
	height: 100vh;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tm-testimonial-height {
	  height: 100%;
	}
  }
  
  .pe-team-member {
	border-radius: 10px;
	transition: 0.3s;
	overflow: hidden;
	border: 1px solid rgba(25, 25, 26, 0.1);
  }
  .pe-team-member img {
	width: 100%;
	transition: 0.7s;
	transform: scale(1);
	object-fit: cover;
  }
  .pe-team-member:hover img {
	transform: scale(1.3);
	max-width: 100%;
  }
  .tp-team-4-thumb {
	overflow: hidden;
	position: relative;
  }
  .tp-team-4-thumb img {
	transition: 0.3s;
	border-radius: 4px;
  }
  .pe-team-social a {
	height: 36px;
	width: 36px;
	line-height: 36px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	color: var(--tp-common-black);
	border: 1px solid rgba(25, 25, 26, 0.1);
	margin: 0px 4px;
	transition: 0.3s;
  }
  .pe-team-social a:hover {
	color: var(--tp-common-white);
	border-color: var(--tp-common-black);
	background-color: var(--tp-common-black);
  }
  .pe-team-content {
	padding: 30px 70px 20px 70px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.pe-team-content {
	  padding: 30px 50px 20px 50px;
	}
  }
  @media (max-width: 767px) {
	.pe-team-content {
	  padding: 30px 40px 20px 40px;
	}
  }
  .pe-team-content span {
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	color: #5D5D63;
	letter-spacing: 0.26px;
	text-transform: uppercase;
	margin-bottom: 8px;
	display: inline-block;
  }
  .pe-team-title-sm {
	/*font-size: 30px;*/
	font-weight: 400;
	font-style: italic;
	line-height: 1;
	margin-bottom: 20px;
	padding-bottom: 15px;
	color: #000!important;
	font-family:"Playfair Display", Arial, sans-serif;
	border-bottom: 1px solid rgba(25, 25, 26, 0.1);
  }
  
  .tm-hero-ptb {
	padding-top: 200px;
	padding-bottom: 80px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.tm-hero-ptb {
	  padding-top: 150px;
	}
  }
  @media (max-width: 767px) {
	.tm-hero-ptb {
	  padding-top: 140px;
	}
  }
  .tm-hero-subtitle {
	color: #5D5D63;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
  }
  .tm-hero-subtitle::after {
	content: "";
	height: 1px;
	width: 40px;
	background-color: #5D5D63;
	display: inline-block;
	transform: translateY(-3px);
	margin-left: 14px;
  }
  .tm-hero-title {
	font-size: 120px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -7.2px;
	color: var(--tp-common-black-2);
	padding-bottom: 15px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.tm-hero-title {
	  font-size: 110px;
	}
  }
  @media (max-width: 767px) {
	.tm-hero-title {
	  font-size: 65px;
	}
  }
  .tm-hero-title.fs-220 {
	font-size: 220px;
	letter-spacing: -8.8px;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
	.tm-hero-title.fs-220 {
	  font-size: 180px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.tm-hero-title.fs-220 {
	  font-size: 140px;
	}
  }
  @media (max-width: 767px) {
	.tm-hero-title.fs-220 {
	  font-size: 105px;
	}
  }
  .tm-hero-title-big {
	font-size: 200px;
	font-weight: 500;
	line-height: 0.9;
	letter-spacing: -12px;
	color: var(--tp-common-black-2);
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tm-hero-title-big {
	  font-size: 180px;
	}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.tm-hero-title-big {
	  font-size: 140px;
	}
  }
  @media (max-width: 767px) {
	.tm-hero-title-big {
	  font-size: 100px;
	}
  }
  .tm-hero-text {
	padding-left: 200px;
  }
  @media (max-width: 767px) {
	.tm-hero-text {
	  padding-left: 0;
	}
  }
  .tm-hero-text p {
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	color: #5D5D63;
	max-width: 460px;
  }
  @media (max-width: 767px) {
	.tm-hero-text p br {
	  display: none;
	}
  }
  
  .tm-details-content-wrap {
	padding-top: 300px;
	padding-bottom: 130px;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tm-details-content-wrap {
	  padding-top: 100px;
	  padding-bottom: 100px;
	}
  }
  .tm-details-title {
	color: #000;
	font-size: 60px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -1.2px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.tm-details-title {
	  font-size: 55px;
	}
  }
  @media (max-width: 767px) {
	.tm-details-title {
	  font-size: 40px;
	}
  }
  .tm-details-social-title {
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
	color: var(--tp-common-black-2);
	display: block;
	margin-bottom: 15px;
  }
  .tm-details-text p {
	color: #5D5D63;
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 50px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tm-details-text p {
	  font-size: 16px;
	}
  }
  .tm-details-portfolio a {
	font-size: 14px;
	font-weight: 500;
	height: 35px;
	line-height: 35px;
	border-radius: 40px;
	padding: 0px 27px;
	display: inline-block;
	letter-spacing: -0.14px;
	text-transform: uppercase;
	margin-right: 10px;
	color: var(--tp-common-black-2);
	border: 1.5px solid rgba(25, 25, 26, 0.2);
	transition: 0.3s;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.tm-details-portfolio a {
	  padding: 0px 25px;
	}
  }
  @media (max-width: 767px) {
	.tm-details-portfolio a {
	  margin-bottom: 5px;
	}
  }
  .tm-details-portfolio a:hover {
	color: var(--tp-common-white);
	border-color: var(--tp-common-black-2);
	background-color: var(--tp-common-black-2);
  }
  .tm-details-social a {
	height: 45px;
	width: 45px;
	line-height: 45px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	color: var(--tp-common-black-2);
	border: 1.5px solid rgba(25, 25, 26, 0.2);
	transition: 0.3s;
	margin-right: 8px;
  }
  .tm-details-social a:hover {
	border-color: var(--tp-common-black-2);
  }
  .tm-details-thumb img {
	max-width: inherit;
	margin-left: -100px;
	margin-bottom: -20px;
	position: relative;
	z-index: 2;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.tm-details-thumb img {
	  max-width: 100%;
	  margin-left: 0;
	}
  }
  @media (max-width: 767px) {
	.tm-details-thumb img {
	  display: none;
	}
  }
  .tm-details-shape-1 {
	position: absolute;
	top: 0;
	left: 0;
  }
  .tm-details-shape-2 {
	position: absolute;
	bottom: 0;
	right: 0;
  }
  
  .tm-details-wrapper {
	height: 100vh;
	overflow: hidden;
  }
  
  .tm-testimonial-height {
	height: 100vh;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tm-testimonial-height {
	  height: 100%;
	}
  }
	
	
	/*Services page*/
	.pe-view-layout-class-services .peWrap > div:first-child .service-item{
		border-left:none;
	}

	.service-item{
		border-left:1px solid #eee;
		padding:0 20px;
		margin-bottom:60px;
	}

	.pe-style-dark .service-item{
		border-color:#666;
	}
	
	.service-item > div,
	.service-single > .service-icon{
		display:block;
		width:50px;
		height:50px;
		background-color:#b8a279;
		border-radius:4px;
		margin:40px auto;
		position:relative;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}

	.service-item > div > i{
		color:#fff !important;
	}

	.service-single > .service-icon{
		margin-top:0;
	}

	.service-item:hover > div{
		transform:translateY(3px);
		-webkit-transform:translateY(3px);
		background-color:#333;
	}

	.service-item:hover > div > .arrow{
		border-top-color:#333;
	}



	.service-item > div > .arrow,
	.service-single > .service-icon > .arrow{
		display:block;
		position:absolute;
		height:0px;
		width:0px;
		border-width:8px;
		border-color:#b8a279;
		border-style:solid;
		border-left-color:transparent;
		border-right-color:transparent;
		border-bottom-color:transparent;
		bottom:-16px;
		left:50%;
		margin-left:-8px;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		transition: all .3s ease-out;

	}

	.service-item > div i,
	.service-single > .service-icon > i{
		color:#fff;
		display:block;
		width:100%;
		height:100%;
		line-height:50px;
		font-size:24px;
		text-align:center;
	}

	.service-item h4{
		text-align:center;
		font-weight:600;
		font-size:16px;
		margin-bottom:10px;
		color:#333;
	}

	.service-item p{
		color:#999;
		font-size:13px;
		line-height:18px;
		text-align:center;
	}

	.service-item a.read-more{
		width:auto;
	}

	.service-single{
		margin-bottom:60px;
	}
	
	
	/*features shortcode*/
	
	.feature{
		position:relative;
		margin-bottom:40px;
	}
	
	.featureContent h3{
		font-size:14px;
		margin-bottom:8px;
	}
	
	.featureIcon{
		position:absolute;
		top:-3px;
		left:0;
		width:50px;
		height:50px;
		border-radius:50%;
		-webkit-border-radius:50%;
		background-color:#b8a279;

	}
	
	.featureIcon i{
		position:relative;
		display:block;
		width:52px;
		height:50px;
		line-height:22px;
		color:#fff;
		font-size:22px;
		text-align:center;
		margin-right:0;
		margin-left:0;
		margin-top:13px;
	}
	
	
	.feature .featureContent{
		padding-left:0px;
	}
	
	.feature .feature-title{
		padding-left:65px;
		margin-bottom:20px;
	}
	
	.feature .feature-title h3{
		font-weight:600;
		color:#333;
		margin-bottom:0;
	}
	
	.feature .feature-title h6{
		text-transform:none;
	}
    
    
    /* SIDEBAR + WIDGETS */
	
	.sidebar p,
	.sidebar a,
	.sidebar li,
	.sidebar .widget_text div{
		font-size:13px;
	}

	.sidebar .widget{
		margin-bottom:50px;
	}
	
	
    .sidebar li span{
        color:#cccccc;
        font-size:11px;
        display:block;
        font-style:italic;
    }
    
	
    /*search widget*/
	
    .widget_search{
        position:relative;
    }

    .widget_search form > a{
    	display:none;
    }
    
    .widget_search button[type=submit]{
        background-color:transparent;
        background-position:-44px 7px;
        border: 0 none;
        cursor: pointer;
        height: 27px;
        padding: 5px;
        padding-right:10px;
        padding-bottom:8px;
        position: absolute;
        right: 6px;
        top: 4px;
        width: 26px;
        opacity:0.4;
        font-size:18px;
    }
    
    .desktop .widget_search button[type=submit]:hover{
        opacity:0.7;
    }
	
	input,
	input[type=text],
    textarea{
		box-shadow:none;
		font-size:12px;
	}
    
    input:focus,
	input[type=text]:focus,
    textarea:focus {
      box-shadow:none;
	  outline: 0;
	  border-color:#666 !important;
    }

    .pe-style-dark input:focus,
	.pe-style-dark input[type=text]:focus,
    .pe-style-dark textarea:focus {
	  border-color:#ccc !important;
    }
	
	.widget_search input[type=text]{
		display:block;
		width:208px;
		border-radius:0;
		box-shadow:none;
		font-size:11px;
		height:26px;
		padding-left:10px;
		padding-right:30px;
		border-color:#e9e9e9;
	}

	.in-footer .widget_search input[type=text]{
		width:auto;
	}
	
	.widget_search input[type=text]:focus{
		border-color:#666;
	}
    
	
	/*menu widget*/
	.widget_nav_menu h3{
		margin-bottom:35px;
	}

	.widget_nav_menu ul.menu{
		float:none;
	}

	.widget_nav_menu ul.menu li{
		float:none;
		margin-left:0;
	}

	.widget_nav_menu li:before{
		content:"";
		margin-right:0;
		display:inline;
	}
	
	.widget_nav_menu li {
		text-shadow:none !important;
		font-weight:400;
		font-size:14px;
		padding: 4px 0;
		line-height: 20px;
	}
	
	.desktop .widget_nav_menu a:hover{
		color:#b8a279;

	}
	
	.widget_nav_menu .menu li.current_page_item a{
		color:#b8a279;

	}
	
	.desktop .widget_nav_menu li.current_page_item a:hover{
		color:#b8a279;

		cursor:default;
	}

	/*tags widget*/
	
	.widget_tag_cloud li:before{
		content:"";
	}
	
	.widget_tag_cloud a{
		padding:2px 8px;
		height:26px;
		border:1px solid #eee;
		line-height:26px;
		margin-right:3px;
		margin-bottom:3px;
		float:left;
		color:#999;
		font-size:11px !important;
	}
	
	.desktop .widget_tag_cloud a:hover{
		border-color:#333;
		color:#333;
	}
	
	.widget_tag_cloud .tagcloud{
		overflow:hidden;
	}
	
	/*caleadar widget*/
	.widget_calendar li:before{
		content:"";
	}
	
	.widget_calendar #wp-calendar{
		color: #999;
		text-align: center;
		width: 100%;
	}
	
	.widget_calendar caption,
	.widget_calendar th,
	.widget_calendar td{
		text-align: center;
	}
	
	.widget_calendar caption {
		font-size: 11px;
		padding: 5px 0 12px;
		text-transform: uppercase;
		color:#666;
		text-align:left;
	}
	
	.widget_calendar th{
		background: none repeat scroll 0 0 #f6f6f6;
		border-bottom: none;
		border-top: none;
		font-weight: 600;
		padding-top:5px;
		padding-bottom:5px;
	}
	
	.widget_calendar tbody td a{
		background:#f6f6f6;
		padding:2px 5px;
		width:100%;
	}
	
	.desktop .widget_calendar tfoot td a:hover{
		background:#f6f6f6;
	}
	
	.widget_calendar tfoot td {
		background: transparent;
		border-bottom: none;
		border-top: none;
	}
	
	.widget_calendar tfoot td a{
		text-transform:uppercase;
		color:#666;
	}
	
	.desktop .widget_calendar tfoot td a:hover{
		background:transparent;
	}
	
	.widget_calendar tfoot #prev{
		text-align:left;
	}
	
	.widget_calendar tfoot #next{
		text-align:right;
	}
	
	
	
	/*recent comments widget*/
	.widget_recent_comments li:before{
		content:"";
	}
	
	.widget_recent_comments li a{
		color:#999;
	}
	
	.desktop .widget_recent_comments li a:hover{
		color:#b8a279;

	}
	
	
	/*links widget*/
    
    .widget_links ul{
        margin:0;
        padding:0;
        list-style-type:none;
    }

    .widget_links li:before{
    	content:"";
    	width:auto;
    }

    .widget_links li {
    	border-top: 1px solid #eee;
    	line-height:20px;
    	padding-top:8px;
    	padding-bottom:8px;
    }

    .widget_links h3{
    	margin-bottom:35px;
    }
    
    .widget_links li a,
	.widget_pages li a,
	.widget_meta li a,
	.widget_nav_menu li a,
	.widget_recent_entries li a{
        color:#b8a279;
    }
    
    .desktop .widget_links li a:hover,
	.desktop .widget_pages li a:hover,
	.desktop .widget_meta li a:hover,
	.desktop .widget_nav_menu li a:hover,
	.desktop .widget_recent_entries li a:hover{
        color: #444;
        text-decoration:none;
    }

    .desktop footer .widget_links li a:hover,
	.desktop footer .widget_pages li a:hover,
	.desktop footer .widget_meta li a:hover,
	.desktop footer .widget_nav_menu li a:hover,
	.desktop footer .widget_recent_entries li a:hover{
        color: #444;
        text-decoration:none;
    }
	
	.widget_nav_menu li a i{
		opacity:0.6;
	}
	
	.desktop .widget_nav_menu li a:hover i{
		opacity:0.8;
	}
	
	
	/*newsletter widget*/
	
	.widget_newsletter .outro{
		font-size:11px;
		color:#999;
	}
	
	.widget_newsletter .input-append{
		width:100%;
	}
	
	.widget_newsletter input[type=text]{
		border-radius:0 !important;
		-webkit-border-radius:0;
		padding-left:15px;
		width:120px;
	}
   
    /*text widget*/
	
    .widget_text{
        margin-bottom:65px;
    }
    
	
	/*featured work widget*/
	
    .widget_featured{
        overflow:hidden;
    }
    
    .widget_featured div{
        margin-bottom:15px;
    }
    
    .widget_featured .caption{
        display:block;
        padding-left:15px;
        margin-left:8px;
        margin-top:10px;
        color:#999999;
    }
	
	
	/*categories widget*/
	
	.widget_categories li:before{
		content:"";
	}
	
	.widget_categories ul li{
		padding-left:0px;
		color:#ccc;
	}
	
	.widget_categories a{
		color:#666;
		margin-right:10px;
	}
	
	.desktop .widget_categories a:hover{
		color:#b8a279;
	}
	
	/*archive widget*/
	
	.widget_archive li{
        color:#999;
    }
	
	.widget_archive a{
        margin-right:9px;
    }
	
	
	/*contact details widget*/
    
    .widget_contact{
        overflow:hidden;
    }
    
    .widget_contact div{
        clear:both;
    }
    
    
    .widget_contact span{
        float:left;
        opacity:0.3;
		margin-top:3px;
    }
    .widget_contact p{
        padding-left:15px;
        float:left;
    }
    
    .widget_contact p span{
        margin-left:-20px;
    }
	
	.widget_contact [class^="icon-"],
	.widget_contact [class*=" icon-"]{
		font-size:14px;
	}   

	/* TITLE */

	.sec-head {
		position: relative;
		margin: 0 auto 80px;
		margin-bottom: 140px;
	}
	.sec-head .tbg {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center;
		font-size: 10vw;
		font-weight: 700;
		text-transform: uppercase;
		color: transparent;
		-webkit-text-stroke: 1px;
		/*-webkit-text-stroke: 1px rgba(64, 176, 66, 0.5);*/
	    -webkit-text-stroke-color: #b8a279;
		-webkit-text-stroke-color: rgba(184, 162, 121, 0.5);
		opacity: .7;
		
	}
	.sec-head .tbg:hover {
		/*-webkit-text-stroke: 1px;
		-webkit-text-stroke: 1px rgba(0, 0, 0, 0.2);
		opacity: .4;*/
		-webkit-text-stroke: 1px;
		-webkit-text-stroke: 1px rgba(176, 64, 64, 0.5);
		opacity: .7;
	}
    .title-class {
		font-family: var(--first-font);
		letter-spacing: 4px;
		text-transform: uppercase;
		color: #333;
	}
	.title-h6 {
		font-style: italic;
		color: #b8a279;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-family: var(--first-font);
	}
	.title-h6::after {
		display: block;
		content: "";
		height: 1px;
		width: 40px;
		background-color: #ccc;
		margin: 20px auto 30px;;
	}
	
	/*===================== 
	About Img
	======================*/
.about-img img:hover {
    transform: scale(0.95);
	transition: transform 0.3s ease;
}
.about-img {
    position: relative;
}
.about-img .img {
    padding: 0 0 20px 60px;
    position: relative;
}
.about-img .img:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    right: 20px;
    bottom: 0;
	background: linear-gradient(45deg, #abcfc8, #252827);
}
.about-img .img img {
    position: relative;
    z-index: 2;
}
.about-img-2 {
    position: relative
}
.about-img .about-img-2 {
    width: 70% !important;
    position: absolute;
    bottom: 0px;
    right: 20px;
    z-index: 3;
    padding: 15px;
    color: #000;
    text-align: center;
	font-size: 18px;
    font-style: italic;
	font-family: newyork!important;
}
.about-buro {
    background: #eccba1;
	top: 250px!important;
}

    /* BLOG POST */
	
    .post-title a{
		color:#444;
	}

	.desktop .post-title a:hover{
		color:#b8a279;
	}
	
	.post-title h1{
		margin-bottom:0;
	}
	
	.post-title{
		margin-bottom:15px;
	}
    
    .post{
        overflow:hidden;
        position:relative;
        padding-bottom:40px;
		margin-bottom:70px;
		border-bottom:1px solid #eee;
    }
	
	.post.single{
		margin-bottom:0;
		padding-bottom:0px;
		border-bottom:none;
	}
	
	.post ul, .post ol{
		margin-bottom:25px;
	}
	
	.post .post-image{
		margin-bottom:25px;
	}
	
    .post .entry-meta{
        margin-bottom:25px;
		overflow:hidden;
    }
	
	.post .comments{
		height:30px;
		border-right:1px solid #eee;
		text-align:left;
		float:left;
		padding-top:6px;
		margin-right:20px;
		margin-bottom:10px;
	}
	
	.post .comments a{
		font-size:16px;
		letter-spacing:-1px;
		margin-right:5px;
		font-weight:300;
		float:left;
		color:#888;
	}

	.post .comments i{
		font-size:16px;
		color:#ccc;
		margin-right:20px;
	}
	
	.entry-meta{
		float:left;
		margin-left:0px;
		font-size:12px;
		overflow:hidden;
	}
	
	.entry-meta .user{
		float:left;
		font-size:11px;
		font-weight:600;
		color:#b8a279;
		line-height:14px;
		text-transform:uppercase;
	}

	.entry-meta .user a{
		color:#b8a279;
	}

	.entry-meta .user a:hover{
		color:#333;
	}
	
	.entry-meta .date{
		float:left;
		clear:left;
		color:#888;
	}

	.entry-meta .categories{
		float:left;
		margin-left:5px;
		color:#888;
	}
	
	.entry-meta .categories a,
	.entry-meta .date a{
		color:#999;
	}
	
	.desktop .entry-meta .categories a:hover,
	.desktop .entry-meta .date a:hover{
		color:#b8a279;
	}
    
    .post .category a{
        color:#999999;
        padding-left:5px;
    }
    
    .post .category a:first-child{
        padding-left:0;
    }
    
	
	.post-intro{
		line-height:26px;
		font-size:14px;
		color:#2f2f2f;
		font-weight:400;
		letter-spacing:0.2px;
		margin-bottom:25px;
	}
    
    .post .tags{
        font-size:11px;
        margin-bottom:35px;
        float:left;
        clear:both;
    }
	
	.post .tags h3{
		float:left;
		margin-right:10px;
	}
    
    .post .tags a{
		margin-top: 20px;
        padding:5px 9px;
        margin-right:3px;
        color:#999;
        border:1px solid #eee;
		float:left;
		margin-bottom:3px;
    }
    
    .desktop .post .tags a:hover{
        color:#333;
        border-color:#333;
    }
	
	
	/*Share box*/
	
	.shareBox{
		display:block;
		height:32px;
		width:400px;
		margin:20px auto 25px;
		overflow:hidden;
		padding:0px;
		clear:both;
	}
	
	.shareBox h6{
		font-size:12px;
		line-height:32px;
		font-weight:400;
		text-transform:uppercase;
		margin-bottom:0;
		float:left;
		color:#999;
	}
	
	.shareBox .shareButton{
		display:block;
		float:left;
		margin-left:20px;
		margin-top:5px;
	}
	
	
	
	/*post pagination*/
	
	.post-pagination{
		margin-bottom:60px;
	}

	section.pe-main-section .post-pagination{
		margin-bottom:0;
	}

	.post-pagination > div > div{
		background-color:#f6f6f6;
	}

	.post-pagination > div > div.pagination{
		background:transparent;
		text-align:center;
	}

	.post-pagination > div > div.pagination > ul{
		display:inline-block;
		float:none;
	}
	
	.post-pagination > div > div > a{
		display:block;
		padding:20px;
		width:50% !important;
		border-right:1px solid #fff;
		margin-left:0 !important;
		position:relative;
	}
	
	.post-pagination .prev-post{
		padding-left:40px;
		float:left;
	}
	
	.post-pagination .prev-post .arrow{
		position:absolute;
		top:40%;
		left:8px;
		opacity:0.3;
	}
	
	.post-pagination .next-post{
		border:none;
		text-align:right;
		padding-right:40px;
		float:right !important;
	}
	
	.post-pagination .next-post .arrow{
		position:absolute;
		top:40%;
		right:8px;
		opacity:0.3;
	}
	
	.post-pagination a .date{
		color:#999;
		font-weight:400;
		font-style:italic;
	}
	
	.post-pagination a h3{
		margin-bottom:0px;
		color:#666;
		font-size:16px;
	}

	.single-post .post-pagination{
		margin-top:50px;
	}
	
	.desktop .post-pagination a:hover{
		background-color:#f0f0f0;
	}
	
	.desktop .post-pagination a:hover h3{
		color:#333;
	}
	
	.post-pagination a span:first-child{
		color:#b8a279;
		text-transform:uppercase;
		font-size:11px;
		font-weight:600;
	}

	.next-post i,
	.prev-post i{
		display:block;
		clear:both;
		width:100%;
		margin-bottom:10px;
		margin-top:5px;
	}


	/*load more button*/
	.post-pagination.pe-load-more-active .pagination:after {
        content:"";
        display:table;
        clear:both;
	}
	
	.post-pagination.pe-load-more-active > div > div{
		background-color:transparent;
		text-align:center;
		margin-top:30px;
	}

	/*.post-pagination.pe-load-more-active {
		margin-top: 50px;
		margin-bottom: 0px;
		list-style-type: none;
		align-items: center;
		justify-content: center;
	}*/
	.pagination {
		margin-top: 50px;
		margin-bottom: 0px;
		list-style-type: none;
		align-items: center;
		justify-content: center;
	}
	.entry-content a.pe-load-more-button {
		margin-top: 20px;
	}
	.post-pagination.pe-load-more-active a.pe-load-more-button {
		width: 80% !important;
		font-family: var(--first-font);
		max-width: 350px;
		background-color: #f0f0f0;
		padding: 2px 0;
		padding-bottom: 2px;
		text-align: center;
		font-weight: 400;
		border: none;
		color: #999;
		font-size: 12px;
		display: block; /* Change from inline-block to block */
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
		-webkit-transition: background-color .3s ease;
		-moz-transition: background-color .3s ease;
		-o-transition: background-color .3s ease;
		transition: background-color .3s ease;
		float: none;
		bottom: 40px;
	}

	.post-pagination.pe-load-more-active a.pe-load-more-button:hover{
		text-decoration: none;
	}

	.pe-style-dark .post-pagination.pe-load-more-active a.pe-load-more-button{
		background-color:#444;
	}

	/*loadmore btn when boxed*/

	.pe-container .post-pagination.pe-load-more-active a.pe-load-more-button{
		width:100% !important;
		max-width:100%;
	}


	/*load more spinner*/
	.post-pagination{
		position:relative;
	}
	.post-pagination .pe-ajax-portfolio-spinner{
		margin-bottom:0px;
		position:absolute;
		width:100%;
		/*top:8px;*/ 
		top: -35px

		/*opacity:1;
		visibility:visible;*/
	}

	.post-pagination.pe-load-more-loading .pe-ajax-portfolio-spinner{
		opacity:1;
		visibility:visible;
	}

	.post-pagination.pe-load-more-loading a.pe-load-more-button{
		color:#f0f0f0;
		cursor:default;
	}

	.desktop .post-pagination.pe-load-more-loading a.pe-load-more-button:hover{
		background-color:#f0f0f0;
		color:#f0f0f0;
		cursor:default;
	}

	.desktop .pe-style-dark .post-pagination.pe-load-more-loading a.pe-load-more-button:hover{
		background-color:#444;
	}
	

	.pe-hide-pager .post-pagination{
		display:none;
	} 


	/*placeholder image*/
	a.pe-placeholder{
		background:url(../img/skin/placeholder_sml.jpg) no-repeat center center;
	}
	

	
	
    
    /*BLOG COMMENTS*/
	
	#comments li:before{
		content: '';
		width:auto;
	}

    #comments li{
		background:transparent;
		padding-left:0;
	}
	
	#comments p{
		margin-bottom:20px;
	}
    
    #comments .comment-body{
        margin-bottom:10px;
    }
    
    #comments-title span{
        font-size:14px;
        font-weight:400;
        line-height:10px;
        padding:0 5px;
		color:#b8a279;
    }
    
    .commentlist, #comments .children{
        margin:0;
        padding:0;
        list-style-type:none;
    }
    
    .commentlist{
        padding-bottom:30px;
        margin-bottom:40px;
        border-bottom:1px solid #efefef;
    }

    .commentlist > li.comment > .comment-body{
    	border-top:1px solid #eee;
    	padding-top:20px;
    	margin-top:20px;
    }

    
    .comment-author img{
        display:block;
        border:2px solid #fff;
    }
    
    .bypostauthor > .comment-body > .comment-author img{
        border:2px solid #b8a279;

    }

    .bypostauthor > .comment-body .fn{
    	font-style: normal;
    }
	
	.bypostauthor > .comment-body .fn a{
        color:#b8a279;
        font-style: normal;

    }
	
	.bypostauthor > .comment-body p{
		color:#666;
	}
	
	#comments .fn{
		margin-top:2px;
	}
    
    .fn a,
    .fn{
        font-weight:700;
        font-size:12px;
        color:#666;
    }
	
	.says, .fn{
		float:left;
		font-style: normal;
	}
	
	.says{
		margin-top:2px;
		margin-left:5px;
		font-size:12px;
	}
    
    .desktop #comments .fn a:hover{
        color:#2f2f2f;
        text-decoration:none;
    }
    
    #comments .comment-meta{
        margin-bottom:10px;
		clear:both;
    }
    
    #comments .comment-meta a{
        font-size:11px;
        color:#aaa;
    }
    
    .desktop #comments .comment-meta a:hover{
        color:#666;
        text-decoration:none;
    }
	
	#comments .reply .label{
		font-size:12px;
		text-transform:uppercase;
		font-size:10px;
		background-color:#ccc;
		text-shadow:none;
	}
    
    .desktop #comments .reply .label:hover{
        background-color:#b8a279;

        color:#fff;
    }
	
	
	/*comments pagination*/
    
	#comments .post-pagination{
		padding-bottom:60px;
	}
	
	#comments .pagination .active a {
		background-color: #666;
		border-color: #666;
		color: #FFFFFF;
	}


	/*#respond {
		margin-bottom: 50px;
	}
	
	#respond #reply-title {
		margin-bottom: 40px;
	}
	
	#commentform .comment-notes {
		color: #aaa;
		font-size: 12px;
		margin-bottom: 15px;
	}
	
	#commentform label {
		display: block;
		text-align: left;
		color: #666;
		padding-top: 0;
		width: auto;
		margin-bottom: 8px;
		font-weight: 600;
	}
	
	#commentform .controls {
		margin-left: 0;
	}
	
	#commentform .controls input,
	#commentform .controls textarea {
		width: 100%;
		max-width: 400px;
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 5px;
		font-size: 14px;
	}
	
	#commentform .controls input {
		margin-bottom: 15px;
	}
	
	#commentform .controls textarea {
		width: 100%;
		max-width: 600px;
		height: 150px;
	}
	
	#commentform .control-group {
		margin-bottom: 15px;
	}
	
	#commentform .control-group .required {
		margin-left: 3px;
		margin-top: 3px;
		color: red;
	}
	
	.form-submit {
		margin-top: 20px;
	}
	
	.form-submit .contour-btn {
		background-color: #d9534f;
		color: #fff;
		padding: 10px 20px;
		border: none;
		border-radius: 5px;
		font-size: 16px;
		cursor: pointer;
	}
	
	.form-submit .contour-btn:hover {
		background-color: #c9302c;
	}*/
	
	
    
    /*COMMENT FORM*/
    
    #respond{
        margin-bottom:50px;
    }
    
    #respond #reply-title{
        margin-bottom:40px;
    }
    
    #commentform  .comment-notes{
        color:#aaa;
        font-size:12px;
		margin-bottom: 15px;
    }
    
    #commentform label{
		display: block;
        text-align:left; 
        color:#666;
		padding-top:0;
		width:auto;
		margin-bottom: 15px;
    }
    
    #commentform .controls{
       margin-left:0;
    }
	
	#commentform .controls input{
		/*float:left;*/
		margin-right:30px;
		border-radius:0;
		margin-bottom: 10px;
	}

	#commentform .controls textarea {
		margin-bottom: 25px;
	}
	    
    #commentform .control-group .required{
       margin-left:3px;
       margin-top:3px; 
    }
	
	
	/*search results page*/
    
	.result{
		margin-bottom:40px;
		padding-bottom:20px;
		border-bottom:1px dotted #eee;
	}
	
	.result .result-title{
		position:relative;
	}
	
	.result-title h3{
		margin-bottom:10px;
	}
	
	.result-title h3 span{
		display:block;
		clear:left;
		font-size:11px;
		text-transform:uppercase;
		font-weight:400;
		color:#ccc;
	}
	
	.result-title p{
		color:#999;
	}
	
	.result .post-image{
		margin-top:25px;
	}
    
	/*google maps*/
    
	.gmapWrap{
		border-bottom:4px solid #999;
	}
	
    .gmapWrap img{
        display:block;
    }
    
    .gmapWrap .gmap{
        height:350px;
    }

	.gmapWrap .gmap > div.description {
		display: none;
    }
    
    .gmap div img{
        max-width:none;
    }
    
	
    /*contact form*/
	.form-horizontal input {
		margin-top:-22px;
	}
	.form-horizontal label {
		top: 20px!important;
	}
	.form-horizontal .control-label {
		
	}
	.form-horizontal {
		margin-top: -10px!important;
	}
	
	/*.form-horizontal textarea {
		min-height: 100%;
	}*/
	
	.peThemeContactForm input,
	.peThemeContactForm textarea{
		border-radius:0 !important;
		box-shadow:none !important;
		background-color:transparent;
	}



.peThemeContactForm .control-label {
	position: relative;
	top: 10px;
}



	.peThemeContactForm input,
	.peThemeContactForm textarea{
		border-color:#ccc;
		color:#444;
	}

	.pe-style-dark .peThemeContactForm input,
	.pe-style-dark .peThemeContactForm textarea{
		border-color:#999;
		color:#ccc;
	}

	.peThemeContactForm .help-inline{
		vertical-align:top;
		font-size:13px;
		font-weight:700;
		color:#b8a279;
	}

	.peThemeContactForm textarea{
		min-height:230px;
		height:230px;
		overflow-y:auto;
	}
	
	#contactForm label{
		font-size:12px;
		color:#444;
		font-weight:bold;
	}

	.peThemeContactForm .control-label{
		font-size: 12px;
		color:#444;
		width:60px;
	}

	.pe-style-dark .peThemeContactForm .control-label{
		color:#efefef;
	}

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

	.peThemeContactForm .controls .col-lg-9 {
		width:90% !important;
	}
	
	#contactForm label.radio{
		font-weight:normal;
	}

	.pe-view-layout-class-columns h4{
		text-align:left;
		margin-bottom:15px;
	}
	
	.bay{
		overflow:hidden;
		background-color:transparent;
		margin-bottom:15px;
	}
	
	.bay h3{
		margin-left:0;
		margin-bottom:5px;
	}
	
	.bay h6{
		color:#b8a279;

		margin-left:180px;
		margin-bottom:40px;
		font-size:12px;
	}
    
	span.help-inline{
		color:#999;
	}
	
	#message .help-inline{
		vertical-align:top;
	}
	
	/*contact form errors and hide/show*/
	
	.formSent,
    .formError {
        display: none;
    }
	
	
	/*show-hide quote form*/
	
	#contactForm.noquote #contactType,
	#contactForm.noquote #project{
    	display: none;
    }
    
	
	/*faq*/
	
	.faq{
        margin-bottom:30px;
    }
	
	
	.faq-body ul li{
		padding-left:15px;
	}
	
	
    
    .faq-heading{
       border: 1px solid #DDDDDD;
       border-radius: 0;
       background:#f6f6f6;
       color:#777;
       padding:8px 20px 8px 20px;
       cursor:pointer;
    }
    
	.faq-heading strong{
		font-weight:bold;
		color:#000;
	}
	
	.faq-heading .accent{
		margin-right:10px;
	}
	
    .faq-heading > div{
        font-weight:bold;
    }
    
    .faq-heading > div i{
        margin-right:8px;
    }
    
    .desktop .faq-heading:hover{
       background-color: #E1E1E1;
    }
    
    .desktop .faq-heading:hover > div{
        color:#666;
    }
    
    .faq-heading > a{
        color: #2F2F2F;
        margin-left:8px;
    }
    
    .faq-body{
        margin-top: -1px;
		position:relative;
		top:-2px;
    }
    
    .faq-body .faq-inner{
        border: 1px solid #DDDDDD;
        border-radius: 0;
        background-color: #fff;
        padding: 20px 20px 10px 20px;
    }

    .pe-style-dark .faq-body .faq-inner{
    	background-color:transparent;
    }
	
	.faq li{
		margin-top:4px;
		color:#444;
	}
    
    .faq-body{
        height:auto;
    }
    
    /*.faq-body.collapse{
        height:0;
    }*/
	/* elements Tabs New Updated*/
	.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
		background-color: #b8a279;
	}
	.tab-content > .tab-pane p {
		font-size: 12px;
	}
	/*elements*/
	ul.nav-tabs{
		float:none;
		margin-bottom:20px;
	}

	.pe-style-dark .nav-tabs{
		border-bottom-color:#333;
	}

	.nav-tabs li{
		padding-left:0;
		background-image:none;
	}
	
	.nav-tabs > li > a{
		border-radius:0;
	}
	
	.desktop .nav-tabs > li > a:hover{
		background-color:#f6f6f6;
	}

	.nav-tabs>.active>a, 
	.desktop .nav-tabs>.active>a:hover{
		border-bottom-color:#ddd;
	}

	.nav-tabs li a{
		font-weight:400;
		font-size:14px;
	}

	.pe-style-dark .nav-tabs li a{
		color:#888;
		border:none !important;
	}

	.pe-style-dark .nav-tabs > li > a:hover{
		background-color:#333;
		color:#b8a279;
	}

	.nav-tabs li{
		margin-left:0;
	}

	.nav-tabs> li.active>a{
		background-color:#fff !important;
	}

	.pe-style-dark .nav-tabs> li.active>a{
		background-color:#333 !important;
		color:#b8a279;
	}
    
	.accordion-heading{
		background-color: #F6F6F6;
	}
	
	.accordion-heading a{
		font-weight:400;
		font-size:14px;
	}

	.pe-style-dark .accordion-body{
		background-color:#444;
	}
	
	.accordion-group{
		border-radius:0;
		background-color:#fff;
		margin-bottom: 5px;
	}

	.accordion-inner > div{
		overflow:hidden;
	}

	.pe-style-dark .accordion-group{
		background:#333;
		border-color:#555;
	}

	.pe-style-dark .accordion-heading {
		background-color:#333;
	}

	.pe-style-dark .accordion-toggle:hover{
		color:#fff;
	}

	.pe-style-dark .accordion-inner{
		border-top-color:#555;
	}

	.accordion-group .accordion-inner{
		padding:25px 15px 0;
	}
	
	.accordion-heading button {
         color: #b8a279;
	}

	.faq-body{
		margin-top:0;
	}
	
	.hero-unit {
		padding-bottom:50px;
		border-radius:0;
	}
	
	.hero-unit p{
		font-weight:400;
		line-height:28px;
		font-size:16px;
	}
	
	code, pre{
		border-radius:0;
	}
	
	.label, .badge{
		font-size:11px;
		font-weight:400;
	}
	
	.btn{
		font-weight:600;
		font-size:13px;
	}


	.carouselBox .info{
		margin-top:20px;
	}
	
	/*project pagination*/
	
	.pagination a{
		display:block;
		height:32px;
		line-height:32px;
		
		color:#b8a279;

		text-transform:uppercase;
		float:left;
		padding:0 15px;
	}
	
	.pagination a.next-btn{
		margin-left:10px;
	}
	
	.desktop .pagination a:hover{
		background-color:#b8a279;

		border-color:#b8a279;

		color:#fff;
	}
	
	.pagination ul{
		/*margin-left:10px;*/
		float:left;
		overflow:hidden;
		box-shadow:none;
	}
	
	.pagination li{
		float:left;
		display:block;
		padding:0px 2px;
	}

	.pagination ul > li > a{
		border-radius:0 !important;
		line-height:32px;
		font-size:11px;
		border:1px solid #f0f0f0;
		padding:0 15px;
		border-left-width:1px;
		box-shadow: none;
	}

	.pagination li:before{
		content:"";
		width:auto;
	}
	
	.pagination li.active a{
		background-color:#b8a279;

		border-color:#b8a279;

		color:#fff;
	}
	
	.desktop .pagination li.active a:hover{
		cursor:default;
	}

	.desktop .pagination li.disabled a:hover{
		cursor:default;
		border-color:#f0f0f0;
	}
		
	
	/*portfolio full width*/
	
	.fullscreen{
		background-color:#fff;
		padding-bottom:0;
	}
	
	.fullscreen .peIsotopeContainer{
		border-top:2px solid #fff;
		background-color:#fff;
	}
	
	.peIsotopeGrid .peIsotopeItem {
		overflow: hidden; 
	}

	.peIsotope.portfolio .peIsotopeGrid .peIsotopeItem span.cell-title{
		padding:12px 20px;
		color:#ccc;
		font-size:12px;
		font-weight:400;
		line-height:16px;
		opacity:0;
		text-transform:none;
	}

	.pe-style-dark .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem span.cell-title{
		color:#ddd;
	}
	
	.peIsotope.portfolio .peIsotopeGrid .peIsotopeItem span.cell-title a{
		color:#444;
		font-size:14px;
		font-weight:600;
		display:block;
		margin-bottom:5px;
	}

	.pe-style-dark .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem span.cell-title a{
		color:#fff;
	}
	
	.desktop .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem .cell-title a:hover{
		color:#ccc;
	}

	.desktop .pe-style-dark .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem .cell-title a:hover{
		color:#eee;
	}

	.desktop .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem:hover div.scalable {
		opacity: 1;
	}

	.desktop .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem:hover span.cell-title {
		opacity: 1;
	}

	.desktop .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem:hover span.cell-title {
		color:#444;
		background-color:transparent;
	}

	.peIsotope.portfolio .peIsotopeGrid .peIsotopeItem span.cell-title .description{
		color:#999;
		font-size:12px;
	}

	/*mobile*/

	.mobile .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem span.cell-title {
		opacity: 1 !important;
		z-index:10;
	}

	.mobile .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem span.cell-title{
		background-color:rgba(255,255,255,0.5);
		color:#444;
		padding:8px 10px;
	}

	.mobile .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem span.cell-title a{
		font-size:11px;
		margin-bottom:0;
	}

	.mobile .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem span.cell-title .description{
		display:none;
	}

	
	/*portfolio single column*/
	.project-single-col{
		margin-bottom:60px;
	}
	

	/*masonry grid*/

	.peIsotopeGrid .peIsotopeItem .pe-item-mixed{
		background-color:#fafafa;
	}

	.peIsotopeGrid .peIsotopeItem .pe-item-mixed > .videoWrapper{
		margin-bottom:0;
	}

	.peIsotopeGrid .peIsotopeItem .pe-item-mixed > .pe-container{
		margin-bottom:0;
	}

	.peIsotopeGrid .peIsotopeItem .pe-item-mixed .pe-item-text{
		padding:0 25px;
		border:1px solid #f7f7f7;
		border-top:none;
	}

	.peIsotopeGrid .peIsotopeItem .pe-item-mixed .pe-item-text .post-title{
		margin-top:25px;
	}

	.peIsotopeGrid .peIsotopeItem .pe-item-mixed .pe-item-text .post-title h2{
		font-size:16px;
		font-weight:600;
		line-height:24px;
	}

	.peIsotopeGrid .peIsotopeItem .pe-item-mixed .pe-item-text .pe-item-text-content{
		clear:both;

	}

	.peIsotopeGrid .peIsotopeItem .pe-item-mixed .pe-item-text .pe-item-text-content p{
		font-size:13px;
	}

	.peIsotopeGrid .peIsotopeItem .pe-item-mixed .pe-item-text .pe-item-text-content p{
		margin-bottom:20px;
	}

	.peIsotopeGrid .peIsotopeItem .pe-item-mixed .pe-item-text .pe-item-text-content .read-more{
		width:100%;
		padding-top:12px;
		border-top:1px solid #f1f1f1;
		margin-top:25px;
	}

	.pe-item-mixed .pe-item-text .comments{
		float:left;
		width:40px;
		margin-right:15px;
		border-right:1px solid #f1f1f1;
		height:30px;
		line-height:30px;
		padding-right:3px;
	}

	.pe-item-mixed .pe-item-text .comments > a{
		color:#666;
	}

	.pe-item-mixed .pe-item-text .comments i{
		opacity:0.1;
	}

	.pe-item-mixed .pe-item-text .entry-meta{
		float:left;
		margin-bottom:15px;
	}

	.pe-item-mixed .pe-item-text .entry-meta span,
	.pe-item-mixed .pe-item-text .entry-meta span > a{
		color:#777;
		font-size:11px;
	}

	.pe-item-mixed .pe-item-text .entry-meta span > a:hover{
		color:#b8a279;

	}
	
	
	/*Project Page*/

	body.single-project .project .page-title h2{
		display:none;
	}
	
	.project{
		margin-bottom:70px;
	}
	
	.project .media{
		margin-bottom:45px;
		margin-top:40px;
	}
    
	.project .media img{
		display:block;
		margin: 10px 0;
	}
	
	.project-title{
		margin-bottom:30px;
	}
	
	.project-title h3{
		margin-bottom:0;
	}
	
	.line-sml{
		display:block;
		height:1px;
		width:20px;
		border-bottom:1px dotted #ccc;
		margin-bottom:15px;
	}
	
	.project-title .categories a{
		color:#999;
	}
	
	.desktop .project-title .categories a:hover{
		color:#333;
	}
	
	.project-intro p{
		margin-bottom:0;
	}
	
	.project-data{
		margin-bottom:0px;
	}
	
	.project-data h6,
	.project-tags h6{
		font-weight:600;
		margin-bottom:10px;
		color:#b8a279;

		font-size:11px;
		text-transform:uppercase;
	}

	
	.project-data .data1,
	.project-data .data2{
		margin-bottom:50px;
		width:48%;
		margin-left:4%;
		float:left;
	}
	
	.project-data .data1{
		margin-left:0;
	}
	
	.project-data .data1 span,
	.project-data .data2 span{
		display:block;
		float:left;
		clear:left;
		font-size:11px;
		font-weight:400;
		line-height:20px;
	}
	
	.project-data .data1 span{
		color:#999;
	}
	
	.project-data .data2 span{
		color:#666;
	}

	.project-nav,
	.carousel-nav {
		overflow:hidden;
		margin-bottom:40px;
		width:82px;
		margin-left:auto;
		margin-right:auto;
	}

	.pe-ajax-portfolio-navigation{
		overflow:hidden;
		margin-bottom:40px;
		margin-left:auto;
		margin-right:auto;
		width:auto;
	}
	
	/*ajax portfolio loading spinner*/
	.pe-ajax-portfolio-spinner{
		margin-bottom: -30px;
		visibility: hidden;
		opacity: 0;
	}

	.pe-spinner {
	height: 25px !important;
    width: 25px !important;
    overflow: visible !important;
    margin: 0 auto;
    position: relative;
    z-index: 100;
    border: 3px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 50%;
    animation: pe-spinner 1s linear infinite;
}

	.pe-spinner:before {
		content:"";
		display:block;
		position:absolute;
		left:0;
		top:0;
		height:100%;
		width:100%;
		border-top:2px solid rgba(0,0,0,0.6) !important;
		border-left:2px solid transparent;
		border-bottom:2px solid transparent;
		border-bottom:2px solid rgba(0,0,0,0.6) !important;
		border-right:2px solid transparent;
		border-radius:100%;
	}
/*
.pe-spinner:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    border: 3px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.8) !important;
    border-radius: 50%;
    animation: pe-spinner 1s linear infinite;
}
*/
	
	@keyframes pe-spinner {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}



	.pe-ajax-portfolio .pe-ajax-portfolio-navigation {
		background-color:transparent;
		height:auto;
		margin-bottom:0;
	}

	.pe-ajax-portfolio-navigation > div{		
		overflow:hidden;
		width:128px;
		margin:0 auto;
	}
	
	.project-nav a,
	.carousel-nav a,
	.pe-ajax-portfolio-navigation a{
		display:block;
		height:32px;
		width:32px;
		line-height:32px;
		border:2px solid #ccc;
		border-radius: 50%;
		color:#ccc;
		text-transform:uppercase;
		float:left;
	}
	
	.project-nav a.next-btn,
	.carousel-nav a.next-btn,
	.pe-ajax-portfolio-navigation a.pe-close,
	.pe-ajax-portfolio-navigation a.pe-next{
		margin-left:10px;
	}
	
	.desktop .project-nav a:hover,
	.desktop .carousel-nav a:hover,
	.desktop .pe-ajax-portfolio-navigation a:hover{
		border-color:#444;
		color:#444;
	}

	.project-nav a i,
	.carousel-nav a i,
	.pe-ajax-portfolio-navigation a i {
		font-style: normal;
		font-style: normal;
		line-height: 32px;
		display: block;
		height: 32px;
		width: 32px;
		font-size: 16px;
		text-align: center;
		color:#666;
		margin-top:0;
	}

	.related{
		margin-top:20px;
		padding-top:20px;
	}
	
	.related h3{
		margin-top:40px;
		margin-bottom:30px;
		font-weight:300;
		font-size:26px;
		text-align:center;
	}

	.project-nav a.disabled{
		color:#f0f0f0;
	}

	.desktop .project-nav a.disabled:hover{
		color:#f0f0f0;
		background:transparent;
		cursor:default;
		border-color:#f0f0f0;
	}
    
	
	/*pricing tables*/
	
	.pricing-table{
		text-align:center;
		margin-bottom:0px;
	}

	.pe-style-dark .pricing-table{
		color:#222;
	}

	.pricing-table li:before{
		content: '';
		width:auto;
	}

	.pricing-table [class^="icon-"] {
		font-size:16px;
	}
	
	.five-col .col{
		width:20%;
	}
	
	.four-col .col{
		width:25%;
	}
	
	.three-col .col{
		width:33.33333%;
	}
	
	.two-col .col{
		width:50%;
	}
	
	.col{
		float:left;
		margin:0;
		background-color:#f6f6f6;
		position:relative;
		margin-bottom:15px
	}
	
	.col.high{
		outline:4px solid #b8a279;

		z-index:10;
		top:-5px;
		-webkit-box-shadow: 0px 2px 18px rgba(0,0,0,0.3);
	}
	
	.no-shadow .col.high{
		-webkit-box-shadow: none;
				box-shadow: none;
	}
	
	.col.low{
		background-color:#f6f6f6;
		z-index:5;
	}
	
	.col .wrap-inner{
		border-left:2px solid white;
	}
	
	.pricing-table .head{
		background-color:#eee;
		padding:10px;
		min-height:24px;
	}
	
	.pricing-table .head h3{
		margin-bottom:0;
		text-transform:uppercase;
		font-size:14px;
		font-weight:700;
		color:#333;
	}
	
	.pricing-table .head span{
		color:#fff;
	}
	
	.pricing-table .price{
		padding:10px;
		background-color:#666;
		min-height:52px;
	}
	
	.pricing-table .high .price{
		background-color:#b8a279;

	}
	
	.pricing-table .low .price{
		background-color:#999;
		background-repeat:repeat;
	}
	
	.pricing-table .price h4{
		margin-bottom:0;
		color:#fff;
		font-weight:700;
		font-size:26px;
	}
	
	.pricing-table .price span{
		margin-top:5px;
		text-transform:uppercase;
		display:block;
		color:#fff;
		font-size:11px;
	}
	
	.pricing-table .foot{
		padding:10px;
		background-color:#ddd;
		overflow:hidden;
		min-height:30px;
	}
	
	.pricing-table .high .foot{
		background-color:#fefefe;
		padding-top:15px;
		padding-bottom:15px;
	}
	
	.pricing-table .row-titles .head{
		display:none;
	}
	
	.pricing-table .row-titles .price{
		background-color:#eee;
		padding-left:20px;
	}
	
	.pricing-table .row-titles{
		margin-top:44px;
		text-align:left;
	}
	
	.pricing-table .row-titles h4{
		font-size:22px;
		color:#333;
	}
	
	.pricing-table .row-titles .price span{
		color:#b8a279;

	}
	
	.pricing-table .row-titles li{
		padding-left:20px;
	}
	
	.col ul{
		padding:0;
	}
	
	.col:first-child .wrap-inner,
	.col.high .wrap-inner{
		border:none;
	}
	
	.pricing-table li{
		padding:10px 10px;
		min-height:20px;
	}
	
	.pricing-table li:last-child{
		border:none;
	}
	
	.pricing-table li:nth-child(even),
	.pricing-table li.even{
		background-color:#efefef;
	}
	
	.pricing-table .col.low li:nth-child(even),
	.pricing-table .col.low li.even{
		background-color:#efefef;
	}
	
	.pricing-btn {
  display: inline-block;
  display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  margin-left: .3em;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #bbbbbb;
    border-top-color: rgb(187, 187, 187);
    border-right-color: rgb(187, 187, 187);
    border-bottom-color: rgb(187, 187, 187);
    border-left-color: rgb(187, 187, 187);
  border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: rgba(0, 0, 0, 0.25);
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  zoom: 1;
  border: 1px solid #e7e6e6;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
	
    /*resetting mobile hover states*/
	.mobile .peSlider > .peVoloNext,
	.mobile .peSlider > .peVoloPrev{
		opacity:1;
	}

	.mobile .peVolo .peVoloPrev a,
    .mobile .peVolo .peVoloNext a{
        -webkit-transition: none; 
		   -moz-transition: none; 
			 -o-transition: none; 
				transition: none; 
    }

    .mobile .peVolo .peVoloPrev a:hover,
    .mobile .peVolo .peVoloNext a:hover{
        background-color:#000;
        opacity:0.2;
    }

	.mobile a:hover,
	.mobile a:visited:hover{
		-webkit-transition: none; 
		   -moz-transition: none; 
			 -o-transition: none; 
				transition: none; 
	}

	.mobile a.over-effect:hover{
		border-color: transparent;
		-webkit-transition: none; 
		   -moz-transition: none; 
			 -o-transition: none;
				transition: none;
	}

	.peVolo .peWrap > div{
		background-color:rgba(255,255,255,0.0);
	}


	/*resetting some transitions on mobile*/
	
	.mobile .peSlider > .peVoloNext,
	.mobile .peSlider > .peVoloPrev,
	.mobile .contour-btn,
	.mobile .sm-icon-wrap a,
	.mobile .social-media a,
	.mobile a.over-effect:hover,
	.mobile .staff-social a{
		  -webkit-transition: none; 
		     -moz-transition: none; 
		       -o-transition: none; 
		          transition: none; 

	}


	/* bigwig */

.peIsotopeGrid .peIsotopeItem .cell-title.has-icons {
	font-size: 18px;
	font-weight:600;
	top: 0;
	text-align: center;
}

.peIsotopeGrid .peIsotopeItem .cell-title.has-icons > span {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 75px;
    line-height:25px;
    margin: auto;
}

.peIsotopeGrid .peIsotopeItem .cell-title.has-icons > span > span{
	display:block;
}

@-webkit-keyframes cellZoomOut {
    0% {
        -webkit-transform: scale(1,1) translate3d(0px,0px,0px);
    }
    
    100% {
        -webkit-transform: scale(1.25,1.25) translate3d(0px,20px,0px);
    }
}

@keyframes cellZoomOut {
	0% {
        transform: scale(1,1);
    }
    
    100% {
        transform: scale(1.25,1.25);
    }
}

/*.desktop .portfolio .peIsotopeGrid .peIsotopeItem.pe-grid-img div.scalable img.animated {
}*/

.desktop .portfolio .peIsotopeGrid .peIsotopeItem.pe-grid-img:hover div.scalable img.animated {
    -webkit-animation-name: cellZoomOut;
	animation-name: cellZoomOut;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
}

.desktop .portfolio .peIsotopeGrid .peIsotopeItem.pe-grid-img div.scalable {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -webkit-transform 0.4s;
	-ms-transition: transform 0.4s;
	transition: transform 0.4s;
}

.desktop .portfolio .peIsotopeGrid .peIsotopeItem:hover.pe-grid-img div.scalable {
	-webkit-transform: translate3d(0px,-62px,0px);
	-moz-transform: translate3d(0px,-62px,0px);
	transform: translate3d(0px,-62px,0px);
}

.desktop .portfolio .peIsotopeGrid .peIsotopeItem a.pe-over-icon {
	margin-top: 15px;
	padding: 8px 10px;
	text-align: center;
	display: inline-block;
	color:#fff;
	border:1px solid #fff;
	border-color:rgba(255,255,255,0.5);
}

.desktop .portfolio .peIsotopeGrid .peIsotopeItem a.pe-over-icon-link{
	margin-right:25px;
}

.desktop .portfolio .peIsotopeGrid .peIsotopeItem a.pe-over-icon-link i{
	font-size:16px;
	line-height:24px;
}

.desktop .portfolio .peIsotopeGrid .peIsotopeItem a.pe-over-icon-lb i{
	font-size:20px;
	line-height:24px;
	margin-left:2px;
}

.desktop .portfolio .peIsotopeGrid .peIsotopeItem a.pe-over-icon i{
	width:24px;
	height: 24px;
	display:block;
}

.desktop .portfolio .peIsotopeGrid .peIsotopeItem a.pe-over-icon:hover {
	background-color:#444;
	border-color:#444;
	color:#fff;
}


/*general over effect*/

.desktop .over-effect > .cell-title{
	position: absolute;
	z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: background-color 0.3s ease-out; 
		     -moz-transition:background-color 0.3s ease-out; 
		       -o-transition: background-color 0.3s ease-out; 
		          transition: background-color 0.3s ease-out; 
}

.desktop .over-effect:hover > .cell-title{
	background-color:rgba(132,189,50,0.8);
	
}


.desktop .over-effect:hover > .cell-title > span i{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

.desktop .over-effect > .cell-title > span{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-23px;
	margin-left:-23px;
}

.desktop .over-effect > .cell-title > span i{
	font-size:20px;
	color:#fff;
	width:24px;
	height:24px;
	display:inline-block;
	padding:10px;
	border:1px solid #fff;
	border-color:rgba(255,255,255,0.6);
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.3s ease-out; 
		     -moz-transition:opacity 0.3s ease-out; 
		       -o-transition: opacity 0.3s ease-out; 
		          transition: opacity 0.3s ease-out; 
}


.desktop a.over-effect > img.animated {
	z-index: 0;
	-webkit-animation-name: cellZoomIn;
	-webkit-animation-duration: 0.6s;
	animation-name: cellZoomIn;
	animation-duration: 0.6s;
}


.desktop a.over-effect.pe-status-over > img.animated {
    -webkit-animation-name: cellZoomOut;
	animation-name: cellZoomOut;
}


.format-aside{
	background-color:#f6f6f6;
}

.sticky .post-title a{
	color:#b8a279;

}


.sticky .post-title h2:before { 
	content: '\2691'; 
	 font-family: 'entypo-icon-font';
	 margin-right:10px;
	 font-size:20px;
	 color:#b8a279;
	 line-height:36px;
	 vertical-align: middle;
}

.sticky .post-title h1 a{
	color:#fff;
}

.entry-content table,
.entry-content .comment-body table {
	border-bottom-color:#eee;
}

.entry-content td, 
.entry-content .comment-body td {
    border-top-color:#eee;
}

.peFlareLightbox .peFlareLightboxCaptions>div>div>h3 a{
	color:#b8a279;

}

.desktop .peFlareLightbox .peFlareLightboxCaptions>div>div>h3 a:hover{
	color:#fff;
}

.pe-full-page {
	height: 1080px;
}

/* headlines */
.pe-splash-section > .pe-caption-persistent {
	width: 100%;
	width: 2000px;
	position: absolute;
	visibility: hidden;
}

.pe-splash-section > .pe-caption-persistent > div > div > div {
	width: auto;
}

.pe-splash-section  .pe-caption-persistent > .peCaptionLayer > .wrapper{
	position:relative;
}

.pe-splash-section  .pe-caption-persistent > .peCaptionLayer  a > img{
	opacity:1;
}

.pe-splash-section  .pe-caption-persistent > .peCaptionLayer  a > span{
	position:absolute;
	z-index:2;
	display:block;
	margin:0 auto;
	width:100%;
	text-align:center;
	opacity:0;
	top:45%;
	font-size:20px;
	line-height:20px;
	color:#fff;
	font-weight:300;
	letter-spacing: 0px;
}

.pe-splash-section  .pe-caption-persistent > .peCaptionLayer  a > span > i{
	position:absolute;
	bottom:-15px;
	color:rgba(255,255,255,0.7);
	text-align: center;
	width:100%;
	display:block;
}

.desktop .pe-splash-section  .pe-caption-persistent > .peCaptionLayer  a > *{
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

.desktop .pe-splash-section  .pe-caption-persistent > .peCaptionLayer  a:hover > img{
	opacity:0 !important;
}

.desktop .pe-splash-section  .pe-caption-persistent > .peCaptionLayer  a.no-label:hover > img{
	opacity:1 !important;
}

.desktop .pe-splash-section  .pe-caption-persistent > .peCaptionLayer  a:hover > span{
	opacity:1;
}


.pe-splash-section .peSlider > .pe-caption-persistent > .peCaptionLayer {
	text-align: center;
}

.pe-splash-section .peSlider > .pe-caption-persistent > .peCaptionLayer  a{
	display:inline-block;
	position:relative;
}

.pe-splash-section .peSlider > .pe-caption-persistent > .peCaptionLayer img {
	display: inline-block;
	max-width: none;
}

.pe-splash-section .pe-headlines > div {
	font-style: italic;
	line-height: 100%;
	width: 100%;
	position: absolute;
	opacity: 0;
	z-index: 1;
	-webkit-transform: translate(0px,10px);
	-webkit-transition: all .5s;
	font-size: 42px;
	font-family:"Playfair Display", Arial, sans-serif;
	font-weight:300;
	text-align: center;
	white-space:nowrap;
	color:#fff;
	background-color: calc();
}

.pe-splash-section .pe-headlines > div.pe-active {
	opacity: 1;
	z-index: 2;
	-webkit-transform: translate(0px,0px);

}


.desktop.csstransitions .pe-animated {
	opacity: 0;
}

.desktop.csstransitions .pe-animated.animated {
	opacity: 1;
}

/* parallax */

.desktop .pe-main-section.pe-parallax {
	background-attachment: fixed;
}

/* video overlay */

.peSlider.pe-video-bg .peWrap > div {
	background-color: rgba(0,0,0,.4);
}

/* sticky footer */
.pe-sticky.pe-sticky-footer.page-template-page_builder-php.pe-page-fullwidth div.footer {
	position: fixed;
	/*z-index: 0;*/
	bottom: 0;
	width: 100%;
/*	z-index: -1; */
	-webkit-transform: translateZ(0px);
}

.pe-sticky.pe-sticky-footer.page-template-page_builder-php.pe-page-fullwidth .site-body {
	margin-bottom: 283px;
	-webkit-box-shadow: 0px 14px 60px 14px rgba(0,0,0,0.33);
	-moz-box-shadow: 0px 14px 60px 14px rgba(0,0,0,0.33);
	box-shadow: 0px 14px 60px 14px rgba(0,0,0,0.33);
}

/*dark styles*/


.pe-style-dark,
.pe-style-dark p{
	color:#ddd;
}

.pe-style-dark h1,
.pe-style-dark h2,
.pe-style-dark h3,
.pe-style-dark h4,
.pe-style-dark h5,
.pe-style-dark h6{
	color:#fff;
}

.pe-style-dark .project-nav a,
.pe-style-dark .carousel-nav a,
.pe-style-dark .pe-ajax-portfolio-navigation a{
	border-color:#ccc;
}

.pe-style-dark .project-nav a i,
.pe-style-dark .carousel-nav a i,
.pe-style-dark .pe-ajax-portfolio-navigation a i {
	color:#aaa;
}

.desktop .pe-style-dark .project-nav a:hover ,
.desktop .pe-style-dark .carousel-nav a:hover ,
.desktop .pe-style-dark .pe-ajax-portfolio-navigation a:hover {
	border-color:#aaa;
}

.desktop .pe-style-dark .project-nav a:hover i,
.desktop .pe-style-dark .carousel-nav a:hover i,
.desktop .pe-style-dark .pe-ajax-portfolio-navigation a:hover i{
	color:#fff;
}
.pe-style-dark .page-title h2:after,
.pe-style-dark .page-title h1:after,
.pe-style-dark section > h2:after{
	background-color:#eee;
}

.pe-style-dark .read-more:hover{
	color:#fff !important;
}

.pe-style-dark .staff-item h4{
	color:#333;
}

.no-js body > .site-loader {
	display: none;
}

body > .site-loader {
	position: fixed;
	background: white;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 99999;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

body > .site-loader.pe-disabled {
	opacity: 0;
}

/* Safari Fixes (seems to be no longer needed in 7.0) */
/*
.desktop.safari section.pe-main-section {
	background-attachment: scroll !important;
	-webkit-backface-visibility:hidden;
	background-position-y: top !important;
}
*/

/* Safari Fixes */
.desktop.safari body > .site-loader {
	display: none;
}

.desktop section .pe-animation-wants {
	opacity: 0;
}

.desktop section .pe-animation-has {
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
}


/*WPML*/
    
/*drop list*/
#lang_sel,
#lang_sel_click{
	height: 20px;
	z-index:2000;
}

#lang_sel_click img.iclflag {
	float: left;
	padding-top:5px;
	margin-right:5px;
}

#lang_sel_click ul ul img.iclflag {
	padding-top:0px;
	top:2px;
	margin-right:0;
}

#lang_sel ul ul li a:hover,
#lang_sel ul ul li,
#lang_sel ul ul li a:hover span{
    color:#666;
}

#lang_sel ul ul li:hover a,
#lang_sel_click ul ul li:hover a{
    color:#666;
    background-color:#fff;
}

#lang_sel a, 
#lang_sel a:visited{
    border-color:#e9e9e9;
}

.sidebar #lang_sel li{
	width:100%;
}

.sidebar #lang_sel{
	display:block;
	height:34px;
}

#lang_sel ul ul a, 
#lang_sel ul ul a:visited,
#lang_sel_click ul ul a, 
#lang_sel_click ul ul a:visited {
    background-color:#fff;
    border-color:#e9e9e9;
    color:#666;
}

.widget #lang_sel ul ul a,
.widget #lang_sel ul ul a:visited,
.widget #lang_sel a.lang_sel_sel,
.widget #lang_sel_click ul ul a,
.widget #lang_sel_click ul ul a:visited,
.widget #lang_sel_click a.lang_sel_sel {
	background-color:#fff;
	border-color:#e9e9e9;
	color:#666;
}

.widget #lang_sel ul ul a{
	padding:8px;
	display:block;
}

.widget #lang_sel a.lang_sel_sel:hover,
.widget #lang_sel ul ul li:hover a,
.widget #lang_sel_click a.lang_sel_sel:hover,
.widget #lang_sel_click ul ul li:hover a{
	background-color:#fdfdfd;
    border-color:#e9e9e9;
    color:#666;
}

.widget #lang_sel ul ul li:hover a span{
	color:#666 !important;
}

.widget #lang_sel ul ul li:hover,
.widget #lang_sel ul ul li:hover a{
	border-color:#e9e9e9;
}

.widget #lang_sel a.lang_sel_sel{
	padding:4px 4px 4px 8px;
}


#lang_sel ul ul,
#lang_sel_click ul ul{
	border-top-color:#777;
}

.widget #lang_sel ul ul a,
#lang_sel ul ul a,
#lang_sel_click ul ul a{
	line-height:16px !important;
}

#lang_sel ul ul, #lang_sel_click ul ul{
	border-top-color:#e9e9e9;
}

#lang_sel,
#lang_sel_click{
	z-index:1990;
}

.sidebar #lang_sel ul ul{
	top:33px;
	width:100%;
}

#lang_sel ul ul a:hover{
	background-color:#fff;
	color:#666;
}

#lang_sel a span.icl_lang_sel_current{
    /*color:#c0c0c0 !important;*/
    display:inline;
}

#lang_sel a span{
	font-style: normal;
	color:#444;
	font-size:11px;
	display:inline;
}

/*normal list*/

#lang_sel{
	font-family: 'Open Sans', arial, sans-serif;
	font-weight:400;
}

#lang_sel a{
	font-size:12px;
}

#lang_sel a.lang_sel_sel,
#lang_sel_click a.lang_sel_sel{
	background-color:#fff;
	background-position:90% 50%;
	color: #666;
	border-color:#e9e9e9;
}

#lang_sel a.lang_sel_sel:hover,
#lang_sel_click a.lang_sel_sel:hover{
	color:#666;
	background-color:#fff;
}

#lang_sel_list{
    position:absolute;
    top:10px;
    right:30px;
    width:auto;
}

#lang_sel_list ul{
    width:auto;
    border:none;
}

#lang_sel_list li{
    width:auto;
}

#lang_sel_list a, #lang_sel_list a:visited{
    border:none;
}

#lang_sel img.iclflag{
	display:inline;
	top:0;
	margin-right:3px;
}

#lang_sel_list a.lang_sel_sel,
#lang_sel_list a span{
    color:#c2c2c2 !important;
}

#lang_sel_list a:hover span{
    color:#D73300 !important;
}

#lang_sel_list a span.icl_lang_sel_current,
#lang_sel_list a:hover span.icl_lang_sel_current{
    color:#333 !important;
    cursor:default;
}

.pe-wpml-lang-selector{
	position:absolute;
	margin-left:150px;
	margin-top:18px;
}

/*media query to hide language names in iphone portrait and leave only flags*/
@media (max-width: 479px) {
	#lang_sel a span.icl_lang_sel_current{
		display:none;
	}

	#lang_sel a.lang_sel_sel, 
	#lang_sel_click a.lang_sel_sel{
		width:38px;
	}

	#lang_sel li{
		width:auto;
	}

	#lang_sel ul ul a,  
	#lang_sel_click ul ul a,
	#lang_sel_click ul ul{
		width:38px;
		padding-right:0;
	}

	#lang_sel ul ul{
		width:50px;
	}

	#lang_sel a span{
		font-size:1px;
		display:none;
		color:#fff;
	}
}

/*Youtube vdieo bg*/
body.pe-has-bg-video .pe-main-section,
body.pe-has-bg-video .footer{
	background-color:transparent;
}

.pe-bg-video {
	display: none;
}

.pe-bg-video.pe-active {
	display: block;
	position: fixed;
	z-index: 0;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	background-position: center center;
	-webkit-backface-visibility: hidden;
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
}

.pe-bg-video.pe-active.pe-overlay {
	z-index: 0;
	background-color: transparent;
	/*background-color: rgba(255,255,255,0.85);*/
	/*background-color: rgba(202, 83, 83, 0.158);*/
	/*background-image: url(../img/skin/vid_pattern_light1.png);*/
	background-repeat: repeat;
	background-size:auto;
}

.pe-view-layout-class-oneuprevolutionslider {
	max-width: 100% !important;
}

.site-body {
	position: relative;
	z-index: 1;
}



/*nppy*/
.theme_buttons a,
.theme_button,
.wc-proceed-to-checkout .checkout-button,
.buttons a,
button,
input[type=submit]{
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .34em;
	padding: 22px 28px 22px;
	margin-bottom: 8px;
	line-height: 1;
	display: inline-block;
	text-align: center;
	color: var(--font_color);
	border: 2px solid var(--accent_color_1);
	background-color: rgba(0, 0, 0, 0);
	position: relative;
	border-radius: 5px;
	transition: color .4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all .4s linear 0s;
}

.theme_buttons a:before,
.theme_button:before,
.wc-proceed-to-checkout .checkout-button:before,
.buttons a:before,
button:before,
input[type=submit]:before{
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--accent_color_1);
	transition: -webkit-transform .4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform .4s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transform: scale(0, 1);
	        transform: scale(0, 1);
	-webkit-transform-origin: left center;
	        transform-origin: left center;
}

.theme_buttons a:hover,
.theme_buttons a:focus,
.theme_buttons a:active,
.theme_button:hover,
.theme_button:focus,
.theme_button:active,
.wc-proceed-to-checkout .checkout-button:hover,
.wc-proceed-to-checkout .checkout-button:focus,
.wc-proceed-to-checkout .checkout-button:active,
.buttons a:hover,
.buttons a:focus,
.buttons a:active,
button:hover,
button:focus,
button:active,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=submit]:active{
	color: var(--accent_color_1);
	background-color: rgba(0, 0, 0, 0);
}

.theme_buttons a:hover:before,
.theme_buttons a:focus:before,
.theme_buttons a:active:before,
.theme_button:hover:before,
.theme_button:focus:before,
.theme_button:active:before,
.wc-proceed-to-checkout .checkout-button:hover:before,
.wc-proceed-to-checkout .checkout-button:focus:before,
.wc-proceed-to-checkout .checkout-button:active:before,
.buttons a:hover:before,
.buttons a:focus:before,
.buttons a:active:before,
button:hover:before,
button:focus:before,
button:active:before,
input[type=submit]:hover:before,
input[type=submit]:focus:before,
input[type=submit]:active:before{
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}

.theme_buttons a.type2,
.theme_button.type2,
.wc-proceed-to-checkout .checkout-button.type2,
.buttons a.type2,
button.type2,
input[type=submit].type2{
	border-width: 4px;
}

/*------------------------------------------------------------------
5.7. Scroll Bar
-------------------------------------------------------------------*/
::-webkit-scrollbar {
    width:12px
}
::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); 
    -moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3); 
    box-shadow:inset 0 0 6px rgba(0,0,0,.3);
}
::-webkit-scrollbar-thumb { 
   background:rgba(210,210,210,.8); 
   -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);
    -moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5); 
    box-shadow:inset 0 0 6px rgba(0,0,0,.5); }
::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(210,210,210,.4) 
}

  
/*------------------------------------------------------------------
5. Basic Styles
-------------------------------------------------------------------*/
.text-left {
	text-align: left !important;
}
.text-right { 
	text-align: right !important;
}
.text-center {
	text-align: center!important;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.left-margin {
	margin-left: 10px;
}
.right-margin {
	margin-right: 10px;
}
.top-margin {
	margin-top: 10px;
}
.bottom-margin {
	margin-bottom: 10px;
}
.visible {
	visibility: visible;
}
.parallax {
	width: 100%;
	background-attachment: fixed;
	background-position: 50% 0;
}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.container-full {
  margin: 0 auto;
  width: 100%;
}

/*----------------------------------------*/
/*  2.5 Preloader
/*----------------------------------------*/
.preloader-wrap {
	background-color: #000000;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 999999;
	margin-top: 0px;
	top: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
  }
  
  .preloader-2 {
	display: inline-block;
  }
  
  .loader-text {
	font-family: var(--first-font);
	font-size: 20px;
	color: #fff;
	margin-top: 10px;
	opacity: 0.6;
  }
  
  .preloader-2 .line {
	width: 2px;
	height: 40px;
	background: #fff;
	margin: 0 4px;
	display: inline-block;
	animation: opacity-2 1000ms infinite ease-in-out;
  }
  
  .preloader-2 .line-1 {
	animation-delay: 800ms;
  }
  
  .preloader-2 .line-2 {
	animation-delay: 600ms;
  }
  
  .preloader-2 .line-3 {
	animation-delay: 400ms;
  }
  
  .preloader-2 .line-4 {
	animation-delay: 200ms;
  }
  
  .preloader-2 .line-6 {
	animation-delay: 200ms;
  }
  
  .preloader-2 .line-7 {
	animation-delay: 400ms;
  }
  
  .preloader-2 .line-8 {
	animation-delay: 600ms;
  }
  
  .preloader-2 .line-9 {
	animation-delay: 800ms;
  }
  
  @keyframes opacity-2 {
	0% {
	  opacity: 1;
	  height: 40px;
	}
	50% {
	  opacity: 0;
	  height: 24px;
	}
	100% {
	  opacity: 1;
	  height: 40px;
	}
  }

/*------------------------------------------------------------------
5.1. Hover Overlay
-------------------------------------------------------------------*/
.overlay {
    position: relative;
    overflow: hidden;
}
.overlay img {
    height: 100%;
    width: 100%;
    -webkit-transition: all 900ms;
	-moz-transition: all 900ms;
	-o-transition: all 900ms;
    -ms-transition: all 900ms;
	transition: all 900ms;
}
.overlay img:hover {
    height: 10%;
    width: 100%;
}
.overlay:hover img {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
	-o-transform: scale(1.3);
    transform: scale(1.3);
}
.overlay .overlaycolor {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
   /* background: rgba(0, 0, 0, 0.50);*/
	background: rgba(0, 0, 0, 0.50);
    transition: opacity 0.4s ease-in-out;
    z-index: 1;
}	
.overlay:hover .overlaycolor {
	opacity: 1;
    filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}	
.overlay span {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.50);
	/*position: absolute;*/
	top: 40px;
	bottom: 60px!important;
    left: 40px;
	right: 0px;
	/*z-index: 2;*/
}

.tp-team-4 .overlay img {
    height: 260px;
}

.pe-main-section {
	background-size:cover
}

/*------------------------------------------------------------------
11. Call to Action
-------------------------------------------------------------------*/
.action { 
	font-family: var(--first-font);
    /*font-style: italic;*/
    text-transform: uppercase;
}
.action h2 { 
	font-family: var(--first-font);
    margin-top: 10px;
    font-size: 26px;
   /* color: #f0f0f0; */
}
.action h2 span {
     /*color: #fff;*/
	 color: #b8a279;
     font-weight: 700;                       
}


/*------------------------------------------------------------------
5.3. Buttons
-------------------------------------------------------------------*/
.btn {
	font-family:"Playfair Display", Arial, sans-serif;
	/*font-family: newyork;*/
	font-weight: 400;
    padding: 15px 50px;
    line-height: 16px;
    white-space: normal;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 5px;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    -webkit-transition: All 200ms linear;
	-moz-transition: All 200ms linear;
	-ms-transition: All 200ms linear;
	-o-transition: All 200ms linear; 
    transition: All 200ms linear;
}
.font-new-york {
	font-family: newyork;
}
.font-flh-display {
	font-family:"Playfair Display", Arial, sans-serif;
}
.btn:hover {
    color: #fff!important;
}
.btn-small {
    padding: 8px 16px;
}
.btn-medium {
    padding: 10px 20px;
}
.btn-large {
    padding: 15px 40px;
    font-size: 16px;
}
.btn-big {
    padding: 18px 45px;
    font-size: 18px;
}
.btn-outline-light {
    background: transparent;
    color: rgba(255,255,255,0.8);
    border: 2px solid rgba(255,255,255,0.3);
}
.btn-outline-light:hover {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.90); 
    color: #fff;
}
.btn-outline {
    background: transparent;
    color: rgba(0, 0, 0, 0.8);
    border: 2px solid rgba(102, 102, 102, 0.5);
}
.btn-outline:hover {
    border: 2px solid rgba(102, 102, 102, 0.90); 
    color: #000000;
}
.btn-contour {
    background-color: #b8a279;
}
.btn-contour:hover {
	background-color: #b8a279;
    opacity: 0.8;
}

/** Button style **/
.theme-btn,
a.theme-btn {
 /* font-family: newyork; */
  font-family: "Playfair Display", serif;
  text-transform: uppercase!important;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  font-weight: 400;
  text-align: center;
  padding: 13px 35px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: transparent;
   color: #ffffff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: capitalize;
  border: 1px solid rgba(255, 255, 255, 0.1);
 }
  .theme-btn i,
  a.theme-btn i {
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    margin-left: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); 
   }
  .theme-btn:hover,
  a.theme-btn:hover {
    color: #021410;
    background: #b8a279;
    border-color: #b8a279; 
   }
    .theme-btn:hover i,
    a.theme-btn:hover i {
      margin-left: 13px;
      margin-right: -3px; 
   }

   .theme-btn-countor,
a.theme-btn-countor {
 /* font-family: newyork; */
  font-family: "Playfair Display", serif;
  text-transform: uppercase!important;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  font-weight: 400;
  text-align: center;
  padding: 13px 35px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: capitalize;
  color: #fff;
  background: #b8a279;
  border: 1px solid #b8a279;
 }
  .theme-btn-countor i,
  a.theme-btn-countor i {
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    margin-left: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); 
   }
  .theme-btn-countor:hover,
  a.theme-btn-countor:hover {
    color: #021410;
    background: #b8a279;
	opacity: 0.8;
    border-color: #b8a279; 
   }
    .theme-btn-countor:hover i,
    a.theme-btn-countor:hover i {
      margin-left: 13px;
      margin-right: -3px; 
   }

   /** Alert **/

   .alert-success {
	color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
   }
   .alert-error {
	color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
   }

/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-size: 14px;
  font-weight: normal;
  color: var(--tp-text-body);
  line-height: 26px;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--tp-common-black);
  margin-top: 0px;
  font-weight: 500;
  line-height: 1.2;
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

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

.table {
  --bs-table-bg: unset;
}

p {
  font-family: var(--tp-ff-p);
  color: var(--tp-text-body);
  margin-bottom: 15px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}

img {
  max-width: 100%;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

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

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
textarea {
  outline: none;
  /*background-color: #fff;*/
  height: 56px;
  width: 100%;
  line-height: 56px;
  font-size: 14px;
  /*color: var(--tp-common-black);*/
  padding-left: 26px;
  padding-right: 26px;
  border: 1px solid #E0E2E3;
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #95999D;
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder { /* Firefox 19+ */
  color: #95999D;
}
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder { /* Firefox 4-18 */
  color: #95999D;
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* IE 10+  Edge*/
  color: #95999D;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=url]::placeholder,
textarea::placeholder { /* MODERN BROWSER */
  color: #95999D;
}
[dir=rtl] input[type=text],
[dir=rtl] input[type=email],
[dir=rtl] input[type=tel],
[dir=rtl] input[type=number],
[dir=rtl] input[type=password],
[dir=rtl] input[type=url],
[dir=rtl] textarea {
  text-align: right;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=url]:focus,
textarea:focus {
  border-color: var(--tp-common-black);
}
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}

textarea {
  line-height: 1.4;
  padding-top: 17px;
  padding-bottom: 17px;
}
textarea:focus {
  border-color: var(--tp-common-black);
}
textarea:focus::placeholder {
  opacity: 0;
}

input[type=color] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}

*::-moz-selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}

::selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--tp-common-black);
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: var(--tp-common-black);
  font-size: 14px;
  opacity: 1;
}

.z-index {
  position: relative;
  z-index: 1;
}

.z-index-2 {
  position: relative;
  z-index: 2;
}

.z-index-3 {
  position: relative;
  z-index: 3;
}

.z-index-4 {
  position: relative;
  z-index: 4;
}

.z-index-5 {
  position: relative;
  z-index: 5;
}

.z-index-6 {
  position: relative;
  z-index: 6;
}

.z-index-7 {
  position: relative;
  z-index: 7;
}

.z-index-8 {
  position: relative;
  z-index: 8;
}

.z-index-9 {
  position: relative;
  z-index: 9;
}

.gx-5 {
  --bs-gutter-x: 5px;
}

.gx-10 {
  --bs-gutter-x: 10px;
}

.gx-15 {
  --bs-gutter-x: 15px;
}

.gx-20 {
  --bs-gutter-x: 20px;
}

.gx-25 {
  --bs-gutter-x: 25px;
}

.gx-30 {
  --bs-gutter-x: 30px;
}

.gx-35 {
  --bs-gutter-x: 35px;
}

.gx-40 {
  --bs-gutter-x: 40px;
}

.gx-45 {
  --bs-gutter-x: 45px;
}

.gx-50 {
  --bs-gutter-x: 50px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .gx-50 {
    --bs-gutter-x: 30px;
  }
}

.gx-60 {
  --bs-gutter-x: 60px;
}

.gx-75 {
  --bs-gutter-x: 75px;
}

.gx-80 {
  --bs-gutter-x: 80px;
}

.gx-140 {
  --bs-gutter-x: 140px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .gx-140 {
    --bs-gutter-x: 40px;
  }
}

.gx-90 {
  --bs-gutter-x: 90px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .gx-90 {
    --bs-gutter-x: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .gx-90 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .gx-90 {
    --bs-gutter-x: 50px;
  }
}



/*----------------------------------------*/
/*  2.8 Nice Select
/*----------------------------------------*/
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}
.nice-select:hover {
  border-color: #dbdbdb;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
}
.nice-select::after {
  position: absolute;
  content: "\f107";
  top: 50%;
  right: 0;
  font-family: var(--tp-ff-fontawesome);
  color: var(--tp-common-black);
  font-weight: 500;
  pointer-events: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  margin-top: 0;
  transform-origin: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.nice-select.open::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled::after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small::after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.nice-select .option.selected {
  font-weight: bold;
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

/*----------------------------------------*/
/*  2.178 Range Slider css start
/*----------------------------------------*/


/*----------------------------------------*/
/*  Close
/*----------------------------------------*/
/*# sourceMappingURL=main.css.map */

@media only screen and (max-width: 768px) {
    .pe-header-bar {
        display: none; /* Hides on mobile */
    }
}
@media only screen and (max-width: 992px) {
    .pe-header-bar {
        display: none; /* Visible on tablets */
    }
}

/*-------------------------------------------------------
WooCommerce
-------------------------------------------------------*/

/*

		WooCommerce Stylesheet

	*/


	/* -------------------------------------------------------------------------------
	  1.  General Styles
	  2.  Adding Product to Cart
	  3.  Product Page
	  4.  Cart
	  5.  Announcement Area
	  6.  Widgets + Sidebar
	  7.  Checkout
	  8.  Cart Menu Item
	  9.  Media Queries
	  
	------------------------------------------------------------------------------- */
	

   	/* ======== 1.  General Styles	======== */	
	
	/*site wide notice*/
	body > p.demo_store{
		bottom:0;
		top:auto;
		box-shadow:none;
		background:#1fbba6;
		border-color:#1fbba6;
		font-weight:600;
   	}
	
	/*buttons*/
   	body .woocommerce a.button, 
   	body .woocommerce button.button, 
   	body .woocommerce input.button, 
   	body .woocommerce #respond input#submit, 
   	body .woocommerce #content input.button, 
   	body.woocommerce-page a.button, 
   	body.woocommerce-page button.button, 
	body.woocommerce-page input.button, 
   	body.woocommerce-page #respond input#submit, 
   	body.woocommerce-page #content input.button{
   		font-size:12px;
		line-height:26px;
		font-weight:400;
		display:inline-block;
		color:#fff;
		border:1px solid #eee;
		padding:5px 25px;
		background:#1fbba6;
		border-color:#1fbba6;
		text-shadow:none;
		box-shadow:none;
		border-radius:0;
		-webkit-transition: all 0.3s ease-out; 
		   -moz-transition: all 0.3s ease-out; 
			 -o-transition: all 0.3s ease-out; 
				transition: all 0.3s ease-out;
   	}

   	body .woocommerce a.button:hover, 
   	body .woocommerce button.button:hover, 
   	body .woocommerce input.button:hover, 
   	body .woocommerce #respond input#submit:hover, 
   	body .woocommerce #content input.button:hover, 
   	body.woocommerce-page a.button:hover, 
   	body.woocommerce-page button.button:hover, 
	body.woocommerce-page input.button:hover, 
   	body.woocommerce-page #respond input#submit:hover, 
   	body.woocommerce-page #content input.button:hover{
   		background:#333;
   		border-color:#333;
		color: #FFF;
   	}

	
	/*titles*/
   	body.woocommerce-page h2,
   	body .woocommerce h2{
   		margin-bottom:20px;
   		font-size:20px;
   	}

   	.product mark{
   		background-color:transparent;
   		color:#1fbba6;
   	} 

   	/*added to cart btn*/
   	body .woocommerce a.added_to_cart, 
   	body.woocommerce-page a.added_to_cart{
   		font-size:12px;
		position:relative;
		line-height:26px;
		font-weight:400;
		display:inline-block;
		color:#fff;
		border:1px solid #eee;
		padding:5px 22px;
		background:#f24d3b;
		border-color:#f24d3b;
		text-shadow:none;
		box-shadow:none;
		border-radius:0;
		-webkit-transition: all 0.3s ease-out; 
		   -moz-transition: all 0.3s ease-out; 
			 -o-transition: all 0.3s ease-out; 
				transition: all 0.3s ease-out;
   	}


   	/*forms*/
   	body .woocommerce form .form-row, 
   	body.woocommerce-page form .form-row{
		padding-left:0;
		padding-right:0;
   	}

   	body .woocommerce form.login, 
   	body .woocommerce form.checkout_coupon, 
   	body .woocommerce form.register, 
   	body.woocommerce-page form.login, 
   	body.woocommerce-page form.checkout_coupon, 
   	body.woocommerce-page form.register{
		border-radius:0;
   	}

   	/*tic marks*/
   	body .woocommerce a.button.added:before, 
   	body .woocommerce button.button.added:before, 
   	body .woocommerce input.button.added:before, 
   	body .woocommerce #respond input#submit.added:before, 
   	body .woocommerce #content input.button.added:before, 
   	body.woocommerce-page a.button.added:before, 
   	body.woocommerce-page button.button.added:before, 
   	body.woocommerce-page input.button.added:before, 
   	body.woocommerce-page #respond input#submit.added:before, 
   	body.woocommerce-page #content input.button.added:before{
   		background:transparent;
   	}

   	/*images*/
   	body .woocommerce div.product div.images img, 
   	body .woocommerce #content div.product div.images img, 
   	body.woocommerce-page div.product div.images img, 
   	body.woocommerce-page #content div.product div.images img{
   		box-shadow:none;
   	}


	
	/* ======== 2.  Adding Product to Cart	======== */	

   	body .woocommerce ul.products li.product > a.add_to_cart_button.added,
   	body.woocommerce-page ul.products li.product > a.add_to_cart_button.added{
   		display:none;
   	}


	/* ======== 3.  Product Page	======== */	
	
	/*spacing*/
	body .woocommerce div.product div.images, 
	body .woocommerce #content div.product div.images, 
	body.woocommerce-page div.product div.images, 
	body.woocommerce-page #content div.product div.images{
		margin-bottom:60px;
	}

	/*tabs*/
	body .woocommerce div.product .woocommerce-tabs ul.tabs li, 
	body .woocommerce #content div.product .woocommerce-tabs ul.tabs li, 
	body.woocommerce-page div.product .woocommerce-tabs ul.tabs li, 
	body.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li{
		border-radius:0;
		background:transparent;
		box-shadow:none;
	}

	body .woocommerce div.product .woocommerce-tabs ul.tabs li:before, 
	body .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, 
	body.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, 
	body.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
	body .woocommerce div.product .woocommerce-tabs ul.tabs li:after, 
	body .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, 
	body.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, 
	body.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after{
		display:none;
	}

	/*tabs text*/
	body .woocommerce div.product .woocommerce-tabs ul.tabs li a, 
	body .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, 
	body.woocommerce-page div.product .woocommerce-tabs ul.tabs li a, 
	body.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a{
		font-weight:400;
		text-shadow:none;
		font-size: 12px;
		text-transform: uppercase;
	}

	/*breadcrumbs*/
   	body .woocommerce .woocommerce-breadcrumb, 
   	body.woocommerce-page .woocommerce-breadcrumb{
		margin-bottom:30px;
		color:#ccc;
   	}
	
   	body .woocommerce-breadcrumb > a{
   		color:#ccc;
   	}

   	body.woocommerce-page .woocommerce-breadcrumb > a:hover{
   		color:#1fbba6;
   	}
	
	/*qualtity counter*/
   	body .woocommerce .quantity input.qty, 
   	body .woocommerce #content .quantity input.qty, 
   	body.woocommerce-page .quantity input.qty, 
   	body.woocommerce-page #content .quantity input.qty{
   		margin-bottom:0px;
   		height:36px;
   	}
	.woocommerce .quantity .qty {
	  width: 20.631em!important; 
      text-align: center;
	}

   	body .woocommerce .quantity .minus,
   	body.woocommerce-page .quantity .minus,
   	body .woocommerce .quantity .plus,
   	body.woocommerce-page .quantity .plus{
   		height:19px;
   	}
	
	/*images*/
   	body .woocommerce div.product div.images, 
   	body .woocommerce #content div.product div.images, 
   	body.woocommerce-page div.product div.images, 
   	body.woocommerce-page #content div.product div.images{
   		width:40%;
   	}
	
	/*thumbs*/
   	body .woocommerce div.product div.images div.thumbnails a, 
   	body .woocommerce #content div.product div.images div.thumbnails a, 
   	body.woocommerce-page div.product div.images div.thumbnails a, 
   	body.woocommerce-page #content div.product div.images div.thumbnails a{
   		margin-bottom:3.8%;
   	}
	
	/*description*/
   	body .woocommerce div.product div.summary, 
   	body .woocommerce #content div.product div.summary, 
   	body.woocommerce-page div.product div.summary, 
   	body.woocommerce-page #content div.product div.summary{
   		width:56%;
   	}
	
	/*price*/
   	body .woocommerce div.product div.summary p.price .amount,
   	body .woocommerce #content div.product div.summary p.price .amount, 
   	body.woocommerce-page div.product div.summary p.price .amount, 
   	body.woocommerce-page #content div.product div.summary p.price .amount{
   		font-size:30px;
   		font-weight:600;
   	}
	
	/*tabs*/
	body .woocommerce div.product .woocommerce-tabs, 
	body .woocommerce #content div.product .woocommerce-tabs, 
	body.woocommerce-page div.product .woocommerce-tabs, 
	body.woocommerce-page #content div.product .woocommerce-tabs{
		clear:none;
		float:right;
		width:56%;
	}

	body .woocommerce div.product .woocommerce-tabs ul.tabs, 
	body .woocommerce #content div.product .woocommerce-tabs ul.tabs, 
	body.woocommerce-page div.product .woocommerce-tabs ul.tabs, 
	body.woocommerce-page #content div.product .woocommerce-tabs ul.tabs{
		padding-left:5px;
	}

	/*upsells*/
	body .woocommerce div.product .upsells,
	body.woocommerce-page div.product  .upsells{
		clear:both;
	}
	
	/*upsells & related items*/
	body .woocommerce .related ul.products li.product, 
	body .woocommerce .related ul li.product, 
	body .woocommerce .upsells.products ul.products li.product, 
	body .woocommerce .upsells.products ul li.product, 
	body.woocommerce-page .related ul.products li.product, 
	body.woocommerce-page .related ul li.product, 
	body.woocommerce-page .upsells.products ul.products li.product, 
	body.woocommerce-page .upsells.products ul li.product{
		width:23.5%;
		margin-left:2%;
		margin-right:0;
		margin-bottom:5px;
	}

	body .woocommerce .related ul.products li.product.first, 
	body .woocommerce .related ul li.product.first, 
	body .woocommerce .upsells.products ul.products li.product.first, 
	body .woocommerce .upsells.products ul li.product.first, 
	body.woocommerce-page .related ul.products li.product.first, 
	body.woocommerce-page .related ul li.product.first, 
	body.woocommerce-page .upsells.products ul.products li.product.first, 
	body.woocommerce-page .upsells.products ul li.product.first{
		margin-left:0;
	}

   	/*reviews*/
   	body .woocommerce #reviews #comments ol.commentlist li .comment-text, 
   	body.woocommerce-page #reviews #comments ol.commentlist li .comment-text{
   		border-radius:0;
   		-webkit-border-radius:0;
   	}

   	body.woocommerce-page #reviews .commentlist{
   		border-bottom:none;
   	}

   	body.woocommerce-page #reviews p.add_review > a{
   		float:right;
   	}


   	/*related products*/
	body.woocommerce-page .related{
		margin-top:60px;
		clear:both;
	}
	body.woocommerce-page .related h3{
		text-align:left;
	}

	/*product variations */
	body .woocommerce div.product form.cart .variations label, 
	body .woocommerce #content div.product form.cart .variations label, 
	body.woocommerce-page div.product form.cart .variations label, 
	body.woocommerce-page #content div.product form.cart .variations label{
		background:transparent;
		color:#333;
		text-shadow:none;
		border-radius:0;
		line-height:30px;
	}


	body .woocommerce div.product form.cart .variations .value a, 
	body .woocommerce #content div.product form.cart .variations .value a, 
	body.woocommerce-page div.product form.cart .variations .value a, 
	body.woocommerce-page #content div.product form.cart .variations .value a{
		color:#999;
		float:right;
		font-size:11px;
	}

	body .woocommerce div.product form.cart .variations .value a:hover, 
	body .woocommerce #content div.product form.cart .variations .value a:hover, 
	body.woocommerce-page div.product form.cart .variations .value a:hover, 
	body.woocommerce-page #content div.product form.cart .variations .value a:hover{
		color:#1fbba6;
	}

	body .woocommerce div.product form.cart .variations .label, 
	body .woocommerce #content div.product form.cart .variations .label, 
	body.woocommerce-page div.product form.cart .variations .label, 
	body.woocommerce-page #content div.product form.cart .variations .label{
		background:transparent;
	}

	body .woocommerce div.product form.cart .single_variation_wrap .single_variation{
		margin-bottom:30px;
	}

	body .woocommerce div.product .product_meta{
		font-size:11px;
	}
	

	/* ======== 4.  Cart	======== */

	body .woocommerce table.shop_table, 
	body.woocommerce-page table.shop_table{
		border-radius:0;
		border:none;
		border-bottom-width:0;
	}

	body .woocommerce div.product form.cart table, 
	body .woocommerce #content div.product form.cart table, 
	body.woocommerce-page div.product form.cart table, 
	body.woocommerce-page #content div.product form.cart table{
		width:100%;
	}

	body.woocommerce-page table.shop_table tbody > tr:last-child > td{
		padding-top:20px;
	}

	body .woocommerce table.cart td.actions .coupon .input-text, 
	body .woocommerce #content table.cart td.actions .coupon .input-text, 
	body.woocommerce-page table.cart td.actions .coupon .input-text, 
	body.woocommerce-page #content table.cart td.actions .coupon .input-text{
		box-shadow:none;
		line-height:26px;
	}

	body .woocommerce table.cart input, 
	body .woocommerce #content table.cart input, 
	body.woocommerce-page table.cart input, 
	body.woocommerce-page #content table.cart input{
		line-height:26px;
	}

	body .woocommerce table.cart a.remove, 
	body .woocommerce #content table.cart a.remove, 
	body.woocommerce-page table.cart a.remove, 
	body.woocommerce-page #content table.cart a.remove{
		color:#999;
	}

	body .woocommerce table.cart a.remove:hover, 
	body .woocommerce #content table.cart a.remove:hover, 
	body.woocommerce-page table.cart a.remove:hover, 
	body.woocommerce-page #content table.cart a.remove:hover{
		background-color:#f24d3b;
	}

	body .woocommerce form .form-row input.input-text, 
	body .woocommerce form .form-row textarea, 
	body.woocommerce-page form .form-row input.input-text, 
	body.woocommerce-page form .form-row textarea{
		line-height:20px;
		height:auto;
		padding:5px 10px;
	}

	
	/* ======== 5.  Announcement Area	======== */

	body.woocommerce-page .woocommerce-message,
	body.woocommerce-page .woocommerce-info,
	body.woocommerce-page .woocommerce-error{
		padding: 8px 35px 8px 14px;
		margin-bottom: 20px;
		color: #c09853;
		text-shadow: none;
		background: #fcf8e3;
		border: 1px solid #fbeed5;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		box-shadow:none;
	}

	body.woocommerce-page .woocommerce-message{
		color: #c09853;
		background: #fcf8e3;
		border: 1px solid #fbeed5;
	}

	body.woocommerce-page .woocommerce-message > .button{
		margin-bottom:0;
	}

	body.woocommerce-page .woocommerce-info{
		color: #3a87ad;
		background-color: #d9edf7;
		border-color: #bce8f1;
	}

	body.woocommerce-page .woocommerce-error{
		color: #b94a48;
		background-color: #f2dede;
		border-color: #eed3d7;
	}

	body.woocommerce-page .woocommerce-info > a{
		color:#3a87ad;
		font-weight:600;
	}

	body.woocommerce-page .woocommerce-info > a:hover{
		color:#333;
	}
	
	/*notification icons*/
	body.woocommerce-page .woocommerce-message:before,
	body.woocommerce-page .woocommerce-info:before,
	body.woocommerce-page .woocommerce-error:before{
		background:transparent;
		color:#8fae1b;
		line-height:0.8em;
		box-shadow: none;
		display:none;
	}

	body.woocommerce-page .woocommerce-info:before{
		color:#333;
	}




	/* ======== 6.  Widgets + Sidebar	======== */

	body .woocommerce ul.cart_list li a, 
   	body .woocommerce ul.product_list_widget li a, 
   	body.woocommerce-page ul.cart_list li a, 
   	body.woocommerce-page ul.product_list_widget li a{
   		font-weight:400;
   		font-size:14px;
   	}

   	body.woocommerce-page .sidebar li .star-rating span,
   	.sidebar li .star-rating span{
		font-size:13px;
		font-style: normal;
		font-weight:normal;
   	}

   	body.woocommerce-page .sidebar li span.amount,
   	.sidebar li span.amount{
   		color:#666;
   	}

   	body.woocommerce-page .sidebar li del > span.amount,
   	.sidebar li del > span.amount{
   		color:#aaa;
   	}

   	body.woocommerce-page .widget_shopping_cart span.quantity,
   	.widget_shopping_cart span.quantity,
   	body.woocommerce-page .widget_shopping_cart span.amount,
   	.widget_shopping_cart span.amount{
		display:inline;
   	}

   	body.woocommerce-page .widget_product_categories li span,
   	.widget_product_categories li span{
   		display:inline;
   		margin-left:10px;
   	}

   	body.woocommerce-page .product_list_widget li del > span,
   	body.woocommerce-page .product_list_widget li ins > span,
   	body.woocommerce-page .product_list_widget li span.from,
   	.product_list_widget li del > span,
   	.product_list_widget li ins > span,
   	.product_list_widget li span.from{
		display:inline;
   	}
	
	/*search widget*/
	body .woocommerce .widget_product_search form label,
	.widget_product_search form label{
		display:none;
	}

	body .woocommerce .widget_product_search form input[type=text],
	.widget_product_search form input[type=text]{
		font-size:11px;
		width:160px;
		height:28px;
		float:left;
		padding:0 10px;
	}

	body .woocommerce .widget_product_search form input[type=submit],
	.widget_product_search form input[type=submit]{
		float:left;margin-left:5px;
		height:30px;
		color:#fff;
		background:#1fbba6;
		border:none;
		padding:0 10px;
		line-height:30px;
	}

	body .woocommerce .widget_product_search form input[type=submit]:hover,
	.widget_product_search form input[type=submit]:hover{
		background:#333;
	}

	body .woocommerce .widget_product_search form,
	.widget_product_search form{
		clear:both;
		overflow:hidden;
	}

	/*tags widget*/
	body .woocommerce .widget_product_tag_cloud .tagcloud,
	.widget_product_tag_cloud .tagcloud{
		clear:both;
		overflow:hidden;
	}

	body .woocommerce .widget_product_tag_cloud .tagcloud a,
	.widget_product_tag_cloud .tagcloud a{
		padding:2px 8px;
		height:26px;
		border:1px solid #eee;
		line-height:26px;
		margin-right:3px;
		margin-bottom:3px;
		float:left;
		color:#999;
		font-size:11px !important;
	}

	body.woocommerce .widget_product_tag_cloud .tagcloud a:hover,
	.widget_product_tag_cloud .tagcloud a:hover{
		border-color:#333;
		color:#333;
	}



	/* ======== 7.  Checkout	======== */
	
	body .woocommerce #payment, 
	body.woocommerce-page #payment{
		background-color:#fbfbfb;
		border-radius:0;
	}

	body .woocommerce #payment ul.payment_methods, 
	body.woocommerce-page #payment ul.payment_methods{
		padding:30px;
	}


	body .woocommerce #payment div.payment_box, 
	body.woocommerce-page #payment div.payment_box{
		background:transparent;
		padding:0;
		text-shadow:none;
		box-shadow:none;
	}

	body .woocommerce #payment div.payment_box:after, 
	body.woocommerce-page #payment div.payment_box:after{
		border:none;
	}

	body .woocommerce #payment div.payment_box p, 
	body.woocommerce-page #payment div.payment_box p{
		font-size:12px;
	}

	body .woocommerce #payment ul.payment_methods li img, 
	body.woocommerce-page #payment ul.payment_methods li img{
		display:inline;
	}



	/* ======== 8.  Cart Menu Item	======== */

	.desktop .pe-menu > li.wcmenucart-display-standard:hover{
		border-bottom:none;
	}

	.desktop .pe-menu > li.wcmenucart-display-standard:hover a{
		color:#1fbba6;
	}

	.wcmenucart-display-standard .wcmenucart-contents > i{
		color:rgba(0,0,0,0.2);
		padding-left:10px;
		padding-right:4px;
		border-left:1px solid #eee;
	}

	.wcmenucart-display-standard .wcmenucart-contents .amount{
		font-weight:600;
		color:#1fbba6;
	}
	


	/* ======== 9.  Media Queries	======== */
	
	/*mobile menu*/
	@media (max-width: 1023px) {

		.wcmenucart-display-standard .wcmenucart-contents > i{
			color:rgba(255,255,255,0.7);
			padding-left:0px;
			padding-right:4px;
			border-left:none;
		}
	}


	/*small tablet*/
	@media (max-width: 767px) {
		
		/*product grid*/
		body .woocommerce .related ul.products li.product, 
		body .woocommerce .related ul li.product, 
		body .woocommerce .upsells.products ul.products li.product, 
		body .woocommerce .upsells.products ul li.product, 
		body.woocommerce-page .related ul.products li.product, 
		body.woocommerce-page .related ul li.product, 
		body.woocommerce-page .upsells.products ul.products li.product, 
		body.woocommerce-page .upsells.products ul li.product{
			width:100%;
			margin-left:0;
			margin-right:0;
			margin-bottom:5px;
		}

		body .woocommerce ul.products li.product, 
		body.woocommerce-page ul.products li.product{
			width:100%;
			margin-left:0;
			margin-right:0;
		}

		
		/*product page*/
	   	body .woocommerce div.product div.summary, 
	   	body .woocommerce #content div.product div.summary, 
	   	body.woocommerce-page div.product div.summary, 
	   	body.woocommerce-page #content div.product div.summary{
	   		width:100%;
	   		float:none;
	   	}

		body .woocommerce div.product .woocommerce-tabs, 
		body .woocommerce #content div.product .woocommerce-tabs, 
		body.woocommerce-page div.product .woocommerce-tabs, 
		body.woocommerce-page #content div.product .woocommerce-tabs{
			clear:both;
			float:none;
			width:100%;
		}

		body .woocommerce .related ul.products li.product, 
		body .woocommerce .related ul li.product, 
		body .woocommerce .upsells.products ul.products li.product, 
		body .woocommerce .upsells.products ul li.product, 
		body.woocommerce-page .related ul.products li.product, 
		body.woocommerce-page .related ul li.product, 
		body.woocommerce-page .upsells.products ul.products li.product, 
		body.woocommerce-page .upsells.products ul li.product{
			width:100%;
			margin-left:0;
			margin-bottom:20px;
		}

	   	body .woocommerce div.product div.images, 
	   	body .woocommerce #content div.product div.images, 
	   	body.woocommerce-page div.product div.images, 
	   	body.woocommerce-page #content div.product div.images{
	   		width:100%;
	   	}


	   	/*cart page*/
	   	body .woocommerce .cart-collaterals .cross-sells, 
	   	body.woocommerce-page .cart-collaterals .cross-sells{
	   		width:100%;
	   		float:none;
	   		display:none;
	   	}

	   	body .woocommerce .cart-collaterals .cart_totals, 
	   	body.woocommerce-page .cart-collaterals .cart_totals{
	   		width:100%;
	   		float:none;
	   	}

	   	body .woocommerce .cart-collaterals .cart_totals h2, 
	   	body.woocommerce-page .cart-collaterals .cart_totals h2{
	   		text-align:left;
	   	}


	   	body .woocommerce .cart-collaterals .shipping_calculator, 
	   	body.woocommerce-page .cart-collaterals .shipping_calculator{
			width:100%;
			text-align:left;
			float:none;
	   	}

	   	body .woocommerce table.cart td.actions .button.alt,
	   	body.woocommerce-page table.cart td.actions .button.alt{
			float: left;
			margin-left: 0;
			clear: both;
			margin-top: 20px;
	   	}

	   	body .woocommerce table.shop_table thead th, 
	   	body.woocommerce-page table.shop_table thead th{
	   		font-size:10px;
	   		font-weight:400;
	   		padding:9px 3px;
	   		text-align:center;
	   	}

	   	body .woocommerce table.cart .product-thumbnail, 
	   	body .woocommerce #content table.cart .product-thumbnail, 
	   	body.woocommerce-page table.cart .product-thumbnail, 
	   	body.woocommerce-page #content table.cart .product-thumbnail{
	   		display:none;
	   	}

	   	body .woocommerce table.shop_table td, 
	   	body.woocommerce-page table.shop_table td{
			padding:6px 3px;
	   	}

	   	body .woocommerce table.cart .quantity, 
	   	body .woocommerce #content table.cart .quantity, 
	   	body.woocommerce-page table.cart .quantity, 
	   	body.woocommerce-page #content table.cart .quantity{
	   		margin:0 auto;
	   	}

	   	body .woocommerce .cart-collaterals .cart_totals table, 
	   	body.woocommerce-page .cart-collaterals .cart_totals table{
	   		border-radius:0;
	   	}
	}


/* Mobile */
@media (max-width: 480px) {
    body .woocommerce .woocommerce-ordering, 
    body.woocommerce-page .woocommerce-ordering {
        float: left;
        width: 100%; /* Added this to make sure it uses full width */
    }

    body .woocommerce table.shop_table tbody > tr:last-child > td > .button,
    body.woocommerce-page table.shop_table tbody > tr:last-child > td > .button {
        float: left;
        margin-top: 5px;
        width: auto; /* Ensures button's width is responsive */
    }
}
/*-------------------------------------------------------
Scroll Up
-------------------------------------------------------*/
#scrollUp {
	background-image: url(../img/skin/back-to-top.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #333;
	bottom: 0px;
	right: 30px;
	height: 35px;
	width: 50px;
	border-radius: 5px 5px 0 0;
  }
  
  #scrollUp:hover {
	background-color: #b8a279;
  }