/*------------------------------------------------------------------------
# Vattaric
# ------------------------------------------------------------------------
# Designed by xgio
# Websites:  http://www.wiloke.net -  Email: kyphuman@gmail.com
--------------------------------------------------------------------------

1. General Styles
2. Progress bars
3. Tabs and Accordion
4. Cart & Checkout
5. Pricing table
6. Pagination
7. Content box
8. Gallery box
9. Counters
10. Team
11. Client
12. Shope item
13. Owl sliders
14. Overlays
15. Navigation
16. Hero
17. Portfolio
28. Blog
19. Comments
20. Widgets
21. Google map
22. Preloader
23. Responsive
24. Vertical

/* ------------------------------------------------------------------
1. General Styles
------------------------------------------------------------------ */
a,
input,
textarea,
button,
select {
  outline: none;
}

a:hover,
a:focus,
input:focus,
textarea:focus,
button:focus,
select:focus {
  outline: none !important;
  text-decoration: none;
}

body {
	background: #fff;
	overflow-x: hidden;
	-ms-overflow-style: scrollbar;
  	font-family: 'Domine';
    font-size: 13px;
    font-weight: 300;
    color: #333;
    padding: 0;
    margin: 0;
    line-height: 1.7em;
}

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

pre {
  font-family: "Merriweather Sans";
  line-height: 1.8em;
  padding: 15px;
}

iframe {
	border: 0;
}
.ef-3s-ease {
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.color-primary *,
.color-primary-hover:hover *,
.color-primary,
.color-primary-hover:hover {
	color: #c19a82 !important;
}
.bg-color-primary,
.bg-color-primary-hover:hover {
	background-color: #c19a82 !important;
	color: #fff !important;
}
.bd-color-primary,
.bd-color-primary-hover:hover {
	border-color: #c19a82 !important;
	color: #c19a82 !important;
}

.fl {
	float: left;
}
.fr {
	float: right;
}

.image-cover {
  position: relative;
  overflow: hidden;
  padding-top: 100%;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.image-cover img {
  position: absolute;
  width: 100%;
  max-width: none !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.auto {
    margin: auto;
}


/* ------------------------------------------------------------------
Selection
------------------------------------------------------------------ */

::-moz-selection {
	background: #c19a82;
	color: #fff;
}

::-webkit-selection {
	background: #c19a82;
	color: #fff;
}

::selection {
	background: #c19a82;
	color: #fff;
}

/* ------------------------------------------------------------------
Transition elsements
------------------------------------------------------------------- */

a,
.btn,
input[type="submit"],
button {
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}

/* ------------------------------------------------------------------
Reset box-shadow
------------------------------------------------------------------- */

.btn,
.well,
.panel,
.progress,
.form-control,
.form-control:hover,
.form-control:focus {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	    -ms-box-shadow: none;
	     -o-box-shadow: none;
	        box-shadow: none;
}

/* ------------------------------------------------------------------
Reset border-radius
------------------------------------------------------------------- */

.well,
.label,
.alert,
.modal-content {
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	    -ms-border-radius: 2px;
	     -o-border-radius: 2px;
	        border-radius: 2px;
}

/* ------------------------------------------------------------------
Typography
------------------------------------------------------------------- */

a {
	color: #888;
}

a:hover, a:focus {
	text-decoration: none;
	color: #c19a82;
	outline: 0;
}

.bg-overlay-dark a {
	color: #aaa;
}

.bg-overlay-dark a:hover,
.bg-overlay-dark a:focus,
.text-light
.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.text-light .h1,
.text-light .h2,
.text-light .h3,
.text-light .h4,
.text-light .h5,
.text-light .h6 {
	color: #fff;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: 1.6em;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #222;
}

h1, .h1 {
	font-size: 28px;
}

h2, .h2 {
	font-size: 24px;
}

h3, .h3 {
	font-size: 18px;
}

h4, .h4 {
	font-size: 16px;
}

h5, .h5 {
	font-size: 14px;
}

h6, .h6 {
	font-size: 13px;
}

h7, .h7 {
	font-size: 12px;
}

p, ol, ul, blockquote {
	margin: 15px 0;
}

blockquote {
	position: relative;
	border: 0;
	font-size: 16px;
}
blockquote:before {
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	border-left: 3px solid #c19a82;
}
blockquote cite,
blockquote footer {
	text-transform: uppercase;
	color: #333;
}
.font-primary {
  	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

/* ------------------------------------------------------------------
Forms
------------------------------------------------------------------- */


input, textarea {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

input[type="search"],
input[type="text"],
input[type="url"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="file"] {
  background: none;
  border: 1px solid #969696;
  background-color: #fff;
  height: 36px;
  line-height: 36px;
  padding: 0 12px;
  color: #666;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

select {
  border: 1px solid #969696;
  background-color: #fff;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  color: #666;
  font-size: 14px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
}

textarea {
  background: none;
  border: 1px solid #969696;
  background-color: #fff;
  resize: none;
  padding: 12px;
  height: 120px;
  color: #666;
  font-size: 14px;
  vertical-align: middle;
}

input::-webkit-input-placeholder {
  color: #888;
}

input:-moz-placeholder {
  color: #888;
}

input::-moz-placeholder {
  color: #888;
}

input:-ms-input-placeholder {
  color: #888;
}

textarea::-webkit-input-placeholder {
  color: #888;
}

textarea:-moz-placeholder {
  color: #888;
}

textarea::-moz-placeholder {
  color: #888;
}

textarea:-ms-input-placeholder {
  color: #888;
}

.form-item {
	margin-bottom: 20px;
}
.form-item label {
	display: block;
	font-weight: 400;
	font-size: 13px;
	color: #333;
}
.form-item input,
.form-item textarea {
	width: 100%;
}
/*.form-control {
	border: 2px solid #eee;
	height: 32px;
	letter-spacing: 1px;
	font-size: 10px;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	    -ms-border-radius: 2px;
	     -o-border-radius: 2px;
	        border-radius: 2px;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}
.form-control:focus {
	border-color: #222;
}*/

/* Form sizes */

/*.input-lg,
.form-horizontal .form-group-lg .form-control {
	height: 42px;
	font-size: 12px;
}

.input-sm, .form-horizontal .form-group-sm .form-control {
	height: 29px;
	font-size: 10px;
}*/
.email-error, .name-error, .message-error {
  position: relative;
  color: #d04361;
  line-height: 16px;
  text-align: center;
  font-style: italic;
}

#success {
  margin-top:20px;
  height: 0;
}    
.success-message {
  color: #b95c23;
  font-style: italic;  
  text-align: center; 
}

#loading {
	height:0;
}

#spinner {
	width: 56px; 
	height: 12px; 
	-webkit-background-size: 56px 12px; 
	-o-background-size: 56px 12px; 
	-moz-background-size: 156px 12px; 
	background-size: 56px 12px; 
	margin: auto; 
	background-image: url("../images/loading.gif"); 
	background-position: center; 
	background-repeat:no-repeat;
}


/* ------------------------------------------------------------------
Buttons
------------------------------------------------------------------- */
input#submit {
    margin-bottom: 10px;
}

.pi-btn {
	display: inline-block;
	cursor: pointer;
	color: #fff;
    text-align: center;
    padding: 5px 30px;
    border-radius: 0;
    box-shadow: none;
    background-color: #222;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 0;
}

.btn {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 10px;
	padding: 8px 37px;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	     -o-border-radius: 0;
	        border-radius: 0;
}

.btn.focus, .btn:focus,
.btn.active.focus, .btn.active:focus,
.btn:active.focus, .btn:active:focus {
	background: none;
	outline: 0;
}

/* Button types */

.btn.btn-round {
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	     -o-border-radius: 2px;
	        border-radius: 2px;
}

.btn.btn-circle {
	-webkit-border-radius: 30px;
	   -moz-border-radius: 30px;
	     -o-border-radius: 30px;
	        border-radius: 30px;
}

/* Button colors */

.btn.btn-w {
	background: rgba(255, 255, 255, 0.8);
	color: #222;
}

.btn.btn-w:hover, .btn.btn-w:focus {
	background: white;
	color: #222;
}

.btn.btn-border-w {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.75);
	color: #fff;
}

.btn.btn-border-w:hover, .btn.btn-border-w:focus {
	background: #fff;
	border-color: transparent;
	color: #222;
}

.btn.btn-g {
	background: #eee;
	color: #222;
}

.btn.btn-g:hover, .btn.btn-g:focus {
	background: rgba(238, 238, 238, 0.7);
	color: #222;
}

.btn.btn-d {
	background: rgba(17, 17, 17, 0.8);
	color: #fff;
}

.btn.btn-d:hover, .btn.btn-d:focus {
	background: #222111;
}

.btn.btn-border-d {
	background: transparent;
	border: 2px solid #222;
	color: #222;
}

.btn.btn-border-d:hover {
	background: #222;
	color: #fff;
}

.btn.btn-b {
	background: #222111;
	color: #fff;
}

.btn.btn-b:hover, .btn.btn-b:focus {
	background: rgba(17, 17, 17, 0.8);
}

/* Button sizes */

.btn.btn-lg {
	font-size: 12px;
	padding: 12px 45px;
}

.btn.btn-sm {
	letter-spacing: 1px;
	font-size: 10px;
	padding: 6px 25px;
}

.btn.btn-xs {
	letter-spacing: 0;
	font-size: 10px;
	padding: 4px 19px;
}

/* ------------------------------------------------------------------
2. Progress bars
------------------------------------------------------------------- */

.progress-element--bar {
    position: relative;
    background-color: #f5f6f9;
    height: 3px;
    margin-top: 14px;
    margin-bottom: 20px;
}
.progress-element--bar .bars {
    position: absolute;
    background-color: #222;
    top: 0;
    left: 0;
    height: 100%;
    overflow: visible !important;
}
.progress-element--bar .bars .counter {
    position: absolute;
    display: block;
    font-size: 12px;
    text-align: center;
    width: 46px;
    height: 24px;
    line-height: 24px;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #222;
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(50%, -100%);
       -moz-transform: translate(50%, -100%);
        -ms-transform: translate(50%, -100%);
         -o-transform: translate(50%, -100%);
            transform: translate(50%, -100%);
}
.progress-element--bar .bars .count {
	margin-right: -4px;
}
.progress-element--bar .bars .counter:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top-color: #222;
	margin: auto;
	left: 0;
	right: 0;
	bottom: -8px;
}

