@charset "utf-8";
/* CSS Document */

.case_study_head { width:937px; height:239px; background: url(../images/case_studey_head_-bg.jpg) repeat-x top #fdb813; 
padding-left:53px;  position:absolute; z-index:100;
margin-top:-7px; font-family:Helvetica; font-weight:bold; font-size:77px; padding-top:30px; line-height:100px;}

.lotus_main { width:990px; height:auto; overflow:hidden; margin:auto; padding-top:300px;}
.case_study_name { width:900px; height:auto; clear:left; float:left; margin-bottom:14px;}
.case_study_name h1 { font-family: 'myriad_probold_semicondensed'; font-size:36px; color:#636363; float:left;}
.case_study_name h2 { float:left; font-family: 'myriadroman'; font-size:14px; font-weight:normal; color:#636363; text-transform:uppercase; float:left; margin-left:8px; padding-top:20px;}
.case_study_text { width:auto; height:auto;}
.case_study_text h1 { font-size:24px; font-weight:normal;  color:#636363;  font-family:Arial, Helvetica, sans-serif; margin-bottom:12px;}
.case_study_text p  { font-size:14px; font-weight:normal; color:#636363; line-height:18px; font-family:Arial, Helvetica, sans-serif;  clear:left; float:left; margin-top:18px;}
.case_study_text p.first{ margin-top:0px; }
.lotus_main article{ clear:left; float:left;} 

.newspaper { width:990px; height:976px; background:url(../images/case_study/lotus/newspaper.jpg) no-repeat bottom center;}
.newspaper_lt { width:464px; height:auto; float:left;}
.news_text { clear:left; float:left; margin-top:45px;}
.newspaper_rt { width:451px; height:auto; float:right; margin-right:35px;}

.profile { width:990px; height:769px; background:url(../images/case_study/lotus/profile.jpg) no-repeat bottom center; 
margin-top:-140px; margin-bottom:33px;}
.profile_text { width:417px; height:auto; float:right; }
.backdrop { width:990px; height:510px; background:url(../images/case_study/lotus/backdrop.jpg) no-repeat bottom center;
margin-bottom:39px;}
.backdrop_text { width:467px; float:left; margin-left:33px;}

.mascot { width:990px; height:710px; background:url(../images/case_study/lotus/mascot.jpg) no-repeat bottom center;}
.mascot_text { width:455px; height:auto; clear:left; float:left; margin-left:33px; margin-top:78px;}

.prospectus { width:990px; height:662px; background:url(../images/case_study/lotus/prospectus.jpg) no-repeat bottom center;
margin-bottom:85px;}
.prospectus_text { width:845px; height:auto; clear:left; float:left; margin-left:30px;}

.almanac { width:990px; height:635px; background:url(../images/case_study/lotus/almanac.jpg) no-repeat bottom center; margin-bottom:35px;}
.almanac_text { width:433px; clear:left; float:left; margin-left:24px;}

.magazine { width:990px; height:630px; background:url(../images/case_study/lotus/magazine.jpg) no-repeat  bottom center;
margin-bottom:20px;}
.magazine_text { width:848px; float:left; margin-left:32px; }

.birthday { width:990px; height:781px; background:url(../images/case_study/lotus/birthday.jpg) no-repeat bottom center;}
.birthday_text { width:518px; height:auto; float:right;}
.bus { width:990px; height:404px; background:url(../images/case_study/lotus/bus.jpg) no-repeat bottom center; margin-bottom:70px;}

 @media only screen and (min-width:990px) and (max-width: 1169px) {
	.lotus_main { padding-top:300px;} 
	.case_study_head  {font-size:62px;  }
	 .case_study_head br { display:none;}
 }


 @media only screen and (min-width:750px) and (max-width: 989px) {
	.lotus_main { width:690px; padding-top:350px;}
.case_study_head  { width:665px; padding-left:0px; padding-left:25px; font-size:62px;  }
.case_study_name  { width:690px;}

.newspaper { width:690px; height:870px; background-size:690px 500px;}
.newspaper_lt { width:660px; }
.newspaper_rt { width:660px; clear:left; float:left; margin-top:35px;} 
.news_text { margin-top:35px;}

.profile { width:690px; height:650px; background-size:690px 500px;  margin-top:10px;}
.profile_text { width:660px; clear:left; float:left;}
 
.backdrop { width:690px; background-size:690px 365px; height:450px; margin-bottom:40px;}
.backdrop_text { width:370px; margin-left:0px;}

.mascot { width:690px; background-size:690px 495px; height:495px;}
.mascot_text { margin-left:0px; width:400px; margin-top:30px;}

.prospectus { width:690px; margin-top:20px; margin-bottom:40px;}
.prospectus_text { width:660px; margin-left:0px;}

.almanac  { width:690px; height:528px; background-size:690px 518px;}
.almanac_text { margin-left:0px; width:390px;}

.magazine { width:690px; height:566px; background-size:690px 466px;}
.magazine_text { margin-left:0px; width:690px;} 

.birthday { width:690px; height:580px; background-size:690px  544px;}
.birthday_text { width:400px; }
.bus { width:690px; height:282px; background-size:690px 282px;}
 }
 
 
 
 
  @media only screen and (min-width: 480px) and (max-width: 749px) {
	.lotus_main { width:460px; padding-top:230px;}
.case_study_name  h2 { clear:left !important; float:left !important; margin-left:0px !important}
.case_study_head  { width:440px; padding-left:0px;  font-size:41px; line-height:70px; padding-left:20px; height:180px;  }
.case_study_name  { width:690px;}

.newspaper { width:460px; height:800px; background-size:460px 334px;}
.newspaper_lt { width:460px; }
.newspaper_rt { width:460px; clear:left; float:left; margin-top:35px;} 
.news_text { margin-top:35px;}

.case_study_text p  { display:none;}
.case_study_text p.visible  { display:block;}

.profile { width:460px; height:370px; background-size:460px 334px;  margin-top:20px;}
.profile_text { width:460px; clear:left; float:left;}
 
.backdrop { width:460px; background-size:460px 244px; height:244px;}
.backdrop_text { width:200px; margin-left:0px;}

.mascot { width:460px; background-size:460px 330px; height:330px; margin-top:0px;}
.mascot_text { margin-left:0px; width:200px; margin-top:30px;}

.prospectus { width:460px; margin-top:40px; margin-bottom:20px; background-size:300px 404px; height:460px;}
.prospectus_text { width:200px; margin-left:0px;}

.almanac  { width:460px; height:365px; background-size:460px 345px;}
.almanac_text { margin-left:0px; width:200px; margin-top:30px;}

.magazine { width:460px; height:348px; background-size:460px 311px;}
.magazine_text { margin-left:0px; width:200px;} 

.birthday { width:460px; height:400px; background-size:460px  363px;}
.birthday_text { width:460px; }
.bus { width:460px; height:188px; background-size:460px 188px; padding-bottom:30px;}
.inner_body.fullwidth .case_study_head{
font-size: 25px!important;
    line-height: 34px !important;
	box-sizing:border-box;
	height:200px !important;
}
 }
 
 
    @media only screen and (max-width:479px) {
	.lotus_main { width:300px; padding-top:230px;}
.case_study_head  { width:290px; padding-left:0px; font-size:28px; padding-left:10px; line-height:50px; height:140px;  }
.case_study_name  { width:300px; }
.case_study_name  h2 { clear:left !important; float:left !important; margin-left:0px !important}

.case_study_name  h1 { margin-right:0px; width:auto;}
.case_study_name  h2 { clear:right; float:right; margin-right:30px; margin-top:-20px;}

.newspaper { width:300px; height:830px; background-size:300px 218px;}
.newspaper_lt { width:300px; }
.newspaper_rt { width:300px; clear:left; float:left; margin-top:35px;} 
.news_text { margin-top:35px;}

.case_study_text p  { display:none;}
.case_study_text p.visible  { display:block;}

.profile { width:300px; height:258px; background-size:300px 218px;  margin-top:30px;}
.profile_text { width:300px; clear:left; float:left;}
 
.backdrop { width:300px; background-size:300px 159px; height:159px;}
.backdrop_text { width:200px; margin-left:0px;}

.mascot { width:300px; background-size:300px 215px; height:215px; margin-top:0px;}
.mascot_text { margin-left:0px; width:200px; margin-top:30px;}

.prospectus { width:300px; margin-top:40px; margin-bottom:15px; background-size:200px 270px; height:310px;}
.prospectus_text { width:200px; margin-left:0px;}

.almanac  { width:300px; height:275px; background-size:300px 225px;}
.almanac_text { margin-left:0px; width:200px; margin-top:30px;}

.magazine { width:300px; height:243px; background-size:300px 203px;}
.magazine_text { margin-left:0px; width:200px;} 

.birthday { width:300px; height:300px; background-size:300px  237px;}
.birthday_text { width:300px; }
.bus { width:300px; height:122px; background-size:300px 122px; padding-bottom:30px;}
.inner_body.fullwidth .case_study_head{
font-size: 25px!important;
    line-height: 34px !important;
	box-sizing:border-box;
	height:200px !important;
	
}

 }


























