/* ---------------------- 
Stylesheet Guide
-------------------------

FONT
GENERAL STYLES
COMING SOON PAGE
MAIN PAGE STRUCTURE
MAIN MENU
PROJECTS
PROJECTS TITLE
POSTS
OUR TEAM
SIDEBAR BOXES
LATEST PROJECTS BOX
QUOTE BOX
RESPONSIVE IFRAME
FORM ELEMENTS
TABS
CONTENT TABS
ACCORDION
NOTICES
FLICKR
SOCIAL ICONS
PAGINATION
COMMENTS
ICONS

*/

/* ================= FONT ================== */
@font-face {
	font-family:'bebas_neueregular';
	src:url('../fonts/bebas/bebasneue-webfont.eot');
	src:url('../fonts/bebas/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/bebas/bebasneue-webfont.woff') format('woff'),url('../fonts/bebas/bebasneue-webfont.ttf') format('truetype'),url('../fonts/bebas/bebasneue-webfont.svg#bebas_neueregular') format('svg');
	font-weight:normal;
	font-style: normal;
}
/* ================= GENERAL STYLES ================== */
body {
	font-size:13px;
	line-height:1.5;
	font-family:Arial,Helvetica,sans-serif;
	-webkit-font-smoothing:antialiased;
	overflow:hidden;
	background-color:#000;
}
.hide {
	display:none !important;
}
.show {
	display:block !important;
}
::-moz-selection {
	color:#fff;
	text-shadow:none;
	background:#000;
}
::selection {
	color:#fff;
	text-shadow:none;
	background:#000;
}
::-webkit-scrollbar {
	width:5px;
}
::-webkit-scrollbar-thumb {
	background:#000;
}
::-webkit-scrollbar-thumb:window-inactive {
	background:#000;
}
img {
	-ms-interpolation-mode:bicubic;
	image-rendering:optimizeQuality;
}


img{
	max-width:100%;
}

.align-left{
	text-align:left;
}

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

.align-right{
	text-align:right;
}

img.align-left{
	text-align:left;
	float:left;
	margin:15px 15px 15px 0;
}

img.align-center{
	text-align:center;
	margin:10px auto;
}

img.align-right{
	text-align:right;
	float:right;
	margin:0 0 15px 15px;
}






h1,h2,h3,h4,h5,h6 {
	font-family:'bebas_neueregular';
	font-weight:normal;
	margin-top:0px;
	padding:0px;
	line-height:1;
}
h1 {
	font-size:70px;
	margin-bottom:15px;
}
h2 {
	font-size:44px;
	margin-bottom:15px;
}
h3 {
	font-size:36px;
	margin-bottom:15px;
}
h4,summary {
	font-size:30px;
	margin-bottom:10px;
}
h5 {
	font-size:24px;
	margin-bottom:10px;
}
h6 {
	font-size:20px;
	margin-bottom:10px;
}

h7 {
	font-size:16px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	margin-top:0px;
	padding:0px;
	line-height:1.5;
	
}







/* unvisited link */
a:link {
  color: orangered;
}

/* visited link */
a:visited {
  color: green;
}

/* mouse over link */
a:hover {
  color: cadetblue;
}

/* selected link */
a:active {
  color: darkred;
}

.blue{
	color:#4174c5;
}
.purple{
	color:#7e0c6e;
}


.green{
	color:#4a9b13;
}

.red{
	color:#a82512;
}

.yellow{
	color:#dd7d00;
}


.clear {
	clear:both;
}
.slogan
{
    font-size:110px;
    text-align:center;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.5;
	margin-bottom:20px;
	margin-top:0px !important;
	color:#000000;
}
p.small {
	font-size:13px !important;
}

li {
	color:#000;	
	}

p.grey {
	font-size:14px !important;
	color:#555;	
	}
p.greysmall {
	font-size:13px !important;
	color:#555
	
}

