@charset "utf-8";
 /*
CSS document by Kolen Mackey for Datadial Ltd. 01/02/17
*/


/*---------------------------------------------------------------------------Fonts*/
/*@import url(https://fonts.googleapis.com/css?family=Montserrat:400,600,700, 900 |Roboto:500);*/

/* Reset*/ 
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin:0;
  padding:0;
 }
 
/*---------------------------------------------------------------------------Structure*/

body{
	color:#1a1e22;
	font-family: 'Montserrat', Verdana, Geneva, sans-serif; 
	font-size:15px;
	line-height: 24px;
	font-weight:400;
	background:#fff;
}  

#site_container {
	padding:20px;
	margin:0; 
	overflow: hidden;
	/*background: rgba(10,9,13,0.3);*/
	background-attachment: fixed;
}
#navframe {
	background:#E61001 url(../img/prexamples_logo2.png) center 98% / 100px auto no-repeat;
	/*background: rgba(237,36,71,0.9);*/
	display:block;
	width:400px;
	padding:0;
	margin:0;
	position: fixed;
	top:0;
	right:-410px;
	bottom:0;
	overflow-x: auto;
	-webkit-transition: right 0.2s ease-in-out 0.4s;
			transition: right 0.2s ease-in-out 0.4s;
	z-index: 5000;
}
#site_container.active #navframe{
	right:0;
}
#navframe .menu-category-menu-container,
#navframe .menu-top-nav-container{
	padding: 100px 30px 20px;
	margin: 0;
}
#navframe #nav-sidebar{
	position: relative;
	padding:20px 30px;
	
	margin: 0;
	color: #fff;
}
#navframe #nav-sidebar a{
	color:#fff;
}
#navframe #nav-sidebar .widget_search{
	padding:10px 0;
}
#navframe #nav-sidebar .widget_search label{
	display: none;
}
#navframe #nav-sidebar .widget_search input[type="text"] {
	border: none;
	display: inline-block;
	vertical-align: top;
	width: 70%;
	margin: 4px -2px;
	background: rgba(255,255,255,0.20);
	padding: 10px;
	font-size: 13px;
	color: #fff;
}

#navframe #nav-sidebar .widget_search  input[type="submit"] {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin: 4px -2px;
	background: #1a1e22;
	background: rgba(0,0,0,0.15);
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	border:none;
	padding: 10px;
}


#navframe #nav-sidebar .menu-page-nav-container{
	display: block;
	padding: 20px 0 0;
}

#navframe #nav-sidebar .menu-page-nav-container ul{
	display: block;
	padding: 0;
	margin: 0;
}
#navframe #nav-sidebar .menu-page-nav-container ul li{
	display: block;
	margin: 0 0 10px;
}
#navframe #nav-sidebar .menu-page-nav-container ul li a{
	text-transform: none;
	font-weight: 600;
}
#navframe #nav-sidebar .menu-page-nav-container ul li a:hover{
	color: #131313;
}



#bkg_header{
	display: block;
	position: fixed;
	top:0;
	left:0;
	right:0;
	height:120px;
	padding: 0 20px;
	z-index:5000;
	background: #E61001;
	color: #fff;
	-webkit-transition: height ease-in-out 0.3s, background ease-in-out 0.3s, box-shadow ease-in-out 0.4s;
			transition: height ease-in-out 0.3s, background ease-in-out 0.3s, box-shadow ease-in-out 0.4s;

}
#bkg_header.docked{
	height: 65px;
	box-shadow: 0px -4px 4px 5px rgba(0,0,0,0.2);
	
}

#bkg_body { 
	padding:10px;
	background:#fff;
	margin: 120px auto 0;
	max-width:1380px;

} 


.innerframe {
	padding:0;
	display:block; 
	margin: 0 auto; 
	position:relative;
	max-width:1380px;
}


 
#bkg_footer{
	min-height: 150px;
	background:#E61001;
	/*background: rgba(237,36,71,0.6);*/
	position: relative;
	margin: 100px -20px -20px;
}

/*--------------------------------------------------------------------------Masthead*/
#header_content {
	display: block;
	padding: 0;
	max-width: 1380px;
	margin: 0 auto;
	position: relative;
}
#logo {
	display:block;
	vertical-align: top;
	height: 120px;
	width:380px;
	background: url("../img/FamousCampaigns-tagline2.svg") center / contain no-repeat;
	padding: 120px 0 0 0;
	overflow: hidden;
	margin: 0 auto;
	-webkit-transition: height ease-in-out 0.3s, padding ease-in-out 0.3s;
			transition: height ease-in-out 0.3s, padding ease-in-out 0.3s;
}
#bkg_header.docked #logo{
	height: 60px;
	padding: 60px 0 0 0;
	background-size: 250px auto;
	background-image: url("../img/FamousCampaigns.svg")

}
#bkg_header .follow{
	display: inline-block;
	position: absolute;
	top:0;
	right:0;
	text-align: right;
	padding: 5px 0;
}

#bkg_header .follow a{
	/*color:#1C1B23;*/
	padding:0;
	/*border:1px solid #1C1B23;*/
	border-radius: 4px;
	margin: 5px 0 5px 10px;
	text-transform: uppercase;
	font-size: 13px;
	vertical-align:top;
	display: inline-block;
}
#bkg_header .follow a i{
	font-size: 20px;
	vertical-align:middle;
	display: inline-block;
	width:40px;
	line-height: 40px;
	height: 40px;
	text-align: center;
	border-radius: 50%;
	/*background:#fff;*/
	color:#fff;
}
#bkg_header .follow span{
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 0 0;
	line-height: 50px;
}

#tagline {
	position: absolute;
	top: 25px;
	display: block;
	left: 140px;
	margin: 0;
	font-size: 32px;
	font-weight: 600;
	text-transform: uppercase;
	width: 450px;
	color: #E61001;
	-webkit-transition: all ease-in-out 0.3s;
			transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
	font-family: 'Roboto', sans-serif;
	line-height: 36px;
}
#bkg_header.docked #tagline{
	top:5px;
	left:70px;
	font-size: 18px;
	line-height: 22px;
	width:300px;
}
/* ----------------------------------------------------------------------- Typeography */
h2,h3,h4,h5 {
	font-weight: 600;
	margin: 15px 0;
}

h1 {	
	font-weight: 700;
	font-size: 36px;
	line-height: 44px;
}
h1 strong{
	font-weight: 700;
	color: #E61001;
}
h2 {
	font-size: 26px;
	line-height: 34px;
}
h3 {
	font-size: 22px;
	line-height: 30px;
}
h4 {
	font-size: 18px;
	line-height: 26px;
}
h5 {
	font-size: 16px;
	line-height: 24px;
}
h6 {
	font-size: 14px;
	line-height: 22px;
	text-transform: uppercase;
}
p {
	font-size: 14px;
	line-height: 22px;
	margin: 15px 0;
}

/*------------------------------------------------------------  Form Elements */	
input[type="url"],
input[type="text"], 
input[type="password"],
input[type="button"], 
input[type="submit"],
select{
	padding:8px;
	color:#49575f;
	color:#7d8798;
	display:block;
	width:100%;
	border:1px solid #cccfd4;
	background:#fff;
	margin:0 0 8px 0;
	font-family:inherit;
	-webkit-appearance: none;
    border-radius: 0;
	height:45px;
}
input{
	padding:14px 8px;
}
input:focus, textarea:focus {
	background:#e7eaef;
	color:#131313;
}
input[type="button"], input[type="submit"] {
	-webkit-appearance: none;
}
select option {
	padding:4px;
}
textarea{
	font-size:13px;
	padding:8px;
	color:#999;
	display:block;
	width:100%;
	border:1px solid #cccfd4;
	margin:0 0 8px 0;
	font-family:inherit;
	height:150px;

}
label {
	display:block; 
	margin-bottom:8px;
	vertical-align:top
}
input[type="button"],
input[type="submit"] {
	background:#728294;
	color:#fff;
	border:none;
	cursor:pointer;
	padding:8px 20px;
	display:inline-block;
	width:auto;
	text-transform:uppercase;
}

input[type="text"][class*="box-"], 
input[type="password"][class*="box-"],
input[type="button"][class*="box-"], 
input[type="submit"][class*="box-"]{
	display:inline-block;
	width:inherit;
}

input[type="checkbox"]+[class*="box-"] {
	padding:0 10px;
}
/*--------------------------------------------------------------------------Body*/

#maincontent {
  display: block;
  margin: 0 auto;
}
#PagedHome{
	color: #fff;
}
/*--------------------------------------------------------------------------Footer*/
#footer_content {
	color: #fff;
	padding:50px 20px 50px 150px;
	background: url("../img/FamousCampaigns_square.svg") 0 55px / 100px auto no-repeat;
}
#footer_content a{
	color:#fff;
	font-weight: 600;
}
#bkg_footer a#dd_tag {
	font-size:12px;
	text-transform: uppercase;
	position: absolute;
	bottom:10px;
	right:20px;
	color: rgba(0,0,0,0.3);
	letter-spacing: 8px;
}
#bkg_footer p{
	margin: 0;
}
#bkg_footer .menu-category-menu-container,
#bkg_footer .menu-top-nav-container,
.menu-footer-menu-container{
	display: inline-block;
	vertical-align: top;
	width:60%;
	border-right:1px solid rgba(255,255,255,0.4);
	margin: 0 -2px;
	/*min-height: 250px;*/
}

ul.footer-menu{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	padding: 0;
	margin: 0;
}
ul.footer-menu li{
	display:block;
	vertical-align: top;
	width:33%;
	padding: 0 20px 0 0;
	margin: 0 0 5px;
}
ul.footer-menu li a{
	display: block;
	padding:0;
	text-transform: none;
}
ul.footer-menu li a:hover{
	color:#1a1e22
}
.FooterWidget{
	display: inline-block;
	vertical-align: top;
	width:40%;
	padding: 0 0 0 10px;
	margin: 0 -2px;
}
.FooterWidget aside {
	display: inline-block;
	vertical-align: top;
	width:100%;
	margin: 0;
	padding: 0 22px;
}
.FooterWidget aside.widget_search{
	min-height: 60px;
}
.FooterWidget aside .widget-title{
	margin: 0 0 15px;
}

