/*
 * Drive Stylesheet v1.2 using Bootstrap v2.2.2
 *
 * Copyright 2012 Falcon Creative Studio, Inc 
 *
 
	Most of the Styles here are override from boostrap. You can still use bootstraps default using bootsrap class.  Mostly we add unique extra class and customized bootstrap (which means you still able to access bootstrap's default styles).
	
	1. Global Styles.
	2. Common Styles used all over the template.
		2.1. Button (Primary Button, Secondary Button).
		2.2. Progress Bar.
		2.3.  Curved Shadows (Shadows used in headers and in sliders).
		2.4. Fcs Responsive Sliders (This is the slider used in clients, feartured work etc).
		2.5. Social Icons (This applied to all social icon throught out the template).
		2.6. Icon 50 & Icon 80 (Rounded icon with font awesome in two differnt sized used in home, service and shortcodes page. You can use anywhere you want.)
		2.7. Blockquote
		2.8. Seperator.
	3. Page Header.	
		3.1. Page Top Bar.
		3.2. Page Header.
		3.3 Main Navigation.
		3.4 Mobile Navigation
	4. Banner / Slider.
		4.1.  Banner Breadcrumbs.
		4.2. Intro Banner / Box below banner in home page 2.
	5. Back to Top
	6. Main Content & Common Page Styles
		6.1. Main Content (This is the wrapper div).
	7. Home Page 1.
	8. Home Page 2.
	9. Services - Services Page.
	10.Blog & Single Blog Pages.
		10.1.  Author Details.
		10.2. Comments Section.
		10.3. Post Format Icons.
		10.4. Pagination.
	11. Sidebar.
		11.1. widgets.
		11.2. Popular Posts.
		11.3 Recent Tweets.
		11.4. Flickr.
	12. Clients.
	13. Page Footer.
		13.1. Copyright info section.
	14. Pricing Table.
	15. Single Portfolio.
	16. Contact Page.
	16.1. Form Styles.
	17. Shortcodes.
		17.1. DropCaps.
		17.2. Highlight.
		17.3. ToolTips.
		17.4. Pop Over
		17.5. Message Box
		17.6. Tabs.
		17.7. Accordion & Toggle
	18. Hover Effects 
		18.1. Hover Effects1
		18.2. Hover Effects2
		18.3. Hover Effects3
	19. Members in About Pages (Our team). 
	20. Portfolio Page.
	21. IE9 Rules.
 */
/* CSS Reset & normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  /* Responsive images (ensure images don't scale beyond their parents) */

  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */

  width: auto\9;
  /* IE7-8 need help adjusting responsive images */

  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */

  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
