/*	################################################################

	File Name: style.css
	Template Name: Pastel
	Created By: Filiz OZER
	http://themeforest.net/user/jollythemes
	
	1) SKELETON OPTIONS
	2) HEADER & TOPBAR
	3) FOOTER & COPYRIGHTS
	4) SECTION OPTIONS
	5) MODULES and WIDGET
	6) PAGE POST OPTIONS
	7) CAROUSEL WIDGET
	8) GALLERY OPTIONS
	9) RESPONSIVE OPTIONS
	10) DARK STYLES
	11) COLOR STYLES

	
################################################################# */ 
:root {
	--base_color: darkblue;
}
/* ----------------------------------------------------
	SKELETON
------------------------------------------------------- */

	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	html {
		font-size: 62.5%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
	body {
		background: #fbfbfb;
		padding:0;
		margin:0;
		-ms-word-wrap: break-word;
		word-wrap: break-word;
	}
	body,
	button,
	input,
	select,
	textarea {
		color: #767676;
		font: 300 15px/2 "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	::-moz-selection  {
		color: #fff;
		text-shadow:none;
		background:#070000;
	}
	::selection {
		color: #fff;
		text-shadow:none;
		background:#070000;
	}
	.hidden { display: none; }
	.alignleft { float: left; margin:20px 20px 10px 0;}
	.alignright { float: right; margin:20px 0 10px 20px; }
	.aligncenter {
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;
	}
	.clear {
		clear: both;
		display: block;
		font-size: 0;
		height: 0;
		line-height: 0;
		width:100%;
	}
	a { 
		color: #c49159;
		text-decoration: none;
			-webkit-transition: background-color .4s linear, color .4s linear;
		-moz-transition: background-color .4s linear, color .4s linear;
		-o-transition: background-color .4s linear, color .4s linear;
		-ms-transition: background-color .4s linear, color .4s linear;
		transition: background-color .4s linear, color .4s linear;
	}
	.show {
		-webkit-transition: all .4s linear;
		-moz-transition: all .4s linear;
		-o-transition: all .4s linear;
		-ms-transition: all .4s linear;
		transition: all .4s linear;
	}
	a:hover { 
		color: #676765;
		text-decoration:none;
	}
	a img { border: none !important; }
	a > img { vertical-align: bottom; }
	img {
		height: auto;
		max-width: 100%;
		vertical-align: bottom;
		width: auto;
	}
	p,
	pre,
	ul,
	ol,
	dl,
	dd,
	blockquote,
	address,
	table,
	fieldset,
	form{ 
		margin-bottom: 20px; 
		margin-bottom: 2rem;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: var(--base_color);
		font-family: 'Raleway', 'Helvetica Neue', Helvetica, sans-serif !important;
		font-weight: normal;
		padding: 0;
		text-transform: uppercase;
	}
	h1 {
		font-size: 50px;
		font-size: 5rem;
		letter-spacing: -2px;
		line-height: 1.4;
	}
	
	h2 {
		font-size: 40px;
		font-size: 4rem;
		letter-spacing: -2px;
		line-height: 1.375;
		margin: 0 0 15px 0;
		margin: 0 0 1.5rem 0;
	}
	h3 {
		font-size: 20px;
		font-size: 2rem;
		line-height: 1.11111;
		margin: 0 0 20px 0;
		margin: 0 0 2rem 0;
	}
	h4 {
		font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.125;
	}
	h5 {
		font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.4;
	}
	h6 {
		font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.4;
	}
	p.drop-caps:first-child:first-letter {
		float: left;
		font-size: 75px;
		line-height: 60px;
		padding: 4px;
		margin-right: 12px;
		color:#c49159;
		margin-top: 5px;
		font-family: Georgia;
	}
	p.drop-caps.full:first-child:first-letter {
		color: #fff;
		padding: 7px;
		background:#c49159;
		margin-right: 12px;
	}

/* ----------------------------------------------------
	HEADER & TOPBAR
------------------------------------------------------- */
		
	.topbar {
		position: relative;
		padding:10px 20px;
		display:block;
		width: 100%;
		text-align: center;
		background:#fbfbfb;
		color:#777;
	}
	.topbar p  {
		margin-bottom:0;
		font-style: italic;
	}
	#header {
		position: relative;
		padding:2rem 0 2rem;
		display:block;
		width: 100%;
		background:#fff;
		-o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03) inset;
		-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03) inset;
		-moz-box-shadow:0 2px 0 rgba(0, 0, 0, 0.03) inset;
		box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03) inset;
	}
	#logo {
		margin-top:5px;
		padding:0 10px 0 0;
		margin-right:20px;
	}
	.navbar-right button,
	.navbar-right li {
		padding:0 !important;
		margin:0 !important;
		width:40px !important;
		float:left !important;
		line-height:40px !important;
		font-size:30px !important;
		height:40px !important;
	}
	.navbar-right i {
		font-size:18px !important;
		color:#777 !important;
 	}
	.navbar-right i.fa-toggle-on {
		color:#c49159 !important;
	}
	.navbar {
		margin-bottom:0;
		padding-bottom:0;
	}
	.navbar-default .dropdown-menu{
		box-shadow:none;
		padding:0;
		border:1px solid #ededed;
	}
	.navbar-default .dropdown-menu > li > a {
		padding:13px 22px;
		font-weight:300;
		color:#777 !important;
		font-size:13px;
	}
	.navbar-default .dropdown-menu li {
		border-bottom:1px solid #ededed;
	}
	.navbar-default .dropdown-menu li:last-child {
		border-bottom:none !important;
	}
	.navbar-default {
		background:#fff;
		border:none !important;
		box-shadow:none !important;
		padding:2rem 0;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
	.navbar-nav > li > a {
		background-color: transparent;
		color: #8b8b8b;
		cursor: pointer;
		display: inline-block;
		letter-spacing: 1px;
		font: 400 13px/29px "Open Sans",sans-serif;
		margin: 10px 0 10px 5px;
		overflow: visible;
		padding: 0 12px;
		position: relative;
		text-transform: uppercase;
	}
	.navbar-nav > li > a:hover {
		color:#c49159 !important;
	}

/* ----------------------------------------------------
	FOOTER & COPYRIGHTS
------------------------------------------------------- */

	#footer {
		position: relative;
		padding:6rem 0 3rem;
		display:table;
		background:#fbfbfb;
		width: 100%;
	}
	.copyrights {
		position: relative;
		padding:4rem 0 3rem;
		display:table;
		background: white !important;
		width: 100%;
		text-align:center;
		background: #fff;
	}
	.copyrights-menu ul {
		padding-left:0 !important;
		margin-bottom:0;
		padding-bottom:0;
	}
	.copyrights-menu li {
		display:inline-block;
		padding:10px;
	}
	.copyrights-menu li a:hover {
		text-decoration:none;
		color:#A9A9A9;
	}
	#footer .widget h3 {
	    border-bottom: 2px solid #c49159;
	    display: inline-block;
	    font-weight: 300;
	    padding: 10px 0;
	}
	#footer .widget {
		padding:30px;
	}
	#footer .widget p {
	font-weight:300 !important;
	}
	.twitter_widget small {
		display:block !important;
	}
	.subscribe p {
		margin-bottom:10px;
	}
	.form-control:focus {
		border: 1px solid #c49159;
	}
	.categories li:before {
		content: "\f105";
		font-family: "FontAwesome";
		font-size: 16px;
		left: 0;
		color:#c49159;
		padding-right:10px;
		position: relative;
		top: 2px;
	}
	.categories li {
		font-size:14px;
		list-style:none;
	}
	.categories,
	.categories ul {
		margin-left:0 !important; 
		padding-left:0 !important
	}
	.categories li a {
		color:#656565;
	}

