@charset utf-8;
/*

Theme Name: DisplayRite Resources

Theme URI: http://netwizarddesign.com.au/

Author: Netwizard Designs

Author URI: http://netwizarddesign.com.au/

Description: This theme is powered by <a href="http://getbootstrap.com/">http://getbootstrap.com/</a>

Version: 2.0

*/



/* Global */

html, body {
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
* {
	list-style:none;
	padding:0;
}
body {
	margin-top: 120px;
}
.logo {
	margin:  0;
	float:left;
}
#bodybg {
	background:url(images/bg.jpg) no-repeat center fixed;
	background-size:100%;
}
img {
	max-width:100%;
	height:auto !important;
}
img.aligncenter {
	display:block;
	margin:0 auto;
}
.aligncenter {
	text-align:center;
}
.alignleft {
	text-align:left;
}
.alignright {
	text-align:right;
}
/* Template Structure */


/*
#header {
margin-bottom:10px;

background: #0063a7; /* Old browsers * /

background: -moz-linear-gradient(left, #0063a7 0%, #0975bc 57%, #ffffff 100%); /* FF3.6+ * /
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0063a7), color-stop(57%, #0975bc), color-stop(100%, #ffffff)); /* Chrome,Safari4+ * /
background: -webkit-linear-gradient(left, #0063a7 0%, #0975bc 57%, #ffffff 100%); /* Chrome10+,Safari5.1+ * /
background: -o-linear-gradient(left, #0063a7 0%, #0975bc 57%, #ffffff 100%); /* Opera 11.10+ * /
background: -ms-linear-gradient(left, #0063a7 0%, #0975bc 57%, #ffffff 100%); /* IE10+ * /
background: linear-gradient(to right, #0063a7 0%, #0975bc 57%, #ffffff 100%); /* W3C * /
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0063a7', endColorstr='#ffffff', GradientType=1 ); /* IE6-9 * /
}
*/  

 
/*by wela*/
.navbar-inverse {
	/*background: url(images/header.png) top left repeat-y; */
	background-color:#fff;
	margin-bottom:10px;
	height: auto;
	z-index:1;
}
#content {
	padding: 2%;
	background:url(images/bg-white.png);
	border-radius:5px;
	min-height:450px;
}
#content input[type="text"], #content input[type="email"], #content input[type="tel"], textarea {
	padding: 5px 1%;
	width: 98%;
	border: 1px solid #999;
}
#content input[type="submit"] {
	padding: 5px 1%;
	min-width:100px;
}
#content h1 {
	padding:0;
	margin: 0 0 10px;
	color:#0063a7;
	font-weight:400;
}
#content h2 {
	padding:0;
	color:#0063a7;
	font-weight:400;
}
#content h3 {
	padding:0;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px;
}
img.pull-left {
	margin-right:10px;
}
#footer {
	margin-top:10px;
	padding-top:1.5em;
	padding-bottom:1.5em;
	border-top: 1px solid #ccc;
	position:static !important;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
}
#contact-details p {
	margin-bottom:4px;
}
#contact-details h3 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}
/* Navigation Elements */


 
#recent-news h2 {
	color:#0063a7;
	font-size:22px;
	margin:0 0 10px;
	padding:0;
	font-weight:bold;
}
#recent-news h3  {
	color:#000;
	font-size:16px;
	font-weight:bold;
	margin:5px 0;
	padding:0;
}
#recent-news a.classtitle {
	color:#000;
	font-size:16px;
	font-weight:bold;
	margin:5px 0;
	padding:0;
display:block;
}
#recent-news li {
	padding: 7px 0;
	margin: 0 0 10px;
	border-top:4px solid #76a7c8;
}
#recent-news a.morelink {
	display:block;
	margin-top:10px;
	padding:5px 2%;
	background:#00c6fc;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	max-width:120px;
	text-align:center;
}
#recent-news a:hover {
	background:0391b8;
	text-decoration:none;
}
h3.article-title {
	color: #0063a7;
	font-size: 36px !important;
	font-weight: 400 !important;
	margin: 0 0 10px !important;
}



#home-widget a{
	color: #fff;
/*margin-top:-16em; i removed this muna by wela*/
}
#home-widget a:hover{
	color: #F8F8F8;
	text-decoration:none;
}
#home-widget .row .col-md-3 {
	 max-width:100% !important;
	display:block;
	background:#0063a7;
	border-radius:10px;
	vertical-align:top;
	font-size:15px;
	color:#fff;
	min-height: 206px;
	padding: 10px 4%;	 
	margin: 1% 2px;
}
 
