@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic);

/*License:http://www.myfonts.com/viewlicense?type=web&buildid=2338915*/
@font-face {font-family:'ClearfaceGot-Reg';src:url('webfonts/23B063_0_0.eot');src:url('webfonts/23B063_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/23B063_0_0.woff') format('woff'),url('webfonts/23B063_0_0.ttf') format('truetype');}
/* ==========================================================================
   General Styles
   ========================================================================== */
body {
  font-family:'Open Sans', sans-serif;
  font-size:18px;
  line-height:1.5em;
  height:100%;
  width:100%;
  margin:0px auto;
  position:absolute;
  top:0px;
  left:0px;
  bottom:0px;
  overflow-x:hidden;
}
.mt60 {margin-top:60px;}
.mt-40 {margin-top:-40px;}
.seed {
  z-index:-2;
  position:fixed;
  top:-70px;
  right:-200px;
  height:820px;
  width:891px;
  opacity:.4;
  background:url('../images/seed-white-xlg.png') no-repeat right 0;
}

.hide				{display:none;visibility:hidden;}
.socials-nav		{float:right;margin:3px -14px 0 20px;}
.socials a			{color:#717171;}
.socials a:hover	{color:#990000;
  -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
   -webkit-transform:scale(1.3);
   -moz-transform:scale(1.3);
   -o-transform:scale(1.3);
   -ms-transform:scale(1.3);
   transform:scale(1.3);}
   
#thanks			{height:100%;min-height:100%;width:100%;background:url(../images/bg-darkz.png) repeat;position:fixed;top:0;left:0;z-index:9999;display:block;}
.thanks			{position:fixed;left:50%;top:50%;margin:-80px 0 0 -175px;
	background-color:#ffffff;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	width:380px;height:auto;padding:5px 30px 10px 25px;
	font-size:14px;color:#555;
	border-left:#888 1px solid; border-bottom:#555 1px solid;
	-moz-box-shadow:   0px 0px 7px #d0d0d0;
	-webkit-box-shadow:0px 0px 7px #d0d0d0;
	box-shadow:        0px 0px 7px #d0d0d0;}
.thanks	a.clz {float:right !important;margin:15px -15px 0 0;}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:'ClearfaceGot-Reg', sans-serif;
}
h1 {
  font-size:2.8em;
  text-transform:capitalize;
  font-weight:100;
}
a {
  color:#717171;
  text-decoration:none;
  -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
a:hover {
  text-decoration:none;
  color:#3e3e3e;
}
.btn-outline-white {
  -webkit-border-radius:4px;
  border-radius:4px;
  -moz-background-clip:padding;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  border:1px solid #dddddd;
}
.btn-outline-white:hover {
  background-color:#ccc;color:#fff;
}
.btn-big {
  font-size:0.75em;
  text-transform:none;
  font-weight:600;
  padding:8px 15px;
}
.btn-small {
  font-size:0.875em;
  text-transform:none;
  font-weight:600;
  padding:6px 20px;
}

.icon-outline i {
  font-size:2em;
  width:60px;
  height:60px;
  border:2px solid #c52c31;
  -webkit-border-radius:50%;
  border-radius:50%;
  -moz-background-clip:padding;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  background-color:transparent;
  line-height:56px;
  color:#c52c31;
  -webkit-transition:all 0.4s ease-out;
  -moz-transition:all 0.4s ease-out;
  -o-transition:all 0.4s ease-out;
  transition:all 0.4s ease-out;
}
.icon-outline i:hover {
  background-color:#c52c31;
  color:#fff;
  border:2px solid #fff;
}
/* ----- CSS for scroll revealler ----- */
.cbpAllow .cbp-so-scroller {
  overflow:hidden;
}
/*	===================================================================
	Home
	===================================================================	*/
.content.display {
	height:80vh;
	overflow:hidden;
	padding:0;
	margin-bottom:-200px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.content.display .dispay-title {
	max-width:600px;
	margin:15vh auto;
}
.content.display h1 {
	color:#fff;
	margin:35% 0 0 5%;
	text-shadow: 0 -1px 1px #999;
}
@media (max-width:1200px) {
	.content.display h1 {
	margin:30% 0 5% 0;
	}
}
@media (max-width:992px) {
	.content.display h1 {
	margin:300px 0 5% 0;
	}
}
@media (max-width:768px) {
	.content.display .dispay-title {
	margin:20vh auto;
	}
}
@media (max-width:400px) {
	.content.display h1 {
	margin:200px 0 30px 0;
	}
	.content.display .dispay-title {
	margin:25vh auto;
	}
}

/* Clear floats of children */
.cbpAllow .cbp-so-section:before,
.cbpAllow .cbp-so-section:after {
  content:" ";
  display:table;
}
.cbpAllow .cbp-so-section:after {
  clear:both;
}


/* Text styling */
/* Sides */
.cbpAllow .cbp-so-side {
  overflow:hidden;
  min-height:12em;
  -webkit-transition:-webkit-transform 1s, opacity 0.75s;
  -moz-transition:-moz-transform 1s, opacity 0.75s;
  transition:transform 1s, opacity 0.75s;
}
/* Clear floats of children */
.cbpAllow .cbp-so-side:before,
.cbpAllow .cbp-so-side:after {
  content:'';
  display:table;
}
.cbpAllow .cbp-so-side:after {
  clear:both;
}
.cbpAllow .cbp-so-side-bottom {
  text-align:inherit;
}
.cbpAllow .cbp-so-side-top {
  text-align:inherit;
}
.cbpAllow .cbp-so-side-bottom img {
  float:inherit;
}
.cbpAllow .cbp-so-side-top img {
  float:inherit;
}
/* Initial state (hidden or anything else) */
.cbpAllow .cbp-so-init .cbp-so-side {
  opacity:0.8;
}
.cbpAllow .cbp-so-init .cbp-so-side-top {
  -webkit-transform:translateY(40px);
  -moz-transform:translateY(40px);
  transform:translateY(40px);
}
.cbpAllow .cbp-so-init .cbp-so-side-bottom {
  -webkit-transform:translateY(-40px);
  -moz-transform:translateY(-40px);
  transform:translateY(-40px);
}
.pagination {
  display:inline-block;
  padding-left:0;
  margin:20px 0;
  border-radius:4px;
}
.pagination > li {
  display:inline;
}
.pagination > li > a,
.pagination > li > span {
font-size:14px;font-weight:bold;
  position:relative;
  float:left;
  padding:6px 12px;
  line-height:1.428571429;
  text-decoration:none;
  background-color:#ffffff;
  border:1px solid #dddddd;
  margin-left:-1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left:0;
  border-bottom-left-radius:4px;
  border-top-left-radius:4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius:4px;
  border-top-right-radius:4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color:#bbb;color:#ffffff; 
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index:2;
  color:#990000;  font-weight:900;
  background-color:#ffffff;
  border-color:#ddd;
  cursor:default;
}
.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color:#999999;
  background-color:#ffffff;
  border-color:#dddddd;
  cursor:not-allowed;
}

/* Animated state */
/* add you final states (transition) or your effects (animations) for each side */
.cbpAllow .cbp-so-section.cbp-so-animate .cbp-so-side-top,
.cbpAllow .cbp-so-section.cbp-so-animate .cbp-so-side-bottom {
  -webkit-transform:translateY(0px);
  -moz-transform:translateY(0px);
  transform:translateY(0px);
  opacity:1;
}
/*For example, add a delay for the bottom side:*/
.cbpAllow .cbp-so-section.cbp-so-animate .cbp-so-side-bottom .cbp-so-side-top {
  -webkit-transition-delay:1.8s;
  -moz-transition-delay:1.8s;
  transition-delay:1.8s;
}
/* ==========================================================================
   Navigation Bar
   ========================================================================== */
.navbar {
  height:auto;
  background-color:#fff;
  -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);
  z-index:3000;
  padding:30px 0;
  -webkit-transition:all 1s ease-out;
  -moz-transition:all 1s ease-out;
  -o-transition:all 1s ease-out;
  transition:all 1s ease-out;
}
.navbar .navbar-nav {
  float:none;
  margin:10px 0;
}
.navbar .navbar-nav li {
  display:block;
  -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
  margin-left:5px;
}
.navbar .navbar-nav li a {
  font-size:14px;font-weight:bold;
  line-height:20px;
  display:block;
  margin:0;
  padding:12px 16px;
  color:#fff;
  outline:none;
  -webkit-border-radius:4px;
  border-radius:4px;
  -moz-background-clip:padding;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
}
.navbar .navbar-nav li a:hover {
  background-color:#ccc;
  outline:none;
  color:#fff;
}
.navbar .navbar-nav li a:focus {
  background-color:transparent;
  outline:none;
}
.navbar .navbar-nav li:hover {
  background-color:#888;
  color:#fff;
  -webkit-border-radius:4px;
  border-radius:4px;
  -moz-background-clip:padding;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
}
.navbar .navbar-nav .active {
  background-color:#fff;
  color:#990000;
  -webkit-border-radius:4px;
  border-radius:4px;
  -moz-background-clip:padding;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
.navbar .navbar-nav .active a{
  color:#990000;
}

.nav-justified {
margin-bottom:20px;
}
.nav-justified .active {
  color:#990000;
  -webkit-border-radius:4px;
  border-radius:4px;
  -moz-background-clip:padding;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
.nav-justified .active a{
  color:#990000;
}

.nav-justified a:hover {
background-color:#fff;
  color:#333;
  opacity:0.7;
  -webkit-border-radius:4px;
  border-radius:4px;
  -moz-background-clip:padding;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}

.navbar .navbar-nav .active a:hover {
  color:#fff;
}

.navbar .navbar-brand {
  padding:0;margin:-8px 0 -10px 0;
}
.navbar .navbar-brand div{
  float:left;
  margin:35px 0 0 0;
  line-height:22px;
  font-family:ClearfaceGot-Reg;font-size:23px;color:#717171;
}
.navbar .navbar-brand img{margin:0 -3px 0 0;
  float:left;
-webkit-transition:all 0.4s ease-in-out;
   -moz-transition:all 0.4s ease-in-out;
   -o-transition:all 0.4s ease-in-out;
   -ms-transition:all 0.4s ease-in-out;
   transition:all 0.4s ease-in-out;}
.navbar .navbar-brand:hover img {
margin:0 3px 0 0;
-webkit-transition:all 0.4s ease-in-out;
   -moz-transition:all 0.4s ease-in-out;
   -o-transition:all 0.4s ease-in-out;
   -ms-transition:all 0.4s ease-in-out;
   transition:all 0.4s ease-in-out;
   -webkit-transform:scale(1.2);
   -moz-transform:scale(1.2);
   -o-transform:scale(1.2);
   -ms-transform:scale(1.2);
   transform:scale(1.2);
}

.navbar .navbar-toggle {
  margin-top:3px;
  margin-bottom:3px;
  border:1px solid #bebebe;
  border-radius:4px;
  outline:none;
  -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
.navbar .navbar-toggle:hover {
  background-color:#717171;
  border:1px solid #717171;
}
.navbar .navbar-toggle:hover .icon-bar {
  background-color:#fff;
  -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
.navbar .navbar-toggle .icon-bar {
  background-color:#8b8b8b;
}
.navbar .navbar-collapse {
  background-color:rgba(0, 0, 0, 0.96);
  text-align:center;
  -webkit-box-shadow:inset 0 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow:inset 0 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow:inset 0 4px 0 rgba(0, 0, 0, 0.5);
  margin-top:15px;
}
.minified {
  opacity:0.9;
  padding:15px 0;
  -webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.5s ease-out;
  -o-transition:all 0.5s ease-out;
  transition:all 0.5s ease-out;
}





/* ==========================================================================
   Portfolio Section
   ========================================================================== */
#portfolio {
  text-align:center;
  padding:100px 0;
}
#portfolio h1 {
  margin:0 0 40px 0;
  color:#aa0f00;
}
#portfolio .cat-list {
  text-align:center;
  list-style-type:none;
  margin-bottom:40px;
  width:100%;
  padding:0;
}
#portfolio .cat-list li {
  display:block;
  margin-bottom:10px;
  padding:10px;
}
#portfolio .cat-list .active {
  background-color:#c52c31;
  color:#fff;
}
#portfolio .resp-btn {
  height:42px;
  width:42px;
  background:red;
  display:none;
}
#portfolio .portfolio-row {
  margin-bottom:40px;
  list-style-type:none;
  height:auto;
  padding:0;
}
#portfolio .portfolio-row .portfolio-mix {
  opacity:0;
  display:none;
  margin-bottom:30px;
}
#portfolio .portfolio-row .portfolio-mix .portfolio-item a {
  display:inline-block;
  position:relative;
  -webkit-transition:all 0.4s ease-out;
  -moz-transition:all 0.4s ease-out;
  -o-transition:all 0.4s ease-out;
  transition:all 0.4s ease-out;
  -webkit-border-radius:4px;
  border-radius:4px;
  -moz-background-clip:padding;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
}
#portfolio .portfolio-row .portfolio-mix .portfolio-item a img {
  -webkit-border-radius:4px;
  border-radius:4px;
  -moz-background-clip:padding;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
}
#portfolio .portfolio-row .portfolio-mix .portfolio-item a .caption-bg {
  position:absolute;
  top:20px;
  left:20px;
  width:100%;
  height:100%;
  background-color:transparent;
  -webkit-border-radius:4px;
  border-radius:4px;
  -moz-background-clip:padding;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  opacity:0;
  -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
  transition-delay:0.4s;
  -webkit-transition-delay:0.4s;
  -webkit-box-shadow:inset 0 0 0 6px #c52c31, inset 0 0 0 0 #579f6a;
  -moz-box-shadow:inset 0 0 0 6px #c52c31, inset 0 0 0 0 #579f6a;
  box-shadow:inset 0 0 0 6px #c52c31, inset 0 0 0 0 #579f6a;
}
#portfolio .portfolio-row .portfolio-mix .portfolio-item a .caption-bg::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  -webkit-box-shadow:inset 0 0 0 0 #579f6a;
  -moz-box-shadow:inset 0 0 0 0 #579f6a;
  box-shadow:inset 0 0 0 0 #579f6a;
  -webkit-border-radius:4px;
  border-radius:4px;
  -moz-background-clip:padding;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  -webkit-transition:all 0.4s ease-out;
  -moz-transition:all 0.4s ease-out;
  -o-transition:all 0.4s ease-out;
  transition:all 0.4s ease-out;
}
#portfolio .portfolio-row .portfolio-mix .portfolio-item a h3 {
  font-size:1.111111111111111em;
  line-height:1.2em;
  font-weight:bold;
  color:#fff;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  text-align:center;
  opacity:0;
  -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
