/* Copyright © 2006-2013 Doseng.org */
/* Body and structure
-------------------------------------------------- */
/*@import url(https://weloveiconfonts.com/api/?family=brandico|entypo|fontawesome);*/

/* brandico */
[class*="brandico-"]:before {
  font-family: 'brandico', sans-serif;
}

/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}

/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

.col {color: #fff; font-size: 14px;}
.col2 {color: #ddd; text-shadow: 0 1px 0 #fff; font-size: 16px; font-weight: bold;}
.col3 {color: #ffcc33; font-size: 38px;}
#layout{
    min-height:        100%;
    height:            100%;

}



/* invisible to IE6 */
#layout[id]{
    height:            auto;
    overflow:          hidden;
}



html, body {
height: 100%;
}
body {
  position: relative;
  background: #fff;
height: 100% :


}
h5 a
{
	color: #666;
	font-size: 10px;
	font-weight: normal;
	line-height: 5px;
	outline: 0px none;
	text-shadow: 0 1px 1px #fff;
	text-transform: uppercase;
}

.media-heading a{color:#0088cc;}
.side-b
{
	border-bottom: 1px dashed #ddd;
	padding: 5px 0 25px 0;
}

.side-b:last-child
{
	border-bottom: none;
}
.head-f h1 
{
color: #385E82;
text-shadow: 0 1px 1px #e9e9e9;
font-family: 'Lobster', cursive;
font-size: 45px;
}

.head-f {
color: #777;
}

.head-d h1 
{
color: #42B3E5;
text-shadow: 0 1px 1px #e9e9e9;
font-family: 'Lobster', cursive;
font-size: 45px;
}

.head-d {
color: #777;
text-align: center;
}

.head-r h1 
{
color: #008ace;
text-shadow: 0 1px 0px #fff;
font-family: 'Lobster', cursive;
text-align: center;
font-size: 45px;
}

.head-r span {
color: #777;
text-align: center;
}
.head-r {
text-align: center;

}
.head-c  img {
text-align: center;
}

.head-v{
text-align: center;
}
.head-s {
text-align: center;
margin-top: 45px;
}
.well-s {
min-height: 20px;
  padding: 10px;
  margin-bottom: 20px;
 background-color: rgb(250, 250, 250);
background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(242, 242, 242));
background-repeat: repeat-x;
	border: 1px solid #fff;

box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
border-radius: 3px;
}

h4 a
{
	color: #444;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	outline: 0px none;
	text-transform: uppercase;
}
h2 a
{
	color: #333;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	outline: 0px none;
	text-transform: uppercase;
}
.top-nav {
background: #f5f5f5;
padding: 5px 10px 3px 17px;
font-size: 11px;
color: #888;
border-radius: 0px 0px 3px 3px
}
.top-nav a{ 
color: #777;
}

/* Jumbotrons
-------------------------------------------------- */

/* Base class
------------------------- */
.jumbotron {
  padding: 10px 0;
  color: #fff;
  text-align: center;
  background: #020031; /* Old browsers */
  background: -moz-linear-gradient(45deg,  #020031 0%, #6d3353 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* IE10+ */
  background: linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
     -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
		    background: url(../img/1.jpg) repeat center center;
			min-height: 160px;

}
.jumbotron h1 {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1;
}
.jumbotron p {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.25;
  margin-bottom: 30px;
  		  text-shadow: 0 1px 0 #000;

}

/* Link styles (used on .masthead-links as well) */
.jumbotron a {
  color:#fff;
  -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
		  border-bottom: 1px dashed #fff;
		  text-shadow: 0 1px 0 #000;
 		  
}
.jumbotron a:hover {
  color: #00aff0;
  text-decoration: none;
  		  border-bottom: 1px dashed #00aff0;

}

/* Pattern overlay
------------------------- */
.jumbotron .container {
  position: relative;
  z-index: 2;
}
.jumbotron:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../img/bs-docs-masthead-pattern.png) repeat center center;
  opacity: .4;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1) {

  .jumbotron:after {
    background-size: 150px 150px;
  }

}
/* Subhead (other pages)
------------------------- */
.subhead {
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.subhead h1 {
  font-size: 40px;
}
.subhead p {
  margin-bottom: 10px;
}
.subhead .navbar {
  display: none;
}
/*post*/
.post {
border-bottom: 1px dashed #ddd;
margin-bottom: 25px;
}
.post p {
margin-top: 25px;
margin-bottom: 25px;

}
.post h2 a{
margin-bottom: 0px;
font-size: 16px;
text-transform: uppercase;
color: #444;
}
.post h2 {
font-size: 16px;
text-transform: uppercase;
color: #444;
}
.meta-c {
font-size: 10px;
color: #777;
}

.meta {
font-size: 11px;
color: #777;
}
.meta-s {
font-size: 10px;
color: #777;
margin-top: -7px;
}
.post  img {
display:block; 
margin:7px auto 5px;
min-width: 76%;
text-align: center;
}


.date {
  padding: 5px;
  margin-right: 15px;
  background-color: #f5f5f5;
 border-right: 1px dashed #fff;
text-align: center;
color: #ccc;
font-size: 11px;
text-shadow: 0 1px 1px #fff;
}
.date h4{ 
font-size: 20px;
line-height: 2px;
}
div.wrapper
{
	position: relative;
}
div.wrapper a
{
	color: #fff;
}


div.description
{
	background-color: rgba(0, 178, 238, 0.75);
	color: white;
	font-family: 'tahoma';
	font-size: 15px;
	left: 0px;
	position: absolute;
	top: 0px;
}
div.description_content
{
	padding: 5px;
}
div.description1
{
	background-color: rgba(255, 127, 0, 0.85);
	color: white;
	font-family: 'tahoma';
	font-size: 13px;
	left: 0px;
	position: absolute;
	top: 20px;
}
div.description2
{
	background-color: rgba(238, 44, 44, 0.85);
	color: white;
	font-family: 'tahoma';
	font-size: 13px;
	left: 0px;
	position: absolute;
	top: 20px;
}
div.description3
{
	background-color: rgba(255, 215, 0, 0.85);
	color: white;
	font-family: 'tahoma';
	font-size: 13px;
	left: 0px;
	position: absolute;
	top: 20px;
}
div.description4
{
	background-color: rgba(30, 144, 255, 0.85);
	bottom: 0px;
	color: white;
	font-family: 'tahoma';
	font-size: 13px;
	left: 0px;
	position: absolute;
}
div.description5
{
	background-color: rgba(255, 20, 147, 0.85);
	color: white;
	font-family: 'tahoma';
	font-size: 13px;
	left: 0px;
	position: absolute;
	top: 20px;
}
div.description7
{
	background-color: rgba(255, 255, 255, 0.55);
	color: #ddd;
	font-family: 'tahoma';
	font-size: 13px;
	left: 0px;
	outline: none;
	position: absolute;
	top: 20px;
}
div.description7 a
{
	color: #444;
	outline: none;
}
#share42
{
	display: inline-block;
	padding: 2px 0 0 10px;
}
div.description8
{
	background-color: rgba(0, 0, 0, 0.45);
	bottom: 0px;
	color: #fff;
	font-size: 12px;
	left: 0px;
	position: absolute;
}
div.description9
{

	bottom: 0px;
	color: #fff;
	font-size: 12px;
	left: 0px;
	position: absolute;
}

.mb {

margin-bottom: 25px;
}

.side
{
	  margin-bottom: 10px;
	  margin-top: 10px;
	  width: 100%;
	  border-bottom: 1px dashed #ddd;

}
.sidec
{
	  margin-bottom: 5px;
	  margin-top: 5px;
	  width: 100%;
	  border-bottom: 1px dashed #f2f2f2;

}
.video {
padding: 15px;
text-align: center;
	  background-color: #f9f9f9;
border: 1px solid #f1f1f1;
}


.pt {
padding-top: 35px;
}
.mbb {margin-bottom: 45px;}
.sh {
  padding: 10px;
  background-color: #f5f5f5;
padding-top: 25px;
 -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.15);
 min-height:100%;
 display: table-cell;
 min-height: 100%;
 padding-bottom:    52000px;
    margin-bottom:    -52000px;
	float: left;

}

