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

	* Template Name: Qualitas

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

	* Version: 1.2

	* Author: Denis Griu

	* Website: http://larx.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



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

*/



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

	1) BOOTSTRAP OVERRIDE

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



.slide-out-div {

          padding: 20px;

          width: 250px;

          background: #ccc;

          border: #29216d 1px solid;

      }      





.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;

}

.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: #cc7b3a;

	border-color: #cc7b3a;

}

.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: #cc7b3a;

	border-color: #cc7b3a;

}*/

.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: #cc7b3a;

	-webkit-box-shadow: none;

	box-shadow: none;

	-webkit-transition: width .6s ease;

	-o-transition: width .6s ease;

	transition: width .6s ease;

}

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

	border-color: transparent;

	border: none;

}

.nav>li>a {

	position: relative;

	display: block;

	padding: 25px 14px;

}



.nav>li>a.login {

	position: relative;

	display: block;

	padding: 5px 15px;

	margin-top: 18px;

	background: #cc7b3a;

	color:#fff !important ;

	border-radius: 20px;

}



.nav>li>a.login:hover {

	position: relative;

	display: block;

	padding: 5px 15px;

	margin-top: 18px;

	background: #cc7b3a !important;

	color:#fff !important ;

	border-radius: 20px;

}



.nav>li>a.login:focus {

	position: relative;

	display: block;

	padding: 5px 15px;

	margin-top: 18px;

	background: #cc7b3a !important;

	color:#fff !important ;

	border-radius: 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: -5px 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: #cc7b3a;

	background-color: transparent;

	font-weight: 600;

}







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

	color: #cc7b3a;

	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: #cc7b3a;

}

.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;

}

.close {

	float: right;

	font-size: 32px;

	font-weight: 700;

	line-height: 1;

	color: #cc7b3a;

	text-shadow: none;

	filter: none;

	opacity: 100;

	}

	.close-pop

	{

		

font-size: 46px;

font-weight: 700;

line-height: 1;

color: #3fb757;

text-shadow: none;

filter: none;

opacity: 100;

position: absolute;

float: left;

right: 200;

margin: 0 0 0 552px;

	}

@media (min-width:800px) {

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

    display: block;    

}

}

.dropdown-menu {

	background: rgba(242,242,242,1);

	border: none;	

	border-radius: 0;

	-webkit-box-shadow: none;

	box-shadow: none;

	font-size:12px;	

}

.dropdown-menu>li>a {

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

	text-transform: uppercase;	

	letter-spacing: 1px;

	display: block;

	padding: 9px 20px;

	clear: both;

	font-weight: 500;

	line-height: 1.42857143;

	color: #333;

	white-space: nowrap;	

	

}



/*li.dropdown>a.active{

	color: #cc7b3a !important;

	

}*/





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

	color: #fff;

	text-decoration: none;

	background-color: #cc7b3a;

	-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-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;

	font-weight: 600;

}

.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;	

}





.new-tabs-new

{

	padding: 0 35% !important;

	margin-bottom: 40px !important;

}

.new-tabs-new>li{

	margin: 0 5px;

	text-transform: uppercase;

	font-size: 12px;

}

.new-tabs-new>li>a

{

	color: #8B8B8B;

    padding: 10px 20px;

	background-color: #f2f2f2;

}

.new-tabs-new>li>a:hover{

	

    color: #FFF;

    background-color: #cc7b3a;

    border-color: #cc7b3a;

}



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

    color: #fff;

    cursor: default;

     background-color: #cc7b3a;

    border: none;

    border-bottom-color: transparent;

}





.project-width{

	transform: translate3d(0px, 0px, 0px); opacity: 1; margin-bottom: 30px;

}









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

	2) GENERAL STYLE

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



html {

	height: 100%;

	min-height: 100%;

}

body {

	height: 100%;

	font-size: 15px;

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

	font-weight: 400;

	line-height: 22px;

	color: #000;

}

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:#cc7b3a;

	outline: none;

	outline-offset: none;

}