#portfolio .portfolio-row .portfolio-mix .portfolio-item a .portfolio-item-description {
  font-size:0.7777777777777778em;
  line-height:1.2em;
  font-weight:300;
  color:#fff;
  position:absolute;
  top:0;
  left:0;
  width:80%;
  margin:0 10%;
  text-align:center;
  opacity:0;
  -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
  transition-delay:0.2s;
  -webkit-transition-delay:0.2s;
}
#portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover .caption-bg {
  opacity:0.95;
  top:0;
  left:0;
  -webkit-transition:all 0.3s ease-out;
  -moz-transition:all 0.3s ease-out;
  -o-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}
#portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover .caption-bg::before {
  content:'';
  -webkit-box-shadow:inset 0 0 0 160px #579f6a;
  -moz-box-shadow:inset 0 0 0 160px #579f6a;
  box-shadow:inset 0 0 0 160px #579f6a;
  -webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.5s ease-out;
  -o-transition:all 0.5s ease-out;
  transition:all 0.5s ease-out;
  transition-delay:0.4s;
  -webkit-transition-delay:0.4s;
}
#portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover h3 {
  opacity:1;
  top:24%;
  -webkit-transition:all 0.3s ease-out;
  -moz-transition:all 0.3s ease-out;
  -o-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
  transition-delay:0.3s;
  -webkit-transition-delay:0.3s;
}
#portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover .portfolio-item-description {
  opacity:1;
  top:54%;
  -webkit-transition:all 0.3s ease-out;
  -moz-transition:all 0.3s ease-out;
  -o-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
  transition-delay:0.6s;
  -webkit-transition-delay:0.6s;
}
#portfolio .btn {
  margin:0 10px;
}
#portfolio .btn-outline-white {
  color:#888;
  text-transform:none;
  border:1px solid #999;
}
#portfolio .btn-outline-white:hover {
  background-color:#999;
  border:1px solid #999;
  color:#fff;
}
#portfolio p .btn-outline-white {
 
}