a {
	color:#000;
	-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;
	text-decoration:none;
}
a:hover {
	color:#c0c0c0;
}
label {
	padding:5px 10px 5px 10px;
	background-color:#555;
	color:#FFFFFF;
	background-size: 30px 30px;
		background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
}
blockquote
{
    font-weight: bold;
    font-size: 13px;
    line-height: 1.5;
    padding-left: 45px;
    margin: 10px 0px 20px 0px;
    position: relative;
}
blockquote:before {
	display:block;
	content:"\201C";
	font-size:60px;
	position:absolute;
	left:0px;
	top:-25px;
	width:100px;
}
blockquote cite {
	font-style:normal;
	font-size:14px;
	line-height:1.5;
	display:block;
	margin-top:20px;
	text-align:right;
}
blockquote cite:before {
	content:"\2014 \2009";
}
table {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
table td {
	padding:20px;
}
table th {
	padding:10px 20px 10px 20px;
	text-align:center;
	border:solid 1px #c0c0c0;
	background-color:#000;
	color:#fff;
	font-size:16px;
}
table td {
	border:solid 1px #c0c0c0;
	color:#555;
}
hr
{
    margin: 0px 0px 23px 0px;
    padding: 0;
    border: none;
    border-top: 3px double #555;
    position: relative;
   text-align:center;
    color: #555;
}
	
hr:before{
    font-size: 0px; 
    content: ".";
    position: absolute;
    z-index:9; 
    border-top: 10px solid #555;
    border-right: 10px solid transparent;
    left: 0px;
    top: 0px;   
}
.clb-photo img {
	width:100%;
	height:auto;
	-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;
	margin-bottom:-6px;
	outline:0;
	border:none;
}
.clb-photo {
	cursor:pointer;
	background-position:center center;
	background-image:url(../images/link.png);
	background-repeat:no-repeat;
	background-color:#000;
	display:block;
}
.clb-photo img:hover {
	opacity: 0;
}
#tiles li img
{
    margin-bottom:0px !important;
}
/* ================= COMING SOON PAGE ================== */

#cs-main
{
    width:100%;
    height:100%;
    position:fixed;
    color:#fff;
    overflow:hidden;
}
.cs-bg
{
    background-color:rgba(0,0,0,0.7);
    margin-top:100px !important;
    max-width:940px;
}
.cs-foot h5
{
    line-height:1.3;
    display:inline-block;
}
.cs-head
{
    text-align:center;
    padding-top:20px;
}
.cs-foot
{
    max-width:940px;
    position:relative;
    width:100%;
    background-color:#000;
    padding: 20px 0px 10px 25px;
    margin: 0 auto;
    height:auto;
        background-size: 40px 40px;
		background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);										
		 border: none;
    -webkit-animation: animate-bg 5s linear infinite;
	     -moz-animation: animate-bg 5s linear infinite;
	     -o-animation: animate-bg 5s linear infinite;
	     animation: animate-bg 5s linear infinite;
}
.countdown
{
    text-align:center;
    margin-bottom:10px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
}
.countdown div {
  font-family:'bebas_neueregular';
  display: inline-block;
  margin: 0px 10px;
  font-size: 70px;
  line-height: 1;
  text-align: left;
  /* IE7 inline-block hack */
  *display: inline;
  *zoom: 1;
}

.countdown div:first-child {
  margin-left: 0;
}

.countdown div:last-child {
  margin-right: 0;
}

