/*
[Master Stylesheet]

Project: Interior Design - Bootstrap One-page Template
Author: Themes Vision
Date: May 2017
Version: 1.0

*/

/*----------------------------------------------------------------

[Table of contents]

01. Preloader / #preloader
02. General / html, body, ::selection, .row, .underline, ul, p,
	          img, paddings, margins, a, blockquote
03. Colors / .yellow, .white, .dark
04. Buttons / .btn, .btn-primary, .btn-default,
              .btn-lg, .btn-sm, .btn-xs
			  .btn-warning, .btn-info, .btn-danger, .btn-success
05. Typography
-- PAGE SECTIONS --
06. Navigation / #navigate
07. Revolution Slider / #rev_slider_4_1
08. Customer's Feedback / #clients
09. Our Staff / #ourstaff
10. Services / #services
11. Counter / #counter
12. Hire Us / #hireus
13. Products / #products
14. Logos / #logos
15. Contact Form / #contact
16. Contact Address /#address
17. GMap / #google-map
18. Footer / footer
-------------------
19. Animations
20. Other
	- Alerts / .alert
	- Pills / .nav-pills
	- Accordions / #accordion
	- Wells / .well
	- Panels / .panel
	- Dropdown / .dropdown
	- Modal / .modal
	- Responsive basic table / .table-responsive
	- Pricing table / .pricing-table
21. 404 Page / #error-page

----------------------------------------------------------------*/

/*----------------------------------------------------------------

# [Color codes]

# Dark (text) : #1D1D1D
# White : #FFFFFF
# Yellow : #DCA44B
# Our Stuff (background) : #E5E5E7
# Adress (background) : #323232
# Dark (background) : #1D1D1D
----------------------------------------------------------------*/

/*----------------------------------------------------------------
[Typography]

Body copy:		14px/24px Open Sans, sans-serif;
Headers:		48px/48px Merriweather, serif;
Subheaders:		18px/36px Merriweather, serif;
Input, textarea:14px/24px Open Sans, sans-serif;

-----------------------------------------------------------------*/

/* ---------------------------------------------------------------
--------------------------- PRELOADER ----------------------------
--------------------------------------------------------------- */
#preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#ffffff; /* change if the mask should have another color then white */
	z-index:2000; /* makes sure it stays on top */
	}
#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../images/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
	}
/* ---------------------------------------------------------------
--------------------------- GENERAL ------------------------------
--------------------------------------------------------------- */

html{
	width:100%;
	overflow-x:hidden !important;
	}
body {
	margin:0;
	padding:0 !important;
	font-family: 'Open Sans', sans-serif;
	color:#1D1D1D;
	background-color:#ffffff;
	font-weight:400;
	overflow-x:hidden !important;
	font-size: 14px;
    line-height: 24px;
	}
::selection {
	background: #DCA44B;
	color: #ffffff;
	-webkit-text-stroke-color: #ffffff;
	}
::-moz-selection {
	background: #DCA44B;
	color: #ffffff;
	}
p{
	margin:0 0 24px 0;
	}
p:last-child {
    margin:0;
	}
ul,
ol {
	padding:0;
	margin-bottom:24px;
	}
ul li{
	list-style-image:none;
	list-style-type:none;
	line-height:24px;
	font-size:14px;
	}
ol li{
	line-height:24px;
	list-style-position:inside;
	}
ul ul,
ol ol{
	padding-left:24px;
	}
img {
	padding:0 !important;
	}
@media screen and (max-width:767px){
	.container{
		margin-left:15px;
		margin-right:15px;
	}
}
.row{
	margin:0;
	}
.underline-outer{
	height: 1px;
	display: table;
    clear: both;
    margin: 0 auto;
}
.underline-outer.underline-top{
	height: 1px;
	padding: 0 0 11px 0;
}
.underline-outer.underline-bottom{
	height: 1px;
	padding: 11px 0 0 0;
}
.underline{
	display: block;
	height: 1px;
	position: relative;
	width: 72px;
	margin:0 auto;
	}
.title-p{
	margin-top:12px;
	margin-bottom:12px;
}

.page-title h2{
	font-size: 48px;
	margin: 0;
	}
@media screen and (max-width:767px){
	.page-title h2{
		font-size: 48px;
		margin-bottom: 0;
		margin-top: 0;
	}
}
@media screen and (max-width:1199px){
	.lgmdsmxs-margin{
		margin-bottom:48px;
		}
}
@media screen and (max-width:767px){
	.smxs-margin{
		margin-bottom:48px;
	}
}
@media screen and (max-width:991px){
	.mdsmxs-margin{
		margin-bottom:48px;
	}
}
@media (min-width:1200px){
	.lg-margin{
		margin-bottom:48px;
	}
}
.not-home{
	padding-top:72px;
	margin-top:-72px;
	}
.page-title{
	margin-top:120px;
	}
@media (max-width:767px){
	.page-title{
		margin-top:72px;
	}
}
.title {
	padding-bottom:24px;
	}
.pad-bot-lg{
	padding-bottom:120px;
	}
.pad-top-lg{
	padding-top:120px;
	}
.pad-lg{
	padding-top:120px;
	padding-bottom:120px;
	}
@media (max-width:767px){
	.pad-bot-lg{
	padding-bottom:72px;
	}
	.pad-top-lg{
		padding-top:72px;
		}
	.pad-lg{
		padding-top:72px;
		padding-bottom:72px;
		}
}
.pad-bot{
	padding-bottom:48px;
	}
.pad-top{
	padding-top:48px;
	}
.pad{
	padding-top:48px;
	padding-bottom:48px;
	}
/*@media screen and (max-width:991px){
	.pad-bot{
		padding-bottom:48px;
		}
	.pad-top{
		padding-top:48px;
		}
	.pad{
		padding-top:48px;
		padding-bottom:48px;
		}
}*/
.pad-bot-middle{
	padding-bottom:36px;
	}
.pad-top-middle{
	padding-top:36px;
	}
.pad-middle{
	padding-top:36px;
	padding-bottom:36px;
	}
.pad-bot-small{
	padding-bottom:12px;
	}
.pad-top-small{
	padding-top:12px;
	}
.pad-small{
	padding-top:12px;
	padding-bottom:12px;
	}
.no-margin{
	margin:0 !important;
	}
.no-margin-bot{
	margin-bottom:0 !important;
	}
.no-margin-top{
	margin-top:0 !important;
	}
.no-margin-left{
	margin-left:0 !important;
	}
.no-margin-right{
	margin-right:0 !important;
	}
p{
	line-height:24px;
	}
.name{
	color:#777777;
	}
a, a:hover, a:focus{
	outline:0;
	}
a{
	font-size:14px;
	line-height:24px;
	}
a, a:focus{
	color:#DCA44B;
	}
a:hover{
	color:#1D1D1D;
	}
.italic-text{
	font-style:italic;
	}
.italic-text span{
	padding:0;
	}
blockquote{
	border-left:3px solid #1D1D1D;
	margin: 24px 0;
	padding: 15px 24px;
	font-style:italic;
	}
blockquote p{
	font-size:14px;
	line-height:24px;
	}
.lead {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 24px;
	}
small {
	font-size: 12px;
	line-height: 24px;
	}
.dropdown-menu{
	box-shadow:none;
	border-radius:0;
	padding:0;
	font-size:14px;
	line-height:24px;
	}
.dropdown-menu .divider {
	height: 1px;
	margin: 12px 0 11px;
	}