.mc4wp-form-fields p{
	font-size: 14px;
}


.mc4wp-form-fields input{
	border:none;
	display: inline-block;
	width:100%;
	margin: 4px 0;
	background: rgba(255,255,255,0.20);
	font-size: 13px;
	color:#fff;
	height: 35px;
}
#bkg_footer .mc4wp-form-fields input:not([type="submit"]){
	background: #fff;
	color: #1C1E20;
}
#newsletter p{
	text-shadow: none;
}

#newsletter .mc4wp-alert p{
	font-size: 14px;
	line-height: 20px;
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	margin: 0;
	background: #38364D;
	padding: 20px;
}
.FooterWidget aside input{
	width:100%;
}

.mc4wp-form-fields input[type="submit"]{
	width:100%;
	background:#1a1e22;
	background: rgba(0,0,0,0.25);
	color:#fff;
	text-transform: uppercase;
	cursor: pointer;
}
.FooterWidget aside ul{
	display: block;
	padding: 0;
	margin: 0;
	text-align: left;
}
.FooterWidget aside ul li{
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 5px 0;
}
.FooterWidget aside ul li a{
	display: block;
	padding: 4px 5px;
	font-size: 13px;
}
.FooterWidget aside ul li a i{
	font-size: 20px;
	font-weight: normal;
}
#bkg_footer .gotop{
	display:block;
	position:absolute;
	bottom:20px;
	left:20px;
	color:#f5f5f5;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
}
#bkg_footer .gotop i{
	font-size:26px;
}
/*---------------------------------------------------------------------------Navigation*/
#site_container{
	
}

#menu {
	left:0;
	display:block;
	position:absolute;
	text-align:center;
	width:40px;
	height:40px;
	line-height:40px;
	color:#fff;
	top:10px;
	font-size:30px;
	border-radius: 50%;
	padding: 1px 0 0 0;
	font-weight: normal;
}
#menu2 {
	right:30px;
	display:block;
	position:absolute;
	text-align:center;
	width:40px;
	height:40px;
	line-height:40px;
	color:#fff;
	top:10px;
	
	font-size:22px;
	border:1px solid #fff;
	border-radius: 50%;
	padding: 1px 0 0 0;
}
/*#site_container.active #menu {
	color:#E61001;
	
}*/
#menu2{
	color: #fff;
	border-color:#fff;
	left:auto;
	right:30px;
	z-index: 500;
}

ul.nav-menu{
	display: block;
	padding: 0;
	margin: 0;
}
ul.nav-menu li{
	display:block;
	vertical-align: top;
}
ul.nav-menu li a {
	color: #fff;
	display: block;
	line-height: 30px;
	/* text-transform: uppercase; */
	padding: 0;
	font-size: 18px;
	font-weight: 600;
}
ul.nav-menu li a:hover{
	color:#1a1e22;
}
ul.nav-menu li.current-menu-item a{
	color:#1a1e22;
}
/*--------------------------------------------------------------------------Global styles*/
img {
	display:block;
	max-width:100%;
	height:auto;
}
iframe {
	display:block;
	max-width:100%;
}
embed[type="application/x-shockwave-flash"]{
	width:100%;
}
p [class*="icon-"] {
	display:inline-block;
	vertical-align:middle;
	margin:0 5px 0 0;
}
.aligncenter {
	text-align:center;
}
.alignright {
	text-align:right;
}

/*--------------------------------------------------------------------------- link - button Styles */	

a{
color:#E61001;
text-decoration:none;

}
a:active, a:focus {
	outline: none;
	-moz-outline-style: none;
}
a:hover{
text-decoration:none;

}

.button { 
	background:#E61001; 
	color:#fff;
	cursor:pointer;
	padding:13px 30px;
	display:inline-block;
	text-align:left;
	font-size:14px;
	position:relative;
	text-transform:uppercase;
	-webkit-transition: background ease-in-out 0.4s, color ease-in-out 0.3s;
			transition: background ease-in-out 0.4s, color ease-in-out 0.3s;
}
.button.line {
	border:1px solid #fff;
	background:none;
}
.button.line.black {
	border:1px solid #222;
	color:#222;
	background:none;
}

.button:hover {
	background:#5a626e !important;
	color:#fff !important;
}
.button.line:hover {
	background:#fff !important;
	color:#484d54  !important;
}
.button.line.black:hover{
	border:1px solid #222 !important;
	background:#222 !important;
	color:#fff !important;
}
.button span{
	display: inline-block;
	vertical-align: middle;
	color: #ccc;
}

/* ----------------------------------------------------------------------- Form Elements */

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

/*--------------------------------------------------------------------------Typeography*/

/*----------------------------------------------------------------------------------Structural Boxes*/
[class*="box-"], div[class*="box-"] {
	display:inline-block;
	vertical-align:top;
	margin:0 -2px;
}

.box-10{
	width:10%;
}
.box-20 {
	width:20%;
}
.box-25{
	width:25%;
}
.box-30{
	width:30%;
}
.box-33{
	width:33.3%;
}
.box-35{
	width:35%;
}
.box-40 {
	width:40%;
}
.box-45{
	width:45%;
}
.box-50 {
	width:50%;
}
.box-55 {
	width:55%;
}
.box-60 {
	width:60%;
}
.box-65{
	width:65%;
}
.box-66{
	width:66.6%;
}
.box-70 {
	width:70%;
}
.box-75 {
	width:75%;
}
.box-80 {
	width:80%;
}
.box-90 {
	width:90%;
}
.box-100 {
	width:100.2%;
}

.pad-5 { padding:5px;}
.pad-0-5 { padding:0 5px; }

.pad-10 { padding:10px; }
.pad-0-10 { padding:0 10px; }

.pad-10-l { padding:0 0 0 10px; }
.pad-10-r { padding:0 10px 0 0; }

.pad-20 { padding:20px; }
.pad-0-20 { padding:0 20px; }

.pad-20-l { padding:0 0 0 20px; }
.pad-20-r { padding:0 20px 0 0; }

.pad-40 { padding:40px; }
.pad-0-40 { padding:0 40px; }

.pad-40-l { padding:0 0 0 40px; }
.pad-40-r { padding:0 40px 0 0; }

.pad-50 { padding:50px; }
.pad-0-50 { padding:0 50px; }

.pad-50-l { padding:0 0 0 50px; }
.pad-50-r { padding:0 50px 0 0; }





/*--------------------------------------------------------------------------- Boxframe + Boxgrid */
.featimg{
	background: url() center / cover no-repeat;		
}
.boxframe {
	display: flex;
	margin: 0 auto;
	max-width: 1380px;
	padding: 0;
	position: relative;
	flex-wrap: wrap;
	justify-content: space-between;
}
/*.clearfix:after,
.boxframe:after {
	content:".";
	display:inline-block;
	width:100%;
	font-size: 0;
	overflow: hidden;
}*/
.boxframe .boxgrid {
	font-size:14px;
	text-align:left;
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin:0 0 8px;
	min-height:100px;
	padding:0;
	overflow:hidden;
	width:33%;
	background: url() center / cover no-repeat;
	/*border:1px solid #efefef;
	border-left-color: #d8d8d8; 
	border-bottom-color: #d8d8d8;*/
}
.boxframe .boxgrid a{
	color:inherit;
}
.boxframe .boxgrid .featimg{
	display: block;
	margin: 0;
	background: #efefef url() center / cover no-repeat;
	position: relative;
		
}

.boxframe .boxgrid .featimg img{
	position: relative;
	z-index: 500;
}
.boxframe .boxgrid .featimg:before{
	content:"";
	display: block;
	position: absolute;
	top:0;
	bottom:0;
	width:100%;
	opacity: 0.5;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+3,000000+100&0+45,0.65+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 3%, rgba(0,0,0,0) 35%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 3%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 3%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.boxframe .boxgrid .infobox{
	display: block;
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	padding:10px 20px;
	color: #fff;	
	transition:ease-in-out all 0.6s;
	margin-bottom: -40px;
}
.boxframe .boxgrid:hover > .infobox{
	bottom:0;
	background:#fff;
	color:#1C1E20;
	margin: 0;
	
}
.boxframe .boxgrid:hover > .infobox .txt p{
	text-shadow:none;
}
.boxframe .boxgrid .txt{
	display: block;
	padding:0;
	position:relative;
}
.boxframe article.boxgrid p{
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
	/*text-shadow: 1px 1px 2px #555;*/
}
.boxframe .boxgrid .cat{
	/*position: absolute;*/
	margin: 10px 0 0;
	/*color:#1C1E20;*/
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	font-weight: 600;
	/*border-top:1px solid rgba(255,255,255,0.13);*/
	text-shadow: none;
	height: 30px;
}
.boxframe .boxgrid .cat span{
	display: block;
}
.home #topsection #Section1.boxframe .boxgrid:nth-of-type(1) .cat span:not(.cats){
	display: inline-block;
	vertical-align: top;
	padding: 0 20px 0 0;
	margin: 0 -2px;
}
.home #topsection #Section1.boxframe .boxgrid:nth-of-type(1) .cat span.cats{
	float: none;
	display: inline-block;
	vertical-align: middle;
}
.boxframe .boxgrid .cat span.cats{
	padding: 0;
	float: left;
}
.boxframe .boxgrid .cat span i{
	vertical-align: middle;
	margin-right: 10px;
	color: #98A6B6;
}
.boxframe .boxgrid .cat a{
	color: #E61001;
}
.boxframe .boxgrid .cat .time{
	color:#728294;
	position: absolute;
	padding: inherit;
	background: inherit;
	top:0;
	right:101%;
	display: none;
}

.boxframe.archive .adbox{
	height: 262px;
	background: #fff;
	border:1px solid #e6e5e6;
}