/* ----------------------------------------------------
	SECTIONS
------------------------------------------------------- */

	#wrapper {
		background:#fff;
	}
	#gallery-section,
	.gray-bg {
		background:#fbfbfb;
		position: relative;
		padding:6rem 0 6rem;
		display:table;
		text-align:center;
		width: 100%;
	}
	.parallax {
		background-attachment: fixed !important;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	 }
	.clients {
		background:#c49159;
		position: relative;
		padding:3rem 0 3rem;
		text-align:center;
		width: 100%;
	}
	.white-bg,
	.page-wrapper,
	#welcome,
	.service-section {
	   position: relative;
	   padding:6rem 0; 
	   display:table;
	   width: 100%;
	   background:#fff;
	}

	.page-wrapper,
	.service-section,
	#welcome,
	.clients,
	.parallax,
	.gray-bg,
	.white-bg,
	#gallery-section,
	.copyrights,
	#footer  {
		-o-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05) inset;
		-webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05) inset;
		-moz-box-shadow:0 3px 0 rgba(0, 0, 0, 0.05) inset;
		box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05) inset;
	}
	.container {
		position:relative;
	}

	.sidebar .widget  {
		border-bottom:1px solid #f0f0ec;
		display:block;
		position:relative;
		padding-bottom:30px;
		margin-bottom:30px;
	}

