body{
	max-width: 920px; border:1px solid;
}
div {
	margin: 0px;
	padding: 0px;
}
@-o-viewport {
	width: device-width;
}
/* a.navbutn {
	display:block;  height: 3em; float: right; background-color:#DCDCDC;  padding: 1em; margin-right:1em; text-align: center; line-height: 2.5;
}
a.navbutp {
	display:block;  height: 3em; float: left; background-color:#DCDCDC; padding: 1em; margin-left:1em; text-align: center; line-height: 2.5;
} */

.pub-logo-preview {
	max-width: 100%;
}


a.navbutn{
	background: none repeat scroll 0% 0% rgb(33, 36, 37);
	margin: 10px 1px;	
	margin-right: 1em;	
	width: 100px;
	text-align: center;
	color: white !important;
	padding: 5px;
	border-radius: 0px 50px 50px 0px;
	float: right;
}
a.navbutn:hover{
	background:#004E7E;
}
a.navbutp{
	background: none repeat scroll 0% 0% rgb(33, 36, 37);
	margin: 10px 1px;
	margin-left: 1em;	
	width: 100px;
	text-align: center;
	color: white !important;
	padding: 5px;
	border-radius: 50px 0px 0px 50px;
	float: left;
}
a.navbutp:hover{
	background:#004E7E;
}