/* ------------------------------------------------------------------
3. Tabs and Accordion
------------------------------------------------------------------- */

.nav-tabs {
	border-color: #eee;
}

.nav-tabs > li > a {
	font-size: 12px;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	     -o-border-radius: 2px;
	        border-radius: 2px;
}

.nav-tabs >li.active > a,
.nav-tabs >li.active > a:hover,
.nav-tabs >li.active > a:focus {
	border: 1px solid #eee;
	border-bottom-color: transparent;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
	background: #eee;
}

.tab-content {
	border: 1px solid #eee;
	border-top: 0;
	padding: 15px;
}

.tab-content :last-child {
	margin-bottom: 0;
}

/* Accordion */

.panel-group {
	border: 1px solid #eee;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	    -ms-border-radius: 2px;
	     -o-border-radius: 2px;
	        border-radius: 2px;
}

.panel-group .panel {
	border-radius: 0;
}

.panel {
	border: 0;
	border-bottom: 1px solid #eee;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-color: #eee;
}

.panel-heading {
	padding: 15px 20px;
}

.panel-default > .panel-heading {
	background: transparent;
	border-color: #eee;
}

.panel-heading a {
	position: relative;
	display: block;
}

.panel-heading a:after {
	position: absolute;
	content: "\f106";
	top: 50%;
	right: 0px;
	margin-top: -7px;
	font-family: "FontAwesome";
	font-size: 14px;
	line-height: 1;
}

.panel-heading a.collapsed:after {
	content: "\f107";
}

.panel-title {
	font-size: 12px;
}

.panel-group .panel + .panel {
	border-top: 0;
	margin-top: 0;
}

/* -------------------------------------------------------------------
4. Cart & Checkout
------------------------------------------------------------------- */

.shop-cart-table-wrapper {
	overflow: hidden;
	overflow-x: auto;
}
.shop-cart {
  width: 100%;
  min-width: 700px;
}
.shop-cart tr {
}
.shop-cart th, .shop-cart td {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #eee;
}
.shop-cart thead tr {
	background-color: #f5f6f9;
}
.shop-cart thead tr th {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  color: #333;
}
.shop-cart .product-remove {
  width: 120px;
  color: #A6A6A6;
  text-align: center;
}
.shop-cart .product-remove a {
  font-size: 18px;
  color: #999;
}
.shop-cart .product-remove a:hover {
  color: #222;
}
.shop-cart .product-name {
  width: 62%;
  padding: 20px;
  overflow: hidden;
}
.shop-cart .product-quantity {
  text-align: center;
  width: 250px;
}
.shop-cart .product-quantity .quantity {
  margin-left: 0;
}
.shop-cart .product-quantity .quantity .qty {
	width: 50px;
	text-align: center;
}
.shop-cart .product-subtotal {
  text-align: center;
  width: 175px;
}
.shop-cart tbody tr td {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #444;
}
.shop-cart .product-price {
	text-align: center;
	width: 200px;
}
.shop-cart tbody tr td a {
  color: inherit;
}
.shop-cart tbody tr td a:hover {
  color: #c19a82;
}
.shop-cart .product-thumbnail {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
}
.shop-cart .product-info {
  display: inline-block;
  vertical-align: middle;
  margin-left: 30px;
}
.shop-cart .product-info a {
  display: block;
}

.cart-footer {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  padding: 30px 0;
  color: #000;
  overflow: hidden;
  max-width: 400px;
  float: right;
}
.cart-footer .coupon-code {
  display: inline-block;
  float: left;
}
.cart-footer .total {
  float: right;
  margin-top: 10px;
}
.cart-footer .total .amount {
  margin-left: 20px;
}
.cart-footer label, .cart-footer span {
  display: inline-block;
  font-weight: 400;
}
.cart-footer input {
  margin-left: 20px;
}
.cart-total-table {
	clear: both;
	max-width: 400px;
	width: 100%;
	float: right;
}
.cart-total-table tr th,
.cart-total-table tr td {
	border: 1px solid #eee;
	padding: 18px 15px;
	color: #333;
}
.cart-total-table tr td {
	text-align: right;
}
.cart-submit {
	clear: both;
	max-width: 400px;
	width: 100%;
	float: right;
}
.cart-submit input {
	width: 100%;
	margin-top: 10px;
	cursor: pointer;
	color: #fff;
    text-align: center;
    padding: 5px 30px;
    border-radius: 0;
    box-shadow: none;
    background-color: #333;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 0;
}
.cart-submit input:hover {
	background-color: #c19a82;
}


.woocommerce-shipping-fields h3 label,
.woocommerce-billing-fields h3 {
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
}
.woocommerce-shipping-fields .form-row label,
.woocommerce-billing-fields .form-row label {
	display: block;
	font-weight: 400;
	color: #333;
}
.woocommerce-shipping-fields .form-row,
.woocommerce-billing-fields .form-row {
	margin-bottom: 15px;
}
.woocommerce-shipping-fields .form-row textarea,
.woocommerce-shipping-fields .form-row input,
.woocommerce-shipping-fields .form-row select,
.woocommerce-shipping-fields .form-row a,
.woocommerce-billing-fields .form-row input,
.woocommerce-billing-fields .form-row select,
.woocommerce-billing-fields .form-row a {
	display: block;
	width: 100%;
}
.woocommerce-shipping-fields .form-row a,
.woocommerce-billing-fields .form-row a {
	background: none;
	border: 1px solid #969696;
	background-color: #fff;
	height: 36px;
	line-height: 36px;
	padding: 0 12px;
	color: #666;
	font-size: 14px;
}
#billing_email_field,
#shipping_first_name_field,
#billing_first_name_field {
	margin-right: 15px;
}
#billing_phone_field,
#shipping_last_name_field,
#billing_last_name_field {
	margin-left: 15px;
}

#billing_email_field,
#billing_phone_field,
#shipping_first_name_field,
#shipping_last_name_field,
#billing_first_name_field,
#billing_last_name_field {
	width: calc(50% - 15px);
	float: left;
}
.form-row.create-account {
	padding-top: 30px;
	padding-bottom: 30px;
	overflow: hidden;
	clear: both;
}
.form-row.create-account input {
	width: auto !important;
	float: left;
	margin-right: 5px;
}

#payment {
	background-color: #f5f6f9;
	padding: 30px;
}
#payment h3 {
	margin-top: 0;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
}
ul.payment_methods {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.payment_methods li {
	padding: 10px 0;
}
ul.payment_methods li label {
	font-size: 13px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	color: #333;
}
ul.payment_methods li label img {
	max-height: 50px;
}
ul.payment_methods li label a {
	text-transform: none;
	vertical-align: middle;
	margin-left: 20px;
}
#payment .place-order input {
	display: inline-block;
	cursor: pointer;
	color: #fff;
    text-align: center;
    padding: 5px 30px;
    border-radius: 0;
    box-shadow: none;
    background-color: #222;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 0;
}
#payment .place-order input:hover {
	color: #c19a82;
}

/* -------------------------------------------------------------------
5. Pricing table
------------------------------------------------------------------- */

.pricing-item {
	position: relative;
	background-color: #fff;
	padding: 30px 20px;
	box-shadow: 0 0 1px #eee;
	margin: 20px 0;
	z-index: 1;
}
.pricing-item.item-light {
	border: 0;
}
.pricing-item.item-light:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: -1;
	border: solid #fff;
	box-shadow: 0 0 1px #eee;
	border-top-width: 20px;
	border-bottom-width: 20px;
	left: 0;
	border-left: 0;
	border-right: 0;
	top: -20px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.pricing-item .price {
  	padding-top: 25px;
  	padding-bottom: 20px;
}
.pricing-item .price .sup {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 30px;
	color: #c19a82;
	vertical-align: 0.5em;
}
.pricing-item .price .amount {
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 60px;
	color: #c19a82;
	line-height: 1em;
}
.pricing-item .price .per {
	display: inline-block;
	font-size: 16px;
	color: #a1a1a1;
	padding: 8px 0;
}
.pricing-item .price .per:before {
	content: '/ ';
}
.pricing-item .pricing-body {
	padding: 30px 0;
	border-top: 1px solid #eee;
}
.pricing-item .pricing-body ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
.pricing-item .pricing-body ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pricing-item .pricing-body ul li .pricing-list {
	display: block;
	font-size: 14px;
	color: #191919;
	line-height: 1.6em;
	padding: 6px 0;
}