.dropdown-menu > li > a{
	color:#1D1D1D;
	font-size:14px;
	line-height:24px !important;
	margin: 6px 15px;
	}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent;
    border-color: #DCA44B;
}

.navbar-nav  .dropdown-menu > li > a{
	margin:0;

	}
.navbar-nav  .dropdown-menu > li > a{
		letter-spacing:0.05em;
	}
@media (max-width:767px){
	.navbar-nav  .dropdown-menu > li > a{
		text-align:center;
	}
}
@media (min-width:768px){
	.navbar-nav  .dropdown-menu > li > a{
		margin:6px 0;
	}
}
.navbar-nav > li > .dropdown-menu{
	border:0;
	margin-top:-2px;
	background-color:#FFFFFF;
	}
.fixed .navbar-nav > li > .dropdown-menu{
	background-color:#F1F1F1;
	}
@media (max-width:767px){
	.fixed .navbar-nav > li > .dropdown-menu{
		background-color:#FFFFFF;
	}
}
.dropdown.open .dropdown-toggle{
	margin-bottom:6px;
	}
.nativeAndroid .dropdown-menu {
	z-index:100;
	}
.alert {
    border-radius: 0;
    line-height: 24px;
    margin-top: 24px;
    margin-bottom: 0;
    padding: 24px 45px 24px 15px;
	border:0;
	}
.progress{
	border-radius:0;
	height: 24px;
	margin-bottom: 24px;
	box-shadow:none;
	}
.progress-bar{
	box-shadow:none;
	line-height:24px;
	}
span{
	line-height:24px;
	}
/* ---------------------------------------------------------------
--------------------------- COLORS -------------------------------
--------------------------------------------------------------- */
.yellow{
	color:#DCA44B;
	}
.yellow-bg{
	background-color:#DCA44B;
	}
.white{
	color:#FFFFFF;
	}
.white-bg{
	background-color:#FFFFFF;
	}
.dark{
	color:#1D1D1D;
	}
a.dark:hover{
	color:#DCA44B;
	}
.dark-bg{
	background-color:#1D1D1D;
	color:#FFFFFF;
	}
.transparent-bg{
	background-color:transparent;
	}
.yellow-bg a, .yellow-bg a:focus{
	color:#FFFFFF;
	}
.yellow-bg a:hover{
	color:#1D1D1D;
	}
.dark-bg a, .yellow-bg a:focus{
	color:#DCA44B;
	}
.dark-bg a:hover{
	color:#FFFFFF;
	}
.dark-bg{
	color:#FFFFFF;
	}
a.yellow:hover{
	color:#FFFFFF;
	}
a.white, a.white:focus{
	color:#FFFFFF;
	}
a.white:hover{
	color:#DCA44B;
	}
.white-bg .yellow:hover{
	color:#1D1D1D;
	}
/* ---------------------------------------------------------------
--------------------------- BUTTONS ------------------------------
--------------------------------------------------------------- */
.btn,
.btn-primary{
	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
	}
btn:hover,
.btn-primary:hover{
	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
	}
.btn,
.btn-primary,
.btn-default{
	border-radius:0;
	border:0;
	background-image:none;
	text-shadow:none;
	}
.btn,
.btn:hover,
.btn:focus{
	border-radius: 0;
    border-width: 1px;
    background-image: none;
    text-shadow: none;
    padding: 5px 30px;
    line-height: 24px;
    margin: 12px 0 !important;
    box-shadow: none;
	}
.btn-primary{
	border-radius:0;
	border:0;
	background-image:none;
	text-shadow:none;
	}
.btn-lg,
.btn-lg:hover,
.btn-lg:focus{
	padding:23px 35px;
	line-height:24px;
	border-radius:0;
	}
.btn-sm,
.btn-sm:hover,
.btn-sm:focus{
	padding: 5px 20px;
    line-height: 12px;
    font-size: 12px;
    border-radius: 0;
	}
.btn-xs,
.btn-xs:hover,
.btn-xs:focus{
	padding:1px 10px;
	line-height:10px;
	font-size:9px;
	border-radius:0;
	}
form  .btn.disabled,
form  .btn[disabled],
form  fieldset[disabled] .btn {
    cursor: pointer;
    filter: alpha(opacity=100);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
	letter-spacing: 0.05em;
	}
.btn-primary[disabled]:hover{
	background-color:white !important;
	border:1px solid #DCA44B !important;
}
/*.btn,
.btn:focus{
	background-color:#1D1D1D;
	border:1px solid #1D1D1D;
	color:#FFFFFF;
	}
.btn:hover{
	background-color:#FFFFFF !important;
	border:1px solid #1D1D1D !important;
	color:#1D1D1D !important;
	}*/
.btn-primary{
	color:#ffffff;
	background-color:#DCA44B;
	border:1px solid #DCA44B;
	}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.btn-primary:hover{
	color:#DCA44B;
	background-color:#ffffff;
	border:1px solid #DCA44B;
	}
.btn-primary-inverse,
.btn-primary-inverse:focus,
a.btn-primary-inverse,
a.btn-primary-inverse:focus{
	color:#DCA44B;
	background-color:#ffffff;
	border:1px solid #DCA44B;
	}
.btn-primary-inverse:hover,
a.btn-primary-inverse:hover{
	color:#ffffff;
	background-color:#DCA44B;
	border:1px solid #DCA44B;
	}
.dark-bg .btn,
.dark-bg .btn:focus,
.dark-bg .btn-default,
.dark-bg .btn-default:focus{
	background-color:#1d1d1d;
	border:1px solid #ffffff;
	color:#ffffff;
	}
.dark-bg .btn:hover,
.dark-bg .btn-default:hover{
	background-color:#ffffff;
	border:1px solid #ffffff;
	color:#1d1d1d;
	}
.dark-bg .btn-primary,
.dark-bg .btn-primary:focus{
	color:#ffffff;
	background-color:#DCA44B;
	border:1px solid #DCA44B;
	}
.dark-bg .btn-primary:hover{
	color:#DCA44B;
	background-color:#ffffff;
	border:1px solid #DCA44B;
	}
.dark-bg .btn-default-inverse,
.dark-bg .btn-default-inverse:focus{
	background-color:#ffffff;
	border:1px solid #ffffff;
	color:#1d1d1d;
	}
.dark-bg .btn-default-inverse:hover{
	background-color:#1d1d1d;
	border:1px solid #ffffff;
	color:#ffffff;
	}
.dark-bg .btn-primary-inverse,
.dark-bg .btn-primary-inverse:focus,
.dark-bg a.btn-primary-inverse,
.dark-bg a.btn-primary-inverse:focus{
	color:#DCA44B;
	background-color:#ffffff;
	border:1px solid #DCA44B;
	}
.dark-bg .btn-primary-inverse:hover,
.dark-bg a.btn-primary-inverse:hover{
	color:#ffffff;
	background-color:#DCA44B;
	border:1px solid #DCA44B;
	}
.yellow-bg .btn-primary{
	color:#ffffff;
	background-color:#DCA44B;
	border:1px solid #ffffff;
	}
.yellow-bg .btn-primary:hover{
	color:#DCA44B;
	background-color:#ffffff;
	border:1px solid #ffffff;
	}
.yellow-bg .btn-primary-inverse,
.yellow-bg .btn-primary-inverse:focus,
.yellow-bg a.btn-primary-inverse,
.yellow-bg a.btn-primary-inverse:focus{
	color:#DCA44B;
	background-color:#ffffff;
	border:1px solid #ffffff;
	}
