/* --------------------------------------------------------	*/
/*	Twitter Bootstrap */
/*	Responsive media queries */
/* --------------------------------------------------------	*/

@import url("bootstrap.min.css");
@import url("bootstrap-responsive.min.css");

/* --------------------------------------------------------	*/
/*	Base */
/* --------------------------------------------------------	*/

::-moz-selection { background: #999; color: #fff; text-shadow: none; }
::selection { background: #999; color: #fff; text-shadow: none; }
:focus { outline-color: transparent!important; outline-style: none!important; }

html {
	overflow-y:scroll;
	background:#fff;	
}

body {
	margin: 0;
	padding: 0;                      
  font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #7c7e7e;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;	
	cursor:default;
  background:#f6f8f9;
  overflow:hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Lato', sans-serif; 
  color:#206952;
  line-height:1.4em;    
  margin:0px;
  clear:both;
}

h1 {
  font-size:24px;
  color:#7c7e7e;
  font-weight:500;
  padding: 24px 0;  
}

h2 {
  font-size:24px;
  color:#566363;
  font-weight:bold;
  padding: 10px 0;  
}

h3 {
  color:#3b4444;
  font-size:20px;
  font-weight:bold;
  padding: 20px 0;  
}

h4 {
  font-family: 'Open Sans', sans-serif;
  color:#566363;
  font-size:16px;
  font-weight:400;
  padding: 16px 0;  
}

h5 {
	color: #7c7e7e;
  font-size:15px;
  font-weight:500;  
  padding: 30px 0 15px 0;
  text-transform:uppercase;
}    

h6 {
  font-family: 'Open Sans', sans-serif;
  color:#c9ab8b;
  font-size:30px;
  font-weight:300;  
  padding: 30px 0;
}    

hr {
  background:#e1e5e7;
  height:1px;
  margin:40px 0px;
  border:0px;
}

p {
  margin:15px 0;
}

blockquote {        
  color:#566363;
  background:#ebefef;
  margin:15px 0px;
  padding:25px 35px;
  border-left:5px solid #c9ab8b;
}

a {
  color:#c9ab8b;
  text-decoration:none;
}

a:hover {
  color:#a1b9b9;
  text-decoration:none;
}

img {
  width:100%;
}

/* --------------------------------------------------------	*/
/*	Main Classes */
/* --------------------------------------------------------	*/

.white {
  color:#fff;
}

.gray{
  color:#657575;
}

.gray-2{
  color:#a6b0b0;
}

.gray-dark{
  color:#313838;
}

.gray-dark-2{
  color:#404a4a;
}

.brown{
  color:#c9ab8b;
}

.brown-dark{
  color:#7e6b57;
}

.bold {
  font-weight:bold;
}

.normal {
  font-weight:normal;
}

.line-a{
  background:url(../img/line-a.png) repeat-x;
  height:8px;
}

.line-b{
  background:url(../img/line-b.png) center left no-repeat;
  height:11px;
  margin:20px 0px;
}

.line-c{
  background:#ebebeb;
  height:1px;  
  margin-top:30px;
  margin-bottom:30px;
}

.line-d{
  background:url(../img/line-d.png) center center no-repeat;
  height:11px;
  margin:0px;
  margin-top:20px;
}

.line-e{
  background:#ebebeb;
  height:1px;  
  margin-top:10px;
  margin-bottom:30px;
}

.space5 {
  height:5px;
  clear:both;
}

.space10 {
  height:10px;
  clear:both;
}

.space15 {
  height:15px;
  clear:both;
}

.space20 {
  height:20px;
  clear:both;
}

.space25 {
  height:25px;
  clear:both;
}

.space30 {
  height:30px;
  clear:both;
}

.space40 {
  height:40px;
  clear:both;
}

.space50 {
  height:50px;
  clear:both;
}

.space60 {
  height:60px;
  clear:both;
}

.space70 {
  height:70px;
  clear:both;
}

.space80 {
  height:80px;
  clear:both;
}

.space90 {
  height:90px;
  clear:both;
}

.space100 {
  height:100px;
  clear:both;
}

.space110 {
  height:110px;
  clear:both;
}

.left {
  text-align:left;
}

.right {
  text-align:right;
}

.center {
  text-align:center;
}


.f-left {
  float:left !important;
}

.f-right {
  float:right;
}

.p-t-0{
  padding-top:0px;
}

.pos-r {
  position:relative;
}

.c-b {
  clear:both;
}

.o-h {
  overflow:hidden;
}

.thanks-text{
  font-size:18px;
  color:#c9ab8b;
  padding-top:14px;
}

.more-info-block .btn{
  margin-bottom:0px;
}

.more-info{
  font-size:20px;
  padding-top:12px;
}

.contact-info{
  position:relative;
  padding-left:30px;
}

.contact-info i{
  position:absolute;
  top:3px;
  left:0px; 
}

.hotline{
  font-size:20px;
  padding-top:10px;
}

.c-thank{
  font-size:20px;
  line-height:30px;
}

.c-thank img{
  width:auto;
}

/* --------------------------------------------------------	*/
/*  Header  */
/* --------------------------------------------------------	*/

header {
  position:relative;
  color:#979797;
  background:url(../img/background.png) center top no-repeat #393939;
  display:block;
}

.logo img {
  width:auto;
  float:left;        
  padding:0px;
}

  /* --------------------------------------------------------	*/
  /*  Head Line  */
  /* --------------------------------------------------------	*/
    
  .head-line{
    background:url(../img/texture-a.png) left top;  
  }
 
  .actual-section{
    padding:20px 0px 0px 0px;
  }
  
  .search-top {
    position:relative;
    margin-top:22px;
  }

/* --------------------------------------------------------	*/
/*  Slider  */
/* --------------------------------------------------------	*/
     
.slider1 {
  width:100%;
  margin-bottom:40px !important;
  background:transparent !important;
}
   
.slider-container{
  position:relative;
  color:#c9ab8b;
  font-size:28px;
  line-height:36px;
  float:left;
  width:100%;
  display: table;
}  

.slider-title{
  width:50%; 
  display: table-cell;  
  vertical-align: middle;
}

.slider-title h6{
  padding-bottom:5px;
}

.slider-title h3{
  color:#fff;
  padding-top:5px;
}

.slider-devices{
  width:50%; 
  display: table-cell;
}

.slider-bg{
  background:url(../img/slider-background.png) bottom center repeat-x #3b4444;
}

.slider6 {
  margin-bottom:40px !important;
}

/* --------------------------------------------------------	*/
/*	Navigation */
/* --------------------------------------------------------	*/
  
.navbar {
  font-size:15px;
  position:relative;
  float:right;
  margin-bottom:0px;
}

.navbar .nav-responsive {
	display:none;
	font-family: "Open Sans", "Helvetica Neue", sans-serif;
  line-height:20px;
  border-radius: 0px;
  height:36px;
  color: #464646;   
  background:url(../img/select-box.png) right center no-repeat #fff;
  -webkit-appearance: none;
  opacity: 0.9;
  -webkit-transition: all 0.9s ease;
}

.nav-responsive:hover {
  opacity: 1;
  -webkit-transition: all 1s ease;
}

.navbar .nav {
  width:100%;
  background:transparent;
  border:0px;
  margin:0px;
}

.navbar .nav > li {
  position:relative;
  padding-left:15px;
  padding-right:15px;
}

.navbar .nav > li > a {
  position:relative;
  line-height:30px;
  height:20px;
	color: #a1b9b9 !important;
  text-shadow: none;
  background: transparent !important;   
  padding:0px;
  padding-bottom:60px; 
}

.navbar .nav > li:last-child {
  padding-right:0px;
}

.navbar .nav > li:hover > a {
	color:#fff !important;
}

.navbar .nav > li.active > a {
	color:#FFF !important;
  border-bottom:5px solid #FFF;
  -webkit-box-shadow:rgba(0, 0, 0, 0) 0 0 0 !important;
  box-shadow:rgba(0, 0, 0, 0) 0 0 0 !important;
}

  /* --------------------------------------------------------	*/
  /*	Dropdown */
  /* --------------------------------------------------------	*/
        
  .navbar .nav li ul {
  	display:none;
    margin-top:-30px !important;
    margin-left:-20px !important;
  	z-index:99;
 	  list-style-type:none;
  	margin:0px; 
    padding:10px 20px 8px 20px; 
  	background:#333b3b;
    position:relative;
  }     
  
  .navbar .nav li ul:after {
    content:"";
    display:block; /* reduce the damage in FF3.0 */
    position:absolute;
    top:-10px;
    left:30px;
    width:0;
  	border-width:0 10px 10px;
    border-style:solid;
    border-color:#333b3b transparent;
  }     
     
  .navbar .nav li:hover ul {
    position:absolute;
  	display:block;
  	list-style-type:none;
    border-bottom:2px solid #212626;
  }  
  
  .navbar .nav li ul li {
    font-size:13px;
  	margin:0px; 
  	padding:0px;
    width:160px;  
  	-webkit-transition:all 0.3s;
  	-moz-transition:all 0.3s;
  	-o-transition:all 0.3s;
  	-ms-transition:all 0.3s;
  	transition:all 0.3s;
  }
  
  .navbar .nav li ul li:last-child {
     border-bottom:0px;
  }
  
  .navbar .nav li ul li a {
    color:#fff;
  	padding:10px 0px 9px 0px;
  	margin:0px;
  	display:block;
  	text-decoration:none;
  }
  
  .navbar .nav li ul li:hover a {
  	color:#c9ab8b;
  }

/* --------------------------------------------------------	*/
/*  Content  */
/* --------------------------------------------------------	*/

#content {
  position:relative;
  overflow:hidden;
}

/* --------------------------------------------------------	*/
/*  Home  */
/* --------------------------------------------------------	*/

.ic-1 {     
  width:45px;  
  height:30px;
  font-size:34px;
  float:left;
}

.ic-1 i {
  color:#a1b9b9;
}

.title-1 {
  float:left;
  font-size:16px;
  line-height:30px;
}

.title-1 h3 {
  color:#a1b9b9;
  padding-top:8px;
}

.text-1 {     
  padding-left:45px;
  clear:both;
}

.title-2 {
  font-size:16px;
  padding:15px 0;
}

.square-1, .square-2 {
  color:#3b4444;
}

.square-1 img, .square-2 img,  {
  -webkit-transition: all .3s ease;
}

.square-1:hover img, .square-2:hover img {
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
  -webkit-transition: all .4s ease;
}

.square-2 {
  padding-bottom:20px;
}

.square-1 h3, .square-2 h3 {
  padding-bottom:10px;
}

.img-container {
  position:relative;
  background:#FFF;
}

.img-bg-icon {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background: url(../img/zoom-icon.png) center center no-repeat;
  cursor:pointer;
  display:none;
}

.square-1:hover .img-bg-icon, .square-2:hover .img-bg-icon {
  display:block;
}

.square-1:hover h3, .square-2:hover h3 {
  color:#c9ab8b;
}  

.h-button {
  position:absolute;
  height:auto !important;
}

.h-button h3 {
  padding:15px 20px;
  font-size:22px;
}

.date h2{
  font-size:16px;
  padding-top:20px;
  padding-bottom:0px;
}

.news-title h3{
  font-size:16px;
  color:#c9ab8b !important;
  padding-top:10px;
  padding-bottom:10px;
}

.square{
  background: url(../img/texture-a.png);
  margin-bottom:20px;
}

.square-text{
  padding-right:20px;
}

.square p{
  margin-top:0px;
}

  /* --------------------------------------------------------	*/
  /*  Text Block  */
  /* --------------------------------------------------------	*/

  .text-block {
    font-size:13px;
    padding:20px 0px;  
  }
  
  .text-block h3 {
    color:#566363;
    font-size:16px;
    padding:0px;
    margin:0px; 
  }
  
/* --------------------------------------------------------	*/
/*  About Us  */
/* --------------------------------------------------------	*/

.about-us h3{
  font-size:16px;
  color:#566363;
  padding-bottom:10px;
}

.about-us i{
  font-size:22px;
  color:#a1b9b9;
  padding-right:10px;
}

/* --------------------------------------------------------	*/
/*  Services  */
/* --------------------------------------------------------	*/

.service{
  text-align:center;
  color:#3b4444;
  display:block;
}

.service h3{
  font-size:20px;
  color:#566363;
  padding-top:6px;
  padding-bottom:12px;
}

.service i{
  font-size:60px;
  padding-top:30px;  
}

.service:hover{
  cursor:pointer;
}

.service:hover i{
  color:#000;
}

.service:hover h3{
  color:#000;
}

.service-text{
  color:#3b4444;
  padding: 0 10px;
}            

/* --------------------------------------------------------	*/
/*  Lists  */
/* --------------------------------------------------------	*/

.list-a, .list-b, .list-c {
  padding:0px;
  margin:0px;
}

.list-a li {
  list-style:none;
  padding-left:30px;
  background: url(../img/arrow1.png) left center no-repeat;
  border-bottom:1px dotted #bcbcbc;
  padding-top:10px;
  padding-bottom:10px;
}

.list-a li:last-child {
  border-bottom:0px;
}

.list-a a {
  color:#7c7e7e;
  text-decoration:none;
}

.list-a a:hover {
  color:#5c5e5e;
  text-decoration:none;
}

.list-b li {
  list-style:none;
  margin-bottom:10px;
}

.list-b i {
  color:#a1b9b9;
  padding-right:4px;
}

.list-c i {
  font-size:10px;
  padding-right:4px;
}

.list-c li {
  list-style:none;
  margin-bottom:4px;
}

.list-c a {
  color:#637373;
  text-decoration:none;
}

.list-c a:hover {
  color:#c6a989;
  text-decoration:none;
}

/* --------------------------------------------------------	*/
/*  Client Says  */
/* --------------------------------------------------------	*/

.client-says {
	position: relative;
  font-style:italic;
  border:0px;
  padding:30px;
  color:#566363;  
  background:#ebefef;
}

.client-says:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 40px;
	bottom: -24px;
	border: 12px solid;
	border-color: #ebefef transparent transparent #ebefef;
}

