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

	* Theme Name: LARX - A Creative Multi-Concept Theme

	* Description: Interior Design, Architecture, Corporate, and Portfolio Theme.

	* Version: 1.1

	* Author: Denis Griu

	* Website: http://larx-wp.denisgriu.com

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



/*

---------------



Table of Contents:



1) BOOTSTRAP OVERRIDE

2) GENERAL STYLES

3) HEADER PAGES PARALLAX BACKGROUND STYLES

4) SERVICES STYLES

5) SITE WRAPPER STYLES

6) PROJECTS STYLES

7) TESTIMONIALS STYLES

8) BLOG STYLES

9) ABOUT STYLES

10) CONTACT STYLES

11) FOOTER STYLES

12) OFF-CANVAS MENU STYLES

13) DARK VERSION STYLES

14) RESPONSIVE STYLES

15) 404 PAGE STYLES

16)	COMING SOON TIMER STYLES

17) SHORTCODES

18) SCREEN READER TEXT



--------------

*/



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

	1) BOOTSTRAP OVERRIDE

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

.btn{

	border-radius: 0px;

	text-decoration: none;

	padding: 12px 18px;

	font-size: 12px;

	line-height: 19px;

	text-transform: uppercase;

	font-family: 'Raleway', sans-serif;

	font-weight: 700;

	letter-spacing: 3px;

	border: 2px solid transparent;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	-ms-transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

}

.btn:focus, .btn:active:focus, .btn.active:focus {

	color: #fff;

}

.pagination {

	border-radius: 0;

}

.pagination>li:first-child>a, .pagination>li:first-child>span{

	border-bottom-left-radius: 0;

	border-top-left-radius: 0;

}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{

	background-color: #d0ad55;

	border-color: #d0ad55;

}

.pagination>li:last-child>a, .pagination>li:last-child>span{

	border-bottom-right-radius: 0;

	border-top-right-radius: 0;

}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{

	color: #282828;

}

.pagination>li>a, .pagination>li>span{

	color: #282828;

}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {

	background-color: #d0ad55;

	border-color: #d0ad55;

}

.form-control{

	height: 46px;

	padding: 12px 18px;

	border-radius: 0;

	-webkit-box-shadow: none;

	box-shadow: none;

	-webkit-transition: none;

	transition: none;

}

.form-control:focus{

	border-color: #999;

	outline: 0;

	-webkit-box-shadow: none;

	box-shadow: none;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	-ms-transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

}

.progress{

	background-color: #fff;

	border-radius: 0;

	-webkit-box-shadow: none;

	box-shadow: none;

}

.progress-bar {

	float: left;

	width: 0;

	height: 100%;

	font-size: 12px;

	line-height: 20px;

	color: #fff;

	text-align: center;

	background-color: #d0ad55;

	-webkit-box-shadow: none;

	box-shadow: none;

	-webkit-transition: width .6s ease;

	-o-transition: width .6s ease;

	transition: width .6s ease;

}

.vc_progress_bar .vc_single_bar .vc_bar{

	background-color: #d0ad55 !important;

	border-radius:0 !important;

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {

	border-color: transparent;

	border: none;

}

.nav>li>a {

	position: relative;

	display: block;

	padding: 25px 20px;

}

.navbar-default .navbar-brand {

	font-family: 'Raleway', sans-serif;

	font-weight: 700;

	font-size: 22px;

	text-transform: uppercase;

	text-align: center;

	color: #333;

}

.navbar-brand {

	float: left;

	height: 50px;

	padding: 25px 25px;

	font-size: 18px;

	line-height: 20px;

}

.navbar {

	border: none;

}

.navbar-default .navbar-nav>li>a {

	color: #333;

	font-family: 'Raleway', sans-serif;

	text-transform: uppercase;

	font-size: 12px;

	font-weight: 500;

	letter-spacing: 1px;

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {

	color: #d0ad55;

	background-color: transparent;

}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {

	color: #d0ad55;

	background-color: transparent;

	-webkit-transition: background-color .2s linear, color .2s linear;

	-moz-transition: background-color .2s linear, color .2s linear;

	-o-transition: background-color .2s linear, color .2s linear;

	-ms-transition: background-color .2s linear, color .2s linear;

	transition: background-color .2s linear, color .2s linear;

}

.navbar-default .navbar-toggle .icon-bar {

	background-color: #d0ad55;

}

.navbar-default .navbar-toggle {

	border-color: transparent;

}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

	background-color: transparent;

}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {

	max-height: 100%;

}

.modal-header {

	min-height: 16.43px;

	padding: 25px;

	border-bottom: none;

}

.modal{

	top: 10%;

}

.modal-body{

	padding: 10px 50px 50px 50px;

}

.navbar-toggle {

	position: relative;

	float: right;

	padding: 17px 10px;

	margin-top: 8px;

	margin-right: 15px;

	margin-bottom: 0;

	background-color: transparent;

	background-image: none;

	border: none;

	border-radius: 4px;

}

.navbar-collapse {

	border-top: none;

	-webkit-box-shadow: none;

	box-shadow: none;

}

.modal-content {

	position: relative;

	background-color: #f2f2f2;

	-webkit-background-clip: padding-box;

	background-clip: padding-box;

	border: none;

	border: none;

	border-radius: 0;

	outline: 0;

	-webkit-box-shadow: none;

	box-shadow: none;

}

.thumbnail{

	margin-bottom: 0;

	border: none;

	background:none;

}

.close {

	float: right;

	font-size: 32px;

	font-weight: 700;

	line-height: 1;

	color: #d0ad55;

	text-shadow: none;

	filter: none;

	opacity: 100;

}

ul.nav li.dropdown:hover > ul.dropdown-menu {

    display: block;

}

.dropdown-menu {

	background-color: #f2f2f2;

	border: none;

	border-radius: 0;

	-webkit-box-shadow: none;

	box-shadow: none;

}

.dropdown-menu>li>a {

	font-family: 'Raleway', sans-serif;

	text-transform: uppercase;

	letter-spacing: 0;

	font-size: 14px;

	display: block;

	padding: 7px 20px;

	clear: both;

	font-weight: 500;

	line-height: 1.42857143;

	color: #333;

	white-space: nowrap;

}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {

	color: #9f0133!important;

	text-decoration: none;

    	font-size: 14px;

   	letter-spacing: 0;

	background-color: #f2f2f2!important;

	-webkit-transition: background-color .2s linear, color .2s linear;

	-moz-transition: background-color .2s linear, color .2s linear;

	-o-transition: background-color .2s linear, color .2s linear;

	-ms-transition: background-color .2s linear, color .2s linear;

	transition: background-color .2s linear, color .2s linear;

}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {

	color: #fff;

	text-decoration: none;

	background-color: #333;

	outline: 0;

}

.navbar-right .dropdown-menu {

	right: 0;

	left: auto;

}

.panel-default>.panel-heading {

	color: #333;

	background-color: #f5f5f5;

	border-color: transparent;

}

.panel-heading{

	padding: 25px 25px;

	border-bottom: none;

	border-top-left-radius: 0;

	border-top-right-radius: 0;

}

.panel-group .panel {

	margin-bottom: 0;

	border-radius: 0;

}

.panel-default {

	border-color: transparent;

}

.panel-default>.panel-heading+.panel-collapse>.panel-body {

	border-top-color: transparent;

}

.panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {

	border-top: none;

}

.panel {

	margin-bottom: 20px;

	background-color: #f5f5f5;

	border: none;

	border-radius: 0;

	-webkit-box-shadow: none;

	box-shadow: none;

}

.panel-body {

	padding: 25px;

}

.tab-content>.active {

	padding: 25px;

	background-color: #f5f5f5;

}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {

	color: #555;

	cursor: default;

	background-color: #f5f5f5;

	border: none;

	border-bottom-color: transparent;

}

.nav-tabs>li>a {

	margin-right: 2px;

	line-height: 1.42857143;

	border: none;

	border-radius: 0;

}

.nav-tabs {

	border-bottom: none;

}

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

	2) GENERAL STYLE

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