.countdown div span {
  display: block;
  border-top: 1px solid #cecece;
  padding-top: 3px;
  font-size: 34px;
  font-weight: normal;
  text-align: left;
}
/* ================= MAIN PAGE STRUCTURE ================== */
#main {
	width:100%;
	position:relative;
}
#left
{
    background-position: center center;
    width: 50%;
    height: 100%;
    float: left;
    position: fixed;
    background-image: url('../images/loader.gif');
    background-repeat: no-repeat;
}
#left:before,
#left:after {
    font-size: 0px; 
    content: ".";
    position: absolute;
    z-index:2;    
}
#left:before {
    border-top: 180px solid #000;
    border-right: 500px solid transparent;
    left: -20px;
    top: 0px;
}
#left:after {
    border-bottom: 100px solid #000;
    border-left: 150px solid transparent;
    right: 0;
    bottom: 0;
}
#center {
	width:350px;
	background-color:#fff;
	background-color:rgba(255,255,255,0.7);
	height:100%;
	position:fixed;
	right:0%;
	z-index:2;
	padding:120px 0px 0px 20px;
	display:none;
	overflow:auto !important;
}
#right {
	width:50%;
	height:100%;
	background-color:#fff;
	position:fixed;
	left:50%;
	z-index:9;
	padding-top:100px;
	overflow:auto !important;
}
#gallery-left {
	width:25%;
	height:100%;
	float:left;
	position:fixed;
	background-color:#000;
}
#gallery-right {
	width:75%;
	height:100%;
	background-color:#fff;
	position:fixed;
	left:25%;
	z-index:3;
	overflow:auto !important;
}
#fullwidth-left {
	width:25%;
	height:100%;
	float:left;
	position:fixed;
	background-color:#000;
}
#fullwidth-right {
	width:75%;
	height:100%;
	background-color:#fff;
	position:fixed;
	left:25%;
	z-index:3;
	overflow:auto !important;
    padding-top:100px;
}
#logo,#logo2 {
	font-family:'bebas_neueregular';
	background-position:center center;
	position:absolute;
	top:0px;
	height:100px;
	display:block;
	font-size:72px;
	line-height:100px;
	padding-left:20px;
	color:#fff;
	z-index:3;
}
#logo {
	width:50%;
	right:50%;
	background-color:#000;
	background-color:rgba(0,0,0,0.7);
}
#logo img
{
    width:170px;
    height:auto;
    margin-top:20px;
}
#logo2 img
{
    width:auto;
    height:60px;
    margin-top:20px;
}
#logo2 {
	width:100%;
	background-color:#000;
	right:0;
}
#left-menu-icon {
	background-position:center center;
	position:fixed;
	top:0px;
	right:0px;
	height:100px;
	width:100px;
	background-color:#000;
	background-image:url('../images/menu.png');
	background-repeat:no-repeat;
	cursor:pointer;
	display:none;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	z-index:4;
}
#left-menu-icon:hover {
	width:120px;
}
#left-menu-icon:after,#left-menu-icon:before {
	right:100%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
}
#left-menu-icon:after {
	border-right-color:#000;
	border-width:20px;
	top:50%;
	margin-top:-20px;
}
#left-menu-close-icon {
	background-position:center center;
	position:fixed;
	top:0px;
	right:50%;
	height:100px;
	width:100px;
	background-color:#000;
	background-image:url('../images/close.png');
	background-repeat:no-repeat;
	cursor:pointer;
	z-index:4;
	display:none;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
}
#left-menu-close-icon:hover {
	background-color:#555;
}
#top
{
    width:100%;
    text-align:center;
    height:40px;
    font-weight:bold;
    position:relative;
    background-color: #000000;
    line-height:40px;
    font-size:14px;
    color: #fff;
    cursor:pointer;
    -webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
}
#top:hover
{
    background-color:#555;
}
/* ================= MAIN MENU ================== */
.tinynav {
	display:none;
	line-height:28px;
	height:30px;
	position:fixed;
	z-index:9999999;
	top:20px;
	right:80px;
	width:auto;
	float:right;
}
.gallery .tinynav 
{
    right:20px;
}
#gallery-right nav
{
    width:75%;
    left:25%;
}
nav {
	width:50%;
	left:50%;
	position:fixed;
	z-index:99999;
}
.gallery nav
 {
	width:100%;
	left:25%;
}
#nav {
	padding:0px 10px 0px 0px;
	font-family:'bebas_neueregular';
	font-weight:normal;
	list-style-type:none;
	position:relative;
	display:block;
	height:100px;
	border-bottom-style:solid;
	border-bottom-width:5px;
	border-bottom-color:#c0c0c0;
	margin:0;
	background-color:#000;
}
#nav li {
	float:left;
	display:block;
	width:auto;
	position:relative;
	z-index:500;
}
#nav li a {
	display:block;
	line-height:100px;
	padding:0px 20px 0px 20px;
	height:100px;
	text-decoration:none;
	color:#fff;
	font-size:22px;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
