/*
Theme Name: Site Theme
*/
@media screen {
	/* CSS Document */
	*{margin:0;padding:0}
	html{-webkit-font-smoothing:antialiased}
	/*body{line-height:1;background:#0f4a98 url("images/ipad_bg.png") repeat 0 0;font:12px Arial, Helvetica, sans-serif;color:#3d3d3d}*/
	body{line-height:1;background:#0f4a98;font:12px Arial, Helvetica, sans-serif;color:#3d3d3d}
	ul,ol{list-style:none;margin:0;padding:0}
	img{border:none;max-width:100%;height:auto;width:auto\9;/* ie8 */}/* set image max width to 100% */
	a{border:0;outline:0;color:#3d3d3d; text-decoration:none}
	a:hover{ color:#3d3d3d; text-decoration:none}
	article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
	/*=================================================================================================================================*/
	/*#main-wrapper{background:url("images/ipad_mbg.jpg") repeat-x 0 0}*/
	#wrapper{width:970px;margin:0 auto;overflow:hidden;-webkit-transition:width .5s}
	header{position:relative;height:127px}/*---- Header ----*/
	#logo{position:absolute;top:18px;left:0}/*----- LOGO -----*/
	header h1{font-size:13px;position:absolute;top:20px;left:137px;color:#fffffe;text-transform:uppercase;letter-spacing:4px}
	/*#top,.social-media{background:url("images/tbg.gif") repeat-x 0 0;height:10px;border-left:1px #186cc9 solid;border-right:1px #186cc9 solid}*/
	#top,.social-media{background:#0E0E0E;height:10px;border-left:1px #000000 solid;border-right:1px #000000 solid}
	/*---- Top Section ----*/
	.social-media{position:absolute;top:9px;right:0;background:#0E0E0E;height:25px;padding:0 8px 4px;font-weight:700}/*----- Social Media --*/
	.social-media li{display:inline;padding-left:3px;color:#fffffe}
	.social-media li a{display:inline-block}
	.social-media li img{vertical-align:middle}
	nav{height:48px;background:url("images/nav.png") repeat-x 0 0;border-left:2px #5c8402 solid;border-right:2px #5c8402 solid;border-radius:8px 8px 0 0}/*---- Main Navigation ----*/
	nav li{float:left;height:48px;font-size:13px;font-weight:700;list-style:none;background:url("images/nav-sep.png") no-repeat 100% 0;padding-right:4px;text-shadow:1px 1px 1px #697d42;text-transform:uppercase}
	nav li a{display:inline-block;line-height:48px;color:#fffffe;text-decoration:none;padding:0 17px;cursor:pointer;white-space:nowrap}
	nav li.last{background:none;padding-right:0}
	nav li a:hover,nav .current-menu-item a{text-decoration:none;color:#c1ff35}
	#intro{width:100%;padding-right:0;position:relative;background:#fff;height:372px}/*----- Intro Section ------*/
	#intro ul.ui-tabs-nav{position:absolute;top:0;right:0;list-style:none;padding:0;margin:0;width:329px;z-index:10000}
	#intro ul.ui-tabs-nav li{color:#313131;clear:both}
	#intro ul.ui-tabs-nav li img{float:left;margin:8px 10px 2px 40px;background:#fff;padding:2px;border:1px solid #c7c7c7}
	#intro ul.ui-tabs-nav li span{line-height:16px}
	#intro ul.ui-tabs-nav li span strong{font-size:16px;display:block;padding:12px 0 4px}
	#intro li.ui-tabs-nav-item a{display:block;height:93px;color:#333; background:url("images/intro-tab.png") no-repeat 0 0;line-height:20px;width:331px;text-decoration:none}
	#intro li.ui-tabs-nav-item a:hover{background:url("images/intro-tab.png") 0 100% no-repeat;color:#fffffe}
	#intro li.ui-tabs-selected{background:url("images/intro-tab.png") 0 100% no-repeat;color:#fffffe}
	#intro ul.ui-tabs-nav li.ui-tabs-selected a{background:url("images/intro-tab.png") 0 100% no-repeat;color:#fffffe}
	#intro .ui-tabs-panel{width:auto;height:auto;position:relative}
	#intro .ui-tabs-panel img{max-width:100%}
	#intro .ui-tabs-panel .info{position:absolute;bottom:3px;left:0;background:url("images/hdbg.png") repeat 0 0;border-top:1px #000 solid;padding:8px 12px 15px; width:70%}
	#intro .info h2{font-size:19px;color:#fffffe;padding:2px 5px;margin:0;overflow:hidden;font-style:italic;width:70%}
	#intro .info p{margin:5px 10px 0 5px;font-size:13px;line-height:16px;color:#f0f0f0;width:65%}
	#intro .info a{text-decoration:none;color:#fffffe}
	#intro .info a:hover{text-decoration:underline}
	#intro .ui-tabs-hide{display:none}
	.bonussignup { color:#03448E; font-size:15px; font-weight:700}
	#container{width:948px;background:#fff;padding:14px 12px 8px 10px;display:inline-block;float:left;-webkit-box-shadow:0 8px 8px -6px #7fc2ff;-moz-box-shadow:0 8px 8px -6px #7fc2ff;box-shadow: 0 8px 8px -6px #7fc2ff;border-radius:0 0 8px 8px}/*---- Container ----*/
	#container p{padding:6px 0;line-height:18px}
	#main{float:left;width:650px}/*----- Main Content -----*/
	#main div {max-width: 100%;}
	#main h2{font-size:17px;background:url("images/hbg.gif") repeat-x 0 40%;padding-bottom:10px;color:#383838;text-transform:uppercase}
	#main h2 span,#main h3 span{background:#fff;padding-right:10px}
	#main h3 {font-size:15px; line-height:145%; color: #0f4a98; font-weight: bold;}
	#main h4 {font-size:15px; line-height: 140%; margin-top:3px;}
	#main ol, #main ul {margin-top: 12px; margin-bottom: 12px; list-style:decimal; margin-left: 20px;}
	#main ul {list-style: square; }
	#main ul.scmedia {list-style: none; }
	#main ul.share-this {list-style:none;margin:0 0 18px 0;padding:7px 0px 0px 2px;}
	#main .entry-content a {text-decoration: underline;}
	.mntable{background:#f8f8f8;margin:0 0 15px;border:1px #dcdcdc solid;border-radius:8px;overflow:hidden}/*----- Table -----*/
	.tbtop{background:#dadada url("images/tb-topbg.png") repeat-x 0 0;padding:10px 0}
	.tbtop,.tbcont{overflow:hidden;clear:both}
	.tbtop span,.tbcont span{float:left;padding:0 4px;text-align:center}
	.tbtop span{font-weight:700;text-transform:uppercase;color:#4d4d4d}
	.tbtop .col-2{width:42%;text-align:left;padding-left:5%}
	.tbcont{padding:4px 0;border-bottom:1px #d3d3d3 solid;border-top:1px #fff solid}
	.tbcont.tpc-last{border-bottom:0}
	.tbcont span{padding:5px 4px;font-size:11px}
	.tbtop .col-1,.tbcont .col-1{width:4%}
	.tbcont .col-2{width:16%;padding:0 1%}
	.tbcont .col-3{width:31%;text-align:left}
	.tbtop .col-4,.tbcont .col-4{width:13%}
	.tbtop .col-5,.tbcont .col-5{width:14%;color:#03448e;font-weight:700}
	.tbtop .col-6,.tbcont .col-6{width:13.5%}
	.tbcont .col-1{font-weight:700;font-size:12px;padding:12px 4px 0}
	.tbtop .col-5{color:#4d4d4d}
	.rvbox{border-bottom:1px #ddd solid;overflow:hidden;padding:10px 0}
	.img-left{float:left}
	.img-left img{border:1px #ddd solid;padding:4px; width:150px; height:150px;}
	.thumb-left{float:left;border:1px #ddd solid;padding:4px;}
	#breadcrumbs { margin-bottom:10px}
	.rvcontent{float:right;width:440px;padding-right:6px;position:relative}
	#main .rvcontent h3{font-size:14px;color:#02428a;background:none;padding:0}
	#container .rvcontent p{padding:3px 0;line-height:18px}
	#container .read-more a{font-weight:700;text-decoration:none;color:#3d3c3c}
	#container .read-more a:hover{text-decoration:underline;color:#02428a}
	/*------ Buttons ------*/
	.grbtn{position:absolute;top:3px;right:6px}
	.grbtn a{display:inline-block;color:#5d5d5d;
		text-decoration:none;
		font-size:11px;
		font-weight:700;text-transform:uppercase;
		color:#5d5d5d;
		padding:4px 10px;
		background: -moz-linear-gradient(top,#ffffff 0%,#ffffff 50%,#b5b5b5);
		background: -webkit-gradient(linear, left top, left bottom,	from(#ffffff),color-stop(0.50, #ffffff),to(#b5b5b5));
		border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;border:1px solid #a1a1a1;
		text-shadow:0 -1px 0 rgba(000,000,000,0.2),	0 1px 0 rgba(255,255,255,1);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b5b5b5',GradientType=0 ); /* IE6-9 */
	}
	.grbtn a:hover{
		background:-moz-linear-gradient(top,#b5b5b5 0%,#ffffff 50%,#ffffff);
		background:-webkit-gradient(linear, left top, left bottom,from(#b5b5b5),color-stop(0.50, #ffffff),to(#ffffff));
		border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;border: 1px solid #a1a1a1;
		text-shadow:0 -1px 0 rgba(000,000,000,0.2),	0 1px 0 rgba(255,255,255,1);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b5b5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}
	.blbtn a{display:inline-block;color:#5d5d5d;
		text-decoration:none;
		font-size:11px;
		font-weight:700;text-transform:uppercase;
		color:#fffffe;
		padding:3px 6px;
		background: -moz-linear-gradient(top,  #0552aa 0%, #003b7d 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0552aa), color-stop(100%,#003b7d));
		background: -o-linear-gradient(top,  #0552aa 0%,#003b7d 100%);  /*Opera 11.10+ */
		background: -ms-linear-gradient(top,  #0552aa 0%,#003b7d 100%); /*IE10+ */
		background: linear-gradient(top,  #0552aa 0%,#003b7d 100%);  /*W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0552aa', endColorstr='#003b7d',GradientType=0 );  /*IE6-9 */
		border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border:1px solid #003b7d;
	}
	.blbtn a:hover{
		background: -moz-linear-gradient(top,  #003b7d 0%, #0552aa 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003b7d), color-stop(100%,#0552aa));
		background: -o-linear-gradient(top,  #003b7d 0%,#0552aa 100%);  /*Opera 11.10+ */
		background: -ms-linear-gradient(top,  #003b7d 0%,#0552aa 100%); /*IE10+ */
		background: linear-gradient(top,  #003b7d 0%,#0552aa 100%);  /*W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b7d', endColorstr='#0552aa',GradientType=0 );  /*IE6-9 */
	}
	/**/
	#sidebar{float:right;width:285px}/*----- Sidebar -----*/
/*#sidebar h2{background:url("images/sdhead.png") repeat-x 0 0;height:40px;text-indent:12px;line-height:40px;text-transform:uppercase;color:#fffffe;font-size:15px;width:105%;margin-bottom:8px}
#sidebar h2 span{background:url("images/arrow2.gif") no-repeat 0 4px;padding-left:15px}*/
#sidebar h2{background:#0E0E0E;height:40px;text-indent:12px;line-height:40px;text-transform:uppercase;color:#fffffe;font-size:15px;width:105%;margin-bottom:8px}
#sidebar h2 span{background:#0E0E0E;padding-left:15px}
.sdlist{padding:0 0 10px 10px;list-style:none}
.sdlist li{background:url("images/arrow.gif") no-repeat 0 6px;line-height:18px;padding:0 0 6px 15px;border-bottom:1px #ddd solid;margin-bottom:8px}
#container .sdlist p{padding:1px 0}
#container .ctimg img{border:1px #ddd solid;padding:5px}
#banner{display:none}

footer{color:#fffffe;padding:10px 0 5px;clear:both;overflow:hidden}/*----- Footer -----*/
footer p{padding:3px 0;line-height:18px}
.fbox{float:left;width:245px;padding:14px 10px 10px 12px}
.fbox h2{font-size:17px;color:#fffffe;padding-bottom:10px}
.fbox ul{list-style:none}
.fbox ul li{padding-left:18px;background:url("images/bullet.gif") no-repeat 0 8px;padding:3px 0 3px 15px;line-height:18px}
.fbox ul li a{color:#efefef;text-decoration:none}
.fbox ul li a:hover{color:#efefef;text-decoration:underline}
.fbox.flast{float:right;width:150px;padding:14px 10px 10px 0}
#bottom{background:url("images/footer.png") repeat 0 0;padding:10px 0;overflow:hidden;clear:both;min-height:22px;color:#fffffe;border-top:1px #4075af solid}/*----- Footer Bottom -----*/
#ftcontent{width:970px;margin:0 auto;position:relative}
#ftcontent p{padding:5px 0}
#ftcontent .social-media{position:absolute;top:0;right:0;color:#fffffe; border:0; background:none}
/*----- Inernal Page Css -----*/
#intro.int-intro{height:197px}
#intro.int-intro h2{position:absolute;bottom:0;left:0;padding:0 12px 17px;font-size:19px;color:#fffffe;margin:0;overflow:hidden;font-style:italic}
.sdcontent{overflow:hidden;border-bottom:1px #ddd solid;margin-bottom:8px}
.leftl{float:left;margin:2px 8px 5px 10px}
.leftl img{border:1px #ddd solid;padding:2px}
.sdright{float:right;width:194px}
.sdright h3{color:#313131;font-size:13px}

#main h3.hdtext{background:none;padding-bottom:0;clear:both}
.box{padding:10px 0;overflow:hidden;margin-bottom:8px}
.boxl{float:left;margin-right:10px}
.boxl img{border:1px #ddd solid;padding:5px}
.sh-box{text-align:center;float:left;width:207px;height:149px;background:url("images/sh-box.png") no-repeat 0 0}
#main .sh-box h3{background:none;padding-bottom:0;clear:both}
.share-this{height:25px;padding:5px 10px 15px;text-align:left}
.share-this li{display:inline;padding-left:3px;color:#fffffe}
.share-this li strong{font-size:14px;line-height:25px;padding-right:30px}
.share-this li a{display:inline-block}
.share-this li img{vertical-align:middle}
.sh-box a{color:#3d3d3d;text-decoration:none}
.sh-box a:hover{text-decoration:underline}
#container #main .sh-box p{padding:1px 0 0}
#container #main .sh-box p.spbtn{padding:15px 0 4px}
/* =Comments

----------------------------------------------- */



#comments-title {

	color: #666;

	font-size: 10px;

	font-weight: 500;

	line-height: 2.6em;

	padding: 0 0 2.6em;

	text-transform: uppercase;

}

.nopassword,

.nocomments {

	color: #aaa;

	font-size: 24px;

	font-weight: 100;

	margin: 26px 0;

	text-align: center;

}

/*.commentlist {

	list-style: none;

	margin: 0 auto;

	width: 68.9%;

	}*/

	.commentlist {

		list-style: none;

		/*margin: 0 auto;*/

		width: 99%;

	}

	.content .commentlist,

	.page-template-sidebar-page-php .commentlist {

		width: 100%; /* reset the width for the one-column and sidebar page layout */

	}

	.commentlist > li.comment {

	/*background: #f6f6f6;

	border: 1px solid #ddd;*/

	-moz-border-radius: 3px;

	border-radius: 3px;

	margin: 0 0 1.625em;

	padding:0 1.625em 1.625em 0;

	position: relative;

	border-bottom: 1px solid #ddd;

}

.commentlist .pingback {

	margin: 0 0 1.625em;

	padding: 0 1.625em;

}

.commentlist .children {

	list-style: none;

	margin: 0;

}

.commentlist .children li.comment {

	background: #fff;

	border-left: 1px solid #ddd;

	-moz-border-radius: 0 3px 3px 0;

	border-radius: 0 3px 3px 0;

	margin: 1.625em 0 0;

	padding: 1.625em;

	position: relative;

}

.commentlist .children li.comment .fn {

	display: block;

}

.comment-meta .fn {

	font-style: normal;

	font-weight:700

}

.comment-meta {

	color: #666;

	font-size: 12px;

	line-height: 2.2em;

}

.commentlist .children li.comment .comment-meta {

	line-height: 1.625em;

	margin-left: 50px;

}

.commentlist .children li.comment .comment-content {

	margin: 1.625em 0 0;

}

.comment-meta a {

	font-weight: 400;margin-left:8px;text-decoration:none

}

.comment-meta a:focus,

.comment-meta a:active,

.comment-meta a:hover {text-decoration:underline

}

.commentlist .avatar {

	-moz-border-radius: 3px;

	border-radius: 3px;

	-webkit-box-shadow: 0 1px 2px #ccc;

	-moz-box-shadow: 0 1px 2px #ccc;

	box-shadow: 0 1px 2px #ccc;

	/*left: -102px;*/

	padding: 0;

	position: absolute;

	top: 0;

	right:0;

	border: 1px #DBDBDB solid;

	padding: 3px;

}



/*.commentlist > li:before {

	content: url("../images/comment-arrow.png");

	left: -21px;

	position: absolute;

}

.commentlist > li.pingback:before {

	content: '';

	}*/

	.commentlist .children .avatar {

		background: none;

		-webkit-box-shadow: none;

		-moz-box-shadow: none;

		box-shadow: none;

		left: 2.2em;

		padding: 0;

		top: 2.2em;

	}

	a.comment-reply-link {

	/*background: #eee;

	-moz-border-radius: 3px;

	border-radius: 3px;*/

	color: #666;

	display: inline-block;

	font-size: 12px;

	/*padding: 0 8px;*/

	text-decoration: none;

	background: url("../images/arrow-rp.gif") no-repeat 100% 4px;

	padding-right: 12px;

	text-decoration: none;

	font-weight: 700;

}

a.comment-reply-link:hover,

a.comment-reply-link:focus,

a.comment-reply-link:active {

	/*background: #888;*/

	color: #df0101;

}

a.comment-reply-link > span {

	display: inline-block;

	position: relative;

	top: -1px;

}



/* Post author highlighting */

.commentlist > li.bypostauthor {

	/*background: #ddd;

	border-color: #d3d3d3;*/

}

.commentlist > li.bypostauthor .comment-meta {

	color: #575757;

}

.commentlist > li.bypostauthor .comment-meta a:focus,

.commentlist > li.bypostauthor .comment-meta a:active,

.commentlist > li.bypostauthor .comment-meta a:hover {

}

/*.commentlist > li.bypostauthor:before {

	content: url("../images/comment-arrow-bypostauthor.png");

	}*/



	/* Post Author threaded comments */

	.commentlist .children > li.bypostauthor {

	/*background: #ddd;

	border-color: #d3d3d3;*/

}



/* sidebar-page.php comments */

/* Make sure we have room for our comment avatars */

.page-template-sidebar-page-php .commentlist > li.comment,

.page-template-sidebar-page-php.commentlist .pingback {

	margin-left: 102px;

	width: auto;

}
.scmedia{list-style:none;width:340px;padding:0;margin:8px 0 0;height:30px}
.scmedia li{float:left;padding:0} 
/* And a full-width comment form */

.page-template-sidebar-page-php #respond {

	width: auto;

}

#comments { margin:15px 0 0 0}



/* Comment Form */

#respond {

	background: #F3F3F3;

	border: 1px solid #d3d3d3;

	-moz-border-radius: 3px;

	border-radius: 3px;

	margin: 0 0 1.625em;

	padding: 1em 1.625em 4em ;

	position: relative;

	width: 93%;

}
#main h2#comments-title,#main h3#reply-title { background:none; font-weight:bold; font-style:italic}
#respond input[type="text"],

#respond textarea {

	background: #fff;

	border: 4px solid #eee;

	-moz-border-radius: 5px;

	border-radius: 5px;

	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);

	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);

	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);

	position: relative;

	padding: 5px 10px;

}

#respond .comment-form-author,

#respond .comment-form-email,

#respond .comment-form-url,

#respond .comment-form-comment {

	position: relative;

}

#respond .comment-form-author label,

#respond .comment-form-email label,

#respond .comment-form-url label,

#respond .comment-form-comment label {

	color: #555;

	display: inline-block;

	font-size: 13px;

	left: 4px;

	min-width: 60px;

	padding: 4px 10px;

	font-weight:bold;	

}

#respond input[type="text"]:focus,

#respond textarea:focus {

	text-indent: 0;

	z-index: 1;

}

#respond textarea {

	resize: vertical;

	width: 95%;

}

#respond .comment-form-author .required,

#respond .comment-form-email .required {

	color: #bd3500;

	font-size: 22px;

	font-weight: bold;

	left: 75%;

	position: absolute;

	top: 58px;

	z-index: 1;

}

#respond .comment-notes,

#respond .logged-in-as {

	font-size: 13px;

}

#respond p {

	margin: 0 0;

}

#respond .form-submit {

	float: right;

	margin: -20px 35px 10px 0;

}

#respond input#submit {

	cursor: pointer;

	font-size: 15px;

	margin: 20px 0;

	/*padding: 5px 42px 5px 22px;*/

	position: relative;

	left: 30px;

	border:0; text-indent:-9999em;

	background:url("images/submit.png") no-repeat 0 0; height:31px; width:106px;

}

#main #respond p { padding:0;} 

#respond input#submit:active {

	background: #1982d1;

	color: #bfddf3;

}

#respond #cancel-comment-reply-link {

	color: #666;

	margin-left: 10px;

	text-decoration: none;

}

#respond .logged-in-as a:hover,

#respond #cancel-comment-reply-link:hover {

	text-decoration: underline;

}

.commentlist #respond {

	margin: 1.625em 0 0;

	width: auto;

}

#reply-title {

	color: #373737;

	font-size: 24px;

	font-weight: bold;

	line-height: 30px;

}

#cancel-comment-reply-link {

	color: #888;

	display: block;

	font-size: 10px;

	font-weight: normal;

	line-height: 2.2em;

	letter-spacing: 0.05em;

	position: absolute;

	right: 1.625em;

	text-decoration: none;

	text-transform: uppercase;

	top: 1.1em;

}

#cancel-comment-reply-link:focus,

#cancel-comment-reply-link:active,

#cancel-comment-reply-link:hover {

	color: #ff4b33;

}

#respond label {

	line-height: 2.2em;

}

#respond input[type=text] {

	display: block;

	height: 24px;

	width: 75%;

}

#respond p {

	font-size: 12px;

}

p.comment-form-comment {

	margin: 0;

}

.form-allowed-tags {

	display: none;

}
}

/* PageSlide section */
.slide_menu {
	background-color: #202024;
	width: 280px;
	height: 100%;
	left: -280px;
	opacity: 0.9;
	position: fixed;
	top: 0;
	z-index: 100000;
}
.slide_menu li {
	background: url("images/nav.png");
	background-size: contain;
	font-size: 18px;
	font-weight: 600;
	line-height: 34px;
	list-style: none;
	margin-bottom: 4px;
	text-shadow: 1px 1px 1px #f4e0ae;
}
.slide_menu a {
	color: #202024;
	text-decoration: none;
	display: block;
	padding-left: 12px;
}
.opened_slide_menu {
	left: 0;
}
.slide_menu-open {
	background: url("images/nav.png");
	background-size: contain;
	color: #202024;
	cursor: pointer;
	font-size: 20px;
	font-weight: 600;
	visibility: hidden;		/* in Media Queries set visibility to 'visible' */
	height: 0;				/* in Media Queries set height to '100%' */
	padding-left: 60px;
	line-height: 60px;
	position: static;
	width: 100%;
	z-index: 1;
}
.slide_menu-close {
	color: #eee;
	cursor: pointer;
	margin-bottom: 4px;
	padding-left: 12px;
	width: 100%;
}
/* PageSlide end*/
.resp_table {
	border-collapse: collapse;
	width: 100%;
	background-color:#f1f1f1;
	border:1px solid #ccc;
	text-align: center;
}
.resp_table tr:first-child {
	background: #dadada url("images/tb-topbg.png") repeat-x 0 0;
	text-transform: uppercase;
	line-height: 40px;
	color: #4d4d4d;
	font-weight: 700;
}
.resp_table td {
	border: 1px solid #ccc;
	padding: 6px;
}
.resp_table .c-1 {
	font-weight: 700;
}
.resp_table .c-2 {
	text-align: left;
}
.resp_table .c-2 img {
	display: block;
}
.resp_table .c-4 {
	color: #03448e;
	font-weight: 700;
}
/*==================================================================================================================================== 
 Media Queries CSS
 ====================================================================================================================================== */
 @media screen and (max-width: 980px) {
	#wrapper, #container, #ftcontent {width: 100%;}
	#main {width: 66%;}
	#sidebar {width: 32%;}
	.fbox{width:23%;padding:14px 1% 10px}
	nav {display: none;}
	.slide_menu-open {
		visibility: visible;
		height: 100%;
	}
}
@media screen and (max-width: 920px) {
	.rvcontent {float: left;}
	.sdright {float: left;}
	.thumb-left {margin-right: 10px;}
}
/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 800px) {
	#wrapper, #ftcontent {width:100%}
	nav{height:auto;background:url("images/nav.png") repeat 0 0;overflow:hidden}
	#container{width:98.5%;padding:10px 1% 0}
	#main{width:60%}
	.tbtop .col-2{width:42%}
	.tbcont .col-3{width:30%}
	.tbtop .col-4,.tbcont .col-4{width:13%}
	.tbtop .col-5,.tbcont .col-5{width:12%}
	.tbtop .col-6,.tbcont .col-6{width:15%}
	.rvcontent{width:55%}
	.grbtn{position:relative;top:3px;right:6px}
	#intro.int-intro{height:auto}
	#intro.int-intro h2{padding:0 12px 15px;font-size:15px}
	.sh-box{margin-top:8px}
}

@media only screen and (max-width: 768px) {
	.rvcontent{width:53%}
	.tbtop .col-4,.tbcont .col-4{width:12%}
	.tbtop .col-5,.tbcont .col-5{width:12%}
	.tbtop .col-6,.tbcont .col-6{width:16%}
}
/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen and (max-width: 640px) {
	#main{width:100%;float:none}.rvcontent{width:65%}
	.grbtn{position:relative;top:3px;right:0}
	#sidebar{float:none;width:100%;padding:8px 0 0}
	.fbox{width:40%;padding:14px 4% 10px}
	.fbox.flast{float:left;width:40%;padding:14px 4% 10px}
	.tbtop .col-2{width:44%}
	.tbcont .col-3{width:32%}
	#intro{height:auto}
	#intro ul.ui-tabs-nav{display:none}
	#intro .ui-tabs-panel .info{padding:8px 10px 10px}
	#intro .info h2{font-size:19px;width:98%;padding-left:0}
	#intro .info p{margin:5px 10px 0 0;font-size:13px;line-height:15px;width:98%}
	.info {width: 100% !important;}
	.sdright{float:left;width:auto}
	
	#banner{display:block;width:100%;position:fixed;bottom:-3px;left:0;z-index:1000}
	#banner img{width:100%;height:60px}
}
/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 560px) {
	.rvcontent{width:60%}
	.tbtop .col-2{width:42%}
	.tbcont .col-3{width:30%}
	.tbtop .col-4,.tbcont .col-4{width:13%}
	.tbtop .col-5,.tbcont .col-5{width:13%}
	.tbtop .col-6,.tbcont .col-6{width:13%}
	#intro .ui-tabs-panel .info{padding:3px 10px 5px}
	#intro .info h2{font-size:14px}
	#intro .info p{font-size:12px}
}
/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
	html{-webkit-text-size-adjust:none}/* disable webkit text size adjust (for iPhone) */
	#top{background:none;border:0;padding:0;height:0}
	header{height:148px}
	#logo{top:40px;left:0}
	header h1{top:125px}
	.social-media{top:0;left:0;padding-top:8px}
	.rvcontent{width:47%}
	#ftcontent{text-align:center;padding:0 0 8px}
	#ftcontent .social-media{position:relative;top:5px;left:0}
	.tbtop .col-4,.tbcont .col-4{width:12%}
	.tbtop .col-5,.tbcont .col-5{width:11%}
	.tbtop .col-6,.tbcont .col-6{width:17%}
	.sdright{width:80%}
	#intro.int-intro h2{padding:0 12px 10px}
	.resp_table .c-3, .resp_table .c-4, .resp_table tr:first-child td:nth-child(3), .resp_table tr:first-child td:nth-child(4) {display: none;}
}
/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {
html{-webkit-text-size-adjust:none;/* disable webkit text size adjust (for iPhone) */}
header h1{top:122px;font-size:12px}
nav li{float:none;background:none}
nav li a{display:block}
#container{width:97%;padding:10px 2% 0}
.rvcontent{width:100%;clear:both;float:none;padding-top:5px}
.fbox h2{font-size:15px}
.fbox{width:44%;padding:14px 1% 10px}
.fbox.flast{float:left;width:44%;padding:14px 1% 10px}
.tbtop .col-1,.tbcont .col-1{width:8%}
.tbcont .col-2{width:20%}
.tbcont .col-3{width:62%}
.tbtop .col-4,.tbcont .col-4{width:26%;clear:left;padding-left:8%}
.tbtop .col-5,.tbcont .col-5{width:26%}
.tbtop .col-6,.tbcont .col-6{width:26%}
#intro .info p{font-size:11px}
.sdright{width:70%}
.box{text-align:center;border-bottom:1px #ddd dashed}
.boxl{float:none;margin:0 0 6px;display:block}
.sh-box{float:none;margin-left:45px}
#banner img{height:40px}
}
/************************************************************************************
smaller than 240
*************************************************************************************/
@media screen and (max-width: 240px) {
	header{height:130px}
	#logo{top:45px}
	header h1{top:112px;font-size:11px;letter-spacing:2px}
	#sidebar{width:95%}
	.fbox{width:94%;padding:14px 1% 10px;float:none}
	.fbox.flast{float:none;width:94%}
	.tbtop .col-4,.tbcont .col-4{width:25%;clear:left;padding-left:5%}
	.tbtop .col-5,.tbcont .col-5{width:25%}
	.tbtop .col-6,.tbcont .col-6{width:35%}
	.sdright{width:50%}
	#banner img{height:30px}
}
.clearfix::after{content:"";display:table;clear:both}