.client-says-2 {
  position:relative;
  font-style:italic;
  color:#7c7e7e;
  text-align:right;
  padding-top:15px;
  padding-right:30px;
}

.client-name {
  float:left;
}

.client-name i {
  font-size:26px;
  padding-left:8px;
  padding-right:35px;  
}

/* --------------------------------------------------------	*/
/*  Progress Bar  */
/* --------------------------------------------------------	*/

.progress {
  height:40px;
  border-radius:0px;
  background:transparent !important;
  -webkit-box-shadow:rgba(0, 0, 0, 0) 0 0 0 inset;
  margin-bottom:10px;
}

.bar {
  height:35px;
  font-size:14px !important;
  line-height:40px;
  background: #c9ab8b !important;   
  border:0px;
  -webkit-box-shadow:rgba(0, 0, 0, 0) 0 0 0 inset;
  text-shadow: none !important;
  text-align:left !important;
  padding-left:30px !important;
}
 
/* --------------------------------------------------------	*/
/*  Buttons  */
/* --------------------------------------------------------	*/
  
.btn {
  color:#fff;
  background:#647474;
  height:48px;
  line-height:48px;
  padding:0px 22px;
  text-shadow:none;
  -webkit-box-shadow:rgba(0, 0, 0, 0) 0 0 0 !important;
  box-shadow:rgba(0, 0, 0, 0) 0 0 0 !important;
	background: -moz-linear-gradient(
		top,
		#647575 0%,
		#556363);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#647575),
		to(#556363));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
  border:0px;
  border-top:1px solid #7d9090;
  border-bottom:2px solid #313838;
  margin-bottom:8px;
}

.btn:hover {
  color:#fff;
  background:#c9ab8b;
  background: -moz-linear-gradient(
		top,
		#c9ab8b 0%,
		#a68d73);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#c9ab8b),
		to(#a68d73));
  border-top:1px solid #d3b492;
  border-bottom:2px solid #7e6b57;  
}

/* --------------------------------------------------------	*/
/*  Accordion  */
/* --------------------------------------------------------	*/

.accordion-group {
  border-radius:0px !important;
  border:0px;
  border-bottom:1px solid #e1e5e7;      
  margin-bottom:1px !important;
}
 
.accordion-heading {
  background:transparent; 
}

.accordion-heading a {
  color:#566363;
}

.accordion-inner {
  color:#7c7e7e;
  background:transparent; 
  padding:0px 5px 20px 45px !important;   
  border:0px;                             
}

.accordion-toggle {
  padding:20px !important;
  padding-left:45px !important;
  background:url(../img/ac-back-2.png) left center no-repeat; 
}

.ac-active {
  background:url(../img/ac-back-1.png) left center no-repeat; 
}

/* --------------------------------------------------------	*/
/*  Tabs  */
/* --------------------------------------------------------	*/

.nav-tabs {
  border:0px;
  margin-bottom:0px;
}

.tab-content h3 {
  color:#577171;
  padding-bottom:0px;
}

.nav-tabs li a {
  border-radius:0px;
  border:0px;
  color:#577171;
  background:#f3f5f6;
  padding:20px;
  margin-right:0px;  
  border:1px solid #e1e5e7;  
  border-left:0px;  
}

.nav-tabs li:first-child a {
  border-left:1px solid #e1e5e7 !important;  
}

.nav-tabs li a:hover {
  background:#fff;
}

.tab-content {
  color:#577171;
  background:#fff;
  padding: 0px 20px;
  padding-bottom:10px; 
  border:1px solid #e1e5e7;    
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
  background-color:#fff;
  border-color:#e1e5e7 #e1e5e7 transparent;
  border-style:solid;
  color:#577171;
  border-left:0px solid #f1f; 
}
     
/* --------------------------------------------------------	*/
/*  Alerts  */
/* --------------------------------------------------------	*/
       
.alert {
  margin-bottom:9px;
  padding:20px 40px 20px 20px;
  color:#789ab9;
  background:#e4f2ff;
  border-radius:0px;
  border:0px !important;
  text-shadow:none !important;
}
  
.alert-error {
  color:#fff;
  background:#ff5a5a;
}

.alert-info {
  color:#7f7e00;
  background:#dfde88;
}

.alert-success {
  color:#fff;
  background:#6ac663;
}

/* --------------------------------------------------------	*/
/*  Icons  */
/* --------------------------------------------------------	*/

.icons-s1 {
  font-size:34px;
}

.icons-s2 {
  font-size:28px;
}

.icons-s3 {
  font-size:22px;
}

.icons-s4 {
  font-size:16px;
}

/* --------------------------------------------------------	*/
/*  Tables  */
/* --------------------------------------------------------	*/

table {
  width:100%;
  border-radius:0px !important;
  border:0px !important;
  border-collapse:collapse !important;
}

th {
  color:#fff;
  background:#647575;
  border-radius:0px !important;
  border:1px solid #e3e6e8 !important;
  font-weight:normal !important;
  padding:15px 20px !important;
}

td {
  color:#7c7e7e;
  background:#fff;
  border-radius:0px !important;
  border:1px solid #e3e6e8 !important;
  padding:15px 20px !important;
}

table a:hover{
  text-decoration:none;
}
        
/* --------------------------------------------------------	*/
/*  Forms  */
/* --------------------------------------------------------	*/

.form-main input, .form-main textarea {
  position:relative;
  width:93%;
  color:#8a8c8c;
  background:#fff;
  margin-top:10px;
  padding:8px 12px;
  border:1px solid #d9dbdc;
  border-radius:0px;
  box-shadow: none;
}

.form-main textarea {
  width:96.6%;
  height:120px;
  resize:none;
}

.error {
	color: #ff2549;
	display: none;
}

#ajaxsuccess {
	color: #2f9b79;
  font-size: 18px;
  font-weight: bold;
	width: 100%;
	display: none;
  clear: both;
}

/* --------------------------------------------------------	*/
/*  Paging  */
/* --------------------------------------------------------	*/

.paging {
  width:30px;
  height:31px;
  line-height:30px;
  text-align:center;
  font-size:13px;
  color:#7c7e7e;
  background:transparent;
  margin-bottom:5px;
  margin-right:1px;
  float:right;
}

.paging:hover {
  height:30px;
  color:#fff;
  background:#b2cdcd;
  border-bottom:1px solid #7d9090;  
  text-decoration:underline;
}

/* --------------------------------------------------------	*/
/*  Blog  */
/* --------------------------------------------------------	*/

.blog-icon {
  font-size:40px;
  color:#b5bec3;
  width:30px;
  height:30px;
  padding-top:25px;
}

.post-d-info i {
  padding:0px 5px;
}

.post-d-info h2 {
  padding-bottom:15px;
}

.post-d-info a:hover {
  text-decoration:none !important;
}     

.blog-v-center{
  padding-top:14px;
}
  
  /* --------------------------------------------------------	*/
  /*  Comments  */
  /* --------------------------------------------------------	*/
  
  .comment-title h2, .contact-form-title h2 {
    padding-bottom:5px;
  }
  
  .c-icon{
    color:#566363;
    font-size:40px;
    padding-top:12px;
    text-align:right;
  }

  .comment {
    margin-bottom:30px;
    padding-left:80px;
    background:url(../img/comment-img.png) left 4px no-repeat;
  }

  .comment-author {
    color:#566363;
    font-weight:bold;
    padding-bottom:10px;
  }
  
  .comment-date {
    color:#566363;
    font-weight:normal;
    padding-left:12px;
  }
  
  .c-margin-2 {
    margin-left:50px;
  }
  
  .c-margin-3 {
    margin-left:100px;
  }
  
  .thank {
    padding-top:12px;
  }   
  
  .c-t-text{
    color:#c9ab8b;
  }
  
  .form-comment input, .form-comment textarea {
    width:93.4%;
    color:#8a8c8c;
    background:#fff;
    margin-top:10px;
    padding:8px 12px !important;
    border:1px solid #d9dbdc;
    border-radius:0px;
    box-shadow: none;
  }    
  
  .form-comment textarea {
    width:96.9%;  
    height:150px;
    resize:none;
  }   

  textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {   
    box-shadow: none;
    border:1px solid #d9dbdc;
  }

/* --------------------------------------------------------	*/
/*  Pricing Tables  */
/* --------------------------------------------------------	*/

.pricing-tables table {
  width:100%;
  background:transparent;
  border:1px solid #e3e6e8 !important;
}

.pricing-tables th {
  font-size:16px;
  font-weight:bold;
  border:1px solid #e3e6e8 !important;  
  background:#fff;
  text-align:center;
  padding: 30px !important;
}

.pricing-tables td {
  padding:8px 0px;
  color:#7c7e7e;
  background:#fff;
  border:1px solid #e3e6e8 !important; 
  border-bottom:1px solid #e3e6e8 !important;                                      
  text-align:center;
}

.pricing-tables .plan-title  {
  font-family: 'Lato', sans-serif; 
  font-weight:bold;
  font-size:24px;
  line-height:30px;
 	color: #566363;     
}

.price {
 	color: #566363;   
  font-size:36px !important;
  padding-top:36px;   
  line-height:30px;
}

.pricing-tables .active .price {
  color:#c9ab8b;
}

.price2 {
  position:relative;
  top:-7px;
  font-size:14px;
 	color: #b5bec3;  
}

.pricing-tables .table-footer {
  font-size:16px;
  color:#7c7e7e !important;
  background:#fff !important;
  padding:44px 0px !important;
  border:0px !important;
}

.pricing-tables .active th, .pricing-tables .active .table-footer {
  color:#c9ab8b;
  font-weight:bold;  
  border:1px solid #e3e6e8 !important;   
  background:#fff !important;
}

.pricing-tables .active td {
  color:#c9ab8b;
}

.pricing-tables .active .table-footer {
  border:0px;
  background:#fff !important;
  font-weight:bold;
}

/* --------------------------------------------------------	*/
/*  Contact  */
/* --------------------------------------------------------	*/

#map {
  position:relative;
  width:100%;
  height:270px;
  padding:0px;
  border:0px;
}

/* --------------------------------------------------------	*/
/*  Side Bar  */
/* --------------------------------------------------------	*/

  /* --------------------------------------------------------	*/
  /*  Search  */
  /* --------------------------------------------------------	*/
  
  .search-box{
    position:relative;
  }
  
  .search {
    font-family: 'Source Sans Pro', sans-serif;  
    width:80%;
    height:34px;
    color:#b5bec3;
    background:#fff;
    border:1px solid #ced1d2;
    padding-left:5%;
    padding-right:15%;   
    float:right;      
  }
  
  .search-icon, .search-icon:hover {
    position:absolute;
    font-size:14px;
    top:8px;
    right:12px;
    color:#464646;
    text-decoration:none;    
  }

  /* --------------------------------------------------------	*/
  /*	Flickr Widget */
  /* --------------------------------------------------------	*/
  
  .photo-stream {
    float:left;
    width:60px;
    height:60px;
    border-bottom:0px;
    margin-right:13px;
    margin-bottom:13px;
    overflow:hidden;
  }  

  /* --------------------------------------------------------	*/
  /*  Tags  */
  /* --------------------------------------------------------	*/
  
  .tag {
    height:20px;
    font-size:13px;
    line-height:20px;
    color:#fff;
    background:#a1b9b9;
    border-bottom:1px solid #7d9090;
    padding:5px 13px 4px 13px;
    margin-right:10px;
    margin-bottom:10px;
    float:left;
  }
  
  .tag:hover {
    background:#c9ab8b;
    border-bottom:1px solid #7e6b57;
  }

/* --------------------------------------------------------	*/
/*  Testimonials  */
/* --------------------------------------------------------	*/

.testimonials {
  color:#577171;
  background:rgba(255,255,255,0.7);
  border:1px solid #e1e5e7;
  padding:30px; 
}

.w-position{
  color:#577171;
}

/* --------------------------------------------------------	*/
/*  Arrows  */
/* --------------------------------------------------------	*/

.arrow {
  width:30px;
  height:30px;
  margin-left:1px;
  display:block;
  float:right;
}

.a-left {
  background: url(../img/arrow2.png) no-repeat;
}

.a-right {
  background: url(../img/arrow1.png) no-repeat;
}

.a-left:hover {
  background: url(../img/arrow2.png) no-repeat;
  background-position: 0 -30px;
}

.a-right:hover {
  background: url(../img/arrow1.png) no-repeat;
  background-position: 0 -30px;
}

/* --------------------------------------------------------	*/
/*	Portfolio */
/* --------------------------------------------------------	*/

.portfolio{
  overflow:hidden;
  margin:0px;
}

.portfolio .span4, .portfolio .span6{
  margin-top:50px;
}

.portfolio .span2, .portfolio .span3{
  margin-top:40px;
}

.portfolio a{
  text-decoration:none;
}

.portfolio li{
  list-style:none;
}

.project {
  margin-top:20px !important;
} 
 
  /* --------------------------------------------------------	*/
  /*	Portfolio Filter */
  /* --------------------------------------------------------	*/

  #portfolio-filter{
    margin:0px;
    overflow:hidden;
  }
    
  #portfolio-filter li {
    list-style:none;
    float:left;
    margin-right:10px;
    margin-top:5px;
    padding:12px 0px;
  }
    
  #portfolio-filter li a {
    padding:12px 15px;
    margin:0px;
    border:0px;
    border-bottom:1px solid transparent;
  	color:#7c7e7e;
  }
 
  #portfolio-filter li:hover a {
    color:#7c7e7e;
    background:#dbdfdf;
    border-bottom:1px solid #c4c6c7;
    text-decoration:none;
  }
    
  #portfolio-filter li.active a {
    color:#fff;
    background:#3a3a3a;
    border-bottom:1px solid #7d9090;    
  }

	/* --------------------------------------------------------	*/
	/*	Portfolio - Isotype (filtering tags) */
	/* --------------------------------------------------------	*/

	.isotope-item {
	  z-index: 2;
	}

	.isotope-hidden.isotope-item {
	  pointer-events: none;
	  z-index: 1;
	}   

	/* Isotope CSS3 transitions */    
	.isotope,	.isotope .isotope-item {
	  -webkit-transition-duration: 0.4s;
		 -moz-transition-duration: 0.4s;
		  -ms-transition-duration: 0.4s;
		   -o-transition-duration: 0.4s;
			  transition-duration: 0.4s;
	}

	.isotope {
	  -webkit-transition-property: height, width;
		 -moz-transition-property: height, width;
		  -ms-transition-property: height, width;
		   -o-transition-property: height, width;
			  transition-property: height, width;
	}

	.isotope .isotope-item {
	  -webkit-transition-property: -webkit-transform, opacity;
		 -moz-transition-property:    -moz-transform, opacity;
		  -ms-transition-property:     -ms-transform, opacity;
		   -o-transition-property:         top, left, opacity;
			  transition-property:         transform, opacity;
	} 

	/* disabling Isotope CSS3 transitions */
	.isotope.no-transition,
	.isotope.no-transition .isotope-item,
	.isotope .isotope-item.no-transition {
	  -webkit-transition-duration: 0s;
		 -moz-transition-duration: 0s;
		  -ms-transition-duration: 0s;
		   -o-transition-duration: 0s;
			  transition-duration: 0s;
	}                                      