#home-widget .row .col-md-3 p {
	 max-width:100% !important;
	display: block;
	 
}


#footer {
	background:#0063a7;
	color:#fff;
	display:block;
}
#footer .col-md-3 .wrapper-widget {
	border-right:#428dc1 1px solid;
	max-width:230px;
	min-height:150px;
}
#footer .col-md-3:last-child .wrapper-widget {
	border-right:none;
	max-width:inherit;
}
#footer .wrapper-widget li {
	background:url(images/left-arrow-green.png) left no-repeat;
	padding-left:16px;
	margin-bottom:5px;
}
/* Slider */
img.vegas-background {
	/*opacity: 0.4;
	filter:alpha(opacity=40);   /*	For IE8 and earlier */
}

body.class{ /*.transparentwhitebg*/
background: url(../../uploads/2014/08/transparentwhitebg.png) top left repeat;
 
position: absolute;

top:0;
bottom:0;

z-index:1;
}
.homebg{
width: 100%;
height: 100%;
}
.homebg .slider {
	top: -4%;
	position: fixed;
	width: 100%;
	display: block;
	
	margin-right: -10px;
/*
	opacity: 0.3;	
	filter:alpha(opacity=30);   	For IE8 and earlier */
}
.homebg .slider img {
	max-height: 1000px !important;
	min-height: 1000px !important;
}
.homebg .next, .homebg .prev {
	visibility:hidden;
}
.slider {
	min-height: 317px;
	max-height: 317px;
	display:block;
	margin-bottom: 35px;
}
.home .slider img {
	max-height: 317px;
	min-height: 317px;
}
.slider .caption h1 {
	margin: 5px 0;
}
.slider .next, .slider .prev {
	display:none;
}
#home-content-mobi {
	top:50%;
}
#home-content-mobi img {
	width:100% !important;
}
#home-content-mobi {
	right:auto;
	left: auto;
}
.list-post a {
	display:block;
	padding:3em 2%;
	border-radius:10px;
	margin-bottom:10px;
	color:#fff;
	background: #0063a7;
	border: 3px solid #014574;
	text-align:center;
	min-height: 130px;
}
.section {
	display:block;
	padding:1em 2%;
	border-radius:10px;
	background: #0063a7;
	color:#fff;
	margin-bottom:5px;
}
.tab-header .trigger {
	display:block;
	padding: 5px 3%;
	margin-bottom:5px;
	background: #0063a7;
	border: 3px solid #014574;
	width:96%;
	border-radius:5px;
	-webkit-border-radius:5px;
	color:#fff;
	text-align:center;
}
.tab-header .trigger:hover, .tab-header a.active {
	background:#057ed1;
}
.tab-content li {
	display:none;
}
.gallery li {
	display:inline-block;
	overflow:hidden;
	max-width:200px;
	margin: 0 0.7% 5px;
	text-align:center;
}
.col-md-3.thumbs, .thumbs {
	overflow:hidden !important;
}
.thumbs img.img-thumbnail {
	min-height: 300px;
	max-height: 500px;
	height: 300px;
	min-width: 100%;
}
.article-content ul.page-list li {
	font-size:14pt;
	padding: 4px 0;
}
.article-content ul.page-list li ul {
	margin-left:15px;
}


.formobi {
	margin-top: -80px;
}
#recent-news {
	padding: 4%;
	margin-bottom: 20px;
	background: url(images/bg-white.png);
	border-radius: 5px;
}
#footer .col-md-3 .wrapper-widget {
	border-right: #428dc1 0px solid;
	max-width: 100%;
	min-height: auto;
}
 
.logo {
	max-width:200px;
	margin-top: 8px;
}
.forpc {
	visibility:hidden;
}
#home-content {
}



.soliloquy-container .soliloquy-image {
	border: #0063a7 solid 3px !important;
	-webkit-border-radius: 15px 15px 15px 15px !important;
	border-radius: 15px 15px 15px 15px !important;
	width:100% !important;
	height:auto;
}
.soliloquy-container .soliloquy-controls-direction .soliloquy-prev {
	-webkit-border-radius: 100px 100px 100px 100px !important;
	border-radius: 100px 100px 100px 100px !important;
 /*
	opacity: 0.6;
	filter:alpha(opacity=60);   	For IE8 and earlier */
	border:#0063a7 !important;
	
}
.soliloquy-container .soliloquy-controls-direction .soliloquy-prev:hover {
}
.soliloquy-container .soliloquy-controls-direction .soliloquy-next {
	-webkit-border-radius: 100px 100px 100px 100px !important;
	border-radius: 100px 100px 100px 100px !important;
 /*
	opacity: 0.6;
	filter:alpha(opacity=60);   	For IE8 and earlier */
	border:#0063a7 !important;
}
.soliloquy-container .soliloquy-controls-direction .soliloquy-next:hover {
	 
}