.bg-color{

	background-color: #f5f5f5;

}

.general-title h2{

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

	font-size: 30px;

	line-height: 31px;

	font-weight: 600;

	letter-spacing: 3px;

	color: #cc7b3a;

	text-transform: uppercase;

	-webkit-font-smoothing: antialiased;

	padding: 0;

	margin: 0;	

}

.head-title h2{

	text-align: center;

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

	font-size: 50px;

	line-height: 50px;

	font-weight: 600;

	letter-spacing: 3px;

	color: #FFFFFF;

	text-transform: uppercase;

	-webkit-font-smoothing: antialiased;

	padding: 0;

	margin: 0;

	text-shadow:2px 2px 5px rgba(0,0,0,0.8);

}

.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;

}

.projects

{

	background-color: #fff;	

}

.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: #cc7b3a;

	border-color: #cc7b3a;	

}

.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;

}

/*navbar*/

.header-nav{	

	text-align: center;

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

	border-color: transparent;

	border-radius: 0;

	padding-top: 5px;

	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.html') 50% 0 no-repeat fixed;

	padding-top: 80px;

	padding-bottom: 80px;

	background-size: cover;					

}



#loan_bg{	

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

	padding-top: 200px;

	padding-bottom: 200px;

	background-size: cover;					

}



#buyer_bg{	

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

	padding-top: 200px;

	padding-bottom: 200px;

	background-size: cover;					

}

#buyer_bg-enquiry {

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

    padding-top: 200px;

    padding-bottom: 200px;

    background-size: cover;

}

#contact_bg{	

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

	padding-top: 200px;

	padding-bottom: 200px;

	background-size: cover;					

}

#career_bg{	

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

	padding-top: 200px;

	padding-bottom: 200px;

	background-size: cover;					

}

#partners_bg{	

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

	padding-top: 200px;

	padding-bottom: 200px;

	background-size: cover;					

}

#projects_details_bg{	

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

	padding-top: 200px;

	padding-bottom: 200px;

	background-size: cover;					

}

#customer_feedback_bg{	

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

	padding-top: 200px;

	padding-bottom: 200px;

	background-size: cover;					

}



#qualitas-gardens_bg{	

	background: url('../img/header_bg/qualitas-gardens-banner.jpg') no-repeat fixed;

	height: 500px;

	background-size: 100%;

	/*background-size: cover;	*/				

}



#qn-greens_bg{	

	background: url('../img/header_bg/gn-greens-banner.jpg') no-repeat fixed;

	height: 500px;

	background-size: 100%;

	/*background-size: cover;	*/				

}



#qualitas-extencia_bg{	

	background: url('../img/header_bg/qualitas-extencia-banner.jpg') no-repeat fixed;

	height: 500px;

	background-size: 100%;

	/*background-size: cover;	*/				

}

#qualitas-esquina_bg{	

	background: url('../img/header_bg/qualitas-esquina-banner.jpg') no-repeat fixed;

	height: 500px;

	background-size: 100%;

	/*background-size: cover;	*/				

}

.project-hedding

{

	text-align: center;

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

    font-size: 50px;

    line-height: 50px;

    font-weight: 600;

    letter-spacing: 3px;

    color: #FFFFFF;

    text-transform: uppercase;

    -webkit-font-smoothing: antialiased;

    padding: 250px 0;

    margin:0;

    text-shadow: 2px 2px 5px rgba(0,0,0,0.8);

}



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

	4) SERVICES STYLES

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



#service_inner{

	color: #fff;

	background: url('../img/header_bg/service_bg.html') 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 #cc7b3a;

}

.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;

	font-weight:400;

	color:#000;

}

.service-box-none p{	

	margin-left: 25px;

	margin-right: 25px;

	font-weight:400;

	color:#000;

	

} 

.service-box-none h3{

	padding: 10px 0;

	font-weight:600;

}

