@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');

/*--------- font-family: 'Roboto', sans-serif; -----------*/



@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
/*--------- font-family: 'Open Sans', sans-serif; -----------*/



body {
	font-family: 'Roboto', sans-serif;
	line-height: 1.42857143;
}
a { text-decoration: none !important; }
h3 {
	font-size:24px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	color: #fff;
}
.normal {
	height: 80px;
	-webkit-transition: 
 0.5s;
	-moz-transition: 
 0.5s;
	-ms-transition: 
 0.5s;
	transition: 0.5s;
}
/*************** Navbar ******************/

.navbar-right {
	padding-top: 12px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
.navbar-brand { padding: 0px !important; }
.navbar-brand img {
	padding: 8px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
.shrink {
	height: 70px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
.shrink .navbar-right {
	padding-top: 9px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
.shrink .navbar-brand img {
	max-height: 70px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
.navbar-inverse {
	background-color:#0f1010;
	border-color: #0f1010;
}
.shrink.navbar-inverse {
	background-color: rgba(15, 16, 16, 0.85);
	border-color: #0f1010;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > .active:hover > a { color: #beb23c; }
.nav > li > a {
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	position: relative;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
}
/*************** Large DIV  And Containers **********************/

.section {
	padding: 5em 0;
	clear:both;
}
.dark-section { background-color: rgba(0, 0, 0, 0.05); }
.light-gray-section {
	background-color: rgba(255, 255, 255, 0.05);
	padding: 5em 0;
}
.well {
	position:relative;
	display: block;
}
.FSL-background {
	background-image:url(../images/fivestar-bacground.jpg);
	background-color:#0f1010;
	padding: 0;
}
.FSL-no-background {
	background-color:#0f1010;
	padding: 0;
	margin-top: 5px;
}
.home-hero {
	color:#FFF !important;
	background: #0f1010;
}
.page-content .row {
	-moz-column-width: 18em;
	-webkit-column-width: 18em;
	-moz-column-gap: 1em;
	-webkit-column-gap:1em;
}
.page-content .item {
	display: inline-block;
 padding:  .25rem;
	width:  100%;
}
.gallery {
	background:#fff;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.page-content {
	padding-top: 80px;
	background-color:#0f1010;
}
.home-hero h3, .home-hero .h3 {
	font-size: 24px;
	line-height:30px;
	font-weight: 400;
}
/******************************************************/



/**

 * Button component

 */

.btn:focus, .btn:hover, .btn:active {
	color: #000;
	background-color: #fff;
	border-color: #fff;
	outline:none !important;
}
.btn-default:active:hover {
	color: #000;
	background-color: #d4d4d4;
	border-color: #8c8c8c;
}
.btn-price {
	padding: 15px 15px;
	font-size: 20px;
	background-color: #c4b83e;
	color: #111;
	line-height: 1.3333333;
	border-radius: 0px;
	font-weight: bold;
	border: none;
	width: 100%;
	display: block;
	text-transform: uppercase;
	text-align: center;
}
.btn-price:hover, .btn-price:focus {
	background-color: #ab9e1e;
	color: #fff !important;
}
/*****************************/

footer {
	padding:2em 0;
	background: #0f1010;
	margin-top: 0px;
	clear: both;
}
footer .footer-logo {
	float:left;
	text-align:left;
}
.copyright-text {
	float:left;
	margin-left: 30px;
	margin-top:15px;
	text-align:left;
}
.copyright-text p {
	font-size:14px;
	color:#bbb;
	margin:0;
}
.social-links {
	margin-top: 15px;
	float:right;
}
.social-links ul {
	margin:0 auto;
	padding:0;
	list-style:none;
	display:block;
	text-align:center;
}
.social-links ul li {
	display:inline-block;
	margin:0 auto;
}
.social-links a {
	padding: 0;
	width: 30px;
	height: 30px;
	font-size: 15px;
	display: inline-block;
	line-height: 30px;
	margin-right: 8px;
	border-radius: 50%;
	color: #262626;
	background: #aeaeae;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 -ms-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;
	margin-bottom:8px;
}
.social-links a:hover {
	background-color: #c4b83e;
	color: #000;
	margin-bottom:2px;
}
.social-links .tooltip .tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #000;
	background-color: #ccc;
	border-radius: 4px;
	font-weight:bold;
}
.social-links .tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #ccc;
}
.scroll-top { display:none; }
.scroll-top a {
	position:fixed;
	bottom: 40px;
	width:40px;
	height:40px;
	line-height:40px;
	list-style:none;
	text-align:center;
	right:2%;
	z-index:99;
	background: #fff;
	color:#000;
	font-size:14px;
	border-radius:50%;
	background-color: #c4b83e;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 -ms-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;
}
.scroll-top a:hover {
	color:#fff;
	margin-bottom:5px;
	display:block;
}

.whatsapp a{
	position:fixed;
	bottom: 40px;
	width:50px;
	height:50px;
	line-height:50px;
	list-style:none;
	text-align:center;
	left:2%;
	z-index:99;
	color:#fff;
	font-size:25px;
	border-radius:50%;
	background-color: #2db141;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 -ms-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;
}
.scroll-top a:hover {
	color:#fff;
	margin-bottom:5px;

	display:block;
}
/****************************/

.hero img {
	animation-iteration-count:infinite;
	-webkit-transform:translate(1, 2)
}
.element {
	width: 100%;
	height: 100%;
	animation: pulse 10s infinite;
	-webkit-animation: mysize 10s infinite; /* Chrome, Safari, Opera */
}
 @keyframes mysize {  0% {
 -moz-transform: scale(1);
 -webkit-transform: scale(1);
 -o-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}
 100% {
 -moz-transform: scale(1.2);
 -webkit-transform: scale(1.2);
 -o-transform: scale(1.2);
 -ms-transform: scale(1.2);
 transform: scale(1.2);
}
}
/***************** Inner Pages theme  *********************/

.hero-banner {
	overflow:hidden;
	background-position:center;
	background-size:cover;
	width:100%;
	height:100%;
}
.logo-section {
	padding:3em 0;
	display:block;
}
.logo-section-color-all { background-color:#fff; }
.logo-section-color-all img { margin-top:35px; }
.logo-div-bg { background-color:#e5e5e5; }
.theme-section {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9e9e9e+0,9e9e9e+50,000000+50,000000+100 */

	background: #9e9e9e; /* Old browsers */
	background: -moz-linear-gradient(top, #9e9e9e 0%, #9e9e9e 50%, #000000 50%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #9e9e9e 0%, #9e9e9e 50%, #000000 50%, #000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #9e9e9e 0%, #9e9e9e 50%, #000000 50%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
}
.theme-section img:first-child { box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); }
.margin-top-img { margin-top: 30px; }
.color-scheme { margin: 70px auto -25px; }
.page-heading h1 {
	font-size:45px;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	padding:30px 0;
	margin:0;
	padding-top: 0;
}
.text-default {
	font-size:15px;
	color:#aaaaaa;
	line-height:25px;
	font-family: 'Roboto', sans-serif;
	margin-bottom:20px;
	font-weight:normal;
}
#services span {
	font-size:24px;
	color:#fff;
	text-align:center;
	padding:10px;
	margin:10px auto;
	display:block;
}
.section h3 { color:#007b5e; }
#services .item { margin-bottom:40px; }
#services .item:hover .icon {
	text-align:center;
	background:#c4b83e;
	border: #c4b83e 3px solid;
}
#services .item:hover img { margin-left:-74px; }
#services .icon {
	width:130px;
	height:130px;
	text-align:center;
	border:#c4b83e;
	border: #c4b83e 3px solid;
	overflow:hidden;
	padding:25px;
	margin:0 auto;
	display:block;
	border-radius:50%;
}
#services h3 { margin-bottom:50px; }
/********************/

.team-list { text-align:center; }
.team-list h3 {
	font-size:20px;
	color:#c4b83e;
	font-family: 'Roboto', sans-serif;
	margin:20px auto;
	display:block;
}
.team-list span {
	font-size:15px;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	margin:10px auto;
	display:block;
}
.team-list p { font-size:14px; }
.team-list a {
	display:inline-block;
	width:30px;
	height:30px;
	background-color:#CCC;
	color:#000;
	line-height:30px;
	text-align:center;
	border-radius:50%;
	margin-right:10px;
}
.team-list a:hover { background-color:#c4b83e; }
.team-list img {
	width:120px;
	border: #c4b83e 3px solid;
	background:#000;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 -ms-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;
}
.team-list:hover img {
	border: #c4b83e 3px solid;
	padding:5px;
}
.team-list:hover .icon-list { visibility: visible; }
.icon-list { visibility:hidden; }
/*******************************************/

.cotnact-info {
	padding-bottom:50px;
	display:block;
}
.cotnact-info .text-default {
	font-size: 15px;
	color: #aaaaaa;
	line-height: 20px;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 20px;
	font-weight: normal;
	padding:25px 0;
}
.cotnact-info h3 {
	font-size:20px;
	color:#aaaaaa;
	font-family: 'Roboto', sans-serif;
	margin:20px auto;
	display:block;
	line-height:30px;
}
.cotnact-info .company-name {
	font-size:20px;
	color:#fff !important;
	font-family: 'Roboto', sans-serif;
	margin:20px auto;
	display:block;
	line-height:30px;
}
.cotnact-info blockquote {
	color:#aaa;
	padding: 5px 20px;
	margin: 0 0 20px;
	font-size: 24px;
	line-height:normal;
	border-left: 2px solid #c4b83e;
}
.email-links i {
	padding: 0;
	width: 30px;
	height: 30px;
	font-size: 15px;
	display: inline-block;
	line-height: 30px;
	margin-right: 8px;
	border-radius: 50%;
	color: #262626;
	text-align:center;
	background: #beb23c;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 -ms-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;
	margin-bottom: 8px;
	margin-top: 8px;
}
.email-links a {
	color:#aaa;
	text-decoration:none;
	font-size:20px;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
}
.email-links .tooltip .tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #000;
	background-color: #ccc;
	border-radius: 4px;
	font-weight:bold;
}
.email-links .tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #ccc;
}
.control-label {
	color:#fff;
	font-size:20px;
	font-family: 'Roboto', sans-serif;
	font-weight:normal;
	padding:10px 0;
	margin-bottom: 0;
}
.form-control {
	/*	height:64px;*/

	background-color: rgba(255, 255, 255, 0.08);
	border-radius:0;
	border-color: rgba(255, 255, 255, 0.08);
	color:#fff;
	font-size:18px;
	font-family: 'Roboto', sans-serif;
	font-weight:normal;
}
.form-control:focus {
	border-color: #c4b83e;
	outline: none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border-color: #c4b83e;
}
.form-control .btn-lg, .form-control .btn-group-lg > .btn { border-radius:0px !important; }
.btn-lg, .btn-group-lg > .btn {
	padding: 10px 16px;
	font-size: 18px;
	background-color: #c4b83e;
	color:#222;
	line-height: 1.3333333;
	border-radius: 0px;
	border:none;
}
/*********/



.checkbox {
	padding-left: 17px;
	padding-bottom: 8px;
}
.checkbox label {
	display: inline-block;
	position: relative;
	outline: none;
	text-align: center;
	line-height: 30px;
	font-family: 'Roboto', sans-serif;
	color: #555;
	font-weight:400;
	font-size: 18px;
	margin-left: 0;
	padding-left: 20px;
	padding-right: 50px;
	margin-bottom:20px;
}
.checkbox-primary input[type="checkbox"]:checked + label { color:#fff; }
 .checkbox label::before {
 content: "";
 display: inline-block;
 position: absolute;
 width: 25px;
 height: 25px;
 left: 0px;
 top: 2px;
 margin-left: -14px;
 border: 2px solid #c4b83e;
 border-radius: 0;
 background-color: rgba(0, 0, 0, 0);
 -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
 -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
 transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
 .checkbox label::after {
 display: inline-block;
 position: absolute;
 width: 25px;
 height: 25px;
 left: 0;
 top: 0;
 margin-left: -15px;
 margin-top: 0;
 padding-left: 2px;
 padding-top: 0px;
 font-size: 14px;
 color: #c4b83e;
 outline: none;
}
.checkbox input[type="checkbox"] { opacity: 0; }
 .checkbox input[type="checkbox"]:focus + label::before {
 outline: thin dotted;
 outline: 5px auto -webkit-focus-ring-color;
 outline-offset: -2px;
 outline: none;
}
 .checkbox input[type="checkbox"]:checked + label::after {
 font-family: 'FontAwesome';
 content: "\f00c";
}
.checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; }
 .checkbox input[type="checkbox"]:disabled + label::before {
 background-color: #eeeeee;
 cursor: not-allowed;
}
 .checkbox.checkbox-circle label::before {
 border-radius: 50%;
}
.checkbox.checkbox-inline { margin-top: 0; }
 .checkbox-primary input[type="checkbox"]:checked + label::before {
 background-color: rgba(0, 0, 0, 0);
 color:#fff;
}
.privacy .small-text {
	text-align:left;
	color:#aaa;
	font-size:14px;
	line-height:22px;
}
 .privacy label::before {
 content: "";
 display: inline-block;
 position: absolute;
 width: 25px;
 height: 25px;
 left: -2px;
 top: 2px;
 line-height:30px;
}
.privacy input[type="checkbox"]:checked + label { color:#aaa; }
.privacy input[type="checkbox"] + label span { text-decoration:underline; }
 .privacy label::after {
 margin-top: 0;
 padding-left: 4px;
 padding-top: 3px;
}
/*****************************/

.radio {
	padding-left: 17px;
	padding-bottom: 8px;
}
.radio label {
	display: inline-block;
	position: relative;
	outline: none;
	text-align: center;
	line-height: 30px;
	color: #555;
	font-size: 18px;
	margin-left: 0;
	padding-left: 15px;
	margin-right: 40px;
}
.radio-primary input[type="radio"]:checked + label { color:#fff; }
 .radio label::before {
 content: "";
 display: inline-block;
 position: absolute;
 width: 22px;
 height: 22px;
 left: 0px;
 top: 4px;
 margin-left: -14px;
 border: 2px solid #c4b83e;
 border-radius: 0;
 background-color: rgba(0, 0, 0, 0);
 -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
 -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
 transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
 border-radius: 50%;
}
 .radio label::after {
 display: inline-block;
 position: absolute;
 width: 20px;
 height: 20px;
 left: 0;
 top: 0;
 margin-left: -15px;
 margin-top: 0;
 padding-left: 4px;
 padding-top: 0px;
 font-size: 10px;
 color: #c4b83e;
 outline: none;
 border-radius: 50%;
}
.radio input[type="radio"] { opacity: 0; }
 .radio input[type="radio"]:focus + label::before {
 outline: thin dotted;
 outline: 5px auto -webkit-focus-ring-color;
 outline-offset: -2px;
 outline: none;
}
 .radio input[type="radio"]:checked + label::after {
 font-family: 'FontAwesome';
 content: "\f111";
}
.radio input[type="radio"]:disabled + label { opacity: 0.65; }
 .radio input[type="radio"]:disabled + label::before {
 background-color: #eeeeee;
 cursor: not-allowed;
}
 .radio.radio-circle label::before {
 border-radius: 50%;
}
.radio.radio-inline { margin-top: 0; }
 .radio-primary input[type="radio"]:checked + label::before {
 background-color: rgba(0, 0, 0, 0);
 color:#fff;
}
/*****************************/



.pricing-table {
	clear:both;
	max-width: 368px;
	margin: 0 auto;
 transition: all .3s ease;
 -o-transition: all .3s ease;
 -moz-transition: all .3s ease;
 -webkit-transition: all .3s ease;
	/* border-radius: 0px; */

    border: none;
	margin-bottom:50px;
}
.pricing-table:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, .2); }
.pricing-table:hover>.panel-footer-landing { box-shadow: 0px 0px 30px rgba(0, 0, 0, .05) inset;  -webkit-transition:  all .3s ease;
}
.pricing-table:hover>.panel>.panel-heading-landing-box {
	background: #f0f0f0 !important;
	color: #333 !important;
 -webkit-transition:  all .3s ease;
}
.pricing-table:hover>.panel>.panel-footer>.btn {
 -webkit-transition:  all .3s ease; width: 100%; }
.pricing-table:hover>.panel>.controle-header>.panel-title-landing { color: #fff !important;  -webkit-transition:  all .3s ease;
}
.panel-heading-landing {
	background: none !important;
	padding: 25px 20px !important;
	border-bottom: none !important;
	border-radius: 0px !important;
}
.panel-heading-landing-box {
	background: rgba(0, 0, 0, 0.05) !important;
	color: #fff !important;
	font-size: 30px;
	border: none;
}
.panel-title-landing {
	font-size: 30px;
	font-weight: bold;
	margin-bottom:10px;
}
.panel-title span {
	font-size: 28px;
	color: #c4b83e;
	font-weight: 500;
	display: block;
	padding-top: 5px;
}
/*****************************/



.panel-body { padding:15px 0; }
.panel-body i { color:#c4b83e; }
.pricing-table .panel {
	margin-bottom: 20px;
	background-color: rgba(255, 255, 255, 0.05);
	border: none;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.controle-panel-heading p {
	margin:0;
	padding:0;
}
.pricing-table .table > tbody > tr > td {
	border:none;
	padding-left:15px;
}
.pricing-table .table > tbody > tr { color: #aaaaaa; }
 .pricing-table .table > tbody > tr:nth-child(even) {
 background: #CCC;
 padding: 8px;
 line-height: 1.42857143;
 vertical-align: top;
 background-color: rgba(255, 255, 255, 0.05);
 color: #aaaaaa;
}
.panel-footer {
	padding: 0;
	background-color: #414141;
	border-top: none;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
#map {
	width: 100%;
	height: 400px;
}
#map h3 {
	color: #c4b83e;
	font-size:28px;
	font-weight:bold;
}
#map p {
	color: #000000;
	font-size:15px;
}
/*************   Blog Page   ************************/

#blog-main { }
#blog-main blockquote {
	padding: 3px 20px;
	margin: 30px 0 20px;
	font-size:15px;
	border-left: 5px solid #c4b83e;
	color:#aaaaaa;
}
.post-blog {
	color:#aaaaaa;
	padding:30px 0;
	border-bottom:#303030 1px solid;
}
.post-blog .details-post a { color: #beb23c; }
.post-blog h3 {
	font-size: 24px;
	font-weight:500;
	color:#fff;
	margin: 25px auto 15px;
	font-family: 'Roboto', sans-serif;
}
p.author-name {
	margin: 0 0 5px;
	color: #fff;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
}
.post-blog i {
	color: #c4b83e;
	margin:0 3px;
}
.details-post { margin: 20px 0 30px; }
.post-image {
	opacity: 1;
	display: block;
	width: 100%;
	height: 450px;
	position:relative;
 transition: .5s ease;
	backface-visibility: hidden;
	overflow:hidden;
}
.post-image img { width:100%; }
.middle {
	background-color: #000000;
 transition: .5s ease;
	opacity:0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left:-45px;
	margin-top:-45px;
	transform:scale(.8, .8);
	border-radius: 50%;
	z-index: -1;
}
.post-image:hover .image {
	opacity: 0.8;
	z-index:-1;
}
.post-image:hover .middle {
	opacity: 1;
	transform:scale(1.1, 1.1);
	z-index:1;
}
.text-zoom i {
	color: #fff;
	font-size: 45px;
	padding: 20px;
}
.description-post {
	margin:20px 0 15px;
	color: #aaa;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
}
.tags-list {
	margin:0;
	padding:0;
}
.tags {
	padding: 8px 12px;
	margin-right: 5px;
	display:inline-block;
	background-color: rgba(255, 255, 255, 0.08);
	color: #fff;
	font-size: 14px;
	margin-top: 8px;
	border-radius:3px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
}
.tags:hover, .tags:focus, .tags.active {
	background-color: #c4b83e;
	color: #000000;
}
/***********  search-widgets   **********/

.widgets {
	margin-bottom:30px;
	display: inline-block;
	clear: both;
	width: 100%;
}
.widgets-title {
	color:#fff;
	font-size:20px;
	font-family: 'Roboto', sans-serif;
	font-weight:normal;
	padding: 10px 0;
	margin-top: 0;
}
.search-bar {
	background-color: rgba(255, 255, 255, 0.08);
	width:100%;
	padding:5px;
	float: left;
	display:block;
}
.search-bar .form-control {
	float: left;
	width: 80%;
	height: 40px;
	background-color: transparent;
	border-radius: 0;
	border: none;
	color: #fff;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
}
.search-bar .btn {
	display: inline-block;
	background:transparent;
	color: #fff;
	font-size:20px;
	float: right;
	border:none;
}
.search-bar .btn:hover { border:none; }
.widgets .panel {
	margin-bottom: 20px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	border: none;
}
.widgets .panel-heading .panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 20px;
	color: inherit;
}
.panel-default > .panel-heading {
	color: #333;
	background-color: rgba(255, 255, 255, .05);
	border: none;
	color: #c4b83e;
	text-align: left;
}
.panel-default > .panel-heading a { display:block; }
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	padding:0;
	border:none;
}
.widgets .panel .list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color:transparent;
	border: 1px solid #ddd;
}
.widgets .panel .panel-body a {
	display:block;
	color:#fff;
	padding: 5px 15px;
	text-align: left;
}
 .widgets .panel .panel-body a:nth-child(even) {
 color:#fff;
 background-color: rgba(255, 255, 255, .05);
}
 .widgets .panel .panel-body a:nth-child(even):hover {
 color:#c4b83e;
 background-color: rgba(255, 255, 255, .1);
}
 .widgets .panel .panel-body a:nth-child(odd):hover {
 color:#c4b83e;
 background-color: rgba(255, 255, 255, .1);
}
.widgets .panel .panel-body a span {
	float:right;
	margin-right:5px;
	display:inline-block !important;
}
.widgets .panel i.fa-caret-down {
	text-align: right;
	display: inline-block;
	float: right;
}
.widgets p {
	font-size: 15px;
	color: #aaaaaa;
}
.widgets .fa-phone-square {
	padding: 0;
	font-size:24px;
	display: inline-block;
	line-height: 30px;
	margin-right: 8px;
	border-radius: 50%;
	color: #beb23c;
	text-align:center;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 -ms-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;
	margin-bottom: 8px;
	margin-top: 8px;
}
.widgets.contact-info { padding-bottom:60px; }
.widgets.contact-info a {
	font-size:24px;
	color:#aaa;
}
.widgets.contact-info a strong { color:#fff; }
.sidebar-social {
	margin-top: 90px;
	z-index: 999;
}
#sidebar.is_stuck {
	margin-top:80px;
	margin-bottom:80px;
	padding-right: 30px;
	padding-left: 0;
}
/****************   finance  *********************/

#finance blockquote {
	padding: 3px 20px;
	margin: 30px 0 20px;
	font-size: 15px;
	border-left: 5px solid #c4b83e;
	color: #aaaaaa;
}
#finance .finance-banner { margin:50px auto; }
#finance h3 {
	color: #fff;
	font-size:20px;
	line-height:30px;
}
#finance ul.finance-list {
	display:block;
	margin:30px auto;
	color: #aaaaaa;
	margin-bottom: 30px;
	padding:0 15px;
}
#finance ul.finance-list li {
	color: #aaaaaa;
	margin:15px auto;
	line-height:22px;
	padding-left:20px;
	text-align:left;
	list-style-image:url(../images/icon-list.png);
}
.finance-contact { margin-bottom:50px; }
.finance-contact h3 {
	color: #aaaaaa !important;
	font-weight:500;
	float:left;
	text-align:left;
}
.finance-contact h3 span {
	color: #fff;
	font-size:30px;
	font-weight:500;
	margin-left:10px;
	float:left;
	text-align:center;
}
.form-group {
	margin-bottom: 15px;
	clear: both;
}
/* Style the Image Used to Trigger the Modal */