#portfolio a.info {text-transform:capitalize;}
#portfolio a.info i {margin-right:6px;}


/* ==========================================================================
   instagram Section
   ========================================================================== */
#instagram {
  background:#fff;
  text-align:center;
  padding:100px 0;
  -webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
}
#instagram h1 {
  margin:0 0 40px 0;
  color:#aa0f00;
}


#instagram .zoomex {margin-bottom:20px;}
/*Fancybox
------------------------------------*/
/*For Topbar*/
.fancybox-overlay.fancybox-overlay-fixed {
   z-index:9999;
}

/*FancyBox Hover Effect*/
.zoomer:hover .overlay-zoom .zoom-icon{
   -webkit-transform:scale(1);
   -moz-transform:scale(1);
   -o-transform:scale(1);
   -ms-transform:scale(1);
   transform:scale(1);
   opacity:0.4;   
   filter:alpha(opacity = 50);
}

.trim{
	float:left;
   display:block;
   max-height:190px;
	overflow:hidden;
}
.trim img{
	-webkit-transform:scale(1.35);
	-moz-transform:scale(1.35);
	-o-transform:scale(1.35);
	-ms-transform:scale(1.35);
	transform:scale(1.35);
}
.overlay-zoom {
   display:block;
   cursor:pointer;
   width:100%;
   height:100%;
   position:relative;     
   -webkit-transition:all 0.1s ease-in-out;
   -moz-transition:all 0.1s ease-in-out;
   -o-transition:all 0.1s ease-in-out;
   -ms-transition:all 0.1s ease-in-out;
   transition:all 0.1s ease-in-out;
   z-index:90;
}

