/*
Theme Name: Hcid-Theme
Theme URI: http://www.sostg.com.au
Author: SOS Technology Group
Author URI: http://www.sostg.com.au
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.clearfix .current_page_item { background:#fff; }
.clearfix .current_page_item a { color:#121212; }
.content { min-height:350px; }

.phne{
color:#333 !important ;}

.rsg_item {display:inline;
			margin-right:6%;
			margin-left: 2%;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body{
font-size:14px;
font-family: 'Droid Sans', sans-serif;
color:#525251;
}
.wrapper{
overflow:hidden;}
.page{
  margin: 0 auto;
    max-width: 1003px;
    width: 100%;}
form {margin:0 !important;}
.clr {clear:both !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.header,.content,.footer{
width:100%;}


.content-area .entry-header
{
background: #edf2e2;
margin: 3px 0 5px 0;
display:none;

}
.content-area h1
{


width: 963px;
margin: 0 auto;
padding: 10px 20px;
text-transform: capitalize;

}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
} 
.clearfix {
	display: inline-block;}
html[xmlns] .clearfix {
	display: block;
} 
* html .clearfix {	height: 1%;
}
.float-left{
float:left;}
.float-right{
float:right;}
.clear-block{
clear:both;}
input[type=search] {
  -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}
/*2. global typography*/
h1,h2,h3,h4,h5,h6{
font-family: 'Dosis', sans-serif;
text-transform:uppercase;
}
h1{
font-size:28px;
color:#121212;
font-weight:500;}

