/*========================================================
                    GENERAL STYLES
=========================================================*/
body {
	background: #000000;
	font: 16px 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 22px;
	color: #000000;
}
a , a:focus {
	color:black;
	text-decoration: none;
	background: none;
}
a:hover{
	color:red;
	text-decoration: none;
}
img {
    /* width: auto; */
    height: auto;
}
p {
	margin-bottom: 24px;
	line-height: 24px;
}
h2 {
	font: 100%/100% 'roboto'   ;
	color: #000000;
	margin: 0 0 26px 0;
}
h3 {
	font: 150%/150% 'roboto'   ;
	color: #000000;
	margin: 20px 0 15px 0;
	border-bottom: 2px solid #aaa;
	clear:both;
}
h4 {
	font: 100%/120% 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000000;
	margin: 0 0 19px 0;
}
small {
    font-size: 80%;
}
.container{
}
.center {
	text-align: center;
}
.alignright {
    float: right;
    margin-left: 10px;
	max-width:100%;
	padding:6px 0px 10px 10px
}
.alignleft {
    float: left;
    margin-right: 10px;
	max-width:100%;
	padding:6px 10px 10px 0px
}
.noPadding{
	padding:0 !important;
}
.noMargin{
	margin:0 !important;
}
.content {
	padding: 20px 0 0 0;
	background: #fff;
}
.floatRightDt{
	float:right;
}
.clearBoth{
	clear:both;
}
.clear15{
	clear:both;
	height:15px;
}
.clear50{
	clear:both;
	height:50px;
}
.block100{
	display:inline-block;
	width:100%;
}
.noDisplay{
	display:none;
}
.thumbnail{
	padding:0;
	border-radius:0;
}
.postContent ul{
	list-style-image: url('/wp-content/themes/surelytemple/img/list_arrow.png');
}
.postContent a{
	color: #BF1D2D;
}
.postContent a:hover{
	color: red;
}

@media only screen and (max-width: 600px) and (min-width: 0px) {
	.postContent p img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 6px 0 10px 0;
    float: none;
	}
}
@media only screen and (max-width: 500px) and (min-width: 0px) {
	.postContent ul li img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 6px 0 10px 0;
		float: none;
	}
}
.excerptShort{
	display:none;
}
.excerptLong{
	display:block;
}
.redLink{
	color:red;
}
.borderNoBottom{
	border-bottom:0;
}
.hideMob{
	display:inline-block;
}
.showMob{
	display:none;
}
.sideTopHome{
	display:none;
}
.lb-container .lb-nav {
	display: none !important;
}

/*========================================================
                    HEADER STYLES
=========================================================*/
header {
	padding: 0px 0 0 0;
	background: #FFF;
	display:inline-block;
	width: 100%;
    vertical-align: top;
	position:relative;
}
header .logoImg{
	margin-bottom:0px;
	margin-top:0px;
}
header .box {
	padding: 7px 0;
	background: #444444;
	height:36px;
	z-index:99;
	position:relative;
	bottom:0;
}
header .box .container {
	position:relative;
}
header .box .menu{
	padding: 0
}
.navMenu{
	display:none;
}
h1.navbar-brand_ {
	margin: 0;
	padding: 0;
	float: left;
	height: auto;
	position: relative;
	top: 0;
	z-index: 10;
}
h1.navbar-brand_ a {
	display: inline-block;
}
h1.navbar-brand_ a img {
	width: 100%;
}
#search {
	margin: 13px 0 0 0;
	position: relative;
	float: right;
}
#search a {
	position: absolute;
	top: 10px;
	right: 15px;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
#search input {
    box-shadow: none;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
		border: 1px solid #A7A7A7;
    background: #F3F3F3;
    margin: 0;
    width: 450px;
    color: #333;
    padding: 11px 35px 11px 30px;
    height: 43px;
    outline: none;
    resize: none;
    overflow: hidden;
}



