/* =============================================================================
   General Styles for main all content
   ========================================================================== */
* {
  box-sizing: border-box;
}
html,body{
  height:100%;
}
body,h1,h2,h3,h4,h5,p{
  color:#333;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
body{
	padding: 0;
    margin:auto;
	line-height: 1.4;
	color:#333;
	text-align: left;
	background-color: #f1f1f1;
	/*background-color:  #fafafa;#5c6a88;*/
	transition: background 0.2s linear;
	font-family:"Times New Roman",Helvetica,Arial,sans-serif;
	font-size:18px;
    position: relative;
    width:100%;
    display: flex;
    flex-direction: column; 
	background-image:url('assets/image/background.png');	
}
body.dark {
	background:rgba(0%, 0%, 0%, 70%); /*#292C35;#5c6a88;*/
	color:#ffffff;
}

a{
text-decoration:none;
}

h3{
display:inline;
font-size:1em;
}
h2{
font-size:1.4em;
}
h1{
display:inline;
font-size:1.5em;
}
.clearfix::after{
  content:'';
  display: block;
  clear: both;
}
.btnreadmore{
  padding: .5rem 1rem;
  background-color: #EDBD11;
  color: black;
  border: 14px solid transparent;
  border-radius: .25rem;
}
.btnreadmore:hover{
  color: white !important;
  background-color: #EDBD11;
  text-decoration:none;
}
/*main page wrapper*/
.contentwrapper{
    min-height:100%;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;	
    color: #333;
	/*background-color:#f1f1f1;
    background-image:url("assets/image/background.png");*/
   }
.logo {
	background:#086c7485;
	height: 145px;
	border: 1px solid #D8DFEA;
}
.logomobile {
	background: #0E7D92;/*#3B5998 ;*/
	height: 130px;
	border: 1px solid #D8DFEA;
}
/*class for help menu mm*/
.mm{
	color:orange;
}
.singlehr{
	height:4px;
	color:#333;
	font-weight:bold;
}
.btn{
	display:inline-block;
	padding:6px 12px;
	text-transform: uppercase;
	margin-bottom:0;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	cursor:pointer;
	border:1px solid transparent;
	border-radius:4px;
	-webkit-user-select:none;
	-moz-user-select:none;
}

.btn:focus{
	outline:thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px
}

.btn:hover,.btn:focus{
	color:#333;
	text-decoration:none
}

.btn:active,.btn.active{
	background-image:none;
	outline:0;
	-moz-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)
}
#main{
	width:100%;
	display:none;
	top:0;
	left:0;
	position:fixed;
	z-index:1050;
	height:100%;
	overflow:hidden;
	outline:0;
	background-color:rgba(0, 0, 0, 0.6);
}
#pop-up{
	text-align:center;
	width:400px;
	min-height:240px;
	box-sizing:border-box;
	position:fixed;
	border:2px solid black;
	top:45%;
	left:50%;
	transform:translate(-50%, -50%);
}
#pop-up form{
	width:380px;
	margin-left:10px;
}
.pop-up-submit{
    float:right;
	font-size: 1.1rem;
	font-family: 'lora', serif;
	padding: .7rem 1.2rem;
	line-height: 1.2rem;
	background-color:orange;
	color: black;
	cursor:pointer;
	border:1px solid transparent;
	border-radius: .25rem;
  }
 .pop-up-submit:hover{
  color:white;
  opacity:0.6;
  }
  .pop-up-close{
  position: absolute;
  right: 5px;
  top: -10px;
  cursor:pointer;
  font-size: 40px;
  font-weight: bold;
  color: #f1f1f1;
}
.pop-up-close:hover,
.pop-up-close:focus {
  color: #f44336;
  cursor: pointer;
}
/* Style the tab */
.sidebarmenu {
  overflow: hidden;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.sidebarmenu button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.5s;
  font-size: 18px;
}

/* Change background color of buttons on hover */
.sidebarmenu button:hover {
  background-color: #ddd;
  padding: 14px 16px 16px 16px;
}

/* Create an active/current tablink class */
.sidebarmenu button.active {
  background-color: #ffffff;
  border-top:4px solid #0E7D92;
}
.sidebarmenu button.active:hover {
  padding: 14px 16px;
  }