#navigation .navbar-nav {
	float:none;
}
#navigation .nav-wrapper {
	background:#0063a7;
	padding: 10px 5%;
	border-radius:10px;
	min-width:254px;
 	margin-top: 46px;
}
#navigation li {
	margin-bottom:5px;
	display:block;
	float:none;
}
#navigation ul.navbar-nav{
	margin-left: -2px;
}
#navigation li a {
	display:block;
	width:90%;
	margin:0 auto;
	text-align:center;
	background:#fff;
	padding:4px 0;
	color:#010000;
	border: 2px solid #787878;
	border-radius:5px;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
}
#navigation li:hover a, #navigation .current_page_item a {
	background:url(images/gradien-whileblack.png) bottom repeat-x;
	background-color:#fff;
	text-decoration:none;
	color:#0063a7;
}
#navigation {
	text-align: center;
	z-index: 1;
	width: 100%;
	position:relative;
}
.navbar-toggle {
	position: relative;
	float: right;
	margin: 10px;
	padding: 15px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}.soliloquy-container{
	visibility:visible;
}
.theheader{
background: url(images/header.png) top center repeat;
height: 100%;
}

/* mods */

body {
margin-top: 220px;
}

#page{
	position: relative;
	width: 1078px;
	margin: 0 auto;
}
 
.navbar-inverse {
height: 130px;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
border-bottom: 1px solid #080808;
}

.navbar-inverse .container{
	width: 1078px;
	margin: 0 auto;
}

.navbar-inverse .logo{
	width: 333px; height: auto;
	max-width: 333px; height: auto;
	float: left;
	display: block;
}

.navbar-inverse .logo img{
	width: 100%; height: auto;
	display: block; border: none;
}

#navigation{
	width: 229px;
	position: fixed;
	top: 150px;
}

#navigation .nav-wrapper {
	margin-top: 0;
	min-width: 229px;
}

.container.formobi .row {
width: 1078px;
margin: 0 auto;
overflow: hidden;
}
#post-2{
	padding-left: 260px;
}

#recent-news {
position: absolute;
top: 0;
right: 0;
width: 205px;
padding: 0 0 10px 10px;
background: none;
}

#recent-news ul {
margin: 0;
padding: 0;
}


#recent-news a.morelink {
	padding: 3px 2%;
	text-decoration: none;
}

#recent-news a.classtitle {
	text-decoration: none;
}

#home-widget{}
#home-widget .row{
	padding-left: 260px;
}
#home-widget .row .col-md-3 {
	margin: 0 0 10px 10px;
	display: inline-block;
	zoom: 1;
	max-width: 177px !important;
	font-size: 15px;
	min-height: 206px;
	padding: 10px 10px;
	margin: 1% 2px;
	width: 210px;
}

#home-widget a {
	text-decoration: none;
}

#footer{ width: 100%;}
#footer p{ font-size: 14px;}
#footer .container{
	width: 1078px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 20px;
}
#footer .container .row{}
#footer .container .col-md-3{
	float: left;
	width: 23%;
	margin-left: 20px;
}

#footer .col-md-3 .wrapper-widget {
	border-right: #428dc1 1px solid;
}

#content{
	padding-left: 270px;
}

.list-post{ width: auto;}
.list-post.row{ width: auto !important;}
.list-post .col-md-3 {
display: inline-block;
zoom: 1;
min-width: 180px;
margin: 0 10px 10px 0;
}
.list-post .col-md-3 a{}

.list-post a {
padding: 50px 10px;
min-height: 10px;
text-decoration: none;
}
.list-post a:hover {
text-decoration: underline;
}

#golden{ width: 818px;}
#golden .left{
	width: 55%;
	float: left;
}
#golden .right{
	width: 40%;
	float: right;
}
#golden .right#contact-details h3{
	margin: 1em 0;
}
#golden .right#contact-details p{
	font-size: 14px;
}

#golden .right#contact-details p{
	font-size: 14px;
}

.slicknav_menu {
	display:none;
}

#badges{
	display: none;
}

.list-post .col-md-3 {
	width: 30%;
}
.list-post .col-md-3 a{
	width: auto;
	min-height: 20px;
}

/* #Media Queries
================================================== 
================================================== 
================================================== 
================================================== 
================================================== 
================================================== 
================================================== 
================================================== 
================================================== 
================================================== 
================================================== */

