/* CSS Document */

/*fonts*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

/*Common fonts styles*/

/*

Blue - 0da0e3

*/

body {
	font-family: 'Open Sans', sans-serif;
	color: #38454b;
}

h2 {
	color: #014e71;
	font-size: 28px;
	font-weight: bold;
	text-transform: uppercase;
}

.home h2, h2.wiggle {
	background: #fff;
	display: inline-block;
	padding: 0 18px;
	text-align: center;
}

a {
	color: #0da0e3;
}

p {
	font-size: 15px;
	margin-bottom:15px;
}

p.copyright {
	margin-top:-20px;
	font-size:13px;
}

p strong {
	color: #0da0e3;
	font-weight:600;
}
h1 {
	font-size:26px;
	margin:0;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}

h3 {
	font-size: 20px;
	color: #009be2;
	font-weight:600;
	margin-bottom:20px;
	line-height:25px;
}

.progress { position:relative; width:100%; border: 1px solid #ddd; padding:  1px; height: 23px; border-radius: 3px; }
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; }
.dz-remove{ display:none;}


/*Hedear*/
.logo{
z-index: 99999;
position: absolute;
top:4px;
}
.logo img{
width: 137px;

}

.main_header{
	height: 54px;
}

.home .hedear_blue_bar{
position: absolute;
}
.hedear_blue_bar{
background: rgba(0,147,214,0.9);
top: 54px;
width: 100%;
z-index: 1;
}


.social_icons {
padding-top: 18px;
}

.social_icons i {
font-size: 21px;
color: #c5c6c6;
padding: 0px 0px 0px 10px;
}

.social_icons a{
text-decoration: none;
}

.s-i-m{
display:none;
}

@media screen and (max-width: 991px) { 
.s-i-d {
display:none;
}

.s-i-m{
display: block;
float: right;
}

.social_icons {
padding-top: 17px;
}

.navbar-default {
padding: 10px 0px 0px 30px !important;
}

}

/*Nav bar*/
.navbar-default {
background-color: initial;
border: none;
margin: 0px;
padding: 18px 0px 0px 30px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #fff
}

.nav>li>a {
position: relative;
display: block;
padding: 0px 5px 0px 5px;
font-size: 16px;
font-weight:500;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
color: #555;
background-color: #fff;
}

.home .homelink,
.search .searchlink,
.add .addlink,
.join .joinlink,
.contact .contactlink {
border-bottom: solid 4px #31a7de;
border-color: rgba(0, 147, 214, 0.9);
padding-bottom: 12px;
}

.nav>li {
margin: 0px 14px 0px 14px;
}
@media (min-width: 1700px) {

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  max-width: auto;
  min-width:100%;
}
.carousel-inner > .item {
max-height: 600px;
}

}

@media (min-width: 1200px) {
.container {
width: 1050px;
}

}


@media screen and (max-width: 991px) { 
.nav>li>a {
position: relative;
display: block;
padding: 0px 5px 0px 5px;
font-size: 14px;
color: #fff !important;
line-height: 29px;
}

.nav>li {
margin: 0px;
border-bottom: solid 2px #fff !important;
padding: 5px 0px 5px 0px;
text-align: center;
}


.navbar-nav {
margin: 0px 0px;
width: 100%;
}

.home .homelink,
.search .searchlink,
.add .addlink,
.join .joinlink,
.contact .contactlink {
padding-bottom: 5px;
}

.navbar-nav .active a{
background-color: #1a9eda !important;
}

.no-border{
border:none !important;
}

.navbar-collapse{
z-index: 99999;
position: absolute;
background: #1a9eda;
padding: 0px 0px 0px 0px;
right: 4px;
width: 191px;
border: solid 2px #fff;
top: 4.7em;
overflow: hidden;
border-bottom: none;
}

.navbar-toggle{
margin-top: 0px;
margin-right: 0px;
}

ul.navbar-nav li a:hover{
color:#ccc !important;
}


}


.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #1a9eda;
}