.service-box-none i{

	color: #cc7b3a;

}

.service-box-none{

	padding-top: 50px;

	padding-bottom: 50px;

}

.service-box h3{

	padding: 10px 0;

	font-weight:600;

}

.service-box i{

	color: #cc7b3a;

}

.service-box{

	padding-top: 50px;

	padding-bottom: 50px;

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

}

.service-box img

{

	margin:0 auto;

	 -webkit-transition: all 0.5s ease 0s;

      -moz-transition: all 0.5s ease 0s;

      -o-transition: all 0.5s ease 0s;

      -ms-transition: all 0.5s ease 0s;

      transition: all 0.5s ease 0s;	

	  cursor:pointer;

}

.service-box img:hover

{

	 -webkit-transform: rotate(360deg);

              -moz-transform: rotate(360deg);

              -ms-transform: rotate(360deg);

              -o-transform: rotate(360deg);

              transform: rotate(360deg);	

}

/*.service-box-l{

	border-left: 1px solid #DEDEDE !important;

}*/

.service-box-none img

{

	margin:0 auto;

	 -webkit-transition: all 0.5s ease 0s;

      -moz-transition: all 0.5s ease 0s;

      -o-transition: all 0.5s ease 0s;

      -ms-transition: all 0.5s ease 0s;

      transition: all 0.5s ease 0s;	

	  cursor:pointer;

}



.service-box-none img:hover

{

	 -webkit-transform: rotate(360deg);

              -moz-transform: rotate(360deg);

              -ms-transform: rotate(360deg);

              -o-transform: rotate(360deg);

              transform: rotate(360deg);	

}



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

	5) SITE WRAPPER STYLES

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



.site-wrapper

{

	background:url(../img/who-we-are-bg.jpg) center no-repeat fixed;

	background-size:cover;

	padding-top: 80px;

	

}

.buyer-guide_area

{

	background:url(../img/buyer-guide_area-bg.jpg) center no-repeat fixed;

	background-size:cover;

}

.feedback_area

{

	background:url(../img/feedback_bg.jpg) center no-repeat fixed;

	background-size:cover;

}

.qualipedia

{

	background:#fff;	

}

.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: 20px;

	letter-spacing: 1px;

	text-transform: uppercase;

	font-weight: 600;

}

.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: #cc7b3a;

	font-size: 36px;

}



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

	5) team

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

.team_area

{

	/*border-top:#E1E1E1 1px solid;

	border-left:#E1E1E1 1px solid;

	border-right:#E1E1E1 1px solid;

	border-bottom:#cc7b3a 5px solid;

	*/

	

	height:auto;

	

	padding:5px 20px 20px 20px;

}

.team_area_border

{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,999999+51,e5e5e5+100&0+1,1+53,0.01+100 */

background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(253,253,253,0) 1%, rgba(153,153,153,0.96) 51%, rgba(156,156,156,1) 53%, rgba(229,229,229,0.01) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(253,253,253,0) 1%,rgba(153,153,153,0.96) 51%,rgba(156,156,156,1) 53%,rgba(229,229,229,0.01) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(253,253,253,0) 1%,rgba(153,153,153,0.96) 51%,rgba(156,156,156,1) 53%,rgba(229,229,229,0.01) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#03e5e5e5',GradientType=1 ); /* IE6-9 */



	height: 3px;

	margin: 25px 0;



}

.team_area ul

{

	margin:0 0 0 17px;

	padding:0;

	list-style-image:url(../img/circle.png);

	

}



.team_area ul li

{

	font-size:14px;

	line-height:22px;	

	margin-bottom:10px;

}







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

	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: 500;

}

.project-caption{

	color: #fff;

	text-align: center;

}

.project-details{

	position: absolute;

	width: 100%;

	top: 50%;

	margin-top: -20px;

}

.project-details p{

	color: #cc7b3a;

}

.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;

}