.overlay-zoom .zoom-icon {
   background-image:url("../images/overlay-icon.png");
   background-color:#000;
   background-repeat:no-repeat;
   background-position:50%;
   position:absolute;
   width:inherit;
   height:inherit;
   opacity:0; 
   z-index:100;
   filter:alpha(opacity = 0);
   top:0;   
   -webkit-transition:all 0.4s ease-in-out;
   -moz-transition:all 0.4s ease-in-out;
   -o-transition:all 0.4s ease-in-out;
   -ms-transition:all 0.4s ease-in-out;
   transition:all 0.4s ease-in-out;
   -webkit-transform:scale(0);
   -moz-transform:scale(0);
   -o-transform:scale(0);
   -ms-transform:scale(0);
   transform:scale(0);
   -webkit-backface-visibility:hidden;
}

a.thumbnail {
	padding:0;
	border:none;
	margin-bottom:15px;
}

.thumbnail-style { 
	padding:5px;
	margin-bottom:20px; 
}
.thumbnail-style:hover { 
	box-shadow:0 0 8px #ddd; 
    -webkit-transition:box-shadow 0.2s ease-in-out;
    -moz-transition:box-shadow 0.2s ease-in-out;
    -o-transition:box-shadow 0.2s ease-in-out;
    transition:box-shadow 0.2s ease-in-out;
}