.category {}
.category #content{}
.category #content .article {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 20px;
}
.category #content .article .callto{}
.category #content .article .callto a {
  background: #0063a7;
  color: #fff;
  padding: 10px;
  border-radius: 10px;
  text-decoration: none;
}
.category #content .article .callto a:hover {
	opacity: 0.7;
}



/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1077px) {
	
.navigation-forpc{
	display: none;
}
.navbar-inverse .logo {
	
margin-left: 10px;
}

.slicknav_menu {
display: block;
position: fixed;
top: 0;
right: 0;
background: transparent;
padding: 0;
}


.slicknav_btn {
	margin: 0;
	padding: 10px;
	top: 25px;
	right: 10px;
}
.slicknav_menu .slicknav_icon {
	float: left;
	margin: 0; padding: 0;
}
.slicknav_menu .slicknav_menutxt {
	display: none;
}

.slicknav_menu .slicknav_icon-bar {
width: 50px;
height: 2px;
margin: 6px 0;
}

.slicknav_nav {
	background: #0072c0;
	margin: 80px 10px 0 0;
	width: 11em;
	border-radius: 10px;
	padding: 5px;
}
.navbar-inverse {
height: 100px;
}
.theheader{ background: #0063a7;}
.logo {
margin-top: 0;
}

#badges {
display: block;
position: relative;
top: 32px;
right: 90px;
z-index: 9999;
padding: 0;
margin: 0;
width: auto;
position: fixed;
}
#badges li{
	display: inline-block;
	margin: 0;
}
#badges li a{}
#badges li a:hover{}


/* content */

body {
margin-top: 180px;
}

#page {
width: 100%;
padding: 0;
margin: 0;
}

.container.formobi .row {
width: 100%;
padding: 0;
margin: 0;
}

#home-content {
	float: left;
	width: 58%;
	padding: 10px;
}

#post-2 {
padding: 0;
}

#recent-news {
position: static;
top: 0;
right: 0;
width: 205px;
padding: 10px;
padding-top: 24px;
background: none;
float: left;
width: 35%;
}

#home-widget .row {
padding: 10px;
width: auto;
}
#home-widget .row .col-md-3 {
max-width: 300px!important;
width: 21%;
min-height: 170px;
}

#footer .container {
width: 100%;
margin: 0;
padding-top: 20px;
}

#footer .container .col-md-3 {
width: 30%;
}
#footer .container:last-child .col-md-3 {}
#footer .container:last-child .col-md-3 .textwidget p{
	text-align: left !important;
}

#content {
padding: 20px 10px 10px 10px;
} 
#golden{ width: auto;}
#golden .left{
	width: 50%;
	float: left;
}
#golden .right{
	width: 45%;
	float: right;
}
.list-post .col-md-3 {
	width: 31%;
}
#home-widget .row {
width: 100%;
}
/* end 1077px */
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
body {
margin-top: 140px;
}
	
.navbar-inverse .logo {
width: 220px;
margin-left: 10px;
}

#badges {
top: 18px;
}
.slicknav_btn {
top: 12px;
}
.navbar-inverse {
height: 72px;
}

#home-content {
	float: none;
	width: auto;
}
#recent-news {
	float: none;
	width: auto;
}

#home-widget .row .col-md-3 {
max-width: 500!important;
width: 43%;
min-height: 200px;
}
#golden .left{
	width: 95%;
	float: none;
	margin-bottom: 30px;
}
#golden .right{
	width: auto;
	float: none;
}
.list-post .col-md-3 {
	width: 45%;
}

#home-widget .row .col-md-3 {
min-height: 130px;
}

/* end 767 */
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 640px) {
#footer .container .col-md-3 {
width: auto;
float: none;
}
.list-post .col-md-3 {
	width: 100%;
}
/* end 640 */	
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
#home-widget .row .col-md-3 {
width: auto;
float: none;
}
#home-widget .row .col-md-3 {
min-height: 20px;
}
/* end 479 */
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 420px) {
body {
margin-top: 200px;
}
.navbar-inverse {
height: 130px;
}	
.slicknav_btn {
margin: 0;
padding: 6px;
top: 25px;
right: 10px;
}
.slicknav_menu .slicknav_icon-bar {
width: 50px;
height: 2px;
margin: 4px 0;
}
#badges {
top: 78px;
left: 10px;
}
.slicknav_btn {
margin: 0;
padding: 6px;
top: 79px;
right: 10px;
}

.slicknav_nav {
margin-top: 120px;
}

.list-post .col-md-3 {
width: 100%;
float: none;
}

.list-post a {
padding: 20px 10px;
}

/* end 400 */
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 300px) {
	
/* end 300 */
}