.cn {
float: left;
max-width: 990px;
}

.rate {
  background-color: #f2f2f2;
  padding: 7px;
  border-radius: 1px;
  color: #ccc;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff;
}
.mt {
margin-top: 30px;

}
.mt-s {
margin-top: 15px;

}
.sidebar-title {
text-transform: uppercase;
font-weight: bold;
margin-bottom: 15px;
margin-top: 7px;
font-size: 14px;
border-bottom: 1px dashed #ddd;
padding-bottom: 15px;
color: #888;
text-shadow: 0 1px 0 #fff;
}
.p-i image{
margin-top:
}

#footer {
min-height: 60px;
background-color: #f2f2f2;
padding: 20px 0 20px 0;
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.15);
}

.foot-line {
background: #ddd;
min-height: 24px;
font-size: 11px;
padding-top: 7px; 
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.15);
}
.foot-line a {
color: #333;
}

.pl {padding-left: 5px;}

.imgHover .hover
{
	background-color: rgba(0, 0, 0, 0.75);
	border-radius: 3px;
	color: #fff;
	display: none;
	font-size: 25px;
	font-weight: normal;
	height: 25px;
	left: 43%;
	margin: auto;
	margin-bottom: 0px;
	padding-top: 7px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	top: 40%;
	width: 35px;
	z-index: 2;
}
.hover a
{
	color: #fff;
	outline: none;
	text-decoration: none;
}
#share42 {display: inline-block; }
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}


ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;    
}

a.menu:after, .dropdown-toggle:after {
  content: none;
}
.addcomm-editor {padding-bottom: 10px;}
.addcomm-editor div:first-child {display: none;}
.addcomm-editor .editor {width: 100% !important;}
.addcomm-editor textarea {background: #fff !important; width: 98% !important; height: 90px !important; padding: 10px 1% !important; color: #000 !important;}
#ads-top {
	text-align: center;
}
.ads-close {text-align: right; clear: both; cursor: pointer; opacity: 0.3; font-size: 24px;}
.ads-close:hover {opacity: 1;}
.ads-close::before {content: "\274C"}