@charset "utf-8";
/* CSS Document */

.BlogBody {
	background:#ffffff;
}
.BlogBg1 {
	background:#f9fafc;
	border-top:1px solid #e3e6ee;
}

/*  Header  */

.BlogHeaderBG {
	background:url(../images/blog-header-bg.jpg) no-repeat center top;
	background-size:100% 100%;
	text-align:center;
		
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);	
	position:relative;
	z-index:10;
}
.BlogHeaderBG img {
	padding:25px 0;
	width:20%;
}

/*  End  */


/*  Blog Wrapper  */

.BlogWrapper {
	width:1000px;
	margin:0 auto;
	padding:40px 0;
}
.BlogWrapper h5 {
	font-size:24px;
	line-height:34px;
    font-family: 'gotham_lightregular';
	color:#ff6c0c;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:20px;
}

.BlogBox {
	float:left;
	display:block;
	width:32%;
	margin:0.66%;
	padding:0;
	background:#fff;
	border-radius:5px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);	
}
.BlogBox .ImgPercentage img {
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.BlogBoxText {
	width:90%;
	margin:0 auto;
	padding:20px 0;
}
.BlogBoxText h3 {
	font-size:20px;
	line-height:22px;
    font-family: 'gotham_lightregular';
	margin-bottom:15px;
	color:#000;
	background:url(../images/line1.gif) no-repeat left bottom;
	padding-bottom:12px;
}
.BlogBoxText h3 span {
	display:block;
	color:#ff6c0c;
	font-size:13px;
	text-transform:capitalize;
	margin-bottom:5px;
}
.BlogBoxText h6 {
	background:url(../images/know1.gif) no-repeat center left;
	padding-left:20px;
	color:#ff6c0c;
}
.BlogBoxText:hover h6 {
	background:url(../images/know2.gif) no-repeat center left;
	color:#000;
}

/*  End  */

/*  Blog Top Img  */

.BlogTopImgWrapper {
	position:relative;
}
.BlogTopImg {
	position:absolute;
	z-index:0;
	top:0;
	width:100%;
}
.BlogTopImg img {
	width:100%;
	margin-bottom:-7px;
}
.BlogTopTextBg {
	position:relative;
	z-index:1;
	width:100%;
	background:rgba(0,0,0,0.2);
    background: -webkit-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.8));
    background: -o-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.8));
    background: -moz-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.8));
    background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.8));
}
.BlogTopText {
	width:90%;
	position:absolute;
	left:5%;
	bottom:35px;
	color:#fff;
}
.BlogTopText h3 {
	float:left;
	display:block;
	width:70%;
	text-transform:uppercase;
	font-size:44px;
	line-height:50px;
    font-family: 'gotham_lightregular';
}
.BlogTopText h3 span {
	display:block;
	background:#ff6c0c;
	line-height:28px;
	margin-bottom:5px;
	font-size:13px;
	width:180px;
	text-align:center;
}
.BlogTopText .BlogBtn {
	float:right;
	display:block;
}

/*  End  */

/*  Blog Detail Text  */

.BlogDeatilText {
	font-size:16px;
	line-height:24px;
}
.BlogDeatilText h2 {
	width:80%;
	margin:0 auto;
	text-align:center;
	text-transform:uppercase;
	font-size:34px;
	line-height:40px;
    font-family: 'gotham_lightregular';
	color:#ff6c0c;
	margin-bottom:020px;
}
.BlogDeatilText h4 {
	font-size:24px;
	line-height:34px;
    font-family: 'gotham_lightregular';
	color:#ff6c0c;
	text-transform:uppercase;
}
.BlogDeatilText p {
	margin-bottom:15px;
}

/*  End  */

/*  Blog  Contain Wrapper  */

.BlogSocial {
	width:200px;
	margin:0 auto;
	padding:20px 0;
}

/*  End  */

/*  Blog Deatil  Text  */

.BlogDetail {
	  width:100%;
	  margin:30px 0;
	  position:relative;
}
.BlogDetailLeft {
	display:inline-block;
	width:50%;
	vertical-align:middle;
}
.BlogDetailLeft img {
	width:100%;
	margin-bottom:-7px;
}
.BlogDetailRight {
	display:inline-block;
	vertical-align:middle;
	width:49%;
}
.BlogDetailRight div {
	height:auto !important;
	margin:auto !important;
	min-height:auto !important;
	text-align:left;
	width:86%;
}

.BlogDetail1Left {
	display:inline-block;
	vertical-align:middle;
	width:49%;
}
.BlogDetail1Left div {
	height:auto !important;
	margin:auto !important;
	min-height:auto !important;
	text-align:left;
	width:86%;
}
.BlogDetail1Right {
	display:inline-block;
	width:50%;
	vertical-align:middle;
}
.BlogDetail1Right img {
	width:100%;
	margin-bottom:-7px;
}
.MargingBottom20 {
	margin-bottom:20px;
}

/*  End  */





/*  Blog Left Right Btn  */