/* ----------------------------------------------------
	MODULES
------------------------------------------------------- */

	#map{
		height:550px;
		width:100%;
		position:relative;
		left:0;
		bottom:0;
		z-index:0;
	}
	#map img{
		max-width:inherit
	}
	.map{
		position:relative
	}
	.infobox img {
		width:100% !important;
	}
	.infobox {
		display: inline-block;
		padding: 5px;
		position: relative;
		width: 270px;
	}
	.infobox img {
		width:80px !important;
		padding-right:10px
	}
	.infobox .title {
		font-size:13px;
		font-weight:bold;
		margin-top:0;
		margin-bottom:0;
		text-transform:uppercase;
		padding-bottom:5px;
	}
	.infobox .title a {
		font-weight:bold;
	}
	.animationload {
		position: fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:#fbfbfb; /* change if the mask should have another color then white */
		z-index:999999; /* makes sure it stays on top */
	}
	.loader {
		width:200px;
		text-indent:-99999;
		height:200px;
		font-size:0;
		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/loading.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 */
	}
	.dmtop {
		background-color:transparent;
		background-position: 50% 50%;
		border:1px solid #c49159;
		background-repeat: no-repeat;
		z-index: 9999;
		width: 40px;
		height: 40px;
		position: fixed;
		bottom: -100px;
		right: 25px;
		cursor: pointer;
		-webkit-transition: all .7s ease-in-out;
		-moz-transition: all .7s ease-in-out;
		-o-transition: all .7s ease-in-out;
		-ms-transition: all .7s ease-in-out;
		transition: all .7s ease-in-out;
		overflow: auto;
	}
	.dmtop:before {
	    color: #c49159;
		content: "\f106";
	    font-family: "FontAwesome";
	    font-size: 21px;
	    left: 0;
	    padding-left: 13px;
	    position: relative;
	    top: -2px;
	}
	.grayscalaimg .item a img {
		max-width: 100%;
		border: none;
		vertical-align: middle;
		-webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		-webkit-filter: grayscale(100%);
		filter: gray;
		opacity: 1;
		-webkit-transition:opacity 1s;
	   -moz-transition:opacity 1s;
	     -o-transition:opacity 1s;
	        transition:opacity 1s;
	}
	.grayscalaimg .item:hover a img {
		-webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
		-webkit-filter: grayscale(0%);
		filter: alpha(Opacity=100);
		opacity: 1;
	}
	.creativetitle h3.widget-title {
		padding:0 0 20px !important;
		text-align:center;
	}
	.creativetitle h3.widget-title span {
		line-height:0.85em;
		font-size:28px; 
		background:#fbfbfb url(images/ele-bkg.png)50% 50% no-repeat;
		padding:30px!important;
		display:inline-block !important;
	}
	.creativetitle h3.widget-title span{
		line-height:0.85em;
	}
	.creativetitle.white h3.widget-title span {
		background-color:#fff !important;
	}
	#welcome  a {
		color:#fff;
		background:#c49159;
		padding:3px 10px;
	}
	#welcome .btn {
		margin-top:20px;
	}
	#welcome.version-center {
		text-align:center;
	}
	#welcome  a:hover{
		background: var(--base_color);
	}	
	#welcome p {