.yellow-bg .btn-primary-inverse:hover,
.yellow-bg a.btn-primary-inverse:hover{
	color:#ffffff;
	background-color:#DCA44B;
	border:1px solid #ffffff;
	}
.btn-primary-inverse.hire,
a.btn-primary-inverse.hire,
.btn-primary-inverse.hire:focus,
a.btn-primary-inverse.hire:focus{
	color:#ffffff;
	background-color:#DCA44B;
	border:1px solid #ffffff;
	}
.btn-primary-inverse.hire:hover,
a.btn-primary-inverse.hire:hover{
	color:#DCA44B;
	background-color:#ffffff;
	border:1px solid #ffffff;
	}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
	}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
	}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
	}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
	}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
	}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
	}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
	}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
	}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
	}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
	}
.btn-success:focus,
.btn-success.focus {
	color: #fff;
	background-color: #449d44;
	border-color: #255625;
	}
.btn-success:hover {
	color: #fff;
	background-color: #449d44;
	border-color: #398439;
	}
form .btn-success.disabled.focus,
form .btn-success.disabled:focus,
form .btn-success.disabled:hover,
form .btn-success.focus[disabled],
form .btn-success[disabled]:focus,
form .btn-success[disabled]:hover,
form  fieldset[disabled] .btn-success.focus,
form  fieldset[disabled] .btn-success:focus,
form  fieldset[disabled]  .btn-success:hover,
form .btn-success:active{
	background-color:#FFFFFF !important;
	border:1px solid #1D1D1D !important;
	color:#1D1D1D !important;
	}
.form-btn{
	background-color:#1D1D1D !important;
	border:1px solid #1D1D1D !important;
	color:#FFFFFF !important;
	}
.btn-inverse-black,
.btn-inverse-black:focus{
	background-color:#FFFFFF;
	border:1px solid #1D1D1D;
	color:#1D1D1D;
	}
.btn-inverse-black:hover{
	background-color:#1D1D1D;
	border:1px solid #1D1D1D;
	color:#FFFFFF;
	}
.btn-default,
.btn-default:focus{
	background-color:#1D1D1D;
	border:1px solid #1D1D1D;
	color:#FFFFFF;
	}
.btn-default:hover,
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus{
	background-color:#FFFFFF;
	border:1px solid #1D1D1D;
	color:#1D1D1D;
	}
a.btn-default-inverse,
a.btn-default-inverse:focus,
.btn-default-inverse,
.btn-default-inverse:focus{
	background-color:#FFFFFF;
	border:1px solid #1D1D1D;
	color:#1D1D1D;
	}
.btn-default-inverse:hover,
a.btn-default-inverse:hover{
	background-color:#1D1D1D;
	border:1px solid #1D1D1D;
	color:#FFFFFF;
	}

.btn-primary-inverse-yellow,
.btn-primary-inverse-yellow:focus{
	background-color:#FFFFFF;
	border:1px solid #DCA44B;
	color:#DCA44B;
	}
.btn-primary-inverse-yellow:hover{
	background-color:#DCA44B;
	border:1px solid #DCA44B;
	color:#FFFFFF;
	}
.special-inner a:hover{
	margin-bottom:0;
	}
/* ---------------------------------------------------------------
-------------------------- TYPOGRAPHY ----------------------------
--------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family: Merriweather, serif;
	font-weight:300;
	}
h1, h2, h3{
	margin-bottom: 24px;
	margin-top: 24px;
	text-rendering: optimizeLegibility;
	}
h4, h5{
	text-rendering: optimizeLegibility;
	margin-bottom: 24px;
	margin-top: 24px;
	}
h6{
	text-rendering: optimizeLegibility;
	margin-bottom: 12px;
	margin-top: 12px;
	}
h1{
	font-size:72px;
	margin-top:24px;
	margin-bottom:24px;
	line-height:72px;
	}
h2{
	font-size:48px;
	line-height:48px;
	}
h3{
	font-size:36px;
	line-height:48px;
	}
h4{
	font-size:24px;
	line-height:24px;
	}
h5{
	font-size:18px;
	line-height:24px;
	}
h6{
	font-size:12px;
	line-height:24px;
	}
p{
	font-size:14px;
	line-height:24px;
	}
h5.title-h5{
	text-transform:uppercase;
	font-weight:bold;
	/*font-family:'Open Sans', sans-serif;*/
	font-family: Merriweather, serif;
	margin-top:12px;
	margin-bottom:12px;
	letter-spacing: 0.05em;
	}
.highlights i{
	font-size:48px;
	line-height:48px;
	margin-bottom:12px;
	}
.uppercase{
	text-transform:uppercase;
	}
a{
	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
	}
a, a:hover, a:focus{
	outline:0 !important;
	text-decoration:none !important;
	padding:0;
	}
a:hover {
	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
	}
.fontweight-300{
	font-weight:300;
	}
.fontweight-400{
	font-weight:400;
	}
.overlay{
	height:100%;
	width:100%;
	background-color:rgba(0, 0, 0, 0.4);
	}
/* ---------------------------------------------------------------
-------------------------- NAVIGATION ----------------------------
--------------------------------------------------------------- */
header,
.sticky-element {
	height:96px;
	}
.navbar-brand, .navbar-brand:hover, .navbar-brand:focus{
	padding:12px;
	display:table;
	}
ul.navbar-nav{
	height:96px;
	padding:12px;
	float: right;
	}
@media (min-width:768px){
	ul.navbar-nav{
		display: table;
	}
}
.fixed ul.navbar-nav{
	height:72px;
	}
@media (min-width:768px){
ul.navbar-nav li a{
	line-height:72px;
	padding:0 15px;
	}
.fixed ul.navbar-nav li a{
	line-height:48px;
	}
}

ul.navbar-nav li a{
	color:#1D1D1D;
	background-color:transparent;
	}
ul.navbar-nav li a span{
	letter-spacing:0.05em;
	}
.navbar-brand img{
	height:72px;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5 ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	width:auto;
	}
.fixed .navbar-brand img{
	height:48px;
	width:auto;
	-webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
	}
ul.navbar-nav li a:focus{
	color:#1D1D1D;
	border-bottom:#1D1D1D;
	background-color:transparent;
	}
ul.navbar-nav li a:hover,
ul.navbar-nav li.active a{
	color:#DCA44B;
	background-color:transparent;
	}
.sticky-element{
	width:100%;
	z-index:1;
	background-color:transparent;
	height: 96px;
	-webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
	}
.sticky-element.components-page{
	background-color:#F1F1F1;
	}