/* --------------------------------------------------------	*/
/*	Partners	*/
/* --------------------------------------------------------	*/

.partners{
  background:#fff;
  padding-top:40px;
  padding-bottom:40px;
  font-size:13px;
}

.partners h5 {
  padding-top:10px;
  padding-bottom:10px;
}     

.partners img {
  width: auto;
}

/* --------------------------------------------------------	*/
/*	Footer */
/* --------------------------------------------------------	*/

#footer {
  position:relative;
  color:#8a8c8c;
  font-size:13px;
  line-height:22px;
  padding:0px;
  background:#3b4444;
  border-bottom:0px;
  overflow:hidden;  
}

#footer h3 {
  color:#fff;
  font-size:16px;
  font-weight:300;
  padding-top:35px !important;
  padding-bottom:20px !important;
}

#footer ul{
  margin:0px;
}

#footer li{
  list-style:none;
  border-bottom:1px solid #455050;
  padding:10px 0px;
}

#footer li:first-child{
  padding-top:0px;
}

#footer a {
  color:#a1b9b9;
  text-decoration:none;
}

#footer a:hover {
  color:#c9ab8b;
  text-decoration:none;
}

.social-footer {
  padding-top:30px;
}
                    
#footer i {
  margin-right:12px;
}

#bottom-2{
  background:url(../img/copyright-back.png) center top no-repeat #333b3b;
  padding-top:20px;
  padding-bottom:20px;
}