/*		color:#777; */
		color: black;
		font-weight:300;
		margin:0;
		line-height:2.4;
		font-family: 'Raleway', 'Helvetica Neue', Helvetica, sans-serif !important;
		font-size:18px !important;
	}
	#welcome h1 {
		color:#767676;
		font-family:Ralewao;
		font-weight:100;
		padding-bottom:1rem;
	}
	.loadmore {
		background:#fff;
		border:none;
		border-radius: 0;
		font-size: 14px;
		letter-spacing:0.4px;
		padding: 20px;
		color:#282828;
		text-align: center;
		width: 100%;
	}
	.loadmore:hover {
		background:#c49159;
		color:#ffF;
		border:none;
	}
	.modal .close {
		font-size:41px;
		opacity: 1;
		color:#c49159;
		position:absolute;
		right:0;
		text-shadow:none !important;
		top:20px;
		z-index:9999;
		filter: alpha(opacity=100);
	}
	.modal-content .form-control,
	.modal-content {
		box-shadow:none;
		font-size:28px;
		font-style:italic;
		font-size:300;
		font-weight:300;
		color:#777;
		height:80px;
		border-bottom:1px solid #c49159;
		border-radius:0;
		border-left:none;
		background-color:#fff;
		border-right:none;
		border-top:none;
	}
	.modal-backdrop.in {
		opacity: 1;
		zoom:1;
		filter: alpha(opacity=100);
	}
	.modal {
		top:30%;
		margin-top:-20px;
	}
	.modal-backdrop {
		z-index:999;
		background-color: #fff;
	}
	.columns-showcase p {
		background:#f9f9f9;
		text-align: center;
		-o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03) inset;
		-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03) inset;
		-moz-box-shadow:0 2px 0 rgba(0, 0, 0, 0.03) inset;
		box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03) inset;
	}
	.columns-showcase p:hover {
		background:#c49159;
		color:#fff;
	}
	.nav-tabs > li > a {
		color:#777 !important;
	}
	.panel-title > a {
		text-decoration: none !important;
	}
	.nav-tabs > li > a:hover,
	.nav-tabs > li > a:focus,
	.nav-tabs > li > a:active,
	.nav-tabs > li > a.active,
	.panel-default > .panel-heading,
	.panel {
	    background-color: #fff;
	    border-radius: 0 !important;
	    box-shadow: none !important;
	}
	.panel-title {
	    color: #777 !important;
/*	    font-weight: 300;   */
		 font-weight: 600; 	
	    text-transform: none;
	}
	.panel-heading {
		padding:20px !important;
	}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		border-radius: 0 !important
	}
	.tab-content {
		overflow:auto;
		border-color:#ddd;
		border-style:solid;
		border-width:0 1px 1px;
		padding:20px;
	}
	.tabbable:before,.tabbable:after {
		content:" ";
		display:table;
	}
	.tabbable:after {
		clear:both;
	}
	.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs {
		border-bottom:0;
	}
	.tab-content>.tab-pane,.pill-content>.pill-pane {
		display:none;
	}
	.tab-content>.active,.pill-content>.active {
		display:block;
	}
	.tabs-below .tab-content {
		border-width:1px 1px 0;
	}
	.tabs-below>.nav-tabs {
		border-top:1px solid #ddd;
	}
	.tabs-below>.nav-tabs>li {
		margin-top:-1px;
		margin-bottom:0;
	}
	.tabs-below>.nav-tabs>li>a {
		margin-top:0;
		margin-bottom:4px;
		border-radius:0 0 2px 2px;
	}
	.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover,.tabs-below>.nav-tabs>.active>a:focus {
		margin-bottom:0;
		border-color:transparent #ddd #ddd;
	}
	.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li {
		float:none;
		margin-bottom:0;
	}
	.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a {
		min-width:74px;
		margin-right:0;
		margin-bottom:0;
		margin-top:0;
		text-align:center;
		padding:8px 18px;
	}
	.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover,.tabs-left>.nav-tabs .active>a:focus,.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover,.tabs-right>.nav-tabs .active>a:focus {
		padding:8px 16px;
	}
	.tabs-left .tab-content,.tabs-right .tab-content {
		border-width:1px;
	}
	.tabs-left>.nav-tabs {
		float:left;
		margin-right:0;
		border-right:1px solid #ddd;
	}
	.tabs-left>.nav-tabs>li>a {
		margin-right:-1px;
		margin-left:4px;
		border-radius:2px 0 0 2px;
	}
	.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover,.tabs-left>.nav-tabs .active>a:focus {
		margin-left:0;
		margin-right:-2px;
		border-color:#ddd #fff #ddd #ddd;
	}
	.tabs-right>.nav-tabs {
		float:right;
		margin-left:0;
		border-left:1px solid #ddd;
	}
	.tabs-right>.nav-tabs>li>a {
		margin-left:-1px;
		margin-right:4px;
		border-radius:0 2px 2px 0;
	}
	.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover,.tabs-right>.nav-tabs .active>a:focus {
		margin-right:0;
		margin-left:-2px;
		border-color:#ddd #ddd #ddd #fff;
	}
	.form-control {
		background: #fefefe;
		border: 1px solid #ddd;
		margin: 13px 0 13px;
		font-size:13px;
		display:block;
		border-radius:0;
		box-shadow: none !important;
		width: 100%;
		color:#9c9c9c;
		outline: medium none;
		padding: 7px 10px;
	}

	.form-control {
		height:45px;
		background: #fff;
	}
	.btn-transparent{
	    /* @editable properties */
	    border: 1px solid #c49159;
		background-color:transparent !important;
	    border-radius: 2px;
	    color: #c49159 !important;
	    display: inline-block;
	    font:400 13px/28px "Open Sans", sans-serif;
	    text-decoration: none;
		text-transform:uppercase;
	    padding: 3px 26px !important;
	    outline: 0;
	}
	.btn-primary {
	    background-color: #c49159;
	    border-color: #c39658;
	    color: #fff;
	}
	.btn-custom {
	    text-align: center;
	}
	.btn-custom {
	    border: 2px solid #DEDEDE;
	    border-radius: 2px;
	    color: #7E7B7B;
	    display: inline-block;
	    font: 400 11px/34px "Open Sans", sans-serif;
	    min-width: 80px;
	    text-decoration: none;
	    padding: 0 20px;
	    outline: 0;
	    margin-top: 30px;
	}
	.btn-custom:hover {
	    color: #B0B0B0;
	    text-decoration: none;
	}
	.btn {
		border-radius:0;
	}
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary:hover {
	    background-color: #c39658; 
	    border-color: #c49159;
	    color: #fff;
	}
	#filter-menu {
	    background: #fff;
	    border: medium none;
	 
	}
	.client-img {
	    background:#ffffff;
	    border: 2px solid #ededed;
	    margin-bottom: 30px;
	    text-align: center;
	}
	.team-members-area .row,
	.service-fullwidth .row {
		padding-bottom:30px;
		margin-bottom:60px;
		border-bottom:1px solid #ededed;
	}
	.team-members-area .row:last-child,
	.service-fullwidth .row:last-child {
		border-bottom:0 solid #ededed;
		margin-bottom:0;
	}
	.service-fullwidth h3 {
		font-weight:300 !important;
		text-transform: none;
		font-size:24px !important;
	}
	.service-fullwidth h3 span {
		color:#c49159;
	}
	.parallax h1 span {
	    color: #c49159 !important;
	}

	.parallax p {
		font-weight:100 !important;
	}
	.social-buttons span {
		width:80px;
		font-size:46px;
		display:inline-block;
		height:80px;
		margin:0 7px 7px 0;
		border:1px dotted #c3c3c3;
		text-align:center;
		line-height:80px;
	}
	.social-buttons i {
		color:#e6e6e6;
	}
	.social-buttons span:hover i {
		color:#c49159;
	}
	.media-element {
		margin-bottom:3rem;
		position:relative;
	}