html {

	height: 100%;

	min-height: 100%;

}

body {

	height: 100%;

	font-size: 15px;

	font-family: 'Open Sans', sans-serif;

	font-weight: 300;

	line-height: 22px;

	color: #4c4c4c;

}

a{

	color:#aaaaaa;

	padding: 0;

	margin: 0;

	text-decoration: none;

	-webkit-transition: background-color .2s linear, color .2s linear;

	-moz-transition: background-color .2s linear, color .2s linear;

	-o-transition: background-color .2s linear, color .2s linear;

	-ms-transition: background-color .2s linear, color .2s linear;

	transition: background-color .2s linear, color .2s linear;

}

a:hover,

a:focus {

	text-decoration: none;

	color:#d0ad55;

	outline: none;

	outline-offset: none;

}

p > img {

	max-width: 100% !important;

	height: auto;

}

.bg-color{

	background-color: #f5f5f5;

}

.general-title h2{

	font-family: 'Raleway', sans-serif;

	font-size: 30px;

	line-height: 31px;

	font-weight: 300;

	letter-spacing: 3px;

	color: #696969;

	text-transform: uppercase;

	-webkit-font-smoothing: antialiased;

	padding: 0;

	margin: 0;

}

/* .head-title h2{

	text-align: center;

	font-family: 'Raleway', sans-serif;

	font-size: 30px;

	line-height: 31px;

	font-weight: 300;

	letter-spacing: 3px;

	color: #fff;

	text-transform: uppercase;

	-webkit-font-smoothing: antialiased;

	padding: 0;

	margin: 0;

} */

.service-title h3{

	font-family: 'Raleway', sans-serif;

	font-size: 16px;

	color: #282828;

	text-transform: uppercase;

	font-weight: 500;

}

.project-title h3{

	font-family: 'Raleway', sans-serif;

	font-size: 16px;

	text-transform: uppercase;

	font-weight: 600;

}

.title-devider{

	border-bottom: 2px solid #c0c0c0;

	display: block;

	width: 100px;

	margin: auto;

	margin-top: 5px;

	margin-bottom: 40px;

}

.title-devider-left{

	border-bottom: 2px solid #c0c0c0;

	display: block;

	width: 100px;

}

.space{

	margin-top: 20px;

}

.space-bottom{

	padding-bottom: 20px;

}

.space-bottom-2x{

	padding-bottom: 40px;

}

.padding-top{

	padding-top: 40px;

}

.padding-2x{

	padding: 40px 0;

}

.padding-bottom{

	padding-bottom: 80px;

}

.padding-top-x2{

	padding-top: 80px;

}

.margin-top{

	margin-top: 25px;

}

.margin-top-x2{

	margin-top: 40px;

}

.bg-color{

	background-color: #f2f2f2;

}

.white-btn{

	color: #fff;

	background-color: transparent;

	border-color: #fff;

}

.white-btn:hover{

	color: #000;

	background-color: #fff;

	border-color: #fff;

}

.gold-btn{

	color: #fff;

	background-color: #d0ad55;

	border-color: #d0ad55;

}

.gold-btn:hover{

	color: #fff;

	background-color: #D8BA6F;

	border-color: #D8BA6F;

}

/*loader*/

.spinner {

  margin: 0 auto;

  width: 70px;

  text-align: center;

}

.spinner > div {

  width: 18px;

  height: 18px;

  background-color: #333;

  border-radius: 100%;

  display: inline-block;

  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;

  animation: bouncedelay 1.4s infinite ease-in-out;

  /* Prevent first frame from flickering when animation starts */

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.spinner .bounce1 {

  -webkit-animation-delay: -0.32s;

  animation-delay: -0.32s;

}

.spinner .bounce2 {

  -webkit-animation-delay: -0.16s;

  animation-delay: -0.16s;

}



@-webkit-keyframes bouncedelay {

  0%, 80%, 100% { -webkit-transform: scale(0.0) }

  40% { -webkit-transform: scale(1.0) }

}



@keyframes bouncedelay {

  0%, 80%, 100% {

    transform: scale(0.0);

    -webkit-transform: scale(0.0);

  } 40% {

    transform: scale(1.0);

    -webkit-transform: scale(1.0);

  }

}

#preloader {

	 position:fixed;

	 display: table;

	 width: 100%;

	 height: 100%;

	 min-height: 100%;

	 overflow-x: hidden;

	 overflow-y: hidden;

	 vertical-align: middle;

	 background: #fff;

	 z-index:9999;

}

.preloader-container {

	 position: relative;

	 display: table-cell;

	 vertical-align: middle;

	 z-index: 3;

	 text-align:center;

}

.vc_images_carousel ol.vc_carousel-indicators {

	margin: 0 0 -60px -30% !important;

}

.vc_images_carousel .vc_carousel-indicators .vc_active {

	width: 12px !important;

	height: 12px !important;

	margin: 5px !important;

}

.vc_images_carousel .vc_carousel-indicators li {

	width: 12px !important;

	height: 12px !important;

	margin: 5px !important;

}

/*navbar*/

.header-nav{

	text-align: center;

	background: rgba(255, 255, 255, 0.9);

	border-color: transparent;

	border-radius: 0;

	margin: 0;

}

#header {

	width:100%;

	z-index: 9999;

}





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

	3) HEADER PAGES PARALLAX BACKGROUND

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



#about_bg{

	background: url('../img/header_bg/image1.jpg') 50% 0 no-repeat fixed;

	padding-top: 200px;

	padding-bottom: 200px;

	background-size: cover;

}

#service_bg{

	background: url('../img/header_bg/image2.jpg') 50% 0 no-repeat fixed;

	padding-top: 200px;

	padding-bottom: 200px;

	background-size: cover;

}

#projects_bg{

	background: url('../img/header_bg/image3.jpg') 50% 0 no-repeat fixed;

	padding-top: 200px;

	padding-bottom: 200px;

	background-size: cover;

}