.navbar-default .navbar-toggle{
background-color: #b7b7b7;
padding: 8px 7px 8px 7px;
border-radius: 0px;
border: none;
}


.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 3px;
border-radius: 2px;
}

.navbar  btn.collapsed{
background: #1a9eda;
}

/*bluebar*/

.search_panel {
padding: 15px 0px 0px 0px;
width: 40%;
}

.search_bar { 
position: relative;  
}
.search_bar input {  
text-indent: 5px;
height: 45px;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}

.search_bar input[type="submit"]::-moz-focus-inner {
   border: 0;
}

.s_btn{
	color: #b7b7b7;
	position: absolute;
    right: 2px;
    top: 2px;
    width: 45px;
    height: 41px;
    text-align: center;
    background: #fff;
    border: none;
    outline: none;
    font-size: 24px;
    cursor: pointer;
    box-shadow: none;
}
.s_btn:hover{color: #199dda; }


.search_bar form {
	position: relative;
}
.search_bar input[type=submit] {
	outline: none;
	width: 45px;
	text-indent: -9999em;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 4px 4px 0;
	content: "\f002"; 

}



/*footer*/

footer{
background: #fff url(../images/footer-bg.png) repeat-x center left;
min-height: 313px;
}
.home footer{
background-color: #f2f2f2;
}



.content{
min-height: 350px;
}


/*homepage*/
.mid_blue_bar{
position: absolute;
bottom: -2px;
background: #0093d6;
width: 100%;
opacity: 0.9;
padding: 10px 0px 10px 0px;
}

.mid_blue_bar a {
	color:#fff;
}

@media screen and (min-width: 768px) {
.carousel-indicators {
bottom: 77px;
}
}

.mid-banner-text {
color: #fff;
padding: 9px 0;
font-size: 14px;
}

.mid-banner-text.rhs {
	text-align:right;
}

.title-dot-div{
background: url(../images/dot-border.png) repeat-x center 25px;
text-align: center;
}

.welcm-panel p{
text-align:  center;
font-size: 22px;
font-family: 'Open Sans';
}

.site-panel {
padding-top: 30px;
padding-bottom: 30px;

}
.gray-panel{
background: #f5f5f5;
}

.gray-panel h2{
background: #f5f5f5 !important;
}

.inner-panel {
padding-top: 25px;
padding-bottom: 25px;
}

.white-panel{
background: #fff;
margin-bottom: 25px;
margin-top: 25px;
}
.d-btn{
padding-top: 45px;
}
.site-btn{
text-decoration: none;
color: #38454b;
font-size: 17px;
text-transform: uppercase;
border: solid 2px #009be2;
padding: 15px 50px 15px 50px;
border-radius: 7px;
font-family: 'Open Sans';
font-weight: bold;
}

.site-btn:hover{
text-decoration: none;
}

.footer-content{
padding-top: 7em;
}

.footer-div{
padding-left: 0px;
}
footer h4{
font-size: 16px;
color: #fff;
font-weight: bold;
}

footer li, footer li a{
color: #fff;
font-size: 14px;
}

footer ul{
padding-left: 17px;
}

.home-mid h3 {
	max-width:200px;
	margin-right:auto;
	margin-left:auto;
}


.home-mid p{
font-size: 16px;
}

.home-mid {
text-align: center;
height: 243px;
padding-top: 10px;
padding-bottom: 10px;
}

.home-mid:hover, .home-mid a:hover {
	background: #f2fafe;
	text-decoration:none !important;
}



/*search page*/

.d-page-panel{
padding-top: 60px;
position:relative;
}

.main_content{
background: #f2f2f2;
padding-bottom:40px;
}

.content .main_content{
padding-bottom:0;
}


.home .main_content{
background: #fff;
}


.panel-head {
background-color: #014e71;
color: #fff;
text-align: center;
padding: 20px 0px 20px 0px;
font-size: 28px;
font-family: 'Open Sans';
border-radius: 10px 10px 0px 0px;
}

.panel-head.search {
background: #014e71 url(../images/search-head.svg) no-repeat center right;
background-size: 118px;
}

.panel-head.white {
background: #fff;
color: #014e71;
text-align:left;
padding:20px 30px;
}

.search-panel-body{
background: #fff;
padding: 30px;
padding-bottom: 15px;
border-radius: 0px 0px 10px 10px;
}

.content .search-panel-body {
	padding-top:0;
}

.search-panel {
	margin-bottom:40px;
}

.search-input{
background: #f2f2f2;
border: none;
border-radius: 2px;
box-shadow: none;
color: #777;
font-size: 16px;
font-weight:400;
}

.comments .search-input{
background: #fff;
}

select.search-input {
	background: #f2f2f2 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0LjkgMTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQuOSAxMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM0NDQ0NDQ7fQo8L3N0eWxlPgo8dGl0bGU+YXJyb3dzPC90aXRsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxLjQsNC43IDIuNSwzLjIgMy41LDQuNyAiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIzLjUsNS4zIDIuNSw2LjggMS40LDUuMyAiLz4KPC9zdmc+Cg==) no-repeat right 50%;
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
}

.search-panel-body label{
padding-right: 10px;
color: #38454b;
}
.search-base-btn{
padding: 20px 0px 20px 0px;
}
.search-base-btn input[type="submit"], input[type="button"], a.button {
background: #009ee4;
width: 100%;
border: none;
text-transform: uppercase;
color: #fff;
font-size: 17px;
font-family: 'Open Sans';
height: 55px;
	    border-radius: 5px;
}

a.button {
	display:inline-block;
	width: auto;
	line-height:1.6;
	height:auto;
	padding:10px 20px;
}
a.button:Hover {
	text-decoration:none;
}
.search-sides-section{
padding-left: 0px;

}
.search-sides {
background: #fff;
margin-bottom: 13px;
padding: 30px 20px 20px 20px;
height: auto;
cursor:pointer;
}
.site-panel-search{
background: #fff;
margin-top: 5px;
padding-top: 55px;
padding-bottom: 60px;
}
.home .site-panel-search, .home .site-panel-search h2 {
	background:#f1f1f1
}

.grey-mid-panel {
background: #f2f2f2;
margin-bottom: 25px;
margin-top: 25px;
}

.placeholder {
	background:#ddd;
	height:100%;
	min-height:330px;
	text-align:center;
	font-size:120px;
	display:table;
	width:100%;
}

.placeholder i {
	display:table-cell;
	height:100%;
	vertical-align:middle;
}

.home .grey-mid-panel {
	background:#fff
}

.more-search{
padding: 20px 0 25px 0;

}
.more-search a{
font-size: 17px;
color: #38454b;
text-decoration: none;
cursor: pointer;
}
.more-search a span{
color: #009be2;
font-weight: bold;
}

.mid-img-div{
padding-left: 0px;
}

a.placeholder-link {
	color:#fff;
}

.search footer {
    background-color: #ffffff;
}

.search-panel-body .form-inline{
	    padding-top: 10px;
}

.control--checkbox .control__indicator:after {
    left: 5px !important;
    top: 5px !important;
    border-width: 1px !important;
    border-radius: 20px !important;
}

.search-results h3 {
	margin-bottom:0;
	font-size:16px;
	padding-bottom:0;
}

.search-results time {
	color:#999;
	margin:-3px 0 5px 0;
	display:block;
}

.search-results .placeholder {
	font-size:50px;
	width:120px;
	min-height:120px;
}

.search-results .row {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom: 1px solid #ccc;
}

.search-results img {
	width:120px;
	height:120px;
}

.hide-s{
	padding-top: 15px;
	padding-bottom: 15px;
}

.hide-s select{
height: 45px
}

.s-date{
padding-top: 15px;
}


.welcome {
position:absolute;
top: 10px;
right:0;
}


/*Register page*/

.reg-form label , .comments label {
width: 100%;
line-height: 25px;
padding-right: 0px;
}

.reg-form label em {
	color:#d32e26;
}

.reg-form input[type="text"], .reg-form input[type="password"], .reg-form textarea, .reg-form input[type="email"]{
	text-align: left;
}

label.error{
	color:red !important;
}

.button.grey {
	background-color:#9D9D9D;
	font-weight:400;
}

img.content-image, .embed-container {
	margin:0 0 30px 0;
	padding-top:10px;
}

.comments {
	background:#fff;
	padding:30px 0;	
}

.comments h2 {
	margin-bottom:20px;
}

.comment {
	background:#f2f2f2;
	padding:20px;
	margin:0 0 20px 0;
	border-radius:10px;
}
.comment time {
	display:block;
	font-weight:700;
	font-size:12px;
	font-family: 'Open Sans';
	color:#808080;
}

.comment p.commenter {
	color: #0da0e3;
	font-weight:600;
}

#newcomment {
	display:none;
}