/* ==========================================================================
   Clients logos
   ========================================================================== */
.clients-logos {
  background:#bababa url('../images/seed-white-lg.png') no-repeat -200px -200px ;
  text-align:center;
  padding:60px 0 80px;
  color:#fff;text-shadow:0 -1px 0 #999;
  -webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
   -webkit-transition:all 0.4s ease-in-out;
   -moz-transition:all 0.4s ease-in-out;
   -o-transition:all 0.4s ease-in-out;
   -ms-transition:all 0.4s ease-in-out;
   transition:all 0.4s ease-in-out;
}

/* ==========================================================================
   Press
   ========================================================================== */
#press {
  padding:100px 0 100px 0;
}
#press a {
  display:block;
  padding-bottom:10px;
}
#press a:hover {
  color:#aa0f00;
}
#press a .fa {
  color:#aa0f00;
  padding-left:5px;
   -webkit-transition:all 0.4s ease-in-out;
   -moz-transition:all 0.4s ease-in-out;
   -o-transition:all 0.4s ease-in-out;
   -ms-transition:all 0.4s ease-in-out;
   transition:all 0.4s ease-in-out;
}
#press a:hover .fa {
  color:#000;
  padding-left:10px;
}
#press h1 {
  padding-bottom:40px;
  color:#aa0f00;
}

/* ==========================================================================
   about
   ========================================================================== */
   
#about-us {
  background:#bababa url('../images/seed-white-lg.png') no-repeat -130px -130px ;
  text-align:center;
  padding:100px 0;
  color:#fff;text-shadow:0 -1px 0 #999;
  -webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
}
#about-us h1 {
  margin:0 0 20px 0;
  color:#aa0f00;text-shadow:none;
}
#about-us h2 {
  font-size:1.444444444444444em;
  -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
  text-shadow:0 -1px 0 #999;
}
#about-us h2 a {
  color:#fff;
}
#about-us .service-icon {
  margin-top:40px;
  height:80px;
  width:80px;
  display:inline-block;
  background-color:#bababa;
  -webkit-border-radius:50%;
  border-radius:50%;
  -moz-background-clip:padding;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  -webkit-box-shadow:inset 0 0 0 50px #bababa;
  -moz-box-shadow:inset 0 0 0 50px #bababa;
  box-shadow:inset 0 0 0 50px #bababa;
  -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
#about-us .service-icon i {
  font-size:4em;
  line-height:80px;
  width:100%;
  height:100%;
  -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
#about-us .service-description {
  font-size:0.7777777777777778em;
  line-height:1.5em;
}
#about-us .service-column {
  cursor:default;
  -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
  -webkit-border-radius:4px;
  border-radius:4px;
  -moz-background-clip:padding;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow:0 0 0 rgba(0, 0, 0, 0);
  box-shadow:0 0 0 rgba(0, 0, 0, 0);
}
#about-us .service-column:hover {
  background-color:#aa0f00;
  -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.5);
  box-shadow:0 0 2px rgba(0, 0, 0, 0.5);
}
#about-us .service-column:hover .service-icon {
  background-color:#fff;
  -webkit-box-shadow:inset 0 0 0 0 #aa0f00;
  -moz-box-shadow:inset 0 0 0 0 #aa0f00;
  box-shadow:inset 0 0 0 0 #aa0f00;
  margin-top:30px;
  -webkit-transition:all 0.3s ease-out;
  -moz-transition:all 0.3s ease-out;
  -o-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}