#blog_bg{

	color: #fff;

	background: url('../img/header_bg/image4.jpg') 50% 0 no-repeat fixed;

	padding-top: 200px;

	padding-bottom: 200px;

	background-size: cover;

}

#blog2_bg{

	color: #fff;

	background: url('../img/header_bg/image5.jpg') 50% 0 no-repeat fixed;

	padding-top: 80px;

	padding-bottom: 80px;

	background-size: cover;

}

.parallax {

    width: 100%;

    display: block;

    position: relative;

    overflow: hidden;

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-position: center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

.parallax-overlay:before {

    content: " ";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: rgba(0,0,0, .4);

}

.parallax-overlay h2, .parallax-overlay h3{

    color: #fff !important;

    position: relative;

}

.parallax-overlay{

    color: #fff !important;

}



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

	4) SERVICES STYLES

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



#service_inner{

	color: #fff;

	background: url('../img/header_bg/service_bg.jpg') 50% 0 no-repeat fixed;

	padding-top: 100px;

	padding-bottom: 100px;

	background-size: cover;

}

.price-table{

	background-color: #f2f2f2;

	border: 3px solid #f2f2f2;

	border-radius: 0;

	padding-bottom: 20px;

}

.price-table:hover{

	border: 3px solid #d0ad55;

}

.price-table h3{

	text-transform: uppercase;

	font-family: 'Raleway', sans-serif;

	font-size: 22px;

	font-weight: 300;

	letter-spacing: 5px;

}

.price-table h1{

	text-transform: uppercase;

	margin: 0;

	font-family: 'Raleway', sans-serif;

	font-weight: 700;

	letter-spacing: 5px;

}

.price-table small{

	text-transform: uppercase;

	font-family: 'Raleway', sans-serif;

	font-weight: 500;

	letter-spacing: 3px;

}

.price-table p{

	color: #999;

	line-height: 40px;

}

/* Index Services Styles */

.service-box p{

	margin-left: 25px;

	margin-right: 25px;

}

.service-box-none p{

	margin-left: 25px;

	margin-right: 25px;

}

.service-box-none h3{

	padding: 10px 0;

}

.service-box-none i{

	color: #d0ad55;

}

.service-box-none{

	padding-top: 50px;

	padding-bottom: 50px;

}

.service-box h3{

	padding: 10px 0;

}

.service-box i{

	color: #d0ad55;

}

.service-box{

	padding-top: 50px;

	padding-bottom: 50px;

	/*border-bottom: 1px solid #DEDEDE;*/

}

.service-box-l{

	border-left: 1px solid #DEDEDE;

}



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

	5) SITE WRAPPER STYLES

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



.site-wrapper{

	padding: 0;

}

.about-caption p{

	margin: 0;

}

.about-caption h3{

	font-family: 'Raleway', sans-serif;

	color: #282828;

	vertical-align: middle;

	margin: 0;

	margin-bottom: 13px;

	line-height: 20px;

	font-size: 17px;

	letter-spacing: 1px;

	text-transform: uppercase;

	font-weight: 500;

}

.about-caption h5{

	font-size: 18px;

	font-weight: 400;

	line-height: 29px;

	letter-spacing: 0px;

	text-transform: none;

	color: #333;

	margin: 0;

	padding: 0;

}

.about-caption .col-sm-10{

	padding-left: 10px;

}

.about-caption i{

	color: #d0ad55;

	font-size: 36px;

}



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

	6) PROJECTS STYLES

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



/* Index Projects Styles */

.projects .col-md-4{

	padding-right: 0;

	padding-left: 0;

}

.project-inner{

	position: relative;

	padding: 0;

	overflow: hidden;

}

.project-inner>img, .project-inner>a img, .project-caption>img{

	display: block;

	max-width: 100%;

	height: auto;

}

.project-inner .project-caption{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(40,40,40,0.7);

	-webkit-transition: all .4s ease-in-out;

	-moz-transition: all .4s ease-in-out;

	-ms-transition: all .4s ease-in-out;

	-o-transition: all .4s ease-in-out;

	transition: all .4s ease-in-out;

	visibility: hidden;

	opacity: 0;

}

.project-inner:hover .project-caption, .project-inner:focus .project-caption{

	visibility: visible;

	opacity: 1;

}

.project-caption h3{

	font-family: 'Raleway', sans-serif;

	text-transform: uppercase;

	font-weight: 400;

}

.project-caption{

	color: #fff;

	text-align: center;

}

.project-details{

	position: absolute;

	width: 100%;

	top: 50%;

	margin-top: -20px;

}

.project-details p{

	color: #d0ad55;

}

.all-projects{

	background-color: transparent;

	padding: 50px 0;

}

.projects-title{

	padding-top: 15px;

	padding-bottom: 5px;

}

.projects-title h2{

	text-transform: uppercase;

	color: #333;

	padding-top: 10px;

	font-family: 'Raleway', sans-serif;

	font-size: 1.3em;

	font-weight: 600;

}

.project-title-devider{

	border-top: 1px solid #999;

	width: 65px;

	margin: 0 auto;

}



/*cube portfolio*/

.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active {

	color: #FFF;

	background-color: #d0ad55;

	border-color: #d0ad55;

}



.cbp-l-filters-alignRight .cbp-filter-counter {

	background: #d0ad55;

}

.cbp-l-filters-alignRight .cbp-filter-counter:before {

	border-top: 4px solid #d0ad55;

}

.cbp-l-filters-alignRight {

	text-align: center;

}

.cbp-l-filters-alignRight .cbp-filter-item {

	background-color: #f2f2f2;

	border: none;

	font: 400 12px/35px "Open Sans",sans-serif;

	margin: 0;

	margin-right: 10px;

}

.cbp-l-filters-list{

	margin: 0 auto;

	padding-bottom: 40px;

}

.cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active {

	color: #FFF;

	background-color: #d0ad55;

	border-color: #d0ad55;

}

.cbp-l-filters-list .cbp-filter-item {

	background-color: transparent;

	color: #888888;

	cursor: pointer;

	font: 400 12px/35px "Open Sans",sans-serif;

	text-transform: uppercase;

	padding: 0 18px;

	position: relative;

	overflow: visible;

	margin-top: 0;

	float: left;

	border: 1px solid #f2f2f2;

	border-right-width: 0;

	-webkit-transition: left .3s ease-in-out;

	transition: left .3s ease-in-out;

}

.cbp-l-filters-list-last {

	border-radius: 0;

}

.cbp-l-filters-list-first {

	border-radius: 0;

}

.cbp-popup-singlePage .cbp-popup-navigation-wrap {

	background-color: #2a2a2a;

}

.cbp-popup-singlePage .cbp-l-project-title {

	color: #454444;

	margin-bottom: 15px;

	text-align: center;

	text-transform: uppercase;

	font-family: 'Raleway', sans-serif;

	font-size: 30px;

	line-height: 31px;

	font-weight: 300;

	letter-spacing: 3px;

	-webkit-font-smoothing: antialiased;

}

.cbp-popup-singlePage-counter {

	color: #d0ad55;

}

