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

*{outline:none; padding:0px; margin:0px; list-style:none; outline:none; }
table{border-collapse: collapse; border-spacing: 0; width:100%;}
img,a { border:none; outline:none; text-decoration:none;}
ul,li,ol { list-style-type:none;}
.clearfix:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;}
.clearfix { display: block; }
*+html .clearfix { display: inline-block; }
body {  font-family: 'Roboto'; sans-serif; font-size:16px; color:#363636; line-height:normal; text-size-adjust:none; -moz-text-size-adjust:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none;}
.b  { border:1px solid red}
.bannerSection { width:100%; background:url(../images/bannerBg.jpg) repeat-x; background-size:cover }
.haderSection  { width:1290px; margin:0 auto; margin-bottom:33px;}
.haderSection2 { padding-bottom:33px; margin-bottom:0}
.logoSec { width:137px; float:left; margin:33px 0 0 0;}
.navgation { float: left; margin-top: 45px; width: 70%;  }
.navgation ul { text-align:center}
.navgation ul li { display:inline-block}
.navgation ul li a { color:#fff; font-size:15px; margin: 0 60px;}
.navgation ul li a:hover,.navgation ul li a.active { color:#eebe46}
.socila { width:50px; margin-top:35px; float:right}
.socila a { width:32px; margin-right:10px; height:31px; float:left; color:#fff; font-size:15px; }
.socila a:hover { color:#eebe46}
.bannerMain { width:1349px; margin:0 auto}
.bannerMain img { width:100%; vertical-align:bottom}
h1 { font-weight:800; line-height:115px; font-size:35px; color:#eebe46; text-align:center; text-transform:uppercase}
.bodySection { width:1349px; margin:0 auto;   position:relative; padding-bottom:200px;}
.bodyLeftRight { width:301px; height:149px;  display:block; position:absolute; top:0; left:0; z-index:-1; background:url(../images/bodyLeftTopBg.jpg) no-repeat}
.bodyMainSec { width:800px; margin:0 auto; text-align:center; }
.heading { text-transform:uppercase; font-weight:300;  margin-top:70px; border-bottom:3px solid #eebe46; display:inline-block}
.testimonialList { width:100%; margin-top:45px;}
.msgPic { width:343px;}
.msgPic img { float:left; width:100%; vertical-align:bottom}
.infoRight  { float:right; width:400px;}
p.infoRight  { font-size:13px; text-align:left}
.infoRight span { display:block; margin:20px 0;  }
.testimonialList1 .msgPic { float:right}
.infoRight span.nameInfo { font-size:22px; color:#000; margin-bottom:0}
.infoRight span.post { font-size:17px; color:#8d8d8d; margin:0}
.testimonialList1 img { float:right}
.infoRight1  { float:left; width:400px;}
.infoRight1 span img { float:left}
.bodyRightBottom { width:439px; background:url(../images/bodyRightBottom.jpg) no-repeat; height:495px; position:absolute; bottom:0; right:0; z-index:-1}
.col3 { width:100%; background:#ededed; padding:0 0 10px 0}
.col3Main { width:1080px; padding-bottom:30px; margin:0 auto; text-align:center}
.clo3subHading { width:80%; margin:20px auto; font-size:13px; color:#000000; line-height:18px;}
ul.blogerSec  { width:100%; margin-top:50px;}
ul.blogerSec.fixHight { max-height:500px; overflow:hidden}
ul.blogerSec li { float:left; margin:0 43px 40px 0; }
ul.blogerSec li:nth-child(4n) { margin-right:0}
ul.blogerSec li p { color:#8d8d8d; font-weight:normal}
ul.blogerSec li p.blogName {  font-size:19px ; color:#000; line-height:18px;}
ul.blogerSec li p.des {  font-size:17px ; color:#8d8d8d}
.viewAll  { width:187px; background:#eebe46; cursor:pointer; display:inline-block; line-height:43px; border-radius:3px; color:#000}
.footer { width:100%; background:#27282a;}
.footer p { text-align:center; font-size:15px; color:#fff; line-height:100px;}
.blogInfo  { width:100%; text-align:left; padding-top:100px;}
.blogInfo h3 { font-size:35px; color:#282828; font-weight:normal}
.blogInfo p { font-size:20px; font-weight:normal}
.fullInfo { font-size:13px; color:#000; text-align:left; line-height:18px; margin:10px 0 20px 0}
.subBlogHding { font-size:18px; font-weight:normal; text-align:left}
.subBlogHding1 { font-size:20px;}
.blogerPic {width:234px; height:173px; float:left; margin-right:15px;}

@media (max-width:1349px){
.haderSection  { width:95%; margin:0 auto 33px auto}
.bannerMain,.bodySection { width:100%}
h1 { font-size:25px; line-height:80px; }
.bodyMainSec { width:95%; margin:0 auto}
.testimonialList1 .msgPic { float:right}
.navgation { width:315px; float:right; margin-top:45px;  }
.navgation ul li a { color:#fff; font-size:15px; margin: 0 10px;}
.blogInfo { padding:0}

}
@media (max-width:1100px){
.col3Main { width:95%; margin:0 auto}
	
}
@media (max-width:1024px){
ul.blogerSec li  { margin: 0 6px 40px 0;}
ul.blogerSec li:nth-child(4n) { margin: 0 6px 40px 0;}
.footer p { font-size:12px; line-height:50px;}	
.infoRight { width:60%;}
}
@media (max-width:830px){
.msgPic { width:250px}
.bodySection { padding-bottom:50px;}
.infoRight span { margin:0}
.bodyLeftRight,.bodyRightBottom { display:none}
ul.blogerSec li { width:30%; min-height:170px; margin-right:10px;}
ul.blogerSec li:nth-child(4n) { margin-right:10px;}
ul.blogerSec li a img { width:100%; }

}
@media (max-width:786px){
h1 { font-size:20px; line-height:60px; }
}
@media only screen and (min-width:768px) and (max-width: 1024px)  {
ul.blogerSec li { margin-right: 23px;}
ul.blogerSec li:nth-child(4n) { margin-right: 23px;}
	}

@media (max-width:710px){
p.infoRight { width:100%; margin:10px 0; text-align:center}
p.infoRight span:first-child  { display:none;}
.msgPic { margin:0 auto}
.testimonialList { border-bottom:1px solid #eebe46; padding-bottom:20px;}
.testimonialList1 .msgPic { float:none}
ul.blogerSec li p.blogName { font-size:13px;}
ul.blogerSec li p.des { font-size:13px;}
ul.blogerSec.fixHight { max-height:410px;}
ul.blogerSec li p.des { font-size:12px;}

}

@media (max-width:613px){
h1 { line-height:25px; }
}
@media (max-width:495px){
	p.blogerPic { width:100%; text-align:center}  
	.blogInfo h3,.blogInfo p { text-align:center}
}
@media (max-width:463px){
.navgation { width:100%; margin-top:15px;}
.logoSec { width:100%; text-align:center; margin-top:10px;}
.haderSection { margin:0 auto 20px}
.socila { width:100%; text-align:center; margin-top:10px;}
.socila a { float:none}
}
@media (max-width:360px){

}