.fixed {
	position:fixed;
	top:0;
	right:0;
	background-color:#F1F1F1;
	height: 72px;
	-webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
@media (max-width:991px){
	.sticky-element .container{
		width:auto;
		padding:0;
	}
	.navbar-brand, .navbar-brand:hover, .navbar-brand:focus {
		padding: 12px 18px;
	}
}
@media (max-width:767px){
	.navbar-toggle {
		position: relative;
		float: right;
		padding: 0;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0;
		background-color: transparent;
		background-image: none;
		border: 0;
		border-radius: 0;
		height:96px;
		border-bottom:0;
	}
	.fixed .navbar-toggle {
		height:72px;
		border-bottom:0;
	}
	.menu-line{
		height: 1px;
		background-color: #1D1D1D;
		display: block;
		width: 24px;
		margin-bottom: 5px;
		margin-top: 6px;
		}
	.navbar-collapse{
		position:fixed;
		z-index:21;
		width:100%;
		background-color:#ffffff;
		left:0;
		-moz-transition: none;
		-webkit-transition: none;
		-ms-transition: none;
		transition: none;
		}
	.navbar-collapse ul{
		height:auto;
		padding:0;
		margin:0;
		float:none;
		-moz-transition: none;
		-webkit-transition: none;
		-ms-transition: none;
		transition: none;
		overflow: hidden;
		}
	.navbar-collapse ul ul{
		height:auto !important;
		}
	.navbar-collapse a{
		line-height:36px;
		-moz-transition: none;
		-webkit-transition: none;
		-ms-transition: none;
		transition: none;
		}

	.fixed .navbar-collapse{
		position:fixed;
		z-index:21;
		width:100%;
		background-color:#ffffff;
		left:0;
		-moz-transition: none;
		-webkit-transition: none;
		-ms-transition: none;
		transition: none;
		}
	.fixed .navbar-collapse ul{
		height:auto;
		padding:0;
		margin:0;
		float:none;
		}
	.fixed .navbar-collapse li{
		line-height:24px;
		}
	.fixed .navbar-collapse a{
		line-height:24px;
		}

}
@media (max-width:991px){
	ul.navbar-nav li a{
		padding:0 9px !important;
	}
}
@media (max-width:767px){
	ul.navbar-nav li a{
		padding: 6px !important;
		font-size: 18px;
		line-height: 24px;
	}

}
.navbar {
    position: relative;
    min-height: 48px;
    margin-bottom: 0;
    border: 0;
}
.navbar-brand,
.navbar-brand:hover,
.navbar-brand:focus {
    float: left;
    display:table;
    padding: 12px 15px;
    font-size: 24px;
    line-height: 24px;
}
@media (max-width:767px){
	.navbar-brand, .navbar-brand:hover, .navbar-brand:focus {
		padding: 12px 15px 12px 0;
	}
}
/* ---------------------------------------------------------------
--------------------- REVOLUTION SLIDER -------------------------
--------------------------------------------------------------- */
.tp-thumb{
	opacity:1 !important;
	}
.tp-thumb .tp-thumb-image{
	background-color:#FFFFFF !important;
	background-image:none !important;
	}
.tp-thumb.selected .tp-thumb-image{
	background-color:#DCA44B !important;
	background-image:none !important;
	}
.slotholder{
	z-index: -1 !important;
	}
.tp-dottedoverlay.custom{
	background-color:rgba(0, 0, 0, 0.3);
	}
.wrapper{
	display: table;
    margin: 18px;
    border: 18px solid rgb(255, 255, 255);
	}
@media (max-width:543px){
	.wrapper{
		border: 0 !important;
	}
}
.tp-caption.NotGeneric-Title, .NotGeneric-Title{
	font-size:72px;
	text-transform:uppercase;
	z-index: 7;
	white-space: nowrap;
	visibility: inherit;
	transition: none;
	/*line-height: 72px; */
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0.05em;
	font-weight: 900;
/*	font-size: 72px; */
	min-height: 0px;
	min-width: 0px;
	max-height: none;
	max-width: none;
	opacity: 1;
	transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform-origin: 50% 50% 0px;
	color:#fff;
	text-align:center !important;
	font-family: 'Open Sans', sans-serif !important;
	font-weight:300;
	}
.tp-caption.NotGeneric-SubTitle, .NotGeneric-SubTitle{
	font-family:Merriweather, serif !important;
	color:#fff !important;
	z-index: 8;
	/*text-transform:uppercase;*/
	white-space: nowrap;
	visibility: inherit;
	transition: none;
/*	line-height: 24px; */
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0px !important;
	font-weight: 500;
/*	font-size: 18px; */
	min-height: 0px;
	min-width: 0px;
	max-height: none;
	max-width: none;
	opacity: 1;
	transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform-origin: 50% 50% 0px;
	padding-left:36px;
	padding-right:36px;
	font-weight:300 !important;
	}
#scroll-down{
	z-index: 7;
	min-width: 36px;
	max-width: 36px;
	font-weight: 400;
	border: 2px solid rgb(255, 255, 255);
	border-radius: 24px;
	box-sizing: border-box;
	cursor: pointer;
	visibility: inherit;
	transition: none;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0px;
	font-size: 24px;
	min-height: 46px;
	max-height: 46px;
	opacity: 1;
	transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform-origin: 50% 50% 0px;
	margin: -2px 0 0 -4px !important;
	}
@media (max-width:479px){
	#scroll-down{
		min-width: 20px !important;
		max-width: 20px !important;
		min-height: 32px !important;
		max-height: 32px !important;
	}
	#scroll-down span{
		height:4px;
		width:4px;
		margin: -2px 0 0 -2px !important;
	}
}
.tp-bannertimer {
	background:rgba(255,255,255,0.5) !important;
	}
/* ---------------------------------------------------------------
-------------------- CUSTOMERS FEEDBACK --------------------------
--------------------------------------------------------------- */
#clients{
	background:url("../images/parallax1.jpg") no-repeat fixed 50% 0 transparent;
	background-size:cover;
	}
.owl-carousel{
	z-index:0;
	}
cite {
	display:block;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin:12px 0;
	}
cite{
	color:#DCA44B !important;
	}
.testimonials-img{
	display: block;
	height: 144px;
	width: 144px;
	margin:0 auto 24px auto;
	border-color: #DCDCDC #DCDCDC #DCA44B #DCA44B;
	border-style: solid;
	border-width: 12px;
	overflow-y:hidden;
	}
.testimonials-img img{
	margin: 0 auto;
	width: 144px;
	}
.owl-controls{
	margin:0 auto;
	display:table;
	}
.owl-dots{
	display:table;
	}
.owl-dot{
	height: 18px;
    width: 18px;
    background-color: #FFFFFF;
    margin: 6px 3px 0 3px;
    float: left;
	}
.owl-dot.active{
	background-color:#DCA44B;
	}
/* ---------------------------------------------------------------
--------------------------- OUR STAFF ----------------------------
--------------------------------------------------------------- */
#ourstaff{
	background-color:#E5E5E7;
}
 .team-members .block-inner{
	border:1px solid #DCA44B;
	position:relative;
	}
 .team-img .overlay-img{
   	background-color: rgba(0,0,0, 0.5);
	}
.team-img{
	overflow:hidden !important;
	height:240px;
	width:240px;
	margin: 0 auto;
	position:relative;
	}
.team-img img{
	width:100%;
	height:auto;
	}
.team-members .block-inner{
	height:264px;
	width:264px;
	}
.contact-icons a{
	color: #FFFFFF;
	display: block;
	float: left;
	height: 24px;
	margin: 0 0px;
	width: 30px;
	font-size:24px;
	line-height:24px;
	}
.contact-icons a:hover{
	color: #DCA44B;
	}
@media screen and (max-width:992px){
	.team-img{
		overflow:hidden;
		height:180px;
		width:180px;
		margin-left:auto;
		margin-right:auto;
	}
	.team-members .block-inner{
		height:204px;
		width:204px;
	}
	.contact-icons a {
		margin: 0 0px;
		width: 30px;
		font-size: 18px;
	}
}
.team-members .block-inner{
	padding:11px;
	margin-left:auto !important;
	margin-right:auto;
	}
.names h5{
	margin: 6px auto;
	}
.names {
	margin-top:12px;
	}

.overlay-img{
	height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
	display:table;
	}