.caption-project{

	background-color: #f2f2f2;

	padding:10px 5px;

	text-align:center;

	}

	

.caption-project .btn {

    border: 2px solid transparent;

    border-radius: 0;

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

    font-size: 9px !important;

    font-weight: 700;

    letter-spacing: 3px;

    line-height: 19px;

    padding: 4px 5px !important;

    text-decoration: none;

    text-transform: uppercase;

    transition: all 0.2s ease-in-out 0s;

}



.caption-project .gold-btn {

    background-color: #cc7b3a;

    border-color: #cc7b3a;

    color: #fff;

	margin:10px 0px;

}



/*cube portfolio*/

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

	color: #FFF;

	background-color: #cc7b3a;

	border-color: #cc7b3a;

}



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

	background: #cc7b3a;

}

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

	border-top: 4px solid #cc7b3a;

}

.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: 10px 10px 0 0;



}

.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: #cc7b3a;

	border-color: #cc7b3a;

}

.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-l-grid-blog-comments {

	color: #aaaaaa;

}

.cbp-l-grid-blog-title {

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

	

}

.cbp-l-grid-blog-title:hover {

	color: #cc7b3a;

}

.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: #cc7b3a;

}

.cbp-l-grid-blog-desc {

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

	line-height: 22px;

	color: #4c4c4c;

	margin-top: 9px;

}

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

	margin: 0 auto 40px;

}



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

	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: #cc7b3a;

	margin-bottom: 15px;

}

.blog-meta span{

	color: #cc7b3a;

	font-size: 13px;

	margin-right: 7px;

}

.blog-inner-title a{

	color: #333;

}

.blog-inner-title a:hover{

	color: #cc7b3a;

}

.blog-btn{	

	color: #fff;

	background-color: #cc7b3a;

	border-color: #cc7b3a;

	width: 100%;

}

.blog-btn:hover{

	border-color: #D8BA6F;

	background-color: #D8BA6F;

	color: #fff;

}

.media-left{

	margin-left: 100px;

}

.left-comment input,textarea{

	margin-bottom: 25px;

}

.blog-meta-inner span{

	font-weight: bold;

	color: #cc7b3a;	

}

.blog-post-details blockquote{

	color: #999;

}



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

	9) ABOUT STYLES

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

.values_area

{



		

	height:auto;

	padding:15px;

	

}



.value_text

{

font-size:24px;

font-weight:bold;	

}









.team-bottom-margin

{

	margin-bottom:60px;	

}



.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: bold;

	color: #cc7b3a;



}

.team-details p{

	margin: 0;

}

.team-details h3{

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

    font-size: 20px;

    color: #282828;

    text-transform: uppercase;

    font-weight: 500;   

    margin-top: 0;

    margin-bottom: 15px;

	margin-top: 20px;

}

.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: url(../img/promoter_bg.jpg) center no-repeat fixed;

}





.team_bg_area{

	 background: url(../img/team_bg.jpg) center no-repeat fixed;

}







.area

{

   

    background-size: cover;

		

}

.about-img-margin

{

	margin-right:15px;	

}

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

	10) CONTACT STYLES

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



.contact-icon i{	

	font-size: 26px;

	color: #cc7b3a;

	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;

	

}

.contact-heding

{

	font-size: 24px;

	color:#cc7b3a;	

	font-weight:600;

}







.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: #cc7b3a;

	background-color: #cc7b3a;

	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 #cc7b3a; 

	-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 .upload_btn input[type="file"]{

	background:#cc7b3a;

	}

	

	

#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: #cc7b3a;	

	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: #cc7b3a;

}	



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

	11) PROMOTERS

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

.promoters-text

{

	color:#696969 !important;	

}

.promoters ul

{

	margin:0;

	padding:0;

	list-style:none;	

}



.promoters ul li

{

	margin-bottom:10px;	

}

.pro_title

{

	color:#282828 !important;

	font-size:18px;

	font-weight:500;	

	margin-bottom:0 !important;

}