/* ------------------------------------------------------------------
6. Pagination
------------------------------------------------------------------- */
nav.woocommerce-pagination ul.page-numbers,
.page__pagination {
  font-size: 0;
  margin-left: -3px;
  margin-right: -3px;
}
nav.woocommerce-pagination ul.page-numbers a,
nav.woocommerce-pagination ul.page-numbers span,
.page__pagination span,
.page__pagination a {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  color: #666;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  padding: 0 10px;
  border: 1px solid #f5f6f9;
  background-color: #fff;
  border-radius: 1px;
  margin: 3px;
}
.page__pagination .pagination-prev,
.page__pagination .pagination-next {
  font-size: 16px;
}
nav.woocommerce-pagination ul.page-numbers .current,
nav.woocommerce-pagination ul.page-numbers a:hover,
.page__pagination .current,
.page__pagination a:hover {
  background-color: #c19a82;
  color: #fff;
}

nav.woocommerce-pagination {
  text-align: center;
  margin-top: 40px;
}
nav.woocommerce-pagination ul.page-numbers {
	list-style: none;
	padding: 0;
	margin: 0;
}
nav.woocommerce-pagination ul.page-numbers li {
	display: inline-block;
}

/* ------------------------------------------------------------------
7. Content box
------------------------------------------------------------------- */

.el-has-icon-top {
	text-align: center;
	background-color: #fff;
	margin-bottom: 10px;
}
/*[class*="bg-color-"] .el-has-icon-top,
[data-background-image] .el-has-icon-top {
	padding: 30px 50px 30px 30px;
}*/




.el-has-icon-top ul {
	text-align: left;
	padding:0;
	margin:0;
}

.el-has-icon-top li {
	list-style:none;
}

.el-has-icon-top li:not(:last-child) {
	padding-bottom:16px;
}

.list li {
	list-style: disc;
	margin-left: 20px;
	line-height:10px;
}
	
.el-has-icon-top-icon {
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	border: 1px solid;
	margin: 0 20px 0 0;
	font-size: 20px;
	color: #222;
	float:left;
}

.el-has-icon-top-title {
	text-align: left;
	margin:0;
}
.el-has-icon-top-text {
	padding-left: 80px;
	padding-right: 15px;
	text-align:left;
}

.el-has-icon-top-text p {
	margin: 0;	
}
/* Alt content box */

.alt-el-has-icon-top {
	position: relative;
	padding-left: 55px;
	margin: 25px 0;
}

.alt-el-has-icon-top-icon {
	position: absolute;
	height: 38px;
	width: 38px;
	left: 0;
	top: 0;
	text-align: center;
	line-height: 38px;
	font-size: 28px;
	color: #222;
}

.alt-el-has-icon-top-title {
	margin: 0 0 18px;
}

#experience .row:not(:first-child) {
	width:90%;
	margin:auto;
	background-color: #ffffff;
	margin-bottom: 10px;
	padding: 30px 20px 20px;
}


/* ------------------------------------------------------------------
8. Gallery box
------------------------------------------------------------------- */

.gallery-box {
	text-align: center;
	margin: 35px 0;
}

.gallery-box-text {
	font-size: 12px;
}

.gallery-box .gallery {
	display: block;
	margin: 20px 0 0;
}

.gallery-box .gallery:after {
	background: rgba(255, 255, 255, 0.3);
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}

.gallery-box:hover .gallery:after {
	opacity: 1;
}

/* ------------------------------------------------------------------
9. Counters
------------------------------------------------------------------- */