#nav li a:hover {
	color:#fff;
	background:#555;
}
#nav li a.active
{
    color: #000;
    background: #c0c0c0;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #c0c0c0;
}
#nav ul {
	position:absolute;
	left:0;
	display:none;
	margin:0;
	padding:0;
	list-style:none;
    -webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
    -webkit-animation-duration: 0.2s;
	   -moz-animation-duration: 0.2s;
	     -o-animation-duration: 0.2s;
	        animation-duration: 0.2s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
#nav ul li {
	min-width:180px;
	float:left;
	height:50px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#000;
}
#nav ul li a,#nav ul li ul a {
	font-size:16px;
	padding-left:20px;
	line-height:50px;
	color:#fff;
}
#nav ul a.active:after,#nav ul a.active:before {
	border:none !important;
}
#nav ul a {
	display:block;
	height:50px;
	padding:0px 5px 0px 5px;
	color:#fff;
	background-color:#000;
	background-color:rgba(0,0,0,0.8);
	font-weight:normal;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	border:none !important;
}
#nav ul a:active, #nav ul a:hover
{
    border:none !important;
}
#nav ul li a.active {
	color:#fff;
	background:#555;
}
#nav ul a:active,#nav ul a:hover {
	border:none !important;
}
#nav ul a:hover {
	text-decoration:none;
	color:#000;
	background:#c0c0c0;
}
#nav ul li ul {
	margin-left:180px;
	position:absolute;
	display:none;
	padding:0px;
	height:auto;
	top:0px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#000;
}
#nav ul li ul li {
	width:180px;
	float: left;
}
/* ================= PROJECTS ================== */
#projects {
	width:100%;
	min-height:600px;
	margin-bottom:65px;
	margin-top:100px;
}
#tiles {
	list-style-type:none !important;
	position:relative;
	margin:15px 0px 0px 0px;
	list-style-image: none !important;
}
/* Grid items */
#tiles li {
	width:235px;
	display:none;
	cursor:pointer;
	-webkit-backface-visibility:hidden;
	-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;
	background-color:#fff;
}
#tiles li img {
	display:block;
	opacity: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;
	width:235px;
}
#tiles li a {
	background-position:center center;
	display:block;
	background-color:#000;
	outline:none;
}
#tiles li a.link {
	background-image:url('../images/link.png');
	background-repeat:no-repeat;
}
#tiles li a:hover img {
	opacity: 0;
}
/* Filters */
#filters
{
    list-style-type: none;
    color: #fff;
    width: 100%;
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    position: relative;
    height: auto;
    background-color: #000;
}
#filters li {
	font-size:16px;
	line-height:30px;
	float:left;
	padding:8px 20px 8px 20px;
	cursor:pointer;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	margin:0px;
}
#filters li.active {
	width:auto !important;
}
#filters li.active {
	background-color:#c0c0c0;
	color:#000 !important;
}
#filters li:hover {
	background-color:#c0c0c0;
	color: #000 !important;
}
/* ================= PROJECTS TITLE ================== */
.vertical-head {
	background-color:#000;
	background-color:rgba(0,0,0,0.7);
	position:absolute;
	width:90px;
	right:0px;
	height:100%;
	padding-top:20px;
	top:100px;
}
.vertical-head h2 {
	padding:0px;
	font-size:60px;
	line-height:90px;
	color:#fff;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	white-space:nowrap;
	word-spacing: 5px;
}
/* ================= POSTS ================== */
.post {
	padding-bottom:20px !important;
}
.date {
	float:right;
	line-height:20px;
	font-size:20px;
}
.post-link {
	background-position:center center;
	background-image:url(../images/link.jpg);
	background-repeat:no-repeat;
	display:block;
	background-color:#000;
	outline:none;
	border:none;
}
.post-link img {
	width:100%;
	height:auto;
	-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;
	margin-bottom:-6px;
}
.post-link:hover img {
	opacity: 0;
}
ul.meta
{
    padding: 10px 0px 10px 0px;
    margin-bottom:10px;
    margin-top:0px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size:12px;
	list-style-type:none;
	text-align:left;
}
ul.meta li
{
   display: inline;
   list-style-type: none;
   padding:5px;
}
ul.meta li.tagsicon
{
    background-image: url('../images/tags.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 21px;
    padding-right:20px;
}
ul.meta li.usericon
{
    background-image: url('../images/user.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 21px;
    padding-right:20px;
}
ul.meta li.categoryicon
{
    background-image: url('../images/category.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 21px;
    padding-right:20px;
}
ul.meta li.dateicon
{
    background-image: url('../images/date.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 21px;
    padding-right:20px;
}
/* ================= OUR TEAM ================== */
.our-team {
	margin-top:-10px;
	text-align:center;
}
.our-team p {
	margin-bottom:0px !important;
}
.our-team img
{
    width: 100%;
    height: auto;
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #000000;
}
.our-team h4
{
    line-height:1.5 !important;
    margin-bottom:0px !important;
}
/* ================= SIDEBAR BOXES ================== */
#boxes {
	width:100%;
	height:100%;
	padding-right:20px;
}
.box
{
    background-color: #fff;
    padding: 17px 20px 10px 20px;
    display: inline-block;
    height: auto;
    width: 100%;
    margin-bottom: 20px;
}
.box-list {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:12px;
	line-height:32px;
	list-style:none;
	width:100%;
}
.box-list li {
	background-position:left center;
	height:30px;
	background-image:url('../images/list.png');
	background-repeat:no-repeat;
	padding-left: 21px;
}
.box-list li a
{
    color:#000;
}
.box-list li a:hover
{
    color:#555;
}
/* ================= LATEST PROJECTS BOX ================== */
.da-thumbs {
	list-style:none;
	width:100%;
	position:relative;
	margin:0px auto 15px auto;
	padding:0;
	display:inline-block;
}
.da-thumbs li {
	float:left;
	position:relative;
	width:33.3333333%;
}
.da-thumbs li a,.da-thumbs li a img {
	display:block;
	position:relative;
	height: 300;
}
.da-thumbs li a {
	overflow:hidden;
}
.da-thumbs li a div {
	position:absolute;
	background:#000;
	width:100%;
	height:100%;
}
.da-thumbs li a div span {
	display:block;
	padding:10px 0;
	margin:20% 20px 0px 20px;
	font-weight:normal;
	color:#fff;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	font-size: 14px;
}
/* ================= QUOTE BOX ================== */
q cite {
	font-weight:bold;
	display:block;
	text-align:right;
	font-size:12px;
	letter-spacing:1px;
	margin-top:20px;
	color:#000;
}
q cite:before {
	content:"\2014 \2009";
}
q {
	font-style:italic;
	width:auto;
	margin:0px 0px 20px 55px;
	position:absolute;
	color:#555;
}
#quote_wrap {
	background:url(../images/q.png) no-repeat 10px 5px;
	margin:5px 0px 0px 0px;
	padding:0px 10px 20px 20px;
	position: relative;
}
/* ==== RESPONSIVE IFRAME ==== */
.flex-video {
	position:relative;
	padding-top:25px;
	padding-bottom:67.5%;
	height:0;
	overflow:hidden;
	margin-bottom:20px;
}
.flex-video.widescreen {
	padding-bottom:37.25%
}
.flex-homevideo 
{
    padding-top:100px;
    width:100%;
    height:100%;
    overflow:hidden;
}
.flex-homevideo iframe
{
	width:100%;
	height:100%;
	outline:none;
	border:none;
}
.flex-video.vimeo {
	padding-top:0
}
.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	outline:none;
	border:none;
}
/* ================= FORM ELEMENTS ================== */	
.contactform {
	clear:both;
}
#contactForm {
	display:block !important;
}
.comment-form {
	margin-top:5px;
}
input[type="text"],input[type="email"],input[type="number"],input[type="date"],textarea {
	border:1px solid #c0c0c0;
	width:100%;
	color:#000;
	display:block;
	font-size:14px;
	margin:0px 0px 11px 0px;
	padding:5px 10px 5px 10px;
	height:40px;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
	background-color:#fff;
}
input[type="text"].oversize,input[type="email"].oversize,input[type="number"].oversize,input[type="date"].oversize {
	font-size:15px;
	padding:4px 5px
}
input[type="text"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="date"]:focus,textarea:focus {
	border:1px solid #000;
	color:#000;
	outline:none !important;
}
input[type="text"][disabled],input[type="email"][disabled],input[type="number"][disabled],input[type="date"][disabled],textarea[disabled] {
	background-color:#000
}
input[type="submit"] {
	margin-top:14px;
}
textarea {
	height:100px;
	width:100%;
	margin-bottom:0px !important;
}
.button
{
    width: auto;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin: 5px 20px 0px 0px;
    outline: none;
    padding: 10px 15px 10px 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
    border: none !important;
    background-color: #555;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-size: 30px 30px;
		background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);	
}
.button:hover {
	background-color:#000;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

}
.searchbox .button
{
-webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
.searchbox {
	width:100% !important;
	display:inline-block;
	position:relative;
	margin-bottom:15px;
}
.searchbox input[type="text"].searchtext {
	width:75% !important;
	float:left;
	margin:0px !important;
	border:1px solid #555;
}
.error-title
{
    padding: 10px;
    text-align: center;
    margin-bottom: 22px;
    margin-top:20px;
    line-height: 1.2 !important;
    background-color: #000000;
    background-size: 40px 40px;
		background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);										
		 box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
		 width: 100%;
		 border: 1px solid;
    color: #FFFFFF;
    -webkit-animation: animate-bg 5s linear infinite;
	     -moz-animation: animate-bg 5s linear infinite;
	     -o-animation: animate-bg 5s linear infinite;
	     animation: animate-bg 5s linear infinite;
}
.searchbox .button {
	width:25% !important;
	float:right;
	position:absolute;
	top:0;
	margin:0px;
	line-height: 20px;
	height:40px;
}
/* ================= TABS ================== */
#tabs {
	overflow:auto;
	width:100%;
	list-style:none;
	margin:0px;
	padding:0px;
}
#tabs li {
	margin:0;
	padding:0;
	float:left;
	line-height:2;
	word-spacing:0.2em;
	background:#555;
	color:#fff;
}
#tabs a {
	font-family:'bebas_neueregular';
	font-size:20px;
	color:#fff;
	float:left;
	height:45px;
	padding:3px 20px 0px 20px;
	text-decoration:none;
}
#tabs a:hover {
	color:#fff !important;
	background:#000;
}
#tabs a:focus {
	outline:0;
}
#tabs #current a {
	background:#000;
	color:#fff;
}
#tab-content {
	background-color:#fff;
	padding:20px 20px 0px 20px;
	width:auto;
	margin:0px 0px 20px 0px;
}
#tab-content ul {
	padding:0px;
	margin:0px;
	list-style:none;
	list-style-image:none;
}
#tab-content ul li {
	padding-bottom:20px;
	line-height:2.4;
	font-size:12px;
	height:80px;
	color:#555;
}
#tab-content ul li a {
	font-size:13px !important;
	color:#000;
}
#tab-content ul li:last-child {
	background:none;
	margin-bottom:5px;
}
#tab-content li img {
	border:3px solid #c0c0c0;
	float:left;
	width:60px;
	height:60px;
	margin-right:20px;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