p.no-comments {
	margin-bottom:20px;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;  } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

video 
{
    width: 100%;
    height: auto;
    max-height: 100%;
	margin-bottom:20px;
}

audio 
{
    width: 100%;
	margin-bottom:20px;
}

table.meta {
	font-size: 15px;
	margin-bottom:20px;
}

table.meta th, table.meta td {
	padding:3px 15px 3px 0;
}

table.meta th {
	color:#0da0e3;
	font-weight:600;
}

.tip-q {
	color: #fff;
	background-color:#ccc;
	border-radius:10px;
	display:inline-block;
	width:14px;
	padding:0;
	text-align:center;
	font-size:10px;
}

label .tip-q {
	width:16px;
	margin-left:5px;
	line-height:16px;
}

.alert-success a {
	color:#3c763d;
	text-decoration:underline;
}

@media screen and (max-width: 990px) {
.d-page-panel {
padding-top: 13%;
padding: 55px 15px 15px 15px;
}

.col-md-9 {
	padding:0;
}

.search-panel-body {
margin-bottom: 15px;

}

.radio-btn label {

width: 100px !important;

}

.search-sides-section {
padding-left: 15px;
}
.mid-img-div {
padding-left: 15px;
}

.gary-mid-panel {
background: #ffffff;
}

}