#myImg {
	border-radius: 5px;
	cursor: pointer;
	transition: 0.3s;
}
#myImg:hover { opacity: 0.7; }
/* The Modal (background) */

.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 60px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.9); /* Black w/ opacity */
	z-index: 999999;
}
/* Modal Content (image) */

.modal-content {
	margin: auto;
	display: block;
	width: 80%;/* max-width: 700px; */

}
/* Caption of Modal Image */

#caption {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}
/* Add Animation */

.modal-content, #caption {
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}
 @-webkit-keyframes zoom {  from {
-webkit-transform:scale(0)
}
to { -webkit-transform:scale(1) }
}
 @keyframes zoom {  from {
transform:scale(0)
}
to { transform:scale(1) }
}
/* The Close Button */

.close {
	position: fixed;
	top: 25px;
	right: 55px;
	color: #ffffff;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
	opacity: 1;
}
.close:hover,  .close:focus {
	color: #eee;
	text-decoration: none;
	cursor: pointer;
}



/* 100% Image Width on Smaller Screens */

@media only screen and (max-width: 700px) {
 .modal-content {
 width: 100%;
}
}
/************************************/

.grid-sizer-div {
	background-color: rgba(0, 0, 0, 0.75);
	padding: 20px;
	display:block;
	width: 100%;
	position: absolute;
 -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 -ms-transition: all .5s ease;
 -o-transition: all .5s ease;
 transition: all .5s ease;
}
.grid-sizer-div h3 {
	color:#fff;
	font-size:20px;
	margin:0;
	margin-bottom:5px;
	width:100%;
	text-align:left;
}
.grid-sizer-div p {
	color:#fff;
	font-size:14px;
	display:block;
	margin:0;
	text-align:left;
	width:100%;
}
.arrow {
	font-size:30px;
	color: #fff;
	position: absolute;
	right: 8%;
	top: 30%;
 -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 -ms-transition: all .5s ease;
 -o-transition: all .5s ease;
 transition: all .5s ease;
}
.item-div:hover .arrow { right: 5%; }
/*====================================

=            masonry Page            =

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



.masonry {
	display: block;
	-webkit-column-gap: 15px;
	-moz-column-gap: 15px;
	column-gap: 15px;
	margin-top: 15px;
}
/* 5 columns */