.counter-item {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
.counter-item h5 {
	font-size: 40px;
}
.counter-item > span {
	text-transform: uppercase;
	color: #333;
}

/* ------------------------------------------------------------------
10. Team
------------------------------------------------------------------- */

.team-item {
	background-color: #fff;
	padding: 8px;
	margin-bottom: 30px;
}
.team-image {
	position: relative;
	overflow: hidden;
}

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

.team-image:after {
	content: '';
	position: absolute;
	background-color: transparent;
	display: block;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}

.team-item:hover .team-image:after {
	background-color: rgba(255,255,255,.9);
}

.team-caption {
	text-align: center;
	padding: 20px 0 10px 0;
}

.team-name {
	margin: 0 0 5px;
}

.team-caption span {
	font-size: 14px;
}
.pi-social a {
	display: inline-block;
	color: #333;
	font-size: 18px;
	margin: 5px;
}
.pi-social a:hover {
	color: #c19a82;
}
.team-image .pi-social {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 60%;
	opacity: 0;
	z-index: 99;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}
.team-item:hover .pi-social {
	top: 50%;
	opacity: 1;
}

/* ------------------------------------------------------------------
11. Client
------------------------------------------------------------------- */



.alt-client-item {
	position: relative;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	padding: 0;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}

.alt-client-item a {
	display: block;
	width: 100%;
	padding: 50px 15px;
	opacity: 0.9;
}

.alt-client-item a:hover {
	background-color: rgba(0, 0, 0, 0.05);
	opacity: 1;
}

.alt-client-item:before {
	position: absolute;
	border-left: 1px solid #eee;
	height: 100%;
	content: '';
	top: 0;
	left: -1px;
}

.alt-client-item:after {
	position: absolute;
	border-bottom: 1px solid #eee;
	width: 100%;
	content: '';
	bottom: -1px;
	left: 0;
}

.quote-author {
	font-size: 12px;
	opacity: 0.75;
}

/* -------------------------------------------------------------------
12. Shope item
------------------------------------------------------------------- */

.woocommerce-order {
	overflow: hidden;
	margin-bottom: 50px;
}
.woocommerce-result-count {
	color: #333;
	font-size: 16px;
	float: left;
	padding-top: 8px;
	margin-bottom: 0;
}
.woocommerce-ordering {
	float: right;
}
.product-item {
	position: relative;
	text-align: center;
	margin: 20px 0;
	padding: 0 0 30px;
	border-bottom: 1px solid #f1f1f1;
}

.product-image {
	position: relative;
	overflow: hidden;
}

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

.product-item-price ins {
	text-decoration: none;
}
.product-item-price .amount {
	font-size: 18px;
	padding: 3px;
}
.product-item-price del .amount {
	font-size: 14px;
	padding: 3px;
}
.product-item-title {
	margin: 18px 0 5px;
}
.product-item-title a {
	display: block;
	font-weight: 400;
	font-size: 14px;
	color: #333;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.product-rate {
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	text-align: center;
	color: #e65757;
	font-size: 12px;
}
.product-item .onsale {
	position: absolute;
	background-color: #222;
	color: #fff;
	padding: 3px 10px;
	top: 5px; right: 5px;
}

.product-item .product-item-detail {
	margin-top: 20px;
}

/*Shop product detail*/
.product-slider .item img,
.product-slider-thumb .item img {
	width: 100%;
}
.product-slider-thumb-row {
	margin-left: -5px;
	margin-right: -5px;
}
.product-slider-thumb {
	margin-top: 10px;
}
.product-slider-thumb .item {
	margin-left: 5px;
	margin-right: 5px;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.product-slider-thumb .owl-item.synced .item {
	border: 3px solid #333;
}

.product-detail-content-text {
	position: relative;
}
.product-detail-content-text .title {
	margin-top: 0;
}
.product-detail-content-text .onsale {	
	position: absolute;
	background-color: #222;
	color: #fff;
	padding: 3px 10px;
	top: 5px;
	right: 5px;
}
.product-detail-content-text .price {
	display: block;
	margin-top: 20px;
}
.product-detail-content-text ins {
	text-decoration: none;
}
.product-detail-content-text .amount {
	font-size: 22px;
	padding: 3px;
	color: #333;
}
.product-detail-content-text del .amount {
	font-size: 16px;
}
.product-detail-content-text form.cart {
	margin-top: 30px;
}
.product-detail-content-text form.cart .quantity {
	display: inline-block;
	vertical-align: middle;
	margin-top: 10px;
}
.product-detail-content-text form.cart .quantity input {
	width: 80px;
}
.product-detail-content-text form.cart button[type="submit"] {
	padding: 0 30px;
	line-height: 36px;
	vertical-align: middle;
	margin-top: 10px;
}
.product-detail-content-text .product_meta {
	margin-top: 30px;
}


/* ------------------------------------------------------------------
14. Owl sliders
------------------------------------------------------------------- */

.client-slider,
.client-slider .grabbing,
.product-slider,
.product-slider .grabbing,
.testimonial-slider,
.testimonial-slider .grabbing {
	/*cursor:url('../images/cursor-move.png') 26 8,auto;*/
}
.owl-carousel .owl-controls .owl-buttons .owl-prev,
.owl-carousel .owl-controls .owl-buttons .owl-next {
	position: absolute;
	background: #fff;
	display: block;
	height: 40px;
	width: 40px;
	top: 50%;
	margin: -20px 10px 0;
	padding: 0;
	opacity: 0;
	border-radius: 0;
	text-align: center;
	line-height: 40px;
	font-size: 17px;
	color: #222;
	z-index: 999;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev {
	left: -20px;
}
.owl-carousel .owl-controls .owl-buttons .owl-next{
	right: -20px;
}
.owl-carousel:hover .owl-controls .owl-buttons .owl-prev {
	opacity: 1;
	left: 0px;
}
.owl-carousel:hover .owl-controls .owl-buttons .owl-next {
	opacity: 1;
	right: 0px;
}

/* Pagination */

.owl-pagination {
	position: absolute;
	z-index: 999;
	margin-top: 15px;
	text-align: center;
	width: 100%;
}

.testimonial-slider .owl-pagination {
	bottom: -50px;
	margin: 0;
}

/* Slider images */

.slider-images .owl-pagination {
	bottom: 10px;
	margin: 0;
}

.owl-page {
	position: relative;
	background-color: #222;
	display: inline-block;
	overflow: hidden;
	height: 2px;
	width: 14px;
	border: 0;
	margin: 4px 2px;
	text-indent: -200%;
	z-index: 999;
	border-radius: 0;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}

.owl-page.active {
	background-color: #c19a82;
}
/* ------------------------------------------------------------------
14. Overlays
------------------------------------------------------------------- */


.bg-overlay-dark-10:before,
.bg-overlay-dark-20:before,
.bg-overlay-dark-30:before,
.bg-overlay-dark-40:before,
.bg-overlay-dark-50:before,
.bg-overlay-dark-60:before,
.bg-overlay-dark-70:before,
.bg-overlay-dark-80:before,
.bg-overlay-dark-90:before,
.bg-overlay-light-10:before,
.bg-overlay-light-20:before,
.bg-overlay-light-30:before,
.bg-overlay-light-40:before,
.bg-overlay-light-50:before,
.bg-overlay-light-60:before,
.bg-overlay-light-70:before,
.bg-overlay-light-80:before,
.bg-overlay-light-90:before {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 0;
}
[class*="bg-overlay-dark"] {
	color: #fff;
}
[class*="bg-overlay-dark"] .section-title {
	color: #fff;
}
[class*="bg-overlay-dark"]:before {
	background-color: #060915;
}
[class*="bg-overlay-light"]:before {
	background-color: #F5F4F9;
}

.bg-overlay-dark-10:before {
	content: '';
	left: 0;
	top: 0;
	opacity: 0.1;
}
.bg-overlay-dark-20:before {
	content: '';
	left: 0;
	top: 0;
	opacity: 0.2;
}
.bg-overlay-dark-30:before {
	content: '';
	left: 0;
	top: 0;
	opacity: 0.3;
}

.bg-overlay-dark-40:before {
	content: '';
	left: 0;
	top: 0;
	opacity: 0.4;
}

.bg-overlay-dark-50:before {
	content: '';
	left: 0;
	top: 0;
	opacity: 0.5;
}
.bg-overlay-dark-60:before {
	content: '';
	left: 0;
	top: 0;
	opacity: 0.6;
}

.bg-overlay-dark-70:before {
	content: '';
	left: 0;
	top: 0;
	opacity: 0.7;
}

.bg-overlay-dark-80:before {
	content: '';
	left: 0;
	top: 0;
	opacity: 0.8;
}
.bg-overlay-dark-90:before {
	content: '';
	left: 0;
	top: 0;
	opacity: 0.9;
}

.bg-overlay-light-10:before {
	content: '';
	left: 0;
	top: 0;
	opacity: 0.1;
}

.bg-overlay-light-20:before {
	content: '';
	left: 0;
	top: 0;
	opacity: 0.2;
}

.bg-overlay-light-30:before {
	content: '';
	left: 0;
	top: 0;
	opacity: 0.3;
}

.bg-overlay-light-40:before {
	content: '';
	left: 0;
	top: 0;
	opacity: 0.4;
}

.bg-overlay-light-50:before {
	content: '';
	left: 0;
	top: 0;
	opacity: 0.5;
}

.bg-overlay-light-60:before {
	content: '';
	left: 0;
	top: 0;
	opacity: 0.8;
}

.bg-overlay-light-70:before {
	content: '';
	left: 0;
	top: 0;
	opacity: 0.7;
}

.bg-overlay-light-80:before {
	content: '';
	left: 0;
	top: 0;
	opacity: 0.8;
}

.bg-overlay-light-90:before {
	content: '';
	left: 0;
	top: 0;
	opacity: 0.9;
}


/* ------------------------------------------------------------------
15. Navigation
------------------------------------------------------------------- */

.navbar-custom {
	-webkit-transition: background 0.3s ease, padding 0.3s ease;
	   -moz-transition: background 0.3s ease, padding 0.3s ease;
	     -o-transition: background 0.3s ease, padding 0.3s ease;
	        transition: background 0.3s ease, padding 0.3s ease;
}

.navbar-custom {
	background: rgba(255, 255, 255, 0.95);
	border: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 10px;
	webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
	  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
	       box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}

.navbar-custom .navbar-brand {
	float: none;
	height: 60px;
	display: table-cell;
	vertical-align: middle;
	padding-top: 0;
	padding-bottom: 0;
	letter-spacing: 4px;
	font-weight: 400;
	font-size: 20px;
	color: #222;
}

.navbar-custom a,
.navbar-custom .navbar-brand {
	color: #222;
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
}

.navbar-custom .nav li > a {
	position: relative;
}

.navbar-custom .nav > li > a:focus,
.navbar-custom .nav > li > a:hover,
.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:focus,
.navbar-custom .nav .open > a:hover,
.navbar-custom .dropdown-menu > li > a:focus,
.navbar-custom .dropdown-menu > li > a:hover {
	background: none;
	color: rgba(17, 17, 17, 0.7);
}

/* Navbar toggle */

.navbar-custom .navbar-toggle {
	margin-top: 13px;
}

.navbar-custom .navbar-toggle .icon-bar {
	background: #222;
}

/* Navbar dropdown */

.navbar-custom .dropdown-menu {
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 0;
	padding: 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.navbar-custom .dropdown-menu > li > a {
	border: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 10px;
	padding: 11px 15px;
}

.navbar-custom .dropdown-menu .dropdown-menu {
	top: 0;
	left: 100%;
	right: auto;
	margin-top: -1px;
}

.leftauto {
	right: 0 !important;
	left: auto !important;
}

.navbar-custom .dropdown-menu.left-side {

	right: 100%;
	left: auto;
}

.navbar-custom .dropdown-toggle:after {
	position: absolute;
	display: block;
	right: 0;
	top: 50%;
	margin-top: -5px;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 9px;
	content: "\f107";
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.navbar-custom .navbar-nav > .dropdown > .dropdown-toggle {
	padding-right: 28px;
}

.navbar-custom .navbar-nav > .dropdown > .dropdown-toggle:after {
	position: absolute;
	display: block;
	right: 15px;
	top: 50%;
	margin-top: -5px;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 9px;
	content: "\f107";
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.light-logo {
	display: none !important;
}

.navbar-transparent.navbar-dark .light-logo {
	display: block !important;
}

.navbar-transparent.navbar-dark .dark-logo {
	display: none !important;
}

/* Push search */

.navbar-custom .navbar-nav > .dropdown > .dropdown-toggle.search-dropdown:after {
	content: '';
}

.dropdown-search {
	position: relative;
	padding: 7px 5px;
}

.dropdown-search .form-control {
	position: relative;
}

.dropdown-search .search-btn {
	position: absolute;
	background: transparent;
	border: none;
	overflow: hidden;
	top: 50%;
	right: 0px;
	width: 42px;
	height: 32px;
	line-height: 30px;
	font-size: 14px;
	outline: none;
	color: #eee;
	margin-top: -16px;
}






#header-page {
	position: absolute;
	width: 100%;
	top: 0;
	padding-top: 20px;
	left: 0;
	height: 60px;
	z-index: 9999;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-transition: all .3s linear;
	 -moz-transition: all .3s linear;
	  -ms-transition: all .3s linear;
	   -o-transition: all .3s linear;
	      transition: all .3s linear;
}
#header-page.header-page-white,
#header-page.header-page-fixed {
	position: fixed;
	padding-top: 0;
	background-color: #fff;
	border-bottom: 1px solid #eee;
}
#header-page .container {
	position: relative;
}
#header-page .logo {
  display:none;
}

.header-page-fixed .logo {
	display:block !important;
	position: absolute;
	top: 50%;
	left: 15px;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
#header-page .logo img {
  max-height: 44px;
  margin-right: 16px;
  float:left;
}

.logo h4 {padding:0.5em 0 0 0;}
.navigation:after {
	content: '';
	display: table;
	clear: both;
}
.pi-navigation {
  text-align: right;
}
.pi-navigation .menu-list {
	display: inline-block;
	font-size: 0;
	list-style: none;
	margin: 0 -20px;
	padding: 0;
}
.pi-navigation .menu-list li {
	position: relative;
	display: inline-block;
}
.pi-navigation .menu-list li a {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #303030;
	background: none;
	line-height: 60px;
	padding: 0 20px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
.pi-navigation .menu-list li a:hover {
	color: #cda993;
}
.pi-navigation .menu-list .sub-menu {
	position: absolute;
	width: 200px;
	background-color: #fff;
	border: 1px solid #eee;
	list-style: none;
	padding: 15px;
	margin: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.pi-navigation .menu-list .sub-menu .sub-menu {
	top: 0;
	left: 100%;
}
.pi-navigation .menu-list .sub-menu li {
	display: block;
	text-align: left;
}
.pi-navigation .menu-list .sub-menu li a {
	padding: 0;
	line-height: 3.5em;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.pi-navigation .menu-list li:hover > .sub-menu {
	opacity: 1;
	visibility: visible;
}
.pi-navigation .menu-list li.current-menu-parent > a,
.pi-navigation .menu-list li.current-menu-item > a,
.pi-navigation .menu-list li.active > a,
.pi-navigation .menu-list li:hover > a {
	color: #c19a82;
}


.pi-navigation-responsive {
	text-align: right;
}
.pi-navigation-responsive .menu-list {
	position: fixed;
	text-align: left;
	overflow-x: hidden;
	overflow-y: auto;
	top: 0;
	right: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 60px;
	background-color: #222;
	max-width: 280px;
	width: 100%;
	border-right: 0;
	border-bottom: 0;
	z-index: 999;
	-webkit-box-shadow: 0 100px 0 0 #222;
	-moz-box-shadow: 0 100px 0 0 #222;
	box-shadow: 0 100px 0 0 #222;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.pi-navigation-responsive .menu-list.menu-list-active {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.pi-navigation-responsive .menu-list li {
	position: static;
	padding: 0 22px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.pi-navigation-responsive .menu-list li:first-child {
	border-top: 1px solid rgba(255, 255, 255, 0.04);
}
.pi-navigation-responsive .menu-list li a {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 10px;
	color: #EDEDED;
	line-height: 40px;
	background: none;
	padding: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-transform: uppercase;
}
.pi-navigation-responsive .menu-list li a:hover,
.pi-navigation-responsive .menu-list li.current-menu-parent > a, 
.pi-navigation-responsive .menu-list li.current-menu-item > a,
.pi-navigation-responsive .menu-list li.active > a {
	color: #c19a82;
}
.pi-navigation-responsive .menu-list li .sub-menu {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #222;
	top: 0;
	left: 0;
	list-style: none;
	padding: 0;
	padding-top: 60px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.pi-navigation-responsive .menu-list li .sub-menu.sub-menu-active {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	z-index: 999;
}
.pi-navigation-responsive .menu-list .submenu-toggle {
	position: absolute;
	right: 0;
	width: 40px;
	height: 40px;
	text-align: center;
	cursor: pointer;
	border-left: 1px solid rgba(255, 255, 255, 0.04);
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	transform: translateY(-40px);
}
.pi-navigation-responsive .menu-list .submenu-toggle .fa {
	font-size: 16px;
	line-height: 40px;
	color: #C3C3C3;
}
.pi-navigation-responsive .menu-list .submenu-toggle:hover .fa {
	color: #c19a82;
}
.pi-navigation-responsive .menu-list .back-mb .fa {
	margin-right: 5px;
	font-size: 12px;
}

.open-menu-responsive {
	position: absolute;
	display: block;
	width: 20px;
	height: 58px;
	cursor: pointer;
	top: 0;
	right: 15px;
	overflow: hidden;
	z-index: 99;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
.open-menu-responsive .hamburger {
	position: absolute;
	width: 20px;
	height: 14px;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.open-menu-responsive .item {
	position: absolute;
	display: block;
	font-size: 0;
	width: 20px;
	height: 2px;
	background-color: #333;
	margin: auto;
	left: 0;
	right: 0;
	overflow: hidden;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.open-menu-responsive .item-1 {
  	top: 0;
}
.open-menu-responsive .item-2 {
	top: 0;
	bottom: 0;
}
.open-menu-responsive .item-3 {
  	bottom: 0;
}

.close-menu-responsive {
	width: 30px;
	height: 30px;
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
	    -ms-transform: scale(0);
	     -o-transform: scale(0);
	        transform: scale(0);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.close-menu-responsive.close-menu-responsive-active {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
	
}
.close-menu-responsive .item {
	position: absolute;
	display: block;
	margin: auto;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 18px;
	height: 1px;
	background-color: #fff;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.close-menu-responsive .item-1 {
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.close-menu-responsive .item-2 {
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
.close-menu-responsive:hover .item,
.open-menu-responsive:hover .item {
	background-color: #c19a82;
}

.minicart-wrap {
	position: relative;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
.minicart-wrap .toggle-minicart {
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 10px;
	color: #303030;
	line-height: 60px;
	text-align: center;
	background: none;
  	letter-spacing: 0.2em;
	padding: 0 22px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.minicart-wrap .toggle-minicart .fa {
	margin-right: 5px;
	font-size: 14px;
}
.minicart-wrap .toggle-minicart.cart-toggle-active,
.minicart-wrap .toggle-minicart:hover {
  	color: #cda993;
}
.minicart-wrap .minicart-body {
	position: absolute;
	background-color: #fff;
	width: 260px;
	top: 100%;
	opacity: 0;
	visibility: hidden;
	right: 0;
	border: 1px solid #eee;
	z-index: 99;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.minicart-wrap .minicart-body.cart-toggle {
	opacity: 1;
	visibility: visible;
}
.minicart-wrap .minicart-body .minicart-list {
	margin: 0;
	list-style: none;
	padding: 0;
}
.minicart-wrap .minicart-body .minicart-list li {
	margin: 0;
	padding: 12px 18px;
	position: relative;
}
.minicart-wrap .minicart-body .minicart-list li:before {
	display: none;
}
.minicart-wrap .minicart-body .minicart-list li .product-thumb {
	float: left;
	display: inline-block;
	margin-right: 15px;
	margin-top: 3px;
	width: 34px;
}
.minicart-wrap .minicart-body .minicart-list li .product-name {
	padding-right: 30px;
}
.minicart-wrap .minicart-body .minicart-list li .product-name a {
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	color: #666;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.minicart-wrap .minicart-body .minicart-list li .product-name a:hover {
	color: #cda993;
}
.minicart-wrap .minicart-body .minicart-list li .qty-wrap .product-quantity,
.minicart-wrap .minicart-body .minicart-list li .qty-wrap .amount {
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
	color: #666;
}
.minicart-wrap .minicart-body .minicart-list li .qty-wrap .quantity {
	margin-left: 0;
}
.minicart-wrap .minicart-body .minicart-list li .product-remove {
	position: absolute;
	top: 13px;
	right: 20px;
}
.minicart-wrap .minicart-body .minicart-list li .product-remove a {
	font-size: 22px;
	color: #000;
}
.minicart-wrap .minicart-body .minicart-list li .product-remove a:hover {
	color: #cda993;
}
.minicart-wrap .minicart-body .minicart-total {
	border-top: 1px solid #eee;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	color: #000;
	padding: 15px;
}
.minicart-wrap .minicart-body .minicart-footer {
	border-top: 1px solid #eee;
	padding: 14px;
	overflow: hidden;
	margin-left: -5px;
	margin-right: -5px;
}
.minicart-wrap .minicart-body .minicart-footer .pi-btn {
	margin: 5px;
	width: calc(50% - 10px);
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

.toggle-search {
	display: inline-block;
	color: #303030;
	font-size: 13px;
	cursor: pointer;
	vertical-align: middle;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.toggle-search:hover {
  	color: #cda993;
}
.search-box {
	position: fixed;
	width: 100%;
	height: 100%;
	display: none;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,.95);
	z-index: 9999999;
}
.search-box form {
	position: absolute;
	width: 50%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.search-box form input[type="search"],
.search-box form input[type="text"] {
	width: 100%;
	border: 0;
	border-bottom: 2px solid;
	font-size: 30px;
	line-height: 60px;
	height: 60px;
	padding-left: 0;
	padding-right: 0;
	background: none;
}
.search-box-close {
	position: absolute;
	font-size: 34px;
	color: #303030;
	cursor: pointer;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.search-box-close:hover {
  	color: #cda993;
}

/* ------------------------------------------------------------------
16. Hero
------------------------------------------------------------------- */

.section-hero {
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;	        
}
.bg-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.bg-video:before {
	z-index: 1;
}
.bg-video ~ .hero-caption {
	position: relative;
	z-index: 9;
}
.hero-caption {
	display: table;
	height: 100%;
	width: 100%;
	text-align: center;
}

#hero-logo {
	background-image: url("../images/logo-hero.png");
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 150px;
    background-size: contain;
    margin-bottom:50px
}

.hero-text {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}
.hero-text h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 36px;
	text-transform: uppercase;
	letter-spacing: 20px;
}
.hero-text h1 {
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	font-size: 56px;
	text-transform: uppercase;
	letter-spacing: 20px;
}
.hero-text h4 {
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 6px;
	text-transform: uppercase;
	margin-top:0;
}

.hero-text p {
	font-size: 20px;
    line-height: 1.5em;
    text-align: center;
}
.hero-slider {
	overflow: hidden;
}
.hero-slider,
.hero-slider > div.owl-wrapper-outer,
.hero-slider > div.owl-wrapper-outer > div,
.hero-slider .owl-item {
	height: 100% !important;
}
.hero-slider--item {
	position: relative;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
.hero-slider .owl-pagination {
	margin-top: 0;
	bottom: 30px;
}
.owl-page span {
	display: none !important;
}
.hero-slider .owl-page {
	width: 10px;
	height: 10px;
}
.hero-slider .hero-text .text-1 {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate(0, 100px);
	   -moz-transform: translate(0, 100px);
	    -ms-transform: translate(0, 100px);
	     -o-transform: translate(0, 100px);
	        transform: translate(0, 100px);
	-webkit-transition: all .4s cubic-bezier(0,.67,.35,.94) .4s;
	   -moz-transition: all .4s cubic-bezier(0,.67,.35,.94) .4s;
	    -ms-transition: all .4s cubic-bezier(0,.67,.35,.94) .4s;
	     -o-transition: all .4s cubic-bezier(0,.67,.35,.94) .4s;
	        transition: all .4s cubic-bezier(0,.67,.35,.94) .4s;
}
.hero-slider .hero-text .text-2 {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate(0, 100px);
	   -moz-transform: translate(0, 100px);
	    -ms-transform: translate(0, 100px);
	     -o-transform: translate(0, 100px);
	        transform: translate(0, 100px);
	-webkit-transition: all .4s cubic-bezier(0,.67,.35,.94) .7s;
	   -moz-transition: all .4s cubic-bezier(0,.67,.35,.94) .7s;
	    -ms-transition: all .4s cubic-bezier(0,.67,.35,.94) .7s;
	     -o-transition: all .4s cubic-bezier(0,.67,.35,.94) .7s;
	        transition: all .4s cubic-bezier(0,.67,.35,.94) .7s;
}
.hero-slider .hero-text .text-3 {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate(0, -100px);
	   -moz-transform: translate(0, -100px);
	    -ms-transform: translate(0, -100px);
	     -o-transform: translate(0, -100px);
	        transform: translate(0, -100px);
	-webkit-transition: all .4s cubic-bezier(0,.67,.35,.94) 1.2s;
	   -moz-transition: all .4s cubic-bezier(0,.67,.35,.94) 1.2s;
	    -ms-transition: all .4s cubic-bezier(0,.67,.35,.94) 1.2s;
	     -o-transition: all .4s cubic-bezier(0,.67,.35,.94) 1.2s;
	        transition: all .4s cubic-bezier(0,.67,.35,.94) 1.2s;
}
.hero-slider .owl-item.active .text-1,
.hero-slider .owl-item.active .text-2,
.hero-slider .owl-item.active .text-3 {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate(0, 0);
	   -moz-transform: translate(0, 0);
	    -ms-transform: translate(0, 0);
	     -o-transform: translate(0, 0);
	        transform: translate(0, 0);
}
/* ------------------------------------------------------------------
sections
------------------------------------------------------------------- */

.wrapper {
	background: #fff;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
}

.section {
	padding: 100px 0;
	position: relative;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}


.navbar-custom + .section {
	padding: 200px 0;
}

.navbar-custom + .section-small {
	padding: 130px 0;
}
.bg-fixed,
.bg-parallax {
	background-attachment: fixed;
}

/* section titles */

.section-title {
	text-transform: uppercase;
	letter-spacing: 10px;
	text-align: center;
	font-size: 22px;
	margin-bottom: 60px;
}

.section-subtitle {
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 70px;
	letter-spacing: 2px;
}

.section-icon {
	font-size: 36px;
	margin-bottom: 70px;
}

.section-title + .section-subtitle {
	margin-top: -35px;
}
.bg-color-gray {
	background-color: #f5f6f9;
}
.line {
	margin: 0;
}

.copyright {
	padding: 30px;
	background-color: #f5f6f9;
	margin: 0;
    text-align: center;
    font-size: 12px;
    color: #555;
    font-style: italic;
}

.item-quote .section-icon {
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	font-size: 18px;
	border: 1px solid;
}
.item-quote blockquote {
	border: 0;
	font-size: 14px;
	color: #444;
}
.item-quote blockquote:before,
.item-quote blockquote:after {
	display: none;
}
.item-quote blockquote cite {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

/* ------------------------------------------------------------------
17. Portfolio
------------------------------------------------------------------- */

.works-grid-wrapper {
	margin: -2px;
}
.works-grid {
	position: relative;
	width: 100%;
}
.work-item,
.grid-sizer {
	width: 25%;
}
.works-grid-3 .work-item,
.works-grid-3 .grid-sizer {
	width: 33.3333%;
}
.work-item.wide,
.work-item.large {
	width: 50%;
}
.work-item a {
	position: absolute;
	top: 2px;
	bottom: 2px;
	right: 2px;
	left: 2px;
	overflow: hidden;
}
.work-item a:before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	background-color: #fff;
	opacity: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}
.work-item img {
	height: auto;
	width: 100%;
}

.work-caption {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	opacity: 0;
	overflow: hidden;
	padding: 20px;
	z-index: 3;
	text-align: center;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	   	-ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}

.work-title {
	font-size: 16px;
	color: #222;
	margin: 6px 0 6px;
	opacity: 0;
	-webkit-transform: translateY(20px);
	   -moz-transform: translateY(20px);
	    -ms-transform: translateY(20px);
	     -o-transform: translateY(20px);
	        transform: translateY(20px);
	-webkit-transition: all 0.3s ease 0.2s;
	   -moz-transition: all 0.3s ease 0.2s;
	     -o-transition: all 0.3s ease 0.2s;
	        transition: all 0.3s ease 0.2s;
}

.work-cat {
  	font-family: 'Merriweather Sans';
  	font-weight: 400;
	font-size: 10px;
	color: #444;
	opacity: 0;
	-webkit-transform: translateY(20px);
	   -moz-transform: translateY(20px);
	    -ms-transform: translateY(20px);
	     -o-transform: translateY(20px);
	        transform: translateY(20px);
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}


.work-item:hover .work-caption {
	opacity: 1;
	top: 50%;
}
.work-item:hover .work-cat {
	-webkit-transition: all 0.3s ease 0.2s;
	   -moz-transition: all 0.3s ease 0.2s;
	     -o-transition: all 0.3s ease 0.2s;
	        transition: all 0.3s ease 0.2s;
}
.work-item:hover .work-title {
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}
.work-item:hover .work-cat,
.work-item:hover .work-title {
	opacity: 1;
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	     -o-transform: translateY(0);
	        transform: translateY(0);
}
.work-item:hover a:before {
	opacity: .9;
}


.case-caption {
    font-style: italic;
    margin-top:0;
    font-size: 13px;
    color: #555 ;
    text-align: center;
}

.greybg {background-color: #F7F6FA;} 
blockquote p{padding:7px 0 7px 15px; font-style:italic; font-size:18px;}
.pad {padding: 2em 1em;}

/*Portfolio Filters*/

.filters {
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 0 0 70px;
}

.filters > li {
	display: inline-block;
	margin: 5px;
}

.filters > li > a {
	text-transform: uppercase;
	color: #555;
	font-size: 10px;
	border: 1px solid;
	padding: 6px 15px;
}

.filters > li > a:hover,
.filters > li > a.current {
	color: #c19a82;
	border-color: #c19a82;
}


/*Portfolio Single*/

.image-caption {
	position: relative;
	margin: 0 0 20px;
}

.image-caption .caption-text {
	position: absolute;
	display: table;
	bottom: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
	padding: 20px;
	font-size: 12px;
}
.project-detail-wrapper img {
	margin-bottom: 15px;
}

.project-details ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.project-details li {
	padding: 0 0 10px;
}
.project-details li strong {
	color: #666;
}

/* ------------------------------------------------------------------
18. Blog
------------------------------------------------------------------- */


.post {
	width: 100%;
	background-color: #fff;
}
.post-body {
	padding: 0 20px 30px;
}
.images-slider img {
	width: 100%;
}
.post-media {
	position: relative;
	margin: 0 0 30px;
}
.post-body .post-title {
	font-size: 15px;
}
.post-media img {
	width: 100%;
}

.post-title {
	margin: 0;
}

.post-title a {
	display: block;
	color: #222;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.post-title a:hover {
	color: rgba(34, 34, 34, 0.55);
}

.post-meta {
	font-size: 10px;
	margin: 0 0 5px;
}

.post-header {
	margin: 0 0 15px;
}


.post-single .post-media,
.post-single .post-title,
.post-single .post-entry {
	margin: 0 0 40px;
}

.post-single .post-meta {
	margin: 0 0 20px;
}
.post-link {
	margin-top: 28px;
}

.post .wp-caption,
.post .wp-caption img {
  width: auto !important;
}

.post .wp-caption img {
  position: relative;
  margin-bottom: 10px;
  top: 5px;
}

.post .wp-caption .wp-caption-text {
  font-size: 12px;
  font-style: italic;
  text-align: center;
  margin-bottom: 10px;
}

.alignleft {
  float: left;
  margin-right: 30px;
}

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

.alignright {
  float: right;
  margin-left: 30px;
}

.about-author {
  position: relative;
  margin-top: 50px;
  margin-bottom: 60px;
  background-color: #fff;
}
.about-author .image-thumb {
  width: 120px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.about-author .author-name h4 {
  font-size: 14px;
  margin-top: 0;
}
.about-author .author-info {
  margin-left: 150px;
}
.about-author .author-social {
  margin-left: -6px;
  margin-right: -6px;
}
.about-author .author-social a {
  display: inline-block;
  font-size: 14px;
  color: #161616;
  margin: 4px 6px;
}
.about-author .author-social a:hover {
  color: #e15d5d;
}


/* ------------------------------------------------------------------
19. Comments
------------------------------------------------------------------- */

#comments {
  margin-bottom: 50px;
}
#comments a {
  color: inherit;
}
#comments #comments-title {
  color: #3e3e3e;
}
#comments .commentlist {
  margin: 0;
  padding: 0;
  list-style: none;
}
#comments .commentlist > .comment .comment-box {
  border-bottom: 1px dashed #eee;
}
#comments .commentlist > .comment:last-child .comment-box {
  border-bottom: 0;
}
#comments .commentlist .comment-author {
  float: left;
  width: 60px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
#comments .commentlist .comment-body {
  margin-left: 85px;
}
#comments .commentlist .comment-body p {
  margin-top: 10px;
}
#comments .commentlist .children {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 85px;
}
#comments .commentlist .children .children {
  margin-left: 30px;
}
#comments cite.fn {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 12px;
  margin-top: 5px;
}
#comments cite.fn a {
  color: #3e3e3e;
}
#comments cite.fn a:hover {
  color: #c19a82;
}
#comments .comment-meta {
  font-size: 11px;
  color: #888;
  margin-top: 3px;
}
#comments .comment-box {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
}
#comments .comment-abs {
  position: absolute;
  display: inline-block;
  font-size: 0;
  top: 30px;
  right: 0;
}
#comments .comment-abs a {
  display: inline-block;
  margin: 4px;
  font-size: 12px;
  color: #848484;
}
#comments .comment-abs a:after {
	content: ' .';
}
#comments .comment-abs a:last-child:after {
	display: none;
}
#comments .comment-abs a:hover {
	color: #c19a82;
}