@media screen and (max-width: 880px) {

.hedear_blue_bar{
position: relative;
top: 0;
}

.home .hedear_blue_bar {
position: relative;
}

.mid_blue_bar {
position: relative;
bottom: 0px;
width: 100%;
}

.mid-banner-text {

padding: 10px;
}

.site-panel {
padding-left: 15px;
padding-right: 15px;
}

.white-panel{
padding-bottom: 35px;
}

.main_hedear {
padding: 0px 5px 0px 10px;
}

.search_panel {
padding: 15px 0 0px 10px;
width: 210px;
}

.nav-con{
padding-right: 5px;
}

.footer-content {
padding-left: 15px;

}

.what-new-content h3, .what-new-content p{
padding: 10px;
}

.site-btn {
margin-left: 10px;
}

}


@media screen and (max-width: 768px) {


.footer-content {
padding-top: 2em;
background: #1a9eda;
padding-bottom: 1em;
}

.carousel-indicators {
bottom: 35%;

}

.navbar-default {
margin: 0px 10px 0 0;
}

.col-md-9 {
	padding:0 15px;
}

.logo {
	margin-left:13px;
}

.search_panel {
padding-right: 15px
}

.welcome {
	right:15px;
}

}
@media screen and (max-width: 440px) {
.logo img {
width: 119px;
}

}

/*Pagination*/

.dataTables_paginate{
	display: inline-block;
	padding: 10px 0;
}
.dataTables_paginate a {
    display: block;
    float: left;
    padding: 3px 5px;
	border-radius:3px;
    margin-right: 5px;
    color: #fff;
    border: 1px solid #fff;
    background-color: #014e71;
    width: 28px;
    text-align: center;
}

.dataTables_paginate a.selected, .dataTables_paginate a:Hover {
    background-color: #0da0e3;
	text-decoration:none;
}


#fulltext {
	display:none;
	padding:5px 20px;
	border: 2px solid #efefef;
	margin-bottom:20px;
}