.text-color

{

	color:#cc7b3a !important;

	font-weight:500;

		

}



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

	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: #cc7b3a;

	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: 600;

	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: 600;

	font-size: 14px;

	letter-spacing: 1px;

	text-transform: uppercase;

}

.f-inner address{

	font-size: 0.8em;

	line-height: 1.8em;

	margin: 0;

}

.f-inner address a

{

	color:#fff;	

}

.f-inner i{

	color: #fff;

}

.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: #cc7b3a;

	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/action-bg.jpg') 50% 0 no-repeat fixed;

	background-size: cover;

}

.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: 600;

	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: #cc7b3a;

	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{

	margin-top: 10px;

}

.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: 20px 0;

	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: 500px;

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	margin: auto;

}





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

	13)	SLIDER STYLES

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



.slider-text{

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

	color: #fff;

	font-size: 52px;

	font-weight: bold;

	line-height: 56px;

	letter-spacing: 1px;

	text-transform: uppercase;

	letter-spacing:1px;

	top: 550px !important;

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

	padding: 20px;

	text-align: left;

	margin-left:-700px; 

	

}

.tp-loader.spinner0{

	display: none;

}



/*owl carousel*/

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

	background: #000;

}

.owl-theme .owl-controls {

	margin-top: 20px;

	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: #000;

}



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

	color: #000 !important;

}

.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;}

}



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

	15)	404 PAGE STYLES

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

.main-title h1{	

	font-size: 210px;

	font-weight: 600;

	letter-spacing: 3px;

	color: #cc7b3a;

	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: #cc7b3a;

	overflow: hidden;

}



.counter-container {

	display: table;

	margin: 0 auto;

}

#counter .counter-box {

	display: block;

	width: 190px;

	text-align: center;

	overflow: hidden;

	padding: 10px 35px;

	float: left;

	margin: 25px 0;

	position: relative;

}

#counter .last {

	border-right: 0px solid #fff;

}

#counter .number {

	font-size: 80px;

	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: #cc7b3a;

	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;

}







/*Project Details*/



/*customer feedback*/





.cf{

	margin-left:70px;

	margin-top:20px;

	}

.cf-name{

	color:#cc7b3a;

	font-weight:700;

	}

	

	

/* navbar resize */ 



nav.navbar.shrink {

  min-height: 35px;

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

      -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

	

}



/*.shrink>ul.navbar-nav>li>a {

	color: #000 !important;

}*/



nav.shrink a {

  padding-top: 10px !important;

  padding-bottom: 10px !important;

  font-size: 12px;

      -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}



nav.shrink a.login {

	   

     margin-top: 0px !important; 

   

}



/*.nav.shrink a.login:hover {

	position: relative;

	display: block;

	padding: 5px 15px;

	margin-top: 18px;

	background: #cc7b3a !important;

	color:#fff !important ;

	border-radius: 20px;

}*/





nav.shrink .navbar-brand {

  font-size: 25px;

  padding-top: 2px !important;

      -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}



nav.shrink .navbar-brand img {

	width: 152px;

	height: 45px;

}





nav.shrink .navbar-toggle {

  padding: 4px 5px;

  margin: 8px 15px 8px 0 ;

}





.about-value

{

	    line-height: 25px;

    font-size: 16px;

    text-transform: uppercase;

}





/*--------blog------*/





.social {

  position: fixed;

  top: 300px;

  z-index: 99999;

}

.social ul {

  padding: 0px;

  -webkit-transform: translate(-270px, 0);

  -moz-transform: translate(-270px, 0);

  -ms-transform: translate(-270px, 0);

  -o-transform: translate(-270px, 0);

  transform: translate(-270px, 0);

}