.cbp-l-grid-blog-desc {

	font: 300 14px "Open Sans",sans-serif;

	line-height: 22px;

	color: #4c4c4c;

	margin-top: 9px;

}

.cbp-popup-singlePage .cbp-l-project-subtitle {

	margin: 0 auto 40px;

}

.about-caption p{

	line-height: 25px;

}

.project-single-wrapper{

	padding: 80px 0;

}

.project-single-wrapper img{

	margin-bottom: 50px;

}

.project-single-wrapper .wp-caption img{

	margin-bottom: 0px;

}

.project-single-wrapper iframe{

    padding-bottom: 50px;

}

.project-single-wrapper .col-md-3{

	float: right;

}

.new-project-title h1{

    font-family: 'Raleway', sans-serif;

    font-size: 44px;

    font-weight: 600;

    letter-spacing: 3px;

    text-transform: uppercase;

    color: #fff;

    position: relative;

}

.owl-project .owl-controls {

    margin-top: 10px;

    margin-bottom: 30px;

    text-align: center;

}

.project-single-wrapper #owl-project-single img{

	margin-bottom: 0;

}

.project-single-wrapper #owl-project-single .owl-controls{

	margin-top: 15px;

}

.new-project-info, .new-project-date, .new-project-category, .new-project-web{

    margin-bottom: 25px;

}

.new-project-info h3, .new-project-date h3, .new-project-category h3, .new-project-social h3, .new-project-web h3{

    font-family: 'Raleway', sans-serif;

    color: #d0ad55;

    font-size: 13px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin-top: 0;

}

#project_single{

    background: url('assets/img/header_bg/image1.jpg') 50% 0 no-repeat fixed;

    padding-top: 150px;

    padding-bottom: 100px;

    background-size: cover;

    position: relative;

}

#project_single .project-overlay{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: block;

    background: rgba(0, 0, 0, .6);

}



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

	7) TESTIMONIALS STYLES

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



#testimonials {

	background-color: #f2f2f2;

}

.t-info b{

	font-family: 'Raleway', sans-serif;

	font-weight: 600;

}



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

	8) BLOG STYLES

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



.blog-inner{

	padding: 20px;

	border: 1px solid #f2f2f2;

	border-radius: 0;

}

.blog-inner .caption{

	padding: 0;

}

.blog-inner h3{

	font-family: 'Raleway', sans-serif;

	font-size: 18px;

	font-weight: 600;

}

.blog-meta i{

	color: #d0ad55;

	margin-bottom: 15px;

}

.blog-meta span{

	color: #d0ad55;

	font-size: 13px;

	margin-right: 7px;

}

.blog-inner-title a{

	color: #333;

}

.blog-inner-title a:hover{

	color: #d0ad55;

}

.blog-btn{

	color: #fff;

	background-color: #d0ad55;

	border-color: #d0ad55;

	width: 100%;

}

.blog-btn:hover{

	border-color: #D8BA6F;

	background-color: #D8BA6F;

	color: #fff;

}

.blog-title a{

	color: #444;

}

.blog-title a:hover{

	-webkit-transition: all .4s ease-in-out;

	-moz-transition: all .4s ease-in-out;

	-ms-transition: all .4s ease-in-out;

	-o-transition: all .4s ease-in-out;

	transition: all .4s ease-in-out;

	color: #d0ad55;

}

.blog-title h3{

	font: 300 18px/28px "Raleway",sans-serif;

}

.blog-date{

	font-size: 12px;

	font-weight: 400;

}

.blog-date span{



}

.i-blog-inner{

	position: relative;

	padding: 0;

	overflow: hidden;

}

.i-blog-inner>img, .i-blog-inner>a img, .i-blog-caption>img{

	display: block;

	max-width: 100%;

	height: auto;

}

.i-blog-inner .i-blog-caption{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	display: table-cell;

	vertical-align: middle;

	background: rgba(0,0,0,0.8);

	-webkit-transition: all .4s ease-in-out;

	-moz-transition: all .4s ease-in-out;

	-ms-transition: all .4s ease-in-out;

	-o-transition: all .4s ease-in-out;

	transition: all .4s ease-in-out;

	visibility: hidden;

	opacity: 0;

}

.i-blog-inner:hover .i-blog-caption, .i-blog-inner:focus .i-blog-caption{

	visibility: visible;

	opacity: 1;

}

.i-blog-caption h3{

	font-size: 14px;

	font-weight: 400;

	letter-spacing: 3px;

}

.i-blog-caption{

	color: #fff;

	text-align: center;

}

.i-blog-holder{

	display: table;

	width: 100%;

	height: 100%;

}

.i-blog-details{

	display: table-cell;

	vertical-align: middle;

	text-align: center;

}

.i-blog-title h1{

	color: #454444;

	font-family: 'Raleway', sans-serif;

	font-size: 30px;

	line-height: 31px;

	font-weight: 400;

	letter-spacing: 3px;

	-webkit-font-smoothing: antialiased;

}

.i-blog-title h2{

	font-family: 'Raleway', sans-serif;

	font-size: 30px;

	text-transform: uppercase;

	line-height: 31px;

	letter-spacing: 2px;

	font-weight: 700;

	-webkit-font-smoothing: antialiased;

	margin: 25px 0;

}

.i-blog-comments p input{

	width: 100%;

	padding: 12.9px;

	color: #444;

	background: #fff;

	border: 1px solid #F0F0F0;

	margin: 7px 0px;

	font-weight: 100;

}

.i-blog-btn{

	color: #fff !important;

	background-color: #d0ad55 !important;

	border-color: #d0ad55 !important;

	width: 100% !important;

	font-weight: 700 !important;

	padding: 12px 18px !important;

	margin: 0 !important;

	border: none !important;

}

.i-blog-btn:hover {

	border-color: #D8BA6F !important;

	background-color: #D8BA6F !important;

	color: #fff !important;

}

div.wpcf7-validation-errors {

	border: none;

	height: 100%;

	margin-left: auto;

	margin-right: auto;

	line-height: 22px;

	text-align: center;

	font-weight: bold;

	padding: 3px 10px 3px 10px;

	color: #fff;

	-webkit-border-radius: 5px;

	background-color: #d0ad55;

	background-position: 10px center;

	background-repeat: no-repeat;

}

span.wpcf7-not-valid-tip {

	color: #d0ad55;

	font-size: 1em;

	display: block;

}

div.wpcf7-mail-sent-ok {

	border: none;

	height: 100%;

	margin-left: auto;

	margin-right: auto;

	line-height: 22px;

	text-align: center;

	font-weight: bold;

	padding: 3px 10px 3px 10px;

	color: #fff;

	-webkit-border-radius: 5px;

	background-color: #d0ad55;

	background-position: 10px center;

	background-repeat: no-repeat;

}

.share-options h6{

	font-family: 'Raleway', sans-serif;

	font-size: 16px;

	color: #282828;

	text-transform: uppercase;

	font-weight: 500;

 }

 .share-options a i{

 	margin-right: 10px;

}

.post-tags{

	margin: 25px 0;

}