/* menu
========================================================*/
nav.tm_navbar {
	border: none;
	padding: 0;
	margin: 0;
	float: left;
	min-height: 0;
	background: none;
}
nav.tm_navbar li {
	position: relative;
	font-size: 16px;
	line-height: 24px;
	padding: 0;
	margin: 0 0 0 26px;
	float: left;
	list-style-type: none;
}
nav.tm_navbar li:first-child {
	margin: 0;
}
nav.tm_navbar li a {
	position: relative;
	padding: 4px 5px;
	/*font-weight:bold;*/
	color: #ffffff;
	background: none;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
nav.tm_navbar li a::before, nav.tm_navbar li a::after {
 position: absolute;
 left: 0;
 width: 100%;
 height: 2px;
 background: #ffffff;
 content: '';
 opacity: 0;
 -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
 -moz-transition: opacity 0.3s, -moz-transform 0.3s;
 transition: opacity 0.3s, transform 0.3s;
 -webkit-transform: translateY(-10px);
 -moz-transform: translateY(-10px);
 transform: translateY(-10px);
}
nav.tm_navbar li a::before {
 top: 0;
 -webkit-transform: translateY(-10px);
 -moz-transform: translateY(-10px);
 transform: translateY(-10px);
}
nav.tm_navbar li a::after {
 bottom: 0;
 -webkit-transform: translateY(10px);
 -moz-transform: translateY(10px);
 transform: translateY(10px);
}
nav.tm_navbar li.active > a {
	color: #ffffff;
	background: none;
}
nav.tm_navbar li.active > a::before, nav.tm_navbar li.active > a::after {
 opacity: 1;
 -webkit-transform: translateY(0px);
 -moz-transform: translateY(0px);
 transform: translateY(0px);
}
nav.tm_navbar li:hover > a {
	color: #ffffff;
	background: none;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
nav.tm_navbar li:hover > a::before, nav.tm_navbar li:hover > a::after {
 opacity: 1;
 -webkit-transform: translateY(0px);
 -moz-transform: translateY(0px);
 transform: translateY(0px);
}
nav.tm_navbar .sfHover > a {
	color: #ffffff;
	background: none;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
nav.tm_navbar .sfHover > a::before, nav.tm_navbar .sfHover > a::after {
 opacity: 1;
 -webkit-transform: translateY(0px);
 -moz-transform: translateY(0px);
 transform: translateY(0px);
}
nav.tm_navbar li span {
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -21px;
	color: #333;
	font-size: 14px;
	z-index: 0;
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
}
/* subMenu1
========================================================*/
nav.tm_navbar .sub-menu > ul {
	position: absolute;
	display: none;
	width: 159px;
	left: 0;
	top: 50px;
	list-style: none !important;
	z-index: 11;
	background: #1b1b1b;
	background: rgba(27, 27, 27, 0.8);
	padding: 17px;
	margin: 0;
}
nav.tm_navbar .sub-menu > ul li {
	background: none;
	border: none;
	width: auto;
	float: none;
	margin: 0 0 4px 0;
	line-height: 20px;
	padding: 0;
	display: block;
	position: relative;
}
nav.tm_navbar .sub-menu > ul li a {
	background: none;
	padding: 0;
	margin: 0;
	float: none;
	font-weight:bold;
	color: #ffffff;
	text-transform: none;
}
nav.tm_navbar .sub-menu > ul li a::before, nav.tm_navbar .sub-menu > ul li a::after {
 display: none !important;
}
nav.tm_navbar .sub-menu > .submenu li span {
	display: inline-block;
	background: none;
	position: absolute;
	left: auto;
	right: 0px;
	top: 1px;
	color: #ffffff;
	font-size: 14px;
	width: auto;
}
nav.tm_navbar .sub-menu > ul li a:hover {
	text-decoration: none;
	color: #ffffff !important;
	background: none !important;
	text-decoration: underline;
}
nav.tm_navbar .sub-menu > ul li.sfHover > a {
	text-decoration: none;
	color: #ffffff !important;
	background: none !important;
	text-decoration: underline;
}
/* subMenu2
========================================================*/
nav.tm_navbar .sub-menu ul ul {
	position: absolute;
	display: none;
	width: 165px;
	left: 143px;
	top: -17px;
	list-style: none !important;
	z-index: 11;
	background: #1b1b1b;
	background: rgba(27, 27, 27, 0.8);
	padding: 17px;
	margin: 0;
}
nav.tm_navbar .sub-menu ul ul li a {
	background: none;
	padding: 0;
	margin: 0;
	float: none;
	font-weight:bold;
	color: #ffffff;
	text-transform: none;
	-webkit-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
nav.tm_navbar .sub-menu > ul li > ul li a:hover {
	text-decoration: none;
	color: #ffffff !important;
	background: none !important;
	text-decoration: underline;
}

/*========================================================
                    SIDEBAR STYLES
=========================================================*/
.sidebarCont{
	padding-right:30px;
	padding-left:0;
}
.sideBlock{
	margin-bottom:10px;
}
.sideBlock form{
	max-width:360px;
}
.sideTop, .top10home{
	max-width:400px;
	margin:0 auto;
}
.sideTop img{
	height:223px;
}
.sideAuthors{
    cursor: pointer;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
	padding:4px;
}
.sieAuthImg{
    float: left;
    width: 100px;
    height: 100px;
    background: #fff;
    margin-right: 6px;
	border-radius: 60px;
	box-shadow: 0px 0px 0px 4px #fff, 0px 0px 6px 3px #A7A7A7;
}
.sideAuthors:hover .sieAuthImg{
    border-radius: 60px;
	box-shadow: 0px 0px 0px 4px #fff, 0px 0px 6px 3px #ED2017;
}
.sideAuthName{
    padding-left: 6px;
    font-size: 20px;
	margin-top: 7%;
	display: inline-block;
}
.sideAuthors:hover .sideAuthName a{
	color:#ED2017;
}
.sideAuthName a:hover{
	text-decoration:underline;
}

.newsLetterHeader{
    color: #ED1C24;
}
.signUpDone{
	line-height:22px;
	font-weight: 300;
}
.signUpDone span{
	font-weight:400;
}
.signUpFrmCont{
    box-shadow: 0px 0px 1px 1px #EAEAEA;
}
.signUpInput {
    width: 74%;
    height: 34px;
    padding: 5px;
    font-size: 115%;
    float: left;
    border: 1px solid #D0D0D0;
    border-radius: 2px 0 0 2px;
    outline: 0;
}
.signUpButton{
	width: 26%;
    height: 34px;
    padding: 5px 3px;
    font-size: 118%;
    border: 1px solid #D0D0D0;
    border-left: 0;
    background: #f1f1f1;
    border-radius: 0px 2px 2px 0;
    outline: 0;
    background: linear-gradient(white, #E7E7E7);
}
.signUpButton:hover{
    background: #fff;
}
.signUpButton:active{
    background: #E4E4E4;
}
.signUpDesc{
	clear: both;
	padding-top: 17px;
	width: 100%;
	font-size: small;
	line-height: 15px;
}
.thumb-pad1 {
	margin: 0 0 7px 0;
	overflow: hidden;
}
.thumb-pad1 .thumbnail {
	position: relative;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	border: none;
	padding: 0;
	background: none;
	overflow: hidden;
}
.thumb-pad1 .thumbnail figure {
	position: relative;
}
.thumb-pad1 .thumbnail figure img {
	max-width: 100%;
	border:1px solid #eee;
}
.thumb-pad1 .thumbnail figure span {
	display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 22px;
    font: 110%/90% 'roboto'   ;
    color: #ffffff;
    background: #000000;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
}
.list2 {
	margin: 0 0 0px 0;
	padding: 0;
	list-style: none;
}
.list2 li {
	line-height: 1.42857143;
	margin: 0 0 12px 0;
	padding-bottom: 12px;
	border-bottom: 1px solid #c7c7c7;
}
.list2 li p {
	margin-bottom: 0;
}
.list2 li .title {
	color: #000000;
	margin-bottom: 3px;
}
.list2 li a {
	color: #000000;
}
.list2 li a:hover {
	color: #ed2017;
}
.list2 li:last-child {
	border-bottom: none;
}
.smallAuthors{
	font: 80%/100% 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*========================================================
                    SLIDER/BLURB STYLE
=========================================================*/
.slideShowCont{
	position:relative;
    padding: 0;
}
.slideShowCont .slideHead{
	font: 110%/240% 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    text-transform: uppercase;
    background: #ed2017;
    padding: 0 30px;
    position: absolute;
    top: 30px;
    left: 0;
	color:white;
    z-index: 2;
}
.slideShowCont .slideHead:hover{
	background: #fff;
	color:#000;
}
.slideShowCont .slideshow{
	width:100% !Important;
    z-index: 1;
}
.slideContent{
	position:relative;
	width:100% !Important;;
}
.slideContent .slideCap{
	position:absolute;
	bottom:0;
	position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.47);
    width: 100%;
    height: 55px;
    color: #fff;
    padding: 10px;
    line-height: 37px;
	font: 166%/138% 'roboto' , "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.slideContent .slideImg img{
	width:100% !Important;
	max-height: 453px;
}
.sliderNav{
	position: absolute;
    z-index: 3;
    right: 10px;
    bottom: -15px;
}
.sliderNav a{
	color: #fff;
    font-size: 100px;
    display: inline-block;
}

.sliderNav a.activeSlide{
	color: #ed2017;
}
.top10home{
	display:none;
}


/*========================================================
                    TOP TEN PAGE STYLES
=========================================================*/
.prodReviewCont {
    display: inline-block;
    border: 1px solid #E0E0E0;
    margin-bottom: 20px;
    transition: all 0.1s;
    box-shadow: 0px 0px 5px -1px #A7A7A7;
    background: #fff;
    overflow: hidden;
    position: relative;
    height: 180px;
    width: 100%;
}
.prodReviewCont:hover{
	box-shadow: 0px 0px 5px -1px #ED2017;
}
.articleImg {
    float: left;
    width: 20%;
    height: 100%;
    border-right: 1px solid #ddd;
	text-align: center;
}
.articleImg img{
	max-width: 100%;
	max-height:100%;

}
.articleTitEx {
    float: left;
    width: 60%;
}
.prodReviewCont .title{
    border-bottom: 1px solid #ddd;
    padding: 4px;
    background: #F3F3F3;
    font-size: 16px;
}
.prodReviewCont .title h2 {
    padding: 6px 2px;
    margin: 0;
    font-size: 20px;
    font-weight: bold;
	width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.prodReviewCont:hover .title h2{
	color:#ED2017;
}

.prodReviewCont .title:hover h2{
	text-decoration:underline;
}
.topRatings{
    padding: 12px 4px;
}
.topRatings p{
	margin-bottom: 6px;
}
.topRatings .rateLabel{
	float:left;
	width:47%
}
.topRatings .ratingsCont{
	float:left;
	margin-left: 10px;
	background: #E0E0E0;
	width: 50%;
	position:relative;
}
.topRatings .rateScore{
	position:absolute;
	color: #fff;
	font-weight: bold;
	text-shadow: 0px 1px 1px #000;
	padding-left: 3px;
	line-height: 23px;
}
.topRatings .rateEmpty{
	position:absolute;
	color: #fff;
	font-weight: bold;
	text-shadow: 0px 1px 1px #000;
	padding-left: 3px;
	line-height: 23px;
}
.topRatings .rateView{
	float:left;
	background-color: #921414;
	width:10%;
	height: 24px;
}
.clearRevTop{
	height:33px;
}

.revTopProd {
    text-align: center;
    margin-top: 3px;
}
.revTopProd img{
    width: 82%;
}

.revTopProd span{
    background: #F00;
    border-radius: 134px;
    color: #fff;
    margin-top: 5px;
    width: 75px;
    border: 1px solid #D40101;
    display: inline-block;
    box-shadow: 0px 1px 4px 0px #D40101;
    height: 74px;
    text-shadow: -1px 1px 3px #6B0404;
}
.RevQuote{
	height: 90px;
    background: #FBFBFB;
    border: 1px solid #F5F5F5;
    padding: 4px;
    margin-bottom: 10px;
    border-radius: 4px;
    font-style: italic;
    line-height: 22px;
}
.articleRating {
    float: left;
    width: 20%;
    padding: 4px;
    border-left: 1px solid #ddd;
    height: 100%;
    position: relative;
}
.visitSitePage {
    clear: both;
    width: 80%;
    margin: 0 auto;
	margin-top:22px;
}
.articleRating .seeFullRev , .visitSitePage .seeFullRev {
    padding: 5px 10px;
    bottom: 0;
    display: block;
    height: 33px;
    line-height: 22px;
    margin: 0 auto;
    cursor: pointer;
    width: 83%;
    margin-top: 5.5%;
    outline: 0;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background: #D40101;
    text-align: center;
    vertical-align: middle;
    color: #000;
    text-decoration: none;
    font-size: 17px;
    font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
    background: -moz-linear-gradient(top,#eee,#ccc);
    background: -o-linear-gradient(top,#eee,#ccc);
    background: -ms-linear-gradient(top,#eee,#ccc);
    background: linear-gradient(to bottom, #eee, #ccc);
    background: -webkit-linear-gradient(top, #eee, #ccc);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    border: 1px solid #aaa;
}
.articleRating .seeFullRev:hover, .visitSitePage .seeFullRev:hover{
	background:#eee;
}
.articleRating .seeFullRev:active, .visitSitePage .seeFullRev:active{
	background:#ccc;
}
.visitSite{
	right:0;
}
.articleRating p{
	margin:0 0 10px 0;
}



/*========================================================
                    DISPLAY PAGE STYLES
=========================================================*/
.homeProds .article-cont{
	height: 380px;
}
.homeProds .article-cont .caption{
	display:none;
}
.caption-bottom {
	font: 110%/240% 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	display: inline-block;
	text-transform: uppercase;
	background: #ed2017;
	padding: 0 30px;
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 2;
}
.caption-bottom:hover , .caption-bottom:focus{
	color: #000;
	background: #fff;
}
.article-display{
    padding:0 6px;
}
.article-cont{
	height:476px;
    display: inline-block;
    border: 1px solid #E0E0E0;
    margin-bottom: 6px;
    padding: 10px;
	transition:all 0.1s;
	box-shadow: 0px 0px 5px -1px #A7A7A7;
	background:#fff;
	overflow:hidden;
	position: relative;
	width:100%;
}
.article-display:hover .article-cont{
	box-shadow: 0px 0px 5px -1px #ED2017;
	border-top:1px solid #F8E2E1;
}
.article-cont .title{
	font:110%/140% 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	height: 50px;
    overflow: hidden;
}
.article-display:hover .title{
	color:#ED2017;
}

.article-cont .authorDate{
	font:90%/196% roboto;
	margin-bottom: 10px;
	border-bottom: 1px solid #E8E8E8;
}
.article-cont .authorDate time{
	font-size:12px;
}
.article-cont .authorDate a{
	color:#ED2017;
}
.article-cont .authorDate a:hover, .article-cont .title:hover{
	text-decoration:underline;
}
.article-display .thumbnail,.thumb-pad3 .thumbnail{
    border: 0;
	border-color:#ececec;
	overflow: hidden;
	background: white;
    clear: both;
}
.article-display .thumbnail .artImg, .thumb-pad3 .thumbnail .artImg{
	max-height: 243px;
    max-width: none;
    margin-left: -32%;
}
.article-display:hover .thumbnail{
   /* border: 1px solid #ECECEC;*/
}
.article-cont p{
	margin-bottom:0;
	padding-right: 18px;
}
.disRateCont{
	display: inline-block;
	width: 100%;
}
.disRateCont .disRateHead{
	float:left;
	font-weight:bold;
}
.disRateCont .disRatings{
	position: relative;
	float: right;
	width: 45%;
	background: #E8E8E8;
}
.disRateCont .disRate{
	position: absolute;
	left: 4px;
	color: white;
	top: 2px;
}
.disRateCont .disRateView{
	float:left;
	background-color:#921414;
	width:10%;
	height: 24px;
}
.article-cont .caption{
	clear: both;
	position: absolute;
	bottom: 7px;
	height: 93px;
	overflow: hidden;
	padding-right: 6px;
	width: 100%;
}


/*========================================================
                    SINGLE/POST STYLES
=========================================================*/
.postContainer{
	border: 1px solid #E8E8E8;
	padding: 20px;
	box-shadow: 0px 0px 5px -1px #c3c3c3;
	background: #fff;
}
.postContainer .authorDate{
	margin-bottom: 15px;
}
.postContainer h1{
	margin-top:0;
}
.postContainer h3{
	margin-top:30px;
}
.postBlock{
	display:inline-block;
	width:100%;
	height: auto;
}
.postThumb{
	float:left;
	width:40%;
	text-align: center;
}
.postRating{
	float:left;
	width:60%;
	height:100%;
    padding: 4px;
	position:relative;
}
.postTopProd{
	margin-top: -26px;
	margin-bottom:10px;
	font-size: 45px;
    text-align: center;
    line-height: 80px;
    font-weight: bold;
    color: #F00;
}
.postRating p{
	margin:0 0 10px 0;
}
.postContent{
	clear:both;
	margin-top:0px;
	display: inline-block;
}
.artThmb{
	width:100%;
}
.artThmb img{
	width:100%;
	height:auto;
	margin-bottom: 20px;
}
.thumb-box3 {
	overflow: hidden;
	padding: 24px 0;
}
.postContent ul{
	padding-left:14px;
}

/*========================================================
                    INTERESTED IN STYLES
=========================================================*/
.bottomLoop .caption h4{
	font: 120%/100% 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.bottomLoop:hover .caption h4{
	color:#ED2017;
}
.bottomLoop .caption h4:hover{
	text-decoration:underline;
}
.thumb-pad3 {
	margin: 0 0 40px 0;
}
.thumb-pad3 .thumbnail {
	position: relative;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	border: none;
	padding: 0;
	background: none;
}
.thumb-pad3 .thumbnail .caption {
	padding: 0;
	overflow: hidden;
}
.thumb-pad3 .thumbnail .caption a {
	color: #000000;
}
.thumb-pad3 .thumbnail .caption a:hover {
	color: #ed2017;
}
.thumb-pad3 figure {
	margin: 0 0 15px 0;
	    position: relative;
    overflow: hidden;
}
.botLoopRad{
position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 200px;
    box-shadow: 0px 0px 0px 106px #FBFBFB;
}
 .thumb-pad3 .thumbnail .artImg{
	max-height: 262px;
}
/*========================================================
                    FOOTER STYLES
=========================================================*/
footer ul, footer ul li {
    display: inline-block;
	padding:0;
}
footer ul li {
	padding-left:16px;
}
.inBlock{
	display:inline-block;
}
footer {
	padding: 29px 0;
	text-align: center;
	overflow: hidden;
}
footer p {
	color: #ffffff;
	margin-bottom: 0;
}
footer p a {
	color: #ffffff;
}
footer p a:hover {
	color: #ed2017;
}
footer span {
	padding: 0 5px;
}
footer br {
	display: none;
}
footer em {
	font-style: normal;
}
footer a{
	color: #428bca;
}

/*========================================================
                    CONTACT STYLES
=========================================================*/
.contactName{
	width:49%;
	border: 1px solid #ECECEC;
    background: #f1f1f1;
    height: 41px;
    color: #000;
    padding: 10px 14px;
}
.contactEmail{
	width:49%;
	border: 1px solid #ECECEC;
    background: #f1f1f1;
    height: 41px;
    color: #000;
    padding: 10px 14px;
	float:right;
}
.contactMess{
	width:100%;
	border: 1px solid #ECECEC;
    background: #f1f1f1;
    height: 230px;
    color: #000;
	margin-top: 11px;
    padding: 10px 14px;
}
.contactSubmit{
	font: 110% 'roboto'   ;
    color: #ed2017;
    background: none;
    text-transform: uppercase;
    outline: 0;
    transition: all 0.25s;
    border: 0;
}
.contactSubmit:hover{
	color:#000;
}

/*========================================================
				AUTHOR PAGE STYLES
=========================================================*/
.authPageHead{
	float:left;
	width:100%;
	clear:both;
}


/*========================================================
					404 STYLES
=========================================================*/
.thumb-box9 {
	overflow: hidden;
	padding: 0;
}
#search-404 {
	padding: 0;
	margin: 32px 0 0 0;
	position: relative;
}
#search-404 a {
	position: absolute;
	top: 11px;
	right: 15px;
}
#search-404 input {
	box-shadow: none;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	width: 100%;
	outline: none;
	background: #f1f1f1;
	border: 1px solid #f1f1f1;
	line-height: 18px;
	color: #000000;
	padding: 11px 35px 11px 14px;
	height: 43px;
	resize: none;
}

/*========================================================
                    UNKOWN STYLES
=========================================================*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 80px;
	right: 30px;
	overflow: hidden;
	border: none;
	color: #333;
	font-size: 31px;
	z-index: 20;
	-webkit-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
	transition: color 0.5s ease;
}
#toTop:hover {
	outline: none;
	color: #ed2017;
}
.errorBox {
	text-align: center;
}
.errorBox1 {
	padding-top: 32px;
	padding-bottom: 70px;
}
.errorBox1 .title {
	color: #ed2017;
	margin-bottom: 12px;
}
.errorBox1 .description {
	color: #000000;
	text-transform: uppercase;
	margin-bottom: 35px;
	letter-spacing: -2px;
}

/*========================================================
             REVIEW CRITERIA FOR TOP 10 PAGE
=========================================================*/

.review_criteria_blurb, .review_criteria_blurb p {
	margin-bottom:10px;
}

#criteria_list {
	color: #921414;
	margin: 0 auto;
	padding-left: 12%;
	padding-right: 8%;
    padding-bottom: 2%;
    display: inline-block;
}

#review_column {
	margin-bottom: 7px;

}

ul.share-buttons{
	list-style: none;
	padding: 0;
	float: right;
	margin: 0;
}
ul.share-buttons li{
	display: inline;
	margin-left: 8px;
}
ul.share-buttons li a{
	color: #fff;
	font-size: 24px;
}

/*========================================================
      	 Social Media Modal 768px - 991px
=========================================================*/
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 50%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
		top: 25%;
    text-align: center;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:0}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:0}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #444444;
    color: white;
    text-align: center;
}

.modal-header h2 {
	font: 100%/100% 'roboto';
  color: #fff;
  margin: 0 0 26px 0;
  margin: 10px;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #444444;
    color: white;
}

#myBtn {
	padding: 0px 4px;
	float: right;
	color: #fff;
}

.shareButtonModal {
	padding-left: 0;
}

.shareButtonModal li {
	list-style-type: none;
	display: inline;
}

.shareButtonModal li a i {
	font-size: 1.5em;
	background: #444444;
	color: #fff;
	padding: 5px 10px;
	margin-right: 5px;
}

/*========================================================================================================================================================================
																	M E D I A    Q U E R I E S
=========================================================================================================================================================================*/

/* MIN WIDTH 320px

========================================================*/

@media only screen and (min-width : 0px) and (max-width: 767px){
	
	.hideMobile{
		display: none;
	}

	ol, ul a{
		overflow-wrap: break-word;
	}

	/* GENERAL STYLES */
	.excerptShort{
		display:block;
	}
	.excerptLong{
		display:none;
	}
	.floatRightDt{
		float:none;
	}
	.inBlock li{
		margin:8px 0px;
		display:block;
	}
	.mobPad{
		padding:0 6px;
    margin-top: 15px;
	}
	h1 {
		font: 180%/30px 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #000000;
		font-weight:bold;
	}
	h2 {
		font: 30px/30px 'roboto' ;
		color: #000000;
		margin: 0 0 26px 0;
	}
	h3 {
		font: 150%/170% 'roboto'   ;
    margin: 0px 0 15px 0;
	}
	.bigH3 {
		font: 120%/170% 'roboto'   ;
	}
	.hideMob{
		display:none;
	}
	.showMob{
		display:inline-block;
	}

	/* HEADER */
	header {
		text-align: center;
	}
	header h1.navbar-brand_ {
		float: none;
	}
	header #search {
		float: none;
	}
	header #search input {
		width: 100%;
	}
	header .logoImg{
		margin-bottom:6px;
		max-width:100%;
	}
	header .box{
		width: 100%;
		height: 36px;
		padding-top: 9px;
		position:relative;
		vertical-align: top;
	}
	.mobMenS{
		position: absolute;
		left: 10px;
	}
	.menBut {
		color: #fff;
		display: inline-block;
		font-size: 120%;
		line-height: 15px;
		vertical-align: top;
		margin-right: 7px;
		/* border-right: 1px solid #fff; */
		padding-right: 13px;
		padding-top: 3px;
	}
	.mobMenS img{
		margin-top:-4px;
	}
	.showMobSer{
		display:none;
	}
	.navMenu{
		display: none;
		position: fixed;
		z-index: 2000;
		background-color: #fff;
		width: 94%;
		margin: 0 auto;
		margin-left: 3%;
		margin-top: 3%;
		border-radius: 0 0 4px 4px;
		border-top: 2px solid #ED2017;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
		margin-bottom: 20px;
	}
	.navMenuBg{
		position: fixed;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.navmenu-nav{
		margin-bottom:0;
	}
	.navMenu li{
		border-bottom: 1px solid #ededed;
		font: 115%/120% 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin: 0 8px;
	}

	.navMenu li .navRedAr{
		color:#ED2017;
	}
	.navMenu .redLet{
		display:inline;
	}
	.navMenu .redLet:first-letter{
		color:#ED2017;
	}
	.nav > li > a{
	    padding: 14px 10px;
	}
	.navMenu li:active, .nav > li > a:hover, .nav > li > a:focus{
		color:#ED2017;
		background:#fff;
	}
	.navMenu li:last-of-type{
		border-bottom: 0;
	}
	.mobSearch{
		display:none;
	}
	.mobSearch #search{
	    margin: 7px 6px;
	}
	.mobSearch #search input{
		height: 31px;
		border-radius:1px;
		padding: 11px 30px 11px 8px;
	}
	.mobSearch #search a{
		top: 4px;
		right: 6px;
	}

	/* SLIDER */
	.slideShowCont .slideHead{
		font: 100%/230% 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding: 0 8px;
		top: 9px;
	}
	.slideContent .slideCap{
		font: 92%/203% 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
		height: 46px;
	}
	.top10Button{
		background: #921414;
		padding: 6px 6px;
		box-shadow: 0px 0px 1px 0px #8A0000;
		border: 1px solid #8A0000;
		font-size: 88%;
		color: white;
	}
	.top10Button:active, .top10Button:hover, .top10Button:focus{
		background: #710202;
		color: white;
	}
	.homeBlurb{
		text-align:center;
	}
	.homeBlurb p + p{
		display:none;
	}
	.homeBlurb p, .specP p{
		display:inline-block;
		width:98%;
		text-align:justify;
	}

	/* SIDEBAR STYLES */
	.home .sideTop:first-of-type{
		display:none;
	}
	.top10home{
		display:block;
	}

	.sideTop+.sideTop{
    margin-bottom: 20px;
	}
	.caption-bottom {
		font: 110%/210% 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	.thumb-pad1 .thumbnail figure span {
		padding: 10px 4px;
	}
	.sidebarCont{
		margin-top: 40px;
		padding-right:15px;
		padding-left:15px;
	}
	.thumb-box3{
		padding:0;
	}
	.thumb-pad3{
		margin: 20px 0 20px 0;
	}
	.bottomLoop+.bottomLoop .thumb-pad3{
		padding-top: 27px;
		border-top: 1px solid #E4E4E4;
	}
	.thumb-pad3 .thumbnail .artImg{
		height: 280px;
	}
	.bottomLoop .caption h4{
		font: 132%/100% 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	.sideBlock form{
		margin:0 auto;
	}
	.sideBlock {
		/* margin-bottom: 50px; */
	}

	/* TOP TEN */
	.prodReviewCont{
		height:auto;
		padding-top: 15px;
		padding-bottom:5px;
	}
	.articleImg{
		padding-bottom:5px;
	}
	.articleImg, .articleTitEx, .articleRating{
		float:none;
		width:100%;
		border:0;
	}
	.topRatings .ratingsCont{
		margin-left:0;
		float:right;
	}
	.clearRevTop{
		height:0px;
		margin-top: -26px;
	}
	.revTopProd img{
		width:auto;
		margin-bottom: 12px;
	}
	.topRatings, .articleRating{
		background:#FBFBFB;
	}
	.articleRating{
		padding-bottom: 5px;
	}
	.articleRating .seeFullRev{
		float:left;
		width: 49%;
		font-size: 16px;
		display:inline-block;
	}
	.articleRating .visitSite{
		float:right;
	}
	.prodReviewCont .title h2{
		padding: 3px 2px;
		font-size: 17px;
		line-height: 20px;
		white-space: normal;
		overflow: visible;
		text-overflow: initial;
	}

	/* DISPLAY PAGE */
	.article-cont .title{
		height:auto;
	}

	/* SINGLE/POST PAGE */
	.postContainer{
		padding:20px 6px;
		margin-bottom: 20px;
	}
	.postBlock{
		height:auto;
	}
	.postTopProd{
		margin-top:0;
	}
	.postTopProd img{
		max-width:100%;
	}
	.postThumb, .postRating{
		float:none;
		width:100%;
		margin-bottom: 10px;
	}

	/* CONTACT PAGE */
	.contactName, .contactEmail{
		width:100%
	}
	.contactEmail{
	    margin-top: 12px;
	}

	/* POST PAGE */
	.artThmb{
		margin-bottom: 14px;
	}


	/* UNKNOWN */
	.col-xs-6 {
		width: 100%;
		float: none;
	}
	nav.tm_navbar {
		float: none;
		width: 100%;
		text-align: center;
	}
	.navbar .menu{
		display:none;
	}

	/*REVIEW CRITERIA FOR TOP 10 PAGE*/

	#review_column {
		padding-left: 0px;
	}
	#criteria_list {
		padding-left: 0px;
		padding-top: 3px;
		padding-bottom: 10px;

	}
	ul.share-buttons{
		margin: -2px 6px 0 0;
	}
}