#bottom-2 img{
  width:auto;
}

  /* --------------------------------------------------------	*/
  /*	Newsletter */
  /* --------------------------------------------------------	*/

  .newsletter-container {
    position:relative;
  }
  
  .newsletter-container i:hover {
    color:#00ce9b;
  }
  
  .newsletter-container form {
    margin:0px !important;
  }
  
  .newsletter {
    width:81% !important;
    height:38px !important;
    font-size:13px !important;
    padding:0px 14% 0px 5% !important;
    color:#8c8e90 !important;
    border-radius:0px !important;
    border:1px solid #444f4f !important;
    background:#303838 !important;
    margin:0px !important;
    -webkit-box-shadow:rgba(0, 0, 0, 0) 0 0 0 !important;
    box-shadow:rgba(0, 0, 0, 0) 0 0 0 !important;
  }
    
  .newsletter-button {
    position:absolute;
    top:9px;
    right:0px;
    cursor:pointer;
  }

  .newsletter-button:hover i{
    color:#c9ab8b;
  }  

  #nlemail {
    width:90%;
    padding:5%;
    border:0px;  
  }
  
  #nlwaiting {
    position:absolute;
    top:3px;
    left:2px;
    height:28px;
    width:80%;
    padding:0% 5%;
    padding-top:6px;
    color:#c8ccce;
    background:transparent;
  }
  
  .nlsuccess {
    width:90%;
    margin-left:2px;
    padding:8px 5%;
    color:#fff;
    background:#00ce9b;
  }
  
  .nlerror {
    width:90%;
    margin-left:2px;
    padding:8px 5%;
    color:#fff;
    background:#ad0c34;
  }  
  