/* ----------------------------------------------------
	PAGE POST OPTIONS
------------------------------------------------------- */

	.related-posts {
		margin:3rem 0;
		position:relative;
	}
	.related-posts .project-title {
		margin-bottom:4rem !important;
	}	
	.page-title {
	    border-bottom: 1px solid #ededed;
	    display: block;
	    margin-bottom: 3rem;
	    padding-bottom: 2rem;
	    position: relative;
	}
	.page-title h1 {
		font-weight:500;
		letter-spacing:0.3px;
		line-height:2;
		font-size:36px !important;
	}
	#next-item:hover,
	#prev-item:hover {
		color:#fff !important;
		background:#c49159 !important;
		border-color:#c49159 !important
	}
	.pager li > a, .pager li > span {
	    border-radius: 0;
	}
	#comments_form .form-control{
	    margin-bottom:10px;
	}
	.comment-list {
	    padding:0;
	    margin: 30px 0 20px;
	    list-style:none;
	}
	.comment-list ul li,
	.comment-list ol li {
	    list-style:none;
	}
	.comment-avatar {
	    margin: 20px 20px 0 0;
	    float: left;
	    height: 70px; 
	    width: 70px;
	}
	.comment-content {
	    margin-bottom: 0;
	    overflow: hidden;
	    padding: 20px;
	}
	.comment-reply a {
	    margin-bottom:10px;
	}
	.comment-author {
	    display:block;
	    font-weight:500;
	    text-transform: uppercase;
	    color:#222;
	    font-size:18px;
	    margin-bottom: 20px;
	}
	.comment-meta {
	    font-size: 12px;
	    color: #aaa;
	    padding-left:10px;
	}
	.comment-reply {
	    margin:; 0;
	    font-size: 12px;
	    position:relative;
	    clear:both;
	    color: #222 !important;
	}
	.blog-wrap  {
		border-bottom:1px solid #f0f0ec;
		display:block;
		position:relative;
		padding-bottom:60px;
		margin-bottom:60px;
	}
	.author-box h4 a {
		color:#070000;
	}
	.author-box .alignleft {
		margin-top:20px !important;
	}
	.author-box .meta {
	 	float:right;
	 	margin-top:0 !important;
	}
	.author-box .meta a {
	 	padding-right:20px;
	}
	.author-box {
		border-top:1px solid #f0f0ec;
		border-bottom:1px solid #f0f0ec;
	    margin:20px 0 40px;
	    padding:20px 0 60px;
	}
	.author-box img {
	    width:120px !important;
	    -webkit-border-radius: 111px;
	    -moz-border-radius: 111px;
	    border-radius: 111px;
	}
	.author-box .meta {
	    border-bottom: 0 solid #ededed;
	    border-top: 0 solid #ededed;
	}
	.related-articles .cbp-item-wrapper {
		text-align: center !important
	}
	.meta {
		display:block;
		position:relative;
		margin:17px 5px 0px;
	}
	.meta span {
	    font-size: 12px;
	    margin: 0;
	    padding-right: 7px;
	}

	.meta span i {
		margin-right:4px;
	}

	.meta span a {
		color:#777777;
	}
	.quotepost {
		background-color:#c49159 !important;
		color:#fff;
		font-family:Georgia;
		padding:40px !important;
		font-size: 18px !important;
		letter-spacing: 1px;
	}
	.quotepost .leadbig:before {
		text-align:center;
		padding:10px 20px 20px 0;
		font-family: 'FontAwesome';
		content: "\f10d";
	}
	.quotepost .leadbig:after {
		padding:10px 20px 20px 20px;
		font-family: 'FontAwesome';
		content: "\f10e";
	}
	.blog-wrap .title h3 a {
		color:#070000;
	}
	.blog-wrap .title h3:hover a {
	    background-color: #c49159;
	    color: #fff;
	}
	.service-fullwidth img,
	.blog-wrap img {
		width:100%;
		opacity: 0.9;
	}
	.service-fullwidth img:hover,
	.blog-wrap img:hover {
	    /* @editable properties */
	    opacity:1;
	}
	.blog-wrap .title h3  {
	    color: #070000;
	    display: block;
	    font: 2rem 18px/48px "Open Sans",sans-serif;
	    margin: 0;
		 line-height: 3rem;
	    padding:10px 0;
	    text-transform: uppercase;
	}
	.service-box {
		text-align:center;
	}
	.service-box .title h3 {
		text-transform: none !important;
		margin-bottom:13px;
		font-size:18px;
	}
	.service-box p {
		margin-bottom:5px;
	}
	.icon-container {
		width:100px;
		height:100px;
		line-height:100px;
		text-align:center;
		border:1px dashed #cac6c6;
		font-size:44px;
		margin:20px auto 30px;
		
	}
	.icon-container span {
		color:#c49159 !important
	}
	.readmore {
		font-weight:400;
		font-size:14px;
		letter-spacing:-0.6px;
	}
	.readmore:after{
		content: "\f101";
		font-family: "FontAwesome";
		font-size: 14px;
		left: 0;
		color:#c49159;
		padding-left:7px;
		position: relative;
		top: 1px;
	}
	.blog-wrap .media-element {
		margin-bottom:0;
	}
	.pagination > li:last-child > a, .pagination > li:last-child > span,
	.pagination > li:first-child > a, .pagination > li:first-child > span {
		border-radius:0;
	}
	.pagination > li > a:hover,
	.pagination > li > span:hover,
	.pagination > li > a:focus,
	.pagination > li > span:focus {
		color: #c49159;
		background-color: #fff;
		border-color: #c49159;
	}
	.pagination > li > a, .pagination > li > span {
	    background-color: #fff;
	    border: 1px solid #777;
	    color: #777;
	    margin-left: -1px;
		 margin-right: 10px;
	    padding: 8px 15px;
	}
	#next-item,
	#prev-item {
		color: var(--base_color);
		font-size:21px;
		border:1px solid #777;
		width:40px;
		height:40px;
		line-height:38px;
		text-align:center;
		display:inline-block;
	}

	.page-title h4 {
		color: #777777;
	    font: 300 14px/21px "Open Sans",sans-serif;
	    margin: 0 0 10px 5px;
	    text-transform: uppercase;
	}