/* Style the tab content */
.sidebarcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}
/*archives css*/
.archivescollapsible.detailes {
  background-color: #f1f1f1;
  color: black;
  cursor: pointer;
  padding: 20px 0px 20px 10px;
  width: 100%;
  font-weight:bold;
  border:2px solid #ffffff;
  text-align: left;
  outline: none;
  font-size: 18px;
  transition: all .3s;
  font-family:"Times New Roman",Helvetica,Arial,sans-serif;
	
}
.active, .archivescollapsible.detailes:hover {
  background-color:#ffffff ;
  color:#EDBD11;
  padding-left: 25px;
  transition: all .3s;
}

.archivescollapsible {
  background-color: #ffffff;
  color: black;
  cursor: pointer;
  padding: 20px 0px 20px 10px;
  width: 100%;
  font-weight:bold;
  border:1px solid #f1f1f1;
  text-align: left;
  outline: none;
  font-size: 18px;
  transition: all .3s;
  font-family:"Times New Roman",Helvetica,Arial,sans-serif;
	
}
.active, .archivescollapsible:hover {
  background-color: #f1f1f1;
  color:#EDBD11;
  padding-left: 25px;
  transition: all .3s;
}

.archivescollapsible:after {
  content: '\02C5';
  color: green;
  font-weight: bold;
  float: right;
  font-size: 26px;
  margin-left: 5px;
  margin-right:10px;
}

.archivescollapsible.active:after {
  content: "\02C4";
  color: red;
  font-weight: bold;
  font-size: 26px;
}

.archivescontent {
  padding: 0 18px;
  color:black;
  max-height: 0;
  min-width:30%;
  overflow: hidden;
  border:1px solid #f1f1f1;
  transition: max-height 0.2s ease-out;
  background-color: #ffffff;
}
.archivescontent .month{
	background-color:#ffffff;
	padding:15px;
	margin:2px 0 2px 0px;
	border:1px solid #d3d3d3;
	transition: all .3s;
}
.archivescontent .month:hover{
	color:blue;
	cursor:pointer;
	background-color:#d3d3d3;
	padding-left: 25px;
    transition: all .3s;
	box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
	-moz-box-shadow:0 0 2px 1px rgba(0, 140, 186, 0.5);
	-webkit-box-shadow:0 0 2px 1px rgba(0, 140, 186, 0.5);
}

/*//archives css*/
.nav {
    border-bottom: 0px solid #EAEAEB;
    text-align: right;
    height: 65px;
    line-height: 60px;
	background:  #0E7D92;/*#3B5998;*/
}
.menu {
    margin:auto;
	float:left;
}
.menu a {
    clear: both;
    text-decoration: none;
    color: #ffffff;
    margin: 0 10px;
    line-height: 70px;
	font-size:18px;
	font-weight:bold;
	padding:24px 15px 20px 15px;
}
.menu a:hover
{
background:#0F3158;
padding:24px 15px 20px 15px;
}
.menu  a.active { 
	background:#20B2AA; 
	padding:24px 15px 20px 15px;
}
label 
{
    margin:0;
    height: 34px;
	width:60px;
	text-align:center;
    float: right;
    display: none;
}
img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
  -moz-box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