.team-img .overlay-img .contact-icons{
	display:table-cell;
	vertical-align:middle;
	width:100%;
	transform: scale(0,0);
	-ms-transform: scale(0,0); /* IE 9 */
	-webkit-transform: scale(0,0); /* Safari and Chrome */
	-webkit-transition: all 0.4s ease-in-out;
   	-moz-transition: all 0.4s ease-in-out;
   	-o-transition: all 0.4s ease-in-out;
   	-ms-transition: all 0.4s ease-in-out;
   	transition: all 0.4s ease-in-out;
	}
.team-img:hover .overlay-img .contact-icons{
	transform: scale(1,1);
	-ms-transform: scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari and Chrome */
	-webkit-transition: all 0.8s ease-in-out;
   	-moz-transition: all 0.8s ease-in-out;
   	-o-transition: all 0.8s ease-in-out;
   	-ms-transition: all 0.8s ease-in-out;
   	transition: all 0.8s ease-in-out;
	}
.overlay-img .contact-icons-inner{
	display:table;
	margin:0 auto;
	}
.ie9 .overlay-img .contact-icons-inner{
	display:block;
	width:164px;
	margin:0 auto;
	}
@media (max-width:991px){
	.ie9 .overlay-img .contact-icons-inner{
		display:block;
		width:130px;
		margin:0 auto;
	}
}
.team-img .overlay-img{
   	transform: scale(0,0);
	-ms-transform: scale(0,0); /* IE 9 */
	-webkit-transform: scale(0,0); /* Safari and Chrome */
   	-webkit-transition: all 0.8s ease-in-out;
   	-moz-transition: all 0.8s ease-in-out;
   	-o-transition: all 0.8s ease-in-out;
   	-ms-transition: all 0.8s ease-in-out;
   	transition: all 0.8s ease-in-out;
	width:100%;
	}
.team-img:hover .overlay-img{
   	transform: scale(1,1);
	-ms-transform: scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari and Chrome */
   	-webkit-transition: all 0.4s ease-in-out;
   	-moz-transition: all 0.4s ease-in-out;
   	-o-transition: all 0.4s ease-in-out;
   	-ms-transition: all 0.4s ease-in-out;
   	transition: all 0.4s ease-in-out;
	}

 .team-members .block-inner{
	border-color: #DCDCDC;
	border-style: solid;
	border-width:  1px;
	position: relative;
	-webkit-transition: all 1s ease-in-out;
   	-moz-transition: all 1s ease-in-out;
   	-o-transition: all 1s ease-in-out;
   	-ms-transition: all 1s ease-in-out;
   	transition: all 1s ease-in-out;
	}
 .team-members .block-inner:hover{
	border-color: #DCA44B;
	-webkit-transition: all 1s ease-in-out;
   	-moz-transition: all 1s ease-in-out;
   	-o-transition: all 1s ease-in-out;
   	-ms-transition: all 1s ease-in-out;
   	transition: all 1s ease-in-out;
	}
 /* ---------------------------------------------------------------
--------------------------- SERVICES -----------------------------
--------------------------------------------------------------- */
@media screen and (max-width:767px){
	.service div{
		clear:both;
	}
}
.service .service-icon{
	height: 106px;
    width: 106px;
    float: left;
    margin-right: 15px;
    border: 1px solid #dca44b;
    display: block;
	}

.service > div > div{
	text-align:left;
	clear: both;
    display: table;
	}
.service i{
	height:104px;
	width:104px;
	line-height:104px;
	text-align:center;
	font-size:36px;
	display:block;
	}
/*uncomment for services hover effect*/
/*.service > div > div:focus  .service-icon{
   	-webkit-transition: all 0.1s ease-in-out;
   	-moz-transition: all 0.1s ease-in-out;
   	-o-transition: all 0.1s ease-in-out;
   	-ms-transition: all 0.1s ease-in-out;
   	transition: all 0.1s ease-in-out;
	background-color:#ffffff;
    border: 1px solid #dca44b;
	}

.service > div > div:hover  .service-icon{
   	-webkit-transition: all 0.1s ease-in-out;
   	-moz-transition: all 0.1s ease-in-out;
   	-o-transition: all 0.1s ease-in-out;
   	-ms-transition: all 0.1s ease-in-out;
   	transition: all 0.1s ease-in-out;
	background-color:#dca44b;
    border: 1px solid #dca44b;
	color:#ffffff;
	}*/
.service > div > div i{
	font-size:36px;
  /* 	-webkit-transition: all 0.4s ease-in-out;
   	-moz-transition: all 0.4s ease-in-out;
   	-o-transition: all 0.4s ease-in-out;
   	-ms-transition: all 0.4s ease-in-out;
   	transition: all 0.4s ease-in-out;*/
	}
/*.service > div > div:hover i{
	font-size:49px;
   	-webkit-transition: all 0.4s ease-in-out;
   	-moz-transition: all 0.4s ease-in-out;
   	-o-transition: all 0.4s ease-in-out;
   	-ms-transition: all 0.4s ease-in-out;
   	transition: all 0.4s ease-in-out;
	}*/
.service h5{
	margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
	line-height: 36px;
	letter-spacing: 0.05em;
	}
.service p{
    margin: 0;
    display: block;
	padding-left:121px;
	}

@media (min-width:480px) and (max-width:767px){
	.service h5{
		margin:0;
	}
}
@media screen and (max-width:480px){
	.service h5{
		margin:0;
		font-size:18px;
		line-height:36px;
	}
	.service .service-icon{
		margin-right:12px;
		margin-bottom:12px;
		}
	.service .service-icon{
		width:46px;
		height:46px;
	}
	.service i{
		height: 44px;
		width: 44px;
		line-height: 44px;
		font-size:24px;
	}
	.service p{
		padding-left:58px;
	}
}
/* ---------------------------------------------------------------
-------------------------- COUNTER -------------------------------
--------------------------------------------------------------- */
#counter{
	background:url("../images/parallax2.jpg") no-repeat fixed 50% 0 transparent;
	background-size:cover;
	}
#counter .overlay{
	background-color:rgba(0, 0, 0, 0.6);
	}
.counter{
	color: #FFFFFF;
	font-size: 36px;
	line-height: 36px;
	margin-bottom: 12px;
	display: table;
	}
.counter-inner i{
	color:#FFFFFF;
	font-size:48px;
	line-height:48px;
	height:48px;
	float:left;
	margin-right:15px;
	}
.counter-inner p{
	color:#FFFFFF;
	display:table;
	width:auto;
	text-align:left;
	}
@media(max-width:991px){
	.counter-inner{
		text-align:center;
		display:table;
		margin:0 auto;
	}
	.counter-inner i{
		float:none;
		margin:0 auto 12px auto;
	}
	.counter-inner p{
		text-align:center;
		margin:0 auto;
	}
	.counter{
		text-align:center;
		margin:0 auto 12px auto;
	}
}
.number-text{
	display:table;
	}
.number-text p{
	letter-spacing: 0.05em;
	}
/* ---------------------------------------------------------------
---------------------------- HIRE US -----------------------------
--------------------------------------------------------------- */
.special-title{
	margin:0 0 12px 0;	/*12 + 36 = 48*/
	font-size:30px;
	line-height:36px;
	}
.special-p{
	margin:0 !important;
		}
@media (min-width:992px){
	.container-inner{
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;
		align-items : center;
		}
}
@media (min-width:992px) and (max-width:1199px){
	.special-inner a,
	.special-inner a:hover,
	.special-inner a:focus{
		margin:0 !important;
		}
}
@media (max-width:991px){
	.special-title,
	.special-p{
		text-align:center;
		}
	.special-inner{
		text-align:center;
		margin-top:12px;
		}
	.hire,
	.hire:hover,
	.hire:focus{
		margin-bottom:0 !important;
	}
}
/* ---------------------------------------------------------------
--------------------------- PRODUCTS -----------------------------
--------------------------------------------------------------- */
.isotope-item {
	padding:0;
	width:33.305%;
	}