.BlogLeftRightBtn {
	width:100%;
	position:relative;
}
.BlogLeftRightBtn a {
	display:block;
	padding:10px 15px;
	line-height:20px;
	border:1px solid #989898;
	color:#989898;
}
.BlogLeftRightBtn a:hover {
	border:1px solid #ff6c0c;
	color:#fff;
	background:#ff6c0c;
}
.BlogLeftBtn {
	position:absolute;
	left:0;
	top:0px;
}
.BlogRightBtn {
	position:absolute;
	right:0;
	top:0px;
}

/*  End  */


/*  Back Btn  */

.BackBtn {
	position:absolute;
	top:20px;
	left:10px;
	z-index:999;
}

/*  End  */

/*  Btn Wrapper  */

.BlogBtn {
	width:170px !important;
	text-align:center;
	font-size:13px;
	line-height:40px;
	text-transform:uppercase;
	letter-spacing:2px;
    font-family: 'gotham_lightregular';
	margin-top:38px;
}
.BlogBtn a {
	display:block !important;
	border:1px solid #fff;
	color:#fff !important;
}
.BlogBtn a:hover{
	background:#ff6c0c;
	border-color:#ff6c0c;
	color:#fff !important;
}
.BlogBtn a span {
	background:url(../images/btn-arrow2-ho.png) no-repeat center right;
	line-height:40px;
	padding:0 6px;
}
.BlogBtn a:hover span {
	background:url(../images/btn-arrow2-ho.png) no-repeat center right;
}

.BlogBtnTop {
	width:240px;
	margin:0 auto;
	margin-bottom:30px;
}
.BlogBtn1 {
	float:left;
	display:block;
	width:100px !important;
	margin:0 10px;
	text-align:center;
	font-size:13px;
	line-height:30px;
	text-transform:uppercase;
	letter-spacing:2px;
    font-family: 'gotham_lightregular';
}
.BlogBtn1 a {
	display:block !important;
	border:1px solid #989898;
	color:#989898 !important;
}
.BlogBtn1 a:hover{
	background:#ff6c0c;
	color:#fff !important;
	border-color:#ff6c0c;
}
.BlogBtn1 a span {
	background:url(../images/btn-arrow3.png) no-repeat center right;
	line-height:30px;
	padding:0 6px;
	margin-right:10px;
}
.BlogBtn1 a:hover span {
	background:url(../images/btn-arrow2ho.png) no-repeat center right;
}

.BlogBtn2 {
	float:left;
	display:block;
	width:100px !important;
	margin:0 10px;
	text-align:center;
	font-size:13px;
	line-height:30px;
	text-transform:uppercase;
	letter-spacing:2px;
    font-family: 'gotham_lightregular';
}
.BlogBtn2 a {
	display:block !important;
	border:1px solid #989898;
	color:#989898 !important;
}
.BlogBtn2 a:hover{
	background:#ff6c0c;
	border-color:#ff6c0c;
	color:#fff !important;
}
.BlogBtn2 a span {
	background:url(../images/btn-arrow4.png) no-repeat center right;
	line-height:30px;
	padding:0 6px;
	margin-right:10px;
}
.BlogBtn2 a:hover span {
	background:url(../images/btn-arrow2-ho.png) no-repeat center right;
}



.BlogBtn3 {
	float:left;
	display:block;
	width:100px !important;
	margin:0 10px;
	text-align:center;
	font-size:13px;
	line-height:30px;
	text-transform:uppercase;
	letter-spacing:2px;
    font-family: 'gotham_lightregular';
}
.BlogBtn3 a {
	display:block !important;
	border:1px solid #fff;
	color:#fff !important;
}
.BlogBtn3 a:hover{
	background:#ff6c0c;
	color:#fff !important;
	border-color:#fff;
}
.BlogBtn3 a span {
	background:url(../images/btn-arrow2ho.png) no-repeat center right;
	line-height:30px;
	padding:0 6px;
	margin-right:10px;
}
.BlogBtn3 a:hover span {
	background:url(../images/btn-arrow2ho.png) no-repeat center right;
}
/*  End  */



/*  Blog Footer  */

.BlogFooter {
	width:1000px;
	margin:0 auto;
	padding:30px 0;
}
.BlogFooterLeft {
	float:left;
	display:block;
	line-height:32px;
}
.BlogFooterRight {
	float:right;
	display:block;
}
.BlogFooterRight h6 {
	float:left;
	display:block;
	line-height:32px;
	margin-right:15px;
}
.BlogFooterRight a {
	float:left;
	display:block;
	margin:0 4px;
}

/*  End  */



@media only screen and (max-width: 1440px){
	
	
	.BlogDeatilText h2 {
		width:80%;
	}
	
	
}