/* --------------------------------------------------------	*/
/*	Social Networks Icons */
/* --------------------------------------------------------	*/
       
.social-network { 
	display:inline-block; 
	background: url(../img/social-networks.png) no-repeat top left; 
	width: 40px; 
	height: 40px; 
  margin: 0px 4px 0px 0px;
	background-position-y: -40px; 
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	transition:all 0.2s ease;
	cursor:pointer;
}

/* normal */
.social-network.aim{ background-position: 0 0}
.social-network.amazon{ background-position: -40px 0}
.social-network.apple{ background-position: -80px 0}
.social-network.behance{ background-position: -120px 0}
.social-network.blogger{ background-position: -160px 0}
.social-network.delicious{ background-position: -200px 0}
.social-network.deviantart{ background-position: -240px 0}
.social-network.digg{ background-position: -280px 0}
.social-network.dribbble{ background-position: -320px 0}
.social-network.ebay{ background-position: -360px 0}
.social-network.evernote{ background-position: -400px 0}
.social-network.facebook{ background-position: -440px 0}
.social-network.feedburner{ background-position: -480px 0}
.social-network.flickr{ background-position: -520px 0}
.social-network.forrst{ background-position: -560px 0}
.social-network.foursquare{ background-position: -600px 0}
.social-network.github{ background-position: -640px 0}
.social-network.google{ background-position: -680px 0}
.social-network.gowalla{ background-position: -720px 0}
.social-network.icq{ background-position: -760px 0}
.social-network.itunes{ background-position: -800px 0}
.social-network.lastfm{ background-position: -840px 0}
.social-network.linkedin{ background-position: -880px 0}
.social-network.meetup{ background-position: -920px 0}
.social-network.ms{ background-position: -960px 0}
.social-network.newsvine{ background-position: -1000px 0}
.social-network.openid{ background-position: -1040px 0}
.social-network.paypal{ background-position: -1080px 0}
.social-network.picasa{ background-position: -1120px 0}
.social-network.pinterest{ background-position: -1160px 0}
.social-network.posterous{ background-position: -1200px 0}
.social-network.reddit{ background-position: -1240px 0}
.social-network.rss{ background-position: -1280px 0}
.social-network.skype{ background-position: -1320px 0}
.social-network.slashdot{ background-position: -1360px 0}
.social-network.soundcloud{ background-position: -1400px 0}
.social-network.stumbleupon{ background-position: -1440px 0}
.social-network.technorati{ background-position: -1480px 0}
.social-network.tumblr{ background-position: -1520px 0}
.social-network.twitter{ background-position: -1560px 0}
.social-network.viddler{ background-position: -1600px 0}
.social-network.vimeo{ background-position: -1640px 0}
.social-network.virb{ background-position: -1680px 0}
.social-network.wordpress{ background-position: -1720px 0}
.social-network.xing{ background-position: -1760px 0}
.social-network.yahoo{ background-position: -1800px 0}
.social-network.yelp{ background-position: -1840px 0}
.social-network.youtube{ background-position: -1880px 0}
.social-network.zerply{ background-position: -1920px 0}
  