/*-----------------------------Sidebar post display */
.boxframe.panel .boxgrid{
	width:32.5%;
	margin-bottom: 10px;
}
.boxframe.panel .boxgrid .featimg,
.boxframe.panel .boxgrid .txt{
	display:inline-block;
	vertical-align:top;
	float: left;
	width:50%;
	height: 100px;
	position: relative;
}

.sideframe .boxframe.panel .boxgrid{
	width:100%;
	margin-bottom: 10px;
	
}

.sideframe .searchform{
	display: block;
	min-height: 50px;
	margin: 0 0 10px;
}
.sideframe .searchform label{
	display: none;
}
.sideframe .searchform input{
	float:left;
	display:inline-block;
	vertical-align: middle;
	height: 40px;
	border:1px solid #ccc;
}
.sideframe .searchform input#s{
	border-radius: 4px 0 0 4px;
	padding: 6px;
	width:70%;
	border-right-color: #fff;
}
.sideframe .searchform input[type="submit"]{
	border-radius: 0 4px 4px 0;
	padding:4px 10px;
	width:30%;
	text-transform: uppercase;
	background: #ccc;
	color: #fff;
	font-weight: 400;
}
/*--------------------------------------------------------------------------- homepage */
#headerimg{
	display: block;
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	background: rgba(0,0,0,0.13) url() center / cover no-repeat;
	z-index: -1;
}

.home #topsection{
	margin: 0;
}

/*.home #topsection #Section1.boxframe #newsletter{
	width:49.8%;
	padding: 20px;
	background: #696260 url(../img/PR-Examples.svg) 50% center / 600px auto no-repeat;
	color: #f5f5f5;
	height: 250px;
}*/

#newsletter{
	background: #1C1E20 url(../img/envelope.gif) center / cover no-repeat;
	color: #f5f5f5;
}
#Section2 #newsletter{
	/*height:565px;
	padding: 20px;*/
	width:100%;
	margin-bottom: 8px;
}
#Section2 #newsletter img{
	display: block;
	margin: 0;
}
#Section2 #newsletter .txt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 15px 20px;
	background: rgba(0,0,0,.5);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#primary-sidebar #newsletter{
    width:100%;
}

#primary-sidebar #newsletter .txt {
	background: rgba(0,0,0,.5);
	display: flex;
	height: 100%;
	width: 100%;
	padding: 20px;
	flex-direction: column;
	position: absolute;
	justify-content: center;
}
#Section2 #newsletter form > div > div:first-child{
	display: block;
}
#primary-sidebar #newsletter .txt p,
#Section2 #newsletter p{
    margin-bottom: 15px;
}

video,
img,
object,
embed {
	max-width: 100%;
	height: auto; 
}
.v_iframe {
  position:relative;
  padding-top: 56%;
	z-index: 0;
}
p.v_iframe{
	display: block;
}
.v_iframe video,
.v_iframe iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.v_iframe video{
	object-fit: cover;
}
.media {
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-size: cover;
}
#THbox {
	height: 566px;
	width: 32.9%;
	display: block;
	position: absolute;
	top: 0;
	right: 2px;
	color:#fff;	
	border:1px solid #efefef;
}
#THbox a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 40px;
	color: #fff;
}	
	#THbox h3{
		text-shadow: 1px 1px 8px rgba(0,0,0,0.4);
	}
#THbox .txt1 {
	font-weight: 900;
	font-size: 40px;
	line-height: 55px;
	text-transform: uppercase;
	margin: 0;
	
	
}
#THbox .txt1 span{
	font-size: 64px;
	display: block;
}
#THbox .txt2 {
	font-weight: 900;
	font-size: 36px;
	line-height: 55px;
	text-transform: uppercase;
	margin: 0;
}
#THbox .txt2 span{
	font-size: 80px;
	display: block;
}
	.animtxt h3{
		display: block;
		position: absolute;
		max-width:90%;
		z-index: 100;
	}
	.animtxt img{
		width:60px;
		height: 60px;
		margin: 30px auto 0;
		position: absolute;
		bottom:20px;
		z-index: 100;
	}
	.fadeOutText {
	  -webkit-animation: fadeOutText 8s infinite; /* Safari 4+ */
	  -moz-animation:    fadeOutText 8s infinite; /* Fx 5+ */
	  -o-animation:      fadeOutText 8s infinite; /* Opera 12+ */
	  animation:         fadeOutText 8s infinite; /* IE 10+, Fx 29+ */
    }
    
    @-webkit-keyframes fadeOutText {
	  0%   { opacity: 1;}
	  50%  { opacity: 1; }
	  55%  { opacity: 0; }
	  100% { opacity: 0;}
	}
	@-moz-keyframes fadeOutText {
	  0%   { opacity: 1;}
	  50%  { opacity: 1; }
	  55%  { opacity: 0; }
	  100% { opacity: 0;}
	}
	@-o-keyframes fadeOutText {
	  0%   { opacity: 1;}
	  50%  { opacity: 1; }
	  55%  { opacity: 0; }
	  100% { opacity: 0;}
	}
	@keyframes fadeOutText {
	  0%   { opacity: 1;}
	  50%  { opacity: 1; }
	  55%  { opacity: 0; }
	  100% { opacity: 0;}
	}
	.fadeInText {
	  -webkit-animation: fadeInText 8s infinite; /* Safari 4+ */
	  -moz-animation:    fadeInText 8s infinite; /* Fx 5+ */
	  -o-animation:      fadeInText 8s infinite; /* Opera 12+ */
	  animation:         fadeInText 8s infinite; /* IE 10+, Fx 29+ */
    }
    
    @-webkit-keyframes fadeInText {
	  0%   { opacity: 0;}
	  50%  { opacity: 0; }
	  55%  { opacity: 1; }
	  100% { opacity: 1;}
	}
	@-moz-keyframes fadeInText {
	  0%   { opacity: 0;}
	  50%  { opacity: 0; }
	  55%  { opacity: 1; }
	  100% { opacity: 1;}
	}
	@-o-keyframes fadeInText {
	  0%   { opacity: 0;}
	  50%  { opacity: 0; }
	  55%  { opacity: 1; }
	  100% { opacity: 1;}
	}
	@keyframes fadeInText {
	  0%   { opacity: 0;}
	  50%  { opacity: 0; }
	  55%  { opacity: 1; }
	  100% { opacity: 1;}
	}
#instabox{
	width:100%;
	margin-top: 8px;
	background: #f4f4f4 url("../img/instabox.png") center 0 / contain no-repeat;
}
#instabox a{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding:20px;
}
.home #topsection #Section1.boxframe #newsletter {
	width: 33%;
	float: right;
	margin-right: -1px;
	margin-bottom:0;
}
.home #topsection #newsletter .mc4wp-form-fields input {
	background: rgba(255,255,255,0.7);
	color: #131313;
}
.home #topsection #newsletter .mc4wp-form-fields input[type="submit"] {
	background:#E61001;
	color:#fff;
}
.home #topsection #newsletter .box-50 {
	width: 100%;
	padding: 0 0 10px 0;
}
.boxframe #newsletter h2{
	margin: 0 0 15px;
}
.home #topsection #Section1.boxframe #stmarks{
	width:49.8%;
	float: right;
	height: 250px;
}
.home #topsection #Section1.boxframe #stmarks img{
	width:100%;
	height: 250px;
}
/*A1*/
.home #topsection #Section1.boxframe .boxgrid:nth-of-type(1) {
	width: 66.6%;
	margin-right: 33%;
	/*margin-right: calc(100% - 99.2%);*/
	/*margin-bottom: 2px;*/
}

.home #topsection #Section1.boxframe .boxgrid:nth-of-type(1) .featimg img {
	width: 100%;
	/* max-height: 578px; */
}
/*.home #topsection #Section1.boxframe .boxgrid:nth-of-type(1) .infobox .txt p{
	font-size:24px;
	line-height: 50px;
}*/
.home #topsection #Section1.boxframe .boxgrid:nth-of-type(1) .infobox .txt p {
	font-size: 30px;
	line-height: 36px;
}
.boxgrid.adspot.stmarks span{
	display: inline-block;
	padding: 6px 20px;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	position: absolute;
	top:10px;
	right:0;
	z-index:500;
	color: #fff;
}

.boxframe .boxgrid.boxCol2 {
	width: 66.6%;

	padding: 0;
}
.boxframe .boxgrid.boxCol1{

	padding: 0;
}
.home #topsection #Section2{
	/*margin-top: -30px;*/
}
.home #topsection #Section2 .boxCol2 .boxgrid{
	width:49.7%;
}
h3.blockheader{
	background:#e3e3e3;
	padding: 10px 20px;
	display:block;
	margin: 0 0 8px;
}
.boxframe.top10{
	padding: 0 1px;
}
#Section2 .boxframe.top10:after{
	display: none;
}
.boxframe.top10 .boxgrid{
	width:100%;
	margin: 0 0 8px;
	/*background: #efefef;
	transition: ease-in-out background 0.6s;*/
}
.boxframe.top10 .boxgrid:hover{
	/*background:#e3e3e3;*/
}
.boxframe.top10 .boxgrid .featimg,
.boxframe.top10 .boxgrid .infobox{
	vertical-align: top;
	width:51.2%;
	margin: 0;
	bottom:0;
}
.boxframe.top10 .boxgrid .infobox{
	right:0;
	left:auto;
	max-height: 100%;
	overflow: hidden;
}
.boxframe.top10 .boxgrid .cat{
	color:#696260;
	border-color:#d8d8d8;
}
.boxframe.top10 .boxgrid .cat span{
	display: inline-block;
}

.boxframe.top10 .boxgrid.adspot .featimg{
	width:100%;
	
}

.boxframe.top10 .boxgrid .featimg {
	width: 48.72%;
}
.boxframe.top10 .boxgrid .infobox{
	padding:5px 10px;
	max-height: 100%;
	overflow: hidden;
	color:#1C1E20;
	bottom:auto;
	top:0;
}
.boxframe.top10 .boxgrid .infobox .cat{
	height: auto;
}
.boxframe.top10 .boxgrid .txt {
	padding: 0;
	
}
.boxframe.top10 .boxgrid p {
	font-size: 14px;
	line-height: 20px;
	text-shadow:none;
}
.boxframe.top10 .boxgrid a{
	color: inherit;
}