/* ----------------------------------------------------
	CAROUSEL WIDGET
------------------------------------------------------- */

	.owl-carousel .owl-wrapper:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	/* display none until init */
	.owl-carousel{
		display: none;
		position: relative;
		width: 100%;
		-ms-touch-action: pan-y;
	}
	.owl-carousel .owl-wrapper{
		display: none;
		position: relative;
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
	.owl-carousel .owl-wrapper-outer{
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	.owl-carousel .owl-wrapper-outer.autoHeight{
		-webkit-transition: height 500ms ease-in-out;
		-moz-transition: height 500ms ease-in-out;
		-ms-transition: height 500ms ease-in-out;
		-o-transition: height 500ms ease-in-out;
		transition: height 500ms ease-in-out;
	}
		
	.owl-carousel .owl-item{
		float: left;
	}
	.owl-controls .owl-page,
	.owl-controls .owl-buttons div{
		cursor: pointer;
	}
	.owl-controls {
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	/* fix */
	.owl-carousel  .owl-wrapper,
	.owl-carousel  .owl-item{
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility:    hidden;
		-ms-backface-visibility:     hidden;
	  -webkit-transform: translate3d(0,0,0);
	  -moz-transform: translate3d(0,0,0);
	  -ms-transform: translate3d(0,0,0);
	}

/* ----------------------------------------------------
	GALLERY OPTIONS
------------------------------------------------------- */

	#gallery-section.littlepadding {
		padding:3rem 0 6rem !important;
	}
	#gallery {
	    clear: both;
		margin:0 0 20px;
	}
	#gallery .ftg-filters a {
		font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
		font-size: 14px;
		color:#333333 !important;
		font-size: 1.4rem;
		line-height: 1.4;
	}
	.project-title  {
	    border-bottom: 1px solid #cdcdcd;
	    color: #444;
	    margin-bottom: 10px;
	}
	.project-title h2 {
		border-bottom: 1px solid #c49159;
	    color: #0333333;
		letter-spacing:0.1px;
	    display: inline-block;
	    font: 400 18px/48px "Open Sans",sans-serif !important;
	    margin: 0 0 -1px;
	    padding: 0 5px 10px 0;
	    text-align: center;
	    text-transform: uppercase;
	}
	.details-list {
		padding-left:0;
		list-style:none;
	}
	.details-list > li,
	.details-list > div {
	    border-bottom: 1px dotted #DFDFDF;
	    padding: inherit;
	    color: #666;
		padding:5px 0;
	    font: 300 14px/30px "Open Sans", sans-serif;
	}
	.details-list strong {
	    display: inline-block;
	    color: #696969;
	    font-weight: 600;
	    min-width: 100px;
	}
	.details-visit {
	    float: right;
	    margin-top: 25px;
	}
	.cbp-caption-activeWrap {
		background:#fff !important;
	}
	#gallery .ftg-filters a.selected {
		color:#c49159 !important
	}
	#gallery .caption p {
		color: #03333;
		font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
		margin: -20px auto 3px;
		padding: 0;
		font-size:16px;
		border-bottom:1px double #3333;
		display:inline-block;
		font-weight:400;
		position: relative;
		text-align: center;
		text-transform: uppercase;
		top: 40%;
	}
	#gallery .caption small {
		color: #777;
		letter-spacing:0.2em;
		font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
		margin: 0 auto;
		padding: 0;
		font-size:12px;
		display:block;
		font-weight:400;
		position: relative;
		text-align: center;
		text-transform: uppercase;
		top: 40%;
	}
	.cbp-l-caption-title {
		color: var(--base_color) !important;
		cursor: pointer;
		display: inline-block;
		font: 600 11px/29px "Open Sans",sans-serif;
		overflow: visible;
		position: relative;
		text-transform: uppercase;
	}
	.awk_para_nav {
	    margin-top: 3px;
		color: var(--base_color) !important;
		font: 600 11px/17px bold "Open Sans",sans-serif;
		text-transform: uppercase;
	}
	.cbp-l-caption-desc {
		margin-top:-2px !important;
			color:#c49159 !important;

	}