/* ------------------------------------------------------------------
20. Widgets
------------------------------------------------------------------- */



.widget {
	margin-bottom: 50px;
}

.widget > h4 {
	border-bottom: 1px solid #E7E7E7;
	padding: 0 0 10px;
	margin: 0 0 20px;
}

.widget ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.widget li {
	padding-bottom: 10px;
}

.widget li a {
	color: #888;
}


.widget > h4 {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 25px;
	margin-top: 0;
}
.widget_contact_info .fa {
	width: 14px;
	text-align: center;
	margin-right: 10px;
}
.widget_contact_info span {
	display: block;
	margin-bottom: 10px;
}
.widget_about .logo {
	max-width: 200px;
}

.widget span{
	padding: 0 15px;
}

#footer-page .widget > h4 {
	border: 0;
	padding: 10px 15px;
	background-color: #f5f6f9;
}

#footer-page .widget > ul > li {
	padding-left: 10px;
	padding-right: 10px;
}
.widget > ul > li:before {
	content: '+';
	display: inline-block;
	margin-right: 10px;
}

.widget_flickr .flickr,
.widget_instagram .instagram {
	overflow: hidden;
	margin-left: -3px;
	margin-right: -3px;
}
.widget_flickr .flickr li,
.widget_instagram .instagram li {
	width: 25%;
	padding: 3px !important;
	float: left;
}
.widget_has_thumbnail ul li:before,
.widget_flickr .flickr li:before,
.widget_instagram .instagram li:before {
	display: none;
}
.widget_flickr .flickr li a,
.widget_instagram .instagram li a {
	display: block;
}
.widget_flickr .flickr li a img,
.widget_instagram .instagram li a img {
	width: 100%;
}
.widget_flickr .flickr:hover li a,
.widget_instagram .instagram:hover li a {
	opacity: .4;
}
.widget_flickr .flickr li a:hover,
.widget_instagram .instagram li a:hover {
  opacity: 1;
}