.post-tags a{

	font-size: 14px !important;

	line-height: 3;

	margin-right: 5px;

}

.post-tags span{

	font-family: 'Raleway', sans-serif;

	font-size: 16px;

	color: #282828;

	text-transform: uppercase;

	font-weight: 500;

}

.i-blog-comments input:focus, textarea:focus, select:focus {

	border: 1px solid #d0ad55;

	-webkit-transition: all .4s ease-in-out;

	-moz-transition: all .4s ease-in-out;

	-ms-transition: all .4s ease-in-out;

	-o-transition: all .4s ease-in-out;

	transition: all .4s ease-in-out;

	color: #444;

}

.i-blog-pagination{

	margin-bottom: 40px;

}

.i-blog-pagination span{

	color: #d0ad55;

	font-family: 'Raleway', sans-serif;

	font-size: 24px;

	-webkit-font-smoothing: antialiased;

}

.i-blog-pagination .page-numbers{

	padding: 10px;

	font-weight: 700;

}

.i-blog-pagination .next, .i-blog-pagination .prev{

	display: none !important;

}

.i-blog-section{

	padding-top: 100px;

}

.i-blog-section-inner{

	padding: 100px 0;

}

.i-blog-s-title h1{

	color: #454444;

	margin-bottom: 50px;

	text-align: center;

	text-transform: uppercase;

	font-family: 'Raleway', sans-serif;

	font-size: 30px;

	line-height: 31px;

	font-weight: 300;

	letter-spacing: 3px;

	-webkit-font-smoothing: antialiased;

}

.blog_sidebar{

	font-family: 'Raleway', sans-serif;

	color: #282828;

	vertical-align: middle;

	margin: 0;

	margin-bottom: 13px;

	line-height: 20px;

	font-size: 17px;

	letter-spacing: 1px;

	text-transform: uppercase;

	font-weight: 500;

	padding-top: 30px;

}

#sidebar ul{

	padding: 0;

}

#sidebar li{

	list-style: none;

	padding: 7px 0;

}

#sidebar .tagcloud a{

	font-size: 14px !important;

	background-color: #f2f2f2;

	padding: 5px;

	line-height: 3;

	margin-right: 10px;

}

.input-group input, select {

	width: 100%;

	padding: 12.9px;

	color: #444;

	background: #fff;

	border: 1px solid #F0F0F0;

	font-weight: 100;

}

.input-group input:focus, textarea:focus, select:focus {

	border: 1px solid #d0ad55;

	-webkit-transition: all .4s ease-in-out;

	-moz-transition: all .4s ease-in-out;

	-ms-transition: all .4s ease-in-out;

	-o-transition: all .4s ease-in-out;

	transition: all .4s ease-in-out;

	color: #444;

}

.comment-respond p.form-submit input.submit{

	color: #fff;

	background-color: #d0ad55;

	border-color: #d0ad55;

	width: 100%;

	border-radius: 0px;

	text-decoration: none;

	padding: 12px 18px;

	font-size: 12px;

	line-height: 19px;

	text-transform: uppercase;

	font-family: 'Raleway', sans-serif;

	font-weight: 700;

	letter-spacing: 3px;

	border: 2px solid transparent;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	-ms-transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

}

.comment-respond p.form-submit input.submit:hover{

	border-color: #D8BA6F;

	background-color: #D8BA6F;

	color: #fff;

}

.input-group-btn .btn{

	color: #fff;

	background-color: #d0ad55;

	border-color: #d0ad55;

}

.input-group-btn .btn:hover{

	color: #fff;

	background-color: #D8BA6F;

	border-color: #D8BA6F;

}

.search-form{

	padding-bottom: 20px;

}

#calendar_wrap{

	padding-top: 10px;

}

#wp-calendar{

	width: 100%;

	border-collapse: separate;

	border-spacing: 2px 2px;

	text-align: center;

}

#wp-calendar td{

	background-color: #f8f8f8;

	line-height: 28px;

}

#wp-calendar td a{

	color: #d0ad55;

}

#wp-calendar td.pad, #wp-calendar tfoot td {

	background: none;

}

#wp-calendar #prev a {

	float: left;

	margin-top: 10px;

	display: block;

}

#wp-calendar caption{

	margin-bottom: 10px;

}

#respond h3 {

	font-family: 'Raleway', sans-serif;

	color: #282828;

	vertical-align: middle;

	margin: 20px 0;

	line-height: 20px;

	font-size: 17px;

	letter-spacing: 1px;

	text-transform: uppercase;

	font-weight: 500;

}

.comment-list{

	padding: 0;

}

ol.comment-list:first-child {

	width: 100%;

	height: auto;

}

ol.children li{

	padding: 10px 0 0 15px;

}

.comment-list li{

	padding: 10px 0 0 110px;

	list-style: none;

}

.comment-author img{

	margin-left: -110px;

	float: left;

	width: 80px;

	height: auto;

}

.comment-name cite{

	text-transform: uppercase;

	font-family: 'Raleway', sans-serif;

	font-weight: 500;

	margin-right: 10px;

}

.comment-text{

	background: #fdfdfd;

	padding: 25px;

	border-radius: 10px;

	position: relative;

}

.reply{

	float: right;

}

.media-left{

	margin-left: 100px;

}

.left-comment input,textarea{

	margin-bottom: 25px;

}

.blog-meta-inner span{

	font-weight: bold;

	color: #d0ad55;

}

.blog-post-details blockquote{

	color: #999;

}

.textwidget img{

	padding: 10px 0 25px 0;

	height: auto !important;

	max-width: 100% !important;

}

.i-blog-section .post a img, .i-blog-section-inner img.wp-post-image{

	width: 100%;

	height: auto;

}

.alignleft {

	float: left;

	padding-right: 10px;

	padding-bottom: 10px;

}

.alignright {

	float: right;

	padding-left: 10px;

	padding-bottom: 10px;

}

.post p img.alignnone{

	max-width: 100% !important;

	height: auto;

}

.post {

	margin-bottom: 50px;

}

.i-blog-content{

	background-color: #f5f5f5;

	padding: 50px 50px 50px 50px;

}

.i-blog-title a{

	color: #393939;

}

.i-blog-title a:hover{

	color: #d0ad55;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	-ms-transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

}

.i-blog-content span.i-blog-date{

	padding: 0 10px 0 0;

	margin: 0 10px 0 0;

}

.i-blog-content span.i-blog-date:before{

	content: '/';

	position: relative;

	left: -10px;

}

.i-blog-content span.i-blog-author{

	padding: 0 10px 0 0;

	margin: 0 10px 0 0;

}

.author-img img.avatar{

	float:left;

	margin-right:25px;

}

.i-blog-info{

	color: #393939;

	font-weight: 600;

}

.i-blog-info a{

	color: #393939;

}

.i-blog-info a:hover{

	color: #d0ad55;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	-ms-transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

}

.sticky .i-blog-title h2{

	font-weight: 700;

	text-transform: uppercase;

}

.sticky .i-blog-title h2 a{

	color: #d0ad55;

}