@media only screen and (max-width: 1100px){
	
	.BlogWrapper, .BlogFooter {
		width:90%;
	}
	.BlogTopText h3 {
		font-size:30px;
		line-height:30px;
	}
	.BlogBoxText h3 {
		font-size:16px;
		line-height:20px;
		margin-bottom:10px;
	}
	.BlogDeatilText {
		font-size:14px;
		line-height:20px;
	}
	.BlogDeatilText h2 {
		width:80%;
		font-size:34px;
		line-height:36px;
	}
	.BlogDeatilText h4 {
		font-size:20px;
		line-height:26px;
	}
	.BlogLeftBtn {
		top:0px;
	}
	.BlogRightBtn {
		top:0px;
	}

	
}


@media only screen and (max-width: 980px){
	.BlogHeaderBG {
		background:url(../images/header/rs-blog-header.jpg) no-repeat center bottom;
		background-size:100%;
		text-align:center;
	}
	.BlogHeaderBG img {
		padding:25px 0;
		width:200px;
	}
}


@media only screen and (max-width: 800px){
	
	
	.BlogBox {
		width:46%;
		margin:2%;
	}
	.BlogTopText h3 {
		font-size:26px;
		line-height:28px;
	}
	.BlogTopText h3 span {
		font-size:11px;
		width:160px;
		line-height:20px;
	}
	
	.BlogBtn {
		width:130px !important;
		font-size:12px;
		line-height:34px;
		letter-spacing:1px;
		margin-top:0px;
	}
	.BlogBtn a span {
		background:url(../images/btn-arrow2-ho.png) no-repeat center right;
		line-height:34px;
		padding:0 6px;
	}
	.BlogSocial {
		width:80px;
	}
	
	.BlogLeftRightBtn {
		width:90px;
		margin:0 auto;
		position:relative;
	}
	.BlogLeftRightBtn a {
		display:block;
		padding:5px 15px;
		line-height:20px;
		border:1px solid #989898;
		color:#989898;
	}
	.BlogLeftRightBtn a:hover {
		border:1px solid #ff6c0c;
		color:#fff;
		background:#ff6c0c;
	}

	
}

@media only screen and (max-width: 640px){
	
	.BlogHeaderBG img {
		width:60%;
	}
	.BlogFooterLeft {
		float:none;
		width:100%;
		text-align:center;
	}
	.BlogFooterRight {
		float:none;
		width:100%;
		text-align:center;
		margin-top:0px;
	}
	.BlogFooterRight a {
		float:none;
		display:inline;
		margin:0 2px;
	}
	.BlogFooterRight h6 {
		float:none;
		width:100%;
		text-align:center;
		margin-bottom:12px;
	}
	
	.BlogLeftBtn {
		top:0px;
		position:relative;
		float:left;
		display:block;
		margin-bottom:20px;
		
	}
	.BlogRightBtn {
		top:0px;
		position:relative;
		float:right;
		display:block;
	}
	.BlogDeatilText h2 {
		width:100%;
		font-size:26px;
		line-height:30px;
	}
	.BlogDeatilText h4 {
		font-size:18px;
		line-height:22px;
	}
	.BlogDetailLeft {
		width:80%;
		display:block;
		margin:0 auto;
		margin-bottom:20px;
	}
	.BlogDetailRight {
		display:block;
		width:100%;
	}
	.BlogDetailRight div {
		width:100%;
	}
	
	.BlogDetail1Right {
		width:80%;
		display:block;
		margin:0 auto;
		margin-bottom:20px;
	}
	.BlogDetail1Left {
		display:block;
		width:100%;
	}
	.BlogDetail1Left div {
		width:100%;
	}
	
}

@media only screen and (max-width: 540px){
	.BlogTopText h3 {
		float:none;
		width:100%;
		font-size:18px;
		line-height:20px;
		margin-bottom:10px;
	}
	.BlogTopText .BlogBtn {
		float:none;
	}
	.BlogTopText {
		bottom:15px;
	}
	.BlogBox {
		float:none;
		width:90%;
		margin:0 auto;
		margin-bottom:20px;
	}
	.BlogBoxheight, .BlogBoxTextheight {
		height:auto !important;
		min-height:inherit !important;
	}
	
	.BackBtn {
		top:80px;
	}
	.BlogHeaderBG img {
		width:50%;
	}
}

@media only screen and (max-width: 540px){
	.BackBtn {
		top:50px;
		left:0;
	}
	.BackBtn .BlogBtn3 {
		width:70px !important;
		margin:0 10px;
		font-size:11px;
		line-height:24px;
		letter-spacing:1px;
	}
	.BackBtn .BlogBtn3 a span {
		line-height:24px;
		padding:0 3px;
		margin-right:10px;
	}
	.BlogHeaderBG img {
		padding:15px 0;
	}
	
	.BlogBtn {
		width:90px !important;
		font-size:11px;
		line-height:24px;
		letter-spacing:1px;
		margin-top:0px;
	}
	.BlogBtn a span {
		background:url(../images/btn-arrow2-ho.png) no-repeat center right;
		line-height:24px;
		padding:0 0px;
	}


	.BlogTopText h3 {
		font-size:14px;
		line-height:normal;

	}
	.BlogTopText h3 span {
		font-size:10px;
		width:100px;
		line-height:18px;
	}

	
}