#about-us .service-column:hover h2 {
  margin-top:20px;
  margin-bottom:20px;
  -webkit-transition:all 0.3s ease-out;
  -moz-transition:all 0.3s ease-out;
  -o-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}
#about-us .service-column:hover i {
  text-align:center;
  font-size:3em;
  line-height:80px;
  width:100%;
  height:100%;
  color:#c1272d;
  -webkit-transition:all 0.3s ease-out;
  -moz-transition:all 0.3s ease-out;
  -o-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}

/* ==========================================================================
   Team
   ========================================================================== */
#team {
  background:#bababa url('../images/seed-white-lg.png') no-repeat -130px -130px ;
  text-align:center;
  padding:100px 0;
  color:#fff;text-shadow:0 -1px 0 #999;
  padding:100px 0;
  -webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
}
#team h1 {
  margin:0 0 20px 0;
  color:#aa0f00;
}
#team h3 {
  font-size:18px;
  margin:5px 0 5px 0;
}
#team .row p {
  font-size:0.7777777777777778em;
  line-height:1.2em;
}

#team img.img-circle {
filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter:gray;
-webkit-filter:grayscale(100%);
   -webkit-transition:all 0.6s ease-in-out;
   -moz-transition:all 0.6s ease-in-out;
   -o-transition:all 0.6s ease-in-out;
   -ms-transition:all 0.6s ease-in-out;
   transition:all 0.6s ease-in-out;
   
   box-shadow:0 0 1px 0 rgba(0, 0, 0, .5);
	-webkit-box-shadow:0 0 1px 0 rgba(0, 0, 0, .5);
	-moz-box-shadow:0 0 1px 0 rgba(0, 0, 0, .5);
}

#team img.img-circle:hover {
  filter:none;
  -webkit-filter:grayscale(0%);
  cursor:crosshair;  
   -webkit-transform:rotate(10deg);
   -moz-transform:rotate(10deg);
   -o-transform:rotate(10deg);
   -ms-transform:rotate(10deg);
   transform:rotate(10deg);
}

#team .member {margin-bottom:20px;}

/* ==========================================================================
   Activational Section
   ========================================================================== */
#activational {
  background:#fff url('../images/bg-am.jpg') no-repeat center 340px;
  text-align:center;
  padding:100px 0;
  -webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
}

#activational h1 {
  margin:0 0 20px 0;
  color:#aa0f00;
}

#activational .act-text{
  height:600px;
}

#activational .act-am{
  text-align:left;margin-top:0;
}
#activational .act-am img{
  margin-bottom:10px;
}


/* ==========================================================================
   awards
   ========================================================================== */
#awards {
  background:#bababa url('../images/seed-white-lg.png') no-repeat -130px -130px ;
  text-align:center;
  padding:100px 0;
  color:#fff;text-shadow:0 -1px 0 #999;
  -webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
}
#awards h1 {
  margin:0 0 20px 0;
  color:#aa0f00;
}
#awards img.img-circle {
filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter:gray;
-webkit-filter:grayscale(100%);
   -webkit-transition:all 0.6s ease-in-out;
   -moz-transition:all 0.6s ease-in-out;
   -o-transition:all 0.6s ease-in-out;
   -ms-transition:all 0.6s ease-in-out;
   transition:all 0.6s ease-in-out;
   
   box-shadow:0 0 1px 0 rgba(0, 0, 0, .5);
	-webkit-box-shadow:0 0 1px 0 rgba(0, 0, 0, .5);
	-moz-box-shadow:0 0 1px 0 rgba(0, 0, 0, .5);
}

#awards img.img-circle:hover {
  filter:none;
  -webkit-filter:grayscale(0%);
  cursor:crosshair;  
   -webkit-transform:rotate(10deg);
   -moz-transform:rotate(10deg);
   -o-transform:rotate(10deg);
   -ms-transform:rotate(10deg);
   transform:rotate(10deg);
}

#awards .spacer {margin-bottom:20px;}
/* ==========================================================================
   Production rotation Section
   ========================================================================== */
#production {
  text-align:center;
  padding:100px 0;
  -webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
}
#production h1 {
  margin:0 0 40px 0;
  color:#aa0f00;
}
#production .carousel-caption {
    width:50%;
	position:absolute;left:0;bottom:30px;padding:10px;background:#333333;background:rgba(0, 0, 0, 0.75);
}
#production .carousel-caption {
    font-style:italic;
	font-size:14px;line-height:18px;
}
.carousel-control.left i {position:absolute;top:45%;
	font-size:30px;}