@media (max-width:991px){
	.isotope-item {
		width:49.950%;
	}
}
@media (max-width:768px){
	.isotope-item {
		width:100%;
	}
}
.isotope-img{
	overflow:hidden;
	}
.project-list-gallery,
.gallery{
	overflow:hidden;
	}

.isotope-img img{
	padding:0;
	}
.isotope-overlay .icon-link{
	font-size:2em;
	}
.isotope-item .isotope-img .isotope-overlay{
	display: block;
    height: 100%;
    position: absolute;
    top: 0;
	width:100%;
	transform: scale(0,0);
	-ms-transform: scale(0,0);
	-webkit-transform: scale(0,0);
     -webkit-transition: all 0.4s ease-in-out;
   	-moz-transition: all 0.4s ease-in-out;
   	-o-transition: all 0.4s ease-in-out;
   	-ms-transition: all 0.4s ease-in-out;
   	transition: all 0.4s ease-in-out;
    vertical-align: middle;
	}
.isotope-item:hover .isotope-img .isotope-overlay{
	background-color:rgba(40, 36, 42, 0.9);
	transform: scale(1,1);
	-ms-transform: scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari and Chrome */
    -webkit-transition: all 0.4s ease-in-out;
   	-moz-transition: all 0.4s ease-in-out;
   	-o-transition: all 0.4s ease-in-out;
   	-ms-transition: all 0.4s ease-in-out;
   	transition: all 0.4s ease-in-out;
	}
.isotope-item .isotope-img .isotope-overlay span{
	bottom:66px;
	position:relative;
	transform: scale(0,0);
	-ms-transform: scale(0,0);
	-webkit-transform: scale(0,0);
   	-webkit-transition: all 0.4s ease-in-out;
   	-moz-transition: all 0.4s ease-in-out;
   	-o-transition: all 0.4s ease-in-out;
   	-ms-transition: all 0.4s ease-in-out;
   	transition: all 0.4s ease-in-out;
   	font-size: 18px;
	line-height: 36px;
	}
.isotope-item:hover .isotope-img .isotope-overlay span{
	transform: scale(1,1);
	-ms-transform: scale(1,1);
	-webkit-transform: scale(1,1);
    -webkit-transition: all 0.4s ease-in-out;
   	-moz-transition: all 0.4s ease-in-out;
   	-o-transition: all 0.4s ease-in-out;
   	-ms-transition: all 0.4s ease-in-out;
   	transition: all 0.4s ease-in-out;
	}
@media (min-width:1200px) and (max-width:1399px){
	.isotope-item .isotope-img .isotope-overlay span{
		font-size: 18px;
		line-height: 24px;
		bottom: 60px;
		padding-top: 6px;
		padding-bottom: 6px;
		}
}
@media (min-width:1920px){
	.isotope-item .isotope-img .isotope-overlay span{
		font-size: 24px;
		}
}
.isotope-description{
	padding:12px;
	display:table;
	height:100%;
	width:100%;
	}
.isotope-description-cell{
	display:table-cell;
	vertical-align:middle;
	border: 12px solid white;
}
.isotope-item .isotope-description-cell{
	border: 0;
	-webkit-transition: all 0.1s ease-in-out;
   	-moz-transition: all 0.1s ease-in-out;
   	-o-transition: all 0.1s ease-in-out;
   	-ms-transition: all 0.1s ease-in-out;
   	transition: all 0.1s ease-in-out;
	}
.isotope-item:hover .isotope-description-cell{
	border: 12px solid white;
	-webkit-transition: all 0.6s ease-in-out;
   	-moz-transition: all 0.6s ease-in-out;
   	-o-transition: all 0.6s ease-in-out;
   	-ms-transition: all 0.6s ease-in-out;
   	transition: all 0.6s ease-in-out;
	}
.isotope-description p{
  	margin: 12px 15px;
	letter-spacing: 0.05em;
  	}
.isotope-description h4{
  	padding: 0px 0 11px 0;
	border-bottom:1px solid #DCA44B;
	display:table;
	margin:0 auto;
	text-transform: uppercase;
	font-size:24px;
	line-height:24px;
	letter-spacing: 0.05em;
  	}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
	}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
	}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
	}
.portfolioFilter{
	margin: 0 15px 48px 15px;
	padding-left: 15px;
	padding-right: 15px;
	}
.portfolioFilter a{
	padding:11px;
	line-height:24px;
	display:inline-block;
	color:#1D1D1D;
	border:1px solid transparent;
	letter-spacing: 0.05em;
	}
.portfolioFilter a:focus{
	color:#1D1D1D;
	}
.portfolioFilter a:hover{
	padding:11px;
	line-height:24px;
	display:inline-block;
	border:1px solid #1D1D1D;
	}
.ie .portfolioContainer{
	overflow:visible !important;
}
a.current{
	padding:11px;
	text-decoration:none;
	line-height:24px;
	display:inline-block;
	border:1px solid #1D1D1D;
	}
a.current:hover,
a.current:focus,
a.current:visited{
	padding:11px;
	text-decoration:none;
	line-height:24px;
	display:inline-block;
	border:1px solid #1D1D1D;
	}
.product-type{
	color:#777777;
	}
.image-link, .image-link:focus{
	color:#FFFFFF;
	}
.image-link:hover{
	color:#DCA44B;
	}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close  {
    color: white;
    right: 12px;
    text-align: right;
    padding: 0 12px 0 12px;
    width: 100%;
    border: 1px solid #fff;
    display: table;
    width: auto;
    top: 12px;
	line-height: 46px;
	font-size:21px;
	height:46px;
	}
.mfp-counter {
    bottom: -36px;
	top: auto;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer;
}
.mfp-arrow-right::after, .mfp-arrow-right .mfp-a {
    border-left: 12px solid #fff;
}
.mfp-arrow-left::after, .mfp-arrow-left .mfp-a {
    border-right: 12px solid #fff;
}
.mfp-arrow{
	opacity:1;
	}
.mfp-arrow:hover{
	opacity:0.65;
	}
.mfp-counter {
    padding: 12px;
    background-color: #1D1D1D;
}
.mfp-arrow-left::before{
	border-right:0;
	}
.mfp-arrow-right::before{
	border-left:0;
	}
 button.mfp-close:focus, button.mfp-close:active   {
    opacity:0.65;
	}
.mfp-arrow-left:after{
	margin-left:36px;
	}
/* ---------------------------------------------------------------
---------------------------- LOGOS -------------------------------
--------------------------------------------------------------- */
.logo-carousel:hover{
	cursor:grabbing;
	}

#logos .container{
	padding-left:45px;
	padding-right:45px;
	}

.logo-carousel .owl-item img {
    height:96px;
	width:auto;
    margin: 0 auto;
	max-width:100%;
	opacity:1;
	-webkit-transition: all 0.4s ease-in-out;
   	-moz-transition: all 0.4s ease-in-out;
   	-o-transition: all 0.4s ease-in-out;
   	-ms-transition: all 0.4s ease-in-out;
   	transition: all 0.4s ease-in-out;
	-webkit-backface-visibility: hidden;
}
.owl-item a{
}
.logo-carousel .owl-item img:hover {
    opacity:0.5;
	-webkit-transition: all 0.4s ease-in-out;
   	-moz-transition: all 0.4s ease-in-out;
   	-o-transition: all 0.4s ease-in-out;
   	-ms-transition: all 0.4s ease-in-out;
   	transition: all 0.4s ease-in-out;
	-webkit-backface-visibility: hidden;
}
.logo-carousel .owl-controls{
	position: absolute;
    top: calc(50% - 18px);
    display: table;
    left: 0;
    margin: 0;
    width: 100%;
	}