#tab-content li img:hover {
	border: 3px solid #000;
}
/* ================= CONTENT-TABS ================== */
#content-tabs {
	overflow:auto;
	width:100%;
	list-style:none;
	margin:0px;
	padding:0px;
}
#content-tabs li {
	margin:0;
	padding:0;
	float:left;
	line-height:2;
	word-spacing:0.2em;
	background:#c0c0c0;
	color:#000;
}
#content-tabs a {
	font-family:'bebas_neueregular';
	font-size:20px;
	color:#000;
	float:left;
	height:45px;
	padding:3px 20px 0px 20px;
	text-decoration:none;
}
#content-tabs a:hover {
	color:#fff !important;
	background:#000;
}
#content-tabs a:focus {
	outline:0;
}
#content-tabs #current a {
	background:#000;
	color:#fff;
}
#content-tab-content {
	border:1px solid #c0c0c0;
	background-color:#fff;
	padding:20px 20px 0px 20px;
	width:auto;
	margin: 0px 0px 20px 0px;
}
/* ================= ACCORDION ================== */
#accordion-container {
	padding:0px;
	margin:0px 0px 20px 0px;
	width:100%;
	position:relative;
	border-top:1px solid #c0c0c0;
}
.accordion-header {
	margin:0;
	padding:10px 5px 10px 5px;
	cursor:pointer;
	border-bottom:1px solid #c0c0c0;
	text-align:left;
	font-weight:bold;
}
.active-header {
	background:url(../images/minus.png);
	background-repeat:no-repeat;
	background-position:right 50%;
	color:#000;
	font-weight:bold;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
.inactive-header {
	background:url(../images/plus.png);
	background-repeat:no-repeat;
	background-position:right 50%;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
.accordion-content {
	display:none;
	padding:20px 5px 0px 5px;
	width:auto;
	border-bottom: 1px solid #c0c0c0;
}
/* ================= NOTICES ================== */
.message{
		background-size: 40px 40px;
		background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);										
		 box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
		 width: 100%;
		 border: 1px solid;
		 color: #fff;
		 padding: 15px;	
		 margin-bottom:10px;
         -webkit-animation: animate-bg 5s linear infinite;
	     -moz-animation: animate-bg 5s linear infinite;
	     -o-animation: animate-bg 5s linear infinite;
	     animation: animate-bg 5s linear infinite;
}

.info{
		 background-color: #4ea5cd;
		 border-color: #3b8eb5;
}

.error{
		 background-color: #de4343;
		 border-color: #c43d3d;
}
		 
.warning{
		 background-color: #eaaf51;
		 border-color: #d99a36;
}

.success{
		 background-color: #61b832;
		 border-color: #55a12c;
}

.message h3{
		 margin: 0;													 
}

.message p{
		 margin: 0;	
		 color:#fff;
		 font-size:14px;												 
}
@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}
@-webkit-keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}
@-moz-keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}
@-o-keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}
/* ================= FLICKR  ================== */
.flickr-box
{
    margin: 0px;
    margin-bottom:5px;
    padding: 0px;
    overflow: hidden;
    width: 110%;
}
.flickr-box li {
	list-style:none;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	padding:0px;
	height:86px !important;
}
.flickr-box li:last-child {
	margin-right:0px;
}
.flickr-box li a {
}
.flickr-box li img {
	display:block;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
	border:5px solid transparent;
	width: 86px;
}
.flickr-box li img:hover {
	opacity: 0.5;
}
/* ================= SOCIAL ICONS ================== */
.socialbox {
	margin-top:30px;
}
.social-icons {
	list-style-type:none;
	float:left;
	display:block;
	margin:0px 0px 0px -3px;
	padding:0px !important;
	width:105%;
}
.reveal-modal .social-icons {
	margin:0px;
}
.social-icons li {
	float:left;
	display:block;
	position:relative;
	margin-right:5px;
}
.social-icons li img {
	width:48px;
}
.social-icons li:last-child {
	margin-left:0px !important;
	margin-right:0px !important;
}
.social-icon {
	-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;
}
.social-icon:hover {
	opacity:0.5;
}
/* ================= PAGINATION ================== */	
ul.pagination {
	display:inline-block;
	height:24px;
	margin-left:15px;
	margin-bottom:10px;
	margin-top:-2px;
	padding:0px;
}
ul.pagination li {
	float:left;
	display:block;
	height:24px;
	font-size:14px;
	margin-left:5px
}
ul.pagination li a {
	display:block;
	padding:5px 10px 5px 7px;
	color:#555;
}
ul.pagination li:hover a,ul.pagination li a:focus {
	background:#000;
	color:#fff !important;
}
ul.pagination li.unavailable a {
	cursor:default;
	color:#555 !important;
}
ul.pagination li.unavailable:hover a,ul.pagination li.unavailable a:focus {
	background:transparent
}
ul.pagination li.current a {
	background:#000;
	color:#fff;
	cursor:default
}
ul.pagination li.current a:hover {
	background:#3d72a4;
	color: #fff;
}
/* ================= COMMENTS ================== */
.comments_block
{
    border-color: #c0c0c0;
    width: 100%;
    clear: both;
    margin-top: 0px;
    padding-top: 30px;
    border-top-style: double;
    border-top-width: 3px;
}
.comments {
	margin-top:0px;
	margin-bottom:0px;
}
.comments p {
	margin-bottom:0px !important;
	padding-right:40px;
}
.comments .meta {
	font-size:14px;
	font-style:italic;
	margin-bottom:5px !important;
	color:#000;
}
.comments_content {
	margin-bottom:20px;
	padding:15px;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#555;
	position:relative;
}
.comments_block .reply {
	padding-left:50px;
	margin-top:-10px !important;
}
.reply_icon {
	width:31px;
	height:33px;
	background-image:url(../images/reply.png);
	position:absolute;
	display:none;
	top:-45px;
	left:-45px;
	background-repeat:no-repeat;
}
.comments.reply .reply_icon {
	display:block !important;
}
.comments a.reply {
	color:#fff !important;
	font-size:12px;
	position:absolute;
	top:10px;
	right:0;
	padding:7px;
	background-color:#555;
	-webkit-transition:background-color 0.4s ease-in-out;
	-moz-transition:background-color 0.4s ease-in-out;
	-o-transition:background-color 0.4s ease-in-out;
	transition:background-color 0.4s ease-in-out;
}
.comments a.reply:hover {
	background-color: #000;
}
/* ================= ICONS ================== */
.icon-bg {
	background-color:#000;
	padding:30px;
	width:auto;
	text-align:center;
	position:relative;
	margin-top:0px;
}
.icon-bg:after,.icon-bg:before {
	top:100%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
}
.icon-bg:after {
	border-color:rgba(0,0,0,0);
	border-top-color:#000;
	border-width:10px;
	left:50%;
	margin-left:-10px;
}
.icon-bg:before {
	border-color:rgba(0,0,0,0);
	border-top-color:#000;
	border-width:16px;
	left:50%;
	margin-left:-16px;
}
.icon-text {
	margin-top:20px;
	text-align:center;
}
.icon-text h4
{
    line-height:1.5 !important;
    margin-bottom:0px !important;
}
.icon-text p {
	margin-bottom: 7px !important;
}.grid-4.post .post-link img {
}