.masonry.masonry-columns-5 {
	-webkit-column-count: 5;
	-moz-column-count: 5;
	-o-column-count: 5;
	column-count: 5;
}
 @media(max-width: 1170px) {
 .masonry.masonry-columns-5 {
 -webkit-column-count: 4;
 -moz-column-count: 4;
 -o-column-count: 4;
 column-count: 4;
}
}
/*-4 columns------*/

.masonry.masonry-columns-4 {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	-o-column-count: 4;
	column-count: 4;
}
/*-3 columns------*/

.masonry.masonry-columns-3 {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	-o-column-count: 3;
	column-count: 3;
}
/*-2 columns------*/

.masonry.masonry-columns-2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
/*-1 columns------*/

.masonry.masonry-columns-1 {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	-o-column-count: 1;
	column-count: 1;
}





/*--------Responsive---------*/

@media(max-width: 1199px) {
 .masonry.masonry-columns-4,  .masonry.masonry-columns-5 {
 -webkit-column-count: 3;
 -moz-column-count: 3;
 -o-column-count: 3;
 column-count: 3;
}
}
 @media(max-width: 767px) {
 .masonry.masonry-columns-4,  .masonry.masonry-columns-5,  .masonry.masonry-columns-3 {
 -webkit-column-count: 2;
 -moz-column-count: 2;
 -o-column-count: 2;
 column-count: 2;
}
}
 @media(max-width: 640px) {
 .masonry.masonry-columns-4,  .masonry.masonry-columns-5,  .masonry.masonry-columns-3,  .masonry.masonry-columns-2 {
 -webkit-column-count: 1;
 -moz-column-count: 1;
 -o-column-count: 1;
 column-count: 1;
}
}
.masonry .masonry-item {
	display: inline-block !important;
	width: 100% !important;
	max-width: 100% !important;
	position: relative;
	display: block;
	background-color: #fff;
	border: 1px solid #e5e5e5;
 border-radius: .25rem;
	float: none !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	margin-bottom: 15px !important;
}
.masonry-item img { width:100%; }
.masonry .masonry-item {
	display: inline-block;
	margin-bottom: 20px;
	width: 100%;
	overflow:hidden;
	border: 1px solid transparent;
	transition: all 0.4s ease-in-out;
}
.masonry .masonry-item .post-title { font-size: 20px; }
.masonry .masonry-item .post-info {
	color: #999;
	text-transform: uppercase;
}
.masonry .masonry-item p { color: #fff; }
.masonry .masonry-item .read-more { color: #27c2aa; }
.masonry .masonry-item .tag-comment {
	border-top: 1px solid #f0f0f0;
	margin-top: 10px;
	padding: 5px 0;
	color: #999;
}
/*=====  End of masonry Page  ======*/



.grid-sizer-div { bottom:-150px; }
.masonry-item:hover .grid-sizer-div { bottom:0px; }
.grid-sizer__overlay { position:relative; }
.masonry-item:hover .grid-sizer__overlay { display:block; }
/*custom next and prev. project indicator starts here*/



.project-overview {
	background-color: #202121;
	padding:3em 0em 3em 0em;
}
.posted-date { color:#aaaaaa; }
.prev-heading, .next-heading {
	color:#fff;
	font-size:13px;
}
.fa-clock-o { color:#c4b83e; }
.project-overview h2 {
	color:#fff;
	font-size:25px;
	display:inline-block;
}
.project-overview ul {
	display:inline-block;
	margin:px;
	padding:0px;
	list-style: none;
	float:right;
}
.prev-project-name { font-size:20px; }
.project-overview ul li { display:inline-block; }
.project-overview ul li a {
	display:inline-block;
	font-size:30px;
	color:#fff;
	margin-left:30px;
}
.prev, .next { overflow: hidden; }
.project-img {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.3;
	-webkit-transition: ease-in-out 0.5s;
}
.prev a:hover .project-img, .next a:hover .project-img {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
	opacity: 0.5;
}
.project-text {
	display:block;
	position:absolute;
	text-align:left;
	z-index: 999;
	top:25%;
	left:7%;
}
 @media(max-width: 990px) {
 .next, .prev {
 margin-top:20px;
}
}
 @media(max-width: 600px) {
 .project-text {
 top:18%;
 left:7%;
}
}
 @media(max-width: 400px) {
 .project-text {
 top:0%;
 left:7%;
}
}
section .section-title {
	text-align:center;
	color:#007b5e;
	margin-bottom:50px;
	text-transform:uppercase;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    line-height: 1;
    min-height: 450px;
    object-fit: cover;
    text-align: center;
    opacity: .65;
}


.carousel-caption{
text-shadow: 2px 3px 2px rgb(0 0 0);
}
.carousel-caption h2{
	font-size: 45px;
	clear: both;
}

.carousel-caption p{
	font-size: 16px;
	padding: 5px 15px;
	display: inline-block;
	background-color: #000;

}

.carousel-inner > .item{
	background-color: #000;
}
#what-we-do { background:#eaeaea; }
#what-we-do .card {
	padding: 1rem!important;
	border: none;
	margin-bottom:1rem;
 -webkit-transition: .5s all ease;
 -moz-transition: .5s all ease;
 transition: .5s all ease;
 min-height: 180px;
}
#what-we-do .card:hover {
	-webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	-moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	background-color: #fff;
    border-radius: 10px;
}
#what-we-do .card .card-block {
	padding-left: 41px;
	position: relative;
}
#what-we-do .card .card-block a {
	color: #007b5e !important;
	font-weight:700;
	text-decoration:none;
}
#what-we-do .card .card-block a i { display:none; }
#what-we-do .card:hover .card-block a i {
	display:inline-block;
	font-weight:700;
}
#what-we-do .card .card-block:before {
	font-family: FontAwesome;
	position: absolute;
	font-size: 37px;
	color: #007b5e;
	left: 0;
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition:transform .2s ease-in-out;
}
#what-we-do .card .block-1:before { content: "\f0e7"; }
#what-we-do .card .block-2:before { content: "\f0eb"; }
#what-we-do .card .block-3:before { content: "\f00c"; }
#what-we-do .card .block-4:before { content: "\f209"; }
#what-we-do .card .block-5:before { content: "\f0a1"; }
#what-we-do .card .block-6:before { content: "\f218"; }
#what-we-do .card:hover .card-block:before {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
 -webkit-transition: .5s all ease;
 -moz-transition: .5s all ease;
 transition: .5s all ease;
}
.footer-bs {
	background-color: #0f1010;
	padding: 60px 40px;
	color: rgba(255, 255, 255, 1.00);
	margin-bottom: 0px;
}
.footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { padding:10px 25px; }
.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-color: transparent; }
.footer-bs .footer-brand h2 { margin:0px 0px 10px; }
.footer-bs .footer-brand p {
	font-size:12px;
	color:rgba(255, 255, 255, 0.70);
}
.footer-bs .footer-nav ul.pages {
	list-style:none;
	padding:0px;
}
.footer-bs .footer-nav ul.pages li { padding:5px 0px; }
.footer-bs .footer-nav ul.pages a {
	color:rgba(255, 255, 255, 1.00);
	font-weight:bold;
	text-transform:uppercase;
}
.footer-bs .footer-nav ul.pages a:hover {
	color:rgba(255, 255, 255, 0.80);
	text-decoration:none;
}
.footer-bs .footer-nav h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom:10px;
}
.footer-bs .footer-nav ul.list {
	list-style:none;
	padding:0px;
}
.footer-bs .footer-nav ul.list li { padding:5px 0px; }
.footer-bs .footer-nav ul.list a { color:rgba(255, 255, 255, 0.80); }
.footer-bs .footer-nav ul.list a:hover {
	color:rgba(255, 255, 255, 0.60);
	text-decoration:none;
}
.footer-bs .footer-social ul {
	list-style:none;
	padding:0px;
}
.footer-bs .footer-social h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.footer-bs .footer-social li { padding:5px 4px; }
.footer-bs .footer-social a { color:rgba(255, 255, 255, 1.00); }
.footer-bs .footer-social a:hover {
	color:rgba(255, 255, 255, 0.80);
	text-decoration:none;
}
.footer-bs .footer-ns h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom:10px;
}
.footer-bs .footer-ns p {
	font-size:12px;
	color:rgba(255, 255, 255, 0.70);
}
 @media (min-width: 768px) {
 .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns {
border-left:solid 1px rgba(255, 255, 255, 0.10);
}
}
/*custom next and prev. project indicator ends here*/