.sticky .i-blog-title h2 a:hover{

	color: #111;

}

.wp-caption{

	max-width: 100%;

}

.wp-caption img{

	max-width: 100%;

	height: auto;

}

.wp-caption-text {

	font-style: italic;

	opacity: 0.9;

	padding-top: 8px;

}

.post table{

	width: 100%;

	margin-bottom: 30px;

	border-collapse: separate;

	border-spacing: 3px;

}

.gallery-caption,

	.wp-caption {

		font-style: italic;

	}

.bypostauthor {

	background: rgba(0,0,0,0);

}

.tag-wordpress-tv p embed{

	width: 100% !important;

	height: 600px !important;

}

.bar ul li {

	display: block;

	width: 100%;

	padding: 0;

	border-bottom: 1px solid #f1f1f1;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}

.bar ul li:last-child {

	border-bottom: 1px solid transparent;

}

.bar ul li:hover {

	background: #fafafa;

}

.bar ul.children{

	margin-left: 25px;

}

.bar li.recentcomments {

	padding: 10px 0 !important;

}

.bar li.recentcomments:before {

	padding-right: 10px;

}

.bar ul li a {

	display: inline-block;

	font-size: 13px;

	padding: 10px 10px 10px 5px;

	color: #959494;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}

.bar ul li a:before {

	font-family: 'FontAwesome';

	content: "\f105";

	margin-right: 10px;

	font-weight: normal;

	font-style: normal;

	top: 0;

	margin-left: 0;

	color: #959494;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}

.bar ul li:hover:before {

	margin-left: 2px;

}

/*rss*/

.widget_rss ul li:before {

	display: none;

}

.widget_rss ul li:hover {

	background: transparent;

}

.bar.widget_rss li {

	margin-bottom: 12px;

}

.bar.widget_rss a.rsswidget {

	padding: 0 0 11px 0;

	color: #555;

	width: 100%;

}

.bar .rss-date {

	font-size: 85%;

	padding-bottom: 10px;

	display: block;

	opacity: 0.6;

}

.bar select {

	width: 100%;

	font-size: 11px;

}

.bar cite {

	text-align: right;

	display: block;

	padding-bottom: 12px;

	padding-top: 10px;

	font-size: 12px;

}

#sidebar ul.sub-menu{

	margin-left: 15px;

}

.i-blog-section #sidebar{

	margin-bottom: 50px;

}







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

	9) ABOUT STYLES

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



.team-inner{

	position: relative;

	padding: 0;

	overflow: hidden;

	border: none;

	border-radius: 50%;

	margin: 0;

}

.team-inner>img, .team-inner>a img, .team-caption>img{

	display: block;

	max-width: 100%;

	height: auto;

}

.team-inner .team-caption{

	position: absolute;

	height: 100%;

	width: 100%;

	left: 0;

	top: 0;

	border-radius: 50%;

	display: table-cell;

	vertical-align: middle;

	background: rgba(40,40,40,0.9);

	-webkit-transition: all .4s ease-in-out;

	-moz-transition: all .4s ease-in-out;

	-ms-transition: all .4s ease-in-out;

	-o-transition: all .4s ease-in-out;

	transition: all .4s ease-in-out;

	visibility: hidden;

	opacity: 0;

}

.team-inner:hover .team-caption, .team-inner:focus .team-caption{

	visibility: visible;

	opacity: 1;

}

.team-details h5{

	font-family: 'Raleway', sans-serif;

	font-weight: 300;

	color: #d0ad55;

	margin-top: 20px;

}

.team-details p{

	margin: 0;

}

.team-details h3{

    font-family: 'Raleway', sans-serif;

    font-size: 16px;

    color: #282828;

    text-transform: uppercase;

    font-weight: 500;

    margin-top: 0;

    margin-bottom: 15px;

}

.t-social-holder{

	display: table;

	width: 100%;

	height: 100%;

}

.team-social{

  	display: table-cell;

	vertical-align: middle;

	text-align: center;

}

.team-social a{

	font-size: 16px;

}

.blog-img{

	overflow:hidden;

	border: none;

	border-radius: 0;

	padding: 0;

	margin: 0;

}

.blog-img img{

	-webkit-transition: all .4s ease-in-out;

	-moz-transition: all .4s ease-in-out;

	-ms-transition: all .4s ease-in-out;

	-o-transition: all .4s ease-in-out;

	transition: all .4s ease-in-out;

}

.blog-img img:hover{

	-moz-transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);

}

#our-clients{

	background-color: #f2f2f2;

}



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

	10) CONTACT STYLES

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



.contact-icon i{

	font-size: 26px;

	color: #d0ad55;

	margin-top: 5px;

}

.contact-icon.col-sm-2{

	padding-left: 0;

	padding-right: 0;

}

.contact-icon.col-sm-10{

	padding-left: 0;

	padding-right: 0;

}

ul.contact-social{

	padding: 0;

}

.contact-social li{

	display: inline-block;



}

.btn-submit{

	text-transform: uppercase;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	letter-spacing: 3px;

	width: 185px;

	margin: 15px 0px;

	padding: 12.9px;

	border-color: #d0ad55;

	background-color: #d0ad55;

	border-radius: 0;

	color: #fff;

	-webkit-transition: all .4s ease-in-out;

	-moz-transition: all .4s ease-in-out;

	-ms-transition: all .4s ease-in-out;

	-o-transition: all .4s ease-in-out;

	transition: all .4s ease-in-out;

}

.btn-submit:hover{

	border-color: #D8BA6F;

	background-color: #D8BA6F;

	color: #fff;

}

#map-canvas {

	height: 400px;

	width: auto;

}

#contact input, select {

	width: 100%;

	padding: 12.9px;

	color: #444;

	background: #fff;

	border: 1px solid #F0F0F0;

	margin: 7px 0px;

	font-weight: 100;

}

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;

	outline: 0 none;

}

textarea{

	width: 100%;

	height: 175px;

	padding: 13px;

	color: #444;

	background: #fff;

	border: 1px solid #F2F2F2;

	margin-top: 7px;

	margin-right:15px;

	font-weight: 100;

}

#contact input:focus, textarea:focus, select:focus{

	border: 1px solid #d0ad55;

	-webkit-transition: all .4s ease-in-out;

	-moz-transition: all .4s ease-in-out;

	-ms-transition: all .4s ease-in-out;

	-o-transition: all .4s ease-in-out;

	transition: all .4s ease-in-out;

	color: #444;

}

#contact span.required{

	font-size: 13px;

	color: #ff0000;

}

#message{

	margin: 10px 0;

	padding: 0;

}

.error_message{

	height: 100%;

	margin-left: auto;

	margin-right: auto;

	line-height: 22px;

	text-align: center;

	font-weight: bold;

	padding: 3px 10px 3px 10px;

	color: #fff;

	-webkit-border-radius: 5px;

	background-color: #d0ad55;

	background-position: 10px center;

	background-repeat: no-repeat;

}

.loader{

	padding: 0 10px;

}