.social ul li {

  display: block;

  margin: 5px;

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

  width: 320px;

  text-align: right; 

	line-height: 50px;

  -webkit-border-radius: 0 30px 30px 0;

  -moz-border-radius: 0 30px 30px 0;

  border-radius: 0 30px 30px 0;

  -webkit-transition: all 1s;

  -moz-transition: all 1s;

  -ms-transition: all 1s;

  -o-transition: all 1s;

  transition: all 1s;



}

.social ul li:hover {

  -webkit-transform: translate(110px, 0);

  -moz-transform: translate(110px, 0);

  -ms-transform: translate(110px, 0);

  -o-transform: translate(110px, 0);

  transform: translate(110px, 0);

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

}

.social ul li:hover a {

  color: #000;

	

	font-size: 16px;

	

}

.social ul li:hover i {

  color: #fff;

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

  -webkit-transform: rotate(360deg);

  -moz-transform: rotate(360deg);

  -ms-transform: rotate(360deg);

  -o-transform: rotate(360deg);

  transform: rotate(360deg);

  -webkit-transition: all 1s;

  -moz-transition: all 1s;

  -ms-transition: all 1s;

  -o-transition: all 1s;

  transition: all 1s;

}

.social ul li i {

	margin: 5px;

 

  color: #fff;

  background: #cc7b3a;



  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  width: 40px;

  height: 40px;

	line-height: 40px;

	text-align: center;

  font-size: 20px;

 

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

}





.owl-pagination{

	

	display: none !important;

}





.modal-none

{

	top: 0px !important;

}



.project-tabs{text-align: center !important;}

.project-tabs ul{

display: inline-block !important; margin: 0; padding: 0; list-style: none; text-align: center !important;

}

.feature-bg{

	    background-color: #f2f2f2;

}

.border-radius

{

	

border-radius: 0px !important;

}



.project-text

{

	font-size: 24px !important;

	color: #FFFFFF;

	text-transform: uppercase;

}

.project-ul

{

	margin-top:50px;

	

}



.project-ul li

{

		line-height:25px;

		margin-bottom:10px;

}



.project-ul li:hover

{

		color:#cc7b3a;

}



.promise

{

list-style:none;	

}

.promise li

{

	line-height:30px;	

}



.grid-filters-gn {

    margin: 20px auto;

    padding: 0;

    list-style: none;

    position: relative;

    text-align: center;

    width: 500px ;

}



.modal-dialog-Z

{

z-index: 999999999;	

border:5px solid #fff;

margin: 5% auto;

}

.fade-z

{

	z-index: 9999999;

}



/*--------feedback----------*/

.slide-out-div {

       padding: 20px;

        width: 350px;

		top: 445px !important;

        background: #fff;

        border: #cc7b3a 5px solid;

		z-index:9999;

    }



.slide-out-div h2{

	font-size: 20px;

	font-weight: 600;

	text-transform: uppercase;

	margin-top: 0px;

}



.slide-out-div input {

     border:1; outline:0;

     padding: 0.8em;

     @include border-radius(8px);

     display: block;

     width: 100%;

     margin-top: 0.5em;

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

	 color:#666;

	 border:1px solid #f0f0f0;

    

    

  

    }





.slide-out-div textarea

{

	height:70px;

	 border:1; outline:0;

	 padding: 0.8em;

     @include border-radius(8px);

     display: block;

     width: 100%;

	

	 

}



.submit-btn

{

color: #fff !important;

background-color: #cc7b3a;

border:none;

margin-top:-10px;	

text-transform:uppercase;

}



.value_text {

    font-size: 24px;

    font-weight: bold;

    color: #cc7b3a;

}



.disclaimers ol li

{

	margin-bottom:20px;

}

 #captcha span{
  width: 100px;
  background:#ccc;
  padding:10px;
}

 #captcha input{
  background: url(http://img3.uploadhouse.com/fileuploads/17737/17737011310213e71805ecf2292144cbbecf42ad.png) no-repeat scroll 0 0 transparent;
  margin: 20px 10px;
  padding: 0;
  border: medium none;
  cursor: pointer;
  width: 15px;
}