@media only screen and (min-width: 360px) and (max-width: 767px){
	.article-display .thumbnail .artImg, .thumb-pad3 .thumbnail .artImg{
		margin:0 auto;
	}
}

@media (min-width: 480px) and (max-width: 767px){
	.excerptShort{
		display:none;
	}
	.excerptLong{
		display:block;
	}
	.col-xs-6 {
		width: 100%;
		float: none;
	}
	.banner1 .caption {
		top: 20%;
	}
	.banner1 .caption .title {
		font-size: 20px;
	}
	.banner2 .caption {
		top: 20%;
	}
	.banner2 .caption .title {
		font-size: 20px;
	}
	.banner3 .caption {
		top: 20%;
	}
	.banner3 .caption .title {
		font-size: 20px;
	}
	.thumb-pad6 figure {
		margin: 0 0 20px 0;
		float: none;
	}
	.list4 li .badge {
		float: none;
		margin: 0 0 20px 0;
	}
	.article-cont{
		height:auto;
	}
	.disRateCont{
		margin-bottom:10px;
	}
	.article-display .thumbnail, .thumb-pad3 .thumbnail{
		width:49%;
		float:left;
	}
	.article-cont .caption{
	clear:none;
	float:right;
	height:auto;
	width:49%;
	position: relative;
	padding-right:0;
	}
	.article-cont p{
		padding-right:0;
	}
	.article-display .thumbnail .artImg, .thumb-pad3 .thumbnail .artImg{
		margin-left: -32%;
		height:215px;
	}
	.slideContent .slideCap{
	    font: 130%/140% 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	.disRateCont .disRatings{
	    width: 49%;
	}
	.homeBlurb p + p{
		display:inline-block;
	}

	/* BOTTOM LOOP */
	.bottomLoop{
		width:49%;
		float:left;
		height: 594px;
	}
	.bottomLoop .article-display .thumbnail, .thumb-pad3 .thumbnail{
		width:100%;
	}
	.bottomLoop+.bottomLoop .thumb-pad3{
		border-top:0;
		padding-top:0;
	}
	.bottomLoop+.bottomLoop+.bottomLoop .thumb-pad3{
	    padding-top: 27px;
		border-top: 1px solid #E4E4E4;
	}

	/* TOP 10 PAGE */
	.prodReviewCont{
		padding:0;
	}
	.articleImg{
		float:left;
		width: 30%;
		padding: 0 4px;
	}
	.articleImg img{
		padding-top:20%;
	}
	.articleTitEx,.articleRating{
	    width: 69%;
		float: right;
		border-left: 1px solid #DDD;
	}

	/* CONTACT PAGE */
	.contactName, .contactEmail{
		width:49%;
	}
	.contactEmail{
	    margin-top: 0;
	}
}

@media (min-width: 480px) and (max-width: 767px){
	.articleImg img{
		padding-top:5%;
	}
}

@media (min-width: 600px) and (max-width: 767px){
	.banner1 .caption {
		top: 25%;
	}
	.banner2 .caption {
		top: 25%;
	}
	.banner3 .caption {
		top: 25%;
	}
	.errorBox img {
		width: 100%;
	}
	.thumb-pad2 figure {
		margin: 0 0 20px 0;
		float: none;
	}
	.thumb-pad4 figure {
		margin: 0 0 26px 0;
		float: none;
	}
	.article-display .thumbnail .artImg, .thumb-pad3 .thumbnail .artImg{
		margin-left: 0%;
	}
	/*.sidebarCont .sideTop{
		width: 420px;
		margin: 0 auto;
		margin-top: 60px;
	}*/
	.articleImg img{
		padding-top:0%;
	}

	/* BOTTOM LOOP */
	.bottomLoop{
		height: 530px;
	}



}

@media (min-width: 768px) and (max-width: 991px){
	/* HEADER */
	.menu{
		padding:0;
	}

	.hideMobile{
		display: none;
	}

	nav.tm_navbar li{
		margin: 0 0 0 12px;
	}
	header #search input {
		width: 100%;
	}
	.sideTopHome{
		display:block;
	}
	.home .sidebarCont .sideTop{
		display:none;
	}

	/* SIDEBAR */
	.sidebarCont{
		padding-right:0;
		margin-top:40px;
	}
	.sideTop+.sideTop{
		margin-top: 0px;
	}


	/* TOP 10 */
	.articleRating .seeFullRev{
		height:auto;
	}
	.articleTitEx{
		width:54%;
	}
	.articleRating{
		width:26%;
	}
	.revTopProd img {
		padding-top: 8px;
	}

	/*REVIEW CRITERIA FOR TOP 10 PAGE*/

	#criteria_list {
		padding-left: 15%;
		padding-right: 6%;

	}
}