acronym{

	border-bottom:1px dotted #ccc;

}

#success_page{

	text-align: center;

}

#success_page strong{

	color: #d0ad55;

}



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

	11) FOOTER STYLES

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

.footer-big{

	color: #aaaaaa;

	background-color: #2a2a2a;

	font-size: 15px;

}

#footer{

	background-color: #222;

	padding-top: 20px;

	padding-bottom: 20px;

}

.f-inner{

	padding-top: 50px;

	padding-bottom: 50px;

}

.f-inner:hover{

	background-color: #d0ad55;

	color: #fff;

	-webkit-transition: all .4s ease-in-out;

	-moz-transition: all .4s ease-in-out;

	-ms-transition: all .4s ease-in-out;

	-o-transition: all .4s ease-in-out;

	transition: all .4s ease-in-out;

}

.f-inner .col-sm-10{

	padding-left: 0;

}

.f-logo{

	margin-top: 70px;

}

.f-logo h2{

	font-family: 'Raleway', sans-serif;

	font-size: 30px;

	line-height: 31px;

	font-weight: 300;

	letter-spacing: 3px;

	color: #fff;

	-webkit-font-smoothing: antialiased;

}

.f-space{

	padding: 8px 0;

}

.f-inner strong{

	font-family: 'Raleway', sans-serif;

	color: #ffffff!important;

	font-weight: 400;

	font-size: 14px;

	letter-spacing: 1px;

	text-transform: uppercase;

}

.f-inner address{

	font-size: 0.8em;

	line-height: 1.8em;

	margin: 0;

}

.f-inner i{

	color: #d0ad55;

}

.f-copyright{

	margin-top: 6px;

}

.f-copyright span{

	color: #aaaaaa;

	font-size: 12px;

}

ul.footer-social{

	float: right;

	padding: 0;

	margin: 0;

}

.footer-social li{

	display: inline-block;

}

.f-cta{

	width: 100%;

	padding: 30px 0;

	font-family: 'Raleway', sans-serif;

	font-weight: 500;

	background-color: #d0ad55;

	font-size: 15px;

	line-height: 25px;

	color: #ffffff;

	text-align: center;

	display: block;

	position: relative;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	-ms-transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

}

.f-cta:hover{

	background-color: #222;

}

.f-action a:focus{

	color:#fff;

}

.cta-section h2{

	margin-bottom: 30px;

}

.cta-section{

	color: #fff;

	background: url('../img/header_bg/bg2.jpg') 50% 0 no-repeat fixed;

	background-size: cover;

    position:relative;

}

.cta-title-2 h2{

	font-family: 'Raleway', sans-serif;

	font-size: 30px;

	line-height: 31px;

	font-weight: 300;

	letter-spacing: 3px;

	color: #333;

	text-transform: uppercase;

	-webkit-font-smoothing: antialiased;

	padding: 0;

	margin: 0;

}

.cta-title h2{

	font-family: 'Raleway', sans-serif;

	font-size: 30px;

	line-height: 31px;

	font-weight: 300;

	letter-spacing: 3px;

	color: #fff;

	text-transform: uppercase;

	-webkit-font-smoothing: antialiased;

	padding: 0;

	margin: 0;

}



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

	12)	OFF-CANVAS MENU

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

.canvas-nav li{

	padding-top: 30px;

	font-weight: 400;

	font-size: 1em;

	line-height: 2.4em;

	text-align: center;

	text-transform: uppercase;

	list-style: none;

}

.canvas-nav a{

	color: #999;

}

.canvas-nav a:hover{

	color: #d0ad55;

	background-color: #fff;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	-ms-transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

}

.canvas-nav-social li{

	float: right;

	list-style: none;

	display: inline;

}

.nav-logo a{

	font-family: 'Raleway', sans-serif;

	font-weight: 700;

	font-size: 22px;

	text-transform: uppercase;

	color: #333;

}

.offcanvas-nav{

	background: rgba(255, 255, 255, 0.9);

	border-color: transparent;

	border-radius: 0;

	margin: 0;

	padding-top: 15px;

	padding-bottom: 10px;

	width: 100%;

	color: #fff;

}

.mm-menu {

	background: #2a2a2a;

	color: #aaaaaa;

}

.mm-menu .mm-list > li:after {

	border-color: transparent!important;

}

.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span {

	background: transparent;

}

.topBar{

	margin-top: 6px;

}

.mm-menu > .mm-panel.mm-opened {

	width: 100%;

	height: 650px;

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	margin: auto;

}

nav#menu li.divider{

	display: none;

}

.mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span {

	margin-right: 0;

}

.mm-menu .mm-list > li > a.mm-subopen:before {

 	border-color: transparent;

}

.mm-list a.mm-subopen:before {

	border-left-width: 0;

	border-left-style: none;

}

.mm-list a.mm-subopen {

	top: 10px;

}

.mm-list > li {

	padding-top: 30px;

	font-weight: 400;

	font-size: 1em;

	line-height: 2.4em;

	text-align: center;

	text-transform: uppercase;

	list-style: none;

}

.mm-list > li a:hover {

	color: #d0ad55;

	background-color: #fff;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	-ms-transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

}

.mm-list a.mm-subclose {

	text-indent: 0;

	padding-top: 10px;

}

.mm-list a.mm-subclose:before {

	margin-bottom: -10px;

}

.mm-list a.mm-subopen:hover {

	background-color: transparent;

}

ul#menu-menu-principale > li > a {
    font-size: 14px;
    letter-spacing: 0;
}



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

	13)	SLIDER STYLES

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



.slider-text{

	font-family: 'Raleway', sans-serif;

	color: #fff;

	font-size: 52px;

	font-weight: 300;

	line-height: 56px;

	letter-spacing: 1px;

	text-transform: none;

}

.tp-loader.spinner0{

	display: none;

}

.tp-caption a{

	color: #fff;

}

.tp-caption a:hover{

	color: #fff;

}

/*owl carousel*/

.owl-theme .owl-controls .owl-page span {

	background: #999;

}

.owl-theme .owl-controls {

	margin-top: 40px;

	text-align: center;

}

#owl-demo a:hover{

	opacity: 0.4;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.owl-theme .owl-controls .owl-page span {

	padding-bottom: 0;

	margin-bottom: 0;

}

#owl-office .item img{

    display: block;

    width: 100%;

    height: auto;

}



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

	13)	DARK VERSION STYLES

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



.black-btn{

	color: #fff;

	background-color: #222;

	border-color: #222;

}

.black-btn:hover{

	color: #fff;

	background-color: #333;

	border-color: transparent;

}

.header-nav-black{

	background-color: #222;

}

.navbar-default .navbar-nav>li>a {

	color: #555;

}

.header-nav-black .navbar-nav>.active>a, .header-nav-black .navbar-nav>.active>a:hover, .header-nav-black .navbar-nav>.active>a:focus {

	color: #fff;

}

.header-nav-black .navbar-nav>li>a:hover, .header-nav-black .navbar-nav>li>a:focus {

	color: #fff;

}