.widget_has_thumbnail ul li {
	position: relative;
  	margin-bottom: 20px;
  	counter-increment: widgetCount;
}
.widget_has_thumbnail ul li:before {
	content: counter(widgetCount);
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	top: 0;
	left: 0;
	background-color: #fff;
	color: #222;
	z-index: 999;
	opacity: .95;
}
.widget_has_thumbnail ul li:first-child:before {
	background-color: #c19a82;
	color: #fff;
}
.widget_has_thumbnail .image-wrap {
  	padding-top: 40%;
}
.widget_has_thumbnail .content {
  	margin-top: 5px;
}
.widget_has_thumbnail .content > a {
	display: block;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #666;
	text-transform: uppercase;
}
.widget_has_thumbnail .content .meta a {
	color: inherit;
}

.widget_search input[type="text"],
.widget_search input[type="search"] {
	width: 100%;
	background: none;
}
.tags a,
.tagcloud a {
	color: #888;
	font-size: 14px !important;
}
.tags a:after,
.tagcloud a:after {
	content: ',';
	color: #888;
}
.tags a:last-child:after,
.tagcloud a:last-child:after {
	display: none;
}
.tags a:hover,
.tagcloud a:hover,
.widget li a:hover,
.widget_has_thumbnail .content .meta a:hover,
.widget_has_thumbnail .content a:hover {
  	color: #c19a82;
}