.carousel-control.right i {position:absolute;top:45%;right:10px;
	font-size:30px;}
.carousel-control.right i {margin-right:10px;}
.carousel-indicators {
    bottom:0px;
  }

/* ==========================================================================
   Contact Section
   ========================================================================== */
#contact {
  background:#fff url('../images/seed-grey-lg.png') no-repeat 700px 550px ;
  text-align:center;
  padding:100px 0 40px;
  -webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1);
}
#contact h1 {
  margin:0 0 10px 0;
  color:#aa0f00;
}
#contact h3 {
  color:#717171;
  text-align:left;
}
#contact p {
  color:#717171;
}
#contact a:hover {
  color:#aa0f00;
}
#contact .icon {
  color:#717171;
  margin-top:20px;
}
#contact .contact-meta {
  font-size:1.2em;
  line-height:1.5em;
  text-align:center;
}
#contact .contact-meta i{
  width:40px;text-align:center;margin-right:8px;
}
#contact .contact-meta:hover{
  color:#aa0f00;
}
#contact form {
  margin-top:30px;
  margin-bottom:0;
}
#contact form input,
#contact form select,
#contact form textarea {
  background-color:#fff;
  color:#717171;
  border:none;
  border:1px solid #b2b2b2;
  -webkit-border-radius:2px;
  border-radius:2px;
  -moz-background-clip:padding;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
  cursor:default;
}
#contact form input:focus,
#contact form select:focus,
#contact form textarea:focus {
  -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 #7aba7b;
  box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 #7aba7b;
  background-color:#fff;
}


#contact form select.input-lg {
background:-webkit-linear-gradient(left,rgba(255,0,0,0),rgba(255,0,0,0)); /*Safari 5.1-6*/
background:-o-linear-gradient(right,rgba(255,0,0,0),rgba(255,0,0,0)); /*Opera 11.1-12*/
background:-moz-linear-gradient(right,rgba(255,0,0,0),rgba(255,0,0,0)); /*Fx 3.6-15*/
background:linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,0)); /*Standard*/
}



#contact form ::-webkit-input-placeholder {
  color:#999;
}
#contact form :-moz-placeholder {
  color:#999;
}
#contact form ::-moz-placeholder {
  color:#999;
}
#contact form :-ms-input-placeholder {
  color:#999;
}
#contact form input::-webkit-input-placeholder,
#contact form textarea::-webkit-input-placeholder {
  color:#999;
}
#contact form input:-moz-placeholder,
#contact form textarea:-moz-placeholder {
  color:#999;
}
#contact form button[type="submit"] i{margin:0 8px 0 0;}
#contact form button[type="submit"] {
  outline:none;text-transform:capitalize;
  -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
  border:none;
  color:#717171;
  background-color:#fff;
  border:1px solid #b2b2b2;
  -webkit-border-radius:2px;
  border-radius:2px;
}
#contact form button[type="submit"]:hover {
border:none;
 color:#fff;
  background-color:#ccc;
  border:1px solid #fff;
  -webkit-border-radius:4px;
  border-radius:4px;
}
#contact form button[type="submit"]:hover i{

  -webkit-transition:all 0.4s ease-out;
  -moz-transition:all 0.4s ease-out;
  -o-transition:all 0.4s ease-out;
  transition:all 0.4s ease-out;
   -webkit-transform:scale(1.3);
   -moz-transform:scale(1.3);
   -o-transform:scale(1.3);
   -ms-transform:scale(1.3);
   transform:scale(1.3);
}

#contact form #spantag	{font-weight:bold;color:#aa0f00;letter-spacing:1px;font-size:1.2em;}

#contact form label	{color:#888;float:left;font-weight:normal;
  font-size:0.7777777777777778em;}

#contact form .right{float:right !important;}

#contact form .code	{float:left;margin:8px 0 0 -10px;font-size:0.7777777777777778em;}
#contact .left	{float:left;margin-left:0;}
#contact .holder-a	{margin:25px 0 40px 0;}
#contact .mt10{margin:20px 0 60px;}
/*Contact Pages
------------------------------------*/
.map {
	width:100%; 
	height:400px;
background:-moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(30,87,153,1) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,0)), color-stop(100%,rgba(30,87,153,1)));
background:-webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%);
background:-o-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%);
background:-ms-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%);
background:linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#1e5799',GradientType=0 );



}

/* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
.map img {
	max-width:none;
}

/* ==========================================================================
   Footer Section
   ========================================================================== */
.footer {
  background-color:#bababa;
  text-align:center;
}
.footer p {
  color:#ddd;text-shadow:0 -1px 0 #999;
  font-size:0.7777777777777778em;
  line-height:1.5em;
  text-align:left;
  margin:35px 0 25px 0;
}
.scrolltotop {
  position:fixed;
  bottom:-50px;
  right:20px;
  height:40px;
  width:40px;
  color:#fff;
  background-color:rgba(0, 0, 0, 0.2);
  -webkit-border-radius:3px;
  border-radius:3px;
  -moz-background-clip:padding;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  text-align:center;
  cursor:pointer;
  -webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.5s ease-out;
  -o-transition:all 0.5s ease-out;
  transition:all 0.5s ease-out;
  opacity:0;
}
.scrolltotop:hover {
  color:#aa0f00;
  background-color:#eee;
  -webkit-box-shadow:0 2px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow:0 2px 0 rgba(0, 0, 0, 0.5);
  box-shadow:0 2px 0 rgba(0, 0, 0, 0.5);
}
.scrolltotop:hover i {
  opacity:1;
}
.scrolltotop i {
  line-height:40px;
  opacity:0.5;
}
.show-to-top {
  opacity:1;
  bottom:20px;
  -webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.5s ease-out;
  -o-transition:all 0.5s ease-out;
  transition:all 0.5s ease-out;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {


  .navbar .navbar-nav {
    float:right;
    margin:2px 0 2px 0;
  }
  .navbar .navbar-nav li {
    margin-left:3px;
  }
  .navbar .navbar-nav li a {
    display:inline-block;
    padding:8px 12px;
    color:#717171;
  }
  .navbar .navbar-collapse {
    background-color:rgba(255, 255, 255, 0);
    text-align:center;
    -webkit-box-shadow:inset 0 4px 0 rgba(0, 0, 0, 0);
    -moz-box-shadow:inset 0 4px 0 rgba(0, 0, 0, 0);
    box-shadow:inset 0 4px 0 rgba(0, 0, 0, 0);
    margin-top:0;
  }
  #about .opener {
    height:100px;
    width:100px;
  }
  #about .opener .round-photo-anchor img {
    margin:0;
  }
  #portfolio .cat-list {
    text-align:center;
    list-style-type:none;
    margin-bottom:40px;
  }
  #portfolio .cat-list li {
    display:inline-block;
    margin-bottom:0;
    padding:6px 20px;
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {

  .navbar .navbar-nav {
    float:right;
    margin:2px 0 2px 0;
  }
  .navbar .navbar-nav li {
    margin-left:5px;
  }
  .navbar .navbar-nav li a {
    display:inline-block;
    padding:8px 16px;
    color:#717171;
  }
  .navbar .navbar-collapse {
    background-color:rgba(255, 255, 255, 0);
    text-align:center;
    -webkit-box-shadow:inset 0 4px 0 rgba(0, 0, 0, 0);
    -moz-box-shadow:inset 0 4px 0 rgba(0, 0, 0, 0);
    box-shadow:inset 0 4px 0 rgba(0, 0, 0, 0);
  }
  #about .opener {
    height:164px;
    width:164px;
  }
  #about .opener .round-photo-anchor img {
    margin:4px;
  }
}

/*	================================================================================
	Content
	================================================================================	*/

.content {
	width:100%;
	overflow:hidden;
	padding:0 0 20px 0;
}
.sart {
  width:100%;
  margin-top:25%;
  text-align:center;
  z-index:2;
  opacity:0;
  display:block;
  position:absolute;
  -webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.5s ease-out;
  -o-transition:all 0.5s ease-out;
  transition:all 0.5s ease-out;
}
.sart h1 {
  color:#fff;
  font-size:3em;
  margin-top:-25%;
  margin-bottom:20px;
  opacity:0;
  text-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
}
@media (max-width:768px) {
	.sart h1 {
	font-size:2.8em;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
	}
}
@media (min-width:992px) {
	.sart h1 {
	font-size:3.8em;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
	}
}
@media (min-width:1400px) {
	.sart h1 {
	font-size:4.8em;
	margin-top:40px !important;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
	}
}
#header {
	opacity:0;
	margin-top:-200px;
}

/*	==========================================================================
	video
	==========================================================================	*/

.svideo {
	width:100%;
	z-index:-1;
	margin-top:95px;
	margin-left:0;
	position:relative;
	margin-bottom:0;
	background-position:center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
@media (max-width:380px) {
	.svideo {
	width:150%;
	margin-left:-15%;
	}
}