.anav {
	display:inline-block; background-color:#DCDCDC; margin: .2em; padding: .5em;
}
select, input[type=text], textarea{
	width: 80%;
	max-width: 25em;
	height: 2em;
}
textarea{
	height: 20em;
}
a.navbutn:hover {
	background-color:#A8A8A8  ;
}
a.navbutp:hover {
	background-color:#A8A8A8  ;
}
.sharebox {
background-color: rgb(245, 250, 252); padding: 1em;
}
.wallicon_holder {
	text-align:center; line-height:0px; padding: 0px; margin:0px;
}
.wallicon {
	margin:1px;
	max-width:33%;
}
.wallicon_ad {
	
	max-width: 100%;
	display:block;
	padding-top: 1em;
	padding-bottom: 1em;
}
.oddrow {
	padding: 5px;
  	BACKGROUND-COLOR: #fff;
	border-bottom:1px solid #000;
}
.evenrow {
	padding: 5px;
  	BACKGROUND-COLOR: #fff;
	border-bottom:1px solid #000;
}
.menu {
	padding: 8px;
  	BACKGROUND-COLOR: #DCDCDC	 ;
	border-bottom:1px solid #000;
}
.subd {
	color:#585858;
	font-size:0.7em;
}
.border {
	border: 1px solid #000;
}
.nav {
	padding: 5px;
	background-color:#000; color:#ccc; 
}
.cenpc {
	padding: 0px;
	text-align: center;
}
.cenpc img {
	max-width: 100%;
	height: auto;
}
.nav a{color: #ccc;}
.nav a:visited {color: #ccc;}
div.title, h1, h2 {
	padding: 5px;
	margin:0;
	color: #fff;
	font-size: 1.5em;
	/* text-shadow: 1px 1px #ccc; */
	background-color: #000;
	text-align:center;
	font-weight:bold;
	border-bottom: 1px solid #e0eee0;


}
.tagline{
	font-size:1.2em;
	font-weight:400;
	padding: 1em;
}
div.child {
	padding: 5px;
	background-color: #fff ;
	border-bottom:1px solid #000;
}

a {
	color: #336699;
	text-decoration: none;
}
a:hover {text-decoration: underline;}

a:visited {color: #336699;}


hr            {
  border:0;
  height: 0;

}
.error {
	border: 1px solid rgb(255, 0, 0);
	margin: 6px;
	padding: 6px;
	color:rgb(255, 0, 0);
	background-color: #FCDEDE;
}
.success {
	border: 1px solid rgb(0, 255, 0);
	margin: 6px;
	padding: 6px;
	color:#009900;
	background-color: #CCFFCC;
}
img{
	border: 0px;
}
.main {

	text-align: center;

}
small{
font-size:12px;
}
div.claus {
	padding: 8px;
	background-color: #fff;
	/* border-bottom:1px solid #000; */
}


body{
	font-family:Sans-serif; margin:0px;padding:0px; font-weight:400; width: 100%;
	color:#25383C;
	font-size: 0.82em;
	line-height:1.8;
	
	margin-left: auto;
	margin-right: auto;

	}
.italicised{
	font-style:italic;
	font-size:small;
	color: #000000;
}
.blink{
	text-decoration:blink;
}

input, textarea, option{
	margin-top: 1px;
	margin-bottom: 1px;
	background-color: #fff;
	
	border-color:#ccc;
}

.itemselected img {

    /* opacity: 0.5; */
    filter: brightness(70%);
}
.itemunselected img {
	opacity: 1;
}

/* Admin */
.admin_item {
	display:inline-block; 
	/* width: 475px;  */
	max-width:100%;
	/* height:500px; */
}
.admin_item textarea, .admin_item input, .admin_item select {
	width: 95%;
}

.admin_item textarea {
	height: 10em;
}
.admin_item .selectcheckbox {
	display: none;
}
.admin_item_control {
	display: block;
	width: 100%;
}
.admin_itemcontrols {
	margin-left: 2px;
	/* width: 30%; */
}
.admin_itemimage {
	/* width: 70%; */
	float: left;
}
.admin_wallicon {
	max-width:100%;
	width: 240px;
}
/* /admin */


.top_order_bar{
	text-align: right;
	margin: 1em;
}
.top_order_bar select{
	width: 15em;
}

.deviceSearchBox {
	width: 300px !important;  font-size: 2em; padding:5px; background-color: rgb(231, 227, 227);
}
#livesearch{
	border: 1px solid #A5ACB2;
	padding: 5px;
	text-align: left;
	width: 300px;
	display: none;
}

.homepage-links{
	display: block;
    background-color:#fff;
    line-height: 2em;
    margin: 0;
    padding: 5px;
    font-size: 1.3em;
    text-decoration: none;
}
.homepage-links:hover{
	text-decoration:none;
	background-color :#f1f5f7; 
	-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
	box-shadow: 0 0 1px rgba(0,0,0, .75);
}

a.buttonact, input.gobutton{
text-decoration:none;
display:inline-block;
width:auto;
height: 2em;
margin: 10px;
cursor:pointer; 
padding:5px 15px; 
background:#000; 
border:1px solid #33842a; 
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
box-shadow: 0 0 4px rgba(0,0,0, .75);

color:#f3f3f3;
font-size:1.1em;
}

a.buttonact:hover, a.buttonact:focus, input.gobutton:hover, input.gobutton:focus{
text-decoration:none;
background-color :#00BFFF; 
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
}

.likedislike {
	width: 62px;
	margin: 10px;
}



.glow{
	-webkit-box-shadow: 0 0 10px rgb(221, 236, 6);
	-moz-box-shadow: 0 0 10px rgb(221, 236, 6);
	box-shadow: 0 0 10px rgb(221, 236, 6);
	background-color: rgb(221, 236, 6);
}






 /* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
 .icon-bar {
	margin: 2px;
	position: relative; 
  }
  
  /* Style the icon bar links */
  .icon-bar a {
	display: inline-block;
	text-align: center;
	padding: 5px;
	height: 1.5em;
	width: 1.5em;
	transition: all 0.3s ease;
	color: white;
	font-size: 20px;
	
  }
  
  /* Style the social media icons with color, if you want */
  .icon-bar a:hover {
	background-color: #000;
  }

  .selected {
	background-color: rgb(8, 103, 158);
  }
  
  .facebook {
	background: #3B5998;
	color: white;
  }
  
  .twitter {
	background: #55ACEE;
	color: white;
  }
  
  .google {
	background: #dd4b39;
	color: white;
  }
  
  .whatsapp {
	background: #25D366;
	color: white;
  }
  
  .envelope {
	background: #9c9b9b;
	color: white;
  } 

  .email {
	background: #ea4335;
	color: white;
  } 
  .copy {
	background: #9c9b9b;
	color: white;
  } 




div.fontImage {
	width: 180px;
	height: auto;
	display:inline-block;
	cursor: pointer;
}
.fontImage img{
	width:100%;
}




.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*```````````````````````````` mobiles``````````````````````````````*/
@media screen and (max-width:920px) {
	body {
		border:0px;
	}
	.wallicon {
		width:50%;
		max-width: unset ;
		margin:0px;
	}
	div.fontImage {
		width: 50%;
	}
}