/* -------------------------------------------------------------------
21. Google map
------------------------------------------------------------------- */

#map {
	height: 400px;
	width: 100%;
}

#map img {
	max-width: none;
}

/* ------------------------------------------------------------------
22. Preloader
------------------------------------------------------------------- */

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 9999999999;
}
.preloader .item {
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation: preloaderRotate 1.4s linear infinite;
	-moz-animation: preloaderRotate 1.4s linear infinite;
	animation: preloaderRotate 1.4s linear infinite;
}
.preloader .item .item-child {
	position: absolute;
	width: 15px;
	height: 15px;
	background-color: #222;
	border-radius: 50%;
	margin: auto;
	top: -15px;
	left: 0;
	right: 0;
    -webkit-animation: preloaderScale 1.4s linear infinite;
    -moz-animation: preloaderScale 1.4s linear infinite;
    animation: preloaderScale 1.4s linear infinite;
}
.preloader .item:nth-child(2),
.preloader .item:nth-child(2) .item-child {
	-webkit-animation-delay: .7s;
	-moz-animation-delay: .7s;
	animation-delay: .7s;
}

@-webkit-keyframes preloaderRotate {
	0% {
		opacity: 1;
		-webkit-transform: rotate(0);
	}
	100% {
		opacity: 0.6;
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes preloaderRotate {
	0% {
		opacity: 1;
		-moz-transform: rotate(0);
	}
	100% {
		opacity: 0.6;
		-moz-transform: rotate(360deg);
	}
}
@keyframes preloaderRotate {
	0% {
		opacity: 1;
		transform: rotate(0);
	}
	100% {
		opacity: 0.6;
		transform: rotate(360deg);
	}
}


@-webkit-keyframes preloaderScale {
	0% {
		-webkit-transform: scale(0);
	}
	35% {
		-webkit-transform: scale(1.4);
	}
	50% {
		-webkit-transform: scale(1);
	}
	65% {
		-webkit-transform: scale(1.4);
	}
	100% {
		-webkit-transform: scale(0);
	}
}

@-moz-keyframes preloaderScale {
	0% {
		-moz-transform: scale(0);
	}
	35% {
		-moz-transform: scale(1.4);
	}
	50% {
		-moz-transform: scale(1);
	}
	65% {
		-moz-transform: scale(1.4);
	}
	100% {
		-moz-transform: scale(0);
	}
}

@keyframes preloaderScale {
	0% {
		transform: scale(0);
	}
	35% {
		transform: scale(1.4);
	}
	50% {
		transform: scale(1);
	}
	65% {
		transform: scale(1.4);
	}
	100% {
		transform: scale(0);
	}
}


/* -------------------------------------------------------------------
23. Responsive
------------------------------------------------------------------- */

@media screen and (min-width: 768px) {

}

@media screen and (max-width: 992px) {

	/* Hero captions */

	.mh-line-size-1 {
		letter-spacing: 40px;
		font-size: 26px;
	}

	.mh-line-size-2 {
		letter-spacing: 28px;
		font-size: 20px;
	}

	.mh-line-size-3 {
		letter-spacing: 20px;
		font-size: 22px;
	}

	.mh-line-size-4 {
		letter-spacing: 8px;
		font-size: 16px;
	}

	.navbar-custom {
		letter-spacing: 1px;
		font-size: 9px;
	}

	/* Portfolio grid */

	.work-item,
	.grid-sizer {
		width: 33.3333%;
	}

	.work-item.wide,
	.work-item.large {
		width: 66.6666%;
	}

}

@media screen and (max-width: 1050px) {
	#header-page .container {
    	position: static;
	}


	.hero-text h1 {
		font-size: 40px;
	}
	.hero-text h4 {
		font-size: 14px;
	}
	.search-box form {
		width: 90%;
	}
}
@media screen and (max-width: 767px) {
	.hero-text h1 {
		font-size: 30px;
		margin-bottom: 20px !important;
		letter-spacing: 14px;
	}
	.hero-text h2 {
		font-size: 26px;
		letter-spacing: 14px;
	}
	.hero-text h4 {
		font-size: 10px;
		margin-bottom: 20px !important;
		letter-spacing: 8px;
	}
	.work-item,
	.grid-sizer {
		width: 50%;
	}

	.work-item.wide,
	.work-item.large {
		width: 100%;
	}
	.pricing-item.item-light:before {
		display: none;
	}
	.search-box form {
		width: 95%;
	}
	.section {
		padding: 80px 0;
	}

}
@media screen and (max-width: 500px) {
	.search-box form input[type="search"],
	.search-box form input[type="text"] {
		font-size: 20px;
  		line-height: 40px;
  		height: 40px;
	}
	.search-box-close {
		font-size: 24px;
	}
	.section-title {
		font-size: 18px;
	}
	.section-subtitle {
		font-size: 10px;
	}
	.hero-text h2 {
		font-size: 20px;
		letter-spacing: 10px;
	}
	#header-page {
		height: 40px;
	}
	#header-page .logo img {
		max-height: 30px;
		margin-top: 0.4em;
	}
	.minicart-wrap .toggle-minicart {
		line-height: 40px;
		height: 40px;
		font-size: 0;
  		padding: 0 10px;
	}
	.toggle-search {
		margin-right: 40px !important;
	}
	.minicart-wrap .toggle-minicart .fa {
		font-size: 13px;
	}
	.minicart-wrap .toggle-minicart .count {
  		font-size: 10px;
	}
	.open-menu-responsive {
		height: 38px;
	}
	.hero-text h1 {
		font-size: 44px;
		margin-bottom: 20px !important;
		letter-spacing: 10px;
		margin-left: 16px;
	}
	.hero-text h4 {
		font-size: 14px;
		margin-bottom: 20px !important;
		letter-spacing: 4px;
	}
	.minicart-wrap .minicart-body {
		right: -40px;
	}

	.work-item,
	.grid-sizer {
		width: 100%;
	}

	.work-item.wide,
	.work-item.large {
		width: 100%;
	}
	.section {
		padding: 50px 0;
	}