/* ----------------------------------------------------
	RESPONSIVE OPTIONS
------------------------------------------------------- */

	@media only screen and (max-width: 767px) {
		.navbar-header {
			padding-bottom:10px;
		}
		.page-title .pull-right,
		.navbar-right button, .navbar-right li {
			display: none;
		}
		.page-title h1 {
			font-size:28px !important;
			line-height:35px !important;
		}
		#welcome h1 {
			font-size:3rem;
		}
		#welcome p {
			line-height:28px;
			font-size:14px !important;
		}
		.copyrights-menu li {
			padding:0 4px;
		}
	}

/* ----------------------------------------------------
	DARK STYLES


	#next-item, #prev-item,
	.project-title,
	.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th,
	.table > thead > tr > th,
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td,
	.details-list > li, .details-list > div,
	.team-members-area .row, .service-fullwidth .row,
	.blog-wrap,
	.author-box,
	.nav-tabs,
	blockquote,
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus,
	.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li > a:active, .nav-tabs > li > a.active, .panel-default > .panel-heading, .panel,
	hr,
	.page-title,
	.tab-content,
	.social-buttons span,
	.sidebar .widget,
	.icon-container,
	.cbp-l-filters-button .cbp-filter-item,
	.cbp-l-inline-view,
	.cbp-popup-singlePage .cbp-l-project-details-list > li, .cbp-popup-singlePage .cbp-l-project-details-list > div,
	.cbp-popup-singlePage .cbp-l-project-desc-title,
	.cbp-popup-singlePage .cbp-l-project-details-title,
	.cbp-popup-singlePage .cbp-popup-navigation-wrap,
	.navbar-default .dropdown-menu li,
	.navbar-default .dropdown-menu,
	.cbp-l-filters-alignRight .cbp-filter-item,
	.form-control {
		border-color:#313131;
	}

	.creativetitle.white h3.widget-title span {
		background-color:#5e5845 !important;
	}

	.creativetitle h3.widget-title span {
		background-color:#212121 !important;
	}

	.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th,
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus,
	.columns-showcase p,
	.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li > a:active, .nav-tabs > li > a.active, .panel-default > .panel-heading, .panel,
	.blog-wrap .title h3 a:hover,
	.modal-backdrop.in,
	.navbar-default .dropdown-menu li a:hover,
	.cbp-popup-navigation-wrap,
	.navbar-default .dropdown-menu,
	.cbp-caption-activeWrap,
	.copyrights,
	.form-control,
	.topbar,
	#gallery-section,
	.gray-bg {
		background:#5e5845 !important;
	}

	.pagination > li > a,
	.pagination > li > a:hover,
	.pagination > li > span:hover,
	.pagination > li > a:focus,
	.pagination > li > span:focus,
	.cbp-l-filters-button .cbp-filter-item,
	.cbp-item-wrapper,
	.cbp-l-filters-list .cbp-filter-item,
	.cbp-l-inline,
	.cbp-popup-wrap,
	.navbar-default,
	#filter-menu,
	#footer,
	#header,
	#wrapper,
	.white-bg,
	.page-wrapper,
	#welcome,
	.service-section {
	   background:#5e5845;
	}

	#next-item, #prev-item,
	.author-box h4 a,
	.comment-reply,
	.social-buttons span,
	.blog-wrap .title h3 a,
	.cbp-l-grid-blog-title,
	.cbp-l-grid-projects-title,
	.cbp-l-caption-text,
	.cbp-l-filters-list .cbp-filter-item,
	.cbp-l-filters-list .cbp-filter-item:focus,
	.cbp-popup-singlePage .cbp-l-project-title,
	.cbp-popup-singlePage .cbp-l-project-desc-title span, .cbp-popup-singlePage .cbp-l-project-details-title span,
	.cbp-l-filters-alignRight .cbp-filter-item:hover,
	.cbp-l-caption-title,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: #b2b2b2 !important;
	}
------------------------------------------------------- */