.nativeAndroid .logo-carousel .owl-controls{
	position: absolute;
    top:36px;
}
.nativeAndroid .logo-carousel .owl-controls .owl-prev,
.nativeAndroid .logo-carousel .owl-controls .owl-next{
	text-indent:-99999px;
	color:transparent;
	}

.nativeAndroid .logo-carousel{
	text-indent:-99999px;
}
.owl-nav{
	position:relative;
	width:100%;
}
.owl-prev {
	width: 36px;
	height: 36px;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	border-right:14px solid #FFFFFF;
	text-indent:-99999px;
	color:#1D1D1D;
	display:block;
	float:left;
	margin-right:15px;
	left:-36px;
	position: absolute;
	-webkit-transition: all 0.4s ease-in-out;
   	-moz-transition: all 0.4s ease-in-out;
   	-o-transition: all 0.4s ease-in-out;
   	-ms-transition: all 0.4s ease-in-out;
   	transition: all 0.4s ease-in-out;
}
.owl-prev:hover {
	border-right:14px solid #BBBBBB;
	-webkit-transition: all 0.4s ease-in-out;
   	-moz-transition: all 0.4s ease-in-out;
   	-o-transition: all 0.4s ease-in-out;
   	-ms-transition: all 0.4s ease-in-out;
   	transition: all 0.4s ease-in-out;
}
.owl-prev:focus{
	border-right:14px solid #FFFFFF;
	}
.owl-next {
	width: 36px;
	height: 36px;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	border-left:14px solid #FFFFFF;
	text-indent:-99999px;
	color:#1D1D1D;
	display:block;
	float:right;
	margin-left:15px;
	right:-36px;
	position: absolute;
	-webkit-transition: all 0.4s ease-in-out;
   	-moz-transition: all 0.4s ease-in-out;
   	-o-transition: all 0.4s ease-in-out;
   	-ms-transition: all 0.4s ease-in-out;
   	transition: all 0.4s ease-in-out;
}
.owl-next:hover {
	border-left:14px solid #BBBBBB;
	-webkit-transition: all 0.4s ease-in-out;
   	-moz-transition: all 0.4s ease-in-out;
   	-o-transition: all 0.4s ease-in-out;
   	-ms-transition: all 0.4s ease-in-out;
   	transition: all 0.4s ease-in-out;
}
.owl-next:focus{
	border-left:14px solid #FFFFFF;
	}
/* ---------------------------------------------------------------
--------------------------- CONTACT FORM -------------------------
--------------------------------------------------------------- */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
	background-color: rgba(0, 0, 0, 0);
    border: 0;
    border-bottom: 1px solid #1D1D1D;
    border-radius: 0 0 0 0;
    color: #1D1D1D;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 11px;
    margin-top: 12px;
    padding: 0;
	}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{
	box-shadow:none;
	border-bottom:1px solid #1D1D1D;
	}
textarea {
	resize: none;
	}
.btn-wrapper{
	margin-top:12px;
	margin-bottom:12px;
	}
.form-btn{
	width:100%;
	}
.form-btn,
.form-btn:hover,
.form-btn:focus{
	margin-bottom:0;
	}
.form-control {
    padding: 0;
	height:36px;
	}
::-webkit-input-placeholder{
	color:#000000 !important;
	opacity:1 !important;
	}
::-moz-placeholder{
	color:#000000 !important;
	opacity:1 !important;
	}
:-ms-input-placeholder{
	color:#000000 !important;
	opacity:1 !important;
	}
.help-block {
    margin-top: 0;
    margin-bottom: 0;
	}
.messages{
	min-height:0;
	line-height:24px;
	font-size:14px;
	}
.messages .close{
	min-height:0;
	line-height:24px;
	font-size:24px;
	top:0;
	right:-30px;
	}
/* ---------------------------------------------------------------
------------------------ CONTACT ADDRESS -------------------------
--------------------------------------------------------------- */
.btn-send,
.btn-send:hover,
.btn-send:focus{
	margin:12px 0 0 0 !important;
}
#address{
	background-color:#323232;
	}
.address{
	color: #FFFFFF;
    font-size: 18px;
    line-height: 36px;
    display: table;
    font-family: Merriweather, serif;
    margin-bottom: 0 !important;
    text-transform: uppercase;
    font-weight: bold;
	margin-top:0 !important;
	}
.address-inner{
	display: table;
	/*margin: 0 auto;*/
}
.address-inner i{
	font-size:48px;
	line-height:48px;
	float:left;
	margin-right:15px;
	}
@media (max-width:991px){
	.address-inner i{
		width:48px;
		line-height:48px;
		height:48px;
		}
}
.address-inner p{
	color:#FFFFFF;
	display:table;
	width:auto;
	text-align:left;
	margin-bottom: 0;
	}
.address-inner a, .address-inner a:focus{
	color:#FFFFFF;
	}
.address-inner a:hover{
	color:#DCA44B;
	}
@media(min-width:992px){
	.address-text{
		float:right;
	}
}
@media(max-width:991px){
	.address-outer{
		display:table;
		margin:0 auto;
	}
	.address-inner{
		display:table;
		margin:0 auto;
		text-align:center;
	}
	.address{
		margin-left:auto;
		margin-right:auto;
	}
	.address-inner i{
		float:none;
		margin-right:0
	}
	.address-inner p{
		text-align:center;
	}
}
.form-group{
	margin-bottom:12px;
}
.has-error,
.has-error ul{
    margin-bottom:0px;
	}

/* ---------------------------------------------------------------
--------------------------- GMAP --------------------------------
--------------------------------------------------------------- */
#gmap {
    height: 528px;
    }
@media (max-width:767px){
	#gmap {
		height: 216px;
    }
}
.map-info-body p{
	margin-top:0;
	margin-bottom:0;
	}
.map-info-body p:last-child{
	margin-bottom:24px;
	}
.gm-style-mtc div,
.gm-svpc,
.gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div,
.gmnoprint >div > div {
	border-radius:0 !important;
}
.gm-style {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	}
.gm-style h5{
	font-family: Merriweather, serif;
	}
/* ---------------------------------------------------------------
-------------------------- FOOTER --------------------------------
--------------------------------------------------------------- */
.footer-icons {
	display:table;
	margin:0 auto;
	}
.footer-icons a{
	font-size: 24px;
	line-height: 24px;
	margin: 0 15px;
	}
.rights{
	font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.05em;
    font-weight: 300;
	}
@media (max-width:767px){
	.footer-icons {
		text-align:center;
	}
	.footer-icons a{
		display:block;
		line-height: 36px;
	}
}
/* ---------------------------------------------------------------
--------------------------- ANIMATIONS ---------------------------
--------------------------------------------------------------- */
.os-animation{
  opacity: 0;
}

.os-animation.animated{
    opacity: 1;
}
/*COMPONENTS PAGE ONLY*/
#components-page .pad-bot {
	border-bottom: 1px dashed #DDDDDD;
	margin-bottom: 36px;
	padding-bottom: 35px;
	}