#tocontent {
  display: none;
  position: fixed;
  bottom:-10px;
  right: -10px;
  z-index: 99;
  font-size: 18px;
  outline: none;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius:5%;
}
#toggle {
    display: none;
}
.textbox {
    display: none;
}
/*slide css for home page*/
/*post slider*/
.post-slider{
	position:relative;
}
a {
	text-decoration:none;
	color:inherit;
}
.post-slider .slider-title{
text-align:center;
font-size:28px;
font-weight:bold;
padding:15px;
margin:10px auto;
color:#0c4723;	
}
.post-slider .post-wrapper{
	width:85%;
	height:auto;
	margin:0px auto;
	overflow:hidden;
	padding:10px 0px 10px 0px;
}
.post-wrapper a:hover{
	text-decoration:underline;
}
.post-wrapper img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
  -moz-box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
  border: 1px solid #006768;
}
.post-slider .next{
	position:absolute;
	top:100%;
	color:#006768;
	font-size:2em;
	right:30px;
	cursor: pointer;
	background-color:transparent;
}
.post-slider .prev{
	position:absolute;
	top:100%;
	color:#006768;
	font-size:2em;
	left:30px;
	cursor: pointer;
	
}	
.post-slider .post-wrapper .post{
	display:inline-block;
	width:350px;
	height:auto;
	margin: 0 5px;
    background-color:white;
    border-radius:5px;
    box-shadow:1rem 1rem 1rem 1rem inherit;
	-moz-box-shadow:1rem 1rem 1rem 1rem inherit;
	-webkit-box-shadow:1rem 1rem 1rem 1rem inherit;
	transition: 1s;
}
.post-slider .post-wrapper .post:hover{
	    transform: scale(1.05);
        box-shadow:1rem 1rem 1rem 1rem inherit;
	   -moz-box-shadow:1rem 1rem 1rem 1rem inherit;
	  -webkit-box-shadow:1rem 1rem 1rem 1rem inherit;
	  z-index: 99;
}
.post-slider .post-wrapper .post .post-info{
height:auto;
margin-top:-30px;
}
.post-slider .post-wrapper .post .post-info .readmoretrend{
  position: static;
  display:block;
  margin-bottom:0px;
  float:right;
  right: 0px;
  color: #0000EE;
  text-align:center;
  padding: .6rem .6rem;
  border-radius: .25rem;
  background-color: transparent;
}
.post-slider .post-wrapper .post .post-info .readmoretrend:hover{
  border:2px solid rgb(245, 193, 8);
  text-decoration:none;
  font-weight:bold;
}
.post-slider .post-wrapper .post .post-info a{
padding:15px 0 0 10px;
}
.post-slider .post-wrapper .post .post-info h4{
color:#0000EE;
}
.post-slider .post-wrapper .post .post-info a:visited {
  color:#551A8B;
}
.post-slider .post-wrapper .post .post-info a:visited:hover{
color:#FF0000;
}
.post-slider, .post-wrapper, .post, .slider-image{
width:100%;
height:250px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
.post-slider .post-wrapper .post .post-info .text .sliderimgicon {
  float: left;
  margin-left: 10px;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  border: 1px solid #8a7c05;
}
/*related post css*/
.post-main-content .related-post-container{
		width: 100%;
		padding: 5px;
		float:left;
		color:black;
		margin: 40px auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

.related-post-container .related-post{
		width: 350px;
		min-height: 250px;
		padding:5px;
		background: rgba(44, 62, 80, 0.01);
		box-shadow: -2px 4px 4px 2px rgba(44, 62, 80, 0.1);
		margin: 0px 5px;
        transition: 1s;

	}
.related-post:hover{
		transform: scale(1.3);
		background: rgba(44, 62, 80, 0.6);
		z-index: 2;
		box-shadow: 2px 2px 2px inherit;
	}
.related-post-container .related-post .recent-post-images{
  width: 240px;
  height: 200px;
  float: left;
}
.related-post-container .related-post .circle{
  float: left;
  margin: 0;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  border:1px solid #8a7c05;
}
.related-post-container .related-post a{
  color:#0000EE;
}
.related-post-container .related-post a:hover{
  text-decoration:underline;
}
.related-post-container .related-post a:visited{
    color:#551A8B;
}
.related-post-container .related-post a:visited:hover{
color:#FF0000;
}
.related-post-container .related-post .readmore{
  position: relative;
  bottom: -4px;
  float:right;
  right: 0px;
  padding:2px;
  text-align:center;
  border:1px solid rgb(245, 193, 8);
  background-color: transparent;
  border-radius: 5%;
  color:blue !important;
}
.related-post-container .related-post .readmore:hover{
	border:0px solid rgb(245, 193, 8);
  /*text-decoration:none;*/
}
/*recent post design content*/
.category
{
  margin-left:-286px;
  padding: .5rem 1rem;
  position:static;
  border-top-left-radius:5%;
  border:2px solid  #EDBD11;
  background-color:inherit;
  opacity:0.5;
  color:#333 !important;
  border-radius: .25rem;
  cursor:pointer;
}
.post-container .post-main-content .recent-post .category:hover{
  background-color: #EDBD11;
  color: white !important;
  transition: all .3s;
}
.post-container{
  width: 90%;
  margin: 260px auto 30px;
}
.post-container_filtered{
  width: 90%;
  margin: 10px auto 30px;
}
.post-container .main-post{
  width: 90%;
  margin: 0px auto 30px;
}
.post-container.single{
  margin: 10px auto 30px;
}
.post-container .post-main-content{
  width: 70%;
  float:left;
}
.post-container .post-main-content .post-preview .text.main-blog img{
 margin-left: 10px;
}
.post-container .post-main-content.single{
  background-color: white;
  margin:20px auto 30px;
  padding: 20px 50px;
  text-align:left;
  font-size: 1.1rem;
  border-radius: 5px;
}
.post-container .post-main-content.single .single-post-title{
  text-align: center;
  margin-bottom: 40px;
  font-weight: bold;
}
.post-container .single-popular-post .popular-post{
border-top: 1px solid gray;
color:black;
font-weight: bold;
margin-top: 10px;
padding-top: 10px;
}
.post-container .single-popular-post .popular-post a{
  color:#0000EE;
}
.post-container .single-popular-post .popular-post a:hover{
  text-decoration:underline;
}
.post-container .single-popular-post .popular-post a:visited{
    color:#551A8B;
}
.post-container .single-popular-post .popular-post a:visited:hover{
color:#FF0000;
}
.post-container .single-popular-post .popular-post img{
  width: 75px;
  height: 70px;
  float: left;
  margin-right: 10px;
  }
.post-container .post-main-content .recent-post{
  width: 100%;
  min-height: auto;
  margin: 20px auto;
  border-radius: 5px;
  background-color: white;
  position: relative;
  box-shadow: -8px 4px 5px 2px rgba(0, 0, 0, 0.2);
 -moz-box-shadow: -8px 4px 5px 2px rgba(0, 0, 0, 0.2);
 -webkit-box-shadow: -8px 4px 5px 2px rgba(0, 0, 0, 0.2);
 
}
.post-container .post-main-content .recent-post .readmore{
  position: absolute;
  bottom: 0px;
  right: 0px;
  text-align:center;
  border:1px solid rgb(245, 193, 8);
  background-color: transparent;
  border-radius: 0px;
color:#333 !important;
}
.post-container .post-main-content .recent-post .readmore:hover{
  background-color: #EDBD11;
  color: white !important;
  transition: all .6s;
  font-weight:bold;
  text-decoration:none;
}
.post-container .post-main-content .recent-post .recent-post-images{
  width: 30%;
  height:300px;
  float: left;
}
.post-container .post-main-content .recent-post .post-preview{
  width: 70%;
  float: right;
  height: auto;
  padding: 10px;
}

.post-container .post-main-content .recent-post .post-preview.main{
  width: 60%;
  float: right;
  padding: 10px;
}
.post-container .post-main-content .recent-post .post-preview .circle {
  float: left;
  margin: 0;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  border: 1px solid #8a7c05;
}
.post-container .post-main-content .recent-post .post-preview .text{
	margin-left:0px;
	font-size:13px;
	color:gray;
	font-family:Lucida Handwriting;
}
.post-container .post-main-content .recent-post-title{
	font-weight:bold;
	display:flex;
	flex-direction:row;
	color:black;
}
.post-container .post-main-content .recent-post-title:before, 
.post-container .post-main-content .recent-post-title:after {
	content: "";
	flex: 1 1;
	color:black;
	border-bottom:4px solid black;
	margin:auto;
}
.post-container .post-main-content .post-preview h1{
color:#0000EE;
}
.post-container .post-main-content .post-preview a:hover{
  text-decoration:underline;
}
.post-container .post-main-content .post-preview a:visited {
  color:#551A8B;
}
.post-container .post-main-content .post-preview a:visited:hover{
color:#FF0000;
}
.post-container .post-sliderbar{
  width: 30%;
  float: left;
  padding: 20px;
}
.post-container .post-sliderbar.single{
  padding: 0  0 0 10px;
}
.post-container .post-sliderbar .section{
  background-color: white;
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.post-container .post-sliderbar .section span{
 line-height:50px;
}
.post-container .post-sliderbar .section .section-title{
margin: 10px 0px 10px 0px;
font-weight: bold;
}
.post-container .post-sliderbar .section.topics  ul{
margin: 0px;
padding: 0px;
list-style: none;
border-top: 1px solid gray;
}
.post-container .post-sliderbar .section.topics  ul li a{
  border-bottom: 1px solid gray;
  display: block;
  font-weight: bold;
  color: black;
  padding: 15px 0px 15px 0px;
  transition: all .3;
}
.post-container .post-sliderbar .section.topics  ul li a:hover{
  padding-left: 20px;
  transition: all .3s;
  color: #EDBD11;
  background-color:#f1f1f1;
}
.post-container .post-sliderbar .section.search{
  margin-top: 30px;
}

/*recent post design content end*/
.icon-bar {
  position: fixed;
  display:none;
  top: 70%;
  margin-left:-8%;
  z-index:97;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
	font-weight: bold;
	width: 70px;
	font-size: 40px;
	text-decoration:none;
    background-color: #24ff3a;
}
#buttonhideshareicon {
  position:absolute;
  display:block;
  top: 260px;
  margin-left: -8%;
  padding: 5px;
  z-index:99;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.shareicon {
  background: #3B5998;
  color: white;
  display: block;
  font-weight: bold;
  text-align: center;
  padding: 0px;
  transition: all 0.3s ease;
}
.facebook {
  background: #3B5998;
  color: white;
}
.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}
.instagram {
  background: #FF7F50;
  color: white;
}
.youtube {
  background: #bb0000;
  color: white;
}
.email {
  background: #D44638;
  color: white;
}
.whatsapp {
  background: #11BB17;
  color: white;
}
.flicker {
  background: #0063DC;
  color: white;
}
.skype {
  background: #28A8EA;
  color: white;
}
.share {
  background: #0a571d;
  color: white;
  padding:10px;
}
.facebook ,
.twitter ,
.linkedin,
.instagram,
.google,
.skype,
.whatsapp
{
	line-height: 15px;
} 
.facebook:hover ,
.twitter:hover ,
.linkedin:hover,
.instagram:hover,
.google:hover,
.skype:hover,
.whatsapp:hover
{
border: 1px solid green;
border-radius:20%;
transition: all .6s ease;
}
.photo {
	 float: left;
  padding: 0px 12px;
  border-left: none;
 min-height: 300px;
 margin-top:0px;
  margin-left:0px;
  background-color:#FFFFFF;
}
.profile_info img {
	display: inline-block; 
	width: 110px; 
	height:80px; 
	float: left;
	border:2px solid black;
}
.profile_info:after {
	content: "";
	display: block;
	clear: both;
}
.error {
  width: 100%; 
  margin: 0px auto; 
  padding: 10px; 
  border: 1px solid #a94442; 
  color: #a94442; 
  background: #f2dede; 
  border-radius: 5px; 
  text-align: left;
}
.success {
  color: #3c763d; 
  padding: 10px; 
  background: #dff0d8; 
  border: 1px solid #3c763d;
  margin-bottom: 20px;
}
.message {
	width: 100%; 
	margin: 0px auto; 
	padding: 10px 0px; 
	font-weight: bold;
	color: #3c763d; 
	background: #dff0d8; 
	border: 1px solid #3c763d;
	border-radius: 5px; 
	text-align: center;
}
.validation_errors p {
	text-align: left;
	margin-left: 10px;
}
.logged_in_info {
	text-align: right; 
	padding: 10px;
}
/* sign up 
input[type="search"]{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

input[type="radio"],input[type="checkbox"]{
	margin:4px 0 0;
	margin-top:1px \9;
	line-height:normal
}

input[type="file"]{
	display:block
}

select[multiple],select[size]{
	height:auto
}

select optgroup{
	font-family:inherit;
	font-size:inherit;
	font-style:inherit
}

input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{
	outline:thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px
}

input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{
	height:auto
}

input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{
	cursor:not-allowed
}
Full-width input fields */
.post-sliderbar .section .subscribe{
    float:right;
	font-size: 1.1rem;
	font-family: 'lora', serif;
	padding: .7rem 1.2rem;
	line-height: 1.2rem;
	background-color:orange;
	color: black;
	cursor:pointer;
	border:1px solid transparent;
	border-radius: .25rem;
  }
  .post-sliderbar .section .subscribe:hover{
  color:white;
  opacity:0.6;
  }
  .post-container .post-main-content.single .download{
    font-size: 1.1rem;
	font-family: 'lora', serif;
	padding: .7rem 1.2rem;
	line-height: 2.5rem;
	float:center;
	background-color:orange;
	color: black;
	cursor:pointer;
	border:1px solid inherit;
	border-radius: .25rem;
  }
  .post-container .post-main-content.single .download:hover{
  color:white;
  opacity:0.6;
  }
select {
  padding:6px;
  width:100%;
  height: 50px;
  font-size:15px;
  border-radius:2px;
  border:1px solid green;
  }

input[type=text], input[type=search], input[type=password],input[type=email],input[type=textarea] {
  width: 100%;
  height:50px;
  padding: 15px;
  margin: 0 0 22px 0;
  display: inline-block;
  border: 1px solid green;
  background: #f1f1f1;
}
/* Add a background color when the inputs get focus */
input[type=text]:focus, input[type=search]:focus, input[type=password]:focus,input[type=email]:focus,input[type=textarea]:focus {
  background-color: #ddd;
  border: 2px solid #eef211;
  outline: none;
}  
#passwordmatch {
  display:none;
  background: #4CAF50;
  color: #3c763d;
  position: relative;
  padding: 20px;
  margin-top: 10px;
}
#passwordnotmatch {
  display:none;
  background:#f2dede;
  color: #333;
  border: 1px solid #a94442;
  font-weight:bold;
  position: relative;
  padding: 14px 15px;
  margin-top: 0px;
}
.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  height:50px;
}
.input-container-search {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  height:50px;
}
.icon {
  padding: 10px;
  background: orange;
  color: white;
  min-width: 50px;
  text-align: center;
}
.searchicon {
  font-size:28px;
  background: green;
  cursor:pointer;
  color: white;
  text-align: center;
} 
.icontextbox {
  background: green;
  color: white;
  min-width: 50px;
  height:100px;
  text-align: center;
}
.textareapost{
height: 100px;
width: 100%;
padding:0px;
border: 1px solid green;
margin-top:0px;
}
/* Set a style for all buttons */
#button {
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  opacity: 0.9;
}
#buttonc {
  background-color: #f44336;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  opacity: 0.9;
}
#button:hover, #buttonc:hover {
  opacity:0.6;
  color:black;
}
/* Extra styles for the cancel button */
.cancelbtn {
  padding: 14px 20px;
  background-color: #f44336;
}
.logincancel {
  padding: 14px 20px;
  background-color: #f44336;
}
.loginbut {
  padding: 14px 20px;
  background-color: #f44336;
}
.loginbut {
  float: right;
  width: 40%;
}
 .logincancel {
  float: left;
  width: 40%;
}
/* Float cancel and signup buttons and add an equal width */
.cancelbtn, .signupbtn {
  float: left;
  width: 50%;
}
/* Add padding to container elements */
.container {
  padding: 16px;
}
/* The Modal (background) */
.modalsignup {
  display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999999; /* Sit on top */
  left: 0;
  top: 0px;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  /*background-color:#474e5d;background-image:url(image/background.jpg);*/
  padding-top: 0px;
}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  /*background-color:#474e5d;background-image:url(image/background.jpg);*/
  padding-top: 40px;
}
/* Modal Content/Box */
.modal-content {
  background-color:transparent;
  margin: 5% auto 1% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 2px solid #888;
  width: 50%; /* Could be more or less, depending on screen size */
}
.modal-contentloginform {
  background-color:transparent;
  margin: 0% auto 1% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 2px solid #888;
  width: 48%; /* Could be more or less, depending on screen size */
}
/* The Close Button (x) */
.close {
  position: absolute;
  right: 35px;
  top: 20px;
  font-size: 40px;
  font-weight: bold;
  color: #f1f1f1;
}
.close:hover,
.close:focus {
  color: #f44336;
  cursor: pointer;
}
/*close menu*/
#display{
	display:none;
}