/* mouseover */
.social-network.aim:hover,.active .social-network.aim{ background-position: 0 -40px}
.social-network.amazon:hover,.active .social-network.amazon{ background-position: -40px -40px}
.social-network.apple:hover,.active .social-network.apple{ background-position: -80px -40px}
.social-network.behance:hover,.active .social-network.behance{ background-position: -120px -40px}
.social-network.blogger:hover,.active .social-network.blogger{ background-position: -160px -40px}
.social-network.delicious:hover,.active .social-network.delicious{ background-position: -200px -40px}
.social-network.deviantart:hover,.active .social-network.deviantart{ background-position: -240px -40px}
.social-network.digg:hover,.active .social-network.digg{ background-position: -280px -40px}
.social-network.dribbble:hover,.active .social-network.dribbble{ background-position: -320px -40px}
.social-network.ebay:hover,.active .social-network.ebay{ background-position: -360px -40px}
.social-network.evernote:hover,.active .social-network.evernote{ background-position: -400px -40px}
.social-network.facebook:hover,.active .social-network.facebook{ background-position: -440px -40px}
.social-network.feedburner:hover,.active .social-network.feedburner{ background-position: -480px -40px}
.social-network.flickr:hover,.active .social-network.flickr{ background-position: -520px -40px}
.social-network.forrst:hover,.active .social-network.forrst{ background-position: -560px -40px}
.social-network.foursquare:hover,.active .social-network.foursquare{ background-position: -600px -40px}
.social-network.github:hover,.active .social-network.github{ background-position: -640px -40px}
.social-network.google:hover,.active .social-network.google{ background-position: -680px -40px}
.social-network.gowalla:hover,.active .social-network.gowalla{ background-position: -720px -40px}
.social-network.icq:hover,.active .social-network.icq{ background-position: -760px -40px}
.social-network.itunes:hover,.active .social-network.itunes{ background-position: -800px -40px}
.social-network.lastfm:hover,.active .social-network.lastfm{ background-position: -840px -40px}
.social-network.linkedin:hover,.active .social-network.linkedin{ background-position: -880px -40px}
.social-network.meetup:hover,.active .social-network.meetup{ background-position: -920px -40px}
.social-network.ms:hover,.active .social-network.ms{ background-position: -960px -40px}
.social-network.newsvine:hover,.active .social-network.newsvine{ background-position: -1000px -40px}
.social-network.openid:hover,.active .social-network.openid{ background-position: -1040px -40px}
.social-network.paypal:hover,.active .social-network.paypal{ background-position: -1080px -40px}
.social-network.picasa:hover,.active .social-network.picasa{ background-position: -1120px -40px}
.social-network.pinterest:hover,.active .social-network.pinterest{ background-position: -1160px -40px}
.social-network.posterous:hover,.active .social-network.posterous{ background-position: -1200px -40px}
.social-network.reddit:hover,.active .social-network.reddit{ background-position: -1240px -40px}
.social-network.rss:hover,.active .social-network.rss{ background-position: -1280px -40px}
.social-network.skype:hover,.active .social-network.skype{ background-position: -1320px -40px}
.social-network.slashdot:hover,.active .social-network.slashdot{ background-position: -1360px -40px}
.social-network.soundcloud:hover,.active .social-network.soundcloud{ background-position: -1400px -40px}
.social-network.stumbleupon:hover,.active .social-network.stumbleupon{ background-position: -1440px -40px}
.social-network.technorati:hover,.active .social-network.technorati{ background-position: -1480px -40px}
.social-network.tumblr:hover,.active .social-network.tumblr{ background-position: -1520px -40px}
.social-network.twitter:hover,.active .social-network.twitter{ background-position: -1560px -40px}
.social-network.viddler:hover,.active .social-network.viddler{ background-position: -1600px -40px}
.social-network.vimeo:hover,.active .social-network.vimeo{ background-position: -1640px -40px}
.social-network.virb:hover,.active .social-network.virb{ background-position: -1680px -40px}
.social-network.wordpress:hover,.active .social-network.wordpress{ background-position: -1720px -40px}
.social-network.xing:hover,.active .social-network.xing{ background-position: -1760px -40px}
.social-network.yahoo:hover,.active .social-network.yahoo{ background-position: -1800px -40px}
.social-network.yelp:hover,.active .social-network.yelp{ background-position: -1840px -40px}
.social-network.youtube:hover,.active .social-network.youtube{ background-position: -1880px -40px}
.social-network.zerply:hover,.active .social-network.zerply{ background-position: -1920px -40px}
.social-icons {
  display: inline-flex; 
  gap: 15px;
  align-items: center !important;
  width:100%;
  text-align:center !important;
  margin-top:10px;
  padding-left:50px;
}
.social-icons img {
  width:40px; 
}
.contact-info p, .copy {
	color:#FFF;
}
.group {
	background-color: #fdfdfd;
	padding:10px 0; 
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.responsive-video {
  width: 100%;          
  height: auto;        
  display: block;       
  object-fit: cover;    
}
.text-center{
	text-align:center;
}
.project-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}
@media (min-width: 1200px) {
	.project-container {
		width: 100%;
		height: 278px;
		overflow: hidden;
	}
	.project-container-2 {
		width: 100%;
		height: 203px;
		overflow: hidden;
	}
}
@media (min-width: 980px) and (max-width: 1199px) {
	.project-container {
		width: 100%;
		height: 225px;
		overflow: hidden;
	}
	.project-container-2 {
		width: 100%;
		height: 165px;
		overflow: hidden;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.project-container {
		width: 100%;
		height: 171px;
		overflow: hidden;
	}
	.project-container-2 {
		width: 100%;
		height: 125px;
		overflow: hidden;
	}
}
@media (max-width: 767px) {
	.project-container {
		width: 100%;
	}
	.project-container-2 {
		width: 100%;
	}
}
.testimonial-item {
	width: 352px; float: left; display: block;
}
.btn-form {
	color: #fff !important;
    background: #647474 !important;
    height: 48px !important;
    line-height: 48px !important;
    padding:0px 18px !important;
    text-shadow: none !important;
    -webkit-box-shadow: rgba(0, 0, 0, 0) 0 0 0 !important;
    box-shadow: rgba(0, 0, 0, 0) 0 0 0 !important;
    background: -moz-linear-gradient( top, #647575 0%, #556363) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#647575), to(#556363)) !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    border: 0px !important;
    border-top: 1px solid #7d9090 !important;
    border-bottom: 2px solid #313838 !important;
    margin-bottom: 8px !important;
	width:auto !important; 
}
.btn-form:hover {
	color:#fff !important;
	background:#c9ab8b !important;
	background: -moz-linear-gradient(
		top,
		#c9ab8b 0%,
		#a68d73) !important;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#c9ab8b),
		to(#a68d73)) !important;
	border-top:1px solid #d3b492 !important;
	border-bottom:2px solid #7e6b57 !important;  
	}
}
#select-form {
	width: 96% !important;
    height: 40px !important;
	
}
.img-shadow {border-radius: 5px;box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3); }

.group-icon {
	max-width:50px;
}