h2{
font-size:24px;
color:#121212;
font-weight:500;}
h3{
font-size:23px;
color:#fff;
text-transform:capitalize;}
h4{font-weight:bold; line-height:18px;}
p{
font-size:14px;
margin:10px 0;
line-height:1.4;
color:#525251;}

a{
color:#fff;
text-decoration:none;}
/*
header section styling starts here*/
.wrapper { width:100%; margin:0px; padding:0px;}
.header{
background:url(images/repeat-header.png) repeat ;
height:99px;margin: 0 auto;width: 100%; max-width:1003PX;}
.navigation li{
float:left;
position:relative;
font-size:14px
margin-left:8px;
text-transform:capitaliz;
-webkit-transition: background-color 0.8s ease;
text-transform:capitaliz;
-webkit-transition: background-color 0.8s ease;
-o-transition: background-color 0.8s ease;
-moz-transition: background-color 0.8s ease;
transition: background-color 0.5s ease;
}
.navigation{
width:635px;
margin-left:60px;
}
.logo-seg{
width:280px;}
.logo{
display:block;
margin-top:8px;}
.slogan{
color:#fff;
font-size:12px;
margin-top:20px;
float:right;}
.slogan span,.slogan strong{
display:block;
text-transform:uppercase;}
.slogan strong{
margin-bottom:5px;
font-size:21px;}
.phone{
display:block;
text-align:right;
margin-top:-36px;
font-style:italic;
text-transform:capitalize;
font-size:24px;
margin-right:25px;
position: relative;
z-index:111100;
float:right;
color:#dbdbdb;}

.navigation li span{
position:absolute;
left:50%;
margin-left:-4.5px;
bottom:0px;
width:9px;
height:5px;
display:none;
background:url(images/hover-icon.png) no-repeat center;

}
.navigation li a{
display:block;
padding:42px 19px;}
.navigation li:hover, .navigation li.sel{
background:#fff;
padding:0;}
.navigation li:hover a, .navigation li.sel a{
color:#121212;
}

.navigation li ul.children { display:none; background:#fff; position:absolute; top:78px; left:0px; width:140px; z-index:9999;}
.navigation li:hover span, .navigation li.sel span{
display:block;}
/*
footer section styling starts here*/
/*<!--home page content style-->*/
.banner{
border-top:2px solid #fff;}

.banner > img {
    width: 100%;
	height:auto;
}
.content-seg{
background:#f5f1ed;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
padding:30px 5px 45px;}
.stratgy-sec{
margin-top:40px;
}
.gallary ul { margin:0px; padding:0px; list-style:none; width:100%;}
.gallary li{
float:left;
padding-left:4% !important;
width:25%;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
}

.gallary li:nth-child(4),.gallary li:nth-child(8),.gallary li:nth-child(12) { margin-right:0px;}
.gallary li img { max-width:100%; display:block;}
.gallary {
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
/*padding-left:5px;
padding-right:5px;*/
margin:13px 0 25px;}
/*.gallary{
margin-left:1.5%;}*/
.gallary {
margin-left:-4% !important;}
.top-footer {
color:#fff;
}
.top-footer h3{
float:left;
width:33.3%;}
.top-footer{
padding:7px 5px 0px;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
background:#89a753;
margin:auto; max-width:1003px;
}

.stratgy-sec p strong {
    font-weight: 700;
}
.stratgy-sec p  span{margin-left:3px;}
.top-footer-content{
width:100%;}
.contact-info,.get-involved,.our-vision{
float:left;
color: #3F3838;
width:33.3%;
font-family:Arial, Helvetica, sans-serif;}
.bottom-footer .our-vision p{

font-size:17px;
line-height:1.4;
color:#3f3838;
margin-top:-1px;

}
.get-involved li{
font-size:13px;
width:174px;
margin-bottom:7px;
padding-bottom:7px;
 
}
.get-involved li a{
color:#3f3838;
position:relative;
padding-left:10px;
}
.get-involved li a:before{
background:url(images/arrow.png) no-repeat center;
width:6px;
height:7px;
display:block;
left:0;
top:4px;
content:"";
position:absolute;}

.bottom-footer {
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;

background:#edf2e2;
font-size:27px;
padding:18px 5px 18px 5px;
overflow:hidden;
font-size:13px;
color:#3f3838;
width:1003px; margin:auto;
}
.contact-info{
line-height:1.3;
font-family:Arial, Helvetica, sans-serif;}
.copy-right{
background:#fff;
color:#251d18;
overflow:hidden;
font-size:12px;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
padding:10px 5px 15px;
clear:both;}
.copy-right a{
color:#251d18;
}
.copy-right a:hover,.get-involved li a:hover{
color:#000;}
.bx-controls {
display:none;}

.social-media a{
display:inline-block;
width:22px;
height:22px;
margin-left:2px;}

.social-media a.fb{
background:url(images/fb.png) no-repeat center;}
.social-media a.fb:hover{
background:url(images/fb-hover.png) no-repeat center;}
.social-media a.tweet{
background:url(images/tweet.png) no-repeat center;}
.social-media a.tweet:hover{
background:url(images/tweet-hover.png) no-repeat center;}
.social-media a.pinterest{
background:url(images/pin.png) no-repeat center;}

.bxslider img {
    width: 100%;
	height:auto;
}
.social-media a.pinterest:hover{
background:url(images/pin-hover.png) no-repeat center;}

.hdCont { background:#edf2e2; margin: 0 auto;
    width: 100%;}
.hdCont h1 {width:963px; margin:0 auto; padding:10px 20px; text-transform:capitalize;}

.content-area { padding: 0 0px 39px; min-height:300px;}
.content-area h3 {font-family: 'Dosis', sans-serif; text-transform:uppercase; font-size:28px; color:#121212; padding:10px 0 0 0;}
.content-area ul {padding-bottom:15px;}
.content-area ul li:before {content:'• '; list-style:none;}
.content-area ul li {padding:5px 0;}

.contactLeft {float:left; width:545px; padding:25px 0;}
.contactLeft h4 {background:#121212; position:relative; color:#fff; font-size:22px; padding:12px 10px 0 10px; border-radius:3px; font-weight:normal; height:33px; text-transform:none;}
.mandtry {position:absolute; right:10px; top:14px; font-size:12px; color:#fff;}
.mandtry span {color:#F00;}
.formField {padding:14px 0 0 0; position:relative;}
.formInput {border:1px solid #d2d0d0; border-radius:3px; padding:11px 6px; color:#6a7075; width:244px; background:#fff; font:inherit;}
.formInput:focus {border:1px solid #afacac; -webkit-box-shadow:0 0 3px 1px #bcbebf; -moz-box-shadow:0 0 3px 1px #bcbebf; -ms-box-shadow:0 0 3px 1px #bcbebf; -o-box-shadow:0 0 3px 1px #bcbebf; box-shadow:0 0 3px 1px #bcbebf;}
.mandtryLow {color:#F00; position:absolute; right:-10px; top:27px; font-size:12px;}
.formInputB {width:531px;}
.formBtn {background:#597c2b; border-radius:3px; color:#fff; font-size:17px; border:none; padding:5px 20px; cursor:pointer;}
.formBtn:hover {background:#555555;}
.contactRight {float:right; width:370px; padding:25px 0;}
.contactRight h4 {color:#121212; font-size:18px; padding:0; font-weight:normal;}
.map {margin:5px 0; border:2px solid #ccc;}
.infoBox {background:#f5eddf; padding:8px 10px 0 10px; margin-top:6px; border-radius:3px; color:#282828; font-size:13px; line-height:20px;}
.infoBox span.hd {text-transform:uppercase; display:block; border-bottom:1px solid #c5c1ba; padding-bottom:4px; line-height:normal;}
.info {padding:5px 0 15px 0;}
.info span{color:#1b72a3;}
.info a {color:#1b72a3; text-decoration:underline;}
.info a:hover {text-decoration:none;}
/*drop down style start here*/
.sub-menu{
display:none;
background: none repeat scroll 0 0 #FFFFFF;
border: 0 none;
bottom: -85px;
height: auto;
left: 0;
position: absolute;
width: 150px;
z-index: 100;}
.navigation li{
position:relative;}
.navigation li:hover ul{
display:block;}
.navigation li li{
float:none;
padding:10px;
border-bottom:1px solid #89A753;}
.navigation li li a{
padding:0;
color:#121212;}
.navigation li li:hover {
padding:10px ;}
.navigation li li:hover a{
padding:0  ;
color:#3F3838;}

.MobileMenu { display:none; width:auto; height:auto; float:right;}
.MobileMenu .phone { float:left; margin:-4px 20px 0 0px; width:148px;}
.Mobilebtn { margin:40px 0 0 0; padding-right:5px;}
.Mobilebtn a { float:right; width:31px; height:18px; display:block;}
.Mobilebtn a span { display:block; width:31px; height:18px; background:url(images/mobile-icon.png) no-repeat 0 0;}
.mobmenu { display:none; position:absolute; right:5px; top:72px; z-index:9999; width:200px; border:solid 1px #ccc; box-shadow:0 0 4px #ccc; background:#fff;}
.mobmenu ul { margin:0px; padding:0px; list-style:none; position:relative;}
.mobmenu ul li { border-bottom:solid 1px #ccc; float:none; transition: background-color 0.5s ease 0s; position:relative;}
.mobmenu ul li a { color:#121212; margin:0px; padding:8px 10px; display:block;}
.up-arrow { position:absolute; right:10px; top:-10px; z-index:999; width:0; height:0; border-bottom:solid 10px #fff; border-left:10px solid transparent; border-right:10px solid transparent;}
.mobmenu ul li:hover, .mobmenu ul li.sel { padding:0px;}
.mobmenu ul li a:hover, .mobmenu ul li a.sel { color:#fff; background:#89a753;}
.mobmenu ul li:last-child { border-bottom:none;}
.mobmenu ul li ul li { border-bottom:dashed 1px #ccc;}
.mobmenu ul li ul li:first-child { border-top:dashed 1px #ccc;}
.mobmenu ul li ul li a { padding-left:20px; font-size:12px;}
.down-arrow { position:absolute; right:10px; top:12px; z-index:999; width:0; height:0; border-top:solid 5px #121212; border-left:5px solid transparent; border-right:5px solid transparent;}
.mobmenu ul li a:hover .down-arrow, .mobmenu ul li a.sel .down-arrow { border-top:solid 5px #fff;}
.btmhd { display:none; background:#89A753; padding: 7px 0; color:#fff; font-size: 23px; text-transform: capitalize; font-family: 'Dosis',sans-serif; margin-bottom:10px; height:30px;}
.Abimg img { margin-left:20px;}

ul.galleryImg li:before { list-style:none; content:'';}
ul.galleryImg li {float:left; margin:8px; padding:0; width:23%; height:auto; overflow:hidden;}
ul.galleryImg li img {width:100%;}

/*Media CSS Alwyas Call Below*/
@media only screen and (max-width: 1003px){

.logo-seg { width:auto;}
.navigation { width:auto; margin-left:0px;}
.logo { width:92%;}
.logo img { max-width:100%;}
.navigation { display:none;}
.MobileMenu { display:block;}
.hdCont h1 { width:auto;}
.content-area img { max-width:100%;}
.bottom-footer { width:auto;}
.contactLeft { float:none; margin:0 auto 20px auto; padding:0px;}
.contactRight { float:none; width:auto; padding:0px;}
ul.galleryImg li { margin:6px;}
}

@media only screen and (max-width: 960px){
ul.galleryImg li { margin:4px;}
}

@media only screen and (max-width: 767px){
.logo {
    margin: 0 auto;
    width: 286px;
}
body .MobileMenu {
    width: 300px !important ;
margin:0 auto;

}
.gallary
{
padding-left:5px;
padding-right:5px;
}
.header { height:113px;}
}
@media only screen and (max-width: 1002px){


.gallary
{
padding-left:5px;
padding-right:5px;
}

}
@media only screen and (max-width: 640px){
h1, h2, .content-area h3 { font-size:20px;}
.header-data { text-align:center;}
.float-left { float:none;}

.header { height:113px; padding:5px 0;}

.bx-viewport { height:150px!important;}
.bxslider img { height:150px;}
.btmhd { display:block;}
.top-footer { display:none;}
.contact-info, .get-involved { float:none; width:100%; padding:0; padding-bottom:10px;}
.our-vision { float:none; width:100%; padding:0;}
.btmhd { padding:7px 10px 0px;}
.get-involved ul { padding:0 10px;}
.our-vision p { padding:0 10px;}
.address { padding:0 10px;}
.bottom-footer { padding-top:0px;}
.contactLeft { width:100%;}
.formInputB { width:97.4%;}
.formField { width:100%;}
.formInput { width:95%; padding:11px 2.5%;}
.Abimg img { height:140px;}
ul.galleryImg { width:100%;}
ul.galleryImg li { width:31%;}
}
@media only screen and (max-width: 479px){
.gallary li { width:46%; margin:2% 2% 2% 2%;}
.top-footer h3 { font-size:18px;}
.float-left { text-align:center; display:block;}
.float-right { float:none; text-align:center; width:100%; margin-top:14px;}
.copy-right { padding:10px 0 10px;}
.content-area img { min-height:120px;}
ul.galleryImg { width:100%;}
ul.galleryImg li { width:46%;}
}


#mc_embed_signup label { float:left;margin-right:5px;margin-top:5px;width:20%; }
#mc_embed_signup input.email { float:left; width:67%!important; margin-right:5px !important ; }
#mc_embed_signup input.button, { width:100% !important;  float:right ;}
#mc_embed_signup div.clear{
width:auto;
float:right;}
#mc_embed_signup form{
 display: block;
    margin: 0 auto !important;
    padding: 10px 0 !important ;
    position: relative;
    text-align: left;
    width: 668px;
}
@media all and (max-width:690px) {
#mc_embed_signup form{
 width:100%;}
}
#mc_embed_signup label{
width:191px;}
#mc_embed_signup input.email{
width:338px !important ;}
#mc_embed_signup div.clear{
float:left;}

@media all and (max-width: 700px){
#mc_embed_signup label{
float:none;
margin-bottm:5px;
width:191px;}

}
@media all and (max-width: 500px){
#mc_embed_signup input.email{
width:230px !important ;}
}
@media all and (max-width: 400px){
#mc_embed_signup input.email{
width:160px !important ;}
}
@media all and (max-width: 767px){
.content-area img {
    height: auto;
    min-height: 0;}



}
.hdCont{
margin:4px 0;}
.ngg-gallery-thumbnail {
  
    width: 100%;
}
body .rslides img{
width:100%;}
.rslides.rslides1{
max-width:1003px !important ;}
.ngg-gallery-thumbnail img{
margin:0 !important ;
padding:0 !important ;
width:100%;}

.ngg-gallery-thumbnail-box {
    -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -ms-box-sizing: border-box;
box-sizing: border-box;
    width: 25%;
 padding-left: 5px;
}
.ngg-galleryoverview{
margin-left:-5px;}
body .ngg-gallery-thumbnail-box{
margin-right:0;}
#mc_embed_signup{
padding:0 10px;}
.rslides{
margin:0 auto;}
.rslides_container{
margin-bottom:0px;}
.main-content{
clear:both;
}
.spacing{
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
padding-right:5px;
padding-left:5px;}

.MobileMenu {
    width: auto;
}
.phone{
width:200px;}

/* 6 aug work */
.content-area .gallary ul li:before{content:"" !important;list-style-type:none;}




@media only screen 
and (max-width : 959px){
.ngg-gallery-thumbnail img{
width:auto !important ;
max-width:100% !important ;}
.MobileMenu{
width:388px !important ;
}
.phone{
float:none;
display:block !important ;
width:228px !important ;
}
.MobileMenu{
width:388px !important ;
}
a.massa{
margin-left:2px;}
}
@media only screen 
and (max-width : 767px){
.phone {
    width: auto !important;
}
body .MobileMenu {
    float: none;
    width: 300px !important;
}
.Mobilebtn {
  display: inline-block;
    float: none;
    margin: 2px auto 0;
    padding-right: 0;
    text-align: center;
width:100% !important;
}
body .MobileMenu{
width:100% !important;
}
*{
-webkit-text-size-adjust:none;}
}
@media only screen 
and (max-width : 640px){
.header{
height:107px;}

.MobileMenu{
position:relative;}


.mobmenu{
top:27px;}
}


body .ngg-galleryoverview {
overflow: visible;

}

/*-- CSS of AUG 8, 2014--*/

.entry-meta {display:none;}

/*.by-author { display: none; } */

/*-- CSS of AUG 12, 2014--*/
.alignnone{
padding-left:0px !important;
padding-right:0px !important;}

.logo-seg{
}
.logo{background:#89A753;}

.copyright{
    text-align:center;
}

.copy-right a {
    text-decoration: underline;
}

#jquery-lightbox {
    z-index:1010012 !important;    
}

.bsk-pdf-category a{
    color:#000000;
}