#Section2 .boxgrid.stmarks,
.sideframe .boxgrid.adspot.stmarks{
	width:100%;
	margin: 0;
}
.boxgrid.adspot.stmarks .infobox{
	margin: 0;
	display: none;
}
.boxgrid.adspot.stmarks .featimg{
	transition: none;
	background-size: cover;
}
.boxgrid.adspot.stmarks:hover .featimg{
	transform: none;
	background-size: cover;
}

.boxgrid.adspot.stmarks img{
	background: url(../img/StMarksStudios-logo.png), url(../img/StMarks_badge.png);
	background-repeat: no-repeat;
	background-color: rgba(0,0,0,0.2);
	transition: ease-in-out background 0.4s;
	width:100%;
}
.boxgrid.adspot.stmarks:hover img{
	background-color: rgba(0,0,0,0.6);
}
.boxgrid.adspot.stmarks img{
	background-size: 100px auto, 300px auto;
	background-position: 10px 10px, right bottom;
}
/*.home #topsection #MidAd.boxgrid.adspot img{
	width:100%;
	max-height: 284px;
	background-size: 200px auto, contain;
	background-position: 20px 20px, right bottom;
}*/
.sideframe .boxgrid.adspot.stmarks img{
	/*height: 600px;*/
}
.boxgrid.adspot.stmarks h4{
	color:#11bac6;
	padding: 0 5px;
}
.boxgrid.adspot.stmarks h4 i{
	color: #98A6B6;
	vertical-align: middle;
}
#headerbox.boxframe .boxgrid.adspot.stmarks img{
	width:100%;
	height:250px;
	background-size: 120px auto, 280px auto;
	background-position: 15px 15px, right bottom;
}

/*Advertising override*/
body .sideframe #primary-sidebar *{
	font-family: "Montserrat",Verdana,Geneva,sans-serif;
}

.sideframe .trc_rbox_header_span,
.widget-title{
	margin-bottom: 10px;

}
.sideframe .widget_recent_entries ul{
	padding: 20px 0;
}
.sideframe .widget_recent_entries ul li {
	display: block;
	font-size: 18px;
	font-weight:700;
	
	margin: 0 0 20px;
	padding: 5px 0;
}
.sideframe .widget_recent_entries ul li .post-date{
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	margin:5px 0 0 0;
	padding: 5px 0;
	color: #696260;
	font-weight: 600;
	border-bottom:1px solid #d8d8d8;
}
.sideframe .widget_recent_entries ul li .post-date:before{
	content:"\e985";
	font-family: "icomoon";
	display: inline-block;
	vertical-align: middle;
	float: left;
	margin: 0 10px 0 0;
	
	font-size: 20px;
	font-weight: normal;
	color: #98A6B6;
}
.sideframe .widget_recent_entries ul li .post-date strong{
	border-right:1px solid #d8d8d8;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
}



.archive .thumbnails-d .syndicatedItem .video-title {
  font-weight: 400;
	font-size: 14px;
}



/*--------------------------------------------------Advertising slots*/


.boxframe.trending .adbox,
.boxframe.archive .adbox{
	padding:6px;
	height: 262px;
}

.boxframe.trending .adbox:after,
.boxframe.archive .adbox:after{
	content:"sponsored";
	text-transform:uppercase;
	display:inline-block;
	font-size:11px;
	background: #e6e5e6;
	color: #1a1e22;
	line-height: 20px;
	position: absolute;
	text-align: center;
	right: -50px;
	top: 56px;
	width: 120px;
	font-weight:bold;
	padding:0 10px;
		-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.boxframe.trending #shopbox:after {
	content:"the poke shop";
}

/*--------------------------------------------------Top5*/
.boxframe.top10{
	counter-reset: custom-counter;
}
.boxframe.top10 .boxgrid .featimg{
	/*height:135.5px;*/
}
.boxframe.top10 .boxgrid:not(.adspot) .featimg:before,
.boxframe.top5 .boxgrid:before{
  background: #bb0016 none repeat scroll 0 0;
  color: #f5f5f5;
  content: counter(custom-counter, decimal);
  counter-increment: custom-counter;
  font-size: 12px;
  height: 22px;
  left: 0;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 0;
  font-weight:bold;
  width: 22px;
  z-index:800;
}
.boxframe.top10 .featimg:before{
	bottom:5px;
	right:5px;
	left:auto;
	top:auto;
}
.boxframe.top10 .boxgrid .featimg img{
	object-fit: cover;
	float: none;
	margin: 0;
}
#midsection .boxframe.top5 .boxgrid .txt{
	min-height: 60px;
}


/*--------------------------------------------------------------------------- Page Pagination */
.pagination {
  border-radius: 4px;
  display: inline-block;
  margin: 20px 0;
  padding-left: 0;

}
.pagination > li {
  display: inline;
}
.pagination > li > a, 
.pagination > li > span {
  background-color: #efefef;
  border: 1px solid #d8d8d8;
  float: left;
  line-height: 1.42857;
  margin-left: -1px;
  padding: 6px 12px;
  position: relative;
  text-decoration: none;
}

.pagination > li:hover > a, 
.pagination > li:hover > span {
	background:#131313;
}
.pagination > li:first-child > a, 
.pagination > li:first-child > span {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  margin-left: 0;
}
.pagination > li:last-child > a, 
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus {
    background-color: #efefef;
    border-color: #d8d8d8;
    color: #131313;
}



.pagination > li:first-child > a{
	padding: 6px 12px;
}
.pagination > li:last-child > a{
	padding: 6px 6px;
}
/*--------------------------------------------------------------------------- Article Display Page */
.boxframe .boxgrid .entry {

	padding: 20px 0;
	margin: 0 0 5px 0;
}
.boxframe .boxgrid .entry a{
	color:#E61001;
}
.boxframe .boxgrid .postnav {
	display:block;
	min-height:40px;
	margin:0 0 10px 0;
	padding:0;
}
.boxframe .boxgrid .postnav:after{
	content:".";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
.boxframe .boxgrid .postnav a {
	color: #fff;
	font-size:12px;
	line-height: 15px;
	text-transform:none;
	display:block;
	position: relative;
	text-align: left;
	width:49%;
	padding: 5px 10px;
	height: 100px;
	overflow: hidden;
	border:1px solid #efefef;
	border-bottom-color:#d8d8d8;
	border-left-color:#d8d8d8;

}
.boxframe .boxgrid .postnav a span{
	color:#fff;
}
.boxframe .boxgrid .postnav a span.title{
	font-size: 16px;
	padding:0;
	display: block;
	text-align: left;
	text-transform:uppercase;
	color: #1a1e22;
}
.boxframe .boxgrid .postnav a.next {
	float:left;
	padding-left: 140px;
}
.boxframe .boxgrid .postnav a.prev {
	float:right;
	padding-right: 140px;
}

.boxframe .boxgrid .postnav a .featimg{
	width:130px;
	position: absolute;
	top:0;
	left:0;
	height: 100%;
	min-height: initial;
}

.boxframe .boxgrid .postnav a.prev .featimg{
	left:auto;
	right:0;
}

.boxframe .boxgrid .post .wp-caption{
	max-width: 100%;
}

#maincontent .postnav a.xl{
	padding: 20px;
	float: right;
	width: 300px;
	height: auto;
	background-color:#E61001;
	display: inline-block;
	border:none;
}
#maincontent .postnav a.xl span{
	font-size: 16px;
	line-height: 16px;
	color:#fff;
}
#maincontent .postnav a.xl span i{
	vertical-align: middle;
	float: right;
}

#UpperShare #atstbx a.at-share-btn{
	background-color: #1C1E20 !important;
}

#LowerShare{
	display:block;
	text-align: center;
}

#AfterPost {
	clear:both;
}
#AfterPost .top5:not(:first-of-type) .featimg {
	height:120px;
}
#AfterPost .top5 .txt{
	
}
.adsection{
	display: block;
	margin: 10px 0 30px;
	padding:0;
	/*background: #f5f5f5;
	border:1px solid #e6e5e6;*/
}


blockquote {
	border-left: 5px solid #eee;
	margin: 0 0 20px;
	padding: 10px 20px;
	max-width:100%;
}
blockquote.twitter-tweet{
	width:500px;
}
h1.Searchtitle{
	min-height: 100px;
	padding: 20px 50px;
	border-bottom: 1px solid #d8d8d8;
	margin: 0 0 8px;
}
/*----------------------------------------------------------------Rob Manuael's post classes 23/02/17 */
.bl {
	border: solid 1px black; 
	width:100%
} 
.ng, .ng p, 
.ng div, 
.ng img, 
.ng span, 
.ng ol, 
.ng ul {
	border: 0px;
	padding: 0px; margin: 0px;
}
.ng ol, .ng ul {
	list-style-position: inside;
} 
.ng li {
	padding-bottom:1em;
} 
.bt {
	font-size: large; 
	line-height: 150%; 
	font-weight: normal;
}
/*---------------------------------Post Footer: Get More Poke */
ul.postfooter{
	display:block;
	text-align: justify;
}
ul.postfooter:after{
	content:".";
	font-size: 0;
	display: inline-block;
	width: 100%;
}
ul.postfooter li{
	text-align: left;
	display: inline-block;
	vertical-align: top;
	width:49%;
	margin:0 0 10px 0;
}

ul.postfooter a.button{
    background-color: #BB0016;
    padding: 15px 10px;
    color: #fff;
	display:block;
	position:relative;
	height:45px;
	text-align:left;
	padding-left:60px;
}