.header-nav-black .navbar-brand {

	color: #fff;

}

.about-caption-black i {

	color: #222;

}

.cbp-l-filters-black .cbp-filter-item.cbp-filter-item-active {

	color: #FFF;

	background-color: #222;

	border-color: #222;

}

.cbp-l-filters-black .cbp-filter-counter {

	background: #222;

}

.cbp-l-filters-black .cbp-filter-counter:before {

	border-top: 4px solid #222;

}

.service-box-black i{

	color: #222;

}

.service-box-none-black i{

	color: #222;

}

.general-title-black h2{

	color: #fff;

	background-color: #222;

	padding: 5px;

	display: inline;

}

.team-social-black a{

	color: #222;

}

.team-details-black h5{

	color: #999;

}

.price-table-black:hover{

	border: 3px solid #222;

}

a.cbp-l-grid-blog-comments-black:hover{

	color: #222;

}

.f-inner-black i{

	color: #999;

}

.f-inner-black:hover{

	background-color: #333;

}

.f-cta-black{

	color: #aaaaaa;

	background-color: #222;

}

.f-cta-black:hover {

	color: #aaaaaa;

	background-color: #333;

}

.close-black{

	color: #222;

}

.footer-social-black a{

	color:#444;

	padding: 0;

	margin: 0;

	text-decoration: none;

	-webkit-transition: background-color .2s linear, color .2s linear;

	-moz-transition: background-color .2s linear, color .2s linear;

	-o-transition: background-color .2s linear, color .2s linear;

	-ms-transition: background-color .2s linear, color .2s linear;

	transition: background-color .2s linear, color .2s linear;

}

.footer-social-black a:hover,

a:focus {

	text-decoration: none;

	color:#333;

	outline: none;

	outline-offset: none;

}



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

	14)	RESPONSIVE STYLES

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



@media(max-width:767px){

	#footer{text-align: center;}

	ul.footer-social{float: none;margin-top: 20px;}

	.f-inner{padding-top: 20px;padding-bottom: 20px;text-align: center;}

	.f-inner .col-sm-10{padding-left: 15px;}

	.f-logo h2{text-align: center;}

	.f-logo {margin-top: 0;}

	.price-table {margin-bottom: 20px;}

	.about-caption{margin-bottom: 20px; text-align: center;}

	.bg-color{text-align: center;}

	.team-details{margin-bottom: 30px;}

	.header-nav{padding-bottom: 20px;}

	.nav-logo{float: right;}

}

@media(max-width:991px){

	.nav-logo{float: right;}

}

@media (max-width: 991px) {

    .navbar-header {float: none;}

    .navbar-toggle {display: block;padding: 23px 10px;margin-top: 3px;}

    .navbar-collapse.collapse {display: none!important;}

    .navbar-nav {float: none!important;}

    .navbar-nav>li {float: none;}

    .navbar-collapse.collapse.in { display: block!important;}

    .collapsing { overflow: hidden!important;}

    .header-nav{ padding: 0;}

    .team-inner{width: 263px;margin: 0 auto;}

    .price-table {margin-bottom: 20px;}

    .team-details{margin-bottom: 30px;}

    .navbar-fixed-top{position: static;}

	.nav>li>a {padding: 13px 20px;}

    ul.nav li.dropdown:hover > ul.dropdown-menu {display: none; position: static;}

    .project-single-wrapper .col-md-3 {float: none; text-align: center;}

    .new-project-title h1{text-align: center;}

}



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

	15)	404 PAGE STYLES

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

.main-title h1{

	font-size: 210px;

	font-weight: 600;

	letter-spacing: 3px;

	color: #d0ad55;

	text-transform: uppercase;

	-webkit-font-smoothing: antialiased;

	padding: 0;

	margin: 0;

}

.large-header {

	position: relative;

	width: 100%;

	background: #fff;

	overflow: hidden;

	background-size: cover;

	background-position: center center;

	z-index: 1;

}

.main-title {

	position: absolute;

	margin: 0;

	padding: 0;

	text-align: center;

	top: 50%;

	left: 50%;

	-webkit-transform: translate3d(-50%,-50%,0);

	transform: translate3d(-50%,-50%,0);

}

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

	16)	COMING SOON TIMER STYLES

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

#counter {

	color: #d0ad55;

	overflow: hidden;

}



.counter-container {

	display: table;

	margin: 0 auto;

}

#counter .counter-box {

	display: inline-block;;

	width: 150px;

	text-align: center;

	overflow: hidden;

	padding: 10px 35px;

	float: none;

	margin: 25px 0;

	position: relative;

}

#counter .last {

	border-right: 0px solid #fff;

}

#counter .number {

	font-size: 55px;

	text-align: center;

	font-weight: 700;

	line-height: 1;

}

#counter span {

	display: block;

	font-size: 21px;

	text-align: center;

	font-family: 'Raleway', sans-serif;

	font-weight: 300;

}

.c-soon h1{

	font-family: 'Raleway', sans-serif;

	font-size: 36px;

	line-height: 31px;

	font-weight: 300;

	letter-spacing: 3px;

	color: #d0ad55;

	text-transform: uppercase;

	-webkit-font-smoothing: antialiased;

	padding: 0;

	margin: 0;

}



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

	17)	SHORTCODES

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

.s-title h1{

	font-family: 'Raleway', sans-serif;

	font-size: 46px;

	line-height: 31px;

	font-weight: 300;

	letter-spacing: 3px;

	color: #333;

	text-transform: uppercase;

	-webkit-font-smoothing: antialiased;

	padding: 100px 0;

}

.s-heading h1, .s-heading h2, .s-heading h3, .s-heading h4, .s-heading h5, .s-heading h6{

	font-family: 'Raleway', sans-serif;

	font-weight: 300;

	color: #333;

	-webkit-font-smoothing: antialiased;

}

.s-heading-b h1, .s-heading-b h2, .s-heading-b h3, .s-heading-b h4, .s-heading-b h5, .s-heading-b h6{

	font-family: 'Raleway', sans-serif;

	font-weight: 700;

	color: #333;

	-webkit-font-smoothing: antialiased;

}

iframe{

  max-width: 100% !important;

}

.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a, .wpb_content_element .wpb_accordion_header a {

	padding: 25px 20px !important;

}



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

    18) Screen reader text

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



.screen-reader-text,

.screen-reader-text span,

.screen-reader-shortcut {

	position: absolute !important;

	clip: rect(0, 0, 0, 0);

	height: 1px;

	width: 1px;

	border: 0;

	overflow: hidden;

}



.screen-reader-text:focus,

.screen-reader-shortcut:focus,

.genesis-nav-menu .search input[type="submit"]:focus,

.widget_search input[type="submit"]:focus  {

	clip: auto !important;

	height: auto;

	width: auto;

	display: block;

	font-size: 1em;

	font-weight: bold;

	padding: 15px 23px 14px;

	color: #333;

	background: #fff;

	z-index: 100000; /* Above WP toolbar. */

	text-decoration: none;

	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);

}



.more-link {

    position: relative;

}