/* ---------------------------------------------------------------
--------------------------- OTHER --------------------------------
--------------------------------------------------------------- */
#components-page h3{
	font-size:30px;
}
/* ALERTS */
.form-control,
.has-error .form-control,
.form-control:focus,
.has-error .form-control:focus{
	box-shadow:none;
	border:0;
	border-bottom:1px solid #1D1D1D;
	border-radius:0;
	font-size: 14px;
	line-height: 24px;
	color: #1D1D1D;
	}
/* PILLS */
.nav.nav-pills li.active a,
.nav.nav-pills li a:hover{
	border-radius:0;
	background-color:#DCA44B;
	line-height:24px;
	padding:12px;
	color:#ffffff;
	}
.nav.nav-pills li a,
.nav.nav-pills li a:focus{
	line-height:24px;
	padding:12px;
	}
.nav-stacked > li + li {
    margin-top: 0;
}
.tab-pane h5{
	margin-top:12px;
	margin-bottom:12px;
}
/* ACCORDION */
.panel-group .panel{
	border-radius:0;
	box-shadow:none;
	}
.panel-group {
	margin-bottom:24px;
	}
.panel-body{
	padding:11px 12px 12px 11px;
	font-size: 12px;
	line-height: 24px;
	}
.panel-heading{
	padding:11px 12px 12px 12px;
	text-transform:uppercase;
	}
.panel-group .panel + .panel{
	margin-top:12px;
	margin-bottom:12px;
	}
.panel-title{
	line-height:18px;
	}
/*WELLS*/
.well{
	border-radius:0;
	box-shadow:none;
	border: 1px solid #dddddd;
	margin-bottom: 24px;
	min-height: 24px;
	padding: 23px 14px;
	font-size:14px;
	line-height:24px;
	}
.well-lg{
	padding: 35px 14px;
	}
.well-sm{
	padding: 11px 14px;
	}
/*PANELS*/
.panel,
.panel-heading,
.panel-body,
.panel-footer{
	border-radius:0;
	}
.panel{
	box-shadow:none;
	margin-bottom:24px;
	}
.panel-footer{
	padding:11px 12px 12px 12px;
	font-size: 12px;
	line-height: 24px;
	}
/* DROP DOWN*/
.btn-group.open .dropdown-toggle{
	box-shadow:none;
	}
.btn-group .btn-primary{
	color: #ffffff;
    background-color: #DCA44B;
    border-color: #DCA44B;
	}
.btn-group .btn-primary:hover{
	color: #DCA44B;
    background-color: #ffffff;
    border-color: #DCA44B;
	}
.open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    color: #1d1d1d;
    background-color: #fff;
    border-color: #1d1d1d;
	}
.open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #DCA44B;
    background-color: #fff;
    border-color: #DCA44B;
	}
ul.navbar-nav li:last-child .dropdown-menu{
	right:0;
	left: auto;
	}
/*MODALS*/
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}
.modal-link span , .modal-link span:hover{
	margin-left:12px;
	padding-left:11px;
	border-left:1px solid #DCA44B;
	}
.modal-content{
	border-radius:0;
	}
.modal-header .close {
    margin-top:0;
	line-height:24px;
	}
button.close {
    border: 1px solid #1d1d1d;
    padding: 11px;
	}
.modal-header {
    padding: 0;
    border-bottom: 0;
    height: auto;

}
.modal-img{
	float:left;
}
.close-top{
		display:block;
	}
.close-bottom{
		display:none;
	}
.modal-link{
	cursor:pointer;
	}
.modal img{
	width:auto;
	height:216px;
	margin-right:15px;
	}
.modal .details{
	margin:24px 0 0 0;
	}
.modal .details p span{
	font-weight:700;
	}
.modal .details p{
	margin-bottom:0;
	}
.modal-title {
	line-height:36px;
	letter-spacing: 0.05em;
	}
@media (max-width:767px){
	.modal{
		padding:0 !important;
	}
	.modal-title {
		margin-top:24px;
	}
	.modal .details{
		margin:24px 0;
	}
}
.modal-title span{
	font-size:14px;
	line-height:24px;
	display:block;
	color: #777777;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0.05em;
	}
.modal-body{
	padding:24px;
	}
.nativeAndroid  .modal-body{
	display:table;
	}
@media (max-width:767px){
	.modal-img{
		float:none;
	}
	.close-top{
		display:none;
	}
	.close-bottom{
		display:block;
		float:left;
	}
	.modal-body{
		display:table;
	}
	.modal img{
		width:100%;
		height:auto;
		margin-right:0;
	}
}
/*RESPONSIVE BASIC TABLE*/
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td{
	line-height:24px;
	text-align:center;
	}
thead th{
	border-bottom: 2px solid #DCA44B !important;
	padding:11px 12px 11px 12px !important;
	font-weight:normal;
	text-transform:uppercase;
	font-size:16px;
	}
tbody td{
	font-size:12px;
	padding:12px 12px 11px 12px !important;
	}
/*PRICING TABLE*/
.pricing-table{
	background-color: #FFFFFF;
	}
.table-column{
	border:12px solid #1D1D1D;
	-webkit-transition: all 0.6s ease-in-out;
   	-moz-transition: all 0.6s ease-in-out;
   	-o-transition: all 0.6s ease-in-out;
   	-ms-transition: all 0.6s ease-in-out;
   	transition: all 0.6s ease-in-out;
	}
.highlighted-table-column .table-column{
	border:12px solid #DCA44B;
	-webkit-transition: all 0.6s ease-in-out;
   	-moz-transition: all 0.6s ease-in-out;
   	-o-transition: all 0.6s ease-in-out;
   	-ms-transition: all 0.6s ease-in-out;
   	transition: all 0.6s ease-in-out;
	}
.table-title h5{
	margin-top:24px;
	margin-bottom:24px;
	}
.table-price{
	color: #DCA44B;
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 24px;
	}
.table-body .description{
	font-size: 12px;
	line-height: 24px;
	padding: 0 24px 24px 24px;
	}

.pricing-table .btn,
.pricing-table .btn:hover,
.pricing-table .btn:focus{
	margin: 12px 0 24px 0 !important;
	}
/* ---------------------------------------------------------------
--------------------------- 404 PAGE -----------------------------
--------------------------------------------------------------- */
html.error-page,
.error-page body{
	height:100%;
}
.error-page section{
	height:100%;
	width:100%;
}
#error-page h1{
	font-size:72px;
	line-height:72px;
	margin-bottom:36px;
	margin-top: 0;
	letter-spacing: 0.05em;
}
#error-page .content-err p{
	letter-spacing: 0.05em;
	}
#error-page .btn{
	margin-bottom: 0 !important;
	}
.error-inner{
	border: 18px solid #1d1d1d;
	padding: 24px;
	display: table;
	width: 100%;
	height: 100%;
}
.dark-bg .error-inner{
	border: 18px solid #ffffff;
}
@media (max-width:380px){
	.error-inner,
	.dark-bg .error-inner{
		border: 0;
	}
}
.content-err{
	text-align:center;
}
.error-outer{
	padding: 18px;
	display: table;
	width: 100%;
	height: 100%;
}
.error-inner{
	display: table-cell;
	width: 100%;
	height: 100%;
	}
.content-outer{

	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;
		display: flex;
  height: 100%;
  align-items: center;
	}

.content-inner{
	flex: 1;
	}
.content-outer{

}
.content-inner{}
.footer-ics{
	display: table;
    margin: 0 auto;
}
.content{
	text-align:center;
	}