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

FONT
GENERAL STYLES
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
TWITTER
SOCIAL ICONS
PAGINATION
COMMENTS
ICONS

*/

/* ================= FONT ================== */
@import url(http://fonts.googleapis.com/css?family=Oswald);

@font-face {
	font-family:'Oswald';
	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:#fff;
}
.hide {
	display:none !important;
}
.show {
	display:block !important;
}
::-moz-selection {
	color:#fff;
	text-shadow:none;
	background:#000;
}
::selection {
	color:#fff;
	text-shadow:none;
	background:#fff;
}
::-webkit-scrollbar {
	width:5px;
}
::-webkit-scrollbar-thumb {
	background:#000;
}
::-webkit-scrollbar-thumb:window-inactive {
	background:#000;
}
img {
	-ms-interpolation-mode:bicubic;
	image-rendering:optimizeQuality;
}
h1,h2,h3,h4,h5,h6 {
	font-family:'Oswald';
	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;
}
.clear {
	clear:both;
}
.slogan
{
    font-size:90px;
    line-height: 1.3;
    text-align:center;
}
p {
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	line-height:1.5;
	margin-bottom:20px;
	margin-top:0px !important;
	color:#555;
}
p.small {
	font-size:12px !important;
}
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/search.png');
	background-repeat:no-repeat;
	background-color:#000;
	display:block;
}
.clb-photo img:hover {
	opacity: 0;
}
/* ================= 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 #fff;
    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;
}
#logo,#logo2 {
	font-family:'Oswald';
	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:#fff;
	background-color:rgba(255, 255, 255, 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:'Oswald';
	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:20px;
	-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;
}
#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:32px !important;
}
.date {
	float:right;
	line-height:20px;
	font-size:20px;
}
.post-link {
	background-position:center center;
	background-image:url('../images/link.png');
	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;
}
/* ================= OUR TEAM ================== */
.our-team {
	margin-top:-10px;
	text-align:left;
}
.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;
	width:100%;
}
.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;
}
.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:'Oswald';
	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:'Oswald';
	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;
}

.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;												 
}
/* ================= TWITTER ================== */
.tweet,.query {
	color:#555;
}
.tweet_list {
	list-style:none;
	margin:0px 0px 10px 0px;
	padding:0;
	overflow-y:hidden;
}
.tweet_list .tweet_avatar {
	border:2px solid #3d72a4;
	float:left;
	margin-right:10px;
	margin-top:5px;
}
.tweet_list .tweet_avatar img {
	vertical-align:middle;
}
.tweet_list li {
	overflow-y:auto;
	overflow-x:hidden;
	padding:10px 0px 5px 0px;
	list-style-type:none;
	line-height:1.5 !important;
	font-size:12px !important;
}
.tweet_list li:first-child {
	padding-top:0px;
}
.tweet_list li:last-child {
	background:none;
	padding-bottom:0px;
}
.tweet_list li a {
	color:#000;
}
/* ================= 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;
}