.clients-slider .owl-controls .owl-buttons .owl-prev {
	left: -60px !important;
}
.clients-slider .owl-controls .owl-buttons .owl-next {
	right: -60px !important;
}
.clients-slider .owl-controls .owl-buttons .owl-prev,
.clients-slider .owl-controls .owl-buttons .owl-next,
.clients-slider .owl-controls .owl-buttons .owl-prev,
.clients-slider .owl-controls .owl-buttons .owl-prev {
	background: none;
	font-size: 30px;
}


#footer-page {
	background-color: #fff;
}


#footer-page .el-has-icon-top-icon {
    margin: auto;
	float:none;
}

#footer-page .el-has-icon-top-title {
    text-align: center;
    margin: 26px 0 5px;
}

#footer-page .el-has-icon-top-text {
	padding: 0;
	text-align: center;
}	


}
@media screen and (max-width: 991px) {
	.product-detail-content-text {
		margin-top: 40px;
	}
}
@media screen and (max-width: 480px) {
	#header-page .container {
	position: static;
	}

	.bg-fixed  {
	background-attachment: scroll;
    }  
	    

	.progress-element--bar .bars .counter {
	display:none;
	}
	
	#experience .row:not(:first-child) {
		width:100%;
		padding: 30px 0 20px;
	}		
	


	.el-has-icon-top-icon {
		margin: 0 0 0 20px;
		float:right;
	}
	
	.el-has-icon-top-title {
		padding-bottom: 4px;
	}	
		
	
	.el-has-icon-top-text {
	padding: 0 0 10px 0;
	margin: 0;
	}
	
	

	.product-detail-content-text .onsale {
		position: static;
	}
	.product-detail-content-text .price {

	}
	.section > .container > .row > [class*="col-"] {
		width: 100%;
		float: none;
	}
	
	#filters { display: none}

	.filters > li {
		display: block;
		margin: 0 0 10px;
	}
	.filters li a {
		display: block;
	}

	#billing_email_field,
	#billing_phone_field,
	#shipping_first_name_field,
	#shipping_last_name_field,
	#billing_first_name_field,
	#billing_last_name_field {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		float: none;
	}
	
	
	#footer-page .el-has-icon-top-icon {
		margin: 0 20px;
		float:left;
	}
	
	#footer-page .el-has-icon-top-title {
    text-align: left;
	}
	
	#footer-page .el-has-icon-top-text {
    text-align: left;
	}
	
	.copyright {
    padding: 20px;
	}
/* Fix background cover safari */
.fix-background-ios {
  -webkit-background-size: auto 150%  !important;
  background-attachment: scroll  !important;
}
}

/* -------------------------------------------------------------------
24. Vertical
------------------------------------------------------------------- */
.mb0{margin-bottom:0 !important}
.mb10{margin-bottom:10px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}
.mb60{margin-bottom:60px !important}
.mb70{margin-bottom:70px !important}
.mb80{margin-bottom:80px !important}
.mb90{margin-bottom:90px !important}

.mt0{margin-top:0 !important}
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important}
.mt80{margin-top:80px !important}
.mt90{margin-top:90px !important}
.mt100{margin-top:100px !important}
.mt110{margin-top:110px !important}
.mt120{margin-top:120px !important}
.mt130{margin-top:130px !important}
.mt140{margin-top:140px !important}

.pt0{padding-top:0 !important}
.pt10{padding-top:10px !important}
.pt20{padding-top:20px !important}
.pt30{padding-top:30px !important}
.pt40{padding-top:40px !important}
.pt50{padding-top:50px !important}
.pt60{padding-top:60px !important}
.pt70{padding-top:70px !important}
.pt80{padding-top:80px !important}
.pt90{padding-top:90px !important}
.pb0{padding-bottom:0 !important}
.pb10{padding-bottom:10px !important}
.pb20{padding-bottom:20px !important}
.pb30{padding-bottom:30px !important}
.pb40{padding-bottom:40px !important}
.pb50{padding-bottom:50px !important}
.pb60{padding-bottom:60px !important}
.pb70{padding-bottom:70px !important}
.pb80{padding-bottom:80px !important}
.pb90{padding-bottom:90px !important}
@media only screen and (max-width:991px){
	.mbmd-0{margin-bottom:0 !important}
	.mbmd-10{margin-bottom:10px !important}
	.mbmd-20{margin-bottom:20px !important}
	.mbmd-30{margin-bottom:30px !important}
	.mbmd-40{margin-bottom:40px !important}
	.mbmd-50{margin-bottom:50px !important}
	.mbmd-60{margin-bottom:60px !important}
	.mbmd-70{margin-bottom:70px !important}
	.mbmd-80{margin-bottom:80px !important}
	.mbmd-90{margin-bottom:90px !important}
	.mtmd-0{margin-top:0 !important}
	.mtmd-10{margin-top:10px !important}
	.mtmd-20{margin-top:20px !important}
	.mtmd-30{margin-top:30px !important}
	.mtmd-40{margin-top:40px !important}
	.mtmd-50{margin-top:50px !important}
	.mtmd-60{margin-top:60px !important}
	.mtmd-70{margin-top:70px !important}
	.mtmd-80{margin-top:80px !important}
	.mtmd-90{margin-top:90px !important}
	.ptmd-0{padding-top:0 !important}
	.ptmd-10{padding-top:10px !important}
	.ptmd-20{padding-top:20px !important}
	.ptmd-30{padding-top:30px !important}
	.ptmd-40{padding-top:40px !important}
	.ptmd-50{padding-top:50px !important}
	.ptmd-60{padding-top:60px !important}
	.ptmd-70{padding-top:70px !important}
	.ptmd-80{padding-top:80px !important}
	.ptmd-90{padding-top:90px !important}
	.pbmd-0{padding-bottom:0 !important}
	.pbmd-10{padding-bottom:10px !important}
	.pbmd-20{padding-bottom:20px !important}
	.pbmd-30{padding-bottom:30px !important}
	.pbmd-40{padding-bottom:40px !important}
	.pbmd-50{padding-bottom:50px !important}
	.pbmd-60{padding-bottom:60px !important}
	.pbmd-70{padding-bottom:70px !important}
	.pbmd-80{padding-bottom:80px !important}
	.pbmd-90{padding-bottom:90px !important}
}
@media (max-width: 767px){
	.mbsm-0{margin-bottom:0 !important}
	.mbsm-10{margin-bottom:10px !important}
	.mbsm-20{margin-bottom:20px !important}
	.mbsm-30{margin-bottom:30px !important}
	.mbsm-40{margin-bottom:40px !important}.mbsm-50{margin-bottom:50px !important}
	.mbsm-60{margin-bottom:60px !important}.mbsm-70{margin-bottom:70px !important}
	.mbsm-80{margin-bottom:80px !important}.mbsm-90{margin-bottom:90px !important}
	.mtsm-0{margin-top:0 !important}.mtsm-10{margin-top:10px !important}
	.mtsm-20{margin-top:20px !important}.mtsm-30{margin-top:30px !important}
	.mtsm-40{margin-top:40px !important}.mtsm-50{margin-top:50px !important}
	.mtsm-60{margin-top:60px !important}.mtsm-70{margin-top:70px !important}
	.mtsm-80{margin-top:80px !important}.mtsm-90{margin-top:90px !important}
	.ptsm-0{padding-top:0 !important}.ptsm-10{padding-top:10px !important}
	.ptsm-20{padding-top:20px !important}.ptsm-30{padding-top:30px !important}
	.ptsm-40{padding-top:40px !important}.ptsm-50{padding-top:50px !important}
	.ptsm-60{padding-top:60px !important}.ptsm-70{padding-top:70px !important}
	.ptsm-80{padding-top:80px !important}.ptsm-90{padding-top:90px !important}
	.pbsm-0{padding-bottom:0 !important}.pbsm-10{padding-bottom:10px !important}
	.pbsm-20{padding-bottom:20px !important}.pbsm-30{padding-bottom:30px !important}
	.pbsm-40{padding-bottom:40px !important}.pbsm-50{padding-bottom:50px !important}
	.pbsm-60{padding-bottom:60px !important}.pbsm-70{padding-bottom:70px !important}
	.pbsm-80{padding-bottom:80px !important}.pbsm-90{padding-bottom:90px !important}
}