@media (min-width: 992px) and (max-width: 1199px){
	.share-buttons{
		zoom:70%;
	}
	.revTopProd img {
		padding-top: 8px;
	}
	.sidebarCont {
		padding-right: 30px;
		margin-top: 0;
		width: 33%;
	}
	.sideBlock {
		margin-bottom: 10px;
		width: 100%;
	}

	/*REVIEW CRITERIA FOR TOP 10 PAGE*/

	#criteria_list {
		padding-left: 20%;
		padding-right: 8%;

	}
}
}

@media (min-width: 1199px){
	.homeProds .article-display:last-of-type{
		display:none;
	}
}
/* Updated by Abbas 02 Feb 2020 */
.div-more{
	border:solid 1px #EEEEEE;
	margin:20px 0;
	padding:5px 10px;
}
.div-more p{
	margin-bottom: 0px !important;
}
.div-more p strong{
	color:#4C89C8;
}
.div-more p:first-child{
	margin-bottom: 0px;
}

.div-more p:last-child{
	margin-bottom: 0px;
	display: inline;
}
.div-more p .read-more-trigger{
	/* position: absolute; */
	/* right: 50px; */
	/* margin-top: -10px; */
	/* background-color: #ffffff; */

}

.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ p .read-more-trigger:before {
  content: ' Read More';
}

.read-more-state:checked ~ p .read-more-trigger:before {
  content: ' Read Less';
}

.read-more-trigger {
  cursor: pointer;
  display: inline;
  /* padding: 0 .5em; */
  color: #921414;
  /* font-size: .9em; */
  /* line-height: 2; */
  /* border: 1px solid #AAAAAA; */
}
@media (min-width: 768px){
td.topPicksMain {
    width: 46%;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.articleRating, .articleTitEx{
    width: 69%!important;
}
}
@media (max-width: 479px)  {
.articleRating, .articleTitEx{
    width: 100%!important;
}
}
@media (min-width: 180px) and (max-width: 767px) {
td.topPicksMain img[class^="wp-image-"] {
    max-height: 50px;
}
td.topPicksMain img.aligncenter[class^="wp-image-"] {
	max-height: 50px !important;
}
}

@media (min-width: 767px) {
	img.size-full[class^="wp-image-"] {
		min-height: 250px !important;
	}
	img.size-full.aligncenter[class^="wp-image-"] {
		min-height: 250px !important;
	}
	}

	img.alignnone[class^="wp-image-"] {
		width: 100%;
	}