/* Clear floats */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
/*password hide/show*/
.eyes{
margin-top:20px;
margin-left:-25px;
color:#333;
}
#hide1{
	display:none;
}
span #hide1, #hide2{
	cursor:pointer;
}
#hide11{
	display:none;
}
span #hide11, #hide21{
	cursor:pointer;
}
#hidelogin2{
	display:none;
}
span #hidelogin2, #hideloginconfirm{
	cursor:pointer;
}
/*this is for privacy and term css */
.tooltip {
  position: relative;
  font-size:20px;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 100%;
  height:420px;
  background-color: #f1f1f1;
  color: #333;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: -3%;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #f1f1f1 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.navigation1 {
	height:31px;
	background: #004566; 
	padding: 4px;
	font-size: 13px;
	font-weight: bold;
}
.navigation1 a:link, .navigation1 a:visited {
	text-decoration: none;
}
.navigation1 a:hover, .navigation1 a:active {
	text-decoration: none;
	background:#1E90FF;
}
.navigation1 .active {
	font-size: 13px;
	font-weight: bold;
}


@media print{
	*{
		color:#000!important;
		text-shadow:none!important;
		background:transparent!important;
		box-shadow:none!important
	}

	a,a:visited{
		text-decoration:underline
	}

	a[href]:after{
		content:" (" attr(href) ")"
	}


	a[href^="javascript:"]:after,a[href^="#"]:after{
		content:""
	}

	pre,blockquote{
		border:1px solid #999;
		page-break-inside:avoid
	}

	thead{
		display:table-header-group
	}

	tr,img{
		page-break-inside:avoid
	}

	img{
		max-width:100%!important
	}
	p,h2,h3{
		orphans:3;
		widows:3
	}

	h2,h3{
		page-break-after:avoid
	}

	select{
		background:#fff!important
	}
.top{
margin-left:75%;
margin-right:40px;
margin-top:-110px;
font-size:30px;
font-style:bold;
}
	.navbar{
		display:none
	}

	.table td,.table th{
		background-color:#fff!important
	}

	.table{
		border-collapse:collapse!important
	}

	.table-bordered th,.table-bordered td{
		border:1px solid #ddd!important
	}

}
/*all media query*/
@media only screen and (min-width: 934px) and (max-width: 1172px) 
{
.post-sliderbar .text-input.search{
    width: 70%;
  }
}
@media only screen and (min-width: 600px) and (max-width: 1400px) 
{
.post-container .post-main-content{
    margin-top: 5px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 1400px) 
{
.post-slider .post-wrapper{
	height:auto;
}
}
@media only screen and (min-width: 801px) and (max-width: 900px) 
{ 
.category
{
 margin-left:-30%;
}
}
@media only screen and (min-width: 900px) and (max-width: 1485px) 
{ 
.category
{
 margin-left:-30%;
  border-top-left-radius:2%;
}
}
@media only screen and (max-width: 600px)
{
.category.home
{
 margin-left:-100%;
 border-top-left-radius:2%;
}
.post-container.single{
  margin: 50px auto 30px;
}
}
@media only screen and (min-width: 320px) and (max-width: 934px) 
{ 
.post-container .post-main-content{
    width: 100%;
    padding: 20px;
  }}
@media only screen and (min-width: 320px) and (max-width: 800px) 
{ 
.category
{
 margin-left:-30%;
}

  .post-container{
    width: 95%;
  }
  .post-container .post-main-content.single{
    background-color: white;
    margin:5px auto 20px;
    padding: 5px  20px;
  }
  .post-container .post-sliderbar{
    width: 100%;
    padding: 10px;
  }
  .post-slider .next{
	font-size:1.5em;
	right:0px;
	top:100%;
}
.post-slider .prev{
	font-size:1.5em;
	left:0px;
    top:100%;	
}
  .post-container .post-sliderbar .section.search{
    margin-top: 0px;
  }
}
@media only screen and (max-width: 600px) 
{
  .post-container .post-main-content .recent-post{
    width: 100%;
    margin: 20px auto;
    border-radius: 5px;
    position: relative;
	 box-shadow: -2px 4px 10px 4px rgba(0, 0, 0, 0.2);
	 -moz-box-shadow: -2px 4px 10px 4px rgba(0, 0, 0, 0.2);
	 -webkit-box-shadow: -2px 4px 10px 4px rgba(0, 0, 0, 0.2);
  }
  .post-container .post-main-content .recent-post .recent-post-images{
    width: 100%;
    height: 350px;
	border-top-left-radius:2%;
	border-top-right-radius:2%;
  }
  .post-container .post-main-content.single{
    margin:-35px auto 30px;
  }
  .post-container .post-main-content .recent-post .post-preview{
    width: 100%;
  } 
   .post-container .post-main-content .recent-post .recent-post-images.post{
    width: 30%;
    height:300px;
	padding-bottom:0px;
  }
  .post-container .post-main-content .recent-post .post-preview.post{
    width: 70%;
    min-height: 300px;
	margin-top: -20px;
	padding-top:25px;
  }	
.post-sliderbar .section .subscribe{
  width: 100%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 796px) 
{ 
h2{
  font-size:20px;
}
   .tocontent {
    width:40px;
    height:50px;
	right:0;
    }
 .gototop_image1{
   height:50px;
   width:40px;
   }
   .imagecontact{
   height:250px;
   width:250px;
   }
	label {
        display: block;
        cursor: pointer;
		font-size: 45px;
		font-weight:bold;
		color:#ffffff;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
	    background-color:transparent;
    }
	label:hover, label:focus {
		color:#333;
	    /*background-color:#EDBD11;*/
    }
	#display{
	display:block;
   }
  .closemenu {
  position: absolute;
  right: 10px;
  top: 5px;
  color:red;
  font-size: 28px;
  font-weight: bold;
  color: #ffffff;
  padding:5px 5px 5px 5px;
}
.closemenu:hover,
.closemenu:focus {
  color: #f44336;
  cursor: pointer;
  border:none;
  padding:5px 5px 5px 5px;
}
	.nav{
    height: 70px;
    line-height: 30px;
	border-bottom: 0px solid #EAEAEB;
	width:100%;
	background-color:transparent;
	float: right;
	top: 50px;
	overflow: hidden;
    position: fixed;
    z-index:99;
	}
    .menu {
        text-align:left;
        width: 100%;
		height:100%;
		background: #474e5d;
        display: none;
		margin-top:-8px;
		line-height:40px;
		transition: 0.8s;
	    position:fixed ! important;
		border-bottom: 1px solid #EAEAEB;
		border-right: 1px solid #EAEAEB;
		border-top: 1px solid #EAEAEB;
    }
    .menu a {
        display: block;
        border-bottom: 1px solid #3B5998;
        margin: 0;
		padding:2px 10px 2px;
    }
	.menu a:hover
   {
    background:#0F3158;
	padding:2px 10px 2px;
   }
  .menu  a.active 
  { 
	background:#008080; 
	padding:2px 10px 2px;
   }
   .imagelogin
   {
   height:150px;
   }
   .logoimagesize
   {
	 height:60px;  
   }
    .logoimagesize1
   {
	 height:70px;  
   }
    .logoimagesize2
   {
	 height:50px;  
   }
   #toggle:checked + .menu 
	{
		display: block;
		transition: 0.6s;
		overflow: auto;
		overflow-y: auto;
		z-index:99999;
     }
}
/* Change styles for cancel button and signup button on extra small screens */
@media screen and (max-width: 800px) {
.modal-content {
  width: 90%; /* Could be more or less, depending on screen size */
}
.modal-contentloginform {
  width: 98%; /* Could be more or less, depending on screen size */
}
  .cancelbtn, .signupbtn {
     width: 50%;
  }
  .loginbut {
  float: right;
  width: 50%;
}
 .logincancel {
  float: left;
  width: 50%;
}
}
@media only screen and (max-width: 800px) 
{
	div #container2
	{
	width:100%;
	}
	div imges{
		width:32%;
		height:20%;
	}
	.icon-bar {
     width:10%;
     top: 51%;
	   margin-left:-6.75%;
}
#buttonhide {
  top: 10.5%;
 }
  .icon-bar a {
  font-size: 13px;
  text-align: center;
}
.icon-bar a:hover 
{
	width: 50px;
	font-size: 20px;
}
/*contact social media hide/show div*/
#buttonhideshareicon {
  top: 140px;
  padding: 2px;
}
}

/*end of media query*/