/* ----------------------------------------------------
	COLOR STYLES
------------------------------------------------------- */
	.columns-showcase p:hover,
	.btn-primary,
	.blog-wrap .title h3:hover a,
	.quotepost,
	.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active,
	.cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active,
	.cbp-popup-singlePage .cbp-l-project-details-visit,
	.cbp-l-caption-buttonLeft,
	.cbp-l-caption-buttonRight {
	    background-color: #469e95 !important;
	}
	.cbp-l-filters-alignRight .cbp-filter-counter:before {
		border-top-color: #469e95 !important;
	}
	.btn-primary,
	#next-item:hover,
	#prev-item:hover,
	.pagination > li > a:hover,
	.pagination > li > span:hover,
	.pagination > li > a:focus,
	.pagination > li > span:focus,
	.dmtop,
	.cbp-l-filters-dropdownList .cbp-filter-item,
	.modal-content .form-control, .modal-content,
	.btn-transparent,
	.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active,
	.cbp-l-loadMore-button .cbp-l-loadMore-button-link,
	.cbp-l-filters-list .cbp-filter-item {
		border-color: #469e95 !important;
	}
	.project-title h2,
	#footer .widget h3,
	.cbp-popup-singlePage .cbp-l-project-desc-title span,
	.cbp-popup-singlePage .cbp-l-project-details-title span {
	    border-bottom-color: #469e95 !important;
	}

	#welcome .btn {
		background: transparent !important
	}
	p.drop-caps.full:first-child:first-letter,
	#next-item:hover,
	#prev-item:hover,
	.flex-direction-nav-on-top .flex-prev:before, .flex-direction-nav-on-top .flex-next:before,
	.cbp-l-filters-alignRight .cbp-filter-counter,
	#welcome a,
	.clients,
	.cbp-l-filters-dropdownWrap {
	    background: #469e95 !important;
	}
	.social-buttons span:hover i,
	p.drop-caps:first-child:first-letter,
	.service-fullwidth h3 span,
	.categories li:before,
	.dmtop:before,
	.modal .close,
	.readmore:after,
	a {
	    color: #469e95;
	}
	.icon-container span,
	.navbar-nav > li > a:hover,
	.navbar-right i.fa-toggle-on,
	.parallax h1 span,
	.btn-transparent,
	.cbp-l-caption-desc,
	.cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover,
	.cbp-l-loadMore-button .cbp-l-loadMore-button-stop,
	.cbp-l-loadMore-button .cbp-l-loadMore-button-link,
	.cbp-l-grid-blog-comments {
	    color: #469e95 !important;
	}