.postfooter .button.bored {
	background:#1a1a1a;
	border:#1a1a1a;
}
.postfooter .button.facebook {
	background:#283c6b;
	border:#283c6b;
	text-align:left;
	padding-left:60px;
}
.postfooter .button.twitter {
	background:#0c76a7;
	border:#0c76a7;
	text-align:left;
	padding-left:60px;
}
.postfooter .button.popular {
	background:#2b4563;
	border:#2b4563;
}
.postfooter .button:before {
	content:"";
	width:44px;
	height:44px;
	line-height:44px;
	text-align:center;
	font-size:20px;
	position:absolute;
	top:0;
	left:0;
	font-family: "icomoon";
}
.postfooter .button.facebook:before {
	content:"\ea67";
	background:#39579a;
}
.postfooter .button.twitter:before {
	content:"\ea7c";
	background:#0faaf0;
}
.postfooter .button.bored:before {
	content:"\ea2a";
	background:#444;
}
.postfooter .button.subscribe:before {
	content:"\e9da";
	background:#d71d33;
}
.postfooter .button.popular:before {
	content:"\ea1d";
	background:#436b9a;
}

.sideframe ul.postfooter{
	margin:20px 0;
}
.sideframe ul.postfooter li{
	display: block;
	width:100%;
}


/*--------------------------------------------------------------------------- Paged links */
.page-links{
	text-align: right;
	display: block;
	margin: 10px 0 20px;
}
.page-links span{ 
	display: inline-block;
	padding: 10px 15px;
	background-color: #efefef;
	margin: 0 5px 5px 0;
}
.page-links a{ 
	display: inline-block;
	margin: 0 5px 5px 0;
	color:#578542;
}
.page-links a span{
	color: #fff;
	background: #578542;
	margin: 0;
}
.page-links .page-links-title{
	background:none;
}
/*--------------------------------------------------------------------------- Post Page */
.postframe .post .postheader{
	background:#fff;
	padding:0;
	display: block;
	margin-bottom: 4px;
	position: relative;
}
/*.postframe .post .postheader .featimg{
	display:block;
	width:44%;
	margin: 0;
	position: absolute;
	top:0;
	left:0;
	bottom:0;
}*/
/*.postframe .post .postheader .featimg img{
	background: none;
}*/
.postframe .post .postheader .titlebox{
	display:block;
	width:100%;
	margin: 0;
	padding: 50px 0 20px;
	/*background: #efefef;*/
}
.postframe .post .postheader .titlebox a{
	color:#E61001;
}
.postframe .post .postheader .titlebox p span{
	line-height: 24px;
}
.postframe .post .postheader .titlebox p span i{
	line-height: inherit;
	margin-top:-2px;
}

.postframe .post .entry {
	background:#fff;
	padding: 30px 30px 100px;
	border:1px solid #d8d8d8;
}
#Comments{
	margin: 8px 0;
	border:1px solid #d8d8d8;
	padding: 30px;
}

#Comments .commentlist{
	padding: 0;
}
.commentlist li{
	display: block;
	position: relative;
	padding: 0 0 0 80px;
	margin: 10px 0 30px;
}
.commentlist .comment-author.vcard img{
	position: absolute;
	top:0;
	left:0;
}

.postframe .post .entry img{
		width:100%;
	}

.postframe .apss-social-share{
	text-align: center;
	
}
.postframe .apss-social-share .apss-single-icon{
	display: inline-block;
	margin: 0;
}
.postframe .apss-social-share .apss-single-icon a{
	padding: 0;
}
.boxframe .boxgrid .entry .apss-social-share a{
	color: #fff;
}
.boxframe .boxgrid .entry p.post-footer{
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	padding: 20px 0;
	border-top:1px solid #d8d8d8;
}

.boxframe .boxgrid .entry p.post-footer a{
	color: #fff;
	background: #1C1E20;
	display: inline-block;
	vertical-align: middle;
	padding: 4px 8px;
	text-transform: uppercase;
}
.boxframe .boxgrid .entry p.post-footer a:hover{
	background: #E61001;
}

.boxframe .boxgrid .entry .apss-theme-2 .apss-single-icon a {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	color: #fff;
}

.sideframe aside{
	/*background:rgba(28,27,35, 0.8);
	color: #fff;*/
	padding:0;
	margin: 0 0 4px;
}
.sideframe .widget-title{
	margin: 0 0 4px;
	padding:20px 0 5px;
	border-bottom: 1px solid #d8d8d8;
}
.sideframe ol,
.sideframe ul{
	display: block;
	margin: 0;
	padding: 0 22px 20px;
}
.sideframe ol li,
.sideframe ul li{
	display: block;
	margin: 10px -2px;
	padding: 0;
	
}
.sideframe .widget_categories li{
	display: inline-block;
	vertical-align: top;
	width:50%;
	padding: 0 20px 0 0;
}
.sideframe aside .stmarks.adbox{
	margin:0;
	display: initial;
}
/*--------------------------------------------------------------------------- Sinigle Page */
.postframe .page h1{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom:1px solid #ccc;
}
.postframe .page .entry {
	background: #fff;
	padding: 50px 50px 100px;
}
.sideframe .mc4wp-form{
	padding: 0 20px 20px;
}
.sideframe .mc4wp-form input{
	width:100%;
}
.sideframe .mc4wp-form input[type="submit"]{
	background: #696260;
}
/*--------------------------------------------------------------------------- xxx */
.archive #maincontent{

}
.archive.category h1{
	display: block;
	text-align: center;
	margin-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: 3px;
	background:#efefef;
	padding: 20px;

}
.archive .author{
	display: block;
	border-bottom:1px solid #e3e3e3;
	background:#efefef;
	color:#1C1E20;
	margin:0 0 8px;
	padding: 1px 200px 0 50px;
	position: relative;
}
.archive .author .featimg{
	position: absolute;
	top:0;
	right:50px;
	bottom:0;
	width:150px;
	height:150px;
	margin:auto;
	border-radius:50%;
	overflow:hidden;
	border:5px solid #fff;
}
.archive .author .txtbox{
	margin:20px;
	padding:20px 0;
	width:auto;
	min-height:180px;
	max-width:80%;
	
}
.archive .author .txtbox h1{
	margin: 0 0 20px;
}
.archive .author a{
	/*color: #C7B3A0;*/
}
/*--------------------------------------------------------------------------- xxx */










/*----------------------------------------------------------------------------------------------------------------------- Begin Responsive Queries*/
/* ----------------------------------------------------------------------- Min Withs Smallest to largest */
@media only screen and (min-width: 768px) {

	/*#menu_icon{
		display:block; 
	}*/
	
	
	
	
	/*------------------------------------Single Post page*/
	#maincontent.boxframe{
		
	}
	.boxgrid.postframe,
	.boxgrid.sideframe{
		background:none;
		border:none;
		text-align: left;
	}
	.boxgrid.postframe{
		width:65%;
		margin: 0;
			}
	.boxgrid.sideframe{
		width:32.5%;
		margin: 0;
		float: right;
		padding:0;
		max-width:400px;
	}
	.sideframe .boxframe.panel .boxgrid .txt{
		padding: 0 0 0 8px;
	}
}
@media only screen and (min-width: 1024px) {
	
	#adframe{
		display: block;
		margin: 0;
	}
	
	/*#menu{
		display: none; 
	}*/
	
	#topsection.col2{
		display: inline-block;
		vertical-align: top;
		width:65%;
	}
	#midsection.col1{
		display: inline-block;
		vertical-align: top;
		width:32.5%;
		float: right;
	}
	
	
	#topsection.col2 .boxframe .boxgrid{
		width:48.5%;
		
	}
	#topsection.col2 .boxframe .boxgrid:nth-of-type(1){
		width:100%;
		padding-bottom: 80px;
	}
	#topsection.col2 .boxframe .boxgrid:nth-of-type(1) .featimg{
		height:500px;
	}
	#topsection.col2 .boxframe .boxgrid:nth-of-type(1) .txt .XXX{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+3,000000+100&0+45,0.65+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 3%, rgba(0,0,0,0) 45%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 3%,rgba(0,0,0,0) 45%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 3%,rgba(0,0,0,0) 45%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	height:500px;
	position: absolute;
		top:0;
		left:0;
		color: #fff;
		width:100%;
		display: block;
	}
	
	#topsection.col2 .boxframe .boxgrid:nth-of-type(1) .txt{
		position: absolute;
		bottom:80px;
		left:0;
		color: #fff;
		width:100%;
		display: block;
		padding: 10px 20px;
		background: none;
	}
	/*#topsection.col2 .boxframe .boxgrid:nth-of-type(1) .txt p{
		font-size: 24px; 
		line-height: 30px;
		font-weight: 600;
		display: block;
		padding: 20px;
		position: absolute; 
		bottom:0;
		left:0;
		width:100%; 
	}*/
	#topsection.col2 .boxframe .boxgrid:nth-of-type(1) .txt p {
	  background: #E61001 none repeat scroll 0 0;
	  bottom: 0;
	  display: inline;
	  font-size: 24px;
	  font-weight: 600;
	  left: 0;
	  line-height: 40px;
	  padding: 2px 5px;
	  width: 100%;
		letter-spacing: 0.5px;
	}
	.home #topsection #Section1.boxframe #newsletter{
		position: absolute;
		top:0;
		right:0;
	}
	
	
	
	
	#midsection.col1 .boxframe .boxgrid{
		width:100%;
	}
	

	
	
	
	
	/*Top 5 display under the articles*/
	#AfterPost .boxframe.top5{
		
	}
	#AfterPost .boxframe.top5:after{
		display:none;
	}
	#AfterPost .boxframe.top5 .boxgrid{
		width:100%;
		min-height:initial;
	}
	#AfterPost .boxframe.top5 .boxgrid .featimg{
		width:35%;
		display: inline-block;
		vertical-align: top;
		height: 130px;
	}
	#AfterPost .boxframe.top5 .boxgrid .txt{
		width:65%;
		padding-left: 8px;
		display: inline-block;
		vertical-align: top;
		float: right;
	}
	.boxframe .boxgrid .button.breaking .featimg{
		width:35%;
	}
	.boxframe .boxgrid .button.breaking {
	  padding: 0 0 0 36%;
	}
	/*.post .entry p,
	.boxframe .boxgrid .txt p { 
	  font-size: 22px;
	  line-height: 24px;
	}*/
	/*---------------------------------------------------- Homepage Just In*/

	#lowersection .boxframe .boxgrid:not(:nth-of-type(1)) .featimg,
	#lowersection .boxframe .boxgrid:not(:nth-of-type(1)) .txt{
		display:inline-block;
		vertical-align:top;
		float: left;
		width:50%;
		height: 121px;
	}
	#lowersection .boxframe .boxgrid:not(:nth-of-type(1)) .featimg{
		width:40%;
	}
	#lowersection .boxframe .boxgrid:not(:nth-of-type(1)) .txt{
		width:60%;
		padding-top: 5px;
	}
	#lowersection .boxframe .boxgrid:nth-of-type(4){
		position: absolute;
		left:33.8%;
		top:138px;
	}
	#lowersection .boxframe .boxgrid:nth-of-type(5){
		position: absolute;
		right:0;
		top:138px;
	}
	#lowersection .boxframe .boxgrid:not(:nth-of-type(1)) p{
		font-size: 13px;
		line-height: 18px;
	}
		
	#topsection.col2 .boxframe .boxgrid,
	#midsection.col1 .boxframe .boxgrid{
		min-height: 280px;
	
	}
	.home #topsection #Section1.boxframe .boxgrid:nth-of-type(1) .featimg img {
		padding-bottom: 0.5%;
	}
	.postframe .post .entry p{
		font-size:16px;
		line-height:26px;
		margin: 15px 0;
	}
	#primary-sidebar #newsletter {
        width: 100%;
        min-height: 25vh;
    }
}
@media only screen and (min-width: 1280px) {

	.home #topsection #Section1.boxframe .boxgrid:nth-of-type(1) .featimg img {
		padding-bottom: 0.4%;
	}
	/*.postframe .post .entry iframe{
		width:100%;
		height: 550px;
	}*/
	.postframe .post .entry p{
		font-size:18px;
		line-height:28px;
		margin: 20px 0;
	}
	/*.home #topsection #Section1.boxframe #newsletter{
		height: 508px; 
	}*/
	
}
@media only screen and (min-width: 1366px) {
	#Section2 #newsletter {
		/*height: 326px;*/
	}
	
	#THbox {
		height: 545px;
	}
}
@media only screen and (min-width: 1680px) {

	/*.home #topsection #Section1.boxframe .boxgrid:nth-of-type(2){
		right: 1px;
	}
	.home #topsection #Section1.boxframe .boxgrid:nth-of-type(3){ 
		right: -13px;
	}*/
	.home #topsection #Section1.boxframe .boxgrid:nth-of-type(1) .featimg img {
		width: 100%;
	}
	#footer-sidebar .box-50{
		width:100%;
		padding: 0 0 10px;
	}
	.postframe .post .entry p{
		font-size:20px;
		line-height:30px;
		margin: 25px 0;
	}
	#THbox{
		height: 566px;
	}
	
}

/* ----------------------------------------------------------------------- MAX Withs Largest to smallest */

@media only screen and (max-width: 1679px) {
	
	/*.home #topsection #Section1.boxframe .boxgrid:nth-of-type(1) {
		margin-right: calc(100% - 99.2%); 
	}*/
	.boxframe.top10 .boxgrid .featimg {
		width: 48.6%;
	}
	.boxgrid.postframe {
		width: 68%;
	}
	.boxgrid.sideframe {
		width: 28.5%;
	}
	.postframe .post .entry {
		padding: 30px 30px 100px;
	}
	h1 {
		font-size: 28px;
		line-height: 36px;
	}
	
	.FooterWidget aside {
		width: 100%;
		padding: 10px 2px 10px 22px;
	}
	
	#THbox .txt2 {
		font-size: 34px;
	}
	#THbox .txt2 span {
		font-size: 74px;
	}
	
}
@media only screen and (max-width: 1365px) {
	
	#THbox {
		height: 509px;
	}
}
@media only screen and (max-width: 1279px) {
	#bkg_body {
		padding:8px;
	}
	.home #topsection #Section1.boxframe #newsletter{
		padding:20px;
		
	}
	
	.home #topsection #Section1.boxframe #stmarks img{
		width: 100%;
		height: 250px;
	}
	#newsletter h2 {
		font-size: 22px;
		line-height: 28px;
	}
	#newsletter p {
		text-shadow: none;
		font-size: 18px;
		line-height: 24px;
	}
	.boxframe .boxgrid .txt p {
		font-size: 16px;
		line-height: 22px;
	}
	
	.boxframe .boxgrid.boxCol2,
	.boxframe .boxgrid.boxCol1{
		width: 100.4%;
		margin: 0;
	}
	.boxframe .boxgrid.boxCol1 {
		/*margin-top: -35px;*/
	}
	.home #topsection #Section2 .boxCol2 .boxgrid {
		width: 33%;
	}
	.boxframe.top10 .boxgrid {
		width:49%;
	}
	#THbox .txt1 {
		font-size: 30px;
		line-height: 40px;
	}
	#THbox .txt1 span {
		font-size: 50px;
	}
	#THbox .txt2 {
		font-size: 26px;
		line-height: 46px;
	}
	#THbox .txt2 span {
		font-size: 60px;
	}
	
	/*.boxframe.top10 .boxgrid:nth-of-type(1) {
		 
		float: left;
		margin:0 8px 0 -1px;
		 
	}
	.boxframe.top10 .boxgrid:nth-of-type(1) .featimg{
		width:100%;
		height:278px;
	}
	.boxframe.top10 .boxgrid:nth-of-type(1) .infobox {
		position: absolute;
		z-index: 500;
		width: 100%;
		background: #efefef;
		padding: 20px;
	}
	.boxframe.top10 .boxgrid:nth-of-type(2) {
		float:right;
		margin: 0 0 6px 0;
	}
	.boxframe.top10 .boxgrid:nth-of-type(3) {
		margin: 0 -1px 6px 0;
	}*/
	.home #topsection #Section2 .boxCol2 .boxgrid,
	.boxframe .boxgrid{
		width:49.6%;
	}
	
	#Section2 #newsletter,
	#Section2 .boxgrid.stmarks {
		width:49.6%;
	}
	#Section2 .boxgrid.stmarks{
		margin-left: 0.5%;
	}
	/*.boxframe.top10 .boxgrid.adspot.stmarks img{
		width:100%;
		max-height: 400px;
	}*/
	
	.boxgrid.postframe {
		width: 70%;
	}
	.postframe .post .postheader .titlebox {
		padding: 20px;
	}
	.postframe .post .entry {
		padding: 30px 20px 50px;
	}
	
	#THbox {
		height: 404px;
	}
	ul.footer-menu li {
		width: 50%;
	}
	#footer_content{
		background-position: 20px 55px;
	}
	#FooterWidget,
	#bkg_footer .menu-category-menu-container, 
	#bkg_footer .menu-top-nav-container, 
	.menu-footer-menu-container {
		width: 50%;
	}
}
@media only screen and (max-width: 1023px) {
	#logo {
		height: 120px;
		width: 300px;
		padding: 120px 0 0 0;
	}
	#tagline {
		top: 25px;
		left: 130px;
		font-size: 26px;
		width: 340px;
		line-height: 30px;
	}
	#bkg_header.docked #tagline{
		left:70px;
	}
	#menu{

	}
	#bkg_header .follow {
		right: 0;
	}
	#site_container.active {
		padding: 16px;
	}
	#site_container.active #bkg_header{
		left:0;
	}
	/*---------------------masthead*/
	
	/*#header_content {
		background: #E61001; 
		display:block;
		height: auto; 
		padding: 0;
		margin:0;
	}*/
	
	
	/*#navframe{
		display: none; 
		border:1px solid #E61001;
		position: absolute;
		top:82px;
		right:0;
		width:100%;
		max-width: 439px;
		height: initial;
		z-index: 9000;
	}
	#navframe.active {
		display: block;
	}
	#navframe ul.nav-menu {
		display: block;
	}
	#navframe ul.nav-menu li { 
		display: block;
		border-bottom:1px solid #a10015;
	}
	#navframe ul.nav-menu li a{
		line-height: 40px;
		padding: 5px 10px;
		display: block;
		color: #fff;
	}*/
	/*#header_content #logo{ 
		background-position: center;
		background-size: auto 90%;
		height:80px;
		padding: 80px 0 0;
	}*/
	#navframe {
		width: 100%;
		right: -100%;
	}
	#menu{
		top:10px;
	}
	#menu2 {
		top:17px;
		right: 25px;
	}
	#bkg_header .follow a{

	}
	#bkg_header .follow a i {
		font-size: 20px;
	}
	
	/*---------------------Share buttoons fixed to footer*/
	#UpperShare  {
		display:none;
	}
	
	#LowerShare {
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  z-index: 5000;
	  background:#fff;
	  width: 100%;
	  padding:3px;
	  border-top:1px solid #e6e5e6;
	  margin:0;
	  text-align:center;
        display: block;
        
	}
    #LowerShare .sharethis-inline-share-buttons{
        display: flex;
        justify-content: space-between;
        width:100%;
    }
	  #LowerShare #st-2 .st-btn {
		width:24%;
		max-width:24%;
		height:42px;
		max-height:42px;
	}
    #LowerShare #st-2 .st-btn:nth-child(4){
        display: block !important;
    }
	/*---------------------Home*/
	
	.boxframe .boxgrid.boxCol2 {
		padding: 0 3px;
	}
	.home #topsection #Section1.boxframe .boxgrid:nth-of-type(1){
		display: block;
		width:100.4%;
		margin:0 -2px 6px;
	}
	.home #topsection #Section2 {
		padding: 0;
		margin: 0 -1px;
	}
	/*.home #topsection #Section1.boxframe #MidAd.boxgrid,
	.home #topsection #Section1.boxframe .boxgrid:nth-of-type(2), 
	.home #topsection #Section1.boxframe .boxgrid:nth-of-type(3){
		width:49.8%; 
		right:auto;
	}*/
	.home #topsection #Section1.boxframe #newsletter,
	.home #topsection #Section1.boxframe #MidAd.boxgrid,
	.home #topsection #Section1.boxframe .boxgrid:nth-of-type(n){
		width:100.4%;
		margin:0 -2px 6px;
		right:auto;
		float: none;
	}
	.home #topsection #Section1.boxframe #newsletter{
		padding: 50px 100px;
	}
	
	.home #topsection #Section1.boxframe #MidAd.boxgrid img {
		background-size: 100px auto, 300px auto;
		background-position: 10px 10px, right bottom;
	}
	.home #topsection #Section2 .boxCol2 .boxgrid,
	.boxframe .boxgrid {
	  width: 49.8%;
	  margin:0 -2px 6px;
	}
	.boxframe.top10 .boxgrid {
		width: 100%;
	}
	.boxframe.top10 .boxgrid .featimg{
		width:35%;
	}
	.boxframe.top10 .boxgrid .infobox{
		width:65%;
		padding: 20px;
	}
	.boxframe.top10 .boxgrid .txt p {
		font-size: 18px;
		line-height: 24px;
		font-weight: 400;
	}
	.boxframe.top10 .boxgrid.adspot.stmarks img {
		max-height: 300px;
	}
	/*---------------------------------------------------- Homepage*/
	/*#topsection .boxframe.panel .boxgrid{
		margin-bottom: 15px; 
	}
	#topsection .boxframe.panel .boxgrid:nth-of-type(1){
		height:initial;
		position: relative;
		width:100%;
	}
	#topsection .boxframe.panel .boxgrid:nth-of-type(1) .featimg{
		height:190px;
		width:40%;
		display: block;
	}
	
	#topsection .boxframe.panel .boxgrid:nth-of-type(1) .txt{
		position: absolute;
		right:0;
		top:0;
		height: 100%;
		z-index:20;
		padding: 20px;
		width:60%;
	}
	#topsection .boxframe.panel .boxgrid:nth-of-type(1) .txt p{
		font-size: 16px;
		line-height: 22px;
	}
	/*#topsection .boxframe.panel .boxgrid:nth-of-type(1) .featimg .cat{

	}
	#topsection .boxframe.panel .boxgrid.fbbadge .featimg{
		width:100% !important;
	}
	
	
	#midsection .boxframe.top5 .boxgrid:nth-of-type(1){
		height:262px;
		position: relative;
	}
	#midsection .boxframe.top5 .boxgrid:nth-of-type(1) .featimg{
		height:262px;
		width:100%;
		display: block;
	}
	#midsection .boxframe.top5 .boxgrid:nth-of-type(1) .txt{
		position: absolute;
		right:0;
		bottom:0;
		z-index:20;
		height: auto;
		padding-bottom: 6px;
	}
	
	#midsection .boxframe.top5 .boxgrid{
		width:49%;
		min-height: initial;
	}
	.postframe .boxframe.top5 .boxgrid .featimg,
	.postframe .boxframe.top5 .boxgrid .txt,
	#midsection .boxframe.top5 .boxgrid .featimg,
	#midsection .boxframe.top5 .boxgrid .txt,
	#lowersection .boxframe .boxgrid:not(:nth-of-type(1)) .featimg,
	#lowersection .boxframe .boxgrid:not(:nth-of-type(1)) .txt{
		display:inline-block;
		vertical-align:top;
		float: left;
		width:50%;
		height: 150px;
	}
	.sideframe .boxframe.panel .boxgrid .featimg,
	.postframe .boxframe.top5 .boxgrid .featimg,
	#midsection .boxframe.top5 .boxgrid .featimg,
	#lowersection .boxframe .boxgrid:not(:nth-of-type(1)) .featimg{
		width:35%;
	}
	.sideframe .boxframe.panel .boxgrid .txt,
	.postframe .boxframe.top5 .boxgrid .txt,
	#midsection .boxframe.top5 .boxgrid .txt,
	#lowersection .boxframe .boxgrid:not(:nth-of-type(1)) .txt{
		width:65%;
		padding-top: 5px;
	}
	
	#lowersection .boxframe .boxgrid:nth-of-type(3){
		float:right;
		margin-top: -144px;
	} 
	
	#lowersection .boxframe .boxgrid:not(:nth-of-type(1)) p{
		font-size: 13px;
		line-height: 18px;
	}
	
	#midsection .boxframe.top5 .boxgrid:nth-of-type(3){
		float:right;
		margin-top: -144px;
	} */
	/*---------------------SPost Page*/
	#maincontent .postframe,
	#maincontent .sideframe{
		display: block;
		width:100%;
		max-width:750px;
		margin: 0 auto;
		border:none;
	}
	#maincontent .sideframe{
		margin: 50px 0 0;
	}
	#maincontent .postframe .postnav a .featimg{
		width:150px;
	}
	.boxframe .boxgrid .postnav a.next {
	  padding-left: 160px;
	}
	.boxframe .boxgrid .postnav a.prev {
	  padding-right: 160px;
	}
	.sideframe ul.postfooter {
		margin-bottom: -10px;
	}
	.sideframe ul.postfooter li {
		width:49%;
		display: inline-block;
	}
	ul.postfooter li a.button{
		font-size: 12px;
		font-weight: normal;
	}
	
	.sideframe #PokeMerchandise li img{
		border-right:1px solid #efefef;
	}
	.postframe .boxframe.top5 .boxgrid{
		width:100%;
		min-height: initial;
		margin-bottom: 10px;
	}
	.sideframe .boxframe.panel .boxgrid .txt,
	.postframe .boxframe.top5 .boxgrid .txt{
		padding: 20px;
	}
	.boxframe .boxgrid .button.breaking {
	  min-height: 150px;
	}
	.sideframe .boxframe.panel .boxgrid .featimg{
		height: 150px;
	}
	.boxgrid.sideframe{
		float: none;
	}
	.post .entry iframe{
		min-width:100%;
	}
	.FooterWidget {
		width: 100%;
	}
	#bkg_footer .menu-category-menu-container,
	#bkg_footer .menu-top-nav-container, .menu-footer-menu-container {
		width: 100%;
		border:none;
		min-height: initial;
		padding: 0 0 20px;
		border-bottom: 1px solid rgba(255,255,255,0.13);
		margin-bottom: 20px;
	}
	.FooterWidget aside {
		width: 100%;
		padding: 10px 10px 0 0;
	}
	ul.footer-menu li {
		width: 50%;
		padding: 0 20px 0 0;
	}
	#THbox {
		height:auto;
		position: relative;
		top:auto;
		right:auto;
		width:100%;
		padding:0;
	}
	#Section2 #newsletter,
	#Section2 .boxgrid.stmarks {
		width:100%;
		margin: 0 0 8px;
	}
	#Section2 #newsletter .txt{
		padding: 80px;
		position: relative;
	}
	#Section2 #newsletter img{
		display: none;
	}
	
}
@media only screen and (max-width: 767px) {
	#tagline {
		top: 15px;
		left: 85px;
		font-size: 18px;
		width: 250px;
		line-height: 22px;
	}
	#bkg_header.docked #tagline{
		top:8px;
		font-size: 14px;
		line-height: 18px;
		width: 200px;
	}
	#bkg_header .follow span {
		margin: 0 10px 0 0;
	}
	#bkg_body {
		margin: 100px auto 0;
	}
	/*--------------------------Typeography*/   
	
	h1,h2,h3,h4 {
		margin:10px 0;
		font-weight:400;
		letter-spacing:-0.5px;
	}
	h1 {
		font-weight:100;
		font-size:26px;
		line-height:32px;
		
	}
	h2 {
		font-size:20px;
		line-height:26px;
	}

	h3 {
		font-size:18px;
		line-height:22px;

	}
	h4 {
		font-size:16px;
		line-height:22px;
	}
	h5 {
		font-size:14px;
		line-height:20px;
		font-weight:400;
	}
	p {
		font-size:14px;
		line-height:20px;
		margin:10px 0;
	}
	#menu{
		top:10px;
	}
	#bkg_header {
		height: 100px;
	}
	#header_content #logo {
		height: 100px;
		padding: 100px 0 0;
		margin: 0 0 0 60px;
		width:250px;
	}
	#bkg_footer .gotop {
		bottom: 0;
	}
	
	/*---------------------------------------------------- Homepage*/
	.boxframe.top10 .boxgrid .txt p,
	.boxframe .boxgrid .txt p{
		font-size:14px;
		line-height: 18px;
	}
	.boxframe.top10 .boxgrid .infobox {
		padding: 15px;
	}
	.boxframe.top10 .boxgrid.adspot.stmarks img {
		max-height: 250px;
	}
	.home #topsection #Section1.boxframe #MidAd.boxgrid img {
		background-size: 100px auto, 200px auto;
	}
	.boxgrid.adspot.stmarks img {
		background-size: 100px auto, 250px auto;
	}
	.home #topsection #Section1.boxframe .boxgrid:nth-of-type(1) .infobox .txt p {
		font-size: 24px;
		line-height: 34px;
	}
	.home #topsection #Section1.boxframe #newsletter {
		height: auto;
	}
	.home #topsection #Section1.boxframe #newsletter p {
		margin: 0;
	}
	
	#topsection .boxframe.panel .boxgrid{
		width:100%;
		height: 140px;
		margin-bottom: 10px;
	}
	
	#topsection .boxframe.panel .boxgrid .featimg{
		width:40%;
		height: 140px;
	}
	#topsection .boxframe.panel .boxgrid .txt{
		width:60%;
		height: 140px;
		padding: 20px;
	}
	#topsection .boxframe.panel .boxgrid.fbbadge,
	#topsection .boxframe.panel .boxgrid.fbbadge .featimg{
		height:110px;
		background-size: auto;
	}
	#topsection .boxframe.panel .boxgrid .txt p {
		font-size:15px;
		line-height: 22px;
	}
	
	#topsection .boxframe.panel .boxgrid:nth-of-type(1){
		height:262px
	}
	#topsection .boxframe.panel .boxgrid:nth-of-type(1) .featimg{
	  display: block;
	  height: 262px;
	  width: 100%;
	}
	#topsection .boxframe.panel .boxgrid:nth-of-type(1) .txt{
		height:auto;
		top:auto;
		bottom:0;
		padding: 10px;
	}
		
	#midsection .boxframe.top5 .boxgrid,
	#midsection .boxframe.top5 .boxgrid:nth-of-type(1),
	#midsection .boxframe.top5 .boxgrid:nth-of-type(3) {
		margin-top: 0;
		float: none;
		margin-bottom: 10px;
		width:100%;
	}

	#midsection .boxframe.top5 .boxgrid:nth-of-type(1) .txt,
	#midsection .boxframe.top5 .boxgrid .txt{
		padding: 20px;
	}
	
	.menu-footer-menu-container,
	.FooterWidget{
		display: block;
		width:100%;
		border:none;
		float: none;
		padding: 0;
	}
	#maincontent .postframe .postnav a .featimg{
		width:100px;
	}
	.boxframe .boxgrid .postnav a.next {
	  padding-left: 110px;
	}
	.boxframe .boxgrid .postnav a.prev {
	  padding-right: 110px;
	}
	.sideframe .boxframe.panel .boxgrid .featimg,
	.postframe .boxframe.top5 .boxgrid .featimg, 
	.postframe .boxframe.top5 .boxgrid .txt, 
	#midsection .boxframe.top5 .boxgrid .featimg, 
	#midsection .boxframe.top5 .boxgrid .txt, 
	#lowersection .boxframe .boxgrid:not(:nth-of-type(1)) .featimg, 
	#lowersection .boxframe .boxgrid:not(:nth-of-type(1)) .txt {
	  height: 130px;
	}
	.boxframe .boxgrid .button.breaking {
	  min-height: 130px;
	}
	#footer_content {
		padding: 100px 20px 50px 20px;
		background-position: center 20px;
		background-size: 80px auto;
	}
	.postframe .page .entry {
		padding: 50px 30px 80px;
	}
	.sideframe .boxgrid.adspot.stmarks img {
		/*height: 350px;*/
	}
	.boxframe.top10 .boxgrid .infobox {
		width: 60%;
		margin: 0 -2px;
		display: inline-block;
	}
	.boxframe.top10 .boxgrid .featimg {
		width: 40%;
		margin: 0 -2px;
		display: inline-block;
	}
	#Section2 #newsletter .txt{
		padding:50px;
	}
}
@media only screen and (max-width: 599px) {
	#bkg_header .follow span {
		display: none;
	}
	#site_container{
		padding: 16px;
	}
	#bkg_body {
		margin: 90px auto 0;
	}
	#navframe {
		background-position: 20px 7px;
		background-size: 60px auto;
	}
	
	#maincontent{
	 	padding-top:0;
	}
	.home #topsection #Section1.boxframe #newsletter {
		padding: 30px 20px;
	}
	
	#bkg_footer a#dd_tag{
		width:100%;
		text-align: center;
		right:0;
		left:0;
	}
	.FooterWidget aside {
		width: 100%;
		padding: 10px 2px 0;
		display: block;
		margin: 0;
	}
	#footer-sidebar aside .box-50{
		width:100%;
		padding:10px 0;
	}
	#bkg_footer a#dd_tag {
		bottom: 10px;
		right:0;
		letter-spacing: 6px;
		left:0;
		text-align: center;
	}
	/*------------------------Homepage*/
	.boxframe .boxgrid:not(.boxCol2):not(.boxCol1):not(.postframe){
		
	}
	.boxframe .boxgrid .infobox{
		position: relative;
		display: block;
		margin: 0;
		padding:20px 10px;
		color: #1C1E20;
		
	}
	.boxframe .boxgrid .infobox p{
		text-shadow: none;
	}
	.home #topsection #Section1.boxframe .boxgrid:nth-of-type(1) .cat span:not(.cats) {
		display:block;
		vertical-align: top;
		padding: 0;
		margin: 0;
	}
	.boxframe .boxgrid .cat{
		height: auto;
	}
	.home #topsection #Section1.boxframe .boxgrid:nth-of-type(1) .infobox .txt p {
		font-size: 18px;
		line-height: 24px;
	}
	.home #topsection #MidAd.boxgrid.adspot img {
		height: 250px;
	}
	.boxframe.top10 .boxgrid .featimg {
		height: 90px;
	}
	.boxframe.top10 .boxgrid .infobox{
		padding: 0 0 0 10px;
	}
	.boxframe.top10 .boxgrid p {
		font-size: 13px;
		line-height: 18px;
	}
	/*.boxframe.top10 .boxgrid{
		border-bottom:1px solid #d8d8d8; 
	}
	.boxframe.top10 .boxgrid .infobox {
		width: 100%;
		padding: 20px;
	}
	.boxframe.top10 .boxgrid .featimg img{
		min-width: 100%;
	}
	.boxframe.top10 .boxgrid .featimg {
		width: 100%;
		height: 190px;
		background-color:transparent;
		overflow: hidden;
	}
	.boxframe.top10 .boxgrid a{
		padding: 0;
		margin: 0;
		display: inline;
	}*/
	
	#maincontent .postframe .postnav a {
		height:auto;
	}
	#maincontent .postframe .postnav a span.label {
		display:none;
	}
	.boxframe .boxgrid .postnav a span.title{
		color: #fff;
		text-align: center;
	}

	#maincontent .postframe .postnav a .featimg{
		display: none;
	}
	
	.boxframe .boxgrid .featimg .cat {
	  font-size: 10px;
	  line-height: 12px;
	  padding: 2px 6px 3px;
	  right: 5px;
	  top: 5px;
	}
	.boxframe .boxgrid .postnav a.next,
	.boxframe .boxgrid .postnav a.prev {
	  padding:10px;
	}
	.boxframe .boxgrid .button.breaking{
		padding: 0;
	}
	.boxframe .boxgrid .button.breaking .featimg,
	.boxframe .boxgrid .button.breaking .txt{
		position: relative;
		display: block;
		width:100%;
		margin: 0;
	}
	.boxframe .boxgrid .button.breaking .txt{
		padding: 16px;
	}
	.boxframe .boxgrid .button.breaking .featimg{
		height: 200px;
	}
	.sideframe ul.postfooter li,
	ul.postfooter li{
		width:100%;
	}
	#AfterPost .top5 .txt {
		float:right;
	}
	#facebook-tag{
		background-size: contain;
	}
	.sideframe .boxframe.panel .boxgrid .txt, .postframe .boxframe.top5 .boxgrid .txt {
	  padding: 8px;
	}
	.postframe .post .postheader{
		padding: 0;
	}
/*	.postframe .post .postheader .featimg {
		display: block;
		width: 100%;
		margin: 0;
		position: relative;
		top: 0;
		left: 0;
		bottom: 0;
	}*/
	.postframe .page .entry {
		padding: 40px 16px 50px;
	}
	.postframe .post .entry {
		padding: 30px 16px 30px;
	}
	#Comments{
		padding: 20px;
	}
	ul.nav-menu li a{
		font-size: 20px;
		line-height: 40px;
	}
	
}
@media only screen and (max-width: 479px) { 
	#bkg_body {
		padding: 0;
	}
	
	#bkg_header .follow a {
		margin: 5px 0 5px 0;
		width:35px;
	}
	#tagline, 
	#bkg_header.docked #tagline {
		top: 5px;
		font-size: 11px;
		line-height: 14px;
		width: 95px;
		left: 54px;
		font-weight: 400;
	}
	#bkg_header.docked,
	#bkg_header {
		height: 60px;
	}
	#menu {
		left:-10px
	}
	#bkg_header .follow{
		right:-10px;
	}
	#header_content #logo,
	#bkg_header.docked #logo {
		height: 60px;
		padding: 60px 0 0 0;
		background-size: 100% auto;
		background-image: url("../img/FamousCampaigns.svg");
		width:180px;
		margin-left: 40px;
	}
	
	.boxgrid.adspot.stmarks img {
		background-size: 90px auto, 200px auto;
	}
	.home #topsection #Section1.boxframe #MidAd.boxgrid img {
		background-size: 90px auto, 150px auto;
		background-position: 0 40px, right bottom;
	}
	#maincontent .postnav {
	  text-align:center;
		display: block;
		margin: 0 auto;
		float: none;
		width:100%;
	}
	#bkg_footer .gotop {
		display: block;
		position: relative;
		bottom: auto;
		left: auto;
		width: 40px;
		height: 40px;
		line-height: 54px;
		margin: 10px auto;
	}
	/*.home #topsection #Section1.boxframe .boxgrid:nth-of-type(n) {
		border-bottom: 1px solid #d8d8d8; 
	}*/
	.home #topsection #Section2 {
		margin: -30px -3px 0;
	}
	.boxframe .boxgrid .infobox {
		padding: 10px 5px;
	}
	/*.boxframe .boxgrid .cat {
		padding: 5px 0 0; 
		border-top: 1px solid #e6e5e6;
	}*/
	.boxframe .boxgrid .featimg::before {
		display: none;
	}
	#maincontent .postnav a.xl {
		float: none;
		width: 100%;
	}
	#Section2 #newsletter{
		order:-1;
	}
	#Section2 #newsletter .txt {
		padding: 30px 20px;
	}
	.boxframe .boxgrid.boxCol1 {
		display: flex;
		flex-wrap: wrap;
		flex-flow: column;
	}
	#THbox{
		height: 350px;
	}
}

/* Size and Orientation */
@media only screen and (max-width: 359px) { 

	#bkg_header.docked #header_content #logo,
	#header_content #logo {	
		left:-15px;
	}
	#tagline, 
	#bkg_header.docked #tagline {
		top: 5px;
		font-size: 12px;
		line-height: 14px;
		width: 100px;
		left: 50px;
	}
	#bkg_header .follow {
		padding: 0 5px;
	}
	#bkg_header .follow a {
		margin: 5px 5px 5px 0;
	}
	#menu,
	#bkg_header .follow a i {
		width:35px;
		height: 35px;
		line-height: 35px;
	}
}
/* Landscape Orientation */
@media screen and (orientation: landscape) {

}

/* Portrait Orientation */
@media screen and (orientation: portrait) {

}

/*--------------------------------------------------------------------- End Responsive Queries*/