#map_canvas img,
.google-maps img {
  max-width: none;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 31px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* 1. Global Styles */
body {
  color: #4d4d4d;
}
.orange {
  color: #b07838;
}
a {
  color: #b07838;
}
a:hover {
  color: #222222;
  text-decoration: none;
}
/* Selection Colors */
::-moz-selection {
  background: #e2b785;
}
::selection {
  background: #e2b785;
}
/**************************************************
	2. Common Styles used all over the template.
 **************************************************/
/* primary Button */
.btn-theme-pri {
  background: #b07838;
  background-color: #ad783c;
  background-image: -moz-linear-gradient(top, #c58a47, #895e2c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c58a47), to(#895e2c));
  background-image: -webkit-linear-gradient(top, #c58a47, #895e2c);
  background-image: -o-linear-gradient(top, #c58a47, #895e2c);
  background-image: linear-gradient(to bottom, #c58a47, #895e2c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc58a47', endColorstr='#ff895e2c', GradientType=0);
}
.btn-theme-pri:hover {
  color: #ffffff;
  background-color: #966730;
  background-image: -moz-linear-gradient(top, #a47034, #825829);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a47034), to(#825829));
  background-image: -webkit-linear-gradient(top, #a47034, #825829);
  background-image: -o-linear-gradient(top, #a47034, #825829);
  background-image: linear-gradient(to bottom, #a47034, #825829);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa47034', endColorstr='#ff825829', GradientType=0);
  *background-color: #91632e;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 0;
}
.btn-theme-pri.active,
.btn-theme-pri:active {
  color: #ffffff;
  background-color: #895e2c;
  background-color: #765026 \9;
  background-image: none;
}
/* Theme Own Button Secondary*/
.btn-theme-sec {
  background: #b07838;
  background-color: #ad783c;
  background-image: -moz-linear-gradient(top, #c58a47, #895e2c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c58a47), to(#895e2c));
  background-image: -webkit-linear-gradient(top, #c58a47, #895e2c);
  background-image: -o-linear-gradient(top, #c58a47, #895e2c);
  background-image: linear-gradient(to bottom, #c58a47, #895e2c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc58a47', endColorstr='#ff895e2c', GradientType=0);
  color: #fff;
}
.btn-theme-sec:hover,
.btn-theme-sec.black:hover {
  color: #ffffff;
  background-color: #966730;
  background-image: -moz-linear-gradient(top, #a47034, #825829);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a47034), to(#825829));
  background-image: -webkit-linear-gradient(top, #a47034, #825829);
  background-image: -o-linear-gradient(top, #a47034, #825829);
  background-image: linear-gradient(to bottom, #a47034, #825829);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa47034', endColorstr='#ff825829', GradientType=0);
  *background-color: #91632e;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 0;
}
.btn-theme-sec.active,
.btn-theme-sec:active {
  color: #ffffff;
  background-color: #895e2c;
  background-color: #765026 \9;
}
/* 2.2 Theme Style Progress Bar*/
.progress-striped .bar {
  background-color: #b07838;
}
.progress .bar.theme {
  background: #b07838 url(../img/pat.png) repeat-x center center;
}
/* 2.4. Fcs Responsive Sliders */
.slider-nav a:hover {
  color: #b07838;
}
/* 2.5. Social Icons */
.socialIcons a:hover,
.socialIcons a:active {
  background: #b07838 url(../img/social-icons.png) no-repeat left bottom;
}
/* 2.6. Icon 50 & Icon 80 */
/* Icons */
.icon50.orange {
  background: #b07838;
}
/* Icon 80px */
.icon80.orange {
  background: #b07838;
}
/* 2.7. Blockquote */
blockquote {
  border-left: 3px solid #b07838;
}
blockquote.pull-right {
  border-right: 3px solid #b07838;
}
/**************************************************
	3. Page Header.
 **************************************************/
/*3.3 Main Navigation*/
#mainNav ul.menu ul li.border:after {
  border-bottom: 3px solid #b07838;
}
#mainNav ul.menu ul li a:hover,
#mainNav ul.menu ul li a:hover .plus {
  color: #b07838;
}
#mainNav li:hover > ul li:hover > a.current,
#mainNav li:hover > ul li:hover > a .plus {
  color: #b07838;
}
#mainNav li:hover > ul li:hover > a.current:hover,
#mainNav li:hover > ul li:hover > a .plus:hover,
#mainNav li:hover > ul li:hover > a.current:active,
#mainNav li:hover > ul li:hover > a .plus:active {
  color: #b07838;
}
#mainNav li.active:before {
  border-top: 5px solid #b07838;
}
#mainNav li.active a {
  color: #b07838;
}
#mainNav li.active a:hover,
#mainNav li.active a:active {
  color: #b07838;
}
#mainNav li a.current {
  color: #b07838;
}
#mainNav li a.current:hover,
#mainNav li a.current:active {
  color: #b07838;
}
#mainNav li a:hover,
#mainNav li a:active {
  color: #b07838;
}
/* 4. Banner / Slider */
#bannerCon.sub h1,
#bannerCon.sub .title,
#bannerCon.sub h2 {
  border-bottom: 1px solid #b07838;
}
#banner a.secLink:hover {
  color: #b07838;
}
.next:hover,
.prev:hover {
  background: #b07838;
}
#back-top span {
  background: #b07838;
}
#back-top a:hover span {
  background-color: #b07838;
}
#mainContent .serviceTitle.orange {
  color: #b07838;
}
#mainContent .singleService.hover .rotate1 {
  background: #b07838;
  background: -moz-linear-gradient(320deg, #b07838 0%, #ffffff 85%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b07838), color-stop(85%, #ffffff));
  background: -webkit-linear-gradient(320deg, #b07838 0%, #ffffff 85%);
  background: -o-linear-gradient(320deg, #b07838 0%, #ffffff 85%);
  background: -ms-linear-gradient(320deg, #b07838 0%, #ffffff 85%);
  background: linear-gradient(320deg, #b07838 0%, #ffffff 85%);
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  background-size: 208px;
}
#mainContent .singleService.hover .rotate2 {
  background: #b07838;
  background: -moz-linear-gradient(270deg, #b07838 0%, #ffffff 85%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b07838), color-stop(85%, #ffffff));
  background: -webkit-linear-gradient(270deg, #b07838 0%, #ffffff 85%);
  background: -o-linear-gradient(270deg, #b07838 0%, #ffffff 85%);
  background: -ms-linear-gradient(270deg, #b07838 0%, #ffffff 85%);
  background: linear-gradient(270deg, #b07838 0%, #ffffff 85%);
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  background-size: 208px;
}
#mainContent .singleService.hover .rotate3 {
  background: #b07838;
  background: -moz-linear-gradient(220deg, #b07838 0%, #ffffff 85%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b07838), color-stop(85%, #ffffff));
  background: -webkit-linear-gradient(220deg, #b07838 0%, #ffffff 85%);
  background: -o-linear-gradient(220deg, #b07838 0%, #ffffff 85%);
  background: -ms-linear-gradient(220deg, #b07838 0%, #ffffff 85%);
  background: linear-gradient(220deg, #b07838 0%, #ffffff 85%);
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  background-size: 208px;
}
#mainContent .singleService.hover.simple .title.orange {
  color: #333;
}
#mainContent .singleService.hover.simple .sepCenter .outerCircle {
  border: 2px solid #b07838;
  -webkit-transition: all ease-in 0.5s;
  -moz-transition: all ease-in 0.5s;
  -o-transition: all ease-in 0.5s;
  transition: all ease-in 0.5s;
}
#mainContent .singleService.hover.simple .sepCenter .outerCircle .icon190 span {
  color: #b07838;
  -webkit-transition: all ease-in 0.5s;
  -moz-transition: all ease-in 0.5s;
  -o-transition: all ease-in 0.5s;
  transition: all ease-in 0.5s;
}
/*10.3. Post Format Icons */
[class^="format-"],
[class=" format-"] {
  background: #b07838 url(../img/format-image.png) no-repeat left top;
}
/* 10.4. Pagination */
.pagination {
  font-family: "nexa_500", Tahoma, Geneva, sans-serif;
}
.pagination.theme-style ul > li a:hover {
  background: #c58a47;
}
.pagination.theme-style ul > li.active span {
  background: #b07838;
}
/* 11. sidebar */
/* 11. sidebar */
.subNavigation li a {
  line-height: 1.8;
}
.subNavigation li a:hover {
  color: #b07838;
}
.subNavigation li a.active {
  background: #b07838;
}
.subNavigation li a.active:hover,
.subNavigation li a.active:active {
  background: #b07838;
}
.subNavigation.right li a.active:hover,
.subNavigation.right li a.active:active {
  background: #b07838;
}
.sidebar {
  /* 11.1. Widgets */

  /* 11.2. Popular Posts */

  /* 11.4. Flickr */

}
.sidebar .widgets .searchBtn,  .pageTop .searchBtn {
  background-color: #ad783c;
  background-image: -moz-linear-gradient(top, #c58a47, #895e2c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c58a47), to(#895e2c));
  background-image: -webkit-linear-gradient(top, #c58a47, #895e2c);
  background-image: -o-linear-gradient(top, #c58a47, #895e2c);
  background-image: linear-gradient(to bottom, #c58a47, #895e2c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc58a47', endColorstr='#ff895e2c', GradientType=0);
}
.sidebar .popularPosts .featured-thumbnail {
  border: #e1c3a0;
}
.sidebar .flickr img {
  border: #e1c3a0;
}
/* 13. Page Footer */
#pageFooterCon a {
  color: #cc995e;
}
/* 14. Pricing Table*/
.priceTable.bestPlan .value {
  background-color: #ad783c;
  background-image: -moz-linear-gradient(top, #c58a47, #895e2c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c58a47), to(#895e2c));
  background-image: -webkit-linear-gradient(top, #c58a47, #895e2c);
  background-image: -o-linear-gradient(top, #c58a47, #895e2c);
  background-image: linear-gradient(to bottom, #c58a47, #895e2c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc58a47', endColorstr='#ff895e2c', GradientType=0);
  color: #ffffff;
}
/* 15. Single Portfolio */
.singlePortfolio [class*="span"] img {
  max-width: 100%;
}
.singlePortfolio h3 {
  color: #b07838;
}
/* 16.1. Form Styles */
label span,
label.error {
  color: #b07838;
}
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 {
  border-color: #e1c3a0;
  -webkit-box-shadow: 0 0 5px rgba(176, 120, 56, 0.5);
  -moz-box-shadow: 0 0 5px rgba(176, 120, 56, 0.5);
  box-shadow: 0 0 5px rgba(176, 120, 56, 0.5);
}
/* 17. Shortcodes */
/* 17.4. Pop Over */
.popover-title {
  background-color: #aa7436;
  background-image: -moz-linear-gradient(top, #bf833d, #895e2c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bf833d), to(#895e2c));
  background-image: -webkit-linear-gradient(top, #bf833d, #895e2c);
  background-image: -o-linear-gradient(top, #bf833d, #895e2c);
  background-image: linear-gradient(to bottom, #bf833d, #895e2c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf833d', endColorstr='#ff895e2c', GradientType=0);
  color: #fff;
}
/* 17.6. Tabs */
.nav li a {
  background: #4d4d4d;
}
.nav li.active a::before {
  border-top: 5px solid #b07838;
  color: #4d4d4d;
}
/* 17.7. Accordion & Toggle */
.accordion h3,
.toggle h3 {
  color: #ffffff;
  background: #4d4d4d;
}
.accordion h3.ui-state-active,
.toggle h3.ui-state-active {
  background: #b07838;
}
/*****************************************************
 ****             18. Hover Effects              *****
 *****************************************************/
.featuredWorks {
  margin-left: 0px;
}
/* 18.1. Hover Effects1 */
.featuredWorks.hover-effect1 .backCon:hover {
  -webkit-box-shadow: inset 0 0 0 110px rgba(176, 120, 56, 0.92);
  -moz-box-shadow: inset 0 0 0 110px rgba(176, 120, 56, 0.92);
  box-shadow: inset 0 0 0 110px rgba(176, 120, 56, 0.92);
}
/* 18.2. Hover Effects2 */
.hover-effect2 .bg .back {
  background: rgba(176, 120, 56, 0.92);
}
/* 18.3. Hover Effects3 */
.hover-effect3 .content .back {
  background: rgba(176, 120, 56, 0.92);
}


/* Gallery Page*/
.gamma-description, .gamma-description-wrapper {
	background: #b07838;
	background: rgba(176, 120, 56, 0.92);
}

.gamma-buttons button, .btn-group.open .btn-primary.dropdown-toggle,
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a  {
	background: #b07838;	
}

/* Form Styles */
.input-append .add-on, .input-prepend .add-on, .btn-primary {
  background: #b07838;
  background-color: #ad783c;
  background-image: -moz-linear-gradient(top, #c58a47, #895e2c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c58a47), to(#895e2c));
  background-image: -webkit-linear-gradient(top, #c58a47, #895e2c);
  background-image: -o-linear-gradient(top, #c58a47, #895e2c);
  background-image: linear-gradient(to bottom, #c58a47, #895e2c);
  background-repeat: repeat-x;
  text-shadow: none !important;
  color: #fff;
}
.input-append .add-on:hover, .input-prepend .add-on:hover, .btn-primary:hover {
  color: #ffffff;
  background-color: #966730;
  background-image: -moz-linear-gradient(top, #a47034, #825829);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a47034), to(#825829));
  background-image: -webkit-linear-gradient(top, #a47034, #825829);
  background-image: -o-linear-gradient(top, #a47034, #825829);
  background-image: linear-gradient(to bottom, #a47034, #825829);
  background-position: 0 0;
}
/* 20. portfolio filter */
/* Custom Classes
------------------------------------------------------------ */
/* Filter */
.filter a:hover,
.current a {
  color: #b07838;
}
#banner .sequence-preloader .preloading .circle {
  fill: #b07838;
}
.lt-ie9 #mainContent .featuredWorks .bg .back {
  background: #b07838;
}
/*** Some Responsive Overrides for Hover Effects ***/
@media (min-width: 1200px) {
  /* Hover Effect 1 */
  .featuredWorks.hover-effect1 .backCon:hover {
    -webkit-box-shadow: inset 0 0 0 150px rgba(176, 120, 56, 0.92);
    -moz-box-shadow: inset 0 0 0 150px rgba(176, 120, 56, 0.92);
    box-shadow: inset 0 0 0 150px rgba(176, 120, 56, 0.92);
  }
}
@media (min-width: 768px) and (max-width: 940px) {
  /* Hover Effect 1 */
  .featuredWorks.hover-effect1 .backCon:hover {
    -webkit-box-shadow: inset 0 0 0 150px rgba(176, 120, 56, 0.92);
    -moz-box-shadow: inset 0 0 0 150px rgba(176, 120, 56, 0.92);
    box-shadow: inset 0 0 0 150px rgba(176, 120, 56, 0.92);
  }
}
@media (max-width: 480px) {
  /* Hover Effect 1 */
  .featuredWorks.hover-effect1 .backCon:hover {
    -webkit-box-shadow: inset 0 0 0 150px rgba(176, 120, 56, 0.92);
    -moz-box-shadow: inset 0 0 0 150px rgba(176, 120, 56, 0.92);
    box-shadow: inset 0 0 0 150px rgba(176